\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","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 '../../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 { feedEntityState } = 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 feedEntityState.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","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","// 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","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","// extracted by mini-css-extract-plugin\nexport default {\"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\",\"btn\":\"PhotosAndMapImage--btn--NLW+N\",\"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\"};","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 '../../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 const ADD_AUTOPLAY_VIDEO = 'ADD_AUTOPLAY_VIDEO';\nexport const SET_AUTOPLAY_VIDEO_IN_VIEW = 'SET_AUTOPLAY_VIDEO_IN_VIEW';\n\nexport default {\n ADD_AUTOPLAY_VIDEO,\n SET_AUTOPLAY_VIDEO_IN_VIEW\n};\n","// extracted by mini-css-extract-plugin\nexport default {\"base\":\"VideoItem--base--jP8iK\",\"video\":\"VideoItem--video--ie0b5\"};","import React, { useEffect, useState, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport videojs from 'video.js';\nimport { useInView } from 'react-intersection-observer';\n\nimport cx from '@strava/ui/clsx';\n\nimport { useFeedContext } from '../../../FeedContext';\nimport { useFeedEntityContext } from '../../../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 feedEntityState: { isAutoplayEnabled }\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 //\n // Handle resitting video to initial state when element exist the screen\n //\n const [inViewRef, inView] = useInView({ threshold: 0 });\n\n useEffect(() => {\n if (video && video.currentTime() !== 0 && !inView) {\n // Reset any played videos that are exiting the screen\n video.pause();\n video.currentTime(0);\n // Show poster image\n video.hasStarted(false);\n video.posterImage.show();\n }\n }, [video, inView]);\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","// 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 {\"media-left\":\"CommentsThread--media-left--1ux7T\",\"mediaLeft\":\"CommentsThread--media-left--1ux7T\",\"comments\":\"CommentsThread--comments--XIKwp\",\"report-and-delete-buttons\":\"CommentsThread--report-and-delete-buttons--oXecl\",\"reportAndDeleteButtons\":\"CommentsThread--report-and-delete-buttons--oXecl\",\"more-comments-button\":\"CommentsThread--more-comments-button--MnE+d\",\"moreCommentsButton\":\"CommentsThread--more-comments-button--MnE+d\",\"comment\":\"CommentsThread--comment--ryaZV\",\"name-and-time\":\"CommentsThread--name-and-time--gi2yN\",\"nameAndTime\":\"CommentsThread--name-and-time--gi2yN\",\"athlete-name\":\"CommentsThread--athlete-name--d4tcE\",\"athleteName\":\"CommentsThread--athlete-name--d4tcE\",\"timestamp-and-comment-actions\":\"CommentsThread--timestamp-and-comment-actions--ivNSW\",\"timestampAndCommentActions\":\"CommentsThread--timestamp-and-comment-actions--ivNSW\",\"comment-actions\":\"CommentsThread--comment-actions---adQa\",\"commentActions\":\"CommentsThread--comment-actions---adQa\",\"comment-text\":\"CommentsThread--comment-text--LLbCi\",\"commentText\":\"CommentsThread--comment-text--LLbCi\"};","// 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","import React from 'react';\nimport PropTypes from 'prop-types';\nimport I18n from 'utils/I18n';\nimport Avatar from '@strava/ui/Avatar';\nimport Button, { LinkButton } from '@strava/ui/Button';\nimport { Markup } from 'interweave';\nimport { useKudosAndCommentsContext } from '../../../../../shared/KudosCommentsAndAchievements/KudosAndCommentsContext';\nimport { buildTimeAgoTimestamp } from '../../../../../shared/utils/buildTimeAgoTimeStamp';\nimport useFeedAnalytics from '../../../../hooks/useFeedAnalytics';\nimport { DELETE_COMMENT_START } from '../../../../../shared/KudosCommentsAndAchievements/kudosAndComments.actions';\nimport styles from './styles.scss';\nimport useFeedIntersectionObserver from '../../../../hooks/useFeedIntersectionObserver';\nimport CommentReaction from '../../../../../shared/KudosCommentsAndAchievements/CommentReaction';\n\nimport Media from '../../../../components/shared/media/Media';\nimport MediaLeft from '../../../../components/shared/media/MediaLeft';\nimport MediaBody from '../../../../components/shared/media/MediaBody';\n\nconst prefix = 'components.feed.social';\n\nconst CommentsThread = ({\n onSeeMoreCommentsClick,\n entityId,\n showCommentReactions,\n undoCommentReactionsEnabled\n}) => {\n const {\n dispatch,\n kudosAndCommentsEntityState,\n analyticProps\n } = useKudosAndCommentsContext();\n\n const { inView, intersectionObserverRef } = useFeedIntersectionObserver({\n isParentFeedEntry: false\n });\n\n useFeedAnalytics({\n ...analyticProps,\n element: 'comment_preview',\n inView\n });\n\n const commentReactionAnalytics = {\n category: 'feed',\n page: 'activity',\n buttonElement: 'like_comment_btn_on_feed',\n listElement: 'like_list_btn_on_feed'\n };\n\n const comments = kudosAndCommentsEntityState.comments[entityId] || [];\n const numComments = comments.length;\n const totalComments = Math.min(numComments, 2);\n\n const deleteComment = (comment) => {\n dispatch({\n type: DELETE_COMMENT_START,\n payload: { comment, entityId, element: 'comments_thread' }\n });\n };\n\n return (\n \n {numComments > 0 && (\n
\n\n \n - \n {comments\n .slice(Math.max(numComments - totalComments, 0))\n .map((comment) => {\n const timeAgoTimestamp = buildTimeAgoTimestamp(comment.timestamp);\n const { reactions_summary: reactionsSummary } = comment;\n const hasReacted = reactionsSummary?.has_reacted\n ? reactionsSummary.has_reacted\n : false;\n const commentReactionCount = reactionsSummary?.reaction_count\n ? reactionsSummary.reaction_count\n : 0;\n\n return (\n
- \n
\n \n \n\n \n \n\n\n {(comment.deletable || comment.reportable) && (\n \n {comment.reportable && (\n\n )}\n
\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","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 {\n kudosAndCommentsProps,\n viewingAthleteProps,\n entityOwnerProps,\n segAndBestEffortAchievementsProps,\n entitiesWithKudosAndComments\n} from '../../../props/feed-prop-types';\nimport styles from './styles.scss';\nimport MentionableCommentForm from '../../../../shared/MentionableCommentForm';\nimport KudosCommentsAndAchievementsModal from '../../../../shared/KudosCommentsAndAchievements/KudosCommentsAndAchievementsModal/KudosCommentsAndAchievementsModal';\nimport CommentsThread from './CommentsThread';\nimport { useKudosAndCommentsContext } from '../../../../shared/KudosCommentsAndAchievements/KudosAndCommentsContext';\nimport {\n OPEN_MODAL_COMMENTS_TAB,\n OPEN_MODAL_KUDOS_TAB\n} from '../../../../shared/KudosCommentsAndAchievements/kudosAndComments.actions';\nimport { updateKudosEndpoint } from '../../../../shared/utils/updateKudosEndpoint';\nimport Media from '../media/Media';\nimport MediaBody from '../media/MediaBody';\nimport MediaActions from '../media/MediaActions';\nimport { FEED_ENTRY_TYPES } from '../../../constants';\nimport { logError } from '../../../../../utils/sentry';\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 undoCommentReactionsEnabled,\n postCommentReactionsEnabled\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 {\n kudosAndCommentsEntityState,\n dispatch\n } = useKudosAndCommentsContext();\n\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 = kudosAndCommentsEntityState.comments[entityId] || [];\n\n const showKudosCallToAction =\n canKudoStatus && currentKudoCount === 0 && comments.length === 0;\n\n const commentReactionAnalytics = {\n category: 'feed',\n page: 'activity',\n buttonElement: 'like_comment_btn_on_modal',\n listElement: 'like_list_btn_on_modal'\n };\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 kudosAndCommentsEntityState.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","// 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 feedEntityState.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","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 '../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 { feedEntityState } = useFeedEntityContext();\n\n const { displayImage, name, memberType, profileUrl, type } = entityOwner;\n return (\n \n {\n feedEntityState.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","// extracted by mini-css-extract-plugin\nexport default {\"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\"};","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","// 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","// 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","// 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","import React, { useCallback, useEffect, useReducer } from 'react';\nimport PropTypes from 'prop-types';\nimport { isEmpty, snakeCase } from 'lodash-es';\nimport { useInView } from 'react-intersection-observer';\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 '../shared/FeedEntityContext';\nimport KudosAndCommentsContext from '../../../shared/KudosCommentsAndAchievements/KudosAndCommentsContext';\nimport {\n initKudosAndCommentsState,\n kudosAndCommentsReducer\n} from '../../../shared/KudosCommentsAndAchievements/kudosAndComments.reducer';\nimport {\n feedEntityInit,\n feedEntityReducer\n} from '../shared/feedEntity.reducer';\nimport { SET_AUTOPLAY_VIDEO_IN_VIEW } from '../shared/entity-actions';\nimport { AUTOPLAY_MARGIN_TOP } from '../../constants';\nimport CommentDeleteAlertDialog from '../../../shared/KudosCommentsAndAchievements/CommentDeleteAlertDialog';\nimport { buildInitialFeedState } from '../shared/feedEntity.init-state';\nimport { buildInitialKudosAndCommentsState } from '../../../shared/KudosCommentsAndAchievements/kudosAndComments.initial-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 undoCommentReactionsEnabled,\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 [kudosAndCommentsEntityState, dispatch] = useReducer(\n kudosAndCommentsReducer,\n buildInitialKudosAndCommentsState({\n trackAnalytics,\n comments: { [activityId]: activity.kudosAndComments.comments },\n entity: snakeCase(entity),\n entityId: activityId\n }),\n initKudosAndCommentsState\n );\n\n const [feedEntityState, feedDispatch] = useReducer(\n feedEntityReducer,\n buildInitialFeedState({\n trackAnalytics,\n entity: snakeCase(entity),\n entityId: activityId,\n isAutoplayEnabled\n }),\n feedEntityInit\n );\n\n const kudosAndCommentsProviderState = {\n kudosAndCommentsEntityState,\n dispatch,\n analyticProps\n };\n\n const feedProviderState = {\n feedEntityState,\n feedDispatch,\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 { feedEntityState } = useFeedEntityContext();\n\n return (\n \n
\n {headline}
\n{description}
\n \n\n \n
\n {joinable && (\n \n \n {/* Left Logo Badge */}\n \n \n 
\n \n \n\n {/* Right Main Body */}\n \n \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","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 '../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 { feedEntityState } = 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
\n \n {\n feedEntityState.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","// extracted by mini-css-extract-plugin\nexport default {\"entry-body\":\"GroupActivityEntry--entry-body--ZVd1f\",\"entryBody\":\"GroupActivityEntry--entry-body--ZVd1f\",\"no-achievements-and-maps-photos\":\"GroupActivityEntry--no-achievements-and-maps-photos--b5Ys1\",\"noAchievementsAndMapsPhotos\":\"GroupActivityEntry--no-achievements-and-maps-photos--b5Ys1\"};","import React, { useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { isEmpty, snakeCase } from 'lodash-es';\nimport { useInView } from 'react-intersection-observer';\n\nimport { SET_AUTOPLAY_VIDEO_IN_VIEW } from '../../shared/entity-actions';\nimport { useFeedEntityContext } from '../../shared/FeedEntityContext';\nimport { AUTOPLAY_MARGIN_TOP } from '../../../constants';\n\nimport PhotosAndMapImage from '../../shared/PhotosAndMapImage';\nimport HeaderWithOwnerMetadata from '../../shared/HeaderWithOwnerMetadata/HeaderWithOwnerMetadata';\nimport ActivityEntryBody from '../../shared/ActivityEntryBody';\nimport MaharajAchievementCelebration from '../../shared/MaharajAchievementCelebration';\nimport KudosAndComments from '../../shared/KudosAndComments';\n\nimport EntryBody from '../../shared/media/EntryBody';\nimport EntryMedia from '../../shared/media/EntryMedia';\nimport EntryFooter from '../../shared/media/EntryFooter';\n\nimport {\n viewingAthleteProps,\n photoListProps,\n statsProps,\n segAndBestEffortAchievementsProps,\n powerAndSegmentGoalAchievementsProps,\n cumulativeGoalAchievementProps\n} from '../../../props/feed-prop-types';\n\nimport styles from './GroupActivityEntry.scss';\n\nconst GroupActivityEntry = ({\n entity,\n page,\n viewingAthlete,\n photos,\n activity,\n reactionsEnabled,\n undoCommentReactionsEnabled,\n kudosAndComments,\n embedDropdownEnabled\n}) => {\n const entityOwner = {\n displayImage: activity.athlete_avatar_url,\n name: activity.athlete_name,\n memberType: activity.member_type,\n profileUrl: `/athletes/${activity.athlete_id}`,\n type: 'athlete',\n id: activity.athlete_id.toString()\n };\n\n const noAchievementsAndMapsPhotos =\n isEmpty(activity.web_achievement) &&\n (photos && isEmpty(photos[activity.entity_id]));\n\n const {\n feedEntityState: { autoPlayVideos, isAutoplayEnabled },\n feedDispatch\n } = useFeedEntityContext();\n\n //\n // Handle autoplay when activity enters area we want to trigger autoplay\n //\n const pageHeight =\n window.innerHeight || document.documentElement.clientHeight;\n const [inViewAutoPlayRef, inViewAutoPlay] = useInView({\n threshold: 0,\n rootMargin: `-${AUTOPLAY_MARGIN_TOP}px 0px -${pageHeight -\n AUTOPLAY_MARGIN_TOP}px 0px`\n });\n\n const autoPlayVideo = autoPlayVideos[activity.entity_id.toString()];\n useEffect(() => {\n if (isAutoplayEnabled && autoPlayVideo) {\n if (inViewAutoPlay) {\n autoPlayVideo.play();\n feedDispatch({\n type: SET_AUTOPLAY_VIDEO_IN_VIEW,\n payload: { autoPlayVideoInView: true }\n });\n } else {\n autoPlayVideo.pause();\n feedDispatch({\n type: SET_AUTOPLAY_VIDEO_IN_VIEW,\n payload: { autoPlayVideoInView: false }\n });\n }\n }\n }, [isAutoplayEnabled, autoPlayVideo, inViewAutoPlay, feedDispatch]);\n\n return (\n \n
\n - \n {rowData.activities.map((activity) => (\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\nReactComponentMounter.register({\n Activity,\n ChallengeJoin,\n ClubJoin,\n FancyPromo,\n FeedRouter,\n FeedMediaShowCase,\n GroupActivity,\n PerformanceGoalCreated,\n Post,\n SimplePromo\n});\n"],"names":["FeedContext","React","useFeedContext","displayName","FeedEntityContext","useFeedEntityContext","UPDATE_NUM_ENTRIES","UPDATE_IS_RESTORING_SCROLL_POSITION","TOGGLE_IS_ACTIVITY_VIDEO_MUTED","PowerAndSegmentGoalAchievements","powerAndSegmentGoalAchievements","activityId","length","href","url","className","styles","description","noWrap","content","I18n","more_goals_link","count","defaultProps","FeaturedBestEffortAchievements","segAndBestEffortAchievements","filter","elem","featured","hidden","slice","map","achievement","entry","distance_based_best_effort","push","key","activity_id","id_string","name","elapsed_time","ActivityStats","stats","Stats","listClassName","chunk","stat","Stat","value","labelClassName","label","AchievementCount","entityId","dispatch","useKudosAndCommentsContext","title","Button","variant","type","onClick","OPEN_MODAL_ACHIEVEMENTS_TAB","payload","element","selectedEntityId","size","Cldr","ActivityTextBody","activityName","ownedByCurrentAthlete","flagged","feedEntityState","useState","readMore","setReadMore","isExpandable","splitDescription","cleanDescription","trim","firstSection","substr","Math","min","lastIndexOf","handleMentionClick","e","athleteId","target","match","trackAnalytics","action","properties","clicked_athlete_id","join","element_source","ActionsFlagHighlightedXsmall","fill","colors","disableLineBreaks","transform","nodeName","innerText","tabIndex","PropTypes","ACTIVITY_LIST","CumulativeGoalAchievement","cumulativeGoalAchievement","sportType","athleteFirstName","displayKey","prefix","toLowerCase","includes","athlete","Media","children","centered","options","classNames","MediaBody","ActivityEntryBody","isEmpty","FeaturedSegmentEffortAndBestEffortAchievements","anchor_container_click_data","page","entity","athleteProfileId","feedType","index","clubId","viewingAthleteId","activityIds","inView","isNil","devLog","entityName","hash","isRestoringScrollPosition","entityState","parentLevelProperties","snakeCase","in_group","FEED_ENTRY_TYPES","source","viewing_athlete_id","rank","entity_id","club_id","profile_athlete","post_id","challenge_id","headline_activity_id","group_activity_ids","trackable_id","performance_goal_id","useCallback","childElementFields","feedAnalyticsCommonFields","category","trackV2","isFirstRenderRef","useRef","useEffect","current","client","createNetworkingClient","cache","errorState","logError","updateRitmo","elementId","path","promo","Error","post","then","response","status","error","catch","getPhotoWithMaxDimension","photoUrlHash","Object","keys","reduce","a","b","isParentFeedEntry","useInView","threshold","intersectionObserverRef","dispatchFeed","num","n","numEntries","ceil","hideAnywhereSetting","paths","units","i18nPrefix","analyticProps","useFeedIntersectionObserver","useFeedRitmoCapping","analyticsProperties","cta","hide_anywhere","useFeedAnalytics","promptImpression","ActivityDistanceNormalXsmall","ref","window","location","hideAnywhere","AchievementCelebration","text","subtitle","image","imageCaption","image_caption","src","alt","id","lines","buttons","delay","tag","Map","activityMap","isRoutable","entryTypeClassName","isVirtual","isCommute","isGroupActivity","workoutType","privacyTagKey","elements","tags","buildActivityMapTags","srcSet","ADD_AUTOPLAY_VIDEO","SET_AUTOPLAY_VIDEO_IN_VIEW","Poc","Controls","VideoItem","media","onReady","playOnHover","isAutoPlayItem","isActivityVideoMuted","isAutoplayEnabled","video","setVideo","hoverTimerRef","pause","clearTimeout","paused","preload","inViewRef","currentTime","hasStarted","posterImage","show","cx","onKeyPress","onMouseEnter","setTimeout","videojs","p","forEach","play","onMouseLeave","role","fallback","duration","videoId","photo_id","vid","controls","loop","muted","PhotoGrid","photoList","maxNumPhotosToShow","singleImageHighlighted","feedDispatch","isOpen","photoIndex","params","setParams","orderIndex","media_type","image_id","has_description","caption_escaped","order","activity_athlete_id","owner_id","video_id","photoCount","showPhotoLightbox","firstVideoId","useMemo","maxNumVideoCanAutoplay","filtered","snowplowMediaClickEvent","isImage","openLightBox","photoGridElements","highlightedImageForPosts","large","photo","photoId","caption","onTouchStart","autoPlayVideoInView","autoPlayVideo","showEnhancedTag","enhanced_photo","extraPhotos","StravaMediaLightbox","selectedPhotoIndex","onMount","data","entity_type","element_entity_type","element_entity_id","onMediaClick","onCloseRequest","photoGrid","ACTIVITY","GROUP_ACTIVITY","POST","PhotosAndMapImage","feedImageHeight","entryType","feedName","isPost","showMap","showPhotoGrid","showPost","totalNumEntryImages","ACTIVITY_MAX_PHOTO_COUNT","imagesContainerClass","imageEntriesContainerClass","containerClassNames","reject","MediaLeft","bigBadge","onSeeMoreCommentsClick","showCommentReactions","undoCommentReactionsEnabled","kudosAndCommentsEntityState","commentReactionAnalytics","buttonElement","listElement","comments","numComments","totalComments","max","comment","timeAgoTimestamp","buildTimeAgoTimestamp","timestamp","reactionsSummary","reactions_summary","hasReacted","has_reacted","commentReactionCount","reaction_count","comment_id","Avatar","avatar_url","badge","member_type","deletable","reportable","DELETE_COMMENT_START","deleteComment","CommentReaction","commentId","analyticsProps","number","MediaActions","KudosAndComments","kudosAndComments","viewingAthlete","entityOwner","entityTitle","openCommentsModalOnIconClick","showHairlineOnTop","reactionsEnabled","postCommentReactionsEnabled","canKudo","kudosCount","initialLoadHighlightedKudosers","highlightedKudosers","commentsEnabled","canKudoStatus","setCanKudoStatus","currentKudoCount","setCurrentKudoCount","showForm","setShowForm","hasKudoed","setHasKudoed","setHighlightedKudosers","showKudosCallToAction","handleAvatarGroupClick","OPEN_MODAL_KUDOS_TAB","handleClickKudoFail","onClickKudoSuccessful","prev","highlightedKudoser","avatarUrl","destination_url","display_name","show_name","concat","entityEndpoint","updateKudosEndpoint","onClickKudo","kudoPosted","components","onClickComment","OPEN_MODAL_COMMENTS_TAB","entryTypesAllowingCommentReactions","AvatarGroup","kudoer","MentionableCommentForm","autoFocus","openKudosCommentModal","isViewingCommentReactionsList","KudosCommentsAndAchievementsModal","hasOtherAthletes","feedEntityInit","parentEntityId","autoPlayVideos","feedEntityReducer","state","buildInitialFeedState","overrides","Subtitle","timestampFormat","displayDateAtTime","displayDate","showDate","showLocation","shareable","twitterUrl","embedDropdownEnabled","isEmbedModalOpen","setIsEmbedModalOpen","toggleEmbedModalOpen","event","preventDefault","Dropdown","onSelect","left","screen","width","height","open","EmbedModal","embedType","embedId","onDismiss","EntryHeader","child","HeaderWithOwnerMetadata","timeAndLocation","isBoosted","displayImage","memberType","profileUrl","SocialShareDropdownActions","ActionsStarHighlightedXsmall","icon","message","visibility","hiddenStatIndicatorString","showVisibilityMessage","sectionStyle","iconStyle","Card","forwardRef","cursorData","EntryBody","inset","impression","EntryMedia","EntryFooter","Activity","activity","athleteName","firstName","descriptionMentionedAthleteIds","mapVisPrompt","maharajAchievement","mapAndPhotos","mentioned_athletes","useReducer","kudosAndCommentsReducer","buildInitialKudosAndCommentsState","initKudosAndCommentsState","kudosAndCommentsProviderState","feedProviderState","translatedSportType","showHiddenStatIndicator","pageHeight","innerHeight","document","documentElement","clientHeight","rootMargin","AUTOPLAY_MARGIN_TOP","inViewAutoPlayRef","inViewAutoPlay","observerRes","node","KudosAndCommentsContext","ActivityIcon","CommentDeleteAlertDialog","Post","videoThumbnailIcon","bodyStyle","body","sharedContents","path_prefix","originator_id","originator_avatar_url","originator_name","parent_type","toString","is_boosted","is_sharable","twitter_url","summary","typeClass","charAt","toUpperCase","rel","thumbnail_url","videoIcon","hostname","primary_photo","urls","unique_id","can_kudo","kudos_count","highlighted_kudosers","comments_enabled","BackgroundHeaderImage","backgroundImage","PromoEntry","click","headline","ctaText","ctaUrl","baseUrl","headers","get","rowData","providerState","bodyProps","cta_action","resource","cta_text","background_image","PerformanceGoalSingleView","goalEntries","goalEntry","joinable","athlete_id","athlete_avatar_url","athlete_display_name","athlete_member_type","athlete_feed_entry_id","goal_path","iconSrc","iconUrl","iconAlt","showAllEntries","setShowAllEntries","firstGoalEntry","nextFiveGoalEntries","restOfGoalEntries","every","goal_type","goal_id","goal_entries","DOB_UPDATE_FAILED","DOB_UPDATE_REQUESTED","DOB_UPDATE_SUCCESS","MODAL_CHANGE_DATE","MODAL_CLOSE","reducer","types","gatingModal","requestInProgress","dateOfBirth","isTooYoung","currentAthlete","ageGate","dateSelected","date","FeedEntryAgeGate","minimumAge","joinUrl","joinMethod","redirectUrl","onUpdateDOB","locale","gatingConditions","joinChallengeFn","method","Date","statefulAthlete","AgeGateModal","handleModalClose","actions","handleDateSelectionChange","handleDateUpdateInProgress","handleDateUpdateSuccess","serializedDate","getFullYear","getMonth","getDate","d","toDateString","setFullYear","handleDateUpdateFailure","AthleteJoinEntry","entityUrl","entityIcon","entityMemberCount","isMember","secondaryText","labels","buttonLabelAndVariant","view","memberCountLabel","memberCountKey","disabled","openAgeGateModal","ageGateModalProps","entryState","setEntryState","Accept","joined","clickGroupHeader","onKeyDown","youngestDob","parseInt","ageGateAndJoinChallenge","logo","challenge_url","challenge_name","entry_logo_url","getIcon","displayed_icon","participant_count","challenge_joinable","challenge_ended","days_left","gating_conditions","minimum_age","join_method","join_url","virtual_race","join_button_text","EntryBlock","GroupActivityEntry","photos","athlete_name","noAchievementsAndMapsPhotos","web_achievement","owned_by_current_athlete","achievements","performance_goals","goals","athlete_firstname","GroupActivity","switchMapAndPhoto","headLineActivity","activities","headlineEntityId","mentionedAthletesByActivity","fromEntries","description_mentioned_athlete_ids","commentsByActivityId","commentsHash","entries","activity_class_name","OPEN_MODAL_OTHER_ATHLETES_TAB","noHtml","bannerImage","headlinePhoto","getActivityMap","is_routable","is_virtual","is_commute","workout_type","privacy_tag_key","avatar","club_avatar","club_name","club_url","club_verified","club_type","SportsBikeNormalXsmall","SportsRunNormalXsmall","SportsWaterNormalXsmall","clubIcon","member_count","membership","currentAthleteId","useMockData","preFetchedEntries","setEntries","hasMore","pagination","setPagination","setError","isLoading","setIsLoading","buildEndpointUrl","before","timeout","ms","Promise","resolve","loadMockData","mockData","loadEntries","isDev","fetchedEntries","err","history","useHistory","saveScrollPosition","sessionStorage","setItem","scrollY","searchParams","queryString","search","num_entries","clearScrollPosition","removeItem","getScrollPosition","getItem","Number","useFetchFeedEntries","scrollTop","useFeedScrollRestoration","performance","navigationEntries","getEntriesByType","scrollPosition","scrollTo","logMessage","useInfiniteScroll","loading","hasNextPage","onLoadMore","minBeforeEntry","minRankEntry","minBy","updated_at","computeMinCursorData","sentryRef","_","entryProps","assign","renderEntry","endMessage","Spinner","props","ReactComponentMounter","ChallengeJoin","ClubJoin","FancyPromo","FeedRouter","FeedMediaShowCase","PerformanceGoalCreated","SimplePromo"],"sourceRoot":""}\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