\n \n \n \n
\n \n \n );\n }\n}\n\nEmailVerificationCTA.propTypes = {\n children: PropTypes.node,\n className: PropTypes.string,\n email: PropTypes.string.isRequired,\n resendOnMount: PropTypes.bool,\n optionalExplanation: PropTypes.string\n};\n\nEmailVerificationCTA.defaultProps = {\n children: null,\n className: '',\n resendOnMount: false,\n optionalExplanation: ''\n};\n\nexport default EmailVerificationCTA;\n","// extracted by mini-css-extract-plugin\nexport default {\"wrapper\":\"NotificationEmailVerificationCTA--wrapper--oW7Ds\",\"text-caption\":\"NotificationEmailVerificationCTA--text-caption--maR6G\",\"textCaption\":\"NotificationEmailVerificationCTA--text-caption--maR6G\"};","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport EmailVerificationCTA from 'components/EmailVerificationCTA';\n\nimport styles from './index.scss';\n\nfunction NotificationEmailVerificationCTA({ className, email, iconURL, text }) {\n return (\n \n \n
\n
\n {I18n.t(I18nHeadline)}
\n {optionalExplanation && (\n\n {optionalExplanation}\n
\n )}\n\n {I18n.t_html(I18nPrompt, {\n pending_email: email,\n class_name: styles.emailText\n })}\n
\n\n
\n {I18n.t_html(I18nWrongEmail, {\n email_settings_path: UrlChangeEmail\n })}\n
\n{text}
\n \n );\n}\n\nNotificationEmailVerificationCTA.propTypes = {\n className: PropTypes.string,\n email: PropTypes.string.isRequired,\n iconURL: PropTypes.string.isRequired,\n text: PropTypes.string.isRequired\n};\n\nNotificationEmailVerificationCTA.defaultProps = {\n className: ''\n};\n\nexport default NotificationEmailVerificationCTA;\n","import React from 'react';\n\nconst FeedContext = React.createContext();\n// Context object accepts a displayName string property.\n// React DevTools uses this string to determine what to display for the context.\nFeedContext.displayName = 'FeedContext';\n\nexport function useFeedContext() {\n return React.useContext(FeedContext);\n}\n\nexport default FeedContext;\n","import React from 'react';\n\nconst FeedEntityContext = React.createContext();\n// Context object accepts a displayName string property.\n// React DevTools uses this string to determine what to display for the context.\nFeedEntityContext.displayName = 'FeedEntityContext';\n\nexport function useFeedEntityContext() {\n return React.useContext(FeedEntityContext);\n}\n\nexport default FeedEntityContext;\n","export const UPDATE_NUM_ENTRIES = 'UPDATE_LAST_ENTITY_TO_ENTER';\nexport const UPDATE_IS_RESTORING_SCROLL_POSITION =\n 'UPDATE_IS_RESTORING_SCROLL_POSITION';\nexport const TOGGLE_IS_ACTIVITY_VIDEO_MUTED = 'TOGGLE_IS_ACTIVITY_VIDEO_MUTED';\n\nexport default {\n UPDATE_NUM_ENTRIES,\n UPDATE_IS_RESTORING_SCROLL_POSITION,\n TOGGLE_IS_ACTIVITY_VIDEO_MUTED\n};\n","// extracted by mini-css-extract-plugin\nexport default {\"card\":\"Feed--card--hCBTv\",\"card-image-top\":\"Feed--card-image-top--52BdF\",\"cardImageTop\":\"Feed--card-image-top--52BdF\",\"card-block\":\"Feed--card-block--YcAda\",\"cardBlock\":\"Feed--card-block--YcAda\",\"card-header\":\"Feed--card-header--UPL0t\",\"cardHeader\":\"Feed--card-header--UPL0t\",\"card-body\":\"Feed--card-body--shfRq\",\"cardBody\":\"Feed--card-body--shfRq\",\"card-footer\":\"Feed--card-footer--NgI8R\",\"cardFooter\":\"Feed--card-footer--NgI8R\",\"card-icon\":\"Feed--card-icon--RBqGF\",\"cardIcon\":\"Feed--card-icon--RBqGF\",\"app-icon-wrapper\":\"Feed--app-icon-wrapper--FAPpa\",\"appIconWrapper\":\"Feed--app-icon-wrapper--FAPpa\",\"media\":\"Feed--media--rK+x1\",\"media-content\":\"Feed--media-content--xjZrS\",\"mediaContent\":\"Feed--media-content--xjZrS\",\"media-body\":\"Feed--media-body--yZWDa\",\"mediaBody\":\"Feed--media-body--yZWDa\",\"media-object\":\"Feed--media-object--iSRe6\",\"mediaObject\":\"Feed--media-object--iSRe6\",\"media-left\":\"Feed--media-left--tXoX6\",\"mediaLeft\":\"Feed--media-left--tXoX6\",\"media-object-left\":\"Feed--media-object-left--Dyw+y\",\"mediaObjectLeft\":\"Feed--media-object-left--Dyw+y\",\"media-object-right\":\"Feed--media-object-right--c+59F\",\"mediaObjectRight\":\"Feed--media-object-right--c+59F\",\"media-right\":\"Feed--media-right--RaY-k\",\"mediaRight\":\"Feed--media-right--RaY-k\",\"media-actions\":\"Feed--media-actions--9uUeU\",\"mediaActions\":\"Feed--media-actions--9uUeU\",\"media-center\":\"Feed--media-center--qUp+l\",\"mediaCenter\":\"Feed--media-center--qUp+l\",\"media-middle\":\"Feed--media-middle--AdjBH\",\"mediaMiddle\":\"Feed--media-middle--AdjBH\",\"media-bottom\":\"Feed--media-bottom--CrL4F\",\"mediaBottom\":\"Feed--media-bottom--CrL4F\",\"list-media\":\"Feed--list-media--68ISv\",\"listMedia\":\"Feed--list-media--68ISv\",\"comments\":\"Feed--comments--FXW9W\",\"comment\":\"Feed--comment--Okqn4\",\"thread\":\"Feed--thread--9b1gk\",\"feed-pagination\":\"Feed--feed-pagination--yh121\",\"feedPagination\":\"Feed--feed-pagination--yh121\",\"spinner\":\"Feed--spinner--db1n0\",\"no-entries\":\"Feed--no-entries--ARKOk\",\"noEntries\":\"Feed--no-entries--ARKOk\",\"entry-container\":\"Feed--entry-container--ntrEd\",\"entryContainer\":\"Feed--entry-container--ntrEd\",\"feed-entry\":\"Feed--feed-entry--RxVw3\",\"feedEntry\":\"Feed--feed-entry--RxVw3\",\"entry-inset\":\"Feed--entry-inset--mTSiN\",\"entryInset\":\"Feed--entry-inset--mTSiN\",\"entry-header\":\"Feed--entry-header--L-jpF\",\"entryHeader\":\"Feed--entry-header--L-jpF\",\"entry-body\":\"Feed--entry-body--5b+dm\",\"entryBody\":\"Feed--entry-body--5b+dm\",\"entry-media\":\"Feed--entry-media--FIN-7\",\"entryMedia\":\"Feed--entry-media--FIN-7\",\"entry-footer\":\"Feed--entry-footer--xXEx0\",\"entryFooter\":\"Feed--entry-footer--xXEx0\",\"entry-block\":\"Feed--entry-block--ms6sN\",\"entryBlock\":\"Feed--entry-block--ms6sN\",\"avatar\":\"Feed--avatar--o4Way\",\"avatar-img\":\"Feed--avatar-img--s3Sfc\",\"avatarImg\":\"Feed--avatar-img--s3Sfc\",\"card-margin\":\"Feed--card-margin--NEIB1\",\"cardMargin\":\"Feed--card-margin--NEIB1\",\"btn\":\"Feed--btn--rHBmM\",\"btn-link\":\"Feed--btn-link--jLpej\",\"btnLink\":\"Feed--btn-link--jLpej\",\"fadeIn\":\"Feed--fadeIn--ydtkj\",\"newKudo\":\"Feed--newKudo--vafgE\",\"enterFadeOut\":\"Feed--enterFadeOut--TDuu8\"};","// extracted by mini-css-extract-plugin\nexport default {\"entry-icon\":\"Activity--entry-icon--RlkFx\",\"entryIcon\":\"Activity--entry-icon--RlkFx\",\"activity-icon\":\"Activity--activity-icon--Z4Pej\",\"activityIcon\":\"Activity--activity-icon--Z4Pej\",\"entry-footer\":\"Activity--entry-footer--ncAnm\",\"entryFooter\":\"Activity--entry-footer--ncAnm\"};","// extracted by mini-css-extract-plugin\nexport default {\"activity-entry-container\":\"ActivityEntryBody--activity-entry-container--iYy-k\",\"activityEntryContainer\":\"ActivityEntryBody--activity-entry-container--iYy-k\",\"activity-name\":\"ActivityEntryBody--activity-name--AGMA5\",\"activityName\":\"ActivityEntryBody--activity-name--AGMA5\",\"description-body\":\"ActivityEntryBody--description-body--hbylJ\",\"descriptionBody\":\"ActivityEntryBody--description-body--hbylJ\",\"wrapper\":\"ActivityEntryBody--wrapper--kkT4-\",\"description-read-more\":\"ActivityEntryBody--description-read-more--9QA5l\",\"descriptionReadMore\":\"ActivityEntryBody--description-read-more--9QA5l\",\"stats\":\"ActivityEntryBody--stats--G90hq\",\"stat-label\":\"ActivityEntryBody--stat-label--47Ktd\",\"statLabel\":\"ActivityEntryBody--stat-label--47Ktd\",\"stat-value\":\"ActivityEntryBody--stat-value--A-j2-\",\"statValue\":\"ActivityEntryBody--stat-value--A-j2-\",\"stat\":\"ActivityEntryBody--stat--a2Yp6\",\"stat-text\":\"ActivityEntryBody--stat-text--iB8+e\",\"statText\":\"ActivityEntryBody--stat-text--iB8+e\",\"stat-subtext\":\"ActivityEntryBody--stat-subtext--Vo0Ha\",\"statSubtext\":\"ActivityEntryBody--stat-subtext--Vo0Ha\",\"text-right\":\"ActivityEntryBody--text-right--89j0P\",\"textRight\":\"ActivityEntryBody--text-right--89j0P\",\"app-icon-wrapper\":\"ActivityEntryBody--app-icon-wrapper--oIZvr\",\"appIconWrapper\":\"ActivityEntryBody--app-icon-wrapper--oIZvr\",\"achievements-trophy\":\"ActivityEntryBody--achievements-trophy--8Xvo3\",\"achievementsTrophy\":\"ActivityEntryBody--achievements-trophy--8Xvo3\",\"count\":\"ActivityEntryBody--count--xCez9\",\"achievements-summary\":\"ActivityEntryBody--achievements-summary--bsU2g\",\"achievementsSummary\":\"ActivityEntryBody--achievements-summary--bsU2g\",\"achievements-link\":\"ActivityEntryBody--achievements-link--CZvjJ\",\"achievementsLink\":\"ActivityEntryBody--achievements-link--CZvjJ\",\"performance-goals-more\":\"ActivityEntryBody--performance-goals-more--K47xr\",\"performanceGoalsMore\":\"ActivityEntryBody--performance-goals-more--K47xr\",\"list-stats\":\"ActivityEntryBody--list-stats--jzcv5\",\"listStats\":\"ActivityEntryBody--list-stats--jzcv5\"};","export const ACTIVITY = 'activity';\nexport const POST = 'post';\nexport const FANCY_PROMO = 'fancy_promo';\nexport const PERFORMANCE_GOAL_CREATED = 'performance_goal_created';\nexport const CHALLENGE = 'challenge';\nexport const SIMPLE_PROMO = 'simple_promo';\nexport const GROUP_ACTIVITY = 'group_activity';\nexport const CLUB = 'club';\n","import PropTypes from 'prop-types';\nimport { ACTIVITY, GROUP_ACTIVITY, POST } from '../constants/FeedEntryTypes';\n\nexport const cursorDataProps = PropTypes.shape({\n updated_at: PropTypes.number.isRequired,\n rank: PropTypes.number // can be null when viewing feed type with a filter on athlete id\n});\n\nexport const timeAndLocationProps = PropTypes.shape({\n displayDate: PropTypes.string,\n displayDateAtTime: PropTypes.string,\n location: PropTypes.string,\n timestampFormat: PropTypes.string\n});\n\nexport const entityOwnerProps = PropTypes.shape({\n displayImage: PropTypes.string,\n memberType: PropTypes.string,\n name: PropTypes.string.isRequired,\n profileUrl: PropTypes.string.isRequired,\n type: PropTypes.string.isRequired,\n id: PropTypes.string\n});\n\nexport const entityAthleteProps = PropTypes.shape({\n avatarUrl: PropTypes.string,\n athleteId: PropTypes.string.isRequired,\n memberType: PropTypes.string,\n athleteName: PropTypes.string.isRequired,\n sex: PropTypes.string,\n firstName: PropTypes.string.isRequired\n});\n\nexport const indexProps = PropTypes.number;\n\nexport const cumulativeGoalAchievementProps = PropTypes.shape({\n type: PropTypes.string,\n amount: PropTypes.string\n});\n\nexport const powerAndSegmentGoalAchievementsProps = PropTypes.arrayOf(\n PropTypes.shape({\n url: PropTypes.string.isRequired,\n description: PropTypes.string.isRequired\n })\n);\n\nexport const segAndBestEffortAchievementsProps = PropTypes.arrayOf(\n PropTypes.shape({\n id_string: PropTypes.string,\n name: PropTypes.string,\n description: PropTypes.string,\n elapsed_time: PropTypes.string,\n featured: PropTypes.bool,\n hidden: PropTypes.bool,\n distance_based_best_effort: PropTypes.bool\n })\n);\n\nexport const statsProps = PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string,\n type: PropTypes.string,\n url: PropTypes.string,\n description: PropTypes.string\n })\n);\n\nexport const mapProps = PropTypes.shape({\n url: PropTypes.string,\n alt: PropTypes.string\n});\n\nexport const photoProps = PropTypes.shape({\n large: PropTypes.string.isRequired,\n caption_escaped: PropTypes.string,\n photo_id: PropTypes.string.isRequired,\n viewing_athlete_id: PropTypes.string,\n owner_id: PropTypes.string,\n editable: PropTypes.bool\n});\n\nexport const viewingAthleteProps = PropTypes.shape({\n avatarUrl: PropTypes.string,\n id: PropTypes.string.isRequired,\n memberType: PropTypes.string,\n name: PropTypes.string.isRequired,\n location: PropTypes.string,\n dateOfBirth: PropTypes.string\n});\n\nexport const pageProps = PropTypes.oneOf(['dashboard', 'club', 'profile']);\n\nexport const feedTypeProps = PropTypes.oneOf([\n 'my_activity',\n 'club',\n 'following',\n 'profile',\n 'club'\n]);\n\nexport const analyticsContextProps = PropTypes.shape({\n track: PropTypes.func.isRequired,\n props: PropTypes.shape({\n category: PropTypes.oneOf(['feed']).isRequired,\n page: pageProps.isRequired\n }).isRequired\n});\n\nexport const photoListProps = PropTypes.arrayOf(photoProps);\n\nexport const commentsProps = PropTypes.arrayOf(\n PropTypes.shape({\n comment_id: PropTypes.number.isRequired,\n deletable: PropTypes.bool.isRequired,\n reportable: PropTypes.bool.isRequired,\n quarantinable: PropTypes.bool.isRequired,\n athlete: PropTypes.shape({\n name: PropTypes.string.isRequired,\n avatar_url: PropTypes.string.isRequired,\n url: PropTypes.string.isRequired,\n member_type: PropTypes.string\n })\n })\n);\n\nexport const highlightedKudosersProps = PropTypes.arrayOf(\n PropTypes.shape({\n avatar_url: PropTypes.string.isRequired,\n destination_url: PropTypes.string.isRequired,\n display_name: PropTypes.string.isRequired,\n show_name: PropTypes.bool.isRequired\n })\n);\n\nexport const kudosAndCommentsProps = PropTypes.shape({\n canKudo: PropTypes.bool.isRequired,\n kudosCount: PropTypes.number.isRequired,\n highlightedKudosers: highlightedKudosersProps.isRequired,\n comments: commentsProps.isRequired,\n commentsEnabled: PropTypes.bool, // only applies to `Post` entities\n reactionsEnabled: PropTypes.bool\n});\n\nexport const entitiesWithKudosAndComments = PropTypes.oneOf([\n ACTIVITY,\n GROUP_ACTIVITY,\n POST\n]);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Markup } from 'interweave';\nimport I18n from 'utils/I18n';\n\nimport styles from '../index.scss';\nimport { powerAndSegmentGoalAchievementsProps } from '../../../../props/feed-prop-types';\n\nconst PowerAndSegmentGoalAchievements = ({\n powerAndSegmentGoalAchievements,\n activityId\n}) => (\n <>\n {powerAndSegmentGoalAchievements.length > 0 && (\n \n \n {achievement.description}\n \n \n
\n );\n\n return (\n \n {I18n.t('components.feed.social.achievements')}\n
\n \n \n dispatch({\n type: OPEN_MODAL_ACHIEVEMENTS_TAB,\n payload: {\n element: 'achievements_trophy',\n selectedEntityId: entityId\n }\n })\n }\n >\n \n
\n \n );\n};\n\nAchievementCount.propTypes = {\n segAndBestEffortAchievements: segAndBestEffortAchievementsProps,\n entityId: PropTypes.string.isRequired\n};\n\nAchievementCount.defaultProps = {\n segAndBestEffortAchievements: []\n};\n\nexport default AchievementCount;\n","export { default } from './AchievementCount';\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport ActionsFlagHighlightedXsmall from '@strava/icons/ActionsFlagHighlightedXsmall';\nimport Button from '@strava/ui/Button';\nimport colors from '@strava/ui/colors';\nimport { Markup } from 'interweave';\nimport { useFeedEntityContext } from '../../../../state/FeedEntityContext';\n\nimport styles from '../index.scss';\n\nconst ELLIPSIS = '•••';\nconst MAX_LENGTH = 350;\n\nconst ActivityTextBody = ({\n activityId,\n activityName,\n ownedByCurrentAthlete,\n flagged,\n description\n}) => {\n const { entityState } = useFeedEntityContext();\n const [readMore, setReadMore] = useState(false);\n\n const isExpandable = description && description.length > MAX_LENGTH;\n\n const splitDescription = (() => {\n if (description) {\n const cleanDescription = description.trim();\n\n if (cleanDescription.length < MAX_LENGTH) {\n return [cleanDescription, ''];\n }\n // trim the string to the maximum length\n let firstSection = cleanDescription.substr(0, MAX_LENGTH);\n // re-trim if we are in the middle of a word\n firstSection = firstSection.substr(\n 0,\n Math.min(firstSection.length, firstSection.lastIndexOf(' '))\n );\n // retrim if in the middle of a link\n if (\n firstSection.lastIndexOf('\n {\n entityState.trackAnalytics({\n action: 'click',\n properties: { element_source: 'title' }\n });\n }}\n >\n {activityName}\n \n {ownedByCurrentAthlete && flagged && (\n \n
\n\n {/* Activity Description */}\n {description && (\n \n \n
\n {isExpandable && (\n \n {\n setReadMore(!readMore);\n }}\n >\n {ELLIPSIS}\n \n
\n )}\n \n )}\n \n );\n};\n\nActivityTextBody.propTypes = {\n activityId: PropTypes.string.isRequired,\n activityName: PropTypes.string.isRequired,\n ownedByCurrentAthlete: PropTypes.bool,\n flagged: PropTypes.bool,\n description: PropTypes.string\n};\n\nActivityTextBody.defaultProps = {\n ownedByCurrentAthlete: false,\n flagged: false,\n description: PropTypes.string\n};\n\nexport default ActivityTextBody;\n","export { default } from './ActivityTextBody';\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport I18n from 'utils/I18n';\n\nconst ACTIVITY_LIST = [\n 'ebikeride',\n 'ride',\n 'run',\n 'swim',\n 'virtualrun',\n 'virtualride'\n];\n\n// 4/26 - On web, 3 types of cumulative goals can be set from the athletes profile\n// Swim, Run, Ride - time and distance\n// (eg of cumulative goal achievement- Strava Athlete accomplished their swimming goal)\nconst CumulativeGoalAchievement = ({\n cumulativeGoalAchievement,\n sportType,\n athleteFirstName\n}) => {\n // Generate translation key for achievement summary - cumulative goal\n const displayKey = (() => {\n const prefix =\n 'components.feed.activity_goal_accomplished.goal_accomplished.without_popup';\n const lowercaseType = sportType.toLowerCase();\n return `${prefix}.${lowercaseType}.neutral_html`;\n })();\n\n return (\n <>\n {cumulativeGoalAchievement &&\n ACTIVITY_LIST.includes(sportType.toLowerCase()) && (\n \n {children}\n
\n );\n};\n\nMedia.propTypes = {\n children: PropTypes.node.isRequired,\n centered: PropTypes.bool,\n className: PropTypes.string\n};\n\nMedia.defaultProps = {\n centered: false,\n className: null\n};\n\nexport default Media;\n","export { default } from './Media';\n","// extracted by mini-css-extract-plugin\nexport default {\"media-body\":\"MediaBody--media-body--uT-hq\",\"mediaBody\":\"MediaBody--media-body--uT-hq\"};","import React from 'react';\nimport PropTypes from 'prop-types';\nimport styles from './media-body.scss';\n\nconst MediaBody = ({ children, className, ...options }) => {\n const classNames = [styles.mediaBody];\n if (className) {\n classNames.push(className);\n }\n\n return (\n \n {children}\n
\n );\n};\n\nMediaBody.propTypes = {\n children: PropTypes.node.isRequired,\n className: PropTypes.string\n};\n\nMediaBody.defaultProps = {\n className: null\n};\n\nexport default MediaBody;\n","export { default } from './MediaBody';\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { isEmpty } from 'lodash-es';\nimport PowerAndSegmentGoalAchievements from './PowerAndSegmentGoalAchievements';\nimport FeaturedSegmentEffortAndBestEffortAchievements from './FeaturedSegmentEffortAndBestEffortAchievements';\nimport ActivityStats from './ActivityStats';\nimport AchievementCount from './AchievementCount';\nimport ActivityTextBody from './ActivityTextBody';\nimport CumulativeGoalAchievement from './CumulativeGoalAchievement';\nimport {\n powerAndSegmentGoalAchievementsProps,\n segAndBestEffortAchievementsProps,\n statsProps,\n cumulativeGoalAchievementProps\n} from '../../../props/feed-prop-types';\n\nimport styles from './index.scss';\nimport Media from '../media/Media';\nimport MediaBody from '../media/MediaBody';\n\nconst ActivityEntryBody = ({\n activityName,\n activityId,\n ownedByCurrentAthlete,\n flagged,\n description,\n stats,\n segAndBestEffortAchievements,\n powerAndSegmentGoalAchievements,\n cumulativeGoalAchievement,\n sportType,\n athleteFirstName\n}) => {\n return (\n \n \n {hideAnywhereSetting === 'meters_200'\n ? I18n.t(`${i18nPrefix}description_${units}`)\n : I18n.t(`${i18nPrefix}description`)}\n
\n \n
\n \n
\n \n \n
\n )}\n \n \n);\n\nAchievementCelebration.propTypes = {\n url: PropTypes.string,\n text: PropTypes.string,\n subtitle: PropTypes.string,\n image: PropTypes.string,\n image_caption: PropTypes.string\n};\n\nAchievementCelebration.defaultProps = {\n url: '',\n text: '',\n subtitle: null,\n image: '',\n image_caption: ''\n};\n\nexport default AchievementCelebration;\n","export { default } from './MaharajAchievementCelebration';\n","// extracted by mini-css-extract-plugin\nexport default {\"card\":\"PhotosAndMapImage--card--cHfDm\",\"card-image-top\":\"PhotosAndMapImage--card-image-top--EpA+Q\",\"cardImageTop\":\"PhotosAndMapImage--card-image-top--EpA+Q\",\"card-block\":\"PhotosAndMapImage--card-block--XYMNg\",\"cardBlock\":\"PhotosAndMapImage--card-block--XYMNg\",\"card-header\":\"PhotosAndMapImage--card-header--R5uxw\",\"cardHeader\":\"PhotosAndMapImage--card-header--R5uxw\",\"card-body\":\"PhotosAndMapImage--card-body---Uak8\",\"cardBody\":\"PhotosAndMapImage--card-body---Uak8\",\"card-footer\":\"PhotosAndMapImage--card-footer--JFcoD\",\"cardFooter\":\"PhotosAndMapImage--card-footer--JFcoD\",\"card-icon\":\"PhotosAndMapImage--card-icon--UGfkb\",\"cardIcon\":\"PhotosAndMapImage--card-icon--UGfkb\",\"app-icon-wrapper\":\"PhotosAndMapImage--app-icon-wrapper--HtRQS\",\"appIconWrapper\":\"PhotosAndMapImage--app-icon-wrapper--HtRQS\",\"media\":\"PhotosAndMapImage--media--tPwp-\",\"media-content\":\"PhotosAndMapImage--media-content--BjUJT\",\"mediaContent\":\"PhotosAndMapImage--media-content--BjUJT\",\"media-body\":\"PhotosAndMapImage--media-body--6fUuR\",\"mediaBody\":\"PhotosAndMapImage--media-body--6fUuR\",\"media-object\":\"PhotosAndMapImage--media-object--fJNAs\",\"mediaObject\":\"PhotosAndMapImage--media-object--fJNAs\",\"media-left\":\"PhotosAndMapImage--media-left--AJ-KG\",\"mediaLeft\":\"PhotosAndMapImage--media-left--AJ-KG\",\"media-object-left\":\"PhotosAndMapImage--media-object-left--LJM+5\",\"mediaObjectLeft\":\"PhotosAndMapImage--media-object-left--LJM+5\",\"media-object-right\":\"PhotosAndMapImage--media-object-right--gZR1x\",\"mediaObjectRight\":\"PhotosAndMapImage--media-object-right--gZR1x\",\"media-right\":\"PhotosAndMapImage--media-right--HRjox\",\"mediaRight\":\"PhotosAndMapImage--media-right--HRjox\",\"media-actions\":\"PhotosAndMapImage--media-actions--eKiLv\",\"mediaActions\":\"PhotosAndMapImage--media-actions--eKiLv\",\"media-center\":\"PhotosAndMapImage--media-center--VGPYl\",\"mediaCenter\":\"PhotosAndMapImage--media-center--VGPYl\",\"media-middle\":\"PhotosAndMapImage--media-middle--mdhY0\",\"mediaMiddle\":\"PhotosAndMapImage--media-middle--mdhY0\",\"media-bottom\":\"PhotosAndMapImage--media-bottom--ivzKB\",\"mediaBottom\":\"PhotosAndMapImage--media-bottom--ivzKB\",\"list-media\":\"PhotosAndMapImage--list-media--cY45I\",\"listMedia\":\"PhotosAndMapImage--list-media--cY45I\",\"comments\":\"PhotosAndMapImage--comments--nXwGg\",\"comment\":\"PhotosAndMapImage--comment--gcXRX\",\"thread\":\"PhotosAndMapImage--thread--2XcJL\",\"feed-pagination\":\"PhotosAndMapImage--feed-pagination--XTAnb\",\"feedPagination\":\"PhotosAndMapImage--feed-pagination--XTAnb\",\"spinner\":\"PhotosAndMapImage--spinner--t0Cq8\",\"no-entries\":\"PhotosAndMapImage--no-entries--1Pz-6\",\"noEntries\":\"PhotosAndMapImage--no-entries--1Pz-6\",\"entry-container\":\"PhotosAndMapImage--entry-container--9NDt+\",\"entryContainer\":\"PhotosAndMapImage--entry-container--9NDt+\",\"feed-entry\":\"PhotosAndMapImage--feed-entry--fOTiX\",\"feedEntry\":\"PhotosAndMapImage--feed-entry--fOTiX\",\"entry-inset\":\"PhotosAndMapImage--entry-inset--yYhOt\",\"entryInset\":\"PhotosAndMapImage--entry-inset--yYhOt\",\"entry-header\":\"PhotosAndMapImage--entry-header--jNt-F\",\"entryHeader\":\"PhotosAndMapImage--entry-header--jNt-F\",\"entry-body\":\"PhotosAndMapImage--entry-body--2+HrC\",\"entryBody\":\"PhotosAndMapImage--entry-body--2+HrC\",\"entry-media\":\"PhotosAndMapImage--entry-media--GTSjY\",\"entryMedia\":\"PhotosAndMapImage--entry-media--GTSjY\",\"entry-footer\":\"PhotosAndMapImage--entry-footer--tQUd4\",\"entryFooter\":\"PhotosAndMapImage--entry-footer--tQUd4\",\"entry-block\":\"PhotosAndMapImage--entry-block--shs+B\",\"entryBlock\":\"PhotosAndMapImage--entry-block--shs+B\",\"avatar\":\"PhotosAndMapImage--avatar--fNEC+\",\"avatar-img\":\"PhotosAndMapImage--avatar-img--JnCpU\",\"avatarImg\":\"PhotosAndMapImage--avatar-img--JnCpU\",\"card-margin\":\"PhotosAndMapImage--card-margin--qnjfg\",\"cardMargin\":\"PhotosAndMapImage--card-margin--qnjfg\",\"btn\":\"PhotosAndMapImage--btn--NLW+N\",\"btn-link\":\"PhotosAndMapImage--btn-link--RFl18\",\"btnLink\":\"PhotosAndMapImage--btn-link--RFl18\",\"photos-and-map-image-wrapper\":\"PhotosAndMapImage--photos-and-map-image-wrapper--Mtbkh\",\"photosAndMapImageWrapper\":\"PhotosAndMapImage--photos-and-map-image-wrapper--Mtbkh\",\"btn-sm\":\"PhotosAndMapImage--btn-sm--nGGKG\",\"btnSm\":\"PhotosAndMapImage--btn-sm--nGGKG\",\"text-bold\":\"PhotosAndMapImage--text-bold--7T7i-\",\"textBold\":\"PhotosAndMapImage--text-bold--7T7i-\",\"activity-map\":\"PhotosAndMapImage--activity-map--6fHiT\",\"activityMap\":\"PhotosAndMapImage--activity-map--6fHiT\",\"group-activity-map\":\"PhotosAndMapImage--group-activity-map--mIXxe\",\"groupActivityMap\":\"PhotosAndMapImage--group-activity-map--mIXxe\",\"activity-map-create-route\":\"PhotosAndMapImage--activity-map-create-route--Q1puz\",\"activityMapCreateRoute\":\"PhotosAndMapImage--activity-map-create-route--Q1puz\",\"activity-map-tags\":\"PhotosAndMapImage--activity-map-tags--8e7XC\",\"activityMapTags\":\"PhotosAndMapImage--activity-map-tags--8e7XC\",\"activity-map-tag\":\"PhotosAndMapImage--activity-map-tag--Rx4Mw\",\"activityMapTag\":\"PhotosAndMapImage--activity-map-tag--Rx4Mw\",\"tag-race\":\"PhotosAndMapImage--tag-race--Trdut\",\"tagRace\":\"PhotosAndMapImage--tag-race--Trdut\",\"entry-images\":\"PhotosAndMapImage--entry-images--M264M\",\"entryImages\":\"PhotosAndMapImage--entry-images--M264M\",\"entry-image\":\"PhotosAndMapImage--entry-image--NXygv\",\"entryImage\":\"PhotosAndMapImage--entry-image--NXygv\",\"entry-image-wrapper\":\"PhotosAndMapImage--entry-image-wrapper--LaoWz\",\"entryImageWrapper\":\"PhotosAndMapImage--entry-image-wrapper--LaoWz\",\"more-text-wrapper\":\"PhotosAndMapImage--more-text-wrapper--rer-7\",\"moreTextWrapper\":\"PhotosAndMapImage--more-text-wrapper--rer-7\",\"more-text\":\"PhotosAndMapImage--more-text--cbrtw\",\"moreText\":\"PhotosAndMapImage--more-text--cbrtw\",\"entry-more-images\":\"PhotosAndMapImage--entry-more-images--8M2Y9\",\"entryMoreImages\":\"PhotosAndMapImage--entry-more-images--8M2Y9\",\"images-1-up\":\"PhotosAndMapImage--images-1-up--VOA5w\",\"images1Up\":\"PhotosAndMapImage--images-1-up--VOA5w\",\"post-image\":\"PhotosAndMapImage--post-image--uAMtv\",\"postImage\":\"PhotosAndMapImage--post-image--uAMtv\",\"athlete-profile\":\"PhotosAndMapImage--athlete-profile--3yNxo\",\"athleteProfile\":\"PhotosAndMapImage--athlete-profile--3yNxo\",\"club\":\"PhotosAndMapImage--club--nMvTQ\",\"images-2-up\":\"PhotosAndMapImage--images-2-up---j1TK\",\"images2Up\":\"PhotosAndMapImage--images-2-up---j1TK\",\"images-3-up\":\"PhotosAndMapImage--images-3-up--gx8a3\",\"images3Up\":\"PhotosAndMapImage--images-3-up--gx8a3\",\"images-4-up\":\"PhotosAndMapImage--images-4-up--vEuad\",\"images4Up\":\"PhotosAndMapImage--images-4-up--vEuad\",\"images-5-up\":\"PhotosAndMapImage--images-5-up--LPz8g\",\"images5Up\":\"PhotosAndMapImage--images-5-up--LPz8g\",\"images-6-up\":\"PhotosAndMapImage--images-6-up--mmNvG\",\"images6Up\":\"PhotosAndMapImage--images-6-up--mmNvG\",\"enhanced-tag\":\"PhotosAndMapImage--enhanced-tag--5Spv9\",\"enhancedTag\":\"PhotosAndMapImage--enhanced-tag--5Spv9\",\"left\":\"PhotosAndMapImage--left--Sz8Ha\",\"fadeIn\":\"PhotosAndMapImage--fadeIn--MavlW\",\"newKudo\":\"PhotosAndMapImage--newKudo--u5q3H\",\"enterFadeOut\":\"PhotosAndMapImage--enterFadeOut--5IOp6\"};","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '@strava/ui/Button';\nimport I18n from 'utils/I18n';\nimport styles from '../styles.scss';\nimport useFeedAnalytics from '../../../../hooks/useFeedAnalytics';\n\nimport { mapProps } from '../../../../props/feed-prop-types';\nimport { useFeedEntityContext } from '../../../../state/FeedEntityContext';\nimport useFeedIntersectionObserver from '../../../../hooks/useFeedIntersectionObserver';\n\nconst tag = (label, className) => (\n \n \n
\n {subtitle && (\n \n {buildActivityMapTags({\n isVirtual,\n isCommute,\n workoutType,\n privacyTagKey\n })}\n
\n {elements}
\n \n );\n};\n\nMap.propTypes = {\n activityId: PropTypes.string.isRequired,\n isRoutable: PropTypes.bool.isRequired,\n activityMap: mapProps.isRequired,\n entryTypeClassName: PropTypes.oneOf([\n styles.activityMap,\n styles.groupActivityMap\n ]).isRequired,\n isVirtual: PropTypes.bool,\n isCommute: PropTypes.bool,\n isGroupActivity: PropTypes.bool,\n workoutType: PropTypes.oneOf(['race', 'long_run', 'workout']),\n privacyTagKey: PropTypes.string\n};\n\nMap.defaultProps = {\n workoutType: null,\n isVirtual: false,\n isCommute: false,\n isGroupActivity: false,\n privacyTagKey: null\n};\n\nexport default Map;\n","export { default } from './Map';\n","// extracted by mini-css-extract-plugin\nexport default {\"base\":\"VideoItem--base--jP8iK\",\"video\":\"VideoItem--video--ie0b5\"};","import React, { useState, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport videojs from 'video.js';\n\nimport cx from '@strava/ui/clsx';\n\nimport { useFeedContext } from '../../../../../state/FeedContext';\nimport { useFeedEntityContext } from '../../../../../state/FeedEntityContext';\n\nimport styles from './VideoItem.scss';\n\nconst Poc = React.lazy(() => import('components/Poc'));\nconst Controls = React.lazy(() => import('./Controls'));\n\nfunction VideoItem({\n media,\n className,\n onClick,\n onReady,\n playOnHover,\n isAutoPlayItem\n}) {\n const {\n entityState: { isActivityVideoMuted }\n } = useFeedContext();\n\n const {\n entityState: { isAutoplayEnabled },\n entityState\n } = useFeedEntityContext();\n const [video, setVideo] = useState();\n const hoverTimerRef = useRef();\n\n function play() {\n clearTimeout(hoverTimerRef.current);\n\n hoverTimerRef.current = setTimeout(() => {\n // Pause all video that are currently playing\n videojs\n .getAllPlayers()\n .filter((p) => !p.paused() && p.id() !== video.id())\n .forEach((p) => p.pause());\n\n if (video && video.paused()) {\n video.play();\n }\n }, 500);\n }\n\n function pause() {\n clearTimeout(hoverTimerRef.current);\n hoverTimerRef.current = null;\n\n if (video && !video.paused()) {\n video.pause();\n }\n }\n\n const preload = (() => {\n if (isAutoPlayItem) {\n return 'auto';\n }\n if (isAutoplayEnabled) {\n return 'metadata';\n }\n return 'none';\n })();\n\n return (\n \n
\n \n );\n } else {\n // Multiple photos grid\n photoGridElements.push(\n photoList.slice(0, maxNumPhotosToShow).map((photo, index) => {\n const { photo_id: photoId, large, caption_escaped: caption } = photo;\n\n if (photo?.media_type === 2) {\n return (\n \n {photo.enhanced_photo.name}\n
\n )}\n \n
\n \n );\n }\n }\n // Add photo lightbox\n if (showPhotoLightbox) {\n photoGridElements.push(\n \n
\n {`+ ${extraPhotos}`}
\n \n {/* Map Image - Activity and Group Activity */}\n {showMap && (\n
\n );\n};\n\nPhotosAndMapImage.propTypes = {\n entryType: PropTypes.oneOf([ACTIVITY, GROUP_ACTIVITY, POST]).isRequired,\n activityId: PropTypes.string,\n isRoutable: PropTypes.bool,\n activityMap: mapProps,\n photoList: photoListProps,\n isVirtual: PropTypes.bool,\n isCommute: PropTypes.bool,\n workoutType: PropTypes.oneOf(['race', 'long_run', 'workout']),\n privacyTagKey: PropTypes.string,\n feedName: pageProps.isRequired\n};\n\nPhotosAndMapImage.defaultProps = {\n activityId: null,\n isRoutable: false,\n activityMap: {},\n photoList: [],\n isVirtual: false,\n isCommute: false,\n workoutType: null,\n privacyTagKey: null\n};\n\nexport default PhotosAndMapImage;\n","export { default } from './PhotosAndMapImage';\n","// extracted by mini-css-extract-plugin\nexport default {\"kudos-and-comments\":\"KudosAndComments--kudos-and-comments--RTN8b\",\"kudosAndComments\":\"KudosAndComments--kudos-and-comments--RTN8b\",\"hairline\":\"KudosAndComments--hairline--n9t8k\",\"count-wrapper\":\"KudosAndComments--count-wrapper--C+w1w\",\"countWrapper\":\"KudosAndComments--count-wrapper--C+w1w\",\"count-button\":\"KudosAndComments--count-button--L2QfK\",\"countButton\":\"KudosAndComments--count-button--L2QfK\",\"spacer\":\"KudosAndComments--spacer--sjNL9\",\"kudos-face-pile\":\"KudosAndComments--kudos-face-pile--H5OUj\",\"kudosFacePile\":\"KudosAndComments--kudos-face-pile--H5OUj\",\"social-button\":\"KudosAndComments--social-button--sbn-p\",\"socialButton\":\"KudosAndComments--social-button--sbn-p\",\"media-body\":\"KudosAndComments--media-body--VdgRA\",\"mediaBody\":\"KudosAndComments--media-body--VdgRA\",\"comments-form\":\"KudosAndComments--comments-form--6JVZe\",\"commentsForm\":\"KudosAndComments--comments-form--6JVZe\",\"kudoed\":\"KudosAndComments--kudoed--FPvvg\",\"newKudo\":\"KudosAndComments--newKudo--dTJRR\"};","// extracted by mini-css-extract-plugin\nexport default {\"mentionable-comment-wrapper\":\"MentionableCommentForm--mentionable-comment-wrapper--w62zS\",\"mentionableCommentWrapper\":\"MentionableCommentForm--mentionable-comment-wrapper--w62zS\",\"avatar\":\"MentionableCommentForm--avatar--GdWqw\",\"post-comment-btn\":\"MentionableCommentForm--post-comment-btn--MP73l\",\"postCommentBtn\":\"MentionableCommentForm--post-comment-btn--MP73l\"};","// extracted by mini-css-extract-plugin\nexport default {\"body\":\"StravaMentionsInput--body--yOMK3\",\"btn\":\"StravaMentionsInput--btn--YYcZz\",\"suggestions\":\"StravaMentionsInput--suggestions--v2vJg\",\"suggestion-list\":\"StravaMentionsInput--suggestion-list--s0x0J\",\"suggestionList\":\"StravaMentionsInput--suggestion-list--s0x0J\",\"highlighter\":\"StravaMentionsInput--highlighter--+x0r2\",\"suggestion\":\"StravaMentionsInput--suggestion--XfaTw\",\"meta-container\":\"StravaMentionsInput--meta-container--G9xOE\",\"metaContainer\":\"StravaMentionsInput--meta-container--G9xOE\",\"athlete-name\":\"StravaMentionsInput--athlete-name--MeF65\",\"athleteName\":\"StravaMentionsInput--athlete-name--MeF65\",\"location\":\"StravaMentionsInput--location--6QQm3\",\"member-icon\":\"StravaMentionsInput--member-icon--YNAMK\",\"memberIcon\":\"StravaMentionsInput--member-icon--YNAMK\",\"mentioned-athlete\":\"StravaMentionsInput--mentioned-athlete--KNFRH\",\"mentionedAthlete\":\"StravaMentionsInput--mentioned-athlete--KNFRH\"};","import React, { useState, useRef, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { MentionsInput, Mention } from 'react-mentions';\nimport Avatar from '@strava/ui/Avatar';\n\nimport I18n from 'utils/I18n';\nimport { setMentionInputStyles } from './MentionInputStyles';\n\nimport styles from './StravaMentionsInput.scss';\nimport { sortAndFilter } from './StravaMentionsInput.utils';\nimport { fetchAthletes } from './StravaMentionsInput.cache';\n\nconst StravaMentionsInput = ({\n viewingAthleteId,\n entity,\n entityId,\n placeHolder,\n suggestionLimit,\n autoFocus,\n trackAnalytics,\n onInputChange,\n clearInputToggle,\n inputHeight,\n value\n}) => {\n const [mentionableAthletes, setMentionableAthletes] = useState([]);\n const [inputValue, setInputValue] = useState(value);\n const firstRender = useRef(true);\n\n const mentionInputStyles = setMentionInputStyles({ inputHeight });\n\n useEffect(() => {\n if (firstRender.current) {\n firstRender.current = false;\n return;\n }\n setInputValue('');\n }, [clearInputToggle]);\n\n useEffect(() => {\n let isSubscribed = true;\n fetchAthletes({ viewingAthleteId }).then((mentionableFollowers) => {\n if (isSubscribed) {\n setMentionableAthletes(mentionableFollowers);\n }\n });\n return () => {\n isSubscribed = false;\n };\n }, [entity, entityId, viewingAthleteId]);\n\n const nameFromId = (id) => {\n return mentionableAthletes.find((a) => a.id === parseInt(id, 10)).display;\n };\n\n const filteredMentionableAthletes = (query) => {\n const results = mentionableAthletes.filter(\n (a) => a.display.toLowerCase().indexOf(query.toLowerCase()) >= 0\n );\n return results.slice(0, suggestionLimit);\n };\n\n const fetchEntityAthletes = (e) => {\n if (e.key === '@') {\n fetchAthletes({\n entity,\n entityId,\n viewingAthleteId\n }).then((mentionableEntityOwners) => {\n const filtered = sortAndFilter(\n mentionableAthletes.concat(mentionableEntityOwners),\n viewingAthleteId\n );\n setMentionableAthletes(filtered);\n });\n }\n };\n\n const renderSuggestion = (entry) => {\n const avatarStyle = { marginRight: '8px' };\n return (\n \n {\n trackAnalytics({\n action: 'click',\n element: 'profile_picture',\n properties: { element_source: 'mentionable-athlete-suggestions' }\n });\n }}\n />\n
\n );\n };\n\n return (\n \n
\n {entry.display}
\n {entry.location && entry.location.length > 0 && (\n \n {entry.location}\n
\n )}\n \n {\n entityState.trackAnalytics({\n action: 'click',\n element: 'profile_picture',\n properties: {\n element_source: `comments-form-viewing-athlete-on-${parent}`\n }\n });\n }}\n />\n
\n \n \n {buttonTextProp}\n \n
\n \n );\n};\n\nMentionableCommentForm.defaultProps = {\n placeHolder: null,\n buttonText: null,\n suggestionLimit: 5,\n autoFocus: false,\n parent: 'feed_card'\n};\n\nMentionableCommentForm.propTypes = {\n entity: entitiesWithKudosAndComments.isRequired,\n entityId: PropTypes.string.isRequired,\n placeHolder: PropTypes.string,\n buttonText: PropTypes.string,\n suggestionLimit: PropTypes.number,\n autoFocus: PropTypes.bool,\n viewingAthlete: viewingAthleteProps.isRequired,\n parent: PropTypes.string\n};\n\nexport default MentionableCommentForm;\n","export { default } from './MentionableCommentForm';\n","// extracted by mini-css-extract-plugin\nexport default {\"avatar-and-meta\":\"AvatarAndMeta--avatar-and-meta--JQdQS\",\"avatarAndMeta\":\"AvatarAndMeta--avatar-and-meta--JQdQS\",\"meta\":\"AvatarAndMeta--meta--42HVE\",\"athlete-name\":\"AvatarAndMeta--athlete-name--hmzTL\",\"athleteName\":\"AvatarAndMeta--athlete-name--hmzTL\",\"location\":\"AvatarAndMeta--location--N7MEn\",\"row-content\":\"AvatarAndMeta--row-content--PlEUZ\",\"rowContent\":\"AvatarAndMeta--row-content--PlEUZ\",\"comment-reaction-container\":\"AvatarAndMeta--comment-reaction-container--M9Omk\",\"commentReactionContainer\":\"AvatarAndMeta--comment-reaction-container--M9Omk\",\"comment-reaction-button\":\"AvatarAndMeta--comment-reaction-button--uLBb9\",\"commentReactionButton\":\"AvatarAndMeta--comment-reaction-button--uLBb9\",\"comment-react-counter\":\"AvatarAndMeta--comment-react-counter--euBLK\",\"commentReactCounter\":\"AvatarAndMeta--comment-react-counter--euBLK\",\"view-comment-reactions-button\":\"AvatarAndMeta--view-comment-reactions-button--E1OB1\",\"viewCommentReactionsButton\":\"AvatarAndMeta--view-comment-reactions-button--E1OB1\",\"spacer\":\"AvatarAndMeta--spacer--DebMO\",\"activity-link\":\"AvatarAndMeta--activity-link--PzSLy\",\"activityLink\":\"AvatarAndMeta--activity-link--PzSLy\"};","// extracted by mini-css-extract-plugin\nexport default {\"comment-reaction-container\":\"CommentReaction--comment-reaction-container--zqFws\",\"commentReactionContainer\":\"CommentReaction--comment-reaction-container--zqFws\",\"comment-reaction-button\":\"CommentReaction--comment-reaction-button--O2U6b\",\"commentReactionButton\":\"CommentReaction--comment-reaction-button--O2U6b\",\"comment-react-counter\":\"CommentReaction--comment-react-counter--CfgLA\",\"commentReactCounter\":\"CommentReaction--comment-react-counter--CfgLA\",\"view-comment-reactions-button\":\"CommentReaction--view-comment-reactions-button--50gdG\",\"viewCommentReactionsButton\":\"CommentReaction--view-comment-reactions-button--50gdG\"};","import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport colors from '@strava/ui/colors';\n\nconst FistBumpNoDashesIconUnfilled = ({ color, size }) => (\n \n postCommentReaction()}\n >\n onClickViewCommentReactionList()}\n className={styles.viewCommentReactionsButton}\n >\n {I18n.t(`${prefix}.reaction_count`, {\n count: reactionCount\n })}\n \n \n )}\n
\n );\n};\n\nCommentReaction.propTypes = {\n iconExperimentCohort: PropTypes.string,\n hasReacted: PropTypes.bool.isRequired,\n commentReactionCount: PropTypes.number.isRequired,\n commentId: PropTypes.number.isRequired,\n entityId: PropTypes.string.isRequired,\n elementLocation: PropTypes.string.isRequired\n};\n\nCommentReaction.defaultProps = {\n iconExperimentCohort: null\n};\n\nexport default CommentReaction;\n","export { default } from './CommentReaction';\n","import React from 'react';\nimport Avatar from '@strava/ui/Avatar';\nimport PropTypes from 'prop-types';\nimport { Markup } from 'interweave';\nimport styles from './index.scss';\nimport { useFeedEntityContext } from '../../../../../state/FeedEntityContext';\nimport CommentReaction from '../../CommentReaction';\n\nconst AvatarAndMeta = ({\n athleteMetaData,\n rowContent,\n iconExperimentCohort,\n showCommentReactions,\n entryId,\n commentReactionCount,\n hasReacted,\n entityId\n}) => {\n const { entityState } = useFeedEntityContext();\n\n const activityName = athleteMetaData.activity_link ? (\n <>\n -
\n \n
\n \n ) : null;\n\n return (\n \n
\n );\n};\n\nAvatarAndMeta.propTypes = {\n athleteMetaData: PropTypes.shape({\n member_type: PropTypes.string,\n name: PropTypes.string.isRequired,\n avatar_url: PropTypes.string,\n location: PropTypes.string,\n url: PropTypes.string,\n activity_link: PropTypes.string\n }).isRequired,\n rowContent: PropTypes.string,\n showCommentReactions: PropTypes.bool.isRequired,\n iconExperimentCohort: PropTypes.string,\n entryId: PropTypes.number,\n commentReactionCount: PropTypes.number,\n hasReacted: PropTypes.bool,\n entityId: PropTypes.string.isRequired\n};\n\nAvatarAndMeta.defaultProps = {\n rowContent: null,\n iconExperimentCohort: null,\n entryId: null,\n commentReactionCount: 0,\n hasReacted: false\n};\n\nexport default AvatarAndMeta;\n","export { default } from './AvatarAndMeta';\n","// extracted by mini-css-extract-plugin\nexport default {\"card\":\"KudosCommentsAndAchievementsModal--card--orKPh\",\"card-image-top\":\"KudosCommentsAndAchievementsModal--card-image-top--XrI-h\",\"cardImageTop\":\"KudosCommentsAndAchievementsModal--card-image-top--XrI-h\",\"card-block\":\"KudosCommentsAndAchievementsModal--card-block--EboTq\",\"cardBlock\":\"KudosCommentsAndAchievementsModal--card-block--EboTq\",\"card-header\":\"KudosCommentsAndAchievementsModal--card-header--v1Squ\",\"cardHeader\":\"KudosCommentsAndAchievementsModal--card-header--v1Squ\",\"card-body\":\"KudosCommentsAndAchievementsModal--card-body--rE6iR\",\"cardBody\":\"KudosCommentsAndAchievementsModal--card-body--rE6iR\",\"card-footer\":\"KudosCommentsAndAchievementsModal--card-footer--Dre4h\",\"cardFooter\":\"KudosCommentsAndAchievementsModal--card-footer--Dre4h\",\"card-icon\":\"KudosCommentsAndAchievementsModal--card-icon--g1F06\",\"cardIcon\":\"KudosCommentsAndAchievementsModal--card-icon--g1F06\",\"app-icon-wrapper\":\"KudosCommentsAndAchievementsModal--app-icon-wrapper--GvdMl\",\"appIconWrapper\":\"KudosCommentsAndAchievementsModal--app-icon-wrapper--GvdMl\",\"media\":\"KudosCommentsAndAchievementsModal--media--HFMFf\",\"media-content\":\"KudosCommentsAndAchievementsModal--media-content--RE8CI\",\"mediaContent\":\"KudosCommentsAndAchievementsModal--media-content--RE8CI\",\"media-body\":\"KudosCommentsAndAchievementsModal--media-body--C1OBL\",\"mediaBody\":\"KudosCommentsAndAchievementsModal--media-body--C1OBL\",\"media-object\":\"KudosCommentsAndAchievementsModal--media-object--DhWTy\",\"mediaObject\":\"KudosCommentsAndAchievementsModal--media-object--DhWTy\",\"media-left\":\"KudosCommentsAndAchievementsModal--media-left--JLT65\",\"mediaLeft\":\"KudosCommentsAndAchievementsModal--media-left--JLT65\",\"media-object-left\":\"KudosCommentsAndAchievementsModal--media-object-left--wCM1i\",\"mediaObjectLeft\":\"KudosCommentsAndAchievementsModal--media-object-left--wCM1i\",\"media-object-right\":\"KudosCommentsAndAchievementsModal--media-object-right--ngkn+\",\"mediaObjectRight\":\"KudosCommentsAndAchievementsModal--media-object-right--ngkn+\",\"media-right\":\"KudosCommentsAndAchievementsModal--media-right--m4DVO\",\"mediaRight\":\"KudosCommentsAndAchievementsModal--media-right--m4DVO\",\"media-actions\":\"KudosCommentsAndAchievementsModal--media-actions--lqSIr\",\"mediaActions\":\"KudosCommentsAndAchievementsModal--media-actions--lqSIr\",\"media-center\":\"KudosCommentsAndAchievementsModal--media-center--XuHxk\",\"mediaCenter\":\"KudosCommentsAndAchievementsModal--media-center--XuHxk\",\"media-middle\":\"KudosCommentsAndAchievementsModal--media-middle--va+Zk\",\"mediaMiddle\":\"KudosCommentsAndAchievementsModal--media-middle--va+Zk\",\"media-bottom\":\"KudosCommentsAndAchievementsModal--media-bottom--VCjTi\",\"mediaBottom\":\"KudosCommentsAndAchievementsModal--media-bottom--VCjTi\",\"list-media\":\"KudosCommentsAndAchievementsModal--list-media--Ni4Pm\",\"listMedia\":\"KudosCommentsAndAchievementsModal--list-media--Ni4Pm\",\"comments\":\"KudosCommentsAndAchievementsModal--comments--nlx7T\",\"comment\":\"KudosCommentsAndAchievementsModal--comment--6pqZu\",\"thread\":\"KudosCommentsAndAchievementsModal--thread--Ll0dn\",\"feed-pagination\":\"KudosCommentsAndAchievementsModal--feed-pagination--T5VQw\",\"feedPagination\":\"KudosCommentsAndAchievementsModal--feed-pagination--T5VQw\",\"spinner\":\"KudosCommentsAndAchievementsModal--spinner--cdLEt\",\"no-entries\":\"KudosCommentsAndAchievementsModal--no-entries--rAj0m\",\"noEntries\":\"KudosCommentsAndAchievementsModal--no-entries--rAj0m\",\"entry-container\":\"KudosCommentsAndAchievementsModal--entry-container--2CFfv\",\"entryContainer\":\"KudosCommentsAndAchievementsModal--entry-container--2CFfv\",\"feed-entry\":\"KudosCommentsAndAchievementsModal--feed-entry--swIyl\",\"feedEntry\":\"KudosCommentsAndAchievementsModal--feed-entry--swIyl\",\"entry-inset\":\"KudosCommentsAndAchievementsModal--entry-inset--g6FAH\",\"entryInset\":\"KudosCommentsAndAchievementsModal--entry-inset--g6FAH\",\"entry-header\":\"KudosCommentsAndAchievementsModal--entry-header--EvWeH\",\"entryHeader\":\"KudosCommentsAndAchievementsModal--entry-header--EvWeH\",\"entry-body\":\"KudosCommentsAndAchievementsModal--entry-body--Sfqmp\",\"entryBody\":\"KudosCommentsAndAchievementsModal--entry-body--Sfqmp\",\"entry-media\":\"KudosCommentsAndAchievementsModal--entry-media--TZOcx\",\"entryMedia\":\"KudosCommentsAndAchievementsModal--entry-media--TZOcx\",\"entry-footer\":\"KudosCommentsAndAchievementsModal--entry-footer--epV6T\",\"entryFooter\":\"KudosCommentsAndAchievementsModal--entry-footer--epV6T\",\"entry-block\":\"KudosCommentsAndAchievementsModal--entry-block--5+qEz\",\"entryBlock\":\"KudosCommentsAndAchievementsModal--entry-block--5+qEz\",\"avatar\":\"KudosCommentsAndAchievementsModal--avatar--xLkBn\",\"avatar-img\":\"KudosCommentsAndAchievementsModal--avatar-img--HX5f4\",\"avatarImg\":\"KudosCommentsAndAchievementsModal--avatar-img--HX5f4\",\"card-margin\":\"KudosCommentsAndAchievementsModal--card-margin--dJW7x\",\"cardMargin\":\"KudosCommentsAndAchievementsModal--card-margin--dJW7x\",\"btn\":\"KudosCommentsAndAchievementsModal--btn--IUKUA\",\"btn-link\":\"KudosCommentsAndAchievementsModal--btn-link--0HoUH\",\"btnLink\":\"KudosCommentsAndAchievementsModal--btn-link--0HoUH\",\"title\":\"KudosCommentsAndAchievementsModal--title--L7yIt\",\"description\":\"KudosCommentsAndAchievementsModal--description--dhzyO\",\"tab-content\":\"KudosCommentsAndAchievementsModal--tab-content--8EEae\",\"tabContent\":\"KudosCommentsAndAchievementsModal--tab-content--8EEae\",\"body\":\"KudosCommentsAndAchievementsModal--body--4PTIc\",\"entry\":\"KudosCommentsAndAchievementsModal--entry--WTki3\",\"segment-name\":\"KudosCommentsAndAchievementsModal--segment-name--hpfSj\",\"segmentName\":\"KudosCommentsAndAchievementsModal--segment-name--hpfSj\",\"timestamp-and-comment-actions\":\"KudosCommentsAndAchievementsModal--timestamp-and-comment-actions--n9HMF\",\"timestampAndCommentActions\":\"KudosCommentsAndAchievementsModal--timestamp-and-comment-actions--n9HMF\",\"timestamp\":\"KudosCommentsAndAchievementsModal--timestamp--2pqZZ\",\"comment-actions\":\"KudosCommentsAndAchievementsModal--comment-actions--9aTpT\",\"commentActions\":\"KudosCommentsAndAchievementsModal--comment-actions--9aTpT\",\"follow-btn\":\"KudosCommentsAndAchievementsModal--follow-btn--QIMal\",\"followBtn\":\"KudosCommentsAndAchievementsModal--follow-btn--QIMal\",\"action-link-button\":\"KudosCommentsAndAchievementsModal--action-link-button--Y3+3U\",\"actionLinkButton\":\"KudosCommentsAndAchievementsModal--action-link-button--Y3+3U\",\"comments-form\":\"KudosCommentsAndAchievementsModal--comments-form--wix+9\",\"commentsForm\":\"KudosCommentsAndAchievementsModal--comments-form--wix+9\",\"achievement-row\":\"KudosCommentsAndAchievementsModal--achievement-row--bPnJx\",\"achievementRow\":\"KudosCommentsAndAchievementsModal--achievement-row--bPnJx\",\"achievement-icon\":\"KudosCommentsAndAchievementsModal--achievement-icon--oAgr2\",\"achievementIcon\":\"KudosCommentsAndAchievementsModal--achievement-icon--oAgr2\",\"elapsed-time\":\"KudosCommentsAndAchievementsModal--elapsed-time--5FTam\",\"elapsedTime\":\"KudosCommentsAndAchievementsModal--elapsed-time--5FTam\",\"no-results\":\"KudosCommentsAndAchievementsModal--no-results--Liy9-\",\"noResults\":\"KudosCommentsAndAchievementsModal--no-results--Liy9-\",\"footer\":\"KudosCommentsAndAchievementsModal--footer--lLsKD\",\"footer-action-btn\":\"KudosCommentsAndAchievementsModal--footer-action-btn--T2ITM\",\"footerActionBtn\":\"KudosCommentsAndAchievementsModal--footer-action-btn--T2ITM\",\"comment-reaction-list-back-button\":\"KudosCommentsAndAchievementsModal--comment-reaction-list-back-button--1BrIZ\",\"commentReactionListBackButton\":\"KudosCommentsAndAchievementsModal--comment-reaction-list-back-button--1BrIZ\",\"comment-reaction-list-back-button-children\":\"KudosCommentsAndAchievementsModal--comment-reaction-list-back-button-children--hzZx5\",\"commentReactionListBackButtonChildren\":\"KudosCommentsAndAchievementsModal--comment-reaction-list-back-button-children--hzZx5\",\"fadeIn\":\"KudosCommentsAndAchievementsModal--fadeIn--Y3Euv\",\"newKudo\":\"KudosCommentsAndAchievementsModal--newKudo--ZvlNW\",\"enterFadeOut\":\"KudosCommentsAndAchievementsModal--enterFadeOut--9Lvti\"};","import { snakeCase } from 'lodash-es';\nimport { ACTIVITY, GROUP_ACTIVITY } from '../../../constants/FeedEntryTypes';\n\nexport const kudosUpdateEndpoint = ({ entity }) => {\n return entity === GROUP_ACTIVITY ? ACTIVITY : snakeCase(entity);\n};\n\nexport default { kudosUpdateEndpoint };\n","import React, { useState, useEffect, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport I18n from 'utils/I18n';\nimport createNetworkingClient from 'utils/networking-client';\nimport Avatar from '@strava/ui/Avatar';\nimport Spinner from '@strava/ui/Spinner';\nimport { Markup } from 'interweave';\n\nimport ModalWithTabs, {\n ModalTabs,\n ModalTabList,\n ModalTab,\n ModalTabPanels,\n ModalTabPanel\n} from '@strava/ui/ModalWithTabs';\nimport Button, { LinkButton } from '@strava/ui/Button';\nimport { isEmpty } from 'lodash-es';\nimport AchievementsMedalPrSmall from '@strava/icons/AchievementsMedalPrSmall';\nimport AchievementsMedal02Small from '@strava/icons/AchievementsMedal02Small';\nimport AchievementsMedal03Small from '@strava/icons/AchievementsMedal03Small';\nimport AchievementsBadgeHighlightedSmall from '@strava/icons/AchievementsBadgeHighlightedSmall';\nimport AchievementsKomHighlightedSmall from '@strava/icons/AchievementsKomHighlightedSmall';\nimport AchievementsTrophy02Small from '@strava/icons/AchievementsTrophy02Small';\nimport AchievementsTrophy03Small from '@strava/icons/AchievementsTrophy03Small';\nimport AchievementsTrophy04Small from '@strava/icons/AchievementsTrophy04Small';\nimport AchievementsTrophy05Small from '@strava/icons/AchievementsTrophy05Small';\nimport AchievementsTrophy06Small from '@strava/icons/AchievementsTrophy06Small';\nimport AchievementsTrophy07Small from '@strava/icons/AchievementsTrophy07Small';\nimport AchievementsTrophy08Small from '@strava/icons/AchievementsTrophy08Small';\nimport AchievementsTrophy09Small from '@strava/icons/AchievementsTrophy09Small';\nimport AchievementsTrophy10Small from '@strava/icons/AchievementsTrophy10Small';\nimport SvgActionsArrowLeftNormalSmall from '@strava/icons/ActionsArrowLeftNormalSmall';\nimport Cldr from 'utils/Cldr';\nimport { devLog } from 'utils/dev-utils';\nimport { ACTIVITY, GROUP_ACTIVITY } from '../../../../constants/FeedEntryTypes';\nimport AvatarAndMeta from './AvatarAndMeta';\nimport CommentReactionList from './CommentReactionList';\nimport {\n viewingAthleteProps,\n entityOwnerProps,\n segAndBestEffortAchievementsProps\n} from '../../../../props/feed-prop-types';\nimport styles from './styles.scss';\nimport MentionableCommentForm from '../../MentionableCommentForm';\n\nimport { buildTimeAgoTimestamp } from '../../../../utils';\nimport { useFeedEntityContext } from '../../../../state/FeedEntityContext';\nimport {\n CLOSE_MODAL,\n ADD_KUDO,\n DELETE_COMMENT_START,\n CLOSE_COMMENT_REACTION_LIST\n} from '../../../../state/feed-entity-actions';\nimport { kudosUpdateEndpoint } from '../utils';\n\nconst prefix = 'templates.kudos_and_comments_modal';\n\nconst KudosCommentsAndAchievementsModal = ({\n title,\n segAndBestEffortAchievements,\n viewingAthlete,\n entity,\n entityId,\n hasOtherAthletes,\n entityOwner,\n kudosCount,\n commentsEnabled,\n reactionsEnabled,\n iconExperimentCohort\n}) => {\n const { entityState, dispatch } = useFeedEntityContext();\n\n const hasAchievements = !isEmpty(segAndBestEffortAchievements);\n const correctedTabIndex = () => {\n let { selectedTabIndex: tabIndexFromReducer } = entityState;\n if (!hasAchievements && tabIndexFromReducer === 3) {\n // adjust tab index if the athlete entry has no achievements tab\n tabIndexFromReducer -= 1;\n }\n if (!commentsEnabled) {\n // adjust tab index if comments are disabled for entity\n tabIndexFromReducer -= 1;\n }\n return tabIndexFromReducer;\n };\n\n const [index, setIndex] = useState(correctedTabIndex());\n const [groupedActivityData, setGroupedActivityData] = useState({\n athletes: [],\n hasOtherAthletes\n });\n const [hover, setHover] = useState(false);\n const [kudoData, setKudosData] = useState({\n isOwner: false,\n kudosable: false,\n athletes: []\n });\n const [commentReactionListData, setCommentReactionListData] = useState({\n reactionCount: 0,\n athletes: []\n });\n const [isLoading, setIsLoading] = useState(false);\n const [followRequestApprovalStatusMap, setAthleteFollowRequestMap] = useState(\n {}\n );\n const [isViewingCommentReactionList, setIsViewingReactionList] = useState(\n entityState.isViewingCommentReactionsList\n );\n\n const comments = entityState.comments[entityId] || [];\n const entityEndpoint = kudosUpdateEndpoint({ entity });\n\n const fetchKudoList = useCallback(() => {\n setIsLoading(true);\n createNetworkingClient()\n .get(`/feed/${entityEndpoint}/${entityId}/kudos`)\n .then(({ data }) => {\n setKudosData(data);\n setIsLoading(false);\n });\n }, [entityId, entityEndpoint]);\n\n const fetchCommentReactionList = useCallback(() => {\n const selectedCommentId = entityState.selectedComment;\n setIsLoading(true);\n createNetworkingClient()\n .get(`/comments/${selectedCommentId}/reactions`)\n .then(({ data }) => {\n setIsLoading(false);\n if (data.athletes) {\n setCommentReactionListData({\n reactionCount: data.reaction_count,\n athletes: data.athletes\n });\n }\n return [];\n })\n .catch((error) => {\n setIsLoading(false);\n devLog(error);\n });\n }, [entityState.selectedComment]);\n\n useEffect(() => {\n if (entityState.isViewingCommentReactionsList) {\n fetchCommentReactionList();\n // Comment Reactions List replaces kudo as tab index 0\n setIndex(0);\n setIsViewingReactionList(true);\n } else {\n setIsViewingReactionList(false);\n }\n }, [entityState.isViewingCommentReactionsList, dispatch]);\n\n // determine if the selected tab is 'other athlete' tab since\n // comments and achievements tabs are optional\n const isOtherAthletesTab = useCallback(() => {\n return (\n (commentsEnabled &&\n ((hasAchievements && index === 3) ||\n (!hasAchievements && index === 2))) ||\n (!commentsEnabled &&\n ((hasAchievements && index === 2) || (!hasAchievements && index === 1)))\n );\n }, [index, commentsEnabled, hasAchievements]);\n\n const isKudosTab = useCallback(() => {\n return index === 0;\n }, [index]);\n\n const fetchOtherAthletes = useCallback(() => {\n setIsLoading(true);\n createNetworkingClient()\n .get(`/feed/${entityEndpoint}/${entityId}/group_athletes`)\n .then(({ data }) => {\n setGroupedActivityData({ ...data, hasOtherAthletes: true });\n setIsLoading(false);\n });\n }, [entityEndpoint, entityId]);\n\n useEffect(() => {\n if (isKudosTab()) {\n fetchKudoList();\n }\n if (isOtherAthletesTab()) {\n fetchOtherAthletes();\n }\n }, [isKudosTab, fetchKudoList, fetchOtherAthletes, isOtherAthletesTab]);\n\n const toggleHover = () => {\n setHover((prev) => !prev);\n };\n\n const postKudo = () => {\n entityState.trackAnalytics({\n action: 'click',\n element: 'kudo_btn_on_modal'\n });\n const viewAthleteKudoData = {\n member_type: viewingAthlete.memberType,\n url: `/athletes/${viewingAthlete.id}`,\n name: viewingAthlete.name,\n avatar_url: viewingAthlete.avatarUrl,\n id: viewingAthlete.id,\n location: viewingAthlete.location,\n is_following: true // viewing athlete cannot follow themselves (this prevent the Follow button from showing)\n };\n createNetworkingClient()\n .post(`/feed/${entityEndpoint}/${entityId}/kudo`)\n .then(() =>\n setKudosData((prev) => ({\n ...prev,\n athletes: [viewAthleteKudoData].concat(prev.athletes),\n kudosable: false\n }))\n )\n .then(() => {\n dispatch({ type: ADD_KUDO });\n })\n .catch((error) => {\n // TODO log error to sentry (on monorepo)\n devLog(error);\n });\n };\n\n const isRecentlyFollowedAthlete = (kudoDataRow) =>\n followRequestApprovalStatusMap[kudoDataRow.id] &&\n followRequestApprovalStatusMap[kudoDataRow.id].requestApprovalStatus ===\n 'approved';\n\n const isRecentlyRequestedAthlete = (kudoDataRow) =>\n followRequestApprovalStatusMap[kudoDataRow.id] &&\n followRequestApprovalStatusMap[kudoDataRow.id].requestApprovalStatus ===\n 'pending';\n\n const onKudoDataRowButtonClick = (kudoDataRow) => {\n entityState.trackAnalytics({\n action: 'click',\n element: 'unfollow_btn_on_modal'\n });\n const kudoserId = kudoDataRow.id;\n const viewingAthleteId = viewingAthlete.id;\n if (\n isRecentlyRequestedAthlete(kudoDataRow) ||\n isRecentlyFollowedAthlete(kudoDataRow)\n ) {\n // Athlete reversing their follow add/request action\n createNetworkingClient()\n .delete(\n `/athletes/${viewingAthleteId}/follows/${followRequestApprovalStatusMap[kudoDataRow.id].followId}`\n )\n .then(() => {\n setAthleteFollowRequestMap((prevState) =>\n Object.assign(prevState, {\n [kudoserId]: { requestApprovalStatus: '' }\n })\n );\n })\n .then(toggleHover);\n } else {\n entityState.trackAnalytics({\n action: 'click',\n element: 'follow_btn_on_modal'\n });\n const payload = {\n follow: {\n following_id: kudoserId,\n follower_id: viewingAthleteId\n }\n };\n createNetworkingClient()\n .post(`/athletes/${viewingAthleteId}/follows`, payload)\n .then((response) => {\n const requestApprovalStatus = response.data.approved\n ? 'approved'\n : 'pending';\n setAthleteFollowRequestMap((prevState) =>\n Object.assign(prevState, {\n [kudoserId]: {\n requestApprovalStatus,\n followId: response.data.follow_id\n }\n })\n );\n })\n .then(toggleHover);\n }\n };\n\n const leaveAthleteGroup = () => {\n entityState.trackAnalytics({\n action: 'click',\n element: 'leave_athlete_group_btn_on_modal'\n });\n setIsLoading(true);\n createNetworkingClient()\n .delete(`/activities/${entityId}/grouping`)\n .then(() => {\n setGroupedActivityData({ athletes: [], hasOtherAthletes: false });\n setIsLoading(false);\n });\n };\n\n const processFollowButtonAttributes = (kudoDataRow) => {\n let label;\n let variant;\n if (isRecentlyFollowedAthlete(kudoDataRow)) {\n label = hover\n ? I18n.t(`${prefix}.unfollow`)\n : I18n.t(`${prefix}.following`);\n variant = 'default';\n } else if (isRecentlyRequestedAthlete(kudoDataRow)) {\n label = hover\n ? I18n.t(`${prefix}.follow_requested`)\n : I18n.t(`${prefix}.cancel_follow_request`);\n variant = 'default';\n } else {\n label = kudoDataRow.is_private\n ? I18n.t(`${prefix}.request_to_follow`)\n : I18n.t(`${prefix}.follow`);\n variant = 'primary-outline';\n }\n return { label, variant };\n };\n\n const buildFollowButton = (kudoDataRow) => {\n const followButtonAttributes = processFollowButtonAttributes(kudoDataRow);\n return (\n \n {\n entityState.trackAnalytics({\n action: 'click',\n element: 'profile_picture',\n properties: { element_source: 'kudos_and_comments_modal_content' }\n });\n }}\n />\n
\n \n
\n \n {athleteMetaData.name}\n {activityName}\n
\n {/* Location should not be shown if there is a content row (eg. comments) */}\n {!rowContent &&\n athleteMetaData.location &&\n athleteMetaData.location.length > 0 && (\n \n {athleteMetaData.location}\n
\n )}\n {rowContent && (\n \n {
\n )}\n \n
\n );\n\n const entriesFromFetchedData = (dataList) => {\n const components = [];\n dataList.athletes.forEach((kudoDataRow) => {\n components.push(\n \n
\n );\n });\n return components;\n };\n\n const buildKudoList = () => {\n if (isLoading) {\n return spinner;\n }\n // activity owner is not allowed to kudo their own activity\n const kudoAllowed = !kudoData.isOwner && kudoData.kudosable;\n let kudoEntries = entriesFromFetchedData(kudoData);\n if (kudoEntries.length === 0) {\n kudoEntries = (\n \n {I18n.t(`${prefix}.no_kudos_yet`)}\n
\n );\n }\n return (\n <>\n {kudoEntries}
\n \n \n {I18n.t(`${prefix}.give_kudos`)}\n \n
\n \n );\n };\n\n const buildCommentReactionList = () => {\n if (isLoading) {\n return spinner;\n }\n return {groupAthletesEntries}
\n {!isEmpty(groupedActivityData.athletes) &&\n viewingAthlete.id === entityOwner.id && (\n \n \n {I18n.t(`${prefix}.leave_group`)}\n \n
\n )}\n \n );\n };\n\n const deleteComment = (comment) => {\n dispatch({\n type: DELETE_COMMENT_START,\n payload: { comment, entityId, element: 'modal' }\n });\n };\n\n const buildCommentList = () => {\n let thread = [];\n const showCommentReactions =\n reactionsEnabled && [ACTIVITY, GROUP_ACTIVITY].includes(entity);\n comments.forEach((entry) => {\n const commentReactionCount =\n entry.reactions_summary && entry.reactions_summary.reaction_count\n ? entry.reactions_summary.reaction_count\n : 0;\n const hasReacted =\n entry.reactions_summary && entry.reactions_summary.has_reacted\n ? entry.reactions_summary.has_reacted\n : false;\n const timeAgoTimestamp = buildTimeAgoTimestamp(entry.timestamp);\n\n thread.push(\n \n
\n \n );\n });\n if (thread.length === 0) {\n thread = (\n \n
\n {(entry.deletable || entry.reportable || entry.quarantinable) && (\n \n {entry.reportable && (\n \n {I18n.t(`${prefix}.report`)}\n \n )}\n {entry.deletable && (\n deleteComment(entry)}\n >\n {I18n.t(`${prefix}.delete`)}\n \n )}\n {entry.quarantinable && (\n \n {I18n.t(`${prefix}.quarantine`)}\n \n )}\n
\n )}\n \n {I18n.t(`${prefix}.no_comments_yet`)}\n
\n );\n }\n return (\n <>\n {thread}
\n \n
\n \n );\n };\n\n const legacySpriteToStravaUiIcon = (sprite) => {\n const SILVER = '#999999';\n const GOLD = '#FEC835';\n const BRONZE = '#E5820A';\n switch (sprite) {\n case 'icon-at-kom-1':\n return {achievementIcon}
\n {achievements}
;\n };\n\n // tab order - kudos, comments (optional), achievements (optional), other athletes (optional)\n const onTabChange = (selectedTab) => {\n setIndex(selectedTab);\n if (isViewingCommentReactionList) {\n dispatch({\n type: CLOSE_COMMENT_REACTION_LIST,\n payload: { selectedEntityId: entityId }\n });\n // Go back to Comments tab\n setIndex(1);\n } else if (selectedTab === 0) {\n // kudos tab\n fetchKudoList();\n } else if (isOtherAthletesTab()) {\n // other athletes tab\n fetchOtherAthletes();\n }\n };\n\n const modalTitle = () => {\n return (\n \n
\n );\n };\n\n const kudosTabTitle = () => {\n return I18n.t(`${prefix}.kudos`).concat(\n ` (${Cldr.formatDecimal(kudosCount)})`\n );\n };\n\n const commentsTabTitle = () => {\n return I18n.t(`${prefix}.comments`).concat(\n ` (${Cldr.formatDecimal(comments.length)})`\n );\n };\n\n const acheivementsTabTitle = () => {\n return I18n.t(`${prefix}.achievements`).concat(\n ` (${Cldr.formatDecimal(\n segAndBestEffortAchievements.filter((a) => !a.hidden).length\n )})`\n );\n };\n\n const otherAthletesTabTitle = () => {\n return I18n.t(`${prefix}.other_athletes`);\n };\n\n const commentReactionListBackButton = () => {\n return (\n \n {\n entityState.trackAnalytics({\n action: 'click',\n element: 'profile_picture',\n properties: { element_source: 'kudos_and_comments_modal_title' }\n });\n }}\n />\n
\n \n
\n \n
\n );\n };\n\n const dismissModal = () => {\n if (entityState.isViewingCommentReactionsList) {\n dispatch({\n type: CLOSE_COMMENT_REACTION_LIST,\n payload: { selectedEntityId: entityId }\n });\n }\n dispatch({ type: CLOSE_MODAL });\n };\n\n return (\n \n {I18n.t(`${prefix}.back`)}\n
\n {buildKudoList()}
\n {buildCommentList()}
\n \n {buildAchievementList()}\n
\n \n {buildOtherAthleteList()}\n
\n {buildCommentReactionList()}
\n \n {\n entityState.trackAnalytics({\n action: 'click',\n element: 'profile_picture',\n properties: { element_source: 'comments_thread' }\n });\n }}\n />\n
\n \n
\n\n \n \n \n \n
\n \n {comment.reportable && (\n \n {I18n.t(`${prefix}.report`)}\n \n )}\n {comment.deletable && (\n deleteComment(comment)}\n type=\"button\"\n >\n {I18n.t(`${prefix}.delete`)}\n \n )}\n
\n )}\n \n {numComments > 0 && \n {I18n.t(`${prefix}.see_all_comments`, {\n number: numComments\n })}\n \n )}\n
\n );\n};\n\nCommentsThread.propTypes = {\n onSeeMoreCommentsClick: PropTypes.func.isRequired,\n entityId: PropTypes.string.isRequired,\n showCommentReactions: PropTypes.bool.isRequired,\n iconExperimentCohort: PropTypes.string\n};\n\nCommentsThread.defaultProps = {\n iconExperimentCohort: null\n};\n\nexport default CommentsThread;\n","export { default } from './CommentsThread';\n","// extracted by mini-css-extract-plugin\nexport default {\"media-actions\":\"MediaActions--media-actions--h6z0x\",\"mediaActions\":\"MediaActions--media-actions--h6z0x\"};","import React from 'react';\nimport PropTypes from 'prop-types';\nimport styles from './media-actions.scss';\n\nconst MediaActions = ({ children, className, ...options }) => {\n const classNames = [styles.mediaActions];\n if (className) {\n classNames.push(className);\n }\n return (\n - {thread()}
\n {children}\n
\n );\n};\n\nMediaActions.propTypes = {\n children: PropTypes.node.isRequired,\n className: PropTypes.string\n};\n\nMediaActions.defaultProps = {\n className: null\n};\n\nexport default MediaActions;\n","export { default } from './MediaActions';\n","import React, { useState, useEffect, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport colors from '@strava/ui/colors';\nimport Button from '@strava/ui/Button';\nimport AvatarGroup from '@strava/ui/AvatarGroup';\nimport Avatar from '@strava/ui/Avatar';\nimport I18n from 'utils/I18n';\nimport SvgActionsKudoHighlightedXsmall from '@strava/icons/ActionsKudoHighlightedXsmall';\nimport SvgActionsKudoNormalXsmall from '@strava/icons/ActionsKudoNormalXsmall';\nimport SvgActionsCommentNormalXsmall from '@strava/icons/ActionsCommentNormalXsmall';\nimport createNetworkingClient from 'utils/networking-client';\nimport Cldr from 'utils/Cldr';\nimport { devLog } from 'utils/dev-utils';\nimport {\n kudosAndCommentsProps,\n viewingAthleteProps,\n entityOwnerProps,\n segAndBestEffortAchievementsProps,\n entitiesWithKudosAndComments\n} from '../../../props/feed-prop-types';\nimport styles from './styles.scss';\nimport MentionableCommentForm from '../MentionableCommentForm';\nimport KudosCommentsAndAchievementsModal from './KudosCommentsAndAchievementsModal';\nimport CommentsThread from './CommentsThread';\n\nimport { useFeedEntityContext } from '../../../state/FeedEntityContext';\nimport {\n OPEN_MODAL_COMMENTS_TAB,\n OPEN_MODAL_KUDOS_TAB\n} from '../../../state/feed-entity-actions';\nimport { kudosUpdateEndpoint } from './utils';\nimport Media from '../media/Media';\nimport MediaBody from '../media/MediaBody';\nimport MediaActions from '../media/MediaActions';\n\nconst KudosAndComments = ({\n kudosAndComments,\n entity,\n entityId,\n ownedByCurrentAthlete,\n viewingAthlete,\n entityOwner,\n entityTitle,\n openCommentsModalOnIconClick,\n segAndBestEffortAchievements,\n showHairlineOnTop,\n reactionsEnabled,\n iconExperimentCohort\n}) => {\n const {\n canKudo,\n kudosCount,\n highlightedKudosers: initialLoadHighlightedKudosers,\n commentsEnabled\n } = kudosAndComments;\n\n const [canKudoStatus, setCanKudoStatus] = useState(canKudo);\n const [currentKudoCount, setCurrentKudoCount] = useState(kudosCount);\n const [showForm, setShowForm] = useState(false);\n const [hasKudoed, setHasKudoed] = useState(false);\n const [highlightedKudosers, setHighlightedKudosers] = useState(\n initialLoadHighlightedKudosers\n );\n const { entityState, dispatch } = useFeedEntityContext();\n const prefix = 'components.feed.social';\n\n const commentIconButtonTitle = () => {\n return openCommentsModalOnIconClick\n ? I18n.t(`${prefix}.view_all_comments`)\n : I18n.t(`${prefix}.icon.comments`);\n };\n\n const comments = entityState.comments[entityId] || [];\n\n const showKudosCallToAction =\n canKudoStatus && currentKudoCount === 0 && comments.length === 0;\n\n const kudoIconButtonTitle = () => {\n // First to give kudos\n if (showKudosCallToAction) {\n return I18n.t(`${prefix}.give_kudos`);\n }\n return canKudoStatus && currentKudoCount > 0\n ? I18n.t(`${prefix}.icon.give_kudos`)\n : I18n.t(`${prefix}.view_all_kudos`);\n };\n\n const handleAvatarGroupClick = () => {\n entityState.trackAnalytics({\n action: 'click',\n element: 'avatar_group',\n properties: { element_source: 'highlighted_kudosers' }\n });\n\n dispatch({\n type: OPEN_MODAL_KUDOS_TAB,\n payload: {\n element: 'avatar_group',\n selectedEntityId: entityId\n }\n });\n };\n\n const showHighlightedKudoers = () => {\n return (\n // eslint-disable-next-line\n \n ·\n
\n );\n }\n }\n // comment label text with count (eg. 48 comments )\n if (commentsEnabled && comments.length > 0) {\n components.push(\n \n {components}\n
\n );\n };\n\n const kudosAndCommentsIconButtons = () => {\n return (\n <>\n {/* Kudos thumb icon button */}\n \n
\n \n \n {`· ${location}`}\n
\n ) : (\n ''\n );\n\nconst Subtitle = ({\n timestampFormat,\n displayDateAtTime,\n displayDate,\n location\n}) => (\n \n {shareable && (\n
\n );\n};\n\nEntryActions.propTypes = {\n activityId: PropTypes.string.isRequired,\n shareable: PropTypes.bool.isRequired,\n twitterUrl: PropTypes.string.isRequired,\n embedDropdownEnabled: PropTypes.bool.isRequired\n};\n\nexport default EntryActions;\n","export { default } from './SocialShareDropdownActions';\n","// extracted by mini-css-extract-plugin\nexport default {\"entry-header\":\"EntryHeader--entry-header--lXRRn\",\"entryHeader\":\"EntryHeader--entry-header--lXRRn\",\"child-entry\":\"EntryHeader--child-entry--MGzPL\",\"childEntry\":\"EntryHeader--child-entry--MGzPL\"};","import React from 'react';\nimport PropTypes from 'prop-types';\nimport styles from './entry-header.scss';\n\nconst EntryHeader = ({ children, child, className, ...options }) => {\n const classNames = [styles.entryHeader];\n if (className) {\n classNames.push(className);\n }\n if (child) {\n classNames.push(styles.childEntry);\n }\n\n return (\n \n {\n entityState.trackAnalytics({\n action: 'click',\n element: 'share'\n });\n }}\n className={`${styles.dropdown}`}\n >\n \n Facebook\n \n \n Twitter\n \n {embedDropdownEnabled && (\n \n {I18n.t('templates.share.embed.get_code')}\n
\n )}\n \n {children}\n
\n );\n};\n\nEntryHeader.propTypes = {\n children: PropTypes.node.isRequired,\n className: PropTypes.string,\n child: PropTypes.bool\n};\n\nEntryHeader.defaultProps = {\n className: null,\n child: false\n};\n\nexport default EntryHeader;\n","export { default } from './EntryHeader';\n","// extracted by mini-css-extract-plugin\nexport default {\"media-left\":\"MediaLeft--media-left--EzQvk\",\"mediaLeft\":\"MediaLeft--media-left--EzQvk\",\"small-badge\":\"MediaLeft--small-badge--FtRCp\",\"smallBadge\":\"MediaLeft--small-badge--FtRCp\",\"big-badge\":\"MediaLeft--big-badge--32809\",\"bigBadge\":\"MediaLeft--big-badge--32809\"};","import React from 'react';\nimport PropTypes from 'prop-types';\nimport styles from './media-left.scss';\n\nconst MediaLeft = ({ children, bigBadge, className, ...options }) => {\n const classNames = [styles.mediaLeft];\n if (className) {\n classNames.push(className);\n }\n\n if (bigBadge) {\n classNames.push(styles.bigBadge);\n } else {\n classNames.push(styles.smallBadge);\n }\n\n return (\n \n {children}\n
\n );\n};\n\nMediaLeft.propTypes = {\n children: PropTypes.node.isRequired,\n bigBadge: PropTypes.bool,\n className: PropTypes.string\n};\n\nMediaLeft.defaultProps = {\n className: null,\n bigBadge: false\n};\n\nexport default MediaLeft;\n","export { default } from './MediaLeft';\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Avatar from '@strava/ui/Avatar';\n\nimport ActionsStarHighlightedXsmall from '@strava/icons/ActionsStarHighlightedXsmall';\nimport styles from './index.scss';\nimport LocationAndTime from '../LocationAndTime';\nimport SocialShareDropdownActions from '../SocialShareDropdownActions';\nimport {\n timeAndLocationProps,\n entityOwnerProps\n} from '../../../props/feed-prop-types';\nimport { useFeedEntityContext } from '../../../state/FeedEntityContext';\n\nimport EntryHeader from '../../shared/media/EntryHeader';\nimport Media from '../../shared/media/Media';\nimport MediaLeft from '../../shared/media/MediaLeft';\nimport MediaBody from '../../shared/media/MediaBody';\nimport MediaActions from '../../shared/media/MediaActions';\n\nconst HeaderWithOwnerMetadata = ({\n timeAndLocation,\n entityOwner,\n shareable,\n entityId,\n twitterUrl,\n isBoosted,\n entity,\n embedDropdownEnabled\n}) => {\n const { entityState } = useFeedEntityContext();\n\n const { displayImage, name, memberType, profileUrl, type } = entityOwner;\n return (\n \n {\n entityState.trackAnalytics({\n action: 'click',\n element: 'profile_picture',\n properties: { element_source: 'title' }\n });\n }}\n />\n
\n \n
\n )}\n \n
\n {message}\n \n );\n};\n\nVisibilityMessage.propTypes = {\n visibility: PropTypes.string.isRequired\n};\n\nexport default VisibilityMessage;\n","export { default } from './VisibilityMessage';\n","// extracted by mini-css-extract-plugin\nexport default {\"card\":\"HiddenStatIndicator--card--KesCj\",\"card-image-top\":\"HiddenStatIndicator--card-image-top--gRkGU\",\"cardImageTop\":\"HiddenStatIndicator--card-image-top--gRkGU\",\"card-block\":\"HiddenStatIndicator--card-block--yVtz0\",\"cardBlock\":\"HiddenStatIndicator--card-block--yVtz0\",\"card-header\":\"HiddenStatIndicator--card-header--Fp9KT\",\"cardHeader\":\"HiddenStatIndicator--card-header--Fp9KT\",\"card-body\":\"HiddenStatIndicator--card-body--uayga\",\"cardBody\":\"HiddenStatIndicator--card-body--uayga\",\"card-footer\":\"HiddenStatIndicator--card-footer--IWU2g\",\"cardFooter\":\"HiddenStatIndicator--card-footer--IWU2g\",\"card-icon\":\"HiddenStatIndicator--card-icon--Q2NgI\",\"cardIcon\":\"HiddenStatIndicator--card-icon--Q2NgI\",\"app-icon-wrapper\":\"HiddenStatIndicator--app-icon-wrapper--J10L7\",\"appIconWrapper\":\"HiddenStatIndicator--app-icon-wrapper--J10L7\",\"media\":\"HiddenStatIndicator--media--FS3JV\",\"media-content\":\"HiddenStatIndicator--media-content--knMuC\",\"mediaContent\":\"HiddenStatIndicator--media-content--knMuC\",\"media-body\":\"HiddenStatIndicator--media-body--b9s0v\",\"mediaBody\":\"HiddenStatIndicator--media-body--b9s0v\",\"media-object\":\"HiddenStatIndicator--media-object--pOq4p\",\"mediaObject\":\"HiddenStatIndicator--media-object--pOq4p\",\"media-left\":\"HiddenStatIndicator--media-left--Ibiza\",\"mediaLeft\":\"HiddenStatIndicator--media-left--Ibiza\",\"media-object-left\":\"HiddenStatIndicator--media-object-left--CEwmB\",\"mediaObjectLeft\":\"HiddenStatIndicator--media-object-left--CEwmB\",\"media-object-right\":\"HiddenStatIndicator--media-object-right--ThZbu\",\"mediaObjectRight\":\"HiddenStatIndicator--media-object-right--ThZbu\",\"media-right\":\"HiddenStatIndicator--media-right--g8QfM\",\"mediaRight\":\"HiddenStatIndicator--media-right--g8QfM\",\"media-actions\":\"HiddenStatIndicator--media-actions--pYGFd\",\"mediaActions\":\"HiddenStatIndicator--media-actions--pYGFd\",\"media-center\":\"HiddenStatIndicator--media-center--GxpVT\",\"mediaCenter\":\"HiddenStatIndicator--media-center--GxpVT\",\"media-middle\":\"HiddenStatIndicator--media-middle--PnY-Z\",\"mediaMiddle\":\"HiddenStatIndicator--media-middle--PnY-Z\",\"media-bottom\":\"HiddenStatIndicator--media-bottom--Z5b3z\",\"mediaBottom\":\"HiddenStatIndicator--media-bottom--Z5b3z\",\"list-media\":\"HiddenStatIndicator--list-media--Dw33K\",\"listMedia\":\"HiddenStatIndicator--list-media--Dw33K\",\"comments\":\"HiddenStatIndicator--comments--KNo+H\",\"comment\":\"HiddenStatIndicator--comment--dtp8B\",\"thread\":\"HiddenStatIndicator--thread--HG4yk\",\"feed-pagination\":\"HiddenStatIndicator--feed-pagination--5faNU\",\"feedPagination\":\"HiddenStatIndicator--feed-pagination--5faNU\",\"spinner\":\"HiddenStatIndicator--spinner--uLpMl\",\"no-entries\":\"HiddenStatIndicator--no-entries--88gmI\",\"noEntries\":\"HiddenStatIndicator--no-entries--88gmI\",\"entry-container\":\"HiddenStatIndicator--entry-container--fOLt-\",\"entryContainer\":\"HiddenStatIndicator--entry-container--fOLt-\",\"feed-entry\":\"HiddenStatIndicator--feed-entry--lHi7a\",\"feedEntry\":\"HiddenStatIndicator--feed-entry--lHi7a\",\"entry-inset\":\"HiddenStatIndicator--entry-inset--9-LtS\",\"entryInset\":\"HiddenStatIndicator--entry-inset--9-LtS\",\"entry-header\":\"HiddenStatIndicator--entry-header--NrRdY\",\"entryHeader\":\"HiddenStatIndicator--entry-header--NrRdY\",\"entry-body\":\"HiddenStatIndicator--entry-body--WunhJ\",\"entryBody\":\"HiddenStatIndicator--entry-body--WunhJ\",\"entry-media\":\"HiddenStatIndicator--entry-media--2HuGd\",\"entryMedia\":\"HiddenStatIndicator--entry-media--2HuGd\",\"entry-footer\":\"HiddenStatIndicator--entry-footer--NrCi1\",\"entryFooter\":\"HiddenStatIndicator--entry-footer--NrCi1\",\"entry-block\":\"HiddenStatIndicator--entry-block--MW4Tp\",\"entryBlock\":\"HiddenStatIndicator--entry-block--MW4Tp\",\"avatar\":\"HiddenStatIndicator--avatar--oVs51\",\"avatar-img\":\"HiddenStatIndicator--avatar-img--FJFlg\",\"avatarImg\":\"HiddenStatIndicator--avatar-img--FJFlg\",\"card-margin\":\"HiddenStatIndicator--card-margin--u+Ye+\",\"cardMargin\":\"HiddenStatIndicator--card-margin--u+Ye+\",\"btn\":\"HiddenStatIndicator--btn--IW236\",\"btn-link\":\"HiddenStatIndicator--btn-link--iW+ja\",\"btnLink\":\"HiddenStatIndicator--btn-link--iW+ja\",\"icon-wrapper\":\"HiddenStatIndicator--icon-wrapper--TG-tH\",\"iconWrapper\":\"HiddenStatIndicator--icon-wrapper--TG-tH\",\"visibility-section\":\"HiddenStatIndicator--visibility-section--B782s\",\"visibilitySection\":\"HiddenStatIndicator--visibility-section--B782s\",\"stat-indicator-section\":\"HiddenStatIndicator--stat-indicator-section--MdT34\",\"statIndicatorSection\":\"HiddenStatIndicator--stat-indicator-section--MdT34\",\"visibility-icon\":\"HiddenStatIndicator--visibility-icon--d65up\",\"visibilityIcon\":\"HiddenStatIndicator--visibility-icon--d65up\",\"stat-indicator-icon\":\"HiddenStatIndicator--stat-indicator-icon--Oswf9\",\"statIndicatorIcon\":\"HiddenStatIndicator--stat-indicator-icon--Oswf9\",\"fadeIn\":\"HiddenStatIndicator--fadeIn--EcpmC\",\"newKudo\":\"HiddenStatIndicator--newKudo--SSQ5g\",\"enterFadeOut\":\"HiddenStatIndicator--enterFadeOut--lynLX\"};","import React from 'react';\nimport PropTypes from 'prop-types';\nimport SvgActionsLockClosedNormalXsmall from '@strava/icons/ActionsLockClosedNormalXsmall';\nimport styles from './index.scss';\n\nconst HiddenStatIndicator = ({\n hiddenStatIndicatorString,\n showVisibilityMessage\n}) => {\n const sectionStyle = showVisibilityMessage\n ? styles.statIndicatorSection\n : styles.visibilitySection;\n const iconStyle = showVisibilityMessage\n ? styles.statIndicatorIcon\n : styles.visibilityIcon;\n\n return (\n {icon}
\n \n
\n );\n};\n\nHiddenStatIndicator.propTypes = {\n hiddenStatIndicatorString: PropTypes.string.isRequired,\n showVisibilityMessage: PropTypes.bool.isRequired\n};\n\nexport default HiddenStatIndicator;\n","export { default } from './HiddenStatIndicator';\n","// extracted by mini-css-extract-plugin\nexport default {\"feed-entry\":\"Card--feed-entry--eeHS5\",\"feedEntry\":\"Card--feed-entry--eeHS5\",\"card\":\"Card--card--8qT2W\",\"btn\":\"Card--btn--Uyv9E\",\"btn-link\":\"Card--btn-link--IyxTc\",\"btnLink\":\"Card--btn-link--IyxTc\"};","import React, { forwardRef } from 'react';\nimport PropTypes from 'prop-types';\nimport styles from './card.scss';\nimport { cursorDataProps } from '../../../../props/feed-prop-types';\n\nconst Card = forwardRef(\n ({ cursorData, children, className, ...options }, ref) => {\n const classNames = () => {\n const a = [styles.feedEntry, styles.card, className];\n return a;\n };\n\n return (\n \n
\n \n {hiddenStatIndicatorString}\n \n \n \n
\n \n {/* Impression */}\n {impression && (\n 
\n )}\n {children}\n
\n );\n};\n\nEntryBody.propTypes = {\n children: PropTypes.node.isRequired,\n className: PropTypes.string,\n impression: PropTypes.string,\n inset: PropTypes.bool\n};\n\nEntryBody.defaultProps = {\n className: null,\n inset: false,\n impression: null\n};\n\nexport default EntryBody;\n","export { default } from './EntryBody.js';\n","// extracted by mini-css-extract-plugin\nexport default {\"entry-media\":\"EntryMedia--entry-media--iuGqt\",\"entryMedia\":\"EntryMedia--entry-media--iuGqt\",\"entry-inset\":\"EntryMedia--entry-inset--HqwRV\",\"entryInset\":\"EntryMedia--entry-inset--HqwRV\"};","import React from 'react';\nimport PropTypes from 'prop-types';\nimport styles from './entry-media.scss';\n\nconst EntryMedia = ({ children, className, inset, ...options }) => {\n const classNames = [styles.entryMedia];\n if (className) {\n classNames.push(className);\n }\n if (inset) {\n classNames.push(styles.entryInset);\n }\n\n return (\n \n {children}\n
\n );\n};\n\nEntryMedia.propTypes = {\n children: PropTypes.node.isRequired,\n className: PropTypes.string,\n inset: PropTypes.bool\n};\n\nEntryMedia.defaultProps = {\n className: null,\n inset: false\n};\n\nexport default EntryMedia;\n","export { default } from './EntryMedia';\n","// extracted by mini-css-extract-plugin\nexport default {\"entry-footer\":\"EntryFooter--entry-footer--Gy+uP\",\"entryFooter\":\"EntryFooter--entry-footer--Gy+uP\",\"entry-inset\":\"EntryFooter--entry-inset--mB6FB\",\"entryInset\":\"EntryFooter--entry-inset--mB6FB\"};","import React from 'react';\nimport PropTypes from 'prop-types';\nimport styles from './entry-footer.scss';\n\nconst EntryFooter = ({ children, className, inset, ...options }) => {\n const classNames = [styles.entryFooter];\n if (inset) {\n classNames.push(styles.entryInset);\n }\n if (className) {\n classNames.push(className);\n }\n\n return (\n \n {children}\n
\n );\n};\n\nEntryFooter.propTypes = {\n children: PropTypes.node.isRequired,\n className: PropTypes.string,\n inset: PropTypes.bool\n};\n\nEntryFooter.defaultProps = {\n className: null,\n inset: false\n};\n\nexport default EntryFooter;\n","export { default } from './EntryFooter';\n","import React, { useCallback, useEffect, useReducer } from 'react';\nimport PropTypes from 'prop-types';\nimport { isEmpty, snakeCase } from 'lodash-es';\nimport { useInView } from 'react-intersection-observer';\n\nimport ActivityIcon from 'components/ActivityIcon';\nimport I18n from 'utils/I18n';\nimport styles from './styles.scss';\nimport ActivityEntryBody from '../shared/ActivityEntryBody';\nimport MapVisPrompt from '../shared/MapVisPrompt';\nimport MaharajAchievementCelebration from '../shared/MaharajAchievementCelebration';\nimport PhotosAndMapImage from '../shared/PhotosAndMapImage';\nimport useFeedAnalytics from '../../hooks/useFeedAnalytics';\nimport useFeedIntersectionObserver from '../../hooks/useFeedIntersectionObserver';\nimport KudosAndComments from '../shared/KudosAndComments';\nimport {\n segAndBestEffortAchievementsProps,\n cumulativeGoalAchievementProps,\n kudosAndCommentsProps,\n feedTypeProps,\n mapProps,\n pageProps,\n photoListProps,\n powerAndSegmentGoalAchievementsProps,\n statsProps,\n viewingAthleteProps,\n cursorDataProps,\n indexProps,\n entityAthleteProps,\n timeAndLocationProps\n} from '../../props/feed-prop-types';\nimport FeedEntityContext from '../../state/FeedEntityContext';\nimport { init, reducer } from '../../state/feed-entity-reducer';\nimport { SET_AUTOPLAY_VIDEO_IN_VIEW } from '../../state/feed-entity-actions';\nimport CommentDeleteAlertDialog from '../shared/CommentDeleteAlertDialog';\nimport { buildInitialState } from '../../state/feed-entity-init-state';\nimport HeaderWithOwnerMetadata from '../shared/HeaderWithOwnerMetadata/HeaderWithOwnerMetadata';\nimport VisibilityMessage from '../shared/VisibilityMessage';\nimport HiddenStatIndicator from '../shared/HiddenStatIndicator';\nimport Card from '../shared/media/Card';\nimport EntryBody from '../shared/media/EntryBody';\nimport Media from '../shared/media/Media';\nimport MediaLeft from '../shared/media/MediaLeft';\nimport MediaBody from '../shared/media/MediaBody';\nimport EntryMedia from '../shared/media/EntryMedia';\nimport EntryFooter from '../shared/media/EntryFooter';\n\nconst Activity = ({\n index,\n entity,\n activity,\n cursorData,\n page,\n feedType,\n viewingAthlete,\n clubId,\n athleteProfileId,\n reactionsEnabled,\n iconExperimentCohort,\n isAutoplayEnabled\n}) => {\n const {\n avatarUrl,\n athleteName,\n athleteId,\n memberType,\n firstName\n } = activity.athlete;\n\n const {\n activityName,\n id: activityId,\n flagged,\n ownedByCurrentAthlete,\n segAndBestEffortAchievements,\n powerAndSegmentGoalAchievements,\n cumulativeGoalAchievement,\n type: sportType,\n stats,\n description,\n descriptionMentionedAthleteIds,\n mapVisPrompt,\n maharajAchievement,\n isVirtual,\n isCommute,\n workoutType,\n privacyTagKey,\n shareable,\n twitterUrl,\n isBoosted,\n visibility,\n hiddenStatIndicatorString,\n mapAndPhotos,\n embedDropdownEnabled\n } = activity;\n\n const analyticProps = {\n page,\n entity,\n entityId: activityId,\n athleteProfileId,\n feedType,\n index,\n viewingAthleteId: viewingAthlete.id,\n clubId,\n properties: {\n mentioned_athletes: descriptionMentionedAthleteIds || []\n }\n };\n\n const { inView, intersectionObserverRef } = useFeedIntersectionObserver({\n index,\n isParentFeedEntry: true\n });\n\n const { trackAnalytics } = useFeedAnalytics({\n ...analyticProps,\n inView\n });\n\n const [entityState, dispatch] = useReducer(\n reducer,\n buildInitialState({\n trackAnalytics,\n comments: { [activityId]: activity.kudosAndComments.comments },\n entity: snakeCase(entity),\n entityId: activityId,\n isAutoplayEnabled\n }),\n init\n );\n\n const providerState = {\n entityState,\n dispatch,\n analyticProps\n };\n\n const translatedSportType = I18n.t(\n `strava.activities.types_v2.${sportType.toLowerCase()}`\n );\n\n const buildEntryBody = () => {\n const elements = [];\n // activity icon\n elements.push(\n \n
\n \n {/* thumbnail image */}\n {content.thumbnail_url && (\n
\n \n );\n });\n };\n\n const buildEntryBody = () => {\n let bodyStyle = [styles.postBody];\n if (!post.summary) {\n bodyStyle.push(styles.postBodyTitle);\n }\n bodyStyle = bodyStyle.join(' ');\n return (\n \n {content.type === 'video' && (\n
\n )}\n {/* description */}\n \n
\n {content.title}
\n\n {content.description}\n
\n{content.hostname}
\n\n
\n )}\n \n
\n \n );\n };\n\n const highlightPhoto = () => {\n const photoUrlHash = post.primary_photo.urls;\n // max dimension image url\n const photoUrl = getPhotoWithMaxDimension(photoUrlHash);\n return {\n large: photoUrl,\n caption_escaped: post.primary_photo.caption,\n photo_id: post.primary_photo.unique_id\n };\n };\n\n return (\n \n
\n ) : null;\n}\n\nBackgroundHeaderImage.propTypes = {\n backgroundImage: PropTypes.string.isRequired\n};\n\nconst PromoEntry = ({\n entity,\n description,\n badge,\n backgroundImage,\n impression,\n click,\n headline,\n intersectionObserverRef,\n cursorData,\n index,\n ctaText,\n ctaUrl\n}) => {\n const { entityState } = useFeedEntityContext();\n\n return (\n \n
\n {headline}
\n{description}
\n \n\n \n
\n {joinable && (\n \n
\n );\n};\n\nGoalEntry.propTypes = {\n iconSrc: PropTypes.string.isRequired,\n iconUrl: PropTypes.string.isRequired,\n iconAlt: PropTypes.string.isRequired,\n description: PropTypes.string.isRequired\n};\n\nexport default GoalEntry;\n","export { default } from './GoalEntry';\n","import PropTypes from 'prop-types';\nimport React, { useState } from 'react';\nimport I18n from 'utils/I18n';\nimport Button, { LinkButton } from '@strava/ui/Button';\nimport { useFeedEntityContext } from '../../../state/FeedEntityContext';\nimport {\n indexProps,\n cursorDataProps,\n viewingAthleteProps\n} from '../../../props/feed-prop-types';\n\nimport Card from '../media/Card';\nimport EntryHeader from '../media/EntryHeader';\nimport EntryBody from '../media/EntryBody';\n\nimport styles from './index.scss';\n\nimport GoalEntry from '../GoalEntry';\n\nconst PerformanceGoalMultiView = ({\n entity,\n viewingAthlete,\n intersectionObserverRef,\n cursorData,\n index,\n goalEntries\n}) => {\n const [showAllEntries, setShowAllEntries] = useState(false);\n\n const { entityState } = useFeedEntityContext();\n const firstGoalEntry = goalEntries[0];\n const nextFiveGoalEntries = goalEntries.slice(1, 6);\n const restOfGoalEntries = goalEntries.slice(6);\n const joinable = goalEntries.every((entry) => {\n if (viewingAthlete.id === entry.athlete_id.toString()) {\n return false;\n }\n return true;\n });\n\n return (\n \n {/* Left Logo Badge */}\n
\n \n \n 
\n \n
\n\n {/* Right Main Body */}\n \n
\n \n
\n \n {\n entityState.trackAnalytics({\n action: 'click',\n element: `${entity.toLowerCase()}_join`\n });\n }}\n >\n {I18n.t(\n 'components.feed.performance_goal_created_multi_view.join_goal'\n )}\n \n )}\n
\n - \n {/* Show up to the next 5 goal entries */}\n {nextFiveGoalEntries.map((entry) => (\n
- \n
\n \n {entityName}\n \n
\n \n {entityIcon && (\n
\n\n {entityIcon}
\n )}\n \n {entryState.memberCountLabel}\n {secondaryText && {secondaryText}}\n
\n \n {getIcon(`sports_${rowData.displayed_icon}_normal_xsmall`)}\n
\n ),\n entityMemberCount: rowData.participant_count,\n isMember: !rowData.challenge_joinable,\n secondaryText: rowData.challenge_ended ? '' : rowData.days_left,\n intersectionObserverRef,\n index,\n cursorData,\n entityId: rowData.entity_id,\n minimumAge:\n rowData.gating_conditions && rowData.gating_conditions.minimum_age,\n joinMethod: rowData.join_method,\n joinUrl: rowData.join_url,\n viewingAthlete,\n labels: {\n join: rowData.virtual_race\n ? I18n.t(`${i18nPrefix}.view_virtual_race`)\n : I18n.t(`${i18nPrefix}.view_challenge`),\n view: rowData.join_button_text,\n joined: I18n.t(`${i18nPrefix}.joined`),\n memberCountKey: `${i18nPrefix}.participants`,\n error: I18n.t(`${i18nPrefix}.error`)\n }\n };\n\n return (\n \n {children}\n
\n );\n};\n\nEntryBlock.propTypes = {\n children: PropTypes.node.isRequired,\n className: PropTypes.string\n};\n\nEntryBlock.defaultProps = {\n className: null\n};\n\nexport default EntryBlock;\n","export { default } from './EntryBlock';\n","import React, { useReducer, useCallback } from 'react';\nimport PropTypes from 'prop-types';\n\nimport ActivityIcon from 'components/ActivityIcon';\nimport { Markup } from 'interweave';\nimport { isEmpty, snakeCase } from 'lodash-es';\nimport Button from '@strava/ui/Button';\nimport styles from './styles.scss';\nimport useFeedAnalytics from '../../hooks/useFeedAnalytics';\nimport PhotosAndMapImage from '../shared/PhotosAndMapImage';\nimport {\n pageProps,\n viewingAthleteProps,\n cursorDataProps,\n feedTypeProps,\n indexProps,\n timeAndLocationProps,\n mapProps,\n photoListProps\n} from '../../props/feed-prop-types';\nimport FeedEntityContext from '../../state/FeedEntityContext';\nimport { init, reducer } from '../../state/feed-entity-reducer';\nimport { buildInitialState } from '../../state/feed-entity-init-state';\nimport LocationAndTime from '../shared/LocationAndTime';\nimport { getPhotoWithMaxDimension } from '../../utils';\nimport HeaderWithOwnerMetadata from '../shared/HeaderWithOwnerMetadata/HeaderWithOwnerMetadata';\nimport ActivityEntryBody from '../shared/ActivityEntryBody';\nimport MaharajAchievementCelebration from '../shared/MaharajAchievementCelebration';\nimport KudosAndComments from '../shared/KudosAndComments';\nimport CommentDeleteAlertDialog from '../shared/CommentDeleteAlertDialog';\nimport { OPEN_MODAL_OTHER_ATHLETES_TAB } from '../../state/feed-entity-actions';\nimport useFeedIntersectionObserver from '../../hooks/useFeedIntersectionObserver';\n\nimport Card from '../shared/media/Card';\nimport EntryHeader from '../shared/media/EntryHeader';\nimport Media from '../shared/media/Media';\nimport MediaLeft from '../shared/media/MediaLeft';\nimport MediaBody from '../shared/media/MediaBody';\nimport EntryMedia from '../shared/media/EntryMedia';\nimport EntryBlock from '../shared/media/EntryBlock';\nimport EntryBody from '../shared/media/EntryBody';\nimport EntryFooter from '../shared/media/EntryFooter';\n\nconst GroupActivity = ({\n viewingAthlete,\n clubId,\n page,\n entity,\n feedType,\n index,\n cursorData,\n rowData,\n athleteProfileId,\n timeAndLocation,\n switchMapAndPhoto,\n photos,\n kudosAndComments,\n reactionsEnabled,\n iconExperimentCohort,\n embedDropdownEnabled\n}) => {\n const headLineActivity = rowData.activities[0];\n\n const headlineEntityId = headLineActivity.entity_id\n ? headLineActivity.entity_id.toString()\n : null;\n\n const activityIds = useCallback(\n () => rowData.activities.map((a) => a.entity_id),\n [rowData.activities]\n );\n\n const mentionedAthletesByActivity = Object.fromEntries(\n rowData.activities.map((a) => {\n return [a.entity_id, a.description_mentioned_athlete_ids || []];\n })\n );\n\n const analyticProps = {\n page,\n entity,\n athleteProfileId,\n entityId: headlineEntityId,\n activityIds: activityIds(),\n feedType,\n index,\n viewingAthleteId: viewingAthlete.id,\n clubId,\n properties: {\n mentioned_athletes: mentionedAthletesByActivity\n }\n };\n\n const { inView, intersectionObserverRef } = useFeedIntersectionObserver({\n index,\n isParentFeedEntry: true\n });\n\n const { trackAnalytics } = useFeedAnalytics({\n ...analyticProps,\n inView\n });\n\n const commentsByActivityId = useCallback(() => {\n const commentsHash = {};\n if (!isEmpty(kudosAndComments)) {\n Object.entries(kudosAndComments).forEach((entry) => {\n commentsHash[entry[0].toString()] = entry[1].comments;\n });\n }\n return commentsHash;\n }, [kudosAndComments]);\n\n const [entityState, dispatch] = useReducer(\n reducer,\n buildInitialState({\n trackAnalytics,\n comments: commentsByActivityId(),\n entity: snakeCase(entity),\n parentEntityId: headlineEntityId\n }),\n init\n );\n\n const providerState = {\n entityState,\n dispatch,\n analyticProps\n };\n\n const buildHeader = () => {\n const elements = [];\n // activity icon\n if (headLineActivity.activity_class_name) {\n elements.push(\n \n
\n - {buildListEntries()}
N/A RF
; // TODO: Replace this with sentry error logging in monorepo\n }\n return (\n \n {I18n.t(content)}\n
\n
\n );\n }\n return null;\n };\n\n const loader = () => {\n return (\n \n
\n
\n );\n };\n\n const loadMoreRows = () => {\n let minBeforeEntry;\n let minRankEntry;\n if (entries.length > 0) {\n ({ minBeforeEntry, minRankEntry } = computeMinCursorData(entries));\n }\n const before = minBeforeEntry ? minBeforeEntry.cursorData.updated_at : null;\n const rank = minRankEntry ? minRankEntry.cursorData.rank : null;\n devLog(`[Feed#loadMoreRows] before: ${before} rank: ${rank}`);\n loadEntries({ cursorData: { before, rank } });\n };\n\n const [sentryRef] = useInfiniteScroll({\n loading: isLoading,\n hasNextPage: hasMore,\n onLoadMore: loadMoreRows,\n // When there is an error, we stop infinite loading.\n // It can be reactivated by setting \"error\" state as undefined.\n disabled: !!error,\n // `rootMargin` is passed to `IntersectionObserver`.\n // We can use it to trigger 'onLoadMore' when the sentry comes near to become\n // visible, instead of becoming fully visible on the screen.\n rootMargin: '0px 0px 1000px 0px'\n });\n\n return (\n \n {error ? I18n.t(`${i18nPrefix}.error_message`) :
\n {loader()}
}\n \n
\n );\n};\n\nexport default FeedMediaShowCase;\n","// Pages that use the feed pack also use stuff like MentionableComments\n// So, we will import the main 'strava_with_framework' that imports\n// and registers that component.\nimport './strava_with_framework';\n\nimport ReactComponentMounter from '../utils/react-component-mounter';\n\n// Feed specific components:\nimport FeedRouter from '../components/Feed';\nimport FeedMediaShowCase from '../components/Feed/components/shared/media/FeedMediaShowCase';\nimport Activity from '../components/Feed/components/Activity';\nimport Post from '../components/Feed/components/Post';\nimport ChallengeJoin from '../components/Feed/components/ChallengeJoin';\nimport ClubJoin from '../components/Feed/components/ClubJoin';\nimport FancyPromo from '../components/Feed/components/FancyPromo';\nimport SimplePromo from '../components/Feed/components/SimplePromo';\nimport GroupActivity from '../components/Feed/components/GroupActivity';\nimport PerformanceGoalCreated from '../components/Feed/components/PerformanceGoalCreated';\n\n// Modules from \n \n EntryHeader | Media (default)\n \n Media \n \n MediaLeft \n MediaBody \n \n MediaActions\n \n \n \n EntryBlock\n \n \n EntryBody (default)\n \n \n MediaBody \n \n \n EntryBody inset\n \n \n MediaBody \n \n \n \n
\n\n - \n
- \n
\n EntryHeader\n \n \n - \n
\n EntryHeader\n \n \n
\n \n EntryHeader | Media - centered\n \n \n MediaLeft \n MediaBody \n \n MediaActions\n \n \n \n \n
\n\n \n \n EntryHeader | Media | MediaBody only\n \n \n MediaBody \n \n \n \n
\n\n \n \n EntryFooter | default\n \n Media \n \n EntryFooter | inset (true)\n \n Media \n \n \n
\n\n \n \n EntryMedia | default\n \n Media \n \n EntryMedia | inset (true)\n \n Media \n \n \n
\n