\n \n \n );\n };\n\n render() {\n return (\n \n {this.props.groupActivity ? this.addOthersBtn() : this.someoneWithYou()}\n {this.renderInviteList()}\n
\n );\n }\n}\n\nTagging.propTypes = {\n groupActivity: PropTypes.bool,\n activityId: PropTypes.number.isRequired,\n activityType: PropTypes.string.isRequired,\n athleteId: PropTypes.number.isRequired,\n athleteName: PropTypes.string.isRequired,\n findFriendsUrl: PropTypes.string.isRequired,\n branchLinkData: PropTypes.shape({}).isRequired,\n isModalOpen: PropTypes.bool,\n handleToggleModal: PropTypes.func.isRequired,\n showInterstitial: PropTypes.bool,\n handleHideInterstitial: PropTypes.func.isRequired\n};\n\nTagging.defaultProps = {\n groupActivity: false,\n isModalOpen: false,\n showInterstitial: true\n};\n\nfunction mapStateToProps(state) {\n return {\n groupActivity: state.groupActivity,\n activityId: state.activityId,\n activityType: state.activityType,\n athleteId: state.activityId,\n athleteName: state.athleteName,\n findFriendsUrl: state.findFriendsUrl,\n branchLinkData: state.branchLinkData,\n isModalOpen: state.isModalOpen,\n showInterstitial: state.showInterstitial\n };\n}\n\nexport default connect(\n mapStateToProps,\n {\n handleToggleModal: toggleModal,\n handleHideInterstitial: hideInterstitial\n }\n)(Tagging);\n","import { types } from './actions';\nimport { followerStatus } from './const';\n\nfunction prepareFollowerItem(follower) {\n return {\n ...follower,\n status: followerStatus.READY\n };\n}\n\nfunction updateFollowerStatus(state, action, status) {\n return state.followers.map((follower) => {\n if (follower.athleteId === action.athleteId) {\n return {\n ...follower,\n status\n };\n }\n return follower;\n });\n}\n\nexport default function reducer(state = {}, action) {\n switch (action.type) {\n case types.TOGGLE_MODAL:\n return {\n ...state,\n isModalOpen: !state.isModalOpen\n };\n case types.HIDE_INTERSTITIAL:\n return {\n ...state,\n showInterstitial: false\n };\n case types.INVITE_SUBMITTING:\n return {\n ...state,\n followers: updateFollowerStatus(\n state,\n action,\n followerStatus.SUBMITTING\n )\n };\n case types.INVITE_COMPLETE:\n return {\n ...state,\n followers: updateFollowerStatus(state, action, followerStatus.COMPLETE)\n };\n case types.INVITE_ERROR:\n return {\n ...state,\n followers: updateFollowerStatus(state, action, followerStatus.ERROR)\n };\n case types.FOLLOWERS_LOADING:\n return {\n ...state,\n loading: true,\n error: ''\n };\n case types.FOLLOWERS_COMPLETE:\n return {\n ...state,\n followers: action.followers.map(prepareFollowerItem),\n loading: false,\n error: ''\n };\n case types.FOLLOWERS_ERROR:\n return {\n ...state,\n loading: true,\n error: action.error\n };\n default:\n return state;\n }\n}\n","import React from 'react';\nimport { createStore, applyMiddleware } from 'redux';\nimport { Provider } from 'react-redux';\nimport thunk from 'redux-thunk';\n\nimport Tagging from './components/Tagging';\nimport reducer from './reducers';\n\nclass ActivityTagging extends React.Component {\n store = createStore(\n reducer,\n {\n ...this.props,\n followers: [],\n isModalOpen: false,\n showInterstitial: true,\n loading: false,\n error: ''\n },\n applyMiddleware(thunk)\n );\n\n render() {\n return (\n \n \n );\n }\n}\n\nexport default ActivityTagging;\n","// extracted by mini-css-extract-plugin\nexport default {\"placeholder-no-op-empty-nothing-here\":\"ExcludedEfforts--placeholder-no-op-empty-nothing-here--W1HBU\",\"placeholderNoOpEmptyNothingHere\":\"ExcludedEfforts--placeholder-no-op-empty-nothing-here--W1HBU\"};","import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport I18n from 'utils/I18n';\nimport { trackV2 } from 'utils/analytics';\nimport createNetworkingClient from 'utils/networking-client';\nimport Spinner from '@strava/ui/Spinner';\nimport styles from './styles.scss';\n\nimport ExcludedSegmentEffortsModal from '../../segments/ExcludedSegmentEffortsModal';\n\nconst ExcludedEfforts = ({ activityId }) => {\n const [isLoading, setIsLoading] = useState(true);\n const [isModalOpen, setIsModalOpen] = useState(false);\n const [flaggedEfforts, setFlaggedEfforts] = useState([]);\n const [speedUnit, setSpeedUnit] = useState(null);\n\n useEffect(() => {\n const fetchData = async () => {\n const url = '/frontend/segments/excluded_efforts';\n const params = { params: { entity: 'activity', id: activityId } };\n createNetworkingClient()\n .get(url, params)\n .then(({ data }) => {\n setFlaggedEfforts(data.flagged_efforts);\n setSpeedUnit(data.speed_unit);\n })\n .catch(() => {})\n .finally(() => {\n setIsLoading(false);\n });\n };\n\n fetchData();\n }, [activityId]);\n\n useEffect(() => {\n if (flaggedEfforts.length > 0) {\n trackV2({\n action: 'screen_enter',\n element: 'excluded_efforts',\n category: 'activity_detail',\n page: 'activity_detail'\n });\n }\n }, [flaggedEfforts]);\n\n const spinner = (\n \n
\n );\n\n const openModal = () => {\n setIsModalOpen(true);\n trackV2({\n action: 'click',\n element: 'excluded_efforts',\n category: 'activity_detail',\n page: 'activity_detail'\n });\n trackV2({\n action: 'screen_enter',\n category: 'segments',\n page: 'excluded_efforts'\n });\n };\n\n const closeModal = () => {\n setIsModalOpen(false);\n trackV2({\n action: 'screen_exit',\n category: 'segments',\n page: 'excluded_efforts'\n });\n };\n\n const button = (\n <>\n \n {I18n.t(\n 'strava.labs.activities.segments_view.excluded_efforts.show_lightbox',\n { count: flaggedEfforts.length }\n )}\n \n \n
\n
\n
\n {I18n.t(`${I18nPrefix}.title`)}\n \n
{I18n.t(`${I18nPrefix}.body`)}
\n
\n {\n if (fadeOut) {\n return;\n }\n setFadeOut(true);\n setTimeout(() => handleContinueClick(), 200);\n }}\n >\n {I18n.t(`${I18nPrefix}.cta`)}\n \n
\n
\n
\n
\n
\n {I18n.t(`${I18nPrefix}.title`)}\n \n \n \n \n \n\n {summary && (\n <>\n
\n \n {summary.score}\n \n {summary.label && (\n \n {summary.label}\n \n )}\n
\n\n
\n {getTrainingImpactText(trendingRatio)}\n
\n \n )}\n
\n
\n {this.dateRange(activityWeek)}\n
\n
\n {cumulativeScore}\n \n {this.getTitleText(isCurrentWeek)}\n
\n \n {this.getDescriptionText(isCurrentWeek)}\n
\n \n );\n }\n}\n\nWeekInsight.propTypes = {\n year: PropTypes.number.isRequired,\n week: PropTypes.number.isRequired,\n cumulativeScore: PropTypes.number.isRequired,\n buckets: PropTypes.arrayOf(PropTypes.number).isRequired\n};\n\nexport default WeekInsight;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { XAxis, BarChart, Bar } from 'recharts';\nimport Cldr from 'utils/Cldr';\n\nconst weekdayNames = (key) => {\n return Cldr.calendar.weekdays({\n format: 'stand-alone',\n names_form: 'narrow'\n })[key];\n};\n\nconst WEEKDAY_KEYS = {\n 0: 'mon',\n 1: 'tue',\n 2: 'wed',\n 3: 'thu',\n 4: 'fri',\n 5: 'sat',\n 6: 'sun'\n};\n\nconst WeekChart = ({ dailyScores }) => {\n const tickTextStyle = {\n fill: '#6b6b76',\n fontSize: '11px'\n };\n\n const barData = dailyScores.map((v, i) => ({\n x: v,\n w: weekdayNames(WEEKDAY_KEYS[i])\n }));\n\n return (\n \n \n );\n};\n\nWeekChart.propTypes = {\n dailyScores: PropTypes.arrayOf(PropTypes.number).isRequired\n};\n\nexport default WeekChart;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n XAxis,\n YAxis,\n CartesianGrid,\n ComposedChart,\n ResponsiveContainer,\n Tooltip,\n Line,\n Area,\n ReferenceLine,\n ReferenceDot\n} from 'recharts';\nimport Cldr from 'utils/Cldr';\nimport {\n getPrimaryColor,\n getSecondaryColor,\n getDateFromYearWeek,\n getFirstDayOfWeekFromDate\n} from 'utils/relative-effort';\n\n// Returns Monday date for a given year and week\nfunction getDate(year, week) {\n const date = getDateFromYearWeek(year, week);\n const firstDayOfWeek = getFirstDayOfWeekFromDate(date);\n\n // Shift date to be the first day of the week (Monday)\n return new Date(date.setDate(firstDayOfWeek + 1));\n}\n\nclass WeeklyGraph extends React.Component {\n constructor(props) {\n super(props);\n\n const { weeklyScores } = props;\n\n const rangeData = weeklyScores.map((d) => ({\n date: getDate(d.year, d.week).getTime(),\n score: d.cumulative_score,\n range: [d.buckets[0], d.buckets[2]]\n }));\n\n const scores = weeklyScores.map((w) => w.cumulative_score);\n const maxScore = Math.max(...scores);\n\n this.state = {\n rangeData,\n maxScore\n };\n }\n\n onMouseMove = (d) => {\n const { activeTooltipIndex, isTooltipActive } = d;\n const { selectedWeekIndex, snapToPoint } = this.props;\n\n if (!isTooltipActive) {\n return;\n }\n\n if (activeTooltipIndex === selectedWeekIndex) {\n return;\n }\n\n snapToPoint(activeTooltipIndex);\n };\n\n formatXAxisTick = (d) =>\n Cldr.formatDateTime(new Date(d), {\n format: 'additional',\n type: 'MMMd'\n });\n\n render() {\n const { weeklyScores, selectedWeekIndex, currentWeekIndex } = this.props;\n const { rangeData, maxScore } = this.state;\n\n const tickColor = '#efefef';\n const tickTextStyle = {\n fill: '#6b6b76',\n fontSize: '9px'\n };\n\n const activeDotFillColor = getPrimaryColor(\n weeklyScores[selectedWeekIndex].cumulative_score,\n weeklyScores[selectedWeekIndex].buckets\n );\n const activeDotStrokeColor = getSecondaryColor(\n weeklyScores[selectedWeekIndex].cumulative_score,\n weeklyScores[selectedWeekIndex].buckets\n );\n\n const showCurrentWeekIndicator = currentWeekIndex !== selectedWeekIndex;\n\n return (\n \n \n dataMax * 1.25]}\n ticks={[parseInt(maxScore * 0.5, 10), maxScore]}\n />\n {}} cursor={false} />\n {showCurrentWeekIndicator && (\n \n );\n }\n}\n\nWeeklyGraph.propTypes = {\n currentWeekIndex: PropTypes.number.isRequired,\n selectedWeekIndex: PropTypes.number.isRequired,\n weeklyScores: PropTypes.arrayOf(PropTypes.shape()).isRequired,\n snapToPoint: PropTypes.func.isRequired\n};\n\nexport default WeeklyGraph;\n","// extracted by mini-css-extract-plugin\nexport default {\"table\":\"Activities--table--ysu9S\",\"type\":\"Activities--type--f-RsU\",\"date\":\"Activities--date--c2qcK\",\"name\":\"Activities--name--YwPVu\",\"time\":\"Activities--time--wdn0B\",\"score\":\"Activities--score--ecTUV\",\"lock-icon-wrap\":\"Activities--lock-icon-wrap--d4iTq\",\"lockIconWrap\":\"Activities--lock-icon-wrap--d4iTq\",\"lock-icon\":\"Activities--lock-icon--TLNEj\",\"lockIcon\":\"Activities--lock-icon--TLNEj\"};","import React from 'react';\nimport PropTypes from 'prop-types';\nimport ActivityIcon from 'components/ActivityIcon';\nimport Cldr from 'utils/Cldr';\nimport I18n from 'utils/I18n';\nimport { getTrainingImpactColor } from 'utils/relative-effort';\n\nimport styles from './styles.scss';\n\nfunction formatDate(date) {\n return Cldr.formatDateTime(new Date(date), {\n format: 'additional',\n type: 'yMEd'\n });\n}\n\nfunction formatMovingTime(movingTime) {\n return I18n.timespanFormatter().display(movingTime);\n}\n\nconst Activities = ({ currentActivityId, activities }) => (\n \n \n {activities.map((activity) => (\n \n \n \n \n {formatDate(activity.start_date_local)}\n \n \n {currentActivityId === activity.id.toString() ? (\n activity.name\n ) : (\n {activity.name} \n )}\n {activity.private && (\n \n \n )}\n \n \n {formatMovingTime(activity.moving_time)}\n \n \n \n {activity.suffer_score}\n \n \n \n ))}\n \n
\n);\n\nActivities.propTypes = {\n currentActivityId: PropTypes.string.isRequired,\n activities: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.number.isRequired,\n moving_time: PropTypes.number.isRequired,\n name: PropTypes.string.isRequired,\n start_date_local: PropTypes.string.isRequired,\n suffer_score: PropTypes.number.isRequired,\n type: PropTypes.string.isRequired,\n activity_type: PropTypes.string.isRequired\n })\n ).isRequired\n};\n\nexport default Activities;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport I18n from 'utils/I18n';\n\nimport styles from './styles.scss';\nimport WeekInsight from './WeekInsight';\nimport WeekChart from './WeekChart';\nimport WeeklyGraph from './WeeklyGraph';\nimport Activities from './Activities';\n\nconst I18nPrefix = 'strava.relative_effort';\n\nclass WeeklySummary extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n selectedWeekIndex: props.selectedWeekIndex\n };\n }\n\n snapToPoint = (index) => {\n this.setState({ selectedWeekIndex: index });\n };\n\n onMouseEnter = () => {\n clearTimeout(this.mouseLeaveTimer);\n };\n\n onMouseLeave = () => {\n const { selectedWeekIndex: currentWeekIndex } = this.props;\n\n clearTimeout(this.mouseLeaveTimer);\n this.mouseLeaveTimer = setTimeout(() => {\n this.setState({ selectedWeekIndex: currentWeekIndex });\n }, 250);\n };\n\n render() {\n const { selectedWeekIndex } = this.state;\n const {\n weeklyScores,\n currentActivityId,\n selectedWeekIndex: currentWeekIndex\n } = this.props;\n\n const selectedWeek = weeklyScores[selectedWeekIndex];\n\n return (\n \n
\n
\n
\n {I18n.t(`${I18nPrefix}.weekly_effort`)}\n \n \n
\n
\n
\n\n
\n\n
\n
\n
\n\n {selectedWeek.activities.length > 0 && (\n <>\n
\n
\n \n )}\n
\n
\n
\n );\n }\n\n return (\n \n {showDisclaimer && (\n
\n )}\n
\n
\n
\n {data.unit.unit_short}\n \n \n );\n};\n\nAbbrUnit.propTypes = {\n data: PropTypes.shape({\n value: PropTypes.string,\n unit: PropTypes.shape({\n unit_long: PropTypes.string,\n unit_short: PropTypes.string\n })\n }).isRequired\n};\n\nexport default AbbrUnit;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport {\n ModalOverlay,\n ModalContent,\n ModalCloseButton,\n ModalTitle,\n ModalBody\n} from '@strava/ui/Modal';\nimport I18n from 'utils/I18n';\nimport { trackV2 } from 'utils/analytics';\n\nimport styles from './styles.scss';\n\nimport AbbrUnit from './components/AbbrUnit';\n\nconst ExcludedSegmentEffortsModal = ({\n entity,\n flaggedEfforts,\n speedUnit,\n isModalOpen,\n onDismiss\n}) => {\n const trackModalClick = () => {\n trackV2({\n action: 'click',\n element: 'learn_more',\n category: 'segments',\n page: 'excluded_efforts',\n properties: { source: `${entity}_detail` }\n });\n return true;\n };\n\n const modalContent = () => {\n return (\n <>\n \n {I18n.t(\n 'strava.labs.activities.segments_view.excluded_efforts.heading'\n )}\n \n \n \n {I18n.t(\n 'strava.labs.activities.segments_view.excluded_efforts.description1_v2'\n )}\n
\n \n {I18n.t(\n 'strava.labs.activities.segments_view.excluded_efforts.description2'\n )}\n
\n \n {I18n.t(\n 'strava.labs.activities.segments_view.excluded_efforts.learn_more'\n )}\n \n \n \n \n {I18n.t('templates.activities.segments.table.name')} \n {I18n.t('templates.activities.segments.table.time')} \n {speedUnit && (\n \n {I18n.t(\n `templates.activities.segments.table.speed.${speedUnit}`\n )}\n \n )}\n \n \n \n {flaggedEfforts.map((row) => (\n \n \n \n {entity === 'segment' && (\n
\n {row.date} \n
\n )}\n {entity === 'activity' && (\n
\n {row.name} \n
\n )}\n
\n {`${I18n.t(\n 'strava.labs.activities.segments_view.excluded_efforts.subtitle'\n )} - `}{' '}\n
\n
\n {row.elapsed_time} \n \n \n \n ))}\n \n
\n \n \n );\n };\n\n return (\n \n \n {modalContent()}\n \n \n );\n};\n\nconst abbrUnitType = PropTypes.shape({\n value: PropTypes.string,\n unit: PropTypes.shape({\n unit_long: PropTypes.string,\n unit_short: PropTypes.string\n })\n}).isRequired;\n\nExcludedSegmentEffortsModal.defaultProps = {\n speedUnit: null\n};\n\nExcludedSegmentEffortsModal.propTypes = {\n entity: PropTypes.oneOf(['activity', 'segment']).isRequired,\n flaggedEfforts: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.number,\n path: PropTypes.string,\n date: PropTypes.string,\n name: PropTypes.string,\n distance: abbrUnitType,\n elev_difference: abbrUnitType,\n avg_grade: abbrUnitType,\n avg_speed: abbrUnitType,\n elapsed_time: PropTypes.string\n })\n ).isRequired,\n speedUnit: PropTypes.string,\n isModalOpen: PropTypes.bool.isRequired,\n onDismiss: PropTypes.func.isRequired\n};\n\nexport default ExcludedSegmentEffortsModal;\n","export { default } from './ExcludedSegmentEffortsModal';\n","// extracted by mini-css-extract-plugin\nexport default {\"options\":\"OptionList--options--7zMaY\",\"title\":\"OptionList--title--Oo06n\",\"detail\":\"OptionList--detail--Jessw\"};","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport styles from './index.scss';\n\nfunction OptionList({ currentValue, handleNext, handleValueChange, options }) {\n return (\n \n {options.map((option) => (\n \n );\n}\n\nOptionList.defaultProps = {\n currentValue: null\n};\n\nOptionList.propTypes = {\n currentValue: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n handleNext: PropTypes.func.isRequired,\n handleValueChange: PropTypes.func.isRequired,\n options: PropTypes.arrayOf(\n PropTypes.shape({\n title: PropTypes.string.isRequired,\n detail: PropTypes.string.isRequired,\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]).isRequired\n })\n ).isRequired\n};\n\nfunction Option({\n value,\n title,\n detail,\n isSelected,\n handleNext,\n valueChanged\n}) {\n return (\n \n \n valueChanged(value, title)}\n onKeyPress={(e) => e.key === 'Enter' && isSelected && handleNext()}\n tabIndex={isSelected ? '0' : '-1'}\n />\n \n {title} \n {detail} \n
\n \n \n );\n}\n\nOption.propTypes = {\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]).isRequired,\n title: PropTypes.string.isRequired,\n detail: PropTypes.string.isRequired,\n isSelected: PropTypes.bool.isRequired,\n handleNext: PropTypes.func.isRequired,\n valueChanged: PropTypes.func.isRequired\n};\n\nexport default OptionList;\n","import React, { useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { withRouter } from 'react-router-dom';\n\nimport ButtonCTAWithCancel from 'components/ButtonCTAWithCancel';\nimport OptionList from './components/OptionList';\n\nexport function Step({\n name,\n title,\n flow,\n isSubmitted,\n config,\n currentValue,\n handleValueChange,\n handleCancel,\n trackNext,\n trackScreenEnter,\n trackScreenExit,\n history\n}) {\n useEffect(() => {\n trackScreenEnter();\n return trackScreenExit;\n }, [history]);\n\n if (isSubmitted) {\n handleCancel();\n return null;\n }\n\n const nextStep = flow[flow.indexOf(name) + 1];\n const handleNext = () => {\n trackNext();\n history.push(nextStep);\n };\n\n return (\n <>\n {title} \n {I18n.t(I18nKey.title)} \n {I18n.t_html(I18nKey.detailHtml)}
\n \n \n {attributes.map((attr) => (\n \n {summary[attr].title} \n \n {isSubmitted ? I18n.t(I18nKey.updating) : summary[attr].changes}\n \n \n ))}\n \n
\n \n \n \n \n \n ))}\n \n \n \n
\n \n );\n }\n}\n\nEditPastActivitiesApp.propTypes = {\n url: PropTypes.string.isRequired,\n returnTo: PropTypes.string.isRequired,\n attributes: PropTypes.arrayOf(\n PropTypes.shape({\n name: PropTypes.string.isRequired,\n title: PropTypes.string.isRequired,\n type: PropTypes.oneOf(['OptionList']),\n config: PropTypes.object\n })\n ).isRequired\n};\n\nexport default EditPastActivitiesApp;\n","import createNetworkingClient from 'utils/networking-client';\n\nexport const types = {\n VALUE_CHANGED: 'VALUE_CHANGED',\n VALUE_SAVED_FAILURE: 'VALUE_SAVED_FAILURE',\n VALUE_SAVED_REQUESTED: 'VALUE_SAVED_REQUESTED',\n VALUE_SAVED_SUCCESS: 'VALUE_SAVED_SUCCESS'\n};\n\nconst valueSavedFailure = (partnerName, partnerType) => ({\n type: types.VALUE_SAVED_FAILURE,\n partnerName,\n partnerType\n});\n\nconst valueSavedRequested = (partnerName, partnerType) => ({\n type: types.VALUE_SAVED_REQUESTED,\n partnerName,\n partnerType\n});\n\nconst valueSavedSuccess = (partnerName, partnerType) => ({\n type: types.VALUE_SAVED_SUCCESS,\n partnerName,\n partnerType\n});\n\nexport const valueChanged = ({\n athleteId,\n optOutName,\n partnerName,\n partnerType,\n value\n}) => (dispatch) => {\n dispatch(valueSavedRequested(partnerName, partnerType));\n const url = `/athletes/${athleteId}`;\n const payload = {\n athlete: {\n partner_opt_outs: [\n {\n opt_out_name: optOutName,\n value\n }\n ]\n }\n };\n\n const instance = createNetworkingClient();\n return instance\n .put(url, payload, { headers: { Accept: 'text/javascript' } })\n .then(() => dispatch(valueSavedSuccess(partnerName, partnerType)))\n .catch(() => dispatch(valueSavedFailure(partnerName, partnerType)));\n};\n\nexport default types;\n","import { types } from './actions';\n\nexport default function reducer(state = {}, action) {\n let newState;\n let changedPartner;\n\n switch (action.type) {\n case types.VALUE_SAVED_FAILURE:\n changedPartner = state[action.partnerType][action.partnerName];\n return {\n ...state,\n [action.partnerType]: {\n ...state[action.partnerType],\n [action.partnerName]: {\n ...changedPartner,\n disabled: false\n }\n }\n };\n case types.VALUE_SAVED_REQUESTED:\n changedPartner = state[action.partnerType][action.partnerName];\n return {\n ...state,\n [action.partnerType]: {\n ...state[action.partnerType],\n [action.partnerName]: {\n ...changedPartner,\n disabled: true\n }\n }\n };\n case types.VALUE_SAVED_SUCCESS:\n changedPartner = state[action.partnerType][action.partnerName];\n newState = {\n ...state,\n [action.partnerType]: {\n ...state[action.partnerType],\n [action.partnerName]: {\n ...changedPartner,\n value: !changedPartner.value,\n disabled: false\n }\n },\n selected: action.partnerName\n };\n return { ...newState };\n\n default:\n return state;\n }\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"opt-out-section\":\"OptOutSetting--opt-out-section--SO4Aa\",\"optOutSection\":\"OptOutSetting--opt-out-section--SO4Aa\",\"partner-image-container\":\"OptOutSetting--partner-image-container--ZWM2I\",\"partnerImageContainer\":\"OptOutSetting--partner-image-container--ZWM2I\",\"partner-image\":\"OptOutSetting--partner-image--QH+D6\",\"partnerImage\":\"OptOutSetting--partner-image--QH+D6\",\"partner-body\":\"OptOutSetting--partner-body--vqCRw\",\"partnerBody\":\"OptOutSetting--partner-body--vqCRw\",\"partner-name\":\"OptOutSetting--partner-name--kbPWn\",\"partnerName\":\"OptOutSetting--partner-name--kbPWn\",\"input\":\"OptOutSetting--input--4tmfv\",\"radio-label\":\"OptOutSetting--radio-label--TsFHI\",\"radioLabel\":\"OptOutSetting--radio-label--TsFHI\",\"description\":\"OptOutSetting--description--gDW3p\"};","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport I18n from 'utils/I18n';\n\nimport styles from './index.scss';\n\nconst I18nPrefix = 'strava.settings.partner_integrations.';\nconst I18nPrefixSelected = `${I18nPrefix}settings_changed.`;\nconst I18nKey = {\n enabled: `${I18nPrefix}enabled`,\n disabled: `${I18nPrefix}disabled`,\n seeYourActivities: `${I18nPrefix}see_your_activities`,\n selected: {\n enabled: {\n withDate: `${I18nPrefixSelected}enabled_with_date`,\n withoutDate: `${I18nPrefixSelected}enabled_without_date`\n },\n disabled: {\n withDate: `${I18nPrefixSelected}disabled_with_date`,\n withoutDate: `${I18nPrefixSelected}disabled_without_date`\n }\n }\n};\n\nexport const getDescriptionString = (partnerName, value, date) => {\n if (value) {\n if (date) {\n return I18n.t(I18nKey.selected.disabled.withDate, {\n partnerName,\n date\n });\n }\n return I18n.t(I18nKey.selected.disabled.withoutDate, {\n partnerName\n });\n }\n if (date) {\n return I18n.t(I18nKey.selected.enabled.withDate, {\n partnerName,\n date\n });\n }\n return I18n.t(I18nKey.selected.enabled.withoutDate, {\n partnerName\n });\n};\n\nexport const generateLink = (date) => {\n if (date) {\n return (\n \n {I18n.t(I18nKey.seeYourActivities)}\n \n );\n }\n return null;\n};\n\nexport const renderText = (selected, name, value, date) => {\n if (selected) {\n return (\n \n
{getDescriptionString(name, value, date)}
\n {generateLink(date)}\n
\n
\n
\n
\n {partner.partnerName}\n \n \n {renderText(\n selected,\n partner.partnerName,\n partner.value,\n partner.lastActivityDate\n )}\n \n
\n
{I18n.t(I18nKey.sponsoredHeader)} \n {this.sponsoredMapping()}\n \n );\n }\n return null;\n }\n\n enhancedIntegrations() {\n if (this.hasEnhanced()) {\n if (this.showEnhancedHeading()) {\n return (\n \n
{I18n.t(I18nKey.yourHeader)} \n {this.enhancedMapping()}\n \n );\n }\n return {this.enhancedMapping()}
;\n }\n return null;\n }\n\n render() {\n return (\n \n {this.sponsoredIntegrations()}\n {this.enhancedIntegrations()}\n
\n );\n }\n}\n\nPartnerIntegrationsList.defaultProps = {\n selected: null\n};\n\nPartnerIntegrationsList.propTypes = {\n athleteId: PropTypes.number.isRequired,\n onValueChanged: PropTypes.func.isRequired,\n selected: PropTypes.string,\n sponsored: PropTypes.shape({}).isRequired,\n enhanced: PropTypes.shape({}).isRequired\n};\n\nexport default connect(\n ({ athleteId, sponsored, enhanced, selected }) => ({\n athleteId,\n sponsored,\n enhanced,\n selected\n }),\n { onValueChanged: valueChanged }\n)(PartnerIntegrationsList);\n","import React from 'react';\nimport { Provider } from 'react-redux';\nimport { createStore, applyMiddleware } from 'redux';\nimport thunk from 'redux-thunk';\n\nimport reducer from './reducers';\n\nimport PartnerIntegrationsList from './components/PartnerIntegrationsList';\n\nclass PartnerIntegrations extends React.Component {\n store = createStore(\n reducer,\n { ...this.props, selected: null, disabled: false },\n applyMiddleware(thunk)\n );\n\n render() {\n return (\n \n \n );\n }\n}\n\nexport default PartnerIntegrations;\n","// extracted by mini-css-extract-plugin\nexport default {\"map\":\"PrivateLocationMap--map--dkyzs\",\"popup\":\"PrivateLocationMap--popup--lmkcY\"};","import React, { useEffect } from 'react';\nimport PropTypes from 'prop-types';\n\nimport Map, { useMap } from '@strava/ui/Map';\nimport PolygonCircle from '@strava/ui/Map/PolygonCircle';\nimport Popup from '@strava/ui/Map/Popup';\nimport SvgActionsVisibleDisabledNormalXsmall from '@strava/icons/ActionsVisibleDisabledNormalXsmall';\n\nimport { trackV2 } from 'utils/analytics';\nimport styles from './styles.scss';\n\nconst { MAPBOX_TOKEN } = process.env;\n\nfunction MapAnalytics({ privateLocationId }) {\n const map = useMap();\n\n useEffect(() => {\n map.on('zoomstart', () => {\n trackV2({\n category: 'privacy_settings',\n page: 'private_locations',\n action: 'click',\n element: 'map_zoom',\n properties: { private_location_id: privateLocationId }\n });\n });\n map.on('dragstart', () => {\n trackV2({\n category: 'privacy_settings',\n page: 'private_locations',\n action: 'pan',\n element: 'map',\n properties: { private_location_id: privateLocationId }\n });\n });\n }, []);\n\n return null;\n}\n\nfunction PrivateLocationMap({ privateLocation }) {\n const setZoom = () => {\n let zoom;\n if (privateLocation.radius > 800) {\n zoom = 11;\n } else if (privateLocation.radius > 400) {\n zoom = 12;\n } else if (privateLocation.radius > 200) {\n zoom = 13;\n } else {\n zoom = 14;\n }\n return zoom;\n };\n\n return (\n \n \n \n
\n );\n}\n\nAddressTypeAhead.propTypes = {\n handleSelectedResult: PropTypes.func.isRequired,\n clearSelectedResult: PropTypes.func.isRequired\n};\n\nexport default AddressTypeAhead;\n","export { default } from './AddressTypeAhead';\n","// extracted by mini-css-extract-plugin\nexport default {\"detail\":\"HideAddressApp--detail--e0Qmt\",\"form\":\"HideAddressApp--form--lmzpZ\",\"dropdown\":\"HideAddressApp--dropdown--Z4auy\",\"submit-button\":\"HideAddressApp--submit-button--068-U\",\"submitButton\":\"HideAddressApp--submit-button--068-U\",\"your-addresses\":\"HideAddressApp--your-addresses--udE4h\",\"yourAddresses\":\"HideAddressApp--your-addresses--udE4h\",\"map-container\":\"HideAddressApp--map-container--QiXSn\",\"mapContainer\":\"HideAddressApp--map-container--QiXSn\",\"address\":\"HideAddressApp--address--13AT0\",\"radius-hidden\":\"HideAddressApp--radius-hidden--0ncd9\",\"radiusHidden\":\"HideAddressApp--radius-hidden--0ncd9\",\"map-buttons\":\"HideAddressApp--map-buttons--rV-ZK\",\"mapButtons\":\"HideAddressApp--map-buttons--rV-ZK\",\"reposition\":\"HideAddressApp--reposition--DIMWI\",\"no-addresses\":\"HideAddressApp--no-addresses--q21EF\",\"noAddresses\":\"HideAddressApp--no-addresses--q21EF\",\"error\":\"HideAddressApp--error--FDq9+\"};","import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\n\nimport DropdownSelect from '@strava/ui/DropdownSelect';\nimport Button from '@strava/ui/Button';\nimport I18n from 'utils/I18n';\nimport createNetworkingClient from 'utils/networking-client';\nimport { trackV2 } from 'utils/analytics';\n\nimport PrivateLocationMap from './components/PrivateLocationMap';\nimport AddressTypeAhead from './components/AddressTypeAhead';\nimport styles from './styles.scss';\n\nfunction HideAddressApp({\n radiiOptions,\n privateLocations,\n createPrivateLocationPath\n}) {\n const I18nPrefix = 'strava.settings.privacy.hide_address.';\n const distanceUnits =\n I18n.measurementUnits() === 'metric' ? 'meters' : 'miles';\n const [selectedRadius, setSelectedRadius] = useState(null);\n const [selectedAddress, setSelectedAddress] = useState(null);\n const [error, setError] = useState('');\n\n const trackEvent = (action, element = null, properties = null) => {\n trackV2({\n category: 'privacy_settings',\n page: 'private_locations',\n action,\n ...(element && { element }),\n ...(properties && { properties })\n });\n };\n\n useEffect(() => {\n trackEvent('screen_enter', null, {\n private_location_ids: privateLocations.map((p) => p.id)\n });\n }, []);\n\n const createPrivateLocation = (e) => {\n e.preventDefault();\n\n if (!selectedAddress) {\n setError('address_error');\n } else if (!selectedRadius) {\n setError('radius_error');\n } else {\n createNetworkingClient()\n .post(createPrivateLocationPath, {\n radius: selectedRadius,\n lat_lng: selectedAddress.center.reverse().join(','),\n address: selectedAddress.place_name\n })\n .then(() => {\n window.location.reload();\n })\n .catch((err) => {\n if (err.response.data.is_duplicate_error) {\n setError('duplicate_error_v2');\n } else {\n setError('generic_error');\n }\n });\n }\n };\n\n const deleteHiddenLocation = (p) => {\n if (window.confirm(I18n.t(`${I18nPrefix}delete_address_warning_v2`))) {\n trackEvent('click', 'confirm_delete', { private_location_id: p.id });\n createNetworkingClient()\n .delete(p.deletePrivateLocationPath)\n .then(() => {\n window.location.reload();\n });\n }\n };\n\n const repositionHiddenLocation = (p) => {\n if (window.confirm(I18n.t(`${I18nPrefix}reposition_warning_v2`))) {\n trackEvent('click', 'confirm_reposition', { private_location_id: p.id });\n createNetworkingClient()\n .put(p.regeneratePrivateLocationPath)\n .then(() => {\n window.location.reload();\n });\n }\n };\n\n const buildMaps = () => {\n if (privateLocations && privateLocations.length) {\n return (\n \n {privateLocations.map((p) => (\n
\n
\n
\n
{p.address}
\n
\n {I18n.t_html(p.distanceHidden.unit_key, {\n distance: I18n.t(p.distanceHidden.value_key)\n })}\n
\n
\n {\n trackEvent('click', 'delete', {\n private_location_id: p.id\n });\n deleteHiddenLocation(p);\n }}\n type=\"button\"\n >\n {I18n.t(`${I18nPrefix}delete_address`)}\n \n {\n trackEvent('click', 'reposition', {\n private_location_id: p.id\n });\n repositionHiddenLocation(p);\n }}\n disabled={p.repositionRateLimited}\n type=\"button\"\n >\n {I18n.t(`${I18nPrefix}reposition`)}\n \n
\n
\n
\n ))}\n
\n {I18n.t(`${I18nPrefix}reposition_explanation_v2`)}\n
\n
\n {I18n.t(`${I18nPrefix}no_addresses`)}\n
\n );\n };\n\n return (\n \n {/* CF todo: use Markup instead of t_html */}\n
\n {I18n.t_html(\n `${I18nPrefix}detail_v2_html`,\n {},\n {\n onLinkClick: () =>\n trackEvent('click', 'learn_more', { article_id: 115000173384 })\n }\n )}\n
\n
\n {error ? (\n
{I18n.t(`${I18nPrefix}${error}`)}
\n ) : null}\n
\n
\n {I18n.t(`${I18nPrefix}your_addresses`)}\n
\n
{buildMaps()}
\n
\n
\n \n \n );\n};\n\nHandle.propTypes = {\n domain: PropTypes.arrayOf(PropTypes.number).isRequired,\n handle: PropTypes.shape({\n id: PropTypes.string.isRequired,\n value: PropTypes.number.isRequired,\n percent: PropTypes.number.isRequired\n }).isRequired,\n getHandleProps: PropTypes.func.isRequired\n};\n\nexport default Handle;\n","export { default } from './Handle';\n","// extracted by mini-css-extract-plugin\nexport default {\"track\":\"Track--track--AsBZs\"};","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport styles from './styles.scss';\n\nconst Track = ({ source, target }) => (\n \n
{\n onChange(values[0]);\n trackV2({\n category: 'privacy_settings',\n page: 'hide_any_start_end',\n action: 'click',\n element: 'slider',\n properties: { distance: values[0] }\n });\n }}\n values={[defaultStreamPrivacy.meters_value]}\n className={styles.slider}\n >\n \n\n \n {({ tracks }) => (\n \n {tracks.map(({ id, source, target }) => (\n
\n )}\n \n\n \n {({ ticks }) => (\n \n {ticks.map((tick) => (\n
\n )}\n \n\n {/*\n whe need to use Rail component here so that we can add getRailProps\n which will add mouse interactions\n */}\n \n {({ getRailProps }) => (\n \n )}\n \n\n \n {({ handles, getHandleProps }) => (\n \n {handles.map((handle) => (\n
\n )}\n \n \n \n
{I18n.t(`${I18nPrefix}detail_v2`)}
\n
\n
\n {defaultStreamPrivacy.meters_value === 0\n ? I18n.t(\n `strava.settings.privacy.distance.no_${distanceUnits}_hidden`\n )\n : I18n.t_html(\n `strava.settings.privacy.distance.${distanceUnits}_hidden`,\n {\n distance: I18n.t(defaultStreamPrivacy.label)\n }\n )}\n
\n
\n
\n {sliderLabels.map((s) => (\n
{I18n.t_html(s.label)}
\n ))}\n
\n
\n {/* CF todo: use Markup instead of t_html */}\n
\n {I18n.t_html(\n `${I18nPrefix}segment_visibility_html`,\n {},\n {\n onLinkClick: () =>\n trackEvent('click', 'learn_more', {\n article_id: 115000173384\n })\n }\n )}\n
\n
\n \n {I18n.t(I18nKey.cancel)}\n \n \n {ctaVariant === 'custom' && ctaText\n ? ctaText\n : I18n.t(I18nKey[ctaVariant])}\n \n
\n );\n}\n\nButtonCTAWithCancel.defaultProps = {\n disabled: false,\n ctaDisabled: false,\n ctaVariant: 'ok',\n ctaText: null\n};\n\nButtonCTAWithCancel.propTypes = {\n onCancel: PropTypes.func.isRequired,\n onCTA: PropTypes.func.isRequired,\n disabled: PropTypes.bool,\n ctaDisabled: PropTypes.bool,\n ctaVariant: PropTypes.oneOf(['ok', 'next', 'custom']),\n ctaText: PropTypes.string\n};\n\nexport default ButtonCTAWithCancel;\n","// extracted by mini-css-extract-plugin\nexport default {\"header\":\"MapVisibilityControls--header--XIamG\",\"learn-more\":\"MapVisibilityControls--learn-more--iJpnn\",\"learnMore\":\"MapVisibilityControls--learn-more--iJpnn\",\"hide-address\":\"MapVisibilityControls--hide-address--F6uR5\",\"hideAddress\":\"MapVisibilityControls--hide-address--F6uR5\",\"hide-anywhere\":\"MapVisibilityControls--hide-anywhere--uEcVj\",\"hideAnywhere\":\"MapVisibilityControls--hide-anywhere--uEcVj\",\"hide-all\":\"MapVisibilityControls--hide-all--WwxFV\",\"hideAll\":\"MapVisibilityControls--hide-all--WwxFV\",\"add-edit-button\":\"MapVisibilityControls--add-edit-button--io6uj\",\"addEditButton\":\"MapVisibilityControls--add-edit-button--io6uj\",\"hide-all-label\":\"MapVisibilityControls--hide-all-label--AlrRA\",\"hideAllLabel\":\"MapVisibilityControls--hide-all-label--AlrRA\",\"hide-all-detail\":\"MapVisibilityControls--hide-all-detail--4IbKf\",\"hideAllDetail\":\"MapVisibilityControls--hide-all-detail--4IbKf\",\"switch\":\"MapVisibilityControls--switch--DsKRk\"};","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport Button from '@strava/ui/Button';\nimport Switch from '@strava/ui/Switch';\nimport SvgActionsVisibleDisabledNormalMedium from '@strava/icons/ActionsVisibleDisabledNormalMedium';\nimport SvgActivityDistanceNormalMedium from '@strava/icons/ActivityDistanceNormalMedium';\nimport SvgActionsGlobalNormalMedium from '@strava/icons/ActionsGlobalNormalMedium';\n\nimport I18n from 'utils/I18n';\nimport { trackV2 } from 'utils/analytics';\nimport createNetworkingClient from 'utils/networking-client';\nimport styles from './styles.scss';\n\nfunction MapVisibilityControls({\n numPrivateLocations,\n defaultStreamPrivacy,\n defaultActivityMapVisibility,\n paths\n}) {\n const i18nPrefix = 'strava.settings.privacy.map_visibility.';\n const [mapsHidden, setMapsHidden] = useState(\n defaultActivityMapVisibility !== 'everyone'\n );\n\n const trackEvent = (action, element = null, properties = null) => {\n trackV2({\n category: 'privacy_settings',\n page: 'map_visibility',\n action,\n ...(element && { element }),\n ...(properties && { properties })\n });\n };\n\n const handleSwitchUpdate = () => {\n const newMapVisibility = mapsHidden ? 'everyone' : 'only_me';\n trackEvent('click', 'hide_all_maps', {\n map_visibility: mapsHidden ? 'everyone' : 'only_you'\n });\n createNetworkingClient()\n .put(paths.athleteSettings, {\n settings: { default_activity_map_visibility: newMapVisibility }\n })\n .then(() => {\n setMapsHidden(newMapVisibility !== 'everyone');\n });\n };\n\n return (\n \n
{I18n.t(`${i18nPrefix}header`)} \n
\n trackEvent('click', 'learn_more', { article_id: 115000173384 })\n }\n >\n {I18n.t(`${i18nPrefix}learn_more`)}\n \n \n
\n
\n
{I18n.t_html(`${i18nPrefix}hide_address_v2_html`)}
\n {/* CF todo: use Markup instead of t_html */}\n
\n {I18n.t_html(\n `${i18nPrefix}address_hidden_html`,\n {\n count: numPrivateLocations,\n url: paths.hideAddress\n },\n {\n onLinkClick: () =>\n trackEvent('click', 'currently_hidden_address')\n }\n )}\n
\n
\n
{\n trackEvent('click', 'hide_specific_address');\n window.location.href = paths.hideAddress;\n }}\n >\n {I18n.t(\n numPrivateLocations ? `${i18nPrefix}edit` : `${i18nPrefix}add`\n )}\n \n \n
\n
{I18n.t_html(`${i18nPrefix}hide_anywhere_v2_html`)}
\n
{\n trackEvent('click', 'hide_any_start_end');\n window.location.href = paths.hideAnywhere;\n }}\n >\n {I18n.t(\n defaultStreamPrivacy === 'disabled'\n ? `${i18nPrefix}add`\n : `${i18nPrefix}edit`\n )}\n \n \n
\n
\n
\n {I18n.t_html(`${i18nPrefix}hide_all_v2`)}\n
\n
\n {I18n.t_html(`${i18nPrefix}hide_all_detail_html`)}\n
\n
\n
\n
\n \n\n \n {({ tracks }) => (\n \n {tracks.map(({ id, source, target }) => (\n
\n )}\n \n\n \n {({ ticks }) => (\n \n {ticks.map((tick) => (\n
\n )}\n \n\n {/*\n whe need to use Rail component here so that we can add getRailProps\n which will add mouse interections\n */}\n \n {({ getRailProps }) => (\n \n )}\n \n\n \n {({ handles, getHandleProps }) => (\n \n {handles.map((handle) => (\n
\n )}\n \n \n);\n\nRPESlider.defaultProps = {\n disabled: false,\n onUpdate: () => {},\n onChange: () => {}\n};\n\nRPESlider.propTypes = {\n entityId: PropTypes.oneOfType([PropTypes.number, PropTypes.string])\n .isRequired,\n disabled: PropTypes.bool,\n domain: PropTypes.arrayOf(Number).isRequired,\n values: PropTypes.arrayOf(Number).isRequired,\n onUpdate: PropTypes.func,\n onChange: PropTypes.func\n};\n\nexport default RPESlider;\n","// extracted by mini-css-extract-plugin\nexport default {\"slider-container\":\"PerceivedExertionInput--slider-container--vT2Dv\",\"sliderContainer\":\"PerceivedExertionInput--slider-container--vT2Dv\",\"label-container\":\"PerceivedExertionInput--label-container--+doYg\",\"labelContainer\":\"PerceivedExertionInput--label-container--+doYg\",\"label\":\"PerceivedExertionInput--label--7CEXn\",\"info-btn\":\"PerceivedExertionInput--info-btn--W3jbo\",\"infoBtn\":\"PerceivedExertionInput--info-btn--W3jbo\",\"title\":\"PerceivedExertionInput--title--6Ry6A\",\"reset-btn\":\"PerceivedExertionInput--reset-btn--zMoeb\",\"resetBtn\":\"PerceivedExertionInput--reset-btn--zMoeb\",\"slider\":\"PerceivedExertionInput--slider--O0Ai5\",\"slider-ticks\":\"PerceivedExertionInput--slider-ticks--1MEXL\",\"sliderTicks\":\"PerceivedExertionInput--slider-ticks--1MEXL\",\"disabled\":\"PerceivedExertionInput--disabled--6haCa\",\"hint\":\"PerceivedExertionInput--hint--UZz++\",\"hint-title\":\"PerceivedExertionInput--hint-title--fiKMw\",\"hintTitle\":\"PerceivedExertionInput--hint-title--fiKMw\"};","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\n\nclass Portal extends React.Component {\n portalNode;\n\n state = {\n isMounted: false\n };\n\n componentDidMount() {\n const { id } = this.props;\n\n this.portalNode = document.createElement('div');\n this.portalNode.setAttribute('data-portal-id', `portal-${id}`);\n document.body.appendChild(this.portalNode);\n\n this.setState({ isMounted: true });\n }\n\n componentWillUnmount() {\n document.body.removeChild(this.portalNode);\n }\n\n render() {\n const { children } = this.props;\n const { isMounted } = this.state;\n\n if (!isMounted) {\n return null;\n }\n\n return ReactDOM.createPortal(children, this.portalNode);\n }\n}\n\nPortal.defaultProps = {\n children: null\n};\n\nPortal.propTypes = {\n id: PropTypes.string.isRequired,\n children: PropTypes.node\n};\n\nexport default Portal;\n","// extracted by mini-css-extract-plugin\nexport default {\"tooltip-container\":\"Tooltip--tooltip-container--3QZlM\",\"tooltipContainer\":\"Tooltip--tooltip-container--3QZlM\",\"tooltip\":\"Tooltip--tooltip--d9Eb0\",\"arrow\":\"Tooltip--arrow--f-IeC\"};","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Manager, Reference, Popper } from 'react-popper';\n\nimport Portal from '../Portal';\n\nimport styles from './styles.scss';\n\nclass Tooltip extends React.Component {\n state = {\n isOpen: this.props.isOpen\n };\n\n handleShow = () => {\n this.setState({ isOpen: true });\n };\n\n handleHide = () => {\n this.setState({ isOpen: false });\n };\n\n tooltipClassName = () => {\n const { className } = this.props;\n const toolTipClasses = [styles.tooltip];\n\n if (className) {\n toolTipClasses.push(className);\n }\n\n return toolTipClasses.join(' ');\n };\n\n render() {\n const { children, content, placement } = this.props;\n const { isOpen } = this.state;\n\n return (\n \n \n {({ ref }) =>\n React.cloneElement(children, {\n ref,\n onMouseOver: this.handleShow,\n onMouseLeave: this.handleHide,\n onFocus: this.handleShow,\n onBlur: this.handleHide\n })\n }\n \n \n {isOpen ? (\n \n {({ style, placement: dataPlacement, ref, arrowProps }) => (\n \n {content}
\n \n ) : null}\n \n \n );\n }\n}\n\nTooltip.defaultProps = {\n placement: 'top',\n className: null,\n isOpen: false\n};\n\nTooltip.propTypes = {\n children: PropTypes.node.isRequired,\n content: PropTypes.string.isRequired,\n placement: PropTypes.oneOf(['top', 'right', 'bottom', 'left']),\n className: PropTypes.string,\n isOpen: PropTypes.bool\n};\n\nexport default Tooltip;\n","// extracted by mini-css-extract-plugin\nexport default {\"toggle-container\":\"Toggle--toggle-container--BmLh5\",\"toggleContainer\":\"Toggle--toggle-container--BmLh5\",\"disabled\":\"Toggle--disabled---O-c0\",\"info-btn\":\"Toggle--info-btn--CCFpO\",\"infoBtn\":\"Toggle--info-btn--CCFpO\",\"tooltip\":\"Toggle--tooltip--xtP7B\"};","import React from 'react';\nimport PropTypes from 'prop-types';\nimport InfoIcon from '@strava/icons/NavigationInformationNormalXsmall';\nimport Button from '@strava/ui/Button';\n\nimport I18n from 'utils/I18n';\nimport Tooltip from 'components/shared/Tooltip';\n\nimport styles from './styles.scss';\n\nexport const I18nPrefix = 'strava.perceived_exertion_input.toggle';\n\nconst Toggle = ({ entityId, name, checked, disabled, onChange }) => {\n const containerClassName = [styles.toggleContainer];\n\n if (disabled) {\n containerClassName.push(styles.disabled);\n }\n\n return (\n \n \n {/*\n The HTML specification says unchecked check boxes are not\n successful, and thus web browsers do not send them.\n In order to solve this we have a hidden input that has 0/1\n depending if checkbox is selected or not, this hidden input data\n get's sent to the server and not the actual checkbox value.\n */}\n \n\n \n \n \n \n
\n );\n};\n\nToggle.defaultProps = {\n disabled: false,\n checked: false\n};\n\nToggle.propTypes = {\n entityId: PropTypes.oneOfType([PropTypes.number, PropTypes.string])\n .isRequired,\n name: PropTypes.string.isRequired,\n onChange: PropTypes.func.isRequired,\n checked: PropTypes.bool,\n disabled: PropTypes.bool\n};\n\nexport default Toggle;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport InfoIcon from '@strava/icons/NavigationInformationNormalXsmall';\nimport Button from '@strava/ui/Button';\n\nimport I18n from 'utils/I18n';\nimport { trackV2 } from 'utils/analytics';\n\nimport RPESlider from './components/RPESlider';\n\nimport styles from './styles.scss';\nimport Toggle from './components/Toggle';\n\nexport const I18nPrefix = 'strava.perceived_exertion_input';\n\nclass PerceivedExertionInput extends React.Component {\n state = {\n sliderDomain: [1, 10],\n showToggle: this.props.showToggle,\n hasValue: this.props.perceivedExertion !== null,\n perceivedExertion:\n this.props.perceivedExertion === null\n ? [-1]\n : [this.props.perceivedExertion],\n preferPerceivedExertion: this.props.preferPerceivedExertion\n };\n\n containerRef = React.createRef();\n\n componentDidMount() {\n // Listen to an event so that code outside of React can\n // communicate with this component.\n const node = this.containerRef.current;\n const showToggleEvent = 'PerceivedExertionInput::showToggle';\n node.addEventListener(showToggleEvent, ({ detail }) => {\n this.setState({ showToggle: detail.showToggle });\n });\n }\n\n handleReset = () => {\n const { analytics } = this.props;\n\n this.setState({\n hasValue: false,\n perceivedExertion: [-1],\n preferPerceivedExertion: false\n });\n\n trackV2({\n category: analytics.category,\n page: analytics.page.outer,\n action: 'click',\n element: 'remove_perceived_exertion_input'\n });\n };\n\n handleSliderUpdate = (v) => {\n const { perceivedExertion } = this.state;\n\n if (perceivedExertion[0] !== -1) {\n this.setState({ hasValue: true });\n }\n\n this.setState({ perceivedExertion: v });\n };\n\n handleSliderChange = (values) => {\n const { perceivedExertion } = this.state;\n const { analytics } = this.props;\n\n if (perceivedExertion[0] === -1 || perceivedExertion[0] !== values[0]) {\n return;\n }\n\n trackV2({\n category: analytics.category,\n page: analytics.page.outer,\n action: 'interact',\n element: 'perceived_exertion_slider',\n properties: {\n value: values[0]\n }\n });\n };\n\n handlePreferPerceivedExertionToggle = () => {\n const { preferPerceivedExertion } = this.state;\n const { analytics } = this.props;\n\n this.setState({ preferPerceivedExertion: !preferPerceivedExertion });\n\n trackV2({\n category: analytics.category,\n page: analytics.page.outer,\n action: 'click',\n element: 'prefer_perceived_exertion_toggle'\n });\n };\n\n getExertionKey = () => {\n const { hasValue, perceivedExertion } = this.state;\n\n if (!hasValue) {\n return 'empty';\n }\n\n if (perceivedExertion[0] <= 3) {\n return 'easy';\n }\n if (perceivedExertion[0] >= 4 && perceivedExertion[0] <= 6) {\n return 'moderate';\n }\n if (perceivedExertion[0] >= 7 && perceivedExertion[0] <= 9) {\n return 'hard';\n }\n\n return 'max_effort';\n };\n\n getHintBodyText = () => {\n const exertionKey = this.getExertionKey();\n\n if (exertionKey === 'empty') {\n return I18n.t(`${I18nPrefix}.slider.hint.${exertionKey}.body_v2`);\n }\n\n return (\n <>\n {I18n.t(`${I18nPrefix}.slider.hint.${exertionKey}.body_line_1`)}\n \n
\n \n {I18n.t(`${I18nPrefix}.slider.label`)}\n \n {\n trackV2({\n category: analytics.category,\n page: analytics.page.outer,\n action: 'click',\n element: 'toggle_perceived_exertion_learn_more'\n });\n }}\n >\n
\n
\n
\n
\n
\n
\n {I18n.t(`${I18nPrefix}.slider.title.${exertionKey}`)}\n
\n\n {hasValue && (\n
\n {I18n.t(`${I18nPrefix}.slider.clear_entry`)}\n \n )}\n \n\n
\n
\n {I18n.t(`${I18nPrefix}.slider.ticks.easy`)}
\n {I18n.t(`${I18nPrefix}.slider.ticks.moderate`)}
\n {I18n.t(`${I18nPrefix}.slider.ticks.max_effort`)}
\n \n\n {showToggle && (\n
\n )}\n
\n\n
\n
\n {I18n.t(`${I18nPrefix}.slider.hint.${exertionKey}.title`)}\n
\n
{this.getHintBodyText()}
\n
\n
\n \n \n \n );\n }\n}\n\nStarToggleComponent.propTypes = {\n segmentId: PropTypes.number.isRequired,\n isActive: PropTypes.bool.isRequired,\n toggleSegmentStarAction: PropTypes.func.isRequired\n};\n\n//\n// Redux mapping methods\n//\n\nfunction mapStateToProps(state) {\n return {\n segmentId: state.segmentId,\n isActive: state.isActive\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return {\n toggleSegmentStarAction: bindActionCreators(toggleSegmentStar, dispatch)\n };\n}\n\n// wire up the state and the dispatch and export the resulting component\nconst wrappedComponent = connect(\n mapStateToProps,\n mapDispatchToProps\n)(StarToggleComponent);\n\nexport default wrappedComponent;\n","import React from 'react';\nimport { createStore, applyMiddleware } from 'redux';\nimport { Provider } from 'react-redux';\nimport thunk from 'redux-thunk';\n\nimport reducer from './reducers';\nimport StarToggle from './components/StarToggle';\n\n// this component wraps the StarToggle component with redux\nclass StarredSegment extends React.Component {\n store = createStore(\n reducer,\n {\n ...this.props,\n isActive: true\n },\n applyMiddleware(thunk)\n );\n\n render() {\n return (\n \n \n );\n }\n}\n\nexport default StarredSegment;\n","import createNetworkingClient from '../../utils/networking-client';\n\nconst types = {\n HEIGHT_REPORTED: 'HEIGHT_REPORTED',\n SETTING_COLLAPSED: 'SETTING_COLLAPSED',\n SETTING_EXPANDED: 'SETTING_EXPANDED',\n VALUE_CHANGED: 'VALUE_CHANGED',\n VALUE_SAVED_FAILURE: 'VALUE_SAVED_FAILURE',\n VALUE_SAVED_REQUESTED: 'VALUE_SAVED_REQUESTED',\n VALUE_SAVED_SUCCESS: 'VALUE_SAVED_SUCCESS'\n};\n\nexport const heightReported = (optionIndex, optionHeight) => ({\n type: types.HEIGHT_REPORTED,\n optionIndex,\n optionHeight\n});\n\nexport const settingCollapsed = (analyticsReporter) => {\n analyticsReporter('inner', 'click', 'cancel');\n return { type: types.SETTING_COLLAPSED };\n};\n\nexport const settingExpanded = (analyticsReporter, settingName) => {\n analyticsReporter('outer', 'click', settingName);\n return { type: types.SETTING_EXPANDED };\n};\n\nexport const valueChanged = (optionIndex, optionValue, analyticsReporter) => {\n analyticsReporter('inner', 'click', optionValue);\n return {\n type: types.VALUE_CHANGED,\n optionIndex\n };\n};\n\nconst valueSaveFailure = (optionIndex) => ({\n type: types.VALUE_SAVED_FAILURE,\n optionIndex\n});\n\nconst valueSaveSuccess = (optionIndex) => ({\n type: types.VALUE_SAVED_SUCCESS,\n optionIndex\n});\n\nexport const valueSaved = ({\n athleteId,\n settingName,\n optionIndex,\n optionValue,\n analyticsReporter\n}) => (dispatch) => {\n dispatch({ type: types.VALUE_SAVED_REQUESTED });\n\n if (!athleteId) {\n dispatch(valueSaveFailure(optionIndex));\n return null;\n }\n\n analyticsReporter('inner', 'click', 'ok');\n\n const url = `/athletes/${athleteId}`;\n const payload = {\n athlete: {\n [settingName]: optionValue\n }\n };\n\n const instance = createNetworkingClient();\n return instance\n .put(url, payload, { headers: { Accept: 'text/javascript' } })\n .then(() => dispatch(valueSaveSuccess(optionIndex)))\n .catch(() => dispatch(valueSaveFailure(optionIndex)));\n};\n\nexport default types;\n","import types from './actions';\n\nexport default function reducer(state = {}, action) {\n switch (action.type) {\n case types.HEIGHT_REPORTED:\n return {\n ...state,\n options: [\n ...state.options.slice(0, action.optionIndex),\n { ...state.options[action.optionIndex], height: action.optionHeight },\n ...state.options.slice(action.optionIndex + 1)\n ]\n };\n\n case types.SETTING_COLLAPSED:\n return {\n ...state,\n isExpanded: false,\n selectedOptionIndex: state.savedOptionIndex\n };\n\n case types.SETTING_EXPANDED:\n return {\n ...state,\n isExpanded: true,\n selectedOptionHeight: state.options[state.selectedOptionIndex].height\n };\n\n case types.VALUE_CHANGED:\n if (state.isSubmittable) {\n return {\n ...state,\n selectedOptionIndex: action.optionIndex\n };\n }\n\n return {\n ...state,\n savedOptionIndex: action.optionIndex,\n selectedOptionIndex: action.optionIndex,\n isExpanded: false\n };\n\n case types.VALUE_SAVED_FAILURE:\n return state;\n\n case types.VALUE_SAVED_SUCCESS:\n return {\n ...state,\n isExpanded: false,\n savedOptionIndex: action.optionIndex\n };\n\n default:\n return state;\n }\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\n/*\n * Technique taken with gratitude from:\n * https://medium.com/@jessebeach/dealing-with-focus-and-blur-in-a-composite-widget-in-react-90d3c3b49a9b\n */\nclass FocusableElement extends React.Component {\n constructor(props) {\n super(props);\n this.timeoutID = null;\n }\n\n onBlur = () => {\n this.timeoutID = setTimeout(() => {\n if (this.props.isFocused) {\n this.props.onBlur();\n }\n }, 0);\n };\n\n onFocus = () => {\n clearTimeout(this.timeoutID);\n if (!this.props.isFocused) {\n this.props.onFocus();\n }\n };\n\n render() {\n const {\n children,\n isFocused,\n onBlur,\n onFocus,\n refFocusable,\n ...props\n } = this.props;\n return (\n \n {children}\n \n );\n }\n}\n\nFocusableElement.defaultProps = {\n refFocusable: undefined\n};\n\nFocusableElement.propTypes = {\n children: PropTypes.node.isRequired,\n isFocused: PropTypes.bool.isRequired,\n onBlur: PropTypes.func.isRequired,\n onFocus: PropTypes.func.isRequired,\n refFocusable: PropTypes.shape({})\n};\n\nexport default FocusableElement;\n","// extracted by mini-css-extract-plugin\nexport default {\"expandable-option-list\":\"ExpandableOptionList--expandable-option-list--ru7Mw\",\"expandableOptionList\":\"ExpandableOptionList--expandable-option-list--ru7Mw\",\"who-can-see\":\"ExpandableOptionList--who-can-see--fy5kY\",\"whoCanSee\":\"ExpandableOptionList--who-can-see--fy5kY\",\"collapsed\":\"ExpandableOptionList--collapsed--t1dc9\",\"heading\":\"ExpandableOptionList--heading--frEbW\"};","// extracted by mini-css-extract-plugin\nexport default {\"expand\":\"Footer--expand--X5OzP\",\"controls\":\"Footer--controls--pTHlF\"};","// extracted by mini-css-extract-plugin\nexport default {\"btn-ok\":\"Controls--btn-ok--A3dS9\",\"btnOk\":\"Controls--btn-ok--A3dS9\",\"btn-cancel\":\"Controls--btn-cancel--kuC8Z\",\"btnCancel\":\"Controls--btn-cancel--kuC8Z\"};","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '@strava/ui/Button';\n\nimport I18n from 'utils/I18n';\n\nimport styles from './index.scss';\n\nconst I18nPrefix = 'strava.settings.privacy.visibility.';\nconst I18nKey = {\n ok: `${I18nPrefix}ok`,\n cancel: `${I18nPrefix}cancel`\n};\n\nconst Controls = ({ onCancel, onOk }) => (\n <>\n \n {I18n.t(I18nKey.cancel)}\n \n \n {I18n.t(I18nKey.ok)}\n \n \n);\n\nControls.propTypes = {\n onOk: PropTypes.func.isRequired,\n onCancel: PropTypes.func.isRequired\n};\n\nexport default Controls;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport styles from './index.scss';\n\nimport Controls from '../Controls';\n\nfunction Footer({\n isExpanded,\n isSubmittable,\n settingCollapsed,\n handleValueSave\n}) {\n if (isExpanded && isSubmittable) {\n return (\n \n
\n );\n }\n\n if (!isExpanded) {\n return ﹀
;\n }\n\n return null;\n}\n\nFooter.propTypes = {\n isSubmittable: PropTypes.bool.isRequired,\n isExpanded: PropTypes.bool.isRequired,\n handleValueSave: PropTypes.func.isRequired,\n settingCollapsed: PropTypes.func.isRequired\n};\n\nexport default Footer;\n","// extracted by mini-css-extract-plugin\nexport default {\"options\":\"OptionList--options--YnbkD\"};","// extracted by mini-css-extract-plugin\nexport default {\"setting\":\"Option--setting--Gsvqv\",\"label\":\"Option--label--jmD6S\",\"description\":\"Option--description--2zDdI\",\"title\":\"Option--title--M-tjF\",\"detail\":\"Option--detail--9-DwE\"};","import React from 'react';\nimport PropTypes from 'prop-types';\nimport sizeMe from 'react-sizeme';\n\nimport styles from './index.scss';\n\nconst NotVisibleStyle = {\n position: 'absolute',\n visibility: 'hidden',\n zIndex: '-9999'\n};\n\nclass Option extends React.Component {\n /**\n * isVisible when the is selected OR the list\n * is expanded\n */\n isVisible = () => this.props.isSelected || this.props.isExpanded;\n\n handleValueChange = () => {\n const { optionIndex, value, analyticsReporter } = this.props;\n this.props.valueChanged(optionIndex, value, analyticsReporter);\n };\n\n render() {\n const { detail, isSelected, name, title, refSelected, value } = this.props;\n\n return (\n \n \n \n {title} \n {detail} \n
\n \n \n );\n }\n}\n\nOption.propTypes = {\n analyticsReporter: PropTypes.func.isRequired,\n detail: PropTypes.string.isRequired,\n isExpanded: PropTypes.bool.isRequired,\n isSelected: PropTypes.bool.isRequired,\n name: PropTypes.string.isRequired,\n optionIndex: PropTypes.number.isRequired,\n refSelected: PropTypes.shape({}).isRequired,\n title: PropTypes.string.isRequired,\n value: PropTypes.string.isRequired,\n valueChanged: PropTypes.func.isRequired\n};\n\nexport default sizeMe({ monitorWidth: false, monitorHeight: true })(Option);\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport styles from './index.scss';\n\nimport Option from '../Option';\n\nfunction handleHeightReport(heightReported, optionIndex, height) {\n return (size) => {\n const newHeight = size.height;\n\n if (newHeight === height) {\n return;\n }\n\n if (newHeight === 0) {\n return;\n }\n\n heightReported(optionIndex, newHeight);\n };\n}\n\nfunction OptionList({\n options,\n selectedOptionIndex,\n heightReported,\n ...props\n}) {\n return (\n \n {options.map((option, i) => (\n \n );\n}\n\nOptionList.identifier = function identifier(settingName) {\n return `${OptionList.name}-${settingName}`;\n};\n\nOptionList.propTypes = {\n heightReported: PropTypes.func.isRequired,\n valueChanged: PropTypes.func.isRequired,\n\n name: PropTypes.string.isRequired,\n selectedOptionIndex: PropTypes.number.isRequired,\n isExpanded: PropTypes.bool.isRequired,\n options: PropTypes.arrayOf(\n PropTypes.shape({\n title: PropTypes.string.isRequired,\n detail: PropTypes.string.isRequired,\n value: PropTypes.string.isRequired\n })\n ).isRequired\n};\n\nexport default OptionList;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\n\nimport FocusableElement from 'components/shared/FocusableElement';\nimport I18n from 'utils/I18n';\n\nimport styles from './index.scss';\nimport {\n heightReported,\n settingCollapsed,\n settingExpanded,\n valueChanged,\n valueSaved\n} from '../../actions';\n\nimport Footer from '../Footer';\nimport OptionList from '../OptionList';\n\nconst I18nPrefix = 'strava.settings.privacy.visibility.';\nconst I18nKey = {\n who_can_see: `${I18nPrefix}who_can_see`\n};\n\nexport class ExpandableOptionList extends React.Component {\n static PaddingPx = 50;\n\n static InitialOptionHeightPx = 66;\n\n constructor(props) {\n super(props);\n\n this.optionListID = OptionList.identifier(props.name);\n this.refFocusable = React.createRef();\n this.refSelected = React.createRef();\n\n const { athleteId, isSubmittable } = props;\n if (isSubmittable && !athleteId) {\n throw new Error('`athleteId` is required for submittable component');\n }\n }\n\n handleSettingCollapse = () => {\n this.refFocusable.current.blur();\n this.props.settingCollapsed(this.props.analyticsReporter);\n };\n\n handleSettingExpand = () => {\n const { name, analyticsReporter } = this.props;\n\n this.refSelected.current.focus();\n\n // This is necessary because when the component is embedded within a form,\n // the name is the name of the form tag; activity[visibility]\n // and we only want visibility here.\n const formTagNameRegex = /\\[(.*)\\]/;\n const match = name.match(formTagNameRegex);\n if (match) {\n this.props.settingExpanded(analyticsReporter, match[1]);\n return;\n }\n this.props.settingExpanded(analyticsReporter, name);\n };\n\n handleValueSave = () => {\n const {\n athleteId,\n name,\n options,\n savedOptionIndex,\n selectedOptionIndex,\n analyticsReporter\n } = this.props;\n\n if (savedOptionIndex === selectedOptionIndex) {\n this.handleSettingCollapse();\n return;\n }\n\n this.props\n .valueSaved({\n athleteId,\n settingName: name,\n optionIndex: selectedOptionIndex,\n optionValue: options[selectedOptionIndex].value,\n analyticsReporter\n })\n .then(() => this.refFocusable.current.blur());\n };\n\n /**\n * styleContainer returns a style object with a `height` property when `isExpanded`,\n * it returns null otherwise.\n *\n * styleContainer is necessary for styling the collapsed ExpandableOptionList s.t.\n * there is no perceived shudder/jankiness as its contents become\n * absolutely positioned and have no DOM-impactful height when `isExpanded`.\n *\n */\n styleContainer = () => {\n const { isExpanded, selectedOptionHeight } = this.props;\n const height = ExpandableOptionList.PaddingPx + selectedOptionHeight;\n\n if (!isExpanded) {\n return null;\n }\n\n return { height: `${height}px` };\n };\n\n /**\n * styleMenu returns a style object with a `top` property when `isExpanded` and\n * `savedOptionIndex` > 0, it returns null otherwise.\n *\n * styleMenu sums height of all Options above the currently saved Option, and subtracts\n * that from the implicit `top: 0` so that the expanded widget is centered\n * around the Option that was selected when the widget expands.\n *\n */\n styleMenu = () => {\n const { isExpanded, options, savedOptionIndex } = this.props;\n\n if (!isExpanded) {\n return null;\n }\n\n if (savedOptionIndex === 0) {\n return null;\n }\n\n const height = options\n .slice(0, savedOptionIndex)\n .reduce((total, o) => total + (o.height || 0), 0);\n\n return { top: `-${height}px` };\n };\n\n render() {\n const { isExpanded } = this.props;\n\n let whoCanSeeClasses = styles.whoCanSee;\n if (!isExpanded) {\n whoCanSeeClasses += ` ${styles.collapsed}`;\n }\n\n return (\n \n \n \n {I18n.t(I18nKey.who_can_see)}\n \n \n \n );\n }\n}\n\nVisibilitySetting.defaultProps = {\n athleteId: null,\n isSubmittable: false\n};\n\nVisibilitySetting.propTypes = {\n athleteId: PropTypes.number,\n isSubmittable: PropTypes.bool,\n name: PropTypes.string.isRequired,\n selectedValue: PropTypes.string.isRequired,\n options: PropTypes.arrayOf(\n PropTypes.shape({\n title: PropTypes.string.isRequired,\n detail: PropTypes.string.isRequired,\n value: PropTypes.string.isRequired\n })\n ).isRequired,\n\n analytics: PropTypes.shape({\n category: PropTypes.string.isRequired,\n page: PropTypes.shape({\n outer: PropTypes.string,\n inner: PropTypes.string\n }).isRequired,\n properties: PropTypes.shape({\n activity_id: PropTypes.number\n })\n }).isRequired\n};\n\nexport default VisibilitySetting;\n","// extracted by mini-css-extract-plugin\nexport default {\"modal-open\":\"Modal--modal-open--kChhd\",\"modalOpen\":\"Modal--modal-open--kChhd\",\"base\":\"Modal--base--3VnHO\",\"fade-in\":\"Modal--fade-in--6nkdi\",\"fadeIn\":\"Modal--fade-in--6nkdi\",\"fade-out\":\"Modal--fade-out--puMJg\",\"fadeOut\":\"Modal--fade-out--puMJg\",\"dialog\":\"Modal--dialog--+VJZV\",\"content\":\"Modal--content--PBv25\"};","import React from 'react';\nimport ReactModal from 'react-modal';\nimport PropTypes from 'prop-types';\n\nimport styles from './styles.scss';\n\nconst customStyles = {\n overlay: {\n zIndex: '100'\n },\n afterOpen: '',\n beforeClose: ''\n};\n\nconst Modal = (props) => (\n \n {props.children}
\n \n);\n\nModal.propTypes = {\n children: PropTypes.node.isRequired,\n isOpen: PropTypes.bool.isRequired,\n onRequestClose: PropTypes.func.isRequired,\n ariaHideApp: PropTypes.bool,\n shouldCloseOnOverlayClick: PropTypes.bool,\n className: PropTypes.string,\n dialogClassName: PropTypes.string,\n onAfterOpen: PropTypes.func\n};\n\nModal.defaultProps = {\n ariaHideApp: false,\n shouldCloseOnOverlayClick: true,\n className: '',\n dialogClassName: '',\n onAfterOpen: null\n};\n\nexport default Modal;\n","export default {\n calendar: {\n weekdays(...args) {\n const calendar = window.TwitterCldr.Calendar;\n return calendar.weekdays.call(calendar, ...args);\n }\n },\n formatCurrency(amount, currency) {\n const currencyFormatter = new window.TwitterCldr.CurrencyFormatter();\n return currencyFormatter.format(amount, { currency });\n },\n formatDateTime(date, options) {\n const dateTimeFormatter = new window.TwitterCldr.DateTimeFormatter();\n return dateTimeFormatter.format(date, options);\n },\n formatDecimal(value, precision) {\n const decimalFormatter = new window.TwitterCldr.DecimalFormatter();\n return decimalFormatter.format(value, { precision });\n },\n formatTimespan(time, options) {\n const timespanFormatter = new window.TwitterCldr.TimespanFormatter();\n return timespanFormatter.format(\n time - Math.round(Date.now() / 1000),\n options\n );\n }\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst FormattedHTMLMessage = ({ tagName, message, className, onLinkClick }) => {\n const handleLinkClick = (e) => {\n if (e.target.nodeName === 'A' && !!onLinkClick) {\n onLinkClick(e);\n }\n };\n\n return React.createElement(tagName, {\n className,\n dangerouslySetInnerHTML: {\n __html: message\n },\n onClick: handleLinkClick\n });\n};\n\nFormattedHTMLMessage.propTypes = {\n message: PropTypes.string.isRequired,\n tagName: PropTypes.string,\n className: PropTypes.string,\n onLinkClick: PropTypes.func\n};\n\nFormattedHTMLMessage.defaultProps = {\n tagName: 'span',\n className: null,\n onLinkClick: null\n};\n\nexport default FormattedHTMLMessage;\n","import React from 'react';\n\nimport FormattedHTMLMessage from '../components/shared/FormattedHTMLMessage';\n\nfunction t(key, props = {}) {\n return window.Strava.I18n.Locale.t(key, props);\n}\n\nfunction elevationFormatter(unitSystem) {\n return new window.Strava.I18n.ElevationFormatter(unitSystem);\n}\n\nfunction elevationLabelFormatter(unitSystem) {\n return new window.Strava.I18n.ChartLabelElevationFormatter(unitSystem);\n}\n\nfunction distanceFormatter(unitSystem) {\n return new window.Strava.I18n.DistanceFormatter(unitSystem);\n}\n\nfunction distanceLabelFormatter(unitSystem) {\n return new window.Strava.I18n.ChartLabelDistanceFormatter(unitSystem);\n}\n\nfunction distancePerTimeFormatter(unitSystem) {\n return new window.Strava.I18n.DistancePerTimeFormatter(unitSystem);\n}\n\nfunction distancePerTimeLabelFormatter(unitSystem) {\n return new window.Strava.I18n.ChartLabelDistancePerTimeFormatter(unitSystem);\n}\n\nfunction percentFormatter() {\n return new window.Strava.I18n.PercentFormatter();\n}\n\nfunction timespanFormatter() {\n return new window.Strava.I18n.TimespanFormatter();\n}\n\nexport default {\n t,\n t_html(key, props = {}, options = {}) {\n return