@clickview/lite 0.53.4 → 0.53.6-rc.0

package/dist/scripts/7293-3e6ad36a7a-lite.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scripts/7293-3e6ad36a7a-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/apps/playlists/components/playlist-list/PartialPlaylistList.tsx","file:///app/packages/libs/shared/src/apps/playlists/components/playlist-count/PlaylistCount.tsx","file:///app/packages/libs/shared/src/apps/playlists/components/playlist-list/PlaylistOwnerAvatar.tsx","file:///app/packages/libs/shared/src/apps/playlists/components/playlist-list/PlaylistItem.tsx","file:///app/packages/libs/shared/src/apps/playlists/components/playlist-list/PlaylistList.tsx","file:///app/packages/libs/shared/src/apps/subjects/components/hero-video/hero-video.scss","file:///app/packages/libs/shared/src/apps/subjects/components/hero-video/HeroVideo.tsx","file:///app/packages/libs/shared/src/components/series-tall-poster/series-tall-poster.scss","file:///app/packages/libs/shared/src/components/series-tall-poster/SeriesTallPoster.tsx","file:///app/packages/libs/shared/src/components/widgets/items/subject-widget-item/CoverPill.tsx","file:///app/packages/libs/shared/src/components/widgets/items/subject-widget-item/PartialSubjectWidgetItem.tsx","file:///app/packages/libs/shared/src/components/widgets/items/subject-widget-item/SubjectWidgetItem.tsx","file:///app/packages/libs/shared/src/components/widgets/items/subject-widget-item/EditSubjectsWidgetLink.tsx","file:///app/packages/libs/shared/src/components/widgets/items/subject-widget-item/AllSubjectsWidgetLink.tsx","file:///app/packages/libs/shared/src/enums/ClassificationStatus.ts","file:///app/packages/libs/shared/src/apps/playlists/components/playlist-list/playlist.scss","file:///app/packages/libs/shared/src/components/widgets/items/subject-widget-item/cover-pill.scss","file:///app/node_modules/react-bootstrap/esm/Row.js","file:///app/node_modules/timeago.js/esm/lang/en_US.js","file:///app/node_modules/timeago.js/esm/lang/zh_CN.js","file:///app/node_modules/timeago.js/esm/register.js","file:///app/node_modules/timeago.js/esm/utils/date.js","file:///app/node_modules/timeago.js/esm/format.js","file:///app/node_modules/timeago.js/esm/index.js"],"sourcesContent":["import * as React from 'react';\nimport { Col, Row } from 'react-bootstrap';\n\nimport styles from './playlist.scss';\n\ninterface PartialPlaylistListProps {\n  numItems?: number;\n  itemClassName?: string;\n  showHeading?: boolean;\n}\n\nPartialPlaylistList.defaultProps = {\n  numItems: 8\n};\n\nexport function PartialPlaylistList(props: PartialPlaylistListProps): JSX.Element {\n  const PARTIAL_PLAYLISTS = [...Array(props.numItems)];\n\n  const className = props.itemClassName || '';\n\n  return (\n    <>\n      {props.showHeading && <div className={`${styles.partialHeading} mb-1 partial-loading-background`} />}\n      <Row className='mx-n1 mb-n2'>\n        {PARTIAL_PLAYLISTS.map((p, idx) => (\n          <Col key={idx} xs={6} sm={4} lg={3} className={`${className} px-1 pb-2`}>\n            <div className={`${styles.playlistItem} partial-loading-background rounded-3`} />\n          </Col>\n        ))}\n      </Row>\n    </>\n  );\n}","import React from 'react';\n\nimport { Text } from 'libs/shared/components/text/Text';\nimport { Playlist } from 'libs/shared/interfaces';\n\nconst namespace = 'playlists.playlistCount';\n\nfunction getCount(playlist: Playlist): number | false {\n  if (!playlist)\n    return false;\n\n  const videos = playlist.videos?.count ?? 0;\n  const interactives = playlist.interactives?.count ?? 0;\n  const clips = playlist.clips?.count ?? 0;\n\n  return videos + interactives + clips;\n}\n\ninterface PlaylistCountProps {\n  playlist: Playlist;\n}\n\nexport function PlaylistCount(props: PlaylistCountProps): JSX.Element {\n  const count = getCount(props.playlist);\n\n  if (count === false || Number.isNaN(count))\n    return <></>;\n\n  return (\n    <span className='text-shadow font-size-sm'>\n      <Text namespace={namespace} phrase='count' options={{ smartCount: count }} />\n    </span>\n  );\n}","import * as React from 'react';\n\nimport { Avatar } from 'libs/shared/components/avatar/Avatar';\nimport { ClickViewAvatar } from 'libs/shared/components/clickview-avatar/ClickViewAvatar';\nimport { CurrentUser, Playlist } from 'libs/shared/interfaces';\nimport { UserHelper } from 'libs/shared/utils/UserHelper';\n\ninterface PlaylistOwnerAvatarProps {\n  playlist: Playlist;\n  imageCdnUrl: string;\n  currentUser?: CurrentUser;\n}\n\nexport function PlaylistOwnerAvatar(props: PlaylistOwnerAvatarProps): JSX.Element {\n  const { _liteOwner } = props.playlist;\n\n  if (props.playlist._isClickViewCurated?.value)\n    return (\n      <ClickViewAvatar />\n    );\n\n  if (!_liteOwner?.id || !props.currentUser?.id)\n    return <></>;\n\n  const currentUserIsOwner = _liteOwner.id.toString() === props.currentUser.id.toString();\n\n  if (currentUserIsOwner)\n    return <></>;\n\n  const url = typeof _liteOwner.avatar === 'string' ? _liteOwner.avatar : _liteOwner.avatar?.url;\n\n  return (\n    <Avatar\n      imageUrl={url}\n      imageCdnUrl={props.imageCdnUrl}\n      initials={UserHelper.getInitials(_liteOwner.name, _liteOwner.surname)}\n    />\n  );\n}","import * as React from 'react';\nimport { format } from 'timeago.js';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\n\nimport { AnalyticsOptions, EntityType, HashObject } from 'libs/analytics/interfaces';\n\nimport { PlaylistCount } from 'libs/shared/apps/playlists/components/playlist-count/PlaylistCount';\nimport { PlaylistOwnerAvatar } from 'libs/shared/apps/playlists/components/playlist-list/PlaylistOwnerAvatar';\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { AudienceLabel } from 'libs/shared/components/audience-label/AudienceLabel';\nimport { BaseImage } from 'libs/shared/components/image/BaseImage';\nimport { ImageFallback, ImageFallbackType } from 'libs/shared/components/image/ImageFallback';\nimport { ImageSize, ResizeType } from 'libs/shared/enums/Images';\nimport { useMergeAudiences } from 'libs/shared/hooks/UseMergeAudiences';\nimport { CurrentUser, Playlist, PresentationAudience } from 'libs/shared/interfaces';\nimport { getBgColorClass } from 'libs/shared/utils/getBgColorClass';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\n\nimport styles from './playlist.scss';\n\nconst namespace = 'playlists.playlistList';\n\nexport type PlaylistItemStyle = 'square' | 'round' | 'round-left';\n\nexport interface PlaylistItemProps {\n  data: Playlist;\n  appLink: Core.AppLink;\n  currentUser?: CurrentUser;\n  presentationAudiences?: PresentationAudience[];\n  bgColourClassNames?: string[];\n  titleClassName?: string;\n  imageCdnUrl?: string;\n  itemStyle?: PlaylistItemStyle;\n  showCount?: boolean;\n  showOwner?: boolean;\n  showFallbackImage?: boolean;\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n  audienceLabelClass?: string;\n}\n\nPlaylistItem.defaultProps = {\n  itemStyle: 'square'\n};\n\nexport function PlaylistItem(props: PlaylistItemProps): JSX.Element {\n  const imageUrl = ImageHelper.createUrl(props.data.cover && props.data.cover.url, {\n    size: ImageSize.Medium,\n    resizeType: ResizeType.Cover\n  });\n\n  const audiences = props.data.subjectPresentationAudiences &&\n    props.data.subjectPresentationAudiences.data;\n\n  const mergedAudience = useMergeAudiences(audiences, props.presentationAudiences);\n\n  let className = styles.playlistItem;\n\n  const showImage = !!imageUrl || !!props.showFallbackImage;\n\n  if (showImage)\n    className += ` ${styles.playlistItemGradient}`;\n\n  if (!showImage && props.bgColourClassNames)\n    className += ` ${styles.playlistItem} ${getBgColorClass(props.data.name, props.bgColourClassNames)}`;\n\n  if (props.itemStyle === 'round')\n    className += ` rounded-3 overflow-hidden`;\n\n  if (props.itemStyle === 'round-left')\n    className += ` rounded-start-lg overflow-hidden`;\n\n  const analyticsData = { ...props.analyticsData,\n    id: props.data?.id,\n    name: props.data?.name\n  };\n\n  const analyticsOptions = {\n    ...props.analyticsOptions,\n    entity: EntityType.Playlist\n  };\n\n  const getTitle = () => {\n    if (!props.data.contentModifiedDate || props.data._isClickViewCurated?.value)\n      return '';\n\n    return LanguageService.getPhrase(namespace, 'lastUpdated', {\n      timeago: format(DateHelper.convertUTCToLocal(props.data.contentModifiedDate))\n    });\n  };\n\n  return (\n    <AppLink\n      appLink={props.appLink}\n      analyticsData={analyticsData}\n      analyticsOptions={analyticsOptions}\n      title={getTitle()}\n    >\n      <BaseImage data={imageUrl} alt={props.data.name} className={className}>\n        {!!props.showFallbackImage && <ImageFallback type={ImageFallbackType.Playlist} />}\n        <div className={`text-white ${styles.playlistMetadata}`}>\n          {!!props.showCount && (\n            <PlaylistCount playlist={props.data} />\n          )}\n          <h5 className={`mb-0 ${props.titleClassName || ''}`}><span className='text-shadow clamp-2'>{props.data.name}</span></h5>\n          {!!audiences && !!audiences.length && !!mergedAudience &&\n            <AudienceLabel\n              className={`${props.audienceLabelClass ? props.audienceLabelClass : ''} mt-1`}\n              audience={mergedAudience}\n              border='white'\n            />\n          }\n        </div>\n        {!!props.showOwner && !!props.imageCdnUrl &&\n          <div className={styles.ownerAvatarContainer}>\n            <PlaylistOwnerAvatar\n              playlist={props.data}\n              currentUser={props.currentUser}\n              imageCdnUrl={props.imageCdnUrl}\n            />\n          </div>\n        }\n      </BaseImage>\n    </AppLink>\n  );\n}","import * as React from 'react';\nimport { Col, Row } from 'react-bootstrap';\n\nimport { Core } from 'libs/common/core';\n\nimport { AnalyticsOptions, ClickDescriptor, EntityType, HashObject, LocationContext, UserAction } from 'libs/analytics/interfaces';\n\nimport { CurrentUser, Playlist, PresentationAudience } from 'libs/shared/interfaces';\n\nimport { PlaylistItem, PlaylistItemStyle } from './PlaylistItem';\n\ninterface PlaylistListProps {\n  playlists: Playlist[];\n  getPlaylistAppLink: (playlist: Playlist) => Core.AppLink;\n  currentUser?: CurrentUser;\n  presentationAudiences?: PresentationAudience[];\n  itemContainerClassName?: string;\n  itemTitleClassName?: string;\n  bgColourClassNames?: string[];\n  itemStyle?: PlaylistItemStyle;\n  imageCdnUrl?: string;\n  showCount?: boolean;\n  showOwner?: boolean;\n  showFallbackImage?: boolean;\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n  extraPlaylistItem?: JSX.Element;\n}\n\nconst analyticsOptions: AnalyticsOptions = {\n  actionType: UserAction.Click,\n  entity: EntityType.Playlist,\n  location: LocationContext.PlaylistListItem,\n  descriptor: ClickDescriptor.Cover\n};\n\nexport function PlaylistList(props: PlaylistListProps): JSX.Element {\n  return (\n    <Row as='ul' className='list-unstyled mx-n1'>\n      {props.extraPlaylistItem && (\n        <Col as='li' key='extra-playlist-item' xs={6} sm={4} lg={3} className={`mb-2 px-1 ${props.itemContainerClassName ? props.itemContainerClassName : ''}`}>\n          {props.extraPlaylistItem}\n        </Col>\n      )}\n\n      {props.playlists.map(p => (\n        <Col as='li' key={p.id} xs={6} sm={4} lg={3} className={`mb-2 px-1 ${props.itemContainerClassName ? props.itemContainerClassName : ''}`}>\n          <PlaylistItem\n            data={p}\n            appLink={props.getPlaylistAppLink(p)}\n            imageCdnUrl={props.imageCdnUrl}\n            currentUser={props.currentUser}\n            presentationAudiences={props.presentationAudiences}\n            bgColourClassNames={props.bgColourClassNames}\n            showCount={props.showCount}\n            showOwner={props.showOwner}\n            showFallbackImage={props.showFallbackImage}\n            titleClassName={props.itemTitleClassName}\n            itemStyle={props.itemStyle}\n            analyticsData={props.analyticsData}\n            analyticsOptions={{ ...props.analyticsOptions, ...analyticsOptions }}\n          />\n        </Col>\n      ))}\n    </Row>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"partialHeroThumbnail\":\"z0_Sm\",\"partialSeriesText\":\"xuWtC\",\"partialVideoTitleText\":\"fXYdC\",\"partialBadge\":\"FlUpr\",\"partialDescription\":\"YgWxP\",\"partialSubject\":\"QBKwQ\",\"partialHeading\":\"S__E9\",\"guidance\":\"Ax9h2\",\"responsiveGuidance\":\"s3W_4\",\"description\":\"zejMP\",\"details\":\"MRyVe\"};","import React from 'react';\nimport { Col, Row } from 'react-bootstrap';\n\nimport { Core } from 'libs/common/core';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { AnalyticsOptions, HashObject, LocationContext } from 'libs/analytics/interfaces';\n\nimport { AudienceLabel } from 'libs/shared/components/audience-label/AudienceLabel';\nimport { Badge, BadgeType } from 'libs/shared/components/badges/Badge';\nimport { BadgeListContainer } from 'libs/shared/components/badges/BadgeListContainer';\nimport { VideoThumbnail } from 'libs/shared/components/thumbnails/video/VideoThumbnail';\nimport { VideoItemGuidance } from 'libs/shared/components/video-list/components/video-guidance/VideoItemGuidance';\nimport { VideoItemActions } from 'libs/shared/components/video-list/components/video-item-actions/VideoItemActions';\nimport { VideoItemTitle } from 'libs/shared/components/video-list/components/video-item-title/VideoItemTitle';\nimport { VideoSubText, VideoSubTextType } from 'libs/shared/components/video-sub-text/VideoSubText';\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { ThumbnailTextPosition } from 'libs/shared/enums/ThumbnailTextPosition';\nimport { useMergeAudiences } from 'libs/shared/hooks/UseMergeAudiences';\nimport { CanFavouriteFunc, FavouriteFunc, PresentationAudience, Video, YearGroup } from 'libs/shared/interfaces';\nimport { GetVideoAppLinkOptions } from 'libs/shared/interfaces/VideoAppLinkOptions';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport styles from './hero-video.scss';\n\ninterface HeroVideoProps {\n  video: Video;\n  presentationAudiences: PresentationAudience[];\n  showVideoGuidance: boolean;\n  getVideoAppLink: (video: Video, opts: GetVideoAppLinkOptions) => Core.AppLink;\n  subTextAppLink: Core.AppLink;\n  hideInteractiveBadge?: boolean;\n  setFavourite?: FavouriteFunc;\n  canFavourite?: CanFavouriteFunc;\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n  newDurationStyle?: boolean;\n  badgePosition?: 'thumbnail' | 'info-panel';\n  yearGroups: YearGroup[];\n  companyLogoFallbackUrl?: string;\n  subTextType?: VideoSubTextType;\n  imageCdnUrl: string;\n  isPlugin: boolean;\n  getInteractiveGuidanceAppLink?: (id: string, type: MasterType) => Core.AppLink;\n  getResourceGuidanceAppLink?: (id: string, type: MasterType) => Core.AppLink;\n  getClassroomGuideAppLink?: (id: string, type: MasterType) => Core.AppLink;\n}\n\nHeroVideo.defaultProps = {\n  newDurationStyle: true,\n  badgePosition: 'thumbnail'\n};\n\nexport function HeroVideo(props: HeroVideoProps): JSX.Element {\n  const { video, presentationAudiences, getVideoAppLink, subTextAppLink, hideInteractiveBadge } = props;\n\n  const videoAudiences = video?.subjectPresentationAudiences?.data;\n  const mergedAudience = useMergeAudiences(videoAudiences, presentationAudiences);\n\n  const analyticsOptions = AnalyticsHelper.mergeOptions(props.analyticsOptions, {\n    location: LocationContext.ClassificationHero,\n    entity: VideoHelper.getAnalyticsEntity(video)\n  });\n\n  const containerRef = React.useRef();\n  \n  if (!video)\n    return <></>;\n\n  return (\n    <Row>\n      <Col xs={12} md={6}>\n        <div ref={containerRef} >\n          <VideoThumbnail\n            analyticsData={props.analyticsData}\n            analyticsOptions={analyticsOptions}\n            video={video}\n            appLink={getVideoAppLink?.(props.video, {})}\n            imageOptions={{ size: ImageSize.Medium }}\n            textPosition={ThumbnailTextPosition.Independent}\n            type='static'\n            setFavourite={props.setFavourite}\n            canFavourite={props.canFavourite}\n            audience={props.badgePosition === 'thumbnail' ? mergedAudience : null}\n            newDurationStyle={props.newDurationStyle}\n            hideRating={props.badgePosition === 'thumbnail' ? !!mergedAudience : true}\n            companyLogoFallbackUrl={props.companyLogoFallbackUrl}\n            subTextType='none'\n            imageCdnUrl={props.imageCdnUrl}\n            isPlugin={props.isPlugin}\n          />\n        </div>\n      </Col>\n      <Col xs={12} md={6} className={`${styles.details} position-relative`}>\n        <div className='d-flex justify-content-between'>\n          <div>\n            <VideoSubText\n              type={props.subTextType}\n              analyticsData={props.analyticsData}\n              analyticsOptions={analyticsOptions}\n              video={video}\n              appLink={subTextAppLink}\n              className='text-reset'\n            />\n            <VideoItemTitle\n              video={video}\n              analyticsData={props.analyticsData}\n              analyticsOptions={analyticsOptions}\n              appLink={getVideoAppLink?.(props.video, {})}\n              textClassName='h4'\n              yearGroups={props.yearGroups}\n            />\n          </div>\n          <VideoItemActions\n            analyticsData={props.analyticsData}\n            analyticsOptions={analyticsOptions}\n            video={video}\n          />\n        </div>\n\n        {props.badgePosition === 'info-panel' && (\n          <BadgeListContainer className='pb-1'>\n            {!hideInteractiveBadge && <Badge type={ BadgeType.Interactive } data={video.interactives} />}\n            <Badge type={ BadgeType.Rating } data={video.rating} />\n            <Badge type={ BadgeType.ProductionYear } data={video.productionYear} />\n          </BadgeListContainer>\n        )}\n\n        <p className='mb-1'><span className={styles.description}>{video.description}</span></p>\n        \n        {props.badgePosition === 'info-panel' && (\n          <AudienceLabel\n            audience={mergedAudience}\n            className='mt-1'\n            border='dark'\n          />\n        )}\n\n        {props.showVideoGuidance && (\n          <VideoItemGuidance\n            getClassroomGuideAppLink={props.getClassroomGuideAppLink}\n            getResourceGuidanceAppLink={props.getResourceGuidanceAppLink}\n            getInteractiveGuidanceAppLink={props.getInteractiveGuidanceAppLink}\n            video={video}\n            analyticsData={props.analyticsData}\n            analyticsOptions={analyticsOptions}\n            containerClassName={`d-flex ${styles.guidance}`}\n            responsiveClassName={styles.responsiveGuidance}\n          />\n        )}\n      </Col>\n    </Row>\n  );\n}\n\nexport function PartialHeroVideo(): JSX.Element {\n  return (\n    <>\n      <div className={`partial-loading-background mb-2 ${styles.partialHeading}`} />\n      <div className='row pb-3'>\n        <div className='col-6 p1'>\n          <div className={`${styles.partialHeroThumbnail} partial-loading-background rounded-3`}></div>\n        </div>\n        <div className='col-6 p1'>\n          <div className={`partial-loading-background mb-1 ${styles.partialSeriesText}`}></div>\n          <div className={`partial-loading-background my-1 ${styles.partialVideoTitleText}`}></div>\n          <div className='d-flex'>\n            <div className={`partial-loading-background my-1 me-1 ${styles.partialBadge}`}></div>\n            <div className={`partial-loading-background my-1 ms-1 ${styles.partialBadge}`}></div>\n          </div>\n          <div className={`partial-loading-background my-1 ${styles.partialDescription}`}></div>\n          <div className={`partial-loading-background mt-2 ${styles.partialSubject}`}></div>\n        </div>\n      </div>\n    </>\n  );\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"labelContainer\":\"ieonz\",\"hoverActive\":\"vqHCl\",\"mask\":\"qEOPN\",\"largeHoverTitle\":\"ZYApF\",\"smallHoverTitle\":\"qcfHO\",\"description\":\"jnkdI\",\"largeHoverDescription\":\"Uh4gM\",\"hasTableOfContents\":\"RdHkK\",\"smallHoverDescription\":\"TiqqV\"};","import React from 'react';\n\nimport { AudienceLabel } from 'libs/shared/components/audience-label/AudienceLabel';\nimport { Badge, BadgeType } from 'libs/shared/components/badges/Badge';\nimport { BaseImage } from 'libs/shared/components/image/BaseImage';\nimport { ImageFallback, ImageFallbackType } from 'libs/shared/components/image/ImageFallback';\nimport { ImageSize, ImageType } from 'libs/shared/enums/Images';\nimport { useHoverIntent } from 'libs/shared/hooks/UseHover';\nimport { useMergeAudiences } from 'libs/shared/hooks/UseMergeAudiences';\nimport { PresentationAudience, Series } from 'libs/shared/interfaces';\n\nimport styles from './series-tall-poster.scss';\n\ninterface SeriesTallPosterHoverOverlay {\n  series: Series;\n  mergedAudience: PresentationAudience;\n  isSmall?: boolean;\n  hasTableOfContents?: boolean;\n}\n\nfunction SeriesTallPosterHoverOverlay(props: SeriesTallPosterHoverOverlay): JSX.Element {\n  return (\n    <div className={`py-3 mx-2 px-2 rounded bg-white text-center ${styles.mask} d-flex flex-column`}>\n      <h3 className={`fw-semibold mb-0 ${styles.hoverTitle} ${props.isSmall ? styles.smallHoverTitle : styles.largeHoverTitle}`}>\n        <span className='clamp-3'>\n          {props.series.name}\n        </span>\n      </h3>\n\n      {!!props.series.description && (\n        <p className={`${props.hasTableOfContents ? styles.hasTableOfContents : ''} ${styles.hoverDescription} ${props.isSmall ? styles.smallHoverDescription : styles.largeHoverDescription} mb-0`}>{props.series.description}</p>\n      )}\n\n      {props.mergedAudience\n        ? <AudienceLabel audience={props.mergedAudience} border='dark' className='mt-2'/>\n        : <Badge type={BadgeType.Rating} data={props.series.rating} className='mt-2' />\n      }\n    </div>\n\n  );\n}\n\ninterface SeriesTallPosterMaskProps {\n  series: Series;\n  presentationAudiences: PresentationAudience[];\n  preloadImage: boolean;\n  imageClass?: string;\n  isSmall?: boolean;\n  hasTableOfContents?: boolean;\n}\n\nexport function SeriesTallPoster(props: SeriesTallPosterMaskProps): JSX.Element {\n  const [ hoverRef, isHovering ] = useHoverIntent<HTMLDivElement>({ className: styles.hoverActive });\n  \n  const audiences = props.series && props.series.subjectPresentationAudiences &&\n    props.series.subjectPresentationAudiences.data || [];\n\n  const mergedAudience = useMergeAudiences(audiences, props.presentationAudiences);\n  const displayAudience = !!(audiences && audiences.length && mergedAudience);\n\n  return (\n    <div ref={hoverRef}>\n      <BaseImage\n        data={props.series.tallPoster}\n        alt={props.series.name}\n        imageType={ImageType.TallPosters}\n        preload={props.preloadImage}\n        imageOptions={{ size: ImageSize.Large }}\n        imageClassName={props.imageClass ? props.imageClass : 'rounded-3'}\n      >\n        {isHovering && (\n          <SeriesTallPosterHoverOverlay\n            isSmall={props.isSmall}\n            series={props.series}\n            mergedAudience={audiences && audiences.length ? mergedAudience : null}\n            hasTableOfContents={props.hasTableOfContents}\n          />\n        )}\n   \n        <ImageFallback type={ImageFallbackType.Series} />\n        <div className={`position-absolute text-white text-shadow ${styles.labelContainer}`}>\n          {displayAudience\n            ? <AudienceLabel audience={mergedAudience} border='white' />\n            : <Badge type={BadgeType.Rating} data={props.series.rating} />\n          }\n        </div>\n      </BaseImage>\n    </div>\n  );\n}\n","import * as React from 'react';\n\nimport { Core } from 'libs/common/core';\nimport { RandomHelper } from 'libs/common/react/utils/RandomHelper';\n\nimport { AnalyticsOptions, HashObject } from 'libs/analytics/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { IconCircle } from 'libs/shared/components/icon-circle/IconCircle';\nimport { ImageFallback, ImageFallbackType } from 'libs/shared/components/image/ImageFallback';\nimport { SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { BaseObject, Classification, Presentation } from 'libs/shared/interfaces';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\nimport { MasterTypeHelper } from 'libs/shared/utils/MasterTypeHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport styles from './cover-pill.scss';\n\nconst namespace = 'shared.subjectWidgetItem';\n\ninterface NamePanelProps {\n  name: string;\n  multiline?: boolean;\n  subtitle?: string;\n  noUnderLine?: boolean;\n  newVideosCount?: number;\n}\n\nconst ComingSoonNamePanel = ({ name, multiline, noUnderLine }: NamePanelProps) => {\n  let wrapperClassName = `${styles.comingSoonPanel} \n    d-flex flex-column align-items-center justify-content-center px-3 text-center`;\n\n  let textClassName = '';\n\n  if (!multiline) {\n    wrapperClassName += ' text-nowrap';\n    textClassName += ' text-truncate';\n  } else {\n    textClassName += ` ${styles.clamped} clamp-2`;\n  }\n\n  return (\n    <div className={wrapperClassName}>\n      <small className='text-secondary'><Text namespace={namespace} phrase='comingSoon' /></small>\n      <p className={`${noUnderLine ? '' : styles.name} h6`}><span className={textClassName}>{name}</span></p>\n    </div>\n  );\n};\n\nconst NormalNamePanel = ({ name, multiline, subtitle, noUnderLine, newVideosCount }: NamePanelProps) => {\n  let wrapperClassName = 'px-3 d-flex flex-column justify-content-center';\n  let textClassName = `${noUnderLine ? '' : styles.name} h6`;\n\n  if (!multiline) {\n    wrapperClassName += ' text-nowrap text-truncate';\n    textClassName += ' text-truncate mb-0 pb-1';\n  } else {\n    textClassName += ` ${newVideosCount ? 'clamp-2' : 'clamp-3'} text-start`;\n  }\n\n  return (\n    <div className={wrapperClassName}>\n      {subtitle && <div className={`text-secondary clamp-1 ${styles.text}`}>{subtitle}</div>}\n      <div className={textClassName} title={name}>{name}</div>\n      {!!newVideosCount && (\n        <div className={`fw-semibold d-inline-block rounded-pill px-2 mt-1 bg-light-green w-fit h-fit text-green ${styles.newVideos}`}>\n          <Text namespace={namespace} phrase='newVideos' options={{ smartCount: newVideosCount }} />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport interface CoverPillWidgetItemProps<T extends BaseObject> {\n  data: T;\n  getChildAppLink?: (data: T) => Core.AppLink;\n  getChildAppLinkOptions?: () => Core.AppLinkOptions;\n  isLarge?: boolean;\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n  availablePresentations?: Presentation[];\n  getSubtitle?: (data: T) => string;\n  multiline?: boolean;\n  // set to true it will highlight on hover and also remove the hover text underline\n  highlightOnHover?: boolean;\n  showNewVideosCount?: boolean;\n}\n\ninterface CoverPillWidgetContentProps<T> extends CoverPillWidgetItemProps<T> {\n  coverUrl?: string;\n  subtitle?: string;\n  isComingSoon?: boolean;\n  className?: string;\n  imageClassName?: string;\n  isSelected?: boolean;\n  hideFallback?: boolean;\n  hideCheckmark?: boolean;\n}\n\nexport function CoverPillWidgetContent(props: CoverPillWidgetContentProps<BaseObject>): JSX.Element {\n  const coverUrl = ImageHelper.createUrl(props.coverUrl, { size: props.isLarge ? ImageSize.Medium : ImageSize.Small });\n\n  let classification: Classification | undefined = undefined;\n  if (MasterTypeHelper.isClassification(props.data)) {\n    classification = props.data;\n  }\n\n  const childProps = {\n    name: props.data.name,\n    multiline: props.isLarge || props.multiline,\n    subtitle: props.subtitle,\n    noUnderLine: props.highlightOnHover,\n    newVideosCount:  props.showNewVideosCount ? classification?.externalMetadata?.childDashboardNewVideoCount : 0\n  };\n\n  return (\n    <div\n      className={`border d-flex position-relative ${props.className} ${styles.widgetItem} ${props.isSelected ? 'border-success border-2' : ''} ${props.highlightOnHover ? 'bg-light-blue-hover' : ''}`}\n      id={`${props.data.id}-${RandomHelper.getRandomInt()}`}\n    >\n      {props.isSelected && (\n        <div className={`${styles.selectedMask} border-2`} />\n      )}\n\n      <div className={`${styles.imagePanel} ${props.isLarge ? styles.large : ''}`}>\n        {props.isSelected && !props.hideCheckmark && (\n          <div className={styles.selected}>\n            <IconCircle svgName={cvSvgLibrary.Check} svgSize={SvgContainerSize.Large} textVariant='white' variant='green' />\n          </div>\n        )}\n\n        <div\n          className={`${styles.image} ${props.imageClassName}`}\n          style={props.coverUrl ? { backgroundImage: `url('${coverUrl}')` } : {}}\n        />\n        {!props.hideFallback && (\n          <ImageFallback\n            type={ImageFallbackType.Subject}\n            extraClasses={props.isLarge ? styles.large : ''}\n          />\n        )}\n      </div>\n\n      {props.isComingSoon\n        ? <ComingSoonNamePanel {...childProps} />\n        : <NormalNamePanel {...childProps} />\n      }\n    </div>\n  );\n}\n\nexport function CoverPillWidgetContentWrapper(props: CoverPillWidgetContentProps<BaseObject>) {\n  const appLink = props.getChildAppLink ? props.getChildAppLink(props.data) : null;\n\n  return (\n    <>\n      {appLink ? (\n        <AppLink\n          className={styles.appLink}\n          appLink={appLink}\n          analyticsData={props.analyticsData}\n          analyticsOptions={props.analyticsOptions}\n          appLinkOptions={props.getChildAppLinkOptions?.()}\n        >\n          <CoverPillWidgetContent {...props} />\n        </AppLink>\n      ) : (<CoverPillWidgetContent {...props} />)\n      }\n    </>\n  );\n}","import * as React from 'react';\n\nimport { RandomHelper } from 'libs/common/react/utils/RandomHelper';\n\nimport { ImageFallback, ImageFallbackType } from 'libs/shared/components/image/ImageFallback';\n\nimport styles from './cover-pill.scss';\n\nexport const PartialSubjectWidgetItem = () => {\n  const [width] = React.useState(RandomHelper.getRandomInt(5) + 3 + 'rem');\n\n  return (\n    <div className={`border d-flex position-relative me-2 ${styles.widgetItem}`}>\n      <div className={styles.imagePanel} />\n      <div className='px-2' style={{ width }} />\n      <div className={styles.partialIcon}>\n        <ImageFallback type={ImageFallbackType.Subject} />\n      </div>\n    </div>\n  );\n};\n\nexport const PartialLargeSubjectWidgetItem = () => {\n  return (\n    <div className={`border d-flex position-relative me-2 ${styles.widgetItem}`}>\n      <div className={`${styles.partialLargeImage}`} />\n      <div className='px-2' />\n      <div className={styles.partialIcon}>\n        <ImageFallback type={ImageFallbackType.Subject} extraClasses={styles.partialLargeFallback} />\n      </div>\n    </div>\n  );\n};","import * as React from 'react';\n\nimport { ClickDescriptor, EntityType, LocationContext, UserAction } from 'libs/analytics/interfaces';\n\nimport { CoverPillWidgetContentWrapper, CoverPillWidgetItemProps } from 'libs/shared/components/widgets/items/subject-widget-item/CoverPill';\nimport { TopicsConstants } from 'libs/shared/constants/TopicsConstants';\nimport { ClassificationStatus } from 'libs/shared/enums/ClassificationStatus';\nimport { Classification, Presentation } from 'libs/shared/interfaces';\n\nfunction usePresentationName(presentationId: string, availablePresentations: Presentation[]): string {\n  const showPresentationName = availablePresentations?.length >= TopicsConstants.MULTI_PRESENTATION_THRESHOLD;\n\n  if (!showPresentationName) {\n    return undefined;\n  }\n\n  return availablePresentations?.find(p => p.id === presentationId)?.name;\n}\n\nfunction SubjectWidgetItem(props: CoverPillWidgetItemProps<Classification>): JSX.Element {\n  const isComingSoon = props.data?.status === ClassificationStatus.ComingSoon;\n  const presentationName = usePresentationName(props.data.presentationId, props?.availablePresentations);\n\n  const analyticsData = {\n    ...props.analyticsData,\n    id: props.analyticsData?.id || props.data?.id,\n    name: props.data?.name,\n    presentationId: props.analyticsData?.presentationId || props.data.presentationId,\n    comingSoon: !!isComingSoon\n  };\n\n  const analyticsOptions = {\n    location: LocationContext.ClassificationListItem,\n    entity: EntityType.Classification,\n    ...props.analyticsOptions,\n    actionType: UserAction.Click,\n    descriptor: ClickDescriptor.Cover\n  };\n\n  return (\n    <CoverPillWidgetContentWrapper\n      {...props}\n      analyticsData={analyticsData}\n      analyticsOptions={analyticsOptions}\n      coverUrl={props.data.cover?.url}\n      subtitle={props.getSubtitle?.(props.data) || presentationName}\n      isComingSoon={isComingSoon}\n    />\n  );\n}\n\nconst Memoized = React.memo(SubjectWidgetItem);\n\nexport { Memoized as SubjectWidgetItem };","import * as React from 'react';\n\nimport { Core } from 'libs/common/core';\n\nimport { AnalyticsOptions, ClickDescriptor, EntityType, HashObject, UserAction } from 'libs/analytics/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport styles from './cover-pill.scss';\n\ninterface EditSubjectsWidgetLinkProps {\n  appLink: Core.AppLink;\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n}\n\nconst analyticsOptions: AnalyticsOptions = {\n  actionType: UserAction.Click,\n  entity: EntityType.UserSetting,\n  descriptor: ClickDescriptor.Tile\n};\n\nexport function EditSubjectsWidgetLink(props: EditSubjectsWidgetLinkProps): JSX.Element {\n  const className =\n    `${styles.editSubjectsItem} d-flex position-relative px-3 justify-content-center align-items-center`;\n\n  return (\n    <AppLink\n      appLink={props.appLink}\n      className='text-decoration-none'\n      analyticsData={{ ...props.analyticsData, type: 'subject-preference' }}\n      analyticsOptions={ { ...props.analyticsOptions, ...analyticsOptions }}\n    >\n      <div className={className}>\n        <SvgContainer svgName={cvSvgLibrary.Edit} className='me-2 align-middle d-inline-block svg-container' />\n        <p className='h6 align-middle text-truncate'><Text namespace='shared.subjectWidgetItem' phrase='edit' /></p>\n      </div>\n    </AppLink>\n  );\n}","import * as React from 'react';\n\nimport { Core } from 'libs/common/core';\n\nimport { AnalyticsOptions, ClickDescriptor, EntityType, HashObject, UserAction } from 'libs/analytics/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { ClickViewLogoInverted } from 'libs/shared/components/svgs/clickview-logo/ClickViewLogo';\nimport { Text } from 'libs/shared/components/text/Text';\n\nimport styles from './cover-pill.scss';\n\ninterface AllSubjectsWidgetLinkProps {\n  appLink: Core.AppLink;\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n}\n\nconst analyticsOptions: AnalyticsOptions = {\n  actionType: UserAction.Click,\n  entity: EntityType.Url,\n  descriptor: ClickDescriptor.Tile\n};\n\nexport function AllSubjectsWidgetLink(props: AllSubjectsWidgetLinkProps): JSX.Element {\n  const className =\n    `${styles.allSubjectsItem}\n    d-flex flex-column position-relative px-2\n    align-items-center justify-content-center text-nowrap bg-navy`;\n\n  return (\n    <AppLink\n      appLink={props.appLink}\n      className='text-decoration-none'\n      analyticsData={{ ...props.analyticsData, type: 'subject-all' }}\n      analyticsOptions={ { ...props.analyticsOptions, ...analyticsOptions }}\n    >\n      <div className={className}>\n        <div className={styles.logoContainer}>\n          <ClickViewLogoInverted />\n        </div>\n        <p className='h6 pt-2 px-3 mb-0'><Text namespace='shared.subjectWidgetItem' phrase='all' /></p>\n      </div>\n    </AppLink>\n  );\n}\n","// Maps to enum in SubjectApi but uses the\n// key rather than the value as SubjectsApi returns the key.\nexport enum ClassificationStatus {\n  Draft = 'Draft',\n  ComingSoon = 'ComingSoon',\n  Published = 'Published'\n}","// extracted by mini-css-extract-plugin\nexport default {\"playlistItem\":\"CaRJx\",\"playlistItemGradient\":\"BI7p2\",\"playlistMetadata\":\"eDk1l\",\"partialHeading\":\"w4lWh\",\"ownerAvatarContainer\":\"JImqE\"};","// extracted by mini-css-extract-plugin\nexport default {\"appLink\":\"fFjKN\",\"name\":\"A_by9\",\"selectedMask\":\"xSQtR\",\"widgetItem\":\"Ys9W_\",\"text\":\"JfAoy\",\"imagePanel\":\"aUNDc\",\"partialLargeImage\":\"RuLxv\",\"selected\":\"BViJb\",\"image\":\"LkTep\",\"dragHandle\":\"CJqvP\",\"large\":\"R5clw\",\"comingSoonPanel\":\"Wa2PG\",\"newVideos\":\"s61h8\",\"editSubjectsItem\":\"gGNFD\",\"allSubjectsItem\":\"IHdlJ\",\"logoContainer\":\"Nzaes\",\"draggingItem\":\"zUOye\",\"partialLargeFallback\":\"FmJP9\",\"partialIcon\":\"sdZuo\"};","\"use client\";\n\nimport classNames from 'classnames';\nimport * as React from 'react';\nimport { useBootstrapPrefix, useBootstrapBreakpoints, useBootstrapMinBreakpoint } from './ThemeProvider';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst Row = /*#__PURE__*/React.forwardRef(({\n  bsPrefix,\n  className,\n  // Need to define the default \"as\" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595\n  as: Component = 'div',\n  ...props\n}, ref) => {\n  const decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'row');\n  const breakpoints = useBootstrapBreakpoints();\n  const minBreakpoint = useBootstrapMinBreakpoint();\n  const sizePrefix = `${decoratedBsPrefix}-cols`;\n  const classes = [];\n  breakpoints.forEach(brkPoint => {\n    const propValue = props[brkPoint];\n    delete props[brkPoint];\n    let cols;\n    if (propValue != null && typeof propValue === 'object') {\n      ({\n        cols\n      } = propValue);\n    } else {\n      cols = propValue;\n    }\n    const infix = brkPoint !== minBreakpoint ? `-${brkPoint}` : '';\n    if (cols != null) classes.push(`${sizePrefix}${infix}-${cols}`);\n  });\n  return /*#__PURE__*/_jsx(Component, {\n    ref: ref,\n    ...props,\n    className: classNames(className, decoratedBsPrefix, ...classes)\n  });\n});\nRow.displayName = 'Row';\nexport default Row;","var EN_US = ['second', 'minute', 'hour', 'day', 'week', 'month', 'year'];\nexport default function (diff, idx) {\n    if (idx === 0)\n        return ['just now', 'right now'];\n    var unit = EN_US[Math.floor(idx / 2)];\n    if (diff > 1)\n        unit += 's';\n    return [diff + \" \" + unit + \" ago\", \"in \" + diff + \" \" + unit];\n}\n//# sourceMappingURL=en_US.js.map","var ZH_CN = ['秒', '分钟', '小时', '天', '周', '个月', '年'];\nexport default function (diff, idx) {\n    if (idx === 0)\n        return ['刚刚', '片刻后'];\n    var unit = ZH_CN[~~(idx / 2)];\n    return [diff + \" \" + unit + \"\\u524D\", diff + \" \" + unit + \"\\u540E\"];\n}\n//# sourceMappingURL=zh_CN.js.map","/**\n * Created by hustcc on 18/5/20.\n * Contract: i@hust.cc\n */\n/**\n * All supported locales\n */\nvar Locales = {};\n/**\n * register a locale\n * @param locale\n * @param func\n */\nexport var register = function (locale, func) {\n    Locales[locale] = func;\n};\n/**\n * get a locale, default is en_US\n * @param locale\n * @returns {*}\n */\nexport var getLocale = function (locale) {\n    return Locales[locale] || Locales['en_US'];\n};\n//# sourceMappingURL=register.js.map","/**\n * Created by hustcc on 18/5/20.\n * Contract: i@hust.cc\n */\nvar SEC_ARRAY = [\n    60,\n    60,\n    24,\n    7,\n    365 / 7 / 12,\n    12,\n];\n/**\n * format Date / string / timestamp to timestamp\n * @param input\n * @returns {*}\n */\nexport function toDate(input) {\n    if (input instanceof Date)\n        return input;\n    // @ts-ignore\n    if (!isNaN(input) || /^\\d+$/.test(input))\n        return new Date(parseInt(input));\n    input = (input || '')\n        // @ts-ignore\n        .trim()\n        .replace(/\\.\\d+/, '') // remove milliseconds\n        .replace(/-/, '/')\n        .replace(/-/, '/')\n        .replace(/(\\d)T(\\d)/, '$1 $2')\n        .replace(/Z/, ' UTC') // 2017-2-5T3:57:52Z -> 2017-2-5 3:57:52UTC\n        .replace(/([+-]\\d\\d):?(\\d\\d)/, ' $1$2'); // -04:00 -> -0400\n    return new Date(input);\n}\n/**\n * format the diff second to *** time ago, with setting locale\n * @param diff\n * @param localeFunc\n * @returns\n */\nexport function formatDiff(diff, localeFunc) {\n    /**\n     * if locale is not exist, use defaultLocale.\n     * if defaultLocale is not exist, use build-in `en`.\n     * be sure of no error when locale is not exist.\n     *\n     * If `time in`, then 1\n     * If `time ago`, then 0\n     */\n    var agoIn = diff < 0 ? 1 : 0;\n    /**\n     * Get absolute value of number (|diff| is non-negative) value of x\n     * |diff| = diff if diff is positive\n     * |diff| = -diff if diff is negative\n     * |0| = 0\n     */\n    diff = Math.abs(diff);\n    /**\n     * Time in seconds\n     */\n    var totalSec = diff;\n    /**\n     * Unit of time\n     */\n    var idx = 0;\n    for (; diff >= SEC_ARRAY[idx] && idx < SEC_ARRAY.length; idx++) {\n        diff /= SEC_ARRAY[idx];\n    }\n    /**\n     * Math.floor() is alternative of ~~\n     *\n     * The differences and bugs:\n     * Math.floor(3.7) -> 4 but ~~3.7 -> 3\n     * Math.floor(1559125440000.6) -> 1559125440000 but ~~1559125440000.6 -> 52311552\n     *\n     * More information about the performance of algebraic:\n     * https://www.youtube.com/watch?v=65-RbBwZQdU\n     */\n    diff = Math.floor(diff);\n    idx *= 2;\n    if (diff > (idx === 0 ? 9 : 1))\n        idx += 1;\n    return localeFunc(diff, idx, totalSec)[agoIn].replace('%s', diff.toString());\n}\n/**\n * calculate the diff second between date to be formatted an now date.\n * @param date\n * @param relativeDate\n * @returns {number}\n */\nexport function diffSec(date, relativeDate) {\n    var relDate = relativeDate ? toDate(relativeDate) : new Date();\n    return (+relDate - +toDate(date)) / 1000;\n}\n/**\n * nextInterval: calculate the next interval time.\n * - diff: the diff sec between now and date to be formatted.\n *\n * What's the meaning?\n * diff = 61 then return 59\n * diff = 3601 (an hour + 1 second), then return 3599\n * make the interval with high performance.\n **/\nexport function nextInterval(diff) {\n    var rst = 1, i = 0, d = Math.abs(diff);\n    for (; diff >= SEC_ARRAY[i] && i < SEC_ARRAY.length; i++) {\n        diff /= SEC_ARRAY[i];\n        rst *= SEC_ARRAY[i];\n    }\n    d = d % rst;\n    d = d ? rst - d : rst;\n    return Math.ceil(d);\n}\n//# sourceMappingURL=date.js.map","import { formatDiff, diffSec } from './utils/date';\nimport { getLocale } from './register';\n/**\n * format a TDate into string\n * @param date\n * @param locale\n * @param opts\n */\nexport var format = function (date, locale, opts) {\n    // diff seconds\n    var sec = diffSec(date, opts && opts.relativeDate);\n    // format it with locale\n    return formatDiff(sec, getLocale(locale));\n};\n//# sourceMappingURL=format.js.map","/**\n * Created by hustcc on 18/5/20.\n * Contract: i@hust.cc\n */\nimport en_US from './lang/en_US';\nimport zh_CN from './lang/zh_CN';\nimport { register } from './register';\nregister('en_US', en_US);\nregister('zh_CN', zh_CN);\nexport { format } from './format';\nexport { render, cancel } from './realtime';\nexport { register };\n//# sourceMappingURL=index.js.map"],"names":["PartialPlaylistList","props","PARTIAL_PLAYLISTS","Array","numItems","className","itemClassName","showHeading","map","p","idx","key","xs","sm","lg","defaultProps","namespace","PlaylistCount","count","playlist","videos","interactives","clips","getCount","Number","isNaN","Text","phrase","options","smartCount","PlaylistOwnerAvatar","_liteOwner","_isClickViewCurated","value","ClickViewAvatar","id","currentUser","toString","url","avatar","Avatar","imageUrl","imageCdnUrl","initials","UserHelper","name","surname","PlaylistItem","ImageHelper","data","cover","size","resizeType","audiences","subjectPresentationAudiences","mergedAudience","presentationAudiences","showImage","showFallbackImage","bgColourClassNames","getBgColorClass","itemStyle","analyticsData","analyticsOptions","entity","AppLink","appLink","title","contentModifiedDate","LanguageService","timeago","DateHelper","getTitle","BaseImage","alt","ImageFallback","type","showCount","titleClassName","length","AudienceLabel","audienceLabelClass","audience","border","showOwner","actionType","location","descriptor","PlaylistList","as","extraPlaylistItem","itemContainerClassName","playlists","getPlaylistAppLink","itemTitleClassName","HeroVideo","video","getVideoAppLink","subTextAppLink","hideInteractiveBadge","videoAudiences","AnalyticsHelper","VideoHelper","containerRef","Row","Col","md","ref","VideoThumbnail","imageOptions","textPosition","ThumbnailTextPosition","setFavourite","canFavourite","badgePosition","newDurationStyle","hideRating","companyLogoFallbackUrl","subTextType","isPlugin","VideoSubText","VideoItemTitle","textClassName","yearGroups","VideoItemActions","BadgeListContainer","Badge","rating","productionYear","description","showVideoGuidance","VideoItemGuidance","getClassroomGuideAppLink","getResourceGuidanceAppLink","getInteractiveGuidanceAppLink","containerClassName","responsiveClassName","SeriesTallPosterHoverOverlay","isSmall","series","hasTableOfContents","SeriesTallPoster","hoverRef","isHovering","displayAudience","tallPoster","imageType","preload","preloadImage","imageClassName","imageClass","ComingSoonNamePanel","multiline","noUnderLine","wrapperClassName","NormalNamePanel","subtitle","newVideosCount","CoverPillWidgetContent","coverUrl","isLarge","classification","undefined","childProps","highlightOnHover","showNewVideosCount","externalMetadata","childDashboardNewVideoCount","isSelected","hideCheckmark","svgName","svgSize","S","textVariant","variant","style","backgroundImage","hideFallback","extraClasses","isComingSoon","CoverPillWidgetContentWrapper","getChildAppLink","appLinkOptions","getChildAppLinkOptions","PartialSubjectWidgetItem","width","PartialLargeSubjectWidgetItem","Memoized","status","presentationName","presentationId","availablePresentations","find","usePresentationName","comingSoon","getSubtitle","ClassificationStatus","bsPrefix","Component","decoratedBsPrefix","breakpoints","minBreakpoint","sizePrefix","classes","forEach","brkPoint","propValue","cols","infix","push","displayName","EN_US","ZH_CN","Locales","register","locale","func","SEC_ARRAY","toDate","input","Date","test","parseInt","trim","replace","format","date","opts","sec","relativeDate","diff","localeFunc","agoIn","totalSec","Math","abs","floor","unit"],"sourceRoot":""}

package/dist/scripts/841-73ef4ba5ec-lite.chunk.js

@@ -1,3 +0,0 @@
-/*! For license information please see 841-73ef4ba5ec-lite.chunk.js.LICENSE.txt */
-"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[841],{49602:(e,t,n)=>{var r;n.d(t,{b:()=>c}),function(e){e[e.None=0]="None",e[e.AllSubjects=1]="AllSubjects",e[e.AllLevels=2]="AllLevels",e[e.AllSubjectsAndAllLevels=3]="AllSubjectsAndAllLevels"}(r||(r={}));var a=n(25925),c={hasManyPresentationTypes:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=0,n=0;return null==e||e.forEach((function(e){e.type===a.R.Subject?t++:e.type===a.R.Curriculum&&n++})),{hasManySubjectPresentations:t>1,hasManyCurriculumPresentations:n>1}},getBulkPreferencesState:function(e){return e===r.AllSubjectsAndAllLevels?{levels:!0,subjects:!0}:{levels:e===r.AllLevels,subjects:e===r.AllSubjects}},hasBulkSelectedLevels:function(e){return e===r.AllLevels||e===r.AllSubjectsAndAllLevels},hasBulkSelectedTopics:function(e){return e===r.AllSubjects||e===r.AllSubjectsAndAllLevels},getNextBulkState:function(e,t){var n=r.None,a=r.AllSubjects,c=r.AllLevels,l=r.AllSubjectsAndAllLevels,o="topics"===t;switch(e){case n:default:return o?a:c;case a:return o?n:l;case c:return o?l:n;case l:return o?c:a}}}},2192:(e,t,n)=>{n.d(t,{M:()=>b,Q:()=>y});var r=n(32735),a=n(45157),c=n(36848),l=n(60376),o=n(5465),i=n(83914),s=n(83345),u=n(54610),m=n(67453),d=n(45778),f=n(35223),v=n(92038),h="shared.subjectWidgetItem",p=function(e){var t=e.name,n=e.multiline,a=e.noUnderLine,c="".concat(v.Z.comingSoonPanel," \n    d-flex flex-column align-items-center justify-content-center px-3 text-center"),l="";return n?l+=" ".concat(v.Z.clamped," clamp-2"):(c+=" text-nowrap",l+=" text-truncate"),r.createElement("div",{className:c},r.createElement("small",{className:"text-secondary"},r.createElement(s.x,{namespace:h,phrase:"comingSoon"})),r.createElement("p",{className:"".concat(a?"":v.Z.name," h6")},r.createElement("span",{className:l},t)))},g=function(e){var t=e.name,n=e.multiline,a=e.subtitle,c=e.noUnderLine,l=e.newVideosCount,o="px-3 d-flex flex-column justify-content-center",i="".concat(c?"":v.Z.name," h6");return n?i+=" ".concat(l?"clamp-2":"clamp-3"," text-start"):(o+=" text-nowrap text-truncate",i+=" text-truncate mb-0 pb-1"),r.createElement("div",{className:o},a&&r.createElement("div",{className:"text-secondary clamp-1 ".concat(v.Z.text)},a),r.createElement("div",{className:i,title:t},t),!!l&&r.createElement("div",{className:"fw-semibold d-inline-block rounded-pill px-2 mt-1 bg-light-green w-fit h-fit text-green ".concat(v.Z.newVideos)},r.createElement(s.x,{namespace:h,phrase:"newVideos",options:{smartCount:l}})))};function b(e){var t,n=m.j.createUrl(e.coverUrl,{size:e.isLarge?u.h2.Medium:u.h2.Small}),c=void 0;d.G.isClassification(e.data)&&(c=e.data);var s={name:e.data.name,multiline:e.isLarge||e.multiline,subtitle:e.subtitle,noUnderLine:e.highlightOnHover,newVideosCount:e.showNewVideosCount?null===(t=null==c?void 0:c.externalMetadata)||void 0===t?void 0:t.childDashboardNewVideoCount:0};return r.createElement("div",{className:"border d-flex position-relative ".concat(e.className," ").concat(v.Z.widgetItem," ").concat(e.isSelected?"border-success border-2":""," ").concat(e.highlightOnHover?"bg-light-blue-hover":""),id:"".concat(e.data.id,"-").concat(a.Y.getRandomInt())},e.isSelected&&r.createElement("div",{className:"".concat(v.Z.selectedMask," border-2")}),r.createElement("div",{className:"".concat(v.Z.imagePanel," ").concat(e.isLarge?v.Z.large:"")},e.isSelected&&!e.hideCheckmark&&r.createElement("div",{className:v.Z.selected},r.createElement(l.f,{svgName:f.vn.Check,svgSize:i.S.Large,textVariant:"white",variant:"green"})),r.createElement("div",{className:"".concat(v.Z.image," ").concat(e.imageClassName),style:e.coverUrl?{backgroundImage:"url('".concat(n,"')")}:{}}),!e.hideFallback&&r.createElement(o.oy,{type:o.mS.Subject,extraClasses:e.isLarge?v.Z.large:""})),e.isComingSoon?r.createElement(p,Object.assign({},s)):r.createElement(g,Object.assign({},s)))}function y(e){var t,n=e.getChildAppLink?e.getChildAppLink(e.data):null;return r.createElement(r.Fragment,null,n?r.createElement(c.F,{className:v.Z.appLink,appLink:n,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,appLinkOptions:null===(t=e.getChildAppLinkOptions)||void 0===t?void 0:t.call(e)},r.createElement(b,Object.assign({},e))):r.createElement(b,Object.assign({},e)))}},75919:(e,t,n)=>{n.d(t,{N:()=>c});var r=n(32735);const a={annotation:"LkdHB",above:"ROdbm",below:"OzyHx",left:"W9EBF",right:"zhio2",divider:"cdR_p",imageContainer:"QZZMF"};function c(e){return r.createElement("div",{className:(t="d-flex align-items-center text-center position-relative w-100 ".concat(a.imageContainer),"center"===e.contentPosition&&(t+=" px-5 justify-content-center"),"right"===e.contentPosition&&(t+=" me-n5 justify-content-end"),t)},!!e.annotationUrl&&r.createElement("div",{className:function(){var t=a.annotation;switch(e.annotationPosition){case"top-left":t+=" ".concat(a.above," ").concat(a.left);break;case"top-right":t+=" ".concat(a.above," ").concat(a.right);break;case"bottom-left":t+=" ".concat(a.below," ").concat(a.left);break;case"bottom-right":t+=" ".concat(a.below," ").concat(a.right)}return e.annotationClassName&&(t+=" ".concat(e.annotationClassName)),t}()},r.createElement("img",{className:"img-fluid",src:e.annotationUrl})),e.children,"right"===e.contentPosition&&r.createElement("div",{className:a.divider}));var t}c.defaultProps={contentPosition:"center"}},39375:(e,t,n)=>{n.d(t,{Y:()=>u});var r=n(32735),a=n(54610),c=n(67453),l=n(2248);const o={magicTab:"H5jzm",subjectPlaceholder:"r1L6T",placeholderCover:"z9CFT",promotedTopicPlaceholder:"PbYs6",promotedTopicPlaceholderText:"hZ8Nf"};function i(e){return r.createElement("li",{className:"col-4"},r.createElement("div",{className:"d-flex border rounded-3 overflow-hidden ".concat(o.subjectPlaceholder)},e.coverUrl?r.createElement("div",{className:o.placeholderCover},r.createElement("img",{className:"img-fluid",src:c.j.createUrl(e.coverUrl,{size:a.h2.Small})})):r.createElement("div",{className:"".concat(o.placeholderCover," bg-light-blue")})))}function s(){return r.createElement("li",{className:"col-4"},r.createElement("div",{className:"bg-light-blue rounded-3 w-100 p-1 ".concat(o.promotedTopicPlaceholder)}))}function u(e){var t,n,a,c=Math.max(12-(null!==(n=null===(t=e.subjects)||void 0===t?void 0:t.length)&&void 0!==n?n:0),0);return r.createElement(l.L,{presentation:e.presentation,curriculum:e.curriculum,editingCurriculum:e.editingCurriculum},r.createElement("div",{className:"px-3 pt-3 w-100 d-flex flex-column align-items-center"},r.createElement("div",{className:"rounded-3 border overflow-hidden d-flex mb-2"},r.createElement("div",{className:"bg-light ".concat(o.magicTab)}),r.createElement("div",{className:"".concat(o.magicTab)})),r.createElement("ul",{className:"list-unstyled mb-0 row w-100 g-xl-2 g-lg-1 mb-2"},null===(a=e.subjects)||void 0===a?void 0:a.map((function(e){var t;return r.createElement(i,{key:e.id,coverUrl:null===(t=e.cover)||void 0===t?void 0:t.url})})),new Array(c).fill(0).map((function(e,t){return r.createElement(i,{key:t})}))),r.createElement("ul",{className:"list-unstyled mb-0 row w-100 g-xl-2 g-lg-1"},r.createElement(s,null),r.createElement(s,null),r.createElement(s,null),r.createElement(s,null),r.createElement(s,null),r.createElement(s,null),r.createElement(s,null),r.createElement(s,null),r.createElement(s,null))))}},2248:(e,t,n)=>{n.d(t,{L:()=>h});var r=n(32735),a=n(60376),c=n(83914),l=n(2786),o=n(83345),i=n(72639),s=n(79967),u=n(35223),m=n(87114);const d={dot:"AlRQD",logo:"L42gR",blackBar:"ESCxm",topNav:"a3G_4",leftNav:"YxGVV",belowHeader:"jc_cg",leftNavIcon:"U6i6r",leftNavText:"LnYlW",presentationPlaceholderIcon:"Ljaju",presentationIcon:"QdwPq",presentationPlaceholderText:"af06V",curriculumIcon:"N7T4T",curriculumIconSmall:"_6xrUg",curriculumContainer:"Z65qX",iconPlaceholder:"CKOXL",shadow:"zygeJ",presentationName:"Oj7Dt"};var f="onboarding.mockLayout";function v(){return r.createElement("div",{className:"d-flex align-items-center justify-content-center mb-2 px-3"},r.createElement("div",{className:"".concat(d.leftNavIcon," rounded-circle")}),r.createElement("div",{className:"".concat(d.leftNavText," rounded-pill")}))}function h(e){var t,n,h=(0,s.k)();return r.createElement("div",{className:"border border-dark border-2 bg-white rounded-3 user-select-none overflow-hidden position-relative h-100 w-100"},!!e.editingCurriculum&&r.createElement("div",{className:"w-100 h-100 position-absolute ".concat(d.shadow)},r.createElement("div",{className:"d-flex align-items-center h-100 w-50 ".concat(d.curriculumContainer)},r.createElement("div",{className:"bg-white rounded-3 border p-3 w-100"},r.createElement("h2",{className:"h6 text-start"},r.createElement(o.x,{namespace:f,phrase:"curriculum"})),e.curriculum?r.createElement("div",{className:"d-flex align-items-center"},r.createElement("div",{className:"".concat(d.curriculumIcon," rounded-circle me-2 border")},r.createElement(a.f,{imageUrl:null===(t=e.curriculum.cover)||void 0===t?void 0:t.url})),r.createElement("div",{className:"text-start"},e.curriculum.name)):r.createElement("div",{className:"d-flex align-items-center text-secondary"},r.createElement("div",{className:"me-2 rounded-circle p-1 ".concat(d.iconPlaceholder)},r.createElement(a.f,{svgSize:c.S.Large,textVariant:"secondary",svgName:u.vn.GraduationCap})),r.createElement(o.x,{namespace:f,phrase:"selectCurriculum"}))))),r.createElement("div",{className:"bg-dark d-flex px-3 py-2 ".concat(d.blackBar)},r.createElement("div",{className:"rounded-circle me-2 ".concat(d.dot)}),r.createElement("div",{className:"rounded-circle me-2 ".concat(d.dot)}),r.createElement("div",{className:"rounded-circle ".concat(d.dot)})),r.createElement("div",{className:"border-bottom px-3 py-2 d-flex align-items-center ".concat(d.topNav)},r.createElement("div",{className:"".concat(d.logo," me-4")},h.xs?r.createElement(l.bc,null):r.createElement(l.$S,null)),r.createElement("div",{className:"form-control w-75 d-flex justify-content-start"},r.createElement(c.x,{svgName:u.vn.Search})),!!e.curriculum&&r.createElement("div",{className:"".concat(d.curriculumIconSmall," rounded-circle ms-2 me-n1 border")},r.createElement(a.f,{imageUrl:null===(n=e.curriculum.cover)||void 0===n?void 0:n.url}))),r.createElement("div",{className:"d-flex ".concat(d.belowHeader)},r.createElement("div",{className:"".concat(d.leftNav," border-end")},r.createElement("div",{className:"d-flex flex-column pt-3 h-100"},r.createElement(v,null),r.createElement(v,null),r.createElement(v,null),r.createElement(v,null),r.createElement(v,null),r.createElement("div",{className:"d-flex align-items-end h-100 w-100"},r.createElement("div",{className:"border-top p-3 w-100"},r.createElement("div",{className:"d-flex align-items-center"},r.createElement("div",{className:"".concat(function(){if(!e.presentation)return d.presentationPlaceholderIcon;switch(m.i.getMappedPresentationLevel(e.presentation.learningLevel)){case i.p.Level_1:return"bg-indigo ".concat(d.presentationIcon);case i.p.Level_3:return"bg-blue ".concat(d.presentationIcon);default:case i.p.Level_2:return"bg-green ".concat(d.presentationIcon)}}()," text-white rounded")},r.createElement(c.x,{svgName:u.vn.School,size:c.S.Large})),e.presentation?r.createElement("span",{className:"fw-semibold text-truncate ".concat(d.presentationName)},e.presentation.name):r.createElement("div",{className:"".concat(d.presentationPlaceholderText," fw-semibold")},r.createElement(o.x,{namespace:f,phrase:"schoolLevel"}))))))),r.createElement("div",{className:"w-100 h-100 overflow-hidden"},e.children)))}},59158:(e,t,n)=>{n.r(t),n.d(t,{OnboardingSubjectsView:()=>M});var r=n(32735),a=n(23481),c=n(20354),l=n(65858),o=n(60736),i=n(45716),s=n(2158),u=n(49602),m=n(11607),d=n(83345),f=n(2192),v=n(54610),h=n(77963),p=n(65728),g=n(61699),b=n(31949),y=n(84703),E=n(37802),x=n(67453),N=n(87114),w=n(99742),S=n(82817),L=n(86698),j=n(75359),k=n(12058),A=n(40695),C=n(75919),P=n(39375),I=n(73190),O=n(90815),T=n(67963);const _={selected:"igx0Y",disabled:"nDUWB",annotation:"IN0vA"};function U(e){return U="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},U(e)}function B(){B=function(){return t};var e,t={},n=Object.prototype,r=n.hasOwnProperty,a=Object.defineProperty||function(e,t,n){e[t]=n.value},c="function"==typeof Symbol?Symbol:{},l=c.iterator||"@@iterator",o=c.asyncIterator||"@@asyncIterator",i=c.toStringTag||"@@toStringTag";function s(e,t,n){return Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{s({},"")}catch(e){s=function(e,t,n){return e[t]=n}}function u(e,t,n,r){var c=t&&t.prototype instanceof g?t:g,l=Object.create(c.prototype),o=new P(r||[]);return a(l,"_invoke",{value:j(e,n,o)}),l}function m(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(e){return{type:"throw",arg:e}}}t.wrap=u;var d="suspendedStart",f="suspendedYield",v="executing",h="completed",p={};function g(){}function b(){}function y(){}var E={};s(E,l,(function(){return this}));var x=Object.getPrototypeOf,N=x&&x(x(I([])));N&&N!==n&&r.call(N,l)&&(E=N);var w=y.prototype=g.prototype=Object.create(E);function S(e){["next","throw","return"].forEach((function(t){s(e,t,(function(e){return this._invoke(t,e)}))}))}function L(e,t){function n(a,c,l,o){var i=m(e[a],e,c);if("throw"!==i.type){var s=i.arg,u=s.value;return u&&"object"==U(u)&&r.call(u,"__await")?t.resolve(u.__await).then((function(e){n("next",e,l,o)}),(function(e){n("throw",e,l,o)})):t.resolve(u).then((function(e){s.value=e,l(s)}),(function(e){return n("throw",e,l,o)}))}o(i.arg)}var c;a(this,"_invoke",{value:function(e,r){function a(){return new t((function(t,a){n(e,r,t,a)}))}return c=c?c.then(a,a):a()}})}function j(t,n,r){var a=d;return function(c,l){if(a===v)throw Error("Generator is already running");if(a===h){if("throw"===c)throw l;return{value:e,done:!0}}for(r.method=c,r.arg=l;;){var o=r.delegate;if(o){var i=k(o,r);if(i){if(i===p)continue;return i}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if(a===d)throw a=h,r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);a=v;var s=m(t,n,r);if("normal"===s.type){if(a=r.done?h:f,s.arg===p)continue;return{value:s.arg,done:r.done}}"throw"===s.type&&(a=h,r.method="throw",r.arg=s.arg)}}}function k(t,n){var r=n.method,a=t.iterator[r];if(a===e)return n.delegate=null,"throw"===r&&t.iterator.return&&(n.method="return",n.arg=e,k(t,n),"throw"===n.method)||"return"!==r&&(n.method="throw",n.arg=new TypeError("The iterator does not provide a '"+r+"' method")),p;var c=m(a,t.iterator,n.arg);if("throw"===c.type)return n.method="throw",n.arg=c.arg,n.delegate=null,p;var l=c.arg;return l?l.done?(n[t.resultName]=l.value,n.next=t.nextLoc,"return"!==n.method&&(n.method="next",n.arg=e),n.delegate=null,p):l:(n.method="throw",n.arg=new TypeError("iterator result is not an object"),n.delegate=null,p)}function A(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function C(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function P(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(A,this),this.reset(!0)}function I(t){if(t||""===t){var n=t[l];if(n)return n.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var a=-1,c=function n(){for(;++a<t.length;)if(r.call(t,a))return n.value=t[a],n.done=!1,n;return n.value=e,n.done=!0,n};return c.next=c}}throw new TypeError(U(t)+" is not iterable")}return b.prototype=y,a(w,"constructor",{value:y,configurable:!0}),a(y,"constructor",{value:b,configurable:!0}),b.displayName=s(y,i,"GeneratorFunction"),t.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===b||"GeneratorFunction"===(t.displayName||t.name))},t.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,y):(e.__proto__=y,s(e,i,"GeneratorFunction")),e.prototype=Object.create(w),e},t.awrap=function(e){return{__await:e}},S(L.prototype),s(L.prototype,o,(function(){return this})),t.AsyncIterator=L,t.async=function(e,n,r,a,c){void 0===c&&(c=Promise);var l=new L(u(e,n,r,a),c);return t.isGeneratorFunction(n)?l:l.next().then((function(e){return e.done?e.value:l.next()}))},S(w),s(w,i,"Generator"),s(w,l,(function(){return this})),s(w,"toString",(function(){return"[object Generator]"})),t.keys=function(e){var t=Object(e),n=[];for(var r in t)n.push(r);return n.reverse(),function e(){for(;n.length;){var r=n.pop();if(r in t)return e.value=r,e.done=!1,e}return e.done=!0,e}},t.values=I,P.prototype={constructor:P,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=e,this.done=!1,this.delegate=null,this.method="next",this.arg=e,this.tryEntries.forEach(C),!t)for(var n in this)"t"===n.charAt(0)&&r.call(this,n)&&!isNaN(+n.slice(1))&&(this[n]=e)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var n=this;function a(r,a){return o.type="throw",o.arg=t,n.next=r,a&&(n.method="next",n.arg=e),!!a}for(var c=this.tryEntries.length-1;c>=0;--c){var l=this.tryEntries[c],o=l.completion;if("root"===l.tryLoc)return a("end");if(l.tryLoc<=this.prev){var i=r.call(l,"catchLoc"),s=r.call(l,"finallyLoc");if(i&&s){if(this.prev<l.catchLoc)return a(l.catchLoc,!0);if(this.prev<l.finallyLoc)return a(l.finallyLoc)}else if(i){if(this.prev<l.catchLoc)return a(l.catchLoc,!0)}else{if(!s)throw Error("try statement without catch or finally");if(this.prev<l.finallyLoc)return a(l.finallyLoc)}}}},abrupt:function(e,t){for(var n=this.tryEntries.length-1;n>=0;--n){var a=this.tryEntries[n];if(a.tryLoc<=this.prev&&r.call(a,"finallyLoc")&&this.prev<a.finallyLoc){var c=a;break}}c&&("break"===e||"continue"===e)&&c.tryLoc<=t&&t<=c.finallyLoc&&(c=null);var l=c?c.completion:{};return l.type=e,l.arg=t,c?(this.method="next",this.next=c.finallyLoc,p):this.complete(l)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),p},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),C(n),p}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var r=n.completion;if("throw"===r.type){var a=r.arg;C(n)}return a}}throw Error("illegal catch attempt")},delegateYield:function(t,n,r){return this.delegate={iterator:I(t),resultName:n,nextLoc:r},"next"===this.method&&(this.arg=e),p}},t}function Z(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,c,l,o=[],i=!0,s=!1;try{if(c=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;i=!1}else for(;!(i=(r=c.call(n)).done)&&(o.push(r.value),o.length!==t);i=!0);}catch(e){s=!0,a=e}finally{try{if(!i&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw a}}return o}}(e,t)||function(e,t){if(e){if("string"==typeof e)return F(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?F(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function F(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var V=function(e,t,n,r){return new(n||(n=Promise))((function(a,c){function l(e){try{i(r.next(e))}catch(e){c(e)}}function o(e){try{i(r.throw(e))}catch(e){c(e)}}function i(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(l,o)}i((r=r.apply(e,t||[])).next())}))},z="onboarding.subjects";function M(e){var t,n=(0,T.u)(),U=(0,s.T)(n).getPathway,F=c.a.useBasicFetch(b.N.currentUser()),M=(0,L.y)().preferredPresentation,G=c.a.useGetFetchAsync(),D=(0,I.Q)(e.redirectUrl),H=D.onClickBack,R=D.exitOnboarding,Y=D.onSaveError,W=D.completeStepAsync,J=(0,S.M)().preferredCurriculum,Q=(0,O.H)().logEvent,X=U(),q=i.H[X.currentScreen],K=(0,E.r)(null==q?void 0:q.analyticsLocation),$=K.updateSettingAsync,ee=K.bulkOnboardingPreferencesState,te=c.a.useBasicFetch(g.o.allSubjectPreferences()),ne=c.a.useBasicFetch(g.o.mySubjectPreferences()),re=u.b.hasBulkSelectedTopics(ee),ae=Z(r.useState([]),2),ce=ae[0],le=ae[1],oe=Z(r.useState(re),2),ie=oe[0],se=oe[1],ue=(0,y.n)(),me=null===(t=te.data)||void 0===t?void 0:t.filter((function(e){var t;return!!(null===(t=o.A[e.presentationId])||void 0===t?void 0:t[e.id])}));return r.useEffect((function(){var e;ne.hasCompleted&&(null===(e=ne.data)||void 0===e?void 0:e.length)&&(ie||le(ne.data))}),[ne.hasCompleted]),r.createElement(A.z,{namespace:z},r.createElement(A.z.Left,{className:"bg-dark-blue d-flex flex-column align-items-end justify-content-center"},r.createElement(C.N,{annotationUrl:w.W.OnboardingV2.Subjects.ANNOTATION,annotationPosition:"top-right",annotationClassName:"me-5 ".concat(_.annotation)},r.createElement(P.Y,{presentation:M,subjects:ie?me:ce,curriculum:J}))),r.createElement(A.z.Right,{hasCustomButtons:!1,onClickNext:function(){return V(this,void 0,void 0,B().mark((function e(){var t,n,r;return B().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return Q(l.Vw.Click,l.Ix.Next,{subjects:ce.map((function(e){return{subjectId:e.id,subjectName:e.name}})),allSubjectsSelected:ie,presentationId:M.id,presentationName:M.name,presentationDescription:M.description}),e.prev=1,t=[],ie!==re&&t.push($(F.data.id,{name:p.E.BulkOnboardingPreferencesState,value:u.b.getNextBulkState(ee,"topics"),kind:h.g.Permanent})),ie||(n=ce.filter((function(e){return!ne.data.find((function(t){return t.id===e.id}))})),r=ne.data.filter((function(e){return!ce.find((function(t){return t.id===e.id}))})),(null==n?void 0:n.length)&&t.push(G(g.o.followSubjects(n.map((function(e){return e.id}))))),(null==r?void 0:r.length)&&t.push(G(g.o.unfollowSubjects(r.map((function(e){return e.id})))))),e.next=7,Promise.all(t);case 7:return e.next=9,W();case 9:e.next=15;break;case 11:return e.prev=11,e.t0=e.catch(1),Y(),e.abrupt("return",Promise.reject());case 15:case"end":return e.stop()}}),e,null,[[1,11]])})))},onClickBack:H,onClickComeBackLater:R,disableNext:!ce.length&&!ie},r.createElement(j.W,null,r.createElement(d.x,{phrase:ue?"headingKdm":"heading"})),r.createElement(k.X,null,r.createElement(d.x,{phrase:"info"})),r.createElement(m.L,{onClick:function(){Q(l.Vw.Select,l.Ix.SelectAllSubjects,{presentationId:M.id,presentationName:M.name,presentationDescription:M.description}),ie||le([]),se(!ie)}},r.createElement(f.M,{data:{name:a.T.getPhrase(z,"allSubjects")},coverUrl:N.i.getPresentationLevelImage(M.learningLevel,"cover"),isSelected:ie,multiline:!0})),r.createElement("div",{className:"d-flex align-items-center justify-content-between py-3"},r.createElement("hr",{className:"m-0 flex-grow-1 border-dark"}),r.createElement("p",{className:"mb-0 px-3"},r.createElement(d.x,{phrase:"orSelectSubjects"})),r.createElement("hr",{className:"m-0 flex-grow-1 border-dark"})),r.createElement("ul",{className:"list-unstyled row g-2 mb-0"},null==me?void 0:me.map((function(e){var t,n=!!ce.find((function(t){return t.id===e.id})),a="";return ie?a+="cursor-default ".concat(_.disabled):n&&(a+=_.selected),r.createElement("li",{key:e.id,className:"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-6"},r.createElement(m.L,{onClick:function(){return function(e){ie||(Q(l.Vw.Select,l.Ix.SelectSubject,{subjectId:e.id,subjectName:e.name,presentationId:M.id,presentationName:M.name,presentationDescription:M.description}),ce.find((function(t){return t.id===e.id}))?le(ce.filter((function(t){return t.id!==e.id}))):le(ce.concat(e)))}(e)},disabled:ie,className:a},r.createElement(f.M,{data:e,coverUrl:x.j.createUrl(null===(t=e.cover)||void 0===t?void 0:t.url,{size:v.h2.Small}),isSelected:n,multiline:!0})))}))),r.createElement(k.X,{className:"mt-2"},r.createElement(d.x,{phrase:"addMoreLater"}))))}},92038:(e,t,n)=>{n.d(t,{Z:()=>r});const r={appLink:"fFjKN",name:"A_by9",selectedMask:"xSQtR",widgetItem:"Ys9W_",text:"JfAoy",imagePanel:"aUNDc",partialLargeImage:"RuLxv",selected:"BViJb",image:"LkTep",dragHandle:"CJqvP",large:"R5clw",comingSoonPanel:"Wa2PG",newVideos:"s61h8",editSubjectsItem:"gGNFD",allSubjectsItem:"IHdlJ",logoContainer:"Nzaes",draggingItem:"zUOye",partialLargeFallback:"FmJP9",partialIcon:"sdZuo"}}}]);
-//# sourceMappingURL=841-73ef4ba5ec-lite.chunk.js.map

package/dist/scripts/841-73ef4ba5ec-lite.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scripts/841-73ef4ba5ec-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/enums/BulkOnboardingPreferencesState.ts","file:///app/packages/libs/shared/src/apps/subjects/utils/OnboardingHelper.ts","file:///app/packages/libs/shared/src/components/widgets/items/subject-widget-item/CoverPill.tsx","file:///app/packages/projects/lite/src/apps/onboarding/components/left-panel-item/left-panel-item.scss","file:///app/packages/projects/lite/src/apps/onboarding/components/left-panel-item/LeftPanelItem.tsx","file:///app/packages/projects/lite/src/apps/onboarding/components/mock-views/discover/mock-discover.scss","file:///app/packages/projects/lite/src/apps/onboarding/components/mock-views/discover/MockDiscover.tsx","file:///app/packages/projects/lite/src/apps/onboarding/components/mock-views/layout/mock-layout.scss","file:///app/packages/projects/lite/src/apps/onboarding/components/mock-views/layout/MockLayout.tsx","file:///app/packages/projects/lite/src/apps/onboarding/views/subjects/subjects.scss","file:///app/packages/projects/lite/src/apps/onboarding/views/subjects/OnboardingSubjectsView.tsx","file:///app/packages/libs/shared/src/components/widgets/items/subject-widget-item/cover-pill.scss"],"sourcesContent":["export enum BulkOnboardingPreferencesState {\n  None = 0,\n  AllSubjects = 1,\n  AllLevels = 2,\n  AllSubjectsAndAllLevels = 3\n}","import { HashObject } from 'libs/common/react/interfaces';\n\nimport { BulkOnboardingPreferencesState } from 'libs/shared/enums/BulkOnboardingPreferencesState';\nimport { PresentationType } from 'libs/shared/enums/PresentationType';\nimport { Presentation } from 'libs/shared/interfaces';\n\n/**\n * These are all the valid preference steps in the onboarding worflow\n * Steps are displayed in full workflow order from left to right.\n * \n * Important: Not all customers/users will be required to compelete all steps.\n * \n * School-level = presentation selection for K12\n */\nexport type OnboardingStep = 'welcome' | 'school-level' | 'curriculum' | 'audiences' | 'topics' | 'summary' ;\n\nexport const OnboardingHelper = {\n  hasManyPresentationTypes(presentations: Presentation[] = []): HashObject {\n    let totalAvailableSubjectPresentations = 0;\n    let totalAvailableCurriculumPresentations = 0;\n\n    presentations?.forEach(p => {\n      if (p.type === PresentationType.Subject)\n        totalAvailableSubjectPresentations++;\n\n      else if (p.type === PresentationType.Curriculum)\n        totalAvailableCurriculumPresentations++;\n    });\n\n    /**\n     * The checks for \"> 1\" are done because we _only_ want to display presentation selectors\n     * if the user has more than 1 presentation to select from. If they only have 1 available,\n     * then that will always be used by default and they don't have to make any decisions.\n     */\n    return {\n      hasManySubjectPresentations: totalAvailableSubjectPresentations > 1,\n      hasManyCurriculumPresentations: totalAvailableCurriculumPresentations > 1\n    };\n  },\n\n  getBulkPreferencesState(state: BulkOnboardingPreferencesState): { [key in 'levels' | 'subjects']: boolean } {\n    if (state === BulkOnboardingPreferencesState.AllSubjectsAndAllLevels)\n      return {\n        levels: true,\n        subjects: true\n      };\n\n    return {\n      levels: state === BulkOnboardingPreferencesState.AllLevels,\n      subjects: state === BulkOnboardingPreferencesState.AllSubjects\n    };\n  },\n\n  hasBulkSelectedLevels(bulkState: BulkOnboardingPreferencesState): boolean {\n    return (\n      bulkState === BulkOnboardingPreferencesState.AllLevels ||\n      bulkState === BulkOnboardingPreferencesState.AllSubjectsAndAllLevels\n    );\n  },\n\n  hasBulkSelectedTopics(bulkState: BulkOnboardingPreferencesState): boolean {\n    return (\n      bulkState === BulkOnboardingPreferencesState.AllSubjects ||\n      bulkState === BulkOnboardingPreferencesState.AllSubjectsAndAllLevels\n    );\n  },\n\n  getNextBulkState(current: BulkOnboardingPreferencesState, managing: 'topics' | 'audiences'): BulkOnboardingPreferencesState {\n    const { None, AllSubjects, AllLevels, AllSubjectsAndAllLevels } = BulkOnboardingPreferencesState;\n\n    const isManagingTopics = managing === 'topics';\n\n    switch (current) {\n      case None:\n      default:\n        return isManagingTopics ? AllSubjects : AllLevels;\n      case AllSubjects:\n        return isManagingTopics ? None : AllSubjectsAndAllLevels;\n      case AllLevels:\n        return isManagingTopics ? AllSubjectsAndAllLevels : None;\n      case AllSubjectsAndAllLevels:\n        return isManagingTopics ? AllLevels : AllSubjects;\n    }\n  }\n};\n","import * as React from 'react';\n\nimport { Core } from 'libs/common/core';\nimport { RandomHelper } from 'libs/common/react/utils/RandomHelper';\n\nimport { AnalyticsOptions, HashObject } from 'libs/analytics/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { IconCircle } from 'libs/shared/components/icon-circle/IconCircle';\nimport { ImageFallback, ImageFallbackType } from 'libs/shared/components/image/ImageFallback';\nimport { SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { BaseObject, Classification, Presentation } from 'libs/shared/interfaces';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\nimport { MasterTypeHelper } from 'libs/shared/utils/MasterTypeHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport styles from './cover-pill.scss';\n\nconst namespace = 'shared.subjectWidgetItem';\n\ninterface NamePanelProps {\n  name: string;\n  multiline?: boolean;\n  subtitle?: string;\n  noUnderLine?: boolean;\n  newVideosCount?: number;\n}\n\nconst ComingSoonNamePanel = ({ name, multiline, noUnderLine }: NamePanelProps) => {\n  let wrapperClassName = `${styles.comingSoonPanel} \n    d-flex flex-column align-items-center justify-content-center px-3 text-center`;\n\n  let textClassName = '';\n\n  if (!multiline) {\n    wrapperClassName += ' text-nowrap';\n    textClassName += ' text-truncate';\n  } else {\n    textClassName += ` ${styles.clamped} clamp-2`;\n  }\n\n  return (\n    <div className={wrapperClassName}>\n      <small className='text-secondary'><Text namespace={namespace} phrase='comingSoon' /></small>\n      <p className={`${noUnderLine ? '' : styles.name} h6`}><span className={textClassName}>{name}</span></p>\n    </div>\n  );\n};\n\nconst NormalNamePanel = ({ name, multiline, subtitle, noUnderLine, newVideosCount }: NamePanelProps) => {\n  let wrapperClassName = 'px-3 d-flex flex-column justify-content-center';\n  let textClassName = `${noUnderLine ? '' : styles.name} h6`;\n\n  if (!multiline) {\n    wrapperClassName += ' text-nowrap text-truncate';\n    textClassName += ' text-truncate mb-0 pb-1';\n  } else {\n    textClassName += ` ${newVideosCount ? 'clamp-2' : 'clamp-3'} text-start`;\n  }\n\n  return (\n    <div className={wrapperClassName}>\n      {subtitle && <div className={`text-secondary clamp-1 ${styles.text}`}>{subtitle}</div>}\n      <div className={textClassName} title={name}>{name}</div>\n      {!!newVideosCount && (\n        <div className={`fw-semibold d-inline-block rounded-pill px-2 mt-1 bg-light-green w-fit h-fit text-green ${styles.newVideos}`}>\n          <Text namespace={namespace} phrase='newVideos' options={{ smartCount: newVideosCount }} />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport interface CoverPillWidgetItemProps<T extends BaseObject> {\n  data: T;\n  getChildAppLink?: (data: T) => Core.AppLink;\n  getChildAppLinkOptions?: () => Core.AppLinkOptions;\n  isLarge?: boolean;\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n  availablePresentations?: Presentation[];\n  getSubtitle?: (data: T) => string;\n  multiline?: boolean;\n  // set to true it will highlight on hover and also remove the hover text underline\n  highlightOnHover?: boolean;\n  showNewVideosCount?: boolean;\n}\n\ninterface CoverPillWidgetContentProps<T> extends CoverPillWidgetItemProps<T> {\n  coverUrl?: string;\n  subtitle?: string;\n  isComingSoon?: boolean;\n  className?: string;\n  imageClassName?: string;\n  isSelected?: boolean;\n  hideFallback?: boolean;\n  hideCheckmark?: boolean;\n}\n\nexport function CoverPillWidgetContent(props: CoverPillWidgetContentProps<BaseObject>): JSX.Element {\n  const coverUrl = ImageHelper.createUrl(props.coverUrl, { size: props.isLarge ? ImageSize.Medium : ImageSize.Small });\n\n  let classification: Classification | undefined = undefined;\n  if (MasterTypeHelper.isClassification(props.data)) {\n    classification = props.data;\n  }\n\n  const childProps = {\n    name: props.data.name,\n    multiline: props.isLarge || props.multiline,\n    subtitle: props.subtitle,\n    noUnderLine: props.highlightOnHover,\n    newVideosCount:  props.showNewVideosCount ? classification?.externalMetadata?.childDashboardNewVideoCount : 0\n  };\n\n  return (\n    <div\n      className={`border d-flex position-relative ${props.className} ${styles.widgetItem} ${props.isSelected ? 'border-success border-2' : ''} ${props.highlightOnHover ? 'bg-light-blue-hover' : ''}`}\n      id={`${props.data.id}-${RandomHelper.getRandomInt()}`}\n    >\n      {props.isSelected && (\n        <div className={`${styles.selectedMask} border-2`} />\n      )}\n\n      <div className={`${styles.imagePanel} ${props.isLarge ? styles.large : ''}`}>\n        {props.isSelected && !props.hideCheckmark && (\n          <div className={styles.selected}>\n            <IconCircle svgName={cvSvgLibrary.Check} svgSize={SvgContainerSize.Large} textVariant='white' variant='green' />\n          </div>\n        )}\n\n        <div\n          className={`${styles.image} ${props.imageClassName}`}\n          style={props.coverUrl ? { backgroundImage: `url('${coverUrl}')` } : {}}\n        />\n        {!props.hideFallback && (\n          <ImageFallback\n            type={ImageFallbackType.Subject}\n            extraClasses={props.isLarge ? styles.large : ''}\n          />\n        )}\n      </div>\n\n      {props.isComingSoon\n        ? <ComingSoonNamePanel {...childProps} />\n        : <NormalNamePanel {...childProps} />\n      }\n    </div>\n  );\n}\n\nexport function CoverPillWidgetContentWrapper(props: CoverPillWidgetContentProps<BaseObject>) {\n  const appLink = props.getChildAppLink ? props.getChildAppLink(props.data) : null;\n\n  return (\n    <>\n      {appLink ? (\n        <AppLink\n          className={styles.appLink}\n          appLink={appLink}\n          analyticsData={props.analyticsData}\n          analyticsOptions={props.analyticsOptions}\n          appLinkOptions={props.getChildAppLinkOptions?.()}\n        >\n          <CoverPillWidgetContent {...props} />\n        </AppLink>\n      ) : (<CoverPillWidgetContent {...props} />)\n      }\n    </>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"annotation\":\"LkdHB\",\"above\":\"ROdbm\",\"below\":\"OzyHx\",\"left\":\"W9EBF\",\"right\":\"zhio2\",\"divider\":\"cdR_p\",\"imageContainer\":\"QZZMF\"};","import React from 'react';\n\nimport styles from './left-panel-item.scss';\n\ninterface LeftPanelItemProps {\n  contentPosition?: 'center' | 'right';\n  annotationUrl?: string;\n  annotationPosition?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';\n  annotationClassName?: string;\n}\n\nLeftPanelItem.defaultProps = {\n  contentPosition: 'center'\n};\n\nexport function LeftPanelItem(props: React.PropsWithChildren<LeftPanelItemProps>): JSX.Element {\n  function getAnnotationClassName(): string {\n    let className = styles.annotation;\n\n    switch (props.annotationPosition) {\n      case 'top-left': {\n        className += ` ${styles.above} ${styles.left}`;\n        break;\n      }\n\n      case 'top-right': {\n        className += ` ${styles.above} ${styles.right}`;\n        break;\n      }\n\n      case 'bottom-left': {\n        className += ` ${styles.below} ${styles.left}`;\n        break;\n      }\n\n      case 'bottom-right': {\n        className += ` ${styles.below} ${styles.right}`;\n        break;\n      }\n    }\n\n    if (props.annotationClassName)\n      className += ` ${props.annotationClassName}`;\n\n    return className;\n  }\n\n  function getContainerClassName(): string {\n    let className = `d-flex align-items-center text-center position-relative w-100 ${styles.imageContainer}`;\n\n    if (props.contentPosition === 'center')\n      className += ' px-5 justify-content-center';\n\n    if (props.contentPosition === 'right')\n      className += ' me-n5 justify-content-end';\n\n    return className;\n  }\n\n  return (\n    <div className={getContainerClassName()}>\n      {!!props.annotationUrl && (\n        <div className={getAnnotationClassName()}>\n          <img className={`img-fluid`} src={props.annotationUrl} />\n        </div>\n      )}\n\n      {props.children}\n      {props.contentPosition === 'right' && (\n        <div className={styles.divider} />\n      )}\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"magicTab\":\"H5jzm\",\"subjectPlaceholder\":\"r1L6T\",\"placeholderCover\":\"z9CFT\",\"promotedTopicPlaceholder\":\"PbYs6\",\"promotedTopicPlaceholderText\":\"hZ8Nf\"};","import React from 'react';\n\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { Classification, Presentation } from 'libs/shared/interfaces';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\n\nimport { MockLayout } from 'apps/onboarding/components/mock-views/layout/MockLayout';\n\nimport styles from './mock-discover.scss';\n\ninterface SubjectPlaceholderProps {\n  coverUrl?: string;\n}\n\nfunction SubjectPlaceholder(props: SubjectPlaceholderProps): JSX.Element {\n  return (\n    <li className='col-4'>\n      <div className={`d-flex border rounded-3 overflow-hidden ${styles.subjectPlaceholder}`}>\n        {props.coverUrl ? (\n          <div className={styles.placeholderCover}>\n            <img className='img-fluid' src={ImageHelper.createUrl(props.coverUrl, { size: ImageSize.Small })} />\n          </div>\n        ) : (\n          <div className={`${styles.placeholderCover} bg-light-blue`} />\n        )}\n      </div>\n    </li>\n  );\n}\n\nfunction PromotedTopicPlaceholder(): JSX.Element {\n  return (\n    <li className='col-4'>\n      <div className={`bg-light-blue rounded-3 w-100 p-1 ${styles.promotedTopicPlaceholder}`} />\n    </li>\n  );\n}\n\ninterface MockDiscoverProps {\n  subjects?: Classification[];\n  presentation?: Presentation;\n  curriculum?: Presentation;\n  editingCurriculum?: boolean;\n}\n\nexport function MockDiscover(props: MockDiscoverProps): JSX.Element {\n  const placeholderSubjects = Math.max(12 - (props.subjects?.length ?? 0), 0);\n\n  return (\n    <MockLayout\n      presentation={props.presentation}\n      curriculum={props.curriculum}\n      editingCurriculum={props.editingCurriculum}\n    >\n      <div className='px-3 pt-3 w-100 d-flex flex-column align-items-center'>\n        {/* Magic tabs */}\n        <div className='rounded-3 border overflow-hidden d-flex mb-2'>\n          <div className={`bg-light ${styles.magicTab}`} />\n          <div className={`${styles.magicTab}`} />\n        </div>\n\n        {/* Subjects */}\n        <ul className='list-unstyled mb-0 row w-100 g-xl-2 g-lg-1 mb-2'>\n          {props.subjects?.map(subject => {\n            return (\n              <SubjectPlaceholder key={subject.id} coverUrl={subject.cover?.url} />\n            );\n          })}\n          {new Array(placeholderSubjects).fill(0).map((_, index) => {\n            return (\n              <SubjectPlaceholder key={index} />\n            );\n          })}\n        </ul>\n\n        {/* Promoted topics */}\n        <ul className='list-unstyled mb-0 row w-100 g-xl-2 g-lg-1'>\n          <PromotedTopicPlaceholder />\n          <PromotedTopicPlaceholder />\n          <PromotedTopicPlaceholder />\n          <PromotedTopicPlaceholder />\n          <PromotedTopicPlaceholder />\n          <PromotedTopicPlaceholder />\n          <PromotedTopicPlaceholder />\n          <PromotedTopicPlaceholder />\n          <PromotedTopicPlaceholder />\n        </ul>\n      </div>\n    </MockLayout>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"dot\":\"AlRQD\",\"logo\":\"L42gR\",\"blackBar\":\"ESCxm\",\"topNav\":\"a3G_4\",\"leftNav\":\"YxGVV\",\"belowHeader\":\"jc_cg\",\"leftNavIcon\":\"U6i6r\",\"leftNavText\":\"LnYlW\",\"presentationPlaceholderIcon\":\"Ljaju\",\"presentationIcon\":\"QdwPq\",\"presentationPlaceholderText\":\"af06V\",\"curriculumIcon\":\"N7T4T\",\"curriculumIconSmall\":\"_6xrUg\",\"curriculumContainer\":\"Z65qX\",\"iconPlaceholder\":\"CKOXL\",\"shadow\":\"zygeJ\",\"presentationName\":\"Oj7Dt\"};","import React from 'react';\n\nimport { IconCircle } from 'libs/shared/components/icon-circle/IconCircle';\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { ClickViewLogo, ClickViewPrimaryLogo } from 'libs/shared/components/svgs/clickview-logo/ClickViewLogo';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { PresentationLearningLevel } from 'libs/shared/enums/PresentationLearningLevel';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\nimport { Presentation } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\nimport { TopicsHelper } from 'libs/shared/utils/topics-helper/TopicsHelper';\n\nimport styles from './mock-layout.scss';\n\nconst namespace = 'onboarding.mockLayout';\n\nfunction LeftNavItem(): JSX.Element {\n  return (\n    <div className='d-flex align-items-center justify-content-center mb-2 px-3'>\n      <div className={`${styles.leftNavIcon} rounded-circle`} />\n      <div className={`${styles.leftNavText} rounded-pill`} />\n    </div>\n  );\n}\n\ninterface MockLayoutProps {\n  editingCurriculum?: boolean;\n  curriculum?: Presentation;\n  presentation?: Presentation;\n}\n\nexport function MockLayout(props: React.PropsWithChildren<MockLayoutProps>): JSX.Element {\n  const breakpoints = useBreakpoints();\n  \n  function getPresentationClass(): string {\n    if (!props.presentation)\n      return styles.presentationPlaceholderIcon;\n\n    switch (TopicsHelper.getMappedPresentationLevel(props.presentation.learningLevel)) {\n      case PresentationLearningLevel.Level_1:\n        return `bg-indigo ${styles.presentationIcon}`;\n\n      case PresentationLearningLevel.Level_3:\n        return `bg-blue ${styles.presentationIcon}`;\n\n      default:\n      case PresentationLearningLevel.Level_2:\n        return `bg-green ${styles.presentationIcon}`;\n    }\n  }\n\n  return (\n    <div className={`border border-dark border-2 bg-white rounded-3 user-select-none overflow-hidden position-relative h-100 w-100`}>\n      {!!props.editingCurriculum && (\n        <div className={`w-100 h-100 position-absolute ${styles.shadow}`}>\n          <div className={`d-flex align-items-center h-100 w-50 ${styles.curriculumContainer}`}>\n            <div className='bg-white rounded-3 border p-3 w-100'>\n              <h2 className='h6 text-start'><Text namespace={namespace} phrase='curriculum' /></h2>\n\n              {props.curriculum ? (\n                <div className='d-flex align-items-center'>\n                  <div className={`${styles.curriculumIcon} rounded-circle me-2 border`}>\n                    <IconCircle imageUrl={props.curriculum.cover?.url} />\n                  </div>\n                  <div className='text-start'>{props.curriculum.name}</div>\n                </div>\n              ) : (\n                <div className='d-flex align-items-center text-secondary'>\n                  <div className={`me-2 rounded-circle p-1 ${styles.iconPlaceholder}`}>\n                    <IconCircle svgSize={SvgContainerSize.Large} textVariant='secondary' svgName={cvSvgLibrary.GraduationCap} />\n                  </div>\n                  <Text namespace={namespace} phrase='selectCurriculum' />\n                </div>\n              )}\n            </div>\n          </div>\n        </div>\n      )}\n\n      {/* Black bar */}\n      <div className={`bg-dark d-flex px-3 py-2 ${styles.blackBar}`}>\n        <div className={`rounded-circle me-2 ${styles.dot}`} />\n        <div className={`rounded-circle me-2 ${styles.dot}`} />\n        <div className={`rounded-circle ${styles.dot}`} />\n      </div>\n\n      {/* Header */}\n      <div className={`border-bottom px-3 py-2 d-flex align-items-center ${styles.topNav}`}>\n        <div className={`${styles.logo} me-4`}>\n          {breakpoints.xs ? (\n            <ClickViewPrimaryLogo />\n          ) : (\n            <ClickViewLogo />\n          )}\n        </div>\n        <div className='form-control w-75 d-flex justify-content-start'>\n          <SvgContainer svgName={cvSvgLibrary.Search} />\n        </div>\n        {!!props.curriculum && (\n          <div className={`${styles.curriculumIconSmall} rounded-circle ms-2 me-n1 border`}>\n            <IconCircle imageUrl={props.curriculum.cover?.url} />\n          </div>\n        )}\n      </div>\n\n      <div className={`d-flex ${styles.belowHeader}`}>\n        {/* Left nav */}\n        <div className={`${styles.leftNav} border-end`}>\n          <div className='d-flex flex-column pt-3 h-100'>\n            <LeftNavItem />\n            <LeftNavItem />\n            <LeftNavItem />\n            <LeftNavItem />\n            <LeftNavItem />\n\n            {/* Presentation */}\n            <div className='d-flex align-items-end h-100 w-100'>\n              <div className='border-top p-3 w-100'>\n                <div className='d-flex align-items-center'>\n                  <div className={`${getPresentationClass()} text-white rounded`}>\n                    <SvgContainer svgName={cvSvgLibrary.School} size={SvgContainerSize.Large} />\n                  </div>\n\n                  {!props.presentation ? (\n                    <div className={`${styles.presentationPlaceholderText} fw-semibold`}>\n                      <Text namespace={namespace} phrase='schoolLevel' />\n                    </div>\n                  ) : (\n                    <span className={`fw-semibold text-truncate ${styles.presentationName}`}>{props.presentation.name}</span>\n                  )}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        {/* Main content */}\n        <div className={`w-100 h-100 overflow-hidden`}>\n          {props.children}\n        </div>\n      </div>\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"selected\":\"igx0Y\",\"disabled\":\"nDUWB\",\"annotation\":\"IN0vA\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/react/index';\n\nimport { OnboardingDescriptor, UserAction } from 'libs/analytics/interfaces';\n\nimport { ClassificationVideosMap } from 'libs/shared/apps/onboarding/constants/ClassificationVideos';\nimport { OnboardingScreenConfigs } from 'libs/shared/apps/onboarding/constants/OnboardingScreenConfigs';\nimport { useOnboardingPathway } from 'libs/shared/apps/onboarding/hooks/useOnboardingPathway';\nimport { OnboardingHelper } from 'libs/shared/apps/subjects/utils/OnboardingHelper';\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { CoverPillWidgetContent } from 'libs/shared/components/widgets/items/subject-widget-item/CoverPill';\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { SettingKind } from 'libs/shared/enums/SettingKind';\nimport { SettingName } from 'libs/shared/enums/SettingName';\nimport { PreferenceRequests } from 'libs/shared/flight-requests/PreferenceRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useIsKDM } from 'libs/shared/hooks/UseIsKdm';\nimport { useSettings } from 'libs/shared/hooks/useSettings';\nimport { Classification, CurrentUser } from 'libs/shared/interfaces';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\nimport { TopicsHelper } from 'libs/shared/utils/topics-helper/TopicsHelper';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\nimport { useCurriculums } from 'shared/hooks/useCurriculums';\nimport { usePresentation } from 'shared/hooks/usePresentation';\n\nimport { OnboardingScreenHeading } from 'apps/onboarding/components/heading/OnboardingScreenHeading';\nimport { OnboardingScreenInfo } from 'apps/onboarding/components/info/OnboardingScreenInfo';\nimport { OnboardingLayout } from 'apps/onboarding/components/layout/OnboardingLayout';\nimport { LeftPanelItem } from 'apps/onboarding/components/left-panel-item/LeftPanelItem';\nimport { MockDiscover } from 'apps/onboarding/components/mock-views/discover/MockDiscover';\nimport { useOnboardingCallbacks } from 'apps/onboarding/hooks/useOnboardingCallbacks';\nimport { useOnboardingEventLogger } from 'apps/onboarding/hooks/useOnboardingEventLogger';\nimport { OnboardingViewProps } from 'apps/onboarding/interfaces/OnboardingViewProps';\nimport { getOnboardingAppLinks } from 'apps/onboarding/utils/OnboardingAppLinkHelper';\n\nimport styles from './subjects.scss';\n\nconst namespace = 'onboarding.subjects';\n\nexport function OnboardingSubjectsView(props: OnboardingViewProps): JSX.Element {\n  const appLinks = getOnboardingAppLinks();\n  const { getPathway } = useOnboardingPathway(appLinks);\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const { preferredPresentation } = usePresentation();\n  const fetchAsync = Flight.useGetFetchAsync();\n  const {\n    onClickBack,\n    exitOnboarding,\n    onSaveError,\n    completeStepAsync\n  } = useOnboardingCallbacks(props.redirectUrl);\n  const { preferredCurriculum } = useCurriculums();\n  const { logEvent } = useOnboardingEventLogger();\n\n  const pathway = getPathway();\n  const screenConfig = OnboardingScreenConfigs[pathway.currentScreen];\n\n  const { updateSettingAsync, bulkOnboardingPreferencesState } = useSettings(screenConfig?.analyticsLocation);\n\n  const subjects = Flight.useBasicFetch<Classification[]>(PreferenceRequests.allSubjectPreferences());\n  const initialSelectedSubjects = Flight.useBasicFetch<Classification[]>(PreferenceRequests.mySubjectPreferences());\n  const initialBulkState = OnboardingHelper.hasBulkSelectedTopics(bulkOnboardingPreferencesState);\n\n  const [ selectedSubjects, setSelectedSubjects ] = React.useState<Classification[]>([]);\n  const [ allSubjectsSelected, setAllSubjectsSelected ] = React.useState(initialBulkState);\n\n  const isKDM = useIsKDM();\n\n  const selectableSubjects = subjects.data?.filter(subject => {\n    return !!ClassificationVideosMap[subject.presentationId]?.[subject.id];\n  });\n\n  React.useEffect(() => {\n    if (!initialSelectedSubjects.hasCompleted || !initialSelectedSubjects.data?.length)\n      return;\n\n    if (allSubjectsSelected)\n      return;\n\n    setSelectedSubjects(initialSelectedSubjects.data);\n  }, [initialSelectedSubjects.hasCompleted]);\n\n  function onSelectSubject(subject: Classification): void {\n    if (allSubjectsSelected)\n      return;\n\n    logEvent(UserAction.Select, OnboardingDescriptor.SelectSubject, {\n      subjectId: subject.id,\n      subjectName: subject.name,\n      presentationId: preferredPresentation.id,\n      presentationName: preferredPresentation.name,\n      presentationDescription: preferredPresentation.description\n    });\n\n    if (selectedSubjects.find(s => s.id === subject.id)) {\n      setSelectedSubjects(selectedSubjects.filter(s => s.id !== subject.id));\n      return;\n    }\n\n    setSelectedSubjects(selectedSubjects.concat(subject));\n  }\n\n  function onClickAllSubjects(): void {\n    logEvent(UserAction.Select, OnboardingDescriptor.SelectAllSubjects, {\n      presentationId: preferredPresentation.id,\n      presentationName: preferredPresentation.name,\n      presentationDescription: preferredPresentation.description\n    });\n\n    if (!allSubjectsSelected)\n      setSelectedSubjects([]);\n\n    setAllSubjectsSelected(!allSubjectsSelected);\n  }\n\n  async function onClickNext(): Promise<void> {\n    logEvent(UserAction.Click, OnboardingDescriptor.Next, {\n      subjects: selectedSubjects.map(s => ({\n        subjectId: s.id,\n        subjectName: s.name\n      })),\n      allSubjectsSelected,\n      presentationId: preferredPresentation.id,\n      presentationName: preferredPresentation.name,\n      presentationDescription: preferredPresentation.description\n    });\n\n    try {\n      const requests: Promise<void>[] = [];\n\n      if (allSubjectsSelected !== initialBulkState) {\n        requests.push(\n          updateSettingAsync(currentUser.data.id, {\n            name: SettingName.BulkOnboardingPreferencesState,\n            value: OnboardingHelper.getNextBulkState(bulkOnboardingPreferencesState, 'topics'),\n            kind: SettingKind.Permanent\n          })\n        );\n      }\n\n      if (!allSubjectsSelected) {\n        const addedSubjects = selectedSubjects.filter(selection => {\n          return !initialSelectedSubjects.data.find(p => p.id === selection.id);\n        });\n        const removedSubjects = initialSelectedSubjects.data.filter(p => !selectedSubjects.find(s => s.id === p.id));\n  \n        if (addedSubjects?.length)\n          requests.push(fetchAsync<void>(PreferenceRequests.followSubjects(addedSubjects.map(s => s.id))));\n  \n        if (removedSubjects?.length)\n          requests.push(fetchAsync<void>(PreferenceRequests.unfollowSubjects(removedSubjects.map(s => s.id))));\n      }\n\n      await Promise.all(requests);\n      await completeStepAsync();\n    } catch {\n      onSaveError();\n      return Promise.reject();\n    }\n  }\n\n  return (\n    <OnboardingLayout namespace={namespace}>\n      <OnboardingLayout.Left className='bg-dark-blue d-flex flex-column align-items-end justify-content-center'>\n        <LeftPanelItem\n          annotationUrl={ImageUrls.OnboardingV2.Subjects.ANNOTATION}\n          annotationPosition='top-right'\n          annotationClassName={`me-5 ${styles.annotation}`}\n        >\n          <MockDiscover\n            presentation={preferredPresentation}\n            subjects={allSubjectsSelected ? selectableSubjects : selectedSubjects}\n            curriculum={preferredCurriculum}\n          />\n        </LeftPanelItem>\n      </OnboardingLayout.Left>\n\n      <OnboardingLayout.Right\n        hasCustomButtons={false}\n        onClickNext={onClickNext}\n        onClickBack={onClickBack}\n        onClickComeBackLater={exitOnboarding}\n        disableNext={!selectedSubjects.length && !allSubjectsSelected}\n      >\n        <OnboardingScreenHeading>\n          <Text phrase={isKDM ? 'headingKdm' : 'heading'} />\n        </OnboardingScreenHeading>\n\n        <OnboardingScreenInfo>\n          <Text phrase='info' />\n        </OnboardingScreenInfo>\n\n        <DivButton onClick={onClickAllSubjects}>\n          <CoverPillWidgetContent\n            data={{ name: LanguageService.getPhrase(namespace, 'allSubjects') }}\n            coverUrl={TopicsHelper.getPresentationLevelImage(preferredPresentation.learningLevel, 'cover')}\n            isSelected={allSubjectsSelected}\n            multiline\n          />\n        </DivButton>\n\n        <div className='d-flex align-items-center justify-content-between py-3'>\n          <hr className='m-0 flex-grow-1 border-dark' />\n\n          <p className='mb-0 px-3'><Text phrase='orSelectSubjects' /></p>\n\n          <hr className='m-0 flex-grow-1 border-dark' />\n        </div>\n\n        <ul className='list-unstyled row g-2 mb-0'>\n          {selectableSubjects?.map(subject => {\n            const isSelected = !!selectedSubjects.find(s => s.id === subject.id);\n\n            let className = '';\n\n            if (allSubjectsSelected)\n              className += `cursor-default ${styles.disabled}`;\n            else if (isSelected)\n              className += styles.selected;\n            \n            return (\n              <li key={subject.id} className='col-12 col-sm-6 col-md-6 col-lg-12 col-xl-6'>\n                <DivButton\n                  onClick={() => onSelectSubject(subject)}\n                  disabled={allSubjectsSelected}\n                  className={className}\n                >\n                  <CoverPillWidgetContent\n                    data={subject}\n                    coverUrl={ImageHelper.createUrl(subject.cover?.url, {\n                      size: ImageSize.Small\n                    })}\n                    isSelected={isSelected}\n                    multiline\n                  />\n                </DivButton>\n              </li>\n            );\n          })}\n        </ul>\n\n        <OnboardingScreenInfo className='mt-2'>\n          <Text phrase='addMoreLater' />\n        </OnboardingScreenInfo>\n      </OnboardingLayout.Right>\n    </OnboardingLayout>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"appLink\":\"fFjKN\",\"name\":\"A_by9\",\"selectedMask\":\"xSQtR\",\"widgetItem\":\"Ys9W_\",\"text\":\"JfAoy\",\"imagePanel\":\"aUNDc\",\"partialLargeImage\":\"RuLxv\",\"selected\":\"BViJb\",\"image\":\"LkTep\",\"dragHandle\":\"CJqvP\",\"large\":\"R5clw\",\"comingSoonPanel\":\"Wa2PG\",\"newVideos\":\"s61h8\",\"editSubjectsItem\":\"gGNFD\",\"allSubjectsItem\":\"IHdlJ\",\"logoContainer\":\"Nzaes\",\"draggingItem\":\"zUOye\",\"partialLargeFallback\":\"FmJP9\",\"partialIcon\":\"sdZuo\"};"],"names":["BulkOnboardingPreferencesState","OnboardingHelper","hasManyPresentationTypes","presentations","totalAvailableSubjectPresentations","totalAvailableCurriculumPresentations","forEach","p","type","PresentationType","hasManySubjectPresentations","hasManyCurriculumPresentations","getBulkPreferencesState","state","AllSubjectsAndAllLevels","levels","subjects","AllLevels","AllSubjects","hasBulkSelectedLevels","bulkState","hasBulkSelectedTopics","getNextBulkState","current","managing","None","isManagingTopics","namespace","ComingSoonNamePanel","name","multiline","noUnderLine","wrapperClassName","textClassName","className","phrase","NormalNamePanel","subtitle","newVideosCount","title","options","smartCount","CoverPillWidgetContent","props","coverUrl","size","isLarge","classification","undefined","data","childProps","highlightOnHover","showNewVideosCount","externalMetadata","childDashboardNewVideoCount","isSelected","id","hideCheckmark","svgName","svgSize","S","textVariant","variant","imageClassName","style","backgroundImage","hideFallback","extraClasses","isComingSoon","CoverPillWidgetContentWrapper","appLink","getChildAppLink","analyticsData","analyticsOptions","appLinkOptions","getChildAppLinkOptions","LeftPanelItem","contentPosition","annotationUrl","annotationPosition","annotationClassName","getAnnotationClassName","src","children","defaultProps","SubjectPlaceholder","ImageHelper","PromotedTopicPlaceholder","MockDiscover","placeholderSubjects","Math","max","length","MockLayout","presentation","curriculum","editingCurriculum","map","subject","key","cover","url","Array","fill","_","index","LeftNavItem","breakpoints","useBreakpoints","Text","IconCircle","imageUrl","SvgContainer","xs","ClickViewLogo","TopicsHelper","learningLevel","PresentationLearningLevel","getPresentationClass","OnboardingSubjectsView","appLinks","getPathway","useOnboardingPathway","currentUser","UserRequests","preferredPresentation","usePresentation","fetchAsync","useOnboardingCallbacks","redirectUrl","onClickBack","exitOnboarding","onSaveError","completeStepAsync","preferredCurriculum","useCurriculums","logEvent","useOnboardingEventLogger","pathway","screenConfig","OnboardingScreenConfigs","currentScreen","useSettings","analyticsLocation","updateSettingAsync","bulkOnboardingPreferencesState","PreferenceRequests","initialSelectedSubjects","initialBulkState","selectedSubjects","setSelectedSubjects","allSubjectsSelected","setAllSubjectsSelected","isKDM","selectableSubjects","filter","ClassificationVideos","presentationId","hasCompleted","OnboardingLayout","ImageUrls","hasCustomButtons","onClickNext","s","subjectId","subjectName","presentationName","presentationDescription","description","requests","push","SettingName","value","kind","SettingKind","addedSubjects","selection","find","removedSubjects","Promise","all","reject","onClickComeBackLater","disableNext","OnboardingScreenHeading","OnboardingScreenInfo","DivButton","onClick","CoverPill","LanguageService","concat","onSelectSubject","disabled"],"sourceRoot":""}

package/dist/scripts/8801-222a1b2e99-lite.chunk.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[8801],{50690:(e,t,n)=>{n.d(t,{b:()=>r});var a=n(12788),r={renderInPortalIfExists:function(e,t){return t?(0,a.createPortal)(e,t):e}}},84963:(e,t,n)=>{n.d(t,{r:()=>d});var a=n(32735),r=n(23481),i=n(83914),o=n(76177),l=n(35223);const c={tag:"XRj8d",tooltip:"X6mLk"};var s="specialEventCalendar.comingSoonTag";function d(e){return a.createElement(o.u,{title:r.T.getPhrase(s,"tooltip"),spanHackClassName:"d-block ".concat(c.tooltip),spanHack:!0},a.createElement("div",{className:"d-flex text-dark align-items-center ".concat(c.tag," ").concat(e.className)},a.createElement(i.x,{svgName:l.vn.Timer}),!e.onlyIcon&&r.T.getPhrase(s,"comingSoon")))}},73679:(e,t,n)=>{n.d(t,{s:()=>o});var a=n(32735),r=n(36848);const i={dateItem:"I3SBm",label:"PRORs",body:"RfiM_",bodyDay:"ZOVny",bodyRange:"vYhXN",bodyMonth:"mYslO",month:"EPkkQ"};function o(e){var t,n,o;return a.createElement(r.F,{appLink:null===(t=e.getAppLink)||void 0===t?void 0:t.call(e),className:"text-decoration-none text-center bg-white text-dark border border-3 ".concat(null===(n=e.theme)||void 0===n?void 0:n.border," rounded-3 d-block fw-semibold ").concat(e.className),analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},a.createElement("div",{className:"position-relative ".concat(i.dateItem)},a.createElement("div",{className:"".concat(null===(o=e.theme)||void 0===o?void 0:o.background," py-1 ").concat(i.label," d-flex align-items-center justify-content-center")},e.label?e.label:a.createElement(a.Fragment,null," ")),a.createElement("div",{className:"".concat(function(){switch(e.body.type){case"range":return i.bodyRange;case"day":return i.bodyDay;case"month":return i.bodyMonth}}()," ").concat(i.body," my-2")},e.body.text),a.createElement("div",{className:"mb-0 ".concat(i.month)},e.month)))}},83657:(e,t,n)=>{n.d(t,{e:()=>s});var a=n(32735),r=n(91967),i=n(10874),o=n(76177),l=n(42735),c=n(86509);function s(e){var t=a.useMemo((function(){return e.actions.sort((function(e,t){return e.order-t.order}))}),[e.actions]),n=[],s=[];t.forEach((function(e){e.button?n.push(e):s.push(e)}));var d="d-flex";return e.className&&(d+=" ".concat(e.className)),n.length||s.length?a.createElement("div",{className:d},n.length?n.map((function(t,n){return a.createElement(a.Fragment,{key:n},function(){if(t.label){var n=r.q.isFunction(t.label)?t.label:function(){return a.createElement(a.Fragment,null,t.label)};return a.createElement(l.K,{appLink:t.appLink,href:t.href,onClick:t.onClick,svgName:t.svgName,svgSize:e.dropdownToggleSvgSize,className:t.className,tooltip:t.tooltip,showSpinner:t.showSpinner,analyticsData:t.analyticsData,analyticsOptions:t.analyticsOptions,openInNewTab:t.openInNewTab,disabled:t.disabled},n())}var c=a.createElement(i.h,{appLink:t.appLink,href:t.href,onClick:t.onClick,svgName:t.svgName,className:t.className,analyticsData:t.analyticsData,analyticsOptions:t.analyticsOptions,openInNewTab:t.openInNewTab,disabled:t.disabled,showBorder:t.showBorder,customSize:e.customSize,ariaLabel:t.tooltip});return t.tooltip?a.createElement(o.u,{title:t.tooltip,spanHack:!0},c):c}())})):a.createElement(a.Fragment,null),e.sortComponent&&e.sortComponent,s.length?a.createElement(c.m,{actions:s,dropdownToggleClassName:e.actionsDropdownClassName,dropdownToggleSvgSize:e.dropdownToggleSvgSize,fetchMore:e.fetchMore}):a.createElement(a.Fragment,null)):a.createElement(a.Fragment,null)}},86509:(e,t,n)=>{n.d(t,{m:()=>g});var a=n(32735),r=n(91967),i=n(81886),o=n(45157),l=n(49985),c=n(36848),s=n(83914),d=n(76177),u=n(35223);const m={dropdownToggle:"UCAnJ"};function f(){return a.createElement(a.Fragment,null,a.createElement("div",{style:{padding:"0.53125rem 1rem"}},a.createElement("div",{className:"partial-loading-background",style:{height:"1.0625rem",width:"8rem"}})),a.createElement("div",{style:{padding:"0.53125rem 1rem"}},a.createElement("div",{className:"partial-loading-background",style:{height:"1.0625rem",width:"12rem"}})),a.createElement("div",{style:{padding:"0.53125rem 1rem"}},a.createElement("div",{className:"partial-loading-background",style:{height:"1.0625rem",width:"11rem"}})),a.createElement("div",{style:{padding:"0.53125rem 1rem"}},a.createElement("div",{className:"partial-loading-background",style:{height:"1.0625rem",width:"9rem"}})))}function v(e){var t="dropdown-item";return e&&(t+=" ".concat(e)),t}function p(e){var t=r.q.isFunction(e.action.label)?e.action.label:function(){return a.createElement(a.Fragment,null,e.action.label)};if(e.action.appLink)return a.createElement(c.F,{appLink:e.action.appLink,onClick:e.action.onClick,className:v(e.action.className),analyticsData:e.action.analyticsData,analyticsOptions:e.action.analyticsOptions,openInNewTab:e.action.openInNewTab,disabled:e.action.disabled},e.action.svgName&&a.createElement(s.x,{svgName:e.action.svgName,className:"d-inline-block svg-container me-2 align-middle"}),a.createElement("span",{className:"align-middle"},t()));function n(t){t.preventDefault(),e.action.analyticsData&&e.action.analyticsOptions&&l.k.logUserAction(e.action.analyticsData,e.action.analyticsOptions),r.q.isFunction(e.action.onClick)&&e.action.onClick(),e.action.href&&i.Q.Ab.PageLoad(e.action.href,e.action.openInNewTab)}return e.action.href?a.createElement("a",{className:v(e.action.className),onClick:n,href:e.action.href},e.action.svgName&&a.createElement(s.x,{svgName:e.action.svgName,className:"d-inline-block svg-container me-2 align-middle"}),a.createElement("span",{className:"align-middle"},t())):a.createElement("span",{className:"cursor-pointer ".concat(v(e.action.className)),onClick:n,role:"button",tabIndex:0,onKeyDown:function(e){return"Enter"===e.key&&n(e)}},e.action.svgName&&a.createElement(s.x,{svgName:e.action.svgName,className:"d-inline-block svg-container me-2"}),t())}function g(e){if(!e.actions||!e.actions.length)return a.createElement(a.Fragment,null);var t=e.actions.some((function(e){return e.lazyPlaceholder})),n="dropdown";e.className&&(n+=" ".concat(e.className));var r,i="actions-dropdown-".concat(o.Y.getRandomInt()),l="dropdown-toggle px-0 ".concat(m.dropdownToggle);return e.dropdownToggleClassName&&(l+=" ".concat(e.dropdownToggleClassName)),a.createElement("div",{className:n},a.createElement("button",{className:l,type:"button",id:i,"data-bs-toggle":"dropdown","data-toggle":"dropdown","aria-haspopup":"true","aria-expanded":"false","aria-label":"More actions dropdown",onClick:t?e.fetchMore:null},a.createElement(s.x,{svgName:u.vn.More,size:e.dropdownToggleSvgSize})),a.createElement("ul",{className:"dropdown-menu dropdown-menu-end dropdown-menu-right font-size-normal","aria-labelledby":i},t?a.createElement(f,null):e.actions.map((function(e,t){var n=void 0!==r&&r!==e.group;return r=e.group,e.tooltip?a.createElement("li",{key:t},n&&a.createElement("hr",{className:"dropdown-divider",role:"separator"}),a.createElement(d.u,{title:e.tooltip,spanHack:!0},a.createElement(p,{action:e}))):a.createElement("li",{key:t},n&&a.createElement("hr",{className:"dropdown-divider",role:"separator"}),a.createElement(p,{action:e}))}))))}g.defaultProps={dropdownToggleClassName:"btn btn-light",dropdownToggleSvgSize:s.S.Small}},44522:(e,t,n)=>{n.d(t,{p:()=>L,v:()=>C});var a=n(32735),r=n(110),i=n(50690),o=n(84963),l=n(73679),c=n(83657),s=n(23481),d=n(36848),u=n(83914),m=n(35223),f="shared.backButton";function v(e){var t=Object.assign({textShadow:!0},e),n=t.backToName,r=t.appLink,i=t.color,o=t.extraClasses,l=t.textShadow,c=n?s.T.getPhrase(f,"backTo",{backToName:n}):s.T.getPhrase(f,"back"),v="black"===i?"":"text-white",p=l?"text-shadow":"";return a.createElement(d.F,{appLink:r,className:"d-inline-flex align-items-center h5 mb-0 ".concat(o," ").concat(v," ").concat(p)},a.createElement(u.x,{svgName:m.vn.ChevronLeft,size:u.S.Medium}),a.createElement("span",{className:"ms-1"},c))}v.defaultProps={color:"black",extraClasses:""};var p=n(36518),g=n(83345),b=n(10587),h=n(94232),y=n(54610),E=n(79967),N=n(67453);const w={bannerContent:"sSCTB",actionsContainer:"Z5WI2",bannerContentWithLogo:"rgs7Q",container:"M51HJ",logoContainer:"vkeJk",logoContainerLeft:"M3U9B",logoHeading:"EtRwC",specialEventContainer:"rOxDc",headingLarge:"_8pnV",heading:"JXVBH"};var S="".concat(b.y[y.__.Banners].width,":").concat(b.y[y.__.Banners].height);function k(e){return e.length<160?"h1":w.headingLarge}var L=a.memo((function(e){var t,n,s,d,u=e.heading,m=e.banner,f=e.imageCdnUrl,b=e.actions,L=e.sortComponent,C=e.blockColourClass,A=e.specialEvent,I=a.useContext(h.n),x=(0,E.k)().xxl?1920:1200,T=a.useMemo((function(){if(!A||e.showComingSoon)return!1;var t=r.O.format(new Date,"YYYY-MM-DD");return A.endDate?A.startDate<=t&&A.endDate>=t:A.startDate===t}),[A]),O=e.imageOptions||{width:x,ratio:S,resizeType:y.Nq.Cover},P=!!m&&!!f&&N.j.createBannerUrl(m,{fallbackBaseUrl:f,fallbackCategoryName:u,type:y.__.Banners},O),D={className:"banner banner-header ".concat(e.bannerClassName),style:P?{backgroundImage:"url('".concat(P,"')")}:{}};!m&&C&&(delete D.style,D.className+=" ".concat(C));var j=e.detailsComponent;return i.b.renderInPortalIfExists(a.createElement("header",Object.assign({},D),a.createElement("div",{className:"container ".concat(w.container," position-relative inner-banner")},e.backButtonAppLink&&a.createElement("div",{className:"pt-3"},a.createElement(v,{appLink:e.backButtonAppLink,backToName:e.backButtonText,extraClasses:e.backButtonClasses,color:"white"})),a.createElement("div",{className:"".concat(e.alignLogoLeft?"position-absolute top-50 start-0 translate-middle-y w-100 ps-4":"".concat(w.bannerContent," px-2 ").concat((null===(t=e.logo)||void 0===t?void 0:t.url)?w.bannerContentWithLogo:""))},!!A&&a.createElement("div",{className:"position-relative ".concat(w.specialEventContainer)},a.createElement(l.s,{body:{type:A.endDate?"range":"day",text:A.endDate?"".concat(r.O.format(A.startDate,"DD"),"-").concat(r.O.format(A.endDate,"DD")):r.O.format(A.startDate,"DD")},month:r.O.format(A.startDate,"MMMM"),theme:e.calendarTheme})),a.createElement("div",null,T&&a.createElement("div",{className:"rounded-pill py-1 px-2 my-1 me-1 fw-semibold bg-light-blue lh-1 d-inline-block"},a.createElement(g.x,{namespace:"shared.bannerHeader",phrase:"onToday"})),e.showComingSoon&&a.createElement(o.r,{className:"pe-2 fw-semibold mb-1 rounded-pill justify-content-start text-nowrap"}),a.createElement("div",{className:"d-flex align-items-center"},e.alignLogoLeft&&a.createElement("div",{className:"".concat(w.logoContainerLeft," d-none d-md-block partial-loading-background rounded-circle overflow-hidden me-3")},(null===(n=e.logo)||void 0===n?void 0:n.url)&&a.createElement(p.w,{src:N.j.createUrl(null===(s=e.logo)||void 0===s?void 0:s.url,{size:y.h2.Medium})})),a.createElement("h1",{className:"text-white text-shadow pe-3 position-static ".concat(w.heading," ").concat(k(u)," ").concat(e.alignLogoLeft?"w-50":"")},u,j&&a.createElement(j,null)))),!!b&&a.createElement("div",{className:w.actionsContainer},a.createElement(c.e,{actions:b,sortComponent:L,actionsDropdownClassName:e.actionsDropdownClassName}))),!e.alignLogoLeft&&!!(null===(d=e.logo)||void 0===d?void 0:d.url)&&a.createElement("div",{className:w.logoContainer},a.createElement("img",{src:N.j.createUrl(e.logo.url,{size:y.h2.Small}),className:"rounded-circle"})))),null==I?void 0:I.container)}),(function(e,t){var n,a;return e.actions===t.actions&&e.heading===t.heading&&(null===(n=e.logo)||void 0===n?void 0:n.url)===(null===(a=t.logo)||void 0===a?void 0:a.url)}));function C(){var e=a.useContext(h.n);return i.b.renderInPortalIfExists(a.createElement("div",{className:"partial-banner partial-loading-background ".concat(w.banner)}),null==e?void 0:e.container)}},49935:(e,t,n)=>{n.d(t,{Oo:()=>p,b2:()=>g});var a=n(32735),r=n(23481),i=n(36848),o=n(86764),l=n(3747),c=n(5859),s=n(35223),d=n(83914);function u(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(a=i.call(n)).done)&&(l.push(a.value),l.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return m(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?m(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}var f=r.T.encloseNamespace("shared.breadcrumbComponent"),v=a.forwardRef((function(e,t){var n=e.breadcrumb,r=n.name,o=n.appLink,l=n.active,c=e.withBackIcon;return a.createElement("li",{className:"breadcrumb-item".concat(l?" active":"")},l?a.createElement("strong",null,r):a.createElement(i.F,{appLink:o,ref:t},c&&a.createElement(d.x,{svgName:s.vn.ChevronLeft,size:d.S.Small}),a.createElement("span",{className:c?"ms-2":""},r)))})),p=function(e){var t=e.breadcrumbs,n=(0,l.a)(o.r.XS),r=(null==t?void 0:t.length)||0,i=u(a.useState(!1),2),c=i[0],s=i[1],d=u(a.useState(!1),2),m=d[0],p=d[1],g=a.useRef();if(a.useEffect((function(){var e,n=null!==(e=null==t?void 0:t.reduce((function(e,t){return e+t.name.length}),0))&&void 0!==e?e:0;r>3&&n>56&&s(!0)}),[null==t?void 0:t.length]),a.useLayoutEffect((function(){var e;m&&(null===(e=g.current)||void 0===e||e.focus())}),[g.current,m]),!r||n&&r<2)return a.createElement(a.Fragment,null);if(n)return a.createElement("nav",{"aria-label":"breadcrumb"},a.createElement("ol",{className:"breadcrumb m-0 p-0"},a.createElement(v,{breadcrumb:t[r-2],withBackIcon:!0})));var b=a.createElement(v,{breadcrumb:t[0]}),h=r>2?a.createElement(v,{breadcrumb:t[r-2]}):a.createElement(a.Fragment,null),y=a.createElement(v,{breadcrumb:t[r-1]}),E=t.slice(1,r-2);return a.createElement("nav",{"aria-label":"breadcrumb"},a.createElement("ol",{className:"breadcrumb m-0 p-0"},b,c?a.createElement("li",{className:"breadcrumb-item"},a.createElement("button",{className:"btn-link",onClick:function(){s(!1),p(!0)},"aria-label":f("expand")},"...")):E.map((function(e,t){return a.createElement(v,{key:t,breadcrumb:e,ref:0===t?g:null})})),h,y))},g=a.memo((function(e){var t=e.numItems,n=void 0===t?3:t;return(0,l.a)(o.r.XS)?a.createElement("div",{className:"partial-loading-background",style:{height:"1.3125rem",width:"6rem"}}):a.createElement("nav",{"aria-label":"breadcrumb"},a.createElement("ol",{className:"breadcrumb m-0 p-0"},c.u.getPartialLoadingItems({numItems:n}).map((function(e,t){var n=e.width;return a.createElement("li",{key:t,className:"breadcrumb-item"},a.createElement("span",{className:"d-inline-block partial-loading-background",style:{width:n},dangerouslySetInnerHTML:{__html:"&nbsp"}}))}))))}))},88513:(e,t,n)=>{n.d(t,{B:()=>d});var a=n(32735),r=n(23481),i=n(65858),o=n(36848);const l={seeMore:"yv0FS"};var c=r.T.encloseNamespace("shared.widgetHeader");function s(e){return a.createElement("div",{className:"ms-3 ".concat(l.seeMore)},a.createElement(o.F,{appLink:e.appLink,analyticsData:e.analyticsData,analyticsOptions:Object.assign(Object.assign({},e.analyticsOptions),{descriptor:i._S.SeeMore}),className:"text-decoration-none ".concat(e.appLink?"curated-widget-link":"")},a.createElement("p",{className:"hover-text-underline text-dark curated-widget-heading"},c("seeMore"))))}function d(e){var t=!!e.description;return e.name||e.description?a.createElement("div",{className:"curated-widget-header"},a.createElement("div",{className:"d-flex justify-content-between"},!!e.name&&a.createElement("div",{className:l.title},a.createElement(o.F,{appLink:e.appLink,analyticsOptions:e.analyticsOptions,analyticsData:e.analyticsData,className:"text-decoration-none ".concat(e.appLink?"curated-widget-link":""),onClick:e.onClick},a.createElement("h2",{className:"h4 curated-widget-heading"},e.name))),!!e.appLink&&!t&&!!e.showSeeMoreLink&&a.createElement(s,Object.assign({},e))),t&&a.createElement("div",{className:"d-flex justify-content-between align-items-end"},a.createElement("p",{className:"description curated-widget-description ".concat(l.description)},a.createElement("span",null,e.description)),!!e.appLink&&!!e.showSeeMoreLink&&a.createElement(s,Object.assign({},e)))):a.createElement(a.Fragment,null)}},47770:(e,t,n)=>{n.d(t,{K:()=>c});var a=n(32735),r=n(68050),i=n(69111),o=n(88513),l=n(91028);function c(e){return a.createElement(a.Fragment,null,a.createElement(o.B,{name:e.name,description:e.description}),a.createElement(r.Z,{className:"mb-n2"},e.content.map((function(t){return a.createElement(i.Z,{className:"position-relative pb-2",key:t.id,xs:12,sm:6,lg:e.hasTableOfContents?6:4,xl:4},a.createElement(l.V,{data:t,getChildAppLink:function(t){var n,a;return null===(a=null===(n=e.appLinks)||void 0===n?void 0:n.classification)||void 0===a?void 0:a.call(n,t)},analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,isLarge:!0}))}))))}},65163:(e,t,n)=>{n.d(t,{QL:()=>a.Q,eb:()=>a.e});var a=n(16450);n(14244)},29420:(e,t,n)=>{n.d(t,{T:()=>c});var a=n(32735);function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}function i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(a=i.call(n)).done)&&(l.push(a.value),l.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return o(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}var l=400;function c(e){var t=e.type,n=e.state,o=e.containerRef,c=e.mediaQuery,s=i(a.useState(!1),2),d=s[0],u=s[1],m=i(a.useState({}),2),f=m[0],v=m[1],p=i(a.useState(null),2),g=p[0],b=p[1];return a.useEffect((function(){"dynamic"===t&&o.current&&n.containerLeftPosition&&setTimeout((function(){return function(){var e,t=n;if(null===(e=o.current)||void 0===e?void 0:e.children){var a=Array.from(o.current.children).reduce((function(e,n){var a,i,o,l=null==n?void 0:n.getBoundingClientRect(),c=l.left<t.containerRightPosition&&l.right>t.containerLeftPosition;return Object.assign(Object.assign({},e),(a={},i=n.id,o=c?{"aria-hidden":!1}:{"aria-hidden":!0,inert:"true"},(i=function(e){var t=function(e,t){if("object"!=r(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var a=n.call(e,"string");if("object"!=r(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==r(t)?t:t+""}(i))in a?Object.defineProperty(a,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):a[i]=o,a))}),{});v(a)}}()}),l+50)}),[o.current,c,n.offset,n.containerLeftPosition]),{isTabbing:d,onFocusWidget:function(e){document.querySelector(".user-is-tabbing")&&(u(!0),b(e))},onBlurWidget:function(){document.querySelector(".user-is-tabbing")||(u(!1),b(null))},getFixedAttributes:function(e){var t=n;return e>=t.offset-t.viewableItems&&e<t.offset?{"aria-hidden":!1}:{inert:"true","aria-hidden":!0}},dynamicAttributes:f,focusNext:function(){setTimeout((function(){if(o.current){for(var e=o.current.querySelectorAll("li[aria-hidden]"),t=null,n=g+1;n<e.length&&!t;n++)t=e[n].querySelector('a[tabindex="0"]');t&&t.focus()}}),l+100)},focusPrev:function(){setTimeout((function(){if(o.current){for(var e=o.current.querySelectorAll("li[aria-hidden]"),t=null,n=g-1;n>=0&&!t;n--)t=e[n].querySelector('a[tabindex="0"]');t&&t.focus()}}),l+100)}}}},2192:(e,t,n)=>{n.d(t,{M:()=>h,Q:()=>y});var a=n(32735),r=n(45157),i=n(36848),o=n(60376),l=n(5465),c=n(83914),s=n(83345),d=n(54610),u=n(67453),m=n(45778),f=n(35223),v=n(92038),p="shared.subjectWidgetItem",g=function(e){var t=e.name,n=e.multiline,r=e.noUnderLine,i="".concat(v.Z.comingSoonPanel," \n    d-flex flex-column align-items-center justify-content-center px-3 text-center"),o="";return n?o+=" ".concat(v.Z.clamped," clamp-2"):(i+=" text-nowrap",o+=" text-truncate"),a.createElement("div",{className:i},a.createElement("small",{className:"text-secondary"},a.createElement(s.x,{namespace:p,phrase:"comingSoon"})),a.createElement("p",{className:"".concat(r?"":v.Z.name," h6")},a.createElement("span",{className:o},t)))},b=function(e){var t=e.name,n=e.multiline,r=e.subtitle,i=e.noUnderLine,o=e.newVideosCount,l="px-3 d-flex flex-column justify-content-center",c="".concat(i?"":v.Z.name," h6");return n?c+=" ".concat(o?"clamp-2":"clamp-3"," text-start"):(l+=" text-nowrap text-truncate",c+=" text-truncate mb-0 pb-1"),a.createElement("div",{className:l},r&&a.createElement("div",{className:"text-secondary clamp-1 ".concat(v.Z.text)},r),a.createElement("div",{className:c,title:t},t),!!o&&a.createElement("div",{className:"fw-semibold d-inline-block rounded-pill px-2 mt-1 bg-light-green w-fit h-fit text-green ".concat(v.Z.newVideos)},a.createElement(s.x,{namespace:p,phrase:"newVideos",options:{smartCount:o}})))};function h(e){var t,n=u.j.createUrl(e.coverUrl,{size:e.isLarge?d.h2.Medium:d.h2.Small}),i=void 0;m.G.isClassification(e.data)&&(i=e.data);var s={name:e.data.name,multiline:e.isLarge||e.multiline,subtitle:e.subtitle,noUnderLine:e.highlightOnHover,newVideosCount:e.showNewVideosCount?null===(t=null==i?void 0:i.externalMetadata)||void 0===t?void 0:t.childDashboardNewVideoCount:0};return a.createElement("div",{className:"border d-flex position-relative ".concat(e.className," ").concat(v.Z.widgetItem," ").concat(e.isSelected?"border-success border-2":""," ").concat(e.highlightOnHover?"bg-light-blue-hover":""),id:"".concat(e.data.id,"-").concat(r.Y.getRandomInt())},e.isSelected&&a.createElement("div",{className:"".concat(v.Z.selectedMask," border-2")}),a.createElement("div",{className:"".concat(v.Z.imagePanel," ").concat(e.isLarge?v.Z.large:"")},e.isSelected&&!e.hideCheckmark&&a.createElement("div",{className:v.Z.selected},a.createElement(o.f,{svgName:f.vn.Check,svgSize:c.S.Large,textVariant:"white",variant:"green"})),a.createElement("div",{className:"".concat(v.Z.image," ").concat(e.imageClassName),style:e.coverUrl?{backgroundImage:"url('".concat(n,"')")}:{}}),!e.hideFallback&&a.createElement(l.oy,{type:l.mS.Subject,extraClasses:e.isLarge?v.Z.large:""})),e.isComingSoon?a.createElement(g,Object.assign({},s)):a.createElement(b,Object.assign({},s)))}function y(e){var t,n=e.getChildAppLink?e.getChildAppLink(e.data):null;return a.createElement(a.Fragment,null,n?a.createElement(i.F,{className:v.Z.appLink,appLink:n,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,appLinkOptions:null===(t=e.getChildAppLinkOptions)||void 0===t?void 0:t.call(e)},a.createElement(h,Object.assign({},e))):a.createElement(h,Object.assign({},e)))}},43741:(e,t,n)=>{n.d(t,{M:()=>s,Q:()=>c});var a=n(32735),r=n(45157),i=n(5465),o=n(92038);function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}var c=function(){var e,t,n=(e=a.useState(r.Y.getRandomInt(5)+3+"rem"),t=1,function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(a=i.call(n)).done)&&(l.push(a.value),l.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return l(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[0];return a.createElement("div",{className:"border d-flex position-relative me-2 ".concat(o.Z.widgetItem)},a.createElement("div",{className:o.Z.imagePanel}),a.createElement("div",{className:"px-2",style:{width:n}}),a.createElement("div",{className:o.Z.partialIcon},a.createElement(i.oy,{type:i.mS.Subject})))},s=function(){return a.createElement("div",{className:"border d-flex position-relative me-2 ".concat(o.Z.widgetItem)},a.createElement("div",{className:"".concat(o.Z.partialLargeImage)}),a.createElement("div",{className:"px-2"}),a.createElement("div",{className:o.Z.partialIcon},a.createElement(i.oy,{type:i.mS.Subject,extraClasses:o.Z.partialLargeFallback})))}},91028:(e,t,n)=>{n.d(t,{V:()=>c});var a=n(32735),r=n(65858),i=n(2192),o=n(52641),l=n(2284),c=a.memo((function(e){var t,n,c,s,d,u,m,f=(null===(t=e.data)||void 0===t?void 0:t.status)===l.W.ComingSoon,v=function(e,t){var n;if((null==t?void 0:t.length)>=o._.MULTI_PRESENTATION_THRESHOLD)return null===(n=null==t?void 0:t.find((function(t){return t.id===e})))||void 0===n?void 0:n.name}(e.data.presentationId,null==e?void 0:e.availablePresentations),p=Object.assign(Object.assign({},e.analyticsData),{id:(null===(n=e.analyticsData)||void 0===n?void 0:n.id)||(null===(c=e.data)||void 0===c?void 0:c.id),name:null===(s=e.data)||void 0===s?void 0:s.name,presentationId:(null===(d=e.analyticsData)||void 0===d?void 0:d.presentationId)||e.data.presentationId,comingSoon:!!f}),g=Object.assign(Object.assign({location:r.LZ.ClassificationListItem,entity:r.py.Classification},e.analyticsOptions),{actionType:r.Vw.Click,descriptor:r._S.Cover});return a.createElement(i.Q,Object.assign({},e,{analyticsData:p,analyticsOptions:g,coverUrl:null===(u=e.data.cover)||void 0===u?void 0:u.url,subtitle:(null===(m=e.getSubtitle)||void 0===m?void 0:m.call(e,e.data))||v,isComingSoon:f}))}))},9513:(e,t,n)=>{n.d(t,{Ml:()=>r.M,Qh:()=>r.Q,Vz:()=>a.V});var a=n(91028),r=n(43741),i=(n(32735),n(65858));n(36848),n(83914),n(83345),n(35223),n(92038),i.Vw.Click,i.py.UserSetting,i._S.Tile,n(2786),i.Vw.Click,i.py.Url,i._S.Tile},43872:(e,t,n)=>{n.d(t,{V:()=>d});var a=n(32735),r=n(82182),i=n(31069),o=n(91967),l=new Image;l.src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=";var c=function(e){e.dataTransfer.setDragImage&&o.q.isFunction(e.dataTransfer.setDragImage)&&e.dataTransfer.setDragImage(l,0,0)},s=r.V.isTouchScreen(),d=a.forwardRef((function(e,t){var n,r,o,l,d=e.children,u=e.positionType,m=e.onDrag,f=e.onDragEnd,v=e.onTouchMove,p=e.onTouchEnd,g=e.percentageDragged,b=e.position,h=void 0===b?0:b;return a.createElement("ul",Object.assign({className:"list-unstyled d-flex flex-nowrap position-relative w-100",style:(r=h,o=u,l=g,o===i.C.Percentage&&l&&(r-=l),{transform:"translate3d(".concat(r).concat(o,", 0px, 0px)"),transition:"transform .4s ease-in-out"}),ref:t},(n={},m&&f&&(n.draggable=!0,n.onDragEnd=f,n.onDragStart=c,n.onDragOver=m),v&&p&&s&&(n.onTouchMoveCapture=v,n.onTouchEndCapture=p),n)),d)}))},16930:(e,t,n)=>{n.d(t,{W:()=>u,f:()=>s});var a=n(32735),r=n(23481),i=n(83914),o=n(35223);const l="VSAPU",c="kgeXh";var s,d=r.T.encloseNamespace("shared.widgetButton");!function(e){e[e.Left=0]="Left",e[e.Right=1]="Right"}(s||(s={}));var u=a.memo((function(e){var t,n,r,u=e.direction===s.Left,m=u?o.vn.ChevronLeft:o.vn.ChevronRight;return e.hide?a.createElement(a.Fragment,null):a.createElement("div",{className:"_ejId",style:"videos"===(null===(n=e.state)||void 0===n?void 0:n.contents)?{paddingBottom:56.25/(null===(r=e.state)||void 0===r?void 0:r.viewableItems)+"%"}:{height:"100%"}},e.useGradientBackdrop&&a.createElement("div",{className:u?"".concat("Pt3nx"," ").concat(e.leftGradientClassName):"".concat("ZuAif"," ").concat(e.rightGradientClassName)}),!e.hideExtendedClickableArea&&a.createElement("button",{onClick:e.onClick,className:"".concat("AtsWP"," ").concat(u?l:c),tabIndex:-1}),a.createElement("button",{className:"".concat((t="BVcIS",t+=u?" ".concat(l," ").concat(e.leftButtonClassName):" ".concat(c," ").concat(e.rightButtonClassName))," ").concat("gAsE9"," ").concat(e.className||""),onClick:e.onClick,"aria-label":d(u?"previous":"next")},e.hoverText&&a.createElement("span",{className:"ps-3 pe-2 ".concat("APA36")},e.hoverText),a.createElement(i.x,{svgName:m,size:i.S.Medium,className:"svg-container d-inline-block ".concat("Ev4hr")})))}))},2284:(e,t,n)=>{var a;n.d(t,{W:()=>a}),function(e){e.Draft="Draft",e.ComingSoon="ComingSoon",e.Published="Published"}(a||(a={}))},31069:(e,t,n)=>{var a;n.d(t,{C:()=>a}),function(e){e.Percentage="%",e.Pixels="px"}(a||(a={}))},10841:(e,t,n)=>{var a;n.d(t,{n:()=>a}),function(e){e.Init="init",e.Next="next",e.Previous="previous",e.Resize="resize",e.Drag="drag",e.Update="update",e.JumpToIndex="jump-to-index"}(a||(a={}))},25665:(e,t,n)=>{n.d(t,{k:()=>c});var a=n(99940),r=n(97395);function i(e){return function(e){if(Array.isArray(e))return o(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return o(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}var l=function(e){return r._.urlBuilder("/api/domain/v1/subjects/classifications/following",{id:e})},c={follow:function(e,t,n,r){return{url:"/api/domain/v1/subjects/classifications/following",key:"follow:".concat(e.join(",")),type:a.k.POST,data:e,formatData:function(){return e.map((function(e){return{id:e,followers:{data:[t]}}}))},success:n,error:r,invalidationKeys:[].concat(i(e.map((function(e){return"classification:".concat(e)}))),["my:subject:preferences","classifications"])}},unfollow:function(e,t,n,r){return{url:l(e),key:"unfollow:".concat(e.join(",")),type:a.k.DELETE,formatData:function(){return e.map((function(e){return{id:e,followers:{data:[]}}}))},success:n,error:r,invalidationKeys:[].concat(i(e.map((function(e){return"classification:".concat(e)}))),["my:subject:preferences","classifications"])}}}},81514:(e,t,n)=>{n.d(t,{V:()=>i});var a=n(86764),r=n(3747);function i(){var e=(0,r.a)(a.r.XS),t=(0,r.a)(a.r.SM),n=(0,r.a)(a.r.MD),i=(0,r.a)(a.r.LG),o=(0,r.a)(a.r.XL),l=(0,r.a)(a.r.XXL),c=a.r.LG;return e&&(c=a.r.XS),t&&(c=a.r.SM),n&&(c=a.r.MD),i&&(c=a.r.LG),o&&(c=a.r.XL),l&&(c=a.r.XXL),c}},69454:(e,t,n)=>{n.d(t,{T:()=>m});var a=n(75896),r=n(1048),i=n(55171);function o(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(a=i.call(n)).done)&&(l.push(a.value),l.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return l(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}var c=/\d/,s={yearsAndGradesBuilder:function(e){var t=e.map((function(e){return e.name})).join(" "),n=t.split(" ").filter((function(e){return!isNaN(+e)})).map((function(e){return+e}))||[],a=t.split(" ").filter((function(e){return isNaN(+e)}))||[],r=e.find((function(e){return!c.test(e.name)})),i=a.find((function(e){return e!==(null==r?void 0:r.name)}));if(e.length>1&&(i+="s"),r&&n.length)return"".concat(i," ").concat(r.name.charAt(0)," - ").concat(n.pop());var o=function(e){var t,n,a,r,i=!1,o=[];for(e=e.sort((function(e,t){return e-t})),a=0;a<e.length;a++)r=a+1,i||(t=e[a]),n=e[r],e[a]+1===n?i=!0:i?(o.push("".concat(t," - ").concat(e[a])),i=!1):(o.push("".concat(e[a])),i=!1);return o}(n);return"".concat(i," ").concat(o.join(", "))},internationalSecondaryBuilder:function(e){return s.englandSecondaryBuilder(e)},scotlandPrimaryBuilder:function(e){var t=a.m.first(e),n=a.m.last(e),r=o(t.name.split(" "),1)[0],i=o(n.name.split(" "),1)[0];return"First"===r&&(r="1st"),"First"===i&&(i="1st"),"Second"===r&&(r="2nd"),"Second"===i&&(i="2nd"),r===i?"".concat(r," Level"):"".concat(r," - ").concat(i," Level")},internationalPrimaryBuilder:function(e){var t=a.m.first(e),n=a.m.last(e);if(t.name===n.name)return t.name;var r=o(t.name.split(" "),1)[0],i=o(n.name.split(" "),1)[0];return"Lower"===r&&(r="Low"),"Lower"===i&&(i="Low"),"Middle"===r&&(r="Mid"),"Middle"===i&&(i="Mid"),"".concat(r," - ").concat(i," Pri")},englandSecondaryBuilder:function(e){var t=a.m.first(e),n=a.m.last(e);return t.name===n.name?t.name:"Advanced"===n.name?"lower"===o(t.name.split(" "),1)[0].toLowerCase()?"Lower Sec - Adv":"Upper Sec - Adv":"Lower - Upper Sec"},scotlandSecondaryBuilder:function(e){var t=a.m.first(e),n=a.m.last(e);return t.name===n.name?t.name:"Senior Phase"===n.name?"".concat(t.name," - Senior"):"Third - Fourth Level"},englandPrimaryBuilder:function(e){var t=a.m.first(e),n=a.m.last(e),r=a.m.first(t.name.split(" ")),i=a.m.first(n.name.split(" ")),o=t.name.split(" ").find((function(e){return!isNaN(+e)})),l=n.name.split(" ").find((function(e){return!isNaN(+e)}));if(t===n)return"Key"===r||"Reception"===r?t.name:"".concat(r," KS").concat(o);var c="",s="";return c="Reception"===r?"R":"KS".concat(o),s="KS".concat(l),"Lower"===r&&"Upper"===i?"L ".concat(c," - U ").concat(s):("Lower"===r&&(c="Lower ".concat(c)),"Upper"===i&&(s="Upper ".concat(s)),"Key"===i&&(s=n.name),"".concat(c," - ").concat(s))}},d=/([0-9]+)/gi,u=/\s|\+/gi,m={getSortedPresentationAudiences:function(e,t){var n=e.filter((function(e){return!!e})).map((function(e){return e.id.toString()}));return t.filter((function(e){return n.includes(e.masterId.toString())}))},getMergedPresentationAudienceString:function(e){var t="";switch(+a.m.first(e).presentationId){case i.e.PresentationIds.DEFAULT:case i.e.PresentationIds.AU_SECONDARY:case i.e.PresentationIds.US_ELEMENTARY:case i.e.PresentationIds.AU_PRIMARY:case i.e.PresentationIds.STREAMABLE_LEARNING:if(1===e.length)return e[0];t=s.yearsAndGradesBuilder(e);break;case i.e.PresentationIds.INTERNATIONAL_SECONDARY:if(1===e.length)return e[0];t=s.internationalSecondaryBuilder(e);break;case i.e.PresentationIds.INTERNATIONAL_PRIMARY:t=s.internationalPrimaryBuilder(e);break;case i.e.PresentationIds.SCOTLAND_PRIMARY:t=s.scotlandPrimaryBuilder(e);break;case i.e.PresentationIds.ENGLISH_SECONDARY:t=s.englandSecondaryBuilder(e);break;case i.e.PresentationIds.SCOTLAND_SECONDARY:t=s.scotlandSecondaryBuilder(e);break;case i.e.PresentationIds.ENGLAND_PRIMARY:t=s.englandPrimaryBuilder(e);case i.e.PresentationIds.US_MIDDLE:case i.e.PresentationIds.US_HIGH:}return t?{name:t}:null},sortMembersWithDuplicateNamesByAudience:function(e){var t=function(e){return e.length?(e.forEach((function(e){var r=+a.m.first(e.name.match(d));if(!t)return t=e,void(n=r);r<n&&(t=e)})),t):null;var t,n},n={},r=[];return e.forEach((function(e){if(!n[e.name])return n[e.name]=1,void r.push(e);r.push(e),n[e.name]++;var a=r.splice(r.length-n[e.name]).sort((function(e,n){var a=t(e.subjectPresentationAudiences.data),r=t(n.subjectPresentationAudiences.data);if(!a&&r)return 1;if(!r)return-1;var i=a.name.localeCompare(r.name);return 0===i?i:i>0?-1:1}));r=r.concat(a)})),r},getActiveAudiencesFromParams:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(r.t.isObject(t)&&!r.t.isEmpty(t)&&e&&e.length&&m.shouldShowAudiences(e)){var n=t.a;if(n){"string"==typeof n&&(n=[n]);var a=function(e){return e.replace(u,"").toLowerCase()},i=n.reduce((function(e,t){return e[a(t)]=t,e}),{});return e.filter((function(e){return i[a(e.name)]}))}}},getAudienceParams:function(e){return(null==e?void 0:e.length)?{a:e.map((function(e){return e.name}))}:null},shouldShowAudiences:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return!!e&&e.length>1}}},79018:(e,t,n)=>{n.r(t),n.d(t,{ClassificationsView:()=>Y,getBannerActions:()=>H});var a=n(32735),r=n(70680),i=n(23481),o=n(57900),l=n(20354),c=n(2948),s=n(65858),d=n(44522),u=n(49935),m=n(47770),f=n(65163),v=n(9513),p=n(38143),g=n(2284),b=n(54610),h=n(86764),y=n(78479),E=n(42308),N=n(21750),w=n(39151),S=n(25665),k=n(31949),L=n(3747),C=n(22902),A=n(79612),I=n(69454),x=n(35223),T=n(87114),O=n(99742),P=n(14070),D=n(97291),j=n(51855),M=n(7179),B=n(86698),F=n(33192),R=(n(28400),n(34181)),U=function(e){return function(t){return(null==t?void 0:t.id)?R.L.getAppLink(t,e||{}):null}};const _={classificationPane:"kx1WX"};function Z(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(a=i.call(n)).done)&&(l.push(a.value),l.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return z(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?z(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function z(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}var V=i.T.encloseNamespace("subjects.classifications");function H(e,t,n,a){var r,i;if(!(null==e?void 0:e.id))return[];var o=!!(null===(i=null===(r=e.followers)||void 0===r?void 0:r.data)||void 0===i?void 0:i.length);return[{label:V(o?"following":"follow"),onClick:t,svgName:o?x.vn.BellFilled:x.vn.Bell,className:"btn follow-btn ".concat(o?"btn-outline-dark":"btn-dark"," me-2"),button:!0,tooltip:o||a?void 0:V("followBtnTooltip"),showSpinner:n}]}function Y(e){var t,n,i,x,R,z,Y,G,Q,W=e.id,X=e.presentationId,q=Z(a.useState(),2),K=q[0],J=q[1],$=(0,j.G)().isPlugin,ee=(0,r.I0)(),te=l.a.useBasicFetch(k.N.currentUser()),ne=l.a.useBasicFetch(w.L.config()),ae=(0,B.y)(),re=ae.availablePresentations,ie=ae.activePresentation,oe=ae.hasPresentationsLoaded,le=ae.canAccessPresentation,ce=(0,C.T)(),se=ce.hasPermissions,de=ce.hasLocalPermissions,ue=X||(null==ie?void 0:ie.id),me=l.a.useBasicFetch(ue&&N.x.presentationById(ue)),fe=me.hasCompleted&&oe,ve=function(e,t,n,a){var r=l.a.useBasicFetch(n&&N.x.classification(n,a));return n?null==r?void 0:r.data:{name:T.i.getExploreAllTopicsTitle(null==e?void 0:e.name,t),banner:{url:T.i.getPresentationLevelImage(null==e?void 0:e.learningLevel,"topic-banner")}}}(null==me?void 0:me.data,null==re?void 0:re.length,W,null===(t=te.data)||void 0===t?void 0:t.id),pe=W?N.x.children(W):N.x.topLevelTopics(ue||(null===(n=me.data)||void 0===n?void 0:n.id)),ge=l.a.useBasicFetch(fe&&pe),be=function(e){var t=l.a.useBasicFetch(e&&N.x.path(e));return e?null==t?void 0:t.data:[]}(W),he=Z((0,c.D)(p.g.AUDIENCE_FILTER,void 0,{storage:o.Z1.SessionStorage}),1)[0],ye=W?V("pageTitleTopic",{title:null==ve?void 0:ve.name}):V("pageTitleSubject",{title:null===(i=me.data)||void 0===i?void 0:i.name});(0,A.M)({title:ye,description:V("pageDescription",{title:W?null==ve?void 0:ve.name:null===(x=me.data)||void 0===x?void 0:x.name}),canonicalLink:F.f.getCanonicalLink(),allowIndexing:F.f.allowIndexing()}),(0,M.P)({id:W,app:"topics"});var Ee=U(I.T.getAudienceParams(he));a.useEffect((function(){J(!1)}),[null===(z=null===(R=null==ve?void 0:ve.followers)||void 0===R?void 0:R.data)||void 0===z?void 0:z.length]);var Ne=(0,L.a)(h.r.MDDown);var we=(!W||!!ve)&&!!ne.data&&!!re&&ge.data,Se=!!re&&!!be,ke=le(null===(Y=me.data)||void 0===Y?void 0:Y.id),Le={presentationId:null===(G=me.data)||void 0===G?void 0:G.id,presentationName:null===(Q=me.data)||void 0===Q?void 0:Q.name,currentClassificationName:null==ve?void 0:ve.name,widgetId:E.z.Classifications,templateId:y.f.CoverFixedPillListLarge},Ce=(null==ve?void 0:ve.status)===g.W.ComingSoon;return a.createElement("main",{className:"bg-white px-3"},we?a.createElement(d.p,{heading:null==ve?void 0:ve.name,banner:null==ve?void 0:ve.banner,imageCdnUrl:ne.data.imageCdnUrl,actions:Ce?[]:H(ve,(function(){var e,t,n;J(!0);var a=(null===(t=null===(e=null==ve?void 0:ve.followers)||void 0===e?void 0:e.data)||void 0===t?void 0:t.length)?S.k.unfollow:S.k.follow;l.a.fetch(ee,a([null==ve?void 0:ve.id],null===(n=te.data)||void 0===n?void 0:n.id))}),K,Ne),imageOptions:!W&&{size:b.h2.Large}}):a.createElement(d.v,null),a.createElement("div",{className:"py-3 mb-3 ".concat(ke?"border-bottom":"")},ke?Se?a.createElement(u.Oo,{breadcrumbs:function(){var e,t=[{name:V("discover"),appLink:{application:D.O.DASHBOARD,action:P.e.Dashboard.HOME}},{name:T.i.getExploreAllTopicsTitle(null===(e=me.data)||void 0===e?void 0:e.name,null==re?void 0:re.length),appLink:{application:D.O.SUBJECT,action:P.e.Subjects.CLASSIFICATION_ALL},active:!W}];return be.forEach((function(e){t.push({name:e.name,appLink:Ee(e)})})),W&&t.push({name:V("subview"),active:!0}),t}()}):a.createElement(u.b2,null):a.createElement(a.Fragment,null)),a.createElement("div",{className:_.classificationPane},we?a.createElement(m.K,{id:W,name:"",description:"",metadata:{},preferences:[],hasPermissions:se,hasLocalPermissions:de,widgetTypeId:E.z.Classifications,templateId:y.f.CoverFixedPillListLarge,analyticsData:Le,content:null==ge?void 0:ge.data,analyticsOptions:{location:s.LZ.SlidingListItem},appLinks:{classification:Ee},imageCdnUrl:ne.data.imageCdnUrl,resourceThumbnailFallbackImageUrl:O.W.Fallbacks.RESOURCE_THUMBNAIL,isPlugin:$}):a.createElement(f.QL,{partialLoadingComponent:v.Qh})))}},92038:(e,t,n)=>{n.d(t,{Z:()=>a});const a={appLink:"fFjKN",name:"A_by9",selectedMask:"xSQtR",widgetItem:"Ys9W_",text:"JfAoy",imagePanel:"aUNDc",partialLargeImage:"RuLxv",selected:"BViJb",image:"LkTep",dragHandle:"CJqvP",large:"R5clw",comingSoonPanel:"Wa2PG",newVideos:"s61h8",editSubjectsItem:"gGNFD",allSubjectsItem:"IHdlJ",logoContainer:"Nzaes",draggingItem:"zUOye",partialLargeFallback:"FmJP9",partialIcon:"sdZuo"}},68050:(e,t,n)=>{n.d(t,{Z:()=>s});var a=n(95685),r=n.n(a),i=n(32735),o=n(46304),l=n(74512);const c=i.forwardRef((({bsPrefix:e,className:t,as:n="div",...a},i)=>{const c=(0,o.vE)(e,"row"),s=(0,o.pi)(),d=(0,o.zG)(),u=`${c}-cols`,m=[];return s.forEach((e=>{const t=a[e];let n;delete a[e],null!=t&&"object"==typeof t?({cols:n}=t):n=t;const r=e!==d?`-${e}`:"";null!=n&&m.push(`${u}${r}-${n}`)})),(0,l.jsx)(n,{ref:i,...a,className:r()(t,c,...m)})}));c.displayName="Row";const s=c}}]);
-//# sourceMappingURL=8801-222a1b2e99-lite.chunk.js.map