@clickview/lite 0.50.0-rc.5 → 0.50.0-rc.7

package/dist/scripts/6531-835c743f1b-lite.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts/6531-835c743f1b-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/apps/content-updates/flight-requests/ContentUpdateRequests.ts","file:///app/packages/libs/shared/src/components/breadcrumbs/Breadcrumbs.tsx","file:///app/packages/libs/shared/src/components/video-list/partial-loading/partial-video-list.scss","file:///app/packages/libs/shared/src/components/video-list/partial-loading/PartialVideoList.tsx","file:///app/packages/libs/shared/src/utils/PartialLoadingHelper.ts","file:///app/packages/projects/lite/src/apps/content-updates/components/classification-banner/classification-banner.scss","file:///app/packages/projects/lite/src/apps/content-updates/components/classification-banner/ClassificationBanner.tsx","file:///app/packages/projects/lite/src/apps/content-updates/components/classification-update-breadcrumbs/ClassificationUpdateBreadcrumbs.tsx","file:///app/packages/projects/lite/src/apps/content-updates/views/classification-update/partial-loading/partial-classification-update.scss","file:///app/packages/projects/lite/src/apps/content-updates/views/classification-update/partial-loading/PartialClassificationUpdate.tsx","file:///app/packages/projects/lite/src/apps/content-updates/views/classification-update/ClassificationUpdateViewCallbacks.tsx","file:///app/packages/projects/lite/src/apps/content-updates/views/classification-update/ClassificationUpdateView.tsx","file:///app/packages/projects/lite/src/shared/hooks/usePresentationAudiences.ts","file:///app/packages/projects/lite/src/shared/hooks/useVideoMixin.ts"],"sourcesContent":["import { UrlHelper } from 'libs/common/backbone/utils/UrlHelper';\nimport { Flight } from 'libs/common/flight';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { Video } from 'libs/shared/interfaces';\n\n// Why 6 you ask? Well, we display 5, then we also display a link to \"see all updates for classification\"\n// if there are more than 5. By fetching 6, we can tell if there are more than 5 (api doesn't tell us).\nconst CONTENT_UPDATES_VIDEO_LIMIT = 6;\n\nexport const ContentUpdateRequests = {\n  getContentUpdates(presentationId: string, from: string, to: string): Flight.PublicRequest {\n    const url = UrlHelper.urlBuilder('/api/domain/v1/subjects/content-updates', {\n      from,\n      to,\n      limit: CONTENT_UPDATES_VIDEO_LIMIT,\n      query: '(videoCollection)'\n    });\n\n    const publicUrl = UrlHelper.urlBuilder(`/api/subjects/presentations/${presentationId}/content-updates`, {\n      from,\n      to,\n      limit: CONTENT_UPDATES_VIDEO_LIMIT,\n      query: '(videoCollection)'\n    });\n\n    return {\n      url,\n      publicUrl,\n      key: 'content:updates',\n      /**\n       * The namespace here is required so that flight's normaliser doesn't override\n       * fully fetched classification objects matching the IDs here.\n       * \n       * Without this, navigating from content updates to one of the topics in the content updates\n       * list, then back to content updates will cause the page to break.\n       */\n      normalizeOptions: {\n        namespace: 'contentupdates'\n      },\n      formatData: (contentUpdates: HashObject[]) => {\n        return contentUpdates.map(contentUpdate => {\n          // Change id field here to make normalization in Flight easier\n          return {\n            id: contentUpdate.classificationId,\n            videos: contentUpdate.videos\n          };\n        });\n      }\n    };\n  },\n\n  getClassifications(ids: string[]): Flight.PublicRequest {\n    const url = UrlHelper.urlBuilder('/api/domain/v1/subjects', {\n      id: ids,\n      query: 'banner'\n    });\n\n    const publicUrl = UrlHelper.urlBuilder('/api/subjects/classifications', {\n      id: ids,\n      query: 'banner'\n    });\n\n    return {\n      url,\n      publicUrl,\n      key: `classifications:${ids.join(',')}`\n    };\n  },\n\n  getClassification(id: string): Flight.PublicRequest {\n    return {\n      url: `/api/domain/v1/subjects/${id}?query=banner`,\n      publicUrl: `/api/subjects/classifications/${id}?query=banner`,\n      key: `classification:${id}`\n    };\n  },\n\n  getClassificationUpdates(id: string, from: string, to: string): Flight.PublicRequest {\n    const url = UrlHelper.urlBuilder(`/api/domain/v1/subjects/${id}/content-updates`, {\n      from,\n      to,\n      query: '(videoCollection)'\n    });\n\n    const publicUrl = UrlHelper.urlBuilder(`/api/subjects/classifications/${id}/content-updates`, {\n      from,\n      to,\n      query: '(videoCollection)'\n    });\n\n    return {\n      url,\n      publicUrl,\n      key: `classification:update:${id}:${from}:${to}`\n    };\n  },\n\n  getContentUpdateVideos(from: string, to: string): Flight.PublicRequest {\n    return {\n      url: UrlHelper.urlBuilder(`/api/domain/v1/subjects/content-updates/videos`, {\n        from,\n        to,\n        query: '(videoCollection)'\n      }),\n      publicUrl: UrlHelper.urlBuilder(`/api/subjects/content-updates/videos`, {\n        from,\n        to,\n        query: '(videoCollection)'\n      }),\n      key: `content:update:videos:${from}:${to}`\n    };\n  },\n\n  /**\n   * TODO: Delete thise and use the shared video requests\n   */\n  videos(ids: string[], success?: (data: Video[]) => void): Flight.Request {\n    const url = `/api/domain/v1/videos?ids=${ids.join(',')}&with=(videoCollection)`;\n\n    return {\n      url,\n      key: `videos:by:id:${ids.join(',')}`,\n      success\n    };\n  }\n};","import * as React from 'react';\n\nimport { Core } from 'libs/common/core';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\nimport { useMediaQuery } from 'libs/shared/hooks/UseMediaQuery';\nimport { PartialLoadingHelper } from 'libs/shared/utils/PartialLoadingHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { SvgContainer, SvgContainerSize } from '../svg-container/SvgContainer';\n\nexport interface Breadcrumb {\n  name: string;\n  appLink?: Core.AppLink;\n  active?: boolean;\n}\n\ninterface BreadcrumbItemProps {\n  breadcrumb: Breadcrumb;\n  withBackIcon?: boolean;\n}\n\nexport const BreadcrumbItem = ({ breadcrumb: { name, appLink, active }, withBackIcon }: BreadcrumbItemProps) => (\n  <li className={`breadcrumb-item${active ? ' active' : ''}`}>\n    {active\n      ? <strong>{name}</strong>\n      : <AppLink appLink={appLink}>\n        {withBackIcon && <SvgContainer svgName={cvSvgLibrary.ChevronLeft} size={SvgContainerSize.Small} />}\n        <span className={withBackIcon ? 'ms-2' : ''}>{name}</span>\n      </AppLink>\n    }\n  </li>\n);\n\ninterface BreadcrumbsProps {\n  breadcrumbs: Breadcrumb[];\n}\n\nexport const Breadcrumbs = ({ breadcrumbs }: BreadcrumbsProps) => {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  const length = breadcrumbs?.length;\n\n  if (!length || (isMobile && length < 2))\n    return <></>;\n\n  if (isMobile)\n    return (\n      <nav aria-label='breadcrumb'>\n        <ol className='breadcrumb m-0 p-0'>\n          <BreadcrumbItem breadcrumb={breadcrumbs[length - 2]} withBackIcon />\n        </ol>\n      </nav>\n    );\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {breadcrumbs.map((b, idx) => <BreadcrumbItem key={idx} breadcrumb={b} />)}\n      </ol>\n    </nav>\n  );\n};\n\nexport const PartialBreadcrumbs = React.memo(function({ numItems = 3 }: { numItems?: number; }) {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  if (isMobile) {\n    return (\n      <div className='partial-loading-background' style={{ height: '1.3125rem', width: '6rem' }} />\n    );\n  }\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {PartialLoadingHelper.getPartialLoadingItems({ numItems }).map(({ width }, idx) => (\n          <li key={idx} className='breadcrumb-item'>\n            <span className='d-inline-block partial-loading-background' style={{ width }} dangerouslySetInnerHTML={{ __html: '&nbsp' }} />\n          </li>\n        ))}\n      </ol>\n    </nav>\n  );\n});","// extracted by mini-css-extract-plugin\nexport default {\"partialOptions\":\"Gufgq\",\"partialName\":\"SicQQ\",\"partialDescription\":\"dPGMq\",\"partialThumbnail\":\"vZrnb\",\"partialDragHandle\":\"iq73R\"};","import React from 'react';\nimport { Col, Row } from 'react-bootstrap';\n\nimport { VideoListHelper } from 'libs/shared/components/video-list/VideoListHelper';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\n\nimport styles from './partial-video-list.scss';\n\ninterface PartialVideoListProps {\n  withReordering?: boolean;\n  numVideos?: number;\n  allowBulkActions?: boolean;\n}\n\nPartialVideoList.defaultProps = {\n  numVideos: 15\n};\n\nexport function PartialVideoList(props: PartialVideoListProps): JSX.Element {\n  return (\n    <div className='mx-2'>\n      {Array(props.numVideos).fill(null).map((_, i) => (\n        <div className='d-flex' key={i}>\n          {props.allowBulkActions && <div className='form-check pe-3 pe-sm-2 mx-0 mx-md-2' />}\n          <PartialVideoItem {...props} />\n        </div>\n      ))}\n    </div>\n  );\n}\n\nexport function PartialVideoItem(props: PartialVideoListProps): JSX.Element {\n  const breakpoints = useBreakpoints();\n\n  const size = VideoListHelper.getSize(breakpoints, 'md');\n  const isSmall = size === 'sm';\n\n  const withDragHandle = props.withReordering && !breakpoints.xs;\n\n  return (\n    <Row className={`${isSmall ? '' : 'py-2'} flex-grow-1`}>\n      <Col {...VideoListHelper.getThumbnailColumns()} className={`flex-column align-items-flex-start ${isSmall ? `pb-2 pe-1` : 'mb-1 pe-3 pe-md-2'}`}>\n        <Row>\n          {!!withDragHandle && (\n            <div className='d-flex align-items-center justify-content-center col-2'>\n              <div className={`partial-loading-background ${styles.partialDragHandle}`} />\n            </div>\n          )}\n          <Col xs={VideoListHelper.getThumbnailColSize(withDragHandle)}>\n            <div className={`partial-loading-background ${isSmall ? 'rounded' : 'rounded-3'} ${styles.partialThumbnail}`} />\n          </Col>\n        </Row>\n      </Col>\n      <Col {...VideoListHelper.getDetailsColumns()} className={isSmall ? 'pb-2' : 'px-2'}>\n        <div className={`partial-loading-background mb-1 ${styles.partialName}`} />\n        <div className={`partial-loading-background ${styles.partialDescription}`} />\n      </Col>\n    </Row>\n  );\n}\n\n","const DEFAULT_PARTIAL_LOADING_OPTIONS: PartialLoadingOptions = {\n  numItems: 5,\n  minWidth: 50, // px\n  maxWidth: 100 // px\n};\n\nexport interface PartialLoadingOptions {\n  numItems?: number;\n  minWidth?: number;\n  maxWidth?: number;\n}\n\ninterface PartialLoadingItem {\n  width: string;\n}\n\nexport const PartialLoadingHelper = {\n  getPartialLoadingItems(options: PartialLoadingOptions = {}): PartialLoadingItem[] {\n    const opts = {\n      ...DEFAULT_PARTIAL_LOADING_OPTIONS,\n      ...options\n    };\n\n    const getRandomFilterWidth = () => Math.max(Math.floor(Math.random() * opts.maxWidth), opts.minWidth);\n\n    return [...Array(opts.numItems)].map(() => ({ width: `${getRandomFilterWidth()}px` }));\n  }\n};","// extracted by mini-css-extract-plugin\nexport default {\"banner\":\"B7jhq\"};","import * as React from 'react';\nimport { Spinner } from 'react-bootstrap';\n\nimport { StorageType } from 'libs/common/backbone/utils/LocalStorageHelper';\nimport { Core } from 'libs/common/core';\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { IconButton } from 'libs/shared/components/icon-button/IconButton';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { SharedViewModelKeys } from 'libs/shared/constants/SharedViewModelKeys';\nimport { Classification, PresentationAudience } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport styles from './classification-banner.scss';\n\nconst namespace = 'contentUpdates.classificationBanner';\n\ninterface ClassificationBannerProps {\n  classification: Classification;\n  backgroundUrl: string;\n  getClassificationAppLink: (classification: Classification, activeAudiences: PresentationAudience[]) => Core.AppLink;\n  followed: boolean;\n  follow: (classificationId: string, classificationName: string, follow: boolean) => void;\n  showFollowSpinner: boolean;\n  canFollow: boolean;\n}\n\nexport function ClassificationBanner(props: ClassificationBannerProps): JSX.Element {\n  const { classification, backgroundUrl, followed, follow, showFollowSpinner } = props;\n\n  const [activeAudiences] = useViewModel<PresentationAudience[]>(\n    SharedViewModelKeys.AUDIENCE_FILTER,\n    undefined,\n    { storage: StorageType.SessionStorage }\n  );\n\n  return (\n    <div\n      className={`banner mb-2 d-flex justify-content-between align-items-center rounded ${styles.banner}`}\n      style={{ backgroundImage: `url('${backgroundUrl}')` }}\n    >\n      <AppLink className='text-white text-shadow' appLink={props.getClassificationAppLink(classification, activeAudiences)}>\n        <h2 className='h3 mb-0'>{classification.name}</h2>\n      </AppLink>\n\n      {props.canFollow && (\n        <IconButton\n          className={`btn follow-btn ${followed ? 'btn-outline-dark' : 'btn-dark'}`}\n          svgName={followed ? cvSvgLibrary.Check : cvSvgLibrary.Bell}\n          onClick={() => follow(classification.id, classification.name, !followed)}\n        >\n          {showFollowSpinner\n            ? <Spinner as='span' animation='border' role='status' size='sm' />\n            : <Text namespace={namespace} phrase={followed ? 'unfollow' : 'follow'} />\n          }\n        </IconButton>\n      )}\n    </div>\n  );\n}\n","import * as React from 'react';\n\nimport { Core } from 'libs/common/core';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { Classification } from 'libs/shared/interfaces';\n\nconst namespace = 'playlists.liteClassificationUpdateBreadcrumbs';\n\ninterface ClassificationUpdateBreadcrumbsProps {\n  classification: Classification;\n  contentUpdatesAppLink: Core.AppLink;\n  dashboardAppLink: Core.AppLink;\n}\n\nexport function ClassificationUpdateBreadcrumbs(\n  props: ClassificationUpdateBreadcrumbsProps\n): JSX.Element {\n  const { classification } = props;\n\n  return (\n    <>\n      <nav aria-label='breadcrumb'>\n        <ol className='breadcrumb p-0 mb-0'>\n          <li className='breadcrumb-item'>\n            <AppLink appLink={props.dashboardAppLink}><Text namespace={namespace} phrase='dashboard' /></AppLink>\n          </li>\n          <li className='breadcrumb-item'>\n            <AppLink appLink={props.contentUpdatesAppLink}><Text namespace={namespace} phrase='whatsNew' /></AppLink>\n          </li>\n          <li className='breadcrumb-item active' aria-current='page'>{classification.name}</li>\n        </ol>\n      </nav>\n    </>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"partialBanner\":\"DKukI\"};","import React from 'react';\n\nimport { PartialBreadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { PartialVideoList } from 'libs/shared/components/video-list/partial-loading/PartialVideoList';\n\nimport styles from './partial-classification-update.scss';\n\nexport function PartialClassificationUpdate(): JSX.Element {\n  return (\n    <div className='bg-white px-3'>\n      <div className={`partial-loading-background mb-2 ${styles.partialBanner} rounded`} />\n\n      <div className='mb-1'>\n        <PartialBreadcrumbs />\n      </div>\n\n      <PartialVideoList />\n    </div>\n  );\n}","\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { EntityType, LocationContext, ToggleDescriptor, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { PreferenceRequests } from 'libs/shared/flight-requests/PreferenceRequests';\nimport { Alerts } from 'libs/shared/hooks/UseAlerts';\nimport { CurrentUser } from 'libs/shared/interfaces';\n\nconst namespace = 'contentUpdates.classificationUpdate';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface ClassificationViewCallbackManager {\n  dispatch: React.Dispatch<Flight.RequestAction>;\n  alerts: Alerts;\n  setShowFollowSpinner: React.Dispatch<React.SetStateAction<boolean>>;\n  currentUser: CurrentUser;\n}\n\nexport function getClassificationCallbacks(\n  options: ClassificationViewCallbackManager\n) {\n  const { dispatch, alerts, setShowFollowSpinner } = options;\n\n  function onFollow(classificationId: string, classificationName: string, follow: boolean): void {\n    setShowFollowSpinner(true);\n\n    const onSuccess = () => {\n      setShowFollowSpinner(false);\n\n      AnalyticsHelper.logUserAction({\n        id: classificationId,\n        name: classificationName\n      }, {\n        location: LocationContext.ContentUpdatesClassificationBanner,\n        workflowPhase: WorkflowPhase.Complete,\n        descriptor: follow ? ToggleDescriptor.On : ToggleDescriptor.Off,\n        actionType: UserAction.Follow,\n        entity: EntityType.Classification\n      });\n\n      alerts.success(getPhrase(follow ? 'followed' : 'unfollowed', { name: classificationName, escapeText: true }));\n    };\n\n    const onError = () => {\n      setShowFollowSpinner(false);\n      alerts.error(LanguageService.getPhrase(namespace, 'error'));\n    };\n\n    const request = follow ?\n      PreferenceRequests.followSubjects([classificationId], onSuccess, onError) :\n      PreferenceRequests.unfollowSubjects([classificationId], onSuccess, onError);\n\n    Flight.fetch(dispatch, request);\n  }\n\n  return {\n    onFollow\n  };\n}\n","import * as React from 'react';\nimport { useDispatch } from 'react-redux';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { ContentUpdateRequests } from 'libs/shared/apps/content-updates/flight-requests/ContentUpdateRequests';\nimport { ClassificationVideosGrouping, ContentUpdateAppLinks } from 'libs/shared/apps/content-updates/interfaces';\nimport { VideoList } from 'libs/shared/components/video-list/VideoList';\nimport { VideoActionsContext } from 'libs/shared/context/VideoActionsContext';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { PreferenceRequests } from 'libs/shared/flight-requests/PreferenceRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { Classification, CurrentUser, YearGroup } from 'libs/shared/interfaces';\nimport { PageMetadataHelper } from 'libs/shared/utils/PageMetadataHelper';\n\nimport { usePluginHelper } from 'shared/hooks/use-plugin-helper/usePluginHelper';\nimport { useVideoActions, VideoActionsLocation } from 'shared/hooks/use-video-actions/useVideoActions';\nimport { useLiteFavourites } from 'shared/hooks/useLiteFavourites';\nimport { usePresentationAudiences } from 'shared/hooks/usePresentationAudiences';\nimport { useVideoMixin } from 'shared/hooks/useVideoMixin';\nimport { InteractiveHelpers } from 'shared/utils/InteractiveHelper';\nimport { SeoHelper } from 'shared/utils/SeoHelper';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\n\nimport { ClassificationBanner, ClassificationUpdateBreadcrumbs } from 'apps/content-updates/components';\n\nimport { PartialClassificationUpdate } from './partial-loading/PartialClassificationUpdate';\nimport { getClassificationCallbacks } from './ClassificationUpdateViewCallbacks';\n\nconst namespace = 'contentUpdates.classificationUpdate';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface ClassificationUpdateViewProps {\n  classificationId: string;\n  appLinks: ContentUpdateAppLinks;\n  presentationSlug?: string;\n}\n\nexport function ClassificationUpdateView(props: ClassificationUpdateViewProps): JSX.Element {\n  const { classificationId } = props;\n\n  const { isPlugin } = usePluginHelper();\n\n  const dispatch = useDispatch();\n  const alerts = useAlerts();\n  const { setFavourite, canFavourite } = useLiteFavourites(LocationContext.VideoThumbnail);\n\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const yearGroups = Flight.useBasicFetch<YearGroup[]>(\n    currentUser.data?.isAuthenticated && CustomerRequests.yearGroups(currentUser.data.customerId)\n  );\n\n  const [ showFollowSpinner, setShowFollowSpinner ] = React.useState(false);\n\n  const callbacks = getClassificationCallbacks({\n    dispatch,\n    alerts,\n    setShowFollowSpinner,\n    currentUser: currentUser?.data\n  });\n\n  const date = new Date();\n  // Retrieve the past 1 year from today\n  const from = DateHelper.format(DateHelper.endOf(DateHelper.subtract(date, 1, 'year'), 'day'), 'YYYY-MM-DD');\n  const to = DateHelper.format(DateHelper.endOf(date, 'day'), 'YYYY-MM-DD');\n\n  const { hasPermissions } = usePermissions();\n  const canFollowSubjects = hasPermissions(PermissionName.FollowSubjects);\n\n  const classification = Flight.useBasicFetch<Classification>(\n    ContentUpdateRequests.getClassification(classificationId)\n  );\n\n  const contentUpdates = Flight.useBasicFetch<ClassificationVideosGrouping>(currentUser.data &&\n    ContentUpdateRequests.getClassificationUpdates(classificationId, from, to));\n\n  const subjectPreferences = Flight.useBasicFetch<Classification[]>(canFollowSubjects &&\n    PreferenceRequests.mySubjectPreferences());\n\n  const audiences = usePresentationAudiences();\n\n  useSetPageMetadata(PageMetadataHelper.getDefaultMetadata({\n    title: classification.data?.name,\n    phraseContext: {\n      phraseHandler: getPhrase,\n      titlePhrase: 'pageTitle',\n      descriptionPhrase: 'pageDescription'\n    },\n    canonicalLink: SeoHelper.getCanonicalLink(),\n    allowIndexing: SeoHelper.allowIndexing()\n  }));\n\n  const videoActions = useVideoActions({ location: VideoActionsLocation.VideoItem });\n\n  useVideoMixin(contentUpdates.data?.videos ?? []);\n\n  const hasLoadedPreferences = subjectPreferences.hasCompleted || !canFollowSubjects;\n\n  const dataLoaded = (\n    contentUpdates.data && classification.data &&\n    hasLoadedPreferences && currentUser.data\n  );\n\n  if (!dataLoaded)\n    return <PartialClassificationUpdate />;\n\n  const preferredSubjectIds = subjectPreferences.data?.map(subject => subject.id) ?? [];\n\n  return (\n    <VideoActionsContext.Provider value={videoActions}>\n      <div className='bg-white px-3'>\n        <ClassificationBanner\n          classification={classification.data}\n          backgroundUrl={classification.data.banner?.url ?? ''}\n          getClassificationAppLink={props.appLinks.getClassificationAppLink}\n          followed={!!preferredSubjectIds.find(id => id.toString() === classification.data.id.toString())}\n          follow={callbacks.onFollow}\n          showFollowSpinner={showFollowSpinner}\n          canFollow={canFollowSubjects}\n        />\n        <ClassificationUpdateBreadcrumbs\n          classification={classification.data}\n          dashboardAppLink={props.appLinks.dashboardAppLink}\n          contentUpdatesAppLink={props.appLinks.whatsNewAppLink}\n        />\n\n        <VideoList\n          videos={contentUpdates.data.videos}\n          yearGroups={yearGroups.data}\n          getVideoAppLink={props.appLinks.getVideoAppLink}\n          getSubTextAppLink={video => props.appLinks.getSeriesAppLink(video.series)}\n          setFavourite={setFavourite}\n          canFavourite={canFavourite}\n          hasPermissions={hasPermissions}\n          presentationAudiences={audiences.data}\n          getPreviewQuestionsAppLink={interactive => InteractiveHelpers.getPreviewQuestionsAppLink(interactive)}\n          isPlugin={isPlugin}\n          getClassroomGuideAppLink={VideoAppLinkHelper.getClassroomGuideAppLink}\n          getInteractiveGuidanceAppLink={VideoAppLinkHelper.getInteractiveGuidanceAppLink}\n          getResourceGuidanceAppLink={VideoAppLinkHelper.getResourceGuidanceAppLink}\n        />\n      </div>\n    </VideoActionsContext.Provider>\n  );\n}","import { Flight } from 'libs/common/react/index';\n\nimport { AudienceRequests } from 'libs/shared/flight-requests/AudienceRequests';\nimport { PresentationAudience } from 'libs/shared/interfaces';\n\nimport { usePresentation } from 'shared/hooks/usePresentation';\n\nexport const usePresentationAudiences = () => {\n  const { activePresentation, getFallbackPresentation } = usePresentation({ redirectOnError: true });\n\n  const presentation = activePresentation || getFallbackPresentation();\n\n  const audiences = Flight.useBasicFetch<PresentationAudience[]>(\n    !!presentation &&\n    AudienceRequests.presentationAudiences(presentation.id)\n  );\n\n  return audiences;\n};","import React from 'react';\n\nimport { Flight } from 'libs/common/flight';\n\nimport { ClassificationRequests } from 'libs/shared/flight-requests/ClassificationRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { Clip, ClipCollection, CurrentUser, Video, VideoCollection } from 'libs/shared/interfaces';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\ntype Types = Video[] | VideoCollection | Clip[] | ClipCollection;\n\nfunction getValidObjects(objects: Types): (Video | Clip)[] {\n  if (!objects)\n    return [];\n\n  if (Array.isArray(objects))\n    return objects.filter(o => !!o && (VideoHelper.isVideo(o) || VideoHelper.isClip(o)));\n\n  if ('data' in objects)\n    return objects.data.filter(o => !!o && (VideoHelper.isVideo(o) || VideoHelper.isClip(o)));\n\n  return [];\n}\n\ninterface VideoMixinOptions {\n  /**\n   * If the videos that are having new data mixed into are sitting on an explicit Flight namespace,\n   * providing that namespace here is required\n   */\n  flightNamespace?: string;\n}\n\nexport function useVideoMixin(objects: Types, options: VideoMixinOptions = {}): void {\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n\n  const hydratedVideos = React.useRef<Set<string>>(new Set<string>());\n\n  const videos = getValidObjects(objects);\n\n  const videoIds = videos.map(v => v.id);\n\n  const [ request, setRequest ] = React.useState<Flight.Request[]>([]);\n\n  React.useEffect(() => {\n    if (!videoIds?.length || !currentUser.hasCompleted)\n      return;\n\n    const unhydratedVideos: string[] = [];\n\n    videoIds.forEach(id => {\n      if (!hydratedVideos.current.has(id)) {\n        unhydratedVideos.push(id);\n        hydratedVideos.current.add(id);\n      }\n    });\n    \n    if (!unhydratedVideos.length)\n      return;\n\n    setRequest(r => {\n      const newRequests = [\n        ...r,\n        VideoRequests.videoMixinAssocs(unhydratedVideos, options.flightNamespace)\n      ];\n\n      if (currentUser.data?.isAuthenticated)\n        newRequests.push(ClassificationRequests.hasCurriculumLinks(unhydratedVideos, null, options.flightNamespace));\n\n      return newRequests;\n    });\n  }, [ videoIds?.length, currentUser.hasCompleted ]);\n\n  Flight.useBasicFetchAll(request);\n}"],"names":["ContentUpdateRequests","getContentUpdates","presentationId","from","to","url","limit","query","publicUrl","key","normalizeOptions","namespace","formatData","contentUpdates","map","contentUpdate","id","classificationId","videos","getClassifications","ids","join","getClassification","getClassificationUpdates","getContentUpdateVideos","success","BreadcrumbItem","breadcrumb","name","appLink","active","withBackIcon","className","svgName","size","S","Breadcrumbs","breadcrumbs","isMobile","length","b","idx","PartialBreadcrumbs","numItems","style","height","width","dangerouslySetInnerHTML","__html","PartialVideoList","props","Array","numVideos","fill","_","i","allowBulkActions","PartialVideoItem","breakpoints","useBreakpoints","isSmall","VideoListHelper","withDragHandle","withReordering","xs","Row","Col","defaultProps","DEFAULT_PARTIAL_LOADING_OPTIONS","minWidth","maxWidth","PartialLoadingHelper","getPartialLoadingItems","options","opts","Math","max","floor","random","ClassificationBanner","classification","backgroundUrl","followed","follow","showFollowSpinner","activeAudiences","SharedViewModelKeys","undefined","storage","backgroundImage","getClassificationAppLink","canFollow","IconButton","onClick","Spinner","as","animation","role","phrase","ClassificationUpdateBreadcrumbs","dashboardAppLink","contentUpdatesAppLink","PartialClassificationUpdate","getPhrase","LanguageService","ClassificationUpdateView","isPlugin","usePluginHelper","dispatch","alerts","useLiteFavourites","u","setFavourite","canFavourite","currentUser","UserRequests","yearGroups","data","isAuthenticated","CustomerRequests","customerId","callbacks","setShowFollowSpinner","onFollow","classificationName","onSuccess","AnalyticsHelper","location","workflowPhase","descriptor","actionType","entity","escapeText","onError","error","request","PreferenceRequests","getClassificationCallbacks","date","Date","DateHelper","hasPermissions","usePermissions","canFollowSubjects","PermissionName","subjectPreferences","audiences","usePresentationAudiences","useSetPageMetadata","PageMetadataHelper","title","phraseContext","phraseHandler","titlePhrase","descriptionPhrase","canonicalLink","SeoHelper","allowIndexing","videoActions","useVideoActions","useVideoMixin","hasLoadedPreferences","hasCompleted","preferredSubjectIds","subject","VideoActionsContext","value","banner","appLinks","find","toString","whatsNewAppLink","VideoList","getVideoAppLink","getSubTextAppLink","video","getSeriesAppLink","series","presentationAudiences","getPreviewQuestionsAppLink","interactive","InteractiveHelper","getClassroomGuideAppLink","VideoAppLinkHelper","getInteractiveGuidanceAppLink","getResourceGuidanceAppLink","redirectOnError","activePresentation","getFallbackPresentation","presentation","objects","hydratedVideos","Set","isArray","filter","o","getValidObjects","videoIds","v","setRequest","unhydratedVideos","forEach","current","has","push","add","r","newRequests","flightNamespace"],"sourceRoot":""}

package/dist/scripts/{8085-ed82fb07da-lite.chunk.js → 8085-cde67e66df-lite.chunk.js}

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[8085],{34468:(e,t,r)=>{r.d(t,{R:()=>i});var n=r(32735),a=r(73758);function i(e,t,r,i){var l=function(){a.n.unsubscribe(e,t)};return(0,n.useEffect)((function(){if(i)return r?a.n.subscribeOnce(e,t):a.n.subscribe(e,t),function(){l()}}),[]),l}},73758:(e,t,r)=>{function n(e){return n="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},n(e)}function a(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,i(n.key),n)}}function i(e){var t=function(e,t){if("object"!=n(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var a=r.call(e,"string");if("object"!=n(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==n(t)?t:t+""}r.d(t,{n:()=>l});var l=new(function(){return e=function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.listeners={}},t=[{key:"subscribe",value:function(e,t){this.registerListener(e,t)}},{key:"subscribeOnce",value:function(e,t){this.registerListener(e,t,1)}},{key:"unsubscribe",value:function(e,t){this.deregisterListener(e,t)}},{key:"trigger",value:function(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];this.triggerCallbacks(e,r)}},{key:"registerListener",value:function(e,t,r){var n;if("string"!=typeof e)throw new Error("Event name must be a string");if("function"!=typeof t)throw new Error("Event callback must be a function");if(r&&"number"!=typeof r)throw new Error("Execution limit must be a number or undefined");this.listeners[e]=null!==(n=this.listeners[e])&&void 0!==n?n:[],this.listeners[e].push({callback:t,executionLimit:r})}},{key:"deregisterListener",value:function(e,t){var r;if("string"!=typeof e)throw new Error("Event name must be a string");if(t&&"function"!=typeof t)throw new Error("Event callback must be a function");if(t){var n=null===(r=this.listeners[e])||void 0===r?void 0:r.findIndex((function(e){return e.callback===t}));"number"==typeof n&&-1!==n&&(this.listeners[e].splice(n,1),0===this.listeners[e].length&&delete this.listeners[e])}else this.listeners[e]=[]}},{key:"triggerCallbacks",value:function(e){for(var t=this,r=arguments.length,n=new Array(r>1?r-1:0),a=1;a<r;a++)n[a-1]=arguments[a];if(this.listeners[e]){var i=[];this.listeners[e].forEach((function(e){var t,r;"number"==typeof e.executionLimit&&(e.executionCount=null!==(r=e.executionCount)&&void 0!==r?r:0,e.executionCount++,e.executionCount===e.executionLimit&&i.push(e.callback)),(t=e.callback).apply.apply(t,[null].concat(n))})),i.length&&i.forEach((function(r){return t.deregisterListener(e,r)}))}}}],t&&a(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,t}())},71020:(e,t,r)=>{r.d(t,{_:()=>u});var n=r(32735),a=r(80247),i=r(34152),l=r(83914),o=r(35223);const c={container:"VwD1b",spinner:"eJ85e"};function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function u(e){var t,r,u=(t=(0,i.YD)(),r=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,i,l,o=[],c=!0,s=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=i.call(r)).done)&&(o.push(n.value),o.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(s)throw a}}return o}}(t,r)||function(e,t){if(e){if("string"==typeof e)return s(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?s(e,t):void 0}}(t,r)||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.")}()),d=u[0],m=u[1];return n.useEffect((function(){var t;e.fetchOnScroll&&m&&!e.isFetching&&(null===(t=e.fetchNext)||void 0===t||t.call(e,e.nextCursor))}),[m,e.isFetching]),n.createElement("div",{className:"p-3 text-center ".concat(c.container),ref:d},e.isFetching?n.createElement(a.Z,{as:"span",animation:"border",role:"status",className:c.spinner}):n.createElement(l.x,{svgName:o.vn.ChevronDown,className:"svg-container cursor-pointer",size:l.S.Large,onClick:function(){var t;return null===(t=e.fetchNext)||void 0===t?void 0:t.call(e,e.nextCursor)}}))}u.defaultProps={fetchOnScroll:!1}},75891:(e,t,r)=>{r.d(t,{C:()=>p});var n=r(32735),a=r(86073),i=r(54610),l=r(1164),o=r(67453),c=r(45778),s=r(75163);const u={imageStyle:"FFgf3",imageTypeResource:"z4O5p",fallBackImage:"Xy4zX"};var d={width:200,resizeType:i.Nq.Cover};function m(e){var t;return c.G.isResource(e)?e.metadata.type===l.L.Pdf||(null===(t=e.pdf)||void 0===t?void 0:t.url)?i.__.Pdf:i.__.Thumbnails:i.__.Link}function p(e){var t,r,p,v=null,f=0;c.G.isResource(e.resource)&&(v=e.resource.metadata,f=null!==(p=null===(r=null===(t=e.resource.thumbnail)||void 0===t?void 0:t.metadata)||void 0===r?void 0:r.rotation)&&void 0!==p?p:0);var g=function(e,t){var r,n,s,u=arguments.length>2&&void 0!==arguments[2]?arguments[2]:d,p=m(t);if("thumbnail"in t&&(null===(r=t.thumbnail)||void 0===r?void 0:r.url))return o.j.createUrl(null===(n=t.thumbnail)||void 0===n?void 0:n.url,Object.assign({},u));var v=a._.safeUrlConcat(e,"/v1/previews");return c.G.isResource(t)?p===i.__.Pdf?t.metadata.type===l.L.Pdf?o.j.createResourceImage(v,t.url,Object.assign({},u)):o.j.createResourceImage(v,null===(s=t.pdf)||void 0===s?void 0:s.url,Object.assign({},u)):t.metadata.type!==l.L.Zip?o.j.createUrl(t.url,{size:i.h2.Medium,resizeType:i.Nq.Cover}):"/images/zip-resource.png":o.j.createResourceImage(v,t.url,Object.assign({},u))}(e.imageCdnUrl,e.resource,e.dynamicRatioImageOptions);return n.createElement(s.Z,{data:g,imageType:m(e.resource),imageStyle:{transform:"rotate(".concat(f,"deg)")},alt:e.resource.name,errorFallbackImageSrc:e.imageErrorFallbackUrl,errorFallbackImageClassName:u.fallBackImage,imageClassName:(null==v?void 0:v.type)===l.L.Image?"".concat(u.imageTypeResource," ").concat(u.imageStyle):"",preload:e.preloadImage,preventLoad:!e.preloadImage})}},92805:(e,t,r)=>{r.d(t,{H:()=>a});var n=r(32735);function a(){return n.createElement("div",{className:"p-3 mb-3 border rounded"},n.createElement("div",{className:"row"},n.createElement("div",{className:"pe-3 col-md-7 border-right"},n.createElement("div",{className:"partial-loading-background mb-2",style:{height:"1.5rem",width:"12rem"}}),n.createElement("div",{className:"partial-loading-background mb-2",style:{height:"4.5rem"}}),n.createElement("div",{className:"partial-loading-background",style:{height:"1.5rem",width:"15rem"}})),n.createElement("div",{className:"col-md-5 ps-md-3 pt-3 pt-md-0"},n.createElement("div",{className:"partial-loading-background mb-2",style:{height:"1.5rem",width:"7rem"}}),n.createElement("div",{className:"partial-loading-background mb-2",style:{height:"1.5rem",width:"10rem"}}),n.createElement("div",{className:"partial-loading-background mb-2",style:{height:"1.5rem",width:"12rem"}}),n.createElement("div",{className:"partial-loading-background mb-2 me-2 d-inline-block",style:{height:"1.5rem",width:"3rem"}}),n.createElement("div",{className:"partial-loading-background mb-2 me-2 d-inline-block",style:{height:"1.5rem",width:"4rem"}}),n.createElement("div",{className:"partial-loading-background mb-2 me-2 d-inline-block",style:{height:"1.5rem",width:"3.5rem"}}),n.createElement("div",{className:"partial-loading-background mb-2 me-2 d-inline-block",style:{height:"1.5rem",width:"4.5rem"}}))))}},74696:(e,t,r)=>{r.d(t,{S:()=>s});var n=r(32735),a=r(68050),i=r(69111),l=r(9977),o=r(79967);const c={partialOptions:"Gufgq",partialName:"SicQQ",partialDescription:"dPGMq",partialThumbnail:"vZrnb",partialDragHandle:"iq73R"};function s(e){return n.createElement("div",{className:"mx-2"},Array(e.numVideos).fill(null).map((function(t,r){return n.createElement("div",{className:"d-flex",key:r},e.allowBulkActions&&n.createElement("div",{className:"form-check pe-3 pe-sm-2 mx-0 mx-md-2"}),n.createElement(u,Object.assign({},e)))})))}function u(e){var t=(0,o.k)(),r="sm"===l.O.getSize(t,"md"),s=e.withReordering&&!t.xs;return n.createElement(a.Z,{className:"".concat(r?"":"py-2"," flex-grow-1")},n.createElement(i.Z,Object.assign({},l.O.getThumbnailColumns(),{className:"flex-column align-items-flex-start ".concat(r?"pb-2 pe-1":"mb-1 pe-3 pe-md-2")}),n.createElement(a.Z,null,!!s&&n.createElement("div",{className:"d-flex align-items-center justify-content-center col-2"},n.createElement("div",{className:"partial-loading-background ".concat(c.partialDragHandle)})),n.createElement(i.Z,{xs:l.O.getThumbnailColSize(s)},n.createElement("div",{className:"partial-loading-background ".concat(r?"rounded":"rounded-3"," ").concat(c.partialThumbnail)})))),n.createElement(i.Z,Object.assign({},l.O.getDetailsColumns(),{className:r?"pb-2":"px-2"}),n.createElement("div",{className:"partial-loading-background mb-1 ".concat(c.partialName)}),n.createElement("div",{className:"partial-loading-background ".concat(c.partialDescription)})))}s.defaultProps={numVideos:15}},28907:(e,t,r)=>{r.d(t,{r:()=>i});var n=r(99940),a=r(97395),i={theme:function(e){return{url:"/api/domain/v1/themes/".concat(e),key:"themes:".concat(e)}},themeImages:function(e,t){return{url:a._.urlBuilder("/api/domain/v1/themes",{name:e,type:t}),key:"themes:".concat(e,":").concat(t)}},themes:function(e){var t="/api/domain/v1/themes",r="themes";return e&&(t+="?type=".concat(e),r+=":type:".concat(e)),{url:t,key:r,formatData:function(e){return e.sort((function(e,t){return e.name.localeCompare(t.name)}))}}},createTheme:function(e,t,r,a){return{url:"/api/domain/v1/themes",key:"theme",data:e,type:n.k.POST,invalidationKeys:"themes",success:t,error:r,always:a}},updateTheme:function(e,t,r,a,i){return{url:"/api/domain/v1/themes/".concat(e),key:"update:theme:".concat(e),data:t,type:n.k.PUT,success:r,error:a,always:i}},deleteTheme:function(e,t,r,a){return{url:"/api/domain/v1/themes/".concat(e),key:"delete:theme:".concat(e),type:n.k.DELETE,invalidationKeys:"themes",success:t,error:r,always:a}}}},94631:(e,t,r)=>{r.d(t,{D:()=>a});var n=r(32735);function a(e){var t=n.useRef();return n.useEffect((function(){t.current=e})),t.current}},76196:(e,t,r)=>{r.d(t,{P:()=>l});var n=r(32735),a=r(94631);function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}var l=function(e,t){var r,l,o=(r=n.useState(!1),l=2,function(e){if(Array.isArray(e))return e}(r)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,i,l,o=[],c=!0,s=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=i.call(r)).done)&&(o.push(n.value),o.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(s)throw a}}return o}}(r,l)||function(e,t){if(e){if("string"==typeof e)return i(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?i(e,t):void 0}}(r,l)||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.")}()),c=o[0],s=o[1],u=(0,a.D)(t),d=t;n.useLayoutEffect((function(){if(!c||u!==d){var t=e.find((function(e){return e&&(null==e?void 0:e.id)===d}));if(t){var r=t.getBoundingClientRect();window.scrollBy({top:r.top-80,behavior:"smooth"}),c||s(!0)}}}),[e,u,d,c])}},59598:(e,t,r)=>{var n;r.d(t,{K:()=>n}),function(e){e.Resources="resources",e.Interactives="interactives",e.Video="video",e.Clips="clips",e.CurriculumLinks="curriculum-links",e.VideoDetails="video-details",e.RelatedVideos="related-videos",e.ClippedFrom="clipped-from"}(n||(n={}))},54297:(e,t,r)=>{r.d(t,{C:()=>n});var n={getResourceTypeName:function(e){switch(e){case"additional-materials":return"Additional Materials";case"atom-guide":return"ATOM Guide";case"teacher-pack":return"Teacher Pack";case"student-activity":return"Student Activity";default:return"N/A"}}}},26492:(e,t,r)=>{r.d(t,{T:()=>u});var n=r(32735),a=r(23481),i=r(65858),l=r(83914),o=r(4594),c=r(35223),s="shared.playPage";function u(e){var t=a.T.encloseNamespace(s),r=function(e){switch(e){case o.E.Video:return"video";case o.E.Clip:return"clip";case o.E.Interactive:return"interactive";default:return""}}(e.typeId);return n.createElement("div",{className:"alert bg-light-blue p-3 rounded-3 d-flex justify-content-between align-items-center"},n.createElement(l.x,{svgName:c.vn.Archive,size:l.S.Standard,className:"me-2 svg-container"}),n.createElement("div",{className:"w-100"},n.createElement("p",{className:"fw-semibold mb-0"},t("archivedInfoTitle",{type:r})),(!e.hasStudentExperience||r===i.py.Video)&&n.createElement("p",{className:"mb-1"},t("archivedInfo",{type:"".concat(r,"s")}))))}},47938:(e,t,r)=>{r.d(t,{W:()=>m});var n=r(32735),a=r(36848),i=r(83914),l=r(83345),o=r(5345),c=r(26361),s=r(14070),u=r(97291),d="shared.playPage";function m(e){var t,r;if(!(null===(r=null===(t=e.restrictions)||void 0===t?void 0:t.value)||void 0===r?void 0:r.length)||!e.yearGroups||!e.canManageVideoAccess)return n.createElement(n.Fragment,null);if(c.l.getWeightedRestriction(e.restrictions.value).type!==o.c.Custom)return n.createElement(n.Fragment,null);var m=c.l.mapRestrictionToClass(e.restrictions),p="".concat(m," fw-semibold p-2 rounded mb-3 d-flex justify-content-between align-items-center");return n.createElement("div",{className:p},n.createElement("div",{className:"d-flex align-items-center"},n.createElement(i.x,{svgName:c.l.mapRestrictionToSvg(e.restrictions),size:i.S.Large}),n.createElement("span",{className:"ps-1"},c.l.mapRestrictionToText(e.restrictions,e.yearGroups))),n.createElement(a.F,{appLink:{application:u.O.DEFAULT,action:s.e.Default.APPROVE_VIDEO,params:{objectId:e.objectId,objectTypeId:e.objectTypeId}},className:"btn btn-outline-dark"},n.createElement(l.x,{namespace:d,phrase:"approve"})))}},91479:(e,t,r)=>{r.d(t,{v:()=>y});var n=r(32735),a=r(65858),i=r(83657),l=r(36848),o=r(40955),c=r(18559),s=r(17464),u=r(83345),d=r(38647),m=r(11882),p=r(80143),v=r(31908),f=r(10671);const g={series:"wTlJJ",badgeListContainer:"Vaout"};var h="shared.playPage";function y(e){var t,r,y,b,E,k,w=(0,p.n)(null===(t=e.media.subjectPresentationAudiences)||void 0===t?void 0:t.data,e.audiences),N=n.useRef(null),A=n.useRef(null),V=v.M.isVideo(e.media)&&!!(null===(r=e.media.rating)||void 0===r?void 0:r.value)||v.M.isVideo(e.media)&&!!e.media.productionYear||!!(null===(b=null===(y=e.media.subjectPresentationAudiences)||void 0===y?void 0:y.data)||void 0===b?void 0:b.length),C=(0,f._)({location:f.i.PlayPage,shareId:e.shareId}),L=!!e.originalVideoAppLink&&v.M.isClip(e.media)&&v.M.canViewOriginalVideo(e.media);return n.createElement("section",{className:"mb-3 position-relative",ref:N},n.createElement("div",{className:"d-inline-block w-100",ref:A},e.featureAccess.canNavigate&&n.createElement("div",{className:"ms-2 float-end"},n.createElement(i.e,{actions:C.getVideoActions(e.media),actionsDropdownClassName:"btn btn-outline-dark",fetchMore:function(){return C.fetchMoreActions(e.media)}})),!!v.M.isVideo(e.media)&&n.createElement(m.$,{type:"series",video:e.media,appLink:null===(E=e.getSeriesAppLink)||void 0===E?void 0:E.call(e,e.media.series),className:"".concat(g.series," text-truncate mw-100"),analyticsOptions:{location:a.LZ.PlayPage}}),n.createElement("h1",{className:"h4 mb-2 mw-100"},n.createElement("span",{className:"align-self-center"},e.media.name),n.createElement(d.m,{tooltipPlacement:"right",className:"d-inline-block ps-1",video:e.media,yearGroups:e.yearGroups})),V&&n.createElement(s.c,{className:g.badgeListContainer},n.createElement(o.P,{audience:w,className:"bg-white text-dark",border:"dark"}),v.M.isVideo(e.media)&&n.createElement(c.C,{type:c.g.Rating,data:e.media.rating}),v.M.isVideo(e.media)&&n.createElement(c.C,{type:c.g.ProductionYear,data:e.media.productionYear}))),v.M.isClip(e.media)&&L&&n.createElement("p",{className:"clamp-1"},n.createElement(u.x,{namespace:h,phrase:"viewOriginal"})," ",n.createElement(l.F,{className:"info-link",appLink:e.originalVideoAppLink},null===(k=e.media._parentVideo)||void 0===k?void 0:k.name)))}},81024:(e,t,r)=>{r.d(t,{S:()=>f});var n=r(32735),a=r(23481),i=r(65858),l=r(36848),o=r(83914),c=r(54610),s=r(67453),u=r(35223),d=r(31908);const m="LL7My",p="QoLgZ";var v=a.T.encloseNamespace("shared.playerPlaceholder");function f(e){switch(e.type){case"pip":return n.createElement(g,Object.assign({},e));case"public":return n.createElement(h,Object.assign({},e));default:return n.createElement(n.Fragment,null)}}var g=function(e){var t,r;return n.createElement("div",{className:"position-relative responsive-img ".concat(p),style:{backgroundImage:"url('".concat(null!==(r=null===(t=d.M.getThumbnail(e.video))||void 0===t?void 0:t.url)&&void 0!==r?r:"","')")}},n.createElement("p",{className:"m-0 text-white h3 ".concat("BcnSH")},v("playingPiP")),n.createElement("div",{className:m}))},h=function(e){var t,r,a=s.j.createUrl(null!==(r=null===(t=d.M.getThumbnail(e.video))||void 0===t?void 0:t.url)&&void 0!==r?r:"",{size:c.h2.Large});return n.createElement("div",{className:"position-relative responsive-img ".concat(p),style:{backgroundImage:"url('".concat(a,"')")}},n.createElement(l.F,{appLink:e.appLink,analyticsOptions:{actionType:i.Vw.Click,location:i.LZ.PlayPage,entity:i.py.AppLink,workflowPhase:i.eu.Start,descriptor:i.Yu.SignUp},analyticsData:{}},n.createElement(o.x,{svgName:u.vn.PlayCircle,className:"x_1f6"}),n.createElement("div",{className:m})))}},78166:(e,t,r)=>{r.d(t,{Z:()=>h});var n=r(32735),a=r(71020),i=r(83345),l=r(74696),o=r(13231),c=r(51365),s=r(22902),u=r(59598),d=r(31908),m=r(10671),p=r(10741),v=r(22490),f=r(82431),g="shared.relatedVideos";function h(e){var t,r,h=(0,m._)({location:m.i.VideoItem}),y=(0,s.T)().hasPermissions;if(!(null===(t=e.currentUser)||void 0===t?void 0:t.isAuthenticated))return n.createElement(n.Fragment,null);if(e.relatedVideos.hasError)return n.createElement(n.Fragment,null);if(e.relatedVideos.hasCompleted&&!(null===(r=e.relatedVideos.videos)||void 0===r?void 0:r.length))return n.createElement(n.Fragment,null);if(!e.relatedVideos.isFetching&&!e.relatedVideos.hasCompleted)return n.createElement(n.Fragment,null);var b=!d.M.isInteractive(e.currentVideo);return n.createElement("section",{id:u.K.RelatedVideos,ref:function(t){var r,n;t&&(null===(r=e.headingRef)||void 0===r?void 0:r.current)&&(null===(n=e.relatedVideos.videos)||void 0===n?void 0:n.length)&&e.headingRef.current.set(u.K.RelatedVideos,t)}},n.createElement(c.M.Provider,{value:h},n.createElement("h2",{className:"h4 mb-0"},n.createElement(i.x,{namespace:g,phrase:b?"upNext":"relatedVideos"})),e.relatedVideos.hasCompleted?n.createElement(o.E4,{videos:e.relatedVideos.videos,yearGroups:e.yearGroups,getSubTextAppLink:function(t){return f.j.getSeriesAppLink(t.series,e.moviesAndTv?{mtv:!0}:null)},getVideoAppLink:e.getVideoAppLink,hasPermissions:y,setFavourite:e.setFavourite,canFavourite:e.canFavourite,presentationAudiences:e.audiences,getPreviewQuestionsAppLink:function(e){return p.j.getPreviewQuestionsAppLink(e)},isPlugin:e.isPlugin,getClassroomGuideAppLink:v.W.getClassroomGuideAppLink,getInteractiveGuidanceAppLink:v.W.getInteractiveGuidanceAppLink,getResourceGuidanceAppLink:v.W.getResourceGuidanceAppLink}):n.createElement(l.S,null),e.relatedVideos.hasMore&&n.createElement(a._,{isFetching:e.relatedVideos.isFetching,fetchNext:e.relatedVideos.fetchNext})))}},35014:(e,t,r)=>{r.d(t,{I:()=>c});var n=r(16714),a=r(12754),i=r(22902),l=r(15311),o=r(11387);function c(){var e=(0,i.T)(),t=e.hasPermissions,r=e.hasLocalPermissions,c=(0,(0,l.r)().hasProduct)(a.x.Primary);return{canViewGlance:t(n.C.ViewVideoGlance),canViewResources:!0,canViewInteractives:c&&t(n.C.ViewVideoInteractives),canViewClips:c&&t(n.C.ViewVideoClips),canViewCurriculumLinks:t(n.C.ViewCurriculums),canUseActions:r(n.E.UseVideoActions),canViewPublicLayout:!r(n.E.WatchVideos)&&o.C.hasRegionPrefix(),canViewResourceItems:r(n.E.ViewVideoResourceItems),canNavigate:c}}},97816:(e,t,r)=>{r.d(t,{V:()=>u});var n=r(32735),a=r(20354),i=r(21750),l=r(31949),o=r(1575);function c(e,t){if(e){if("string"==typeof e)return s(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?s(e,t):void 0}}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function u(e){var t,r,u=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},d=a.a.useBasicFetch(l.N.currentUser()),m=n.useRef(new Set),p=e&&(Array.isArray(e)?e.filter(Boolean).map((function(e){return e.id})):e.data.filter(Boolean).map((function(e){return e.id}))),v=(t=n.useState([]),r=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,i,l,o=[],c=!0,s=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=i.call(r)).done)&&(o.push(n.value),o.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(s)throw a}}return o}}(t,r)||c(t,r)||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.")}()),f=v[0],g=v[1];n.useEffect((function(){if((null==p?void 0:p.length)&&d.hasCompleted){var e=[];p.forEach((function(t){m.current.has(t)||(e.push(t),m.current.add(t))})),e.length&&g((function(t){var r,n=[].concat(function(e){return function(e){if(Array.isArray(e))return s(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||c(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.")}()}(t),[o.R.videoMixinAssocs(e,u.flightNamespace)]);return(null===(r=d.data)||void 0===r?void 0:r.isAuthenticated)&&n.push(i.x.hasCurriculumLinks(e,null,u.flightNamespace)),n}))}}),[null==p?void 0:p.length,d.hasCompleted]),a.a.useBasicFetchAll(f)}}}]);
-//# sourceMappingURL=8085-ed82fb07da-lite.chunk.js.map
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[8085],{34468:(e,t,r)=>{r.d(t,{R:()=>i});var n=r(32735),a=r(73758);function i(e,t,r,i){var l=function(){a.n.unsubscribe(e,t)};return(0,n.useEffect)((function(){if(i)return r?a.n.subscribeOnce(e,t):a.n.subscribe(e,t),function(){l()}}),[]),l}},73758:(e,t,r)=>{function n(e){return n="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},n(e)}function a(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,i(n.key),n)}}function i(e){var t=function(e,t){if("object"!=n(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var a=r.call(e,"string");if("object"!=n(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==n(t)?t:t+""}r.d(t,{n:()=>l});var l=new(function(){return e=function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.listeners={}},t=[{key:"subscribe",value:function(e,t){this.registerListener(e,t)}},{key:"subscribeOnce",value:function(e,t){this.registerListener(e,t,1)}},{key:"unsubscribe",value:function(e,t){this.deregisterListener(e,t)}},{key:"trigger",value:function(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];this.triggerCallbacks(e,r)}},{key:"registerListener",value:function(e,t,r){var n;if("string"!=typeof e)throw new Error("Event name must be a string");if("function"!=typeof t)throw new Error("Event callback must be a function");if(r&&"number"!=typeof r)throw new Error("Execution limit must be a number or undefined");this.listeners[e]=null!==(n=this.listeners[e])&&void 0!==n?n:[],this.listeners[e].push({callback:t,executionLimit:r})}},{key:"deregisterListener",value:function(e,t){var r;if("string"!=typeof e)throw new Error("Event name must be a string");if(t&&"function"!=typeof t)throw new Error("Event callback must be a function");if(t){var n=null===(r=this.listeners[e])||void 0===r?void 0:r.findIndex((function(e){return e.callback===t}));"number"==typeof n&&-1!==n&&(this.listeners[e].splice(n,1),0===this.listeners[e].length&&delete this.listeners[e])}else this.listeners[e]=[]}},{key:"triggerCallbacks",value:function(e){for(var t=this,r=arguments.length,n=new Array(r>1?r-1:0),a=1;a<r;a++)n[a-1]=arguments[a];if(this.listeners[e]){var i=[];this.listeners[e].forEach((function(e){var t,r;"number"==typeof e.executionLimit&&(e.executionCount=null!==(r=e.executionCount)&&void 0!==r?r:0,e.executionCount++,e.executionCount===e.executionLimit&&i.push(e.callback)),(t=e.callback).apply.apply(t,[null].concat(n))})),i.length&&i.forEach((function(r){return t.deregisterListener(e,r)}))}}}],t&&a(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,t}())},71020:(e,t,r)=>{r.d(t,{_:()=>u});var n=r(32735),a=r(80247),i=r(34152),l=r(83914),o=r(35223);const c={container:"VwD1b",spinner:"eJ85e"};function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function u(e){var t,r,u=(t=(0,i.YD)(),r=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,i,l,o=[],c=!0,s=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=i.call(r)).done)&&(o.push(n.value),o.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(s)throw a}}return o}}(t,r)||function(e,t){if(e){if("string"==typeof e)return s(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?s(e,t):void 0}}(t,r)||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.")}()),d=u[0],m=u[1];return n.useEffect((function(){var t;e.fetchOnScroll&&m&&!e.isFetching&&(null===(t=e.fetchNext)||void 0===t||t.call(e,e.nextCursor))}),[m,e.isFetching]),n.createElement("div",{className:"p-3 text-center ".concat(c.container),ref:d},e.isFetching?n.createElement(a.Z,{as:"span",animation:"border",role:"status",className:c.spinner}):n.createElement(l.x,{svgName:o.vn.ChevronDown,className:"svg-container cursor-pointer",size:l.S.Large,onClick:function(){var t;return null===(t=e.fetchNext)||void 0===t?void 0:t.call(e,e.nextCursor)}}))}u.defaultProps={fetchOnScroll:!1}},75891:(e,t,r)=>{r.d(t,{C:()=>p});var n=r(32735),a=r(86073),i=r(54610),l=r(1164),o=r(67453),c=r(45778),s=r(75163);const u={imageStyle:"FFgf3",imageTypeResource:"z4O5p",fallBackImage:"Xy4zX"};var d={width:200,resizeType:i.Nq.Cover};function m(e){var t;return c.G.isResource(e)?e.metadata.type===l.L.Pdf||(null===(t=e.pdf)||void 0===t?void 0:t.url)?i.__.Pdf:i.__.Thumbnails:i.__.Link}function p(e){var t,r,p,v=null,f=0;c.G.isResource(e.resource)&&(v=e.resource.metadata,f=null!==(p=null===(r=null===(t=e.resource.thumbnail)||void 0===t?void 0:t.metadata)||void 0===r?void 0:r.rotation)&&void 0!==p?p:0);var g=function(e,t){var r,n,s,u=arguments.length>2&&void 0!==arguments[2]?arguments[2]:d,p=m(t);if("thumbnail"in t&&(null===(r=t.thumbnail)||void 0===r?void 0:r.url))return o.j.createUrl(null===(n=t.thumbnail)||void 0===n?void 0:n.url,Object.assign({},u));var v=a._.safeUrlConcat(e,"/v1/previews");return c.G.isResource(t)?p===i.__.Pdf?t.metadata.type===l.L.Pdf?o.j.createResourceImage(v,t.url,Object.assign({},u)):o.j.createResourceImage(v,null===(s=t.pdf)||void 0===s?void 0:s.url,Object.assign({},u)):t.metadata.type!==l.L.Zip?o.j.createUrl(t.url,{size:i.h2.Medium,resizeType:i.Nq.Cover}):"/images/zip-resource.png":o.j.createResourceImage(v,t.url,Object.assign({},u))}(e.imageCdnUrl,e.resource,e.dynamicRatioImageOptions);return n.createElement(s.Z,{data:g,imageType:m(e.resource),imageStyle:{transform:"rotate(".concat(f,"deg)")},alt:e.resource.name,errorFallbackImageSrc:e.imageErrorFallbackUrl,errorFallbackImageClassName:u.fallBackImage,imageClassName:(null==v?void 0:v.type)===l.L.Image?"".concat(u.imageTypeResource," ").concat(u.imageStyle):"",preload:e.preloadImage,preventLoad:!e.preloadImage})}},92805:(e,t,r)=>{r.d(t,{H:()=>a});var n=r(32735);function a(){return n.createElement("div",{className:"p-3 mb-3 border rounded"},n.createElement("div",{className:"row"},n.createElement("div",{className:"pe-3 col-md-7 border-right"},n.createElement("div",{className:"partial-loading-background mb-2",style:{height:"1.5rem",width:"12rem"}}),n.createElement("div",{className:"partial-loading-background mb-2",style:{height:"4.5rem"}}),n.createElement("div",{className:"partial-loading-background",style:{height:"1.5rem",width:"15rem"}})),n.createElement("div",{className:"col-md-5 ps-md-3 pt-3 pt-md-0"},n.createElement("div",{className:"partial-loading-background mb-2",style:{height:"1.5rem",width:"7rem"}}),n.createElement("div",{className:"partial-loading-background mb-2",style:{height:"1.5rem",width:"10rem"}}),n.createElement("div",{className:"partial-loading-background mb-2",style:{height:"1.5rem",width:"12rem"}}),n.createElement("div",{className:"partial-loading-background mb-2 me-2 d-inline-block",style:{height:"1.5rem",width:"3rem"}}),n.createElement("div",{className:"partial-loading-background mb-2 me-2 d-inline-block",style:{height:"1.5rem",width:"4rem"}}),n.createElement("div",{className:"partial-loading-background mb-2 me-2 d-inline-block",style:{height:"1.5rem",width:"3.5rem"}}),n.createElement("div",{className:"partial-loading-background mb-2 me-2 d-inline-block",style:{height:"1.5rem",width:"4.5rem"}}))))}},74696:(e,t,r)=>{r.d(t,{S:()=>s});var n=r(32735),a=r(68050),i=r(69111),l=r(9977),o=r(79967);const c={partialOptions:"Gufgq",partialName:"SicQQ",partialDescription:"dPGMq",partialThumbnail:"vZrnb",partialDragHandle:"iq73R"};function s(e){return n.createElement("div",{className:"mx-2"},Array(e.numVideos).fill(null).map((function(t,r){return n.createElement("div",{className:"d-flex",key:r},e.allowBulkActions&&n.createElement("div",{className:"form-check pe-3 pe-sm-2 mx-0 mx-md-2"}),n.createElement(u,Object.assign({},e)))})))}function u(e){var t=(0,o.k)(),r="sm"===l.O.getSize(t,"md"),s=e.withReordering&&!t.xs;return n.createElement(a.Z,{className:"".concat(r?"":"py-2"," flex-grow-1")},n.createElement(i.Z,Object.assign({},l.O.getThumbnailColumns(),{className:"flex-column align-items-flex-start ".concat(r?"pb-2 pe-1":"mb-1 pe-3 pe-md-2")}),n.createElement(a.Z,null,!!s&&n.createElement("div",{className:"d-flex align-items-center justify-content-center col-2"},n.createElement("div",{className:"partial-loading-background ".concat(c.partialDragHandle)})),n.createElement(i.Z,{xs:l.O.getThumbnailColSize(s)},n.createElement("div",{className:"partial-loading-background ".concat(r?"rounded":"rounded-3"," ").concat(c.partialThumbnail)})))),n.createElement(i.Z,Object.assign({},l.O.getDetailsColumns(),{className:r?"pb-2":"px-2"}),n.createElement("div",{className:"partial-loading-background mb-1 ".concat(c.partialName)}),n.createElement("div",{className:"partial-loading-background ".concat(c.partialDescription)})))}s.defaultProps={numVideos:15}},28907:(e,t,r)=>{r.d(t,{r:()=>i});var n=r(99940),a=r(97395),i={theme:function(e){return{url:"/api/domain/v1/themes/".concat(e),key:"themes:".concat(e)}},themeImages:function(e,t){return{url:a._.urlBuilder("/api/domain/v1/themes",{name:e,type:t}),key:"themes:".concat(e,":").concat(t)}},themes:function(e){var t="/api/domain/v1/themes",r="themes";return e&&(t+="?type=".concat(e),r+=":type:".concat(e)),{url:t,key:r,formatData:function(e){return e.sort((function(e,t){return e.name.localeCompare(t.name)}))}}},createTheme:function(e,t,r,a){return{url:"/api/domain/v1/themes",key:"theme",data:e,type:n.k.POST,invalidationKeys:"themes",success:t,error:r,always:a}},updateTheme:function(e,t,r,a,i){return{url:"/api/domain/v1/themes/".concat(e),key:"update:theme:".concat(e),data:t,type:n.k.PUT,success:r,error:a,always:i}},deleteTheme:function(e,t,r,a){return{url:"/api/domain/v1/themes/".concat(e),key:"delete:theme:".concat(e),type:n.k.DELETE,invalidationKeys:"themes",success:t,error:r,always:a}}}},94631:(e,t,r)=>{r.d(t,{D:()=>a});var n=r(32735);function a(e){var t=n.useRef();return n.useEffect((function(){t.current=e})),t.current}},76196:(e,t,r)=>{r.d(t,{P:()=>l});var n=r(32735),a=r(94631);function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}var l=function(e,t){var r,l,o=(r=n.useState(!1),l=2,function(e){if(Array.isArray(e))return e}(r)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,i,l,o=[],c=!0,s=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=i.call(r)).done)&&(o.push(n.value),o.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(s)throw a}}return o}}(r,l)||function(e,t){if(e){if("string"==typeof e)return i(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?i(e,t):void 0}}(r,l)||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.")}()),c=o[0],s=o[1],u=(0,a.D)(t),d=t;n.useLayoutEffect((function(){if(!c||u!==d){var t=e.find((function(e){return e&&(null==e?void 0:e.id)===d}));if(t){var r=t.getBoundingClientRect();window.scrollBy({top:r.top-80,behavior:"smooth"}),c||s(!0)}}}),[e,u,d,c])}},59598:(e,t,r)=>{var n;r.d(t,{K:()=>n}),function(e){e.Resources="resources",e.Interactives="interactives",e.Video="video",e.Clips="clips",e.CurriculumLinks="curriculum-links",e.VideoDetails="video-details",e.RelatedVideos="related-videos",e.ClippedFrom="clipped-from"}(n||(n={}))},54297:(e,t,r)=>{r.d(t,{C:()=>n});var n={getResourceTypeName:function(e){switch(e){case"additional-materials":return"Additional Materials";case"atom-guide":return"ATOM Guide";case"teacher-pack":return"Teacher Pack";case"student-activity":return"Student Activity";default:return"N/A"}}}},26492:(e,t,r)=>{r.d(t,{T:()=>u});var n=r(32735),a=r(23481),i=r(65858),l=r(83914),o=r(4594),c=r(35223),s="shared.playPage";function u(e){var t=a.T.encloseNamespace(s),r=function(e){switch(e){case o.E.Video:return"video";case o.E.Clip:return"clip";case o.E.Interactive:return"interactive";default:return""}}(e.typeId);return n.createElement("div",{className:"alert bg-light-blue p-3 rounded-3 d-flex justify-content-between align-items-center"},n.createElement(l.x,{svgName:c.vn.Archive,size:l.S.Standard,className:"me-2 svg-container"}),n.createElement("div",{className:"w-100"},n.createElement("p",{className:"fw-semibold mb-0"},t("archivedInfoTitle",{type:r})),(!e.hasStudentExperience||r===i.py.Video)&&n.createElement("p",{className:"mb-1"},t("archivedInfo",{type:"".concat(r,"s")}))))}},47938:(e,t,r)=>{r.d(t,{W:()=>m});var n=r(32735),a=r(36848),i=r(83914),l=r(83345),o=r(5345),c=r(26361),s=r(14070),u=r(97291),d="shared.playPage";function m(e){var t,r;if(!(null===(r=null===(t=e.restrictions)||void 0===t?void 0:t.value)||void 0===r?void 0:r.length)||!e.yearGroups||!e.canManageVideoAccess)return n.createElement(n.Fragment,null);if(c.l.getWeightedRestriction(e.restrictions.value).type!==o.c.Custom)return n.createElement(n.Fragment,null);var m=c.l.mapRestrictionToClass(e.restrictions),p="".concat(m," fw-semibold p-2 rounded mb-3 d-flex justify-content-between align-items-center");return n.createElement("div",{className:p},n.createElement("div",{className:"d-flex align-items-center"},n.createElement(i.x,{svgName:c.l.mapRestrictionToSvg(e.restrictions),size:i.S.Large}),n.createElement("span",{className:"ps-1"},c.l.mapRestrictionToText(e.restrictions,e.yearGroups))),n.createElement(a.F,{appLink:{application:u.O.DEFAULT,action:s.e.Default.APPROVE_VIDEO,params:{objectId:e.objectId,objectTypeId:e.objectTypeId}},className:"btn btn-outline-dark"},n.createElement(l.x,{namespace:d,phrase:"approve"})))}},91479:(e,t,r)=>{r.d(t,{v:()=>y});var n=r(32735),a=r(65858),i=r(83657),l=r(36848),o=r(40955),c=r(18559),s=r(17464),u=r(83345),d=r(38647),m=r(11882),p=r(80143),v=r(31908),f=r(10671);const g={series:"wTlJJ",badgeListContainer:"Vaout"};var h="shared.playPage";function y(e){var t,r,y,b,E,k,w=(0,p.n)(null===(t=e.media.subjectPresentationAudiences)||void 0===t?void 0:t.data,e.audiences),N=n.useRef(null),A=n.useRef(null),V=v.M.isVideo(e.media)&&!!(null===(r=e.media.rating)||void 0===r?void 0:r.value)||v.M.isVideo(e.media)&&!!e.media.productionYear||!!(null===(b=null===(y=e.media.subjectPresentationAudiences)||void 0===y?void 0:y.data)||void 0===b?void 0:b.length),C=(0,f._)({location:f.i.PlayPage,shareId:e.shareId}),L=!!e.originalVideoAppLink&&v.M.isClip(e.media)&&v.M.canViewOriginalVideo(e.media);return n.createElement("section",{className:"mb-3 position-relative",ref:N},n.createElement("div",{className:"d-inline-block w-100",ref:A},e.featureAccess.canNavigate&&n.createElement("div",{className:"ms-2 float-end"},n.createElement(i.e,{actions:C.getVideoActions(e.media),actionsDropdownClassName:"btn btn-outline-dark",fetchMore:function(){return C.fetchMoreActions(e.media)}})),!!v.M.isVideo(e.media)&&n.createElement(m.$,{type:"series",video:e.media,appLink:null===(E=e.getSeriesAppLink)||void 0===E?void 0:E.call(e,e.media.series),className:"".concat(g.series," text-truncate mw-100"),analyticsOptions:{location:a.LZ.PlayPage}}),n.createElement("h1",{className:"h4 mb-2 mw-100"},n.createElement("span",{className:"align-self-center"},e.media.name),n.createElement(d.m,{tooltipPlacement:"right",className:"d-inline-block ps-1",video:e.media,yearGroups:e.yearGroups})),V&&n.createElement(s.c,{className:g.badgeListContainer},n.createElement(o.P,{audience:w,className:"bg-white text-dark",border:"dark"}),v.M.isVideo(e.media)&&n.createElement(c.C,{type:c.g.Rating,data:e.media.rating}),v.M.isVideo(e.media)&&n.createElement(c.C,{type:c.g.ProductionYear,data:e.media.productionYear}))),v.M.isClip(e.media)&&L&&n.createElement("p",{className:"clamp-1"},n.createElement(u.x,{namespace:h,phrase:"viewOriginal"})," ",n.createElement(l.F,{className:"info-link",appLink:e.originalVideoAppLink},null===(k=e.media._parentVideo)||void 0===k?void 0:k.name)))}},81024:(e,t,r)=>{r.d(t,{S:()=>f});var n=r(32735),a=r(23481),i=r(65858),l=r(36848),o=r(83914),c=r(54610),s=r(67453),u=r(35223),d=r(31908);const m="LL7My",p="QoLgZ";var v=a.T.encloseNamespace("shared.playerPlaceholder");function f(e){switch(e.type){case"pip":return n.createElement(g,Object.assign({},e));case"public":return n.createElement(h,Object.assign({},e));default:return n.createElement(n.Fragment,null)}}var g=function(e){var t,r;return n.createElement("div",{className:"position-relative responsive-img ".concat(p),style:{backgroundImage:"url('".concat(null!==(r=null===(t=d.M.getThumbnail(e.video))||void 0===t?void 0:t.url)&&void 0!==r?r:"","')")}},n.createElement("p",{className:"m-0 text-white h3 ".concat("BcnSH")},v("playingPiP")),n.createElement("div",{className:m}))},h=function(e){var t,r,a=s.j.createUrl(null!==(r=null===(t=d.M.getThumbnail(e.video))||void 0===t?void 0:t.url)&&void 0!==r?r:"",{size:c.h2.Large});return n.createElement("div",{className:"position-relative responsive-img ".concat(p),style:{backgroundImage:"url('".concat(a,"')")}},n.createElement(l.F,{appLink:e.appLink,analyticsOptions:{actionType:i.Vw.Click,location:i.LZ.PlayPage,entity:i.py.AppLink,workflowPhase:i.eu.Start,descriptor:i.Yu.SignUp},analyticsData:{}},n.createElement(o.x,{svgName:u.vn.PlayCircle,className:"x_1f6"}),n.createElement("div",{className:m})))}},78166:(e,t,r)=>{r.d(t,{Z:()=>h});var n=r(32735),a=r(71020),i=r(83345),l=r(74696),o=r(13231),c=r(51365),s=r(22902),u=r(59598),d=r(31908),m=r(10671),p=r(10741),v=r(22490),f=r(82431),g="shared.relatedVideos";function h(e){var t,r,h=(0,m._)({location:m.i.VideoItem}),y=(0,s.T)().hasPermissions;if(!(null===(t=e.currentUser)||void 0===t?void 0:t.isAuthenticated))return n.createElement(n.Fragment,null);if(e.relatedVideos.hasError)return n.createElement(n.Fragment,null);if(e.relatedVideos.hasCompleted&&!(null===(r=e.relatedVideos.videos)||void 0===r?void 0:r.length))return n.createElement(n.Fragment,null);if(!e.relatedVideos.isFetching&&!e.relatedVideos.hasCompleted)return n.createElement(n.Fragment,null);var b=!d.M.isInteractive(e.currentVideo);return n.createElement("section",{id:u.K.RelatedVideos,ref:function(t){var r,n;t&&(null===(r=e.headingRef)||void 0===r?void 0:r.current)&&(null===(n=e.relatedVideos.videos)||void 0===n?void 0:n.length)&&e.headingRef.current.set(u.K.RelatedVideos,t)}},n.createElement(c.M.Provider,{value:h},n.createElement("h2",{className:"h4 mb-0"},n.createElement(i.x,{namespace:g,phrase:b?"upNext":"relatedVideos"})),e.relatedVideos.hasCompleted?n.createElement(o.E4,{videos:e.relatedVideos.videos,yearGroups:e.yearGroups,getSubTextAppLink:function(t){return f.j.getSeriesAppLink(t.series,e.moviesAndTv?{mtv:!0}:null)},getVideoAppLink:e.getVideoAppLink,hasPermissions:y,setFavourite:e.setFavourite,canFavourite:e.canFavourite,presentationAudiences:e.audiences,getPreviewQuestionsAppLink:function(e){return p.j.getPreviewQuestionsAppLink(e)},isPlugin:e.isPlugin,getClassroomGuideAppLink:v.W.getClassroomGuideAppLink,getInteractiveGuidanceAppLink:v.W.getInteractiveGuidanceAppLink,getResourceGuidanceAppLink:v.W.getResourceGuidanceAppLink}):n.createElement(l.S,null),e.relatedVideos.hasMore&&n.createElement(a._,{isFetching:e.relatedVideos.isFetching,fetchNext:e.relatedVideos.fetchNext})))}},35014:(e,t,r)=>{r.d(t,{I:()=>c});var n=r(16714),a=r(12754),i=r(22902),l=r(15311),o=r(11387);function c(){var e=(0,i.T)(),t=e.hasPermissions,r=e.hasLocalPermissions,c=(0,(0,l.r)().hasProduct)(a.x.Primary);return{canViewGlance:t(n.C.ViewVideoGlance),canViewResources:!0,canViewInteractives:c&&t(n.C.ViewVideoInteractives),canViewClips:c&&t(n.C.ViewVideoClips),canViewCurriculumLinks:t(n.C.ViewCurriculums),canUseActions:r(n.E.UseVideoActions),canViewPublicLayout:!r(n.E.WatchVideos)&&o.C.hasRegionPrefix(),canViewResourceItems:r(n.E.ViewVideoResourceItems),canNavigate:c}}},97816:(e,t,r)=>{r.d(t,{V:()=>d});var n=r(32735),a=r(20354),i=r(21750),l=r(31949),o=r(1575),c=r(31908);function s(e,t){if(e){if("string"==typeof e)return u(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?u(e,t):void 0}}function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function d(e){var t,r,d=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},m=a.a.useBasicFetch(l.N.currentUser()),p=n.useRef(new Set),v=function(e){return e?Array.isArray(e)?e.filter((function(e){return!!e&&(c.M.isVideo(e)||c.M.isClip(e))})):"data"in e?e.data.filter((function(e){return!!e&&(c.M.isVideo(e)||c.M.isClip(e))})):[]:[]}(e),f=v.map((function(e){return e.id})),g=(t=n.useState([]),r=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,i,l,o=[],c=!0,s=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=i.call(r)).done)&&(o.push(n.value),o.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(s)throw a}}return o}}(t,r)||s(t,r)||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.")}()),h=g[0],y=g[1];n.useEffect((function(){if((null==f?void 0:f.length)&&m.hasCompleted){var e=[];f.forEach((function(t){p.current.has(t)||(e.push(t),p.current.add(t))})),e.length&&y((function(t){var r,n=[].concat(function(e){return function(e){if(Array.isArray(e))return u(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||s(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.")}()}(t),[o.R.videoMixinAssocs(e,d.flightNamespace)]);return(null===(r=m.data)||void 0===r?void 0:r.isAuthenticated)&&n.push(i.x.hasCurriculumLinks(e,null,d.flightNamespace)),n}))}}),[null==f?void 0:f.length,m.hasCompleted]),a.a.useBasicFetchAll(h)}}}]);
+//# sourceMappingURL=8085-cde67e66df-lite.chunk.js.map

package/dist/scripts/8085-cde67e66df-lite.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts/8085-cde67e66df-lite.chunk.js","mappings":"8JAYM,SAAUA,EACdC,EACAC,EACAC,EACAC,GAEA,IAAMC,EAAc,WAClB,gBAA0BJ,EAAOC,EACnC,EAaA,OAXA,IAAAI,YAAU,WACR,GAAKF,EAKL,OAFAD,EAAO,kBAA4BF,EAAOC,GAAY,cAAwBD,EAAOC,GAE9E,WACLG,GACF,CACF,GAAG,IAEIA,CACT,C,usBCtBO,IAqFME,EAAgB,IArFG,WAmF/B,O,EAnFD,c,4FAAA,SAqBU,KAAAC,UAAgC,CAAC,CA8D3C,E,EAAC,wBAlFQ,SAAUP,EAAeC,GAC9BO,KAAKC,iBAAiBT,EAAOC,EAC/B,GAAC,2BAEM,SAAcD,EAAeC,GAClCO,KAAKC,iBAAiBT,EAAOC,EAAU,EACzC,GAAC,yBAEM,SAAYD,EAAeC,GAChCO,KAAKE,mBAAmBV,EAAOC,EACjC,GAAC,qBAEM,SAAQD,GAA6B,2BAAXW,EAAW,iCAAXA,EAAW,kBAC1CH,KAAKI,iBAAiBZ,EAAOW,EAC/B,GAAC,8BAQO,SAAiBX,EAAeC,EAAyBY,G,MAC/D,GAAqB,iBAAVb,EACT,MAAM,IAAIc,MAAM,+BAElB,GAAwB,mBAAbb,EACT,MAAM,IAAIa,MAAM,qCAElB,GAAMD,GAA4C,iBAAnBA,EAC7B,MAAM,IAAIC,MAAM,iDAElBN,KAAKD,UAAUP,GAA8B,QAArB,EAAAQ,KAAKD,UAAUP,UAAM,QAAI,GACjDQ,KAAKD,UAAUP,GAAOe,KAAK,CAAEd,SAAAA,EAAUY,eAAAA,GACzC,GAAC,gCAEO,SAAmBb,EAAeC,G,MACxC,GAAqB,iBAAVD,EACT,MAAM,IAAIc,MAAM,+BAElB,GAAMb,GAAgC,mBAAbA,EACvB,MAAM,IAAIa,MAAM,qCAElB,GAAKb,EAAL,CAKA,IAAMe,EAAmC,QAArB,EAAAR,KAAKD,UAAUP,UAAM,eAAEiB,WAAU,SAAAC,GAAC,OAAIA,EAAEjB,WAAaA,CAAQ,IAEtD,iBAAhBe,IAA6C,IAAjBA,IAGvCR,KAAKD,UAAUP,GAAOmB,OAAOH,EAAa,GAEL,IAAjCR,KAAKD,UAAUP,GAAOoB,eACjBZ,KAAKD,UAAUP,GAVvB,MAFCQ,KAAKD,UAAUP,GAAS,EAa5B,GAAC,8BAEO,SAAiBA,GAA6B,kCAAXW,EAAW,iCAAXA,EAAW,kBACpD,GAAKH,KAAKD,UAAUP,GAApB,CAGA,IAAMqB,EAAqC,GAE3Cb,KAAKD,UAAUP,GAAOsB,SAAQ,SAAAC,GAAW,M,EACA,iBAA5BA,EAASV,iBAClBU,EAASC,eAAwC,QAAvB,EAAAD,EAASC,sBAAc,QAAI,EACrDD,EAASC,iBAELD,EAASC,iBAAmBD,EAASV,gBACvCQ,EAAkBN,KAAKQ,EAAStB,YAGpC,EAAAsB,EAAStB,UAASwB,MAAK,SAAC,MAAI,OAAKd,GACnC,IAEKU,EAAkBD,QAGvBC,EAAkBC,SAAQ,SAAArB,GAAQ,OAAI,EAAKS,mBAAmBV,EAAOC,EAAS,GAnBtE,CAoBV,I,gFAAC,CAlF6B,G,8FCXhC,SAAgB,UAAY,QAAQ,QAAU,S,sGCmBxC,SAAUyB,EAAqBC,GACnC,I,IAAmC,G,GAAX,U,EAAW,E,o4BAA3BC,EAAG,KAAEC,EAAM,KAYnB,OAVA,aAAgB,W,MACTF,EAAMG,eAGND,IAAUF,EAAMI,aAGN,QAAf,EAAAJ,EAAMK,iBAAS,gBAAGL,EAAMM,YAC1B,GAAG,CAAEJ,EAAQF,EAAMI,aAGjB,uBAAKG,UAAS,0BAAqB,aAAoBN,IAAKA,GACzDD,EAAMI,WACH,gBAACI,EAAA,EAAO,CAACC,GAAG,OAAOC,UAAU,SAASC,KAAK,SAASJ,UAAW,YAE/D,gBAACK,EAAA,EAAY,CACXC,QAAS,iBACTN,UAAU,+BACVO,KAAMF,EAAAG,EAAA,MACNC,QAAS,WAAK,MAAC,OAAe,QAAf,EAAAhB,EAAMK,iBAAS,sBAAGL,EAAMM,WAAW,IAM9D,CAhCAP,EAAqBkB,aAAe,CAClCd,eAAe,E,mHChBjB,SAAgB,WAAa,QAAQ,kBAAoB,QAAQ,cAAgB,SCcjF,IAAMe,EAA4C,CAChDC,MAAO,IACPC,WAAY,YA+Bd,SAASC,EAAaC,G,MACpB,OAAKC,EAAA,aAA4BD,GAG7BA,EAASE,SAASC,OAASC,EAAA,QAAoC,QAAZ,EAAAJ,EAASK,WAAG,eAAEC,KAC5D,SAEF,gBALE,SAMX,CAUM,SAAUC,EAAkB7B,G,UAC5BwB,EAAW,KACXM,EAAW,EAEXP,EAAA,aAA4BvB,EAAMsB,YACpCE,EAAWxB,EAAMsB,SAASE,SAC1BM,EAAuD,QAA5C,EAAkC,QAAlC,EAAwB,QAAxB,EAAA9B,EAAMsB,SAASS,iBAAS,eAAEP,gBAAQ,eAAEM,gBAAQ,QAAI,GAG7D,IAAME,EAvDR,SACEC,EACAX,GACoE,I,MAApEY,EAAA,uDAAyChB,EAEnCiB,EAAYd,EAAaC,GAG/B,GAAI,cAAeA,IAA8B,QAAlB,EAAAA,EAASS,iBAAS,eAAEH,KACjD,OAAOQ,EAAA,YAAwC,QAAlB,EAAAd,EAASS,iBAAS,eAAEH,IAAK,OAAF,UAAOM,IAE7D,IAAMG,EAAaC,EAAA,gBAAwBL,EAAa,gBAExD,OAAKV,EAAA,aAA4BD,GAG7Ba,IAAc,SACTb,EAASE,SAASC,OAASC,EAAA,MAC9BU,EAAA,sBAAgCC,EAAYf,EAASM,IAAK,OAAF,UAAOM,IAC/DE,EAAA,sBAAgCC,EAAwB,QAAZ,EAAAf,EAASK,WAAG,eAAEC,IAAK,OAAF,UAAOM,IAGtEZ,EAASE,SAASC,OAASC,EAAA,MACtBU,EAAA,YAAsBd,EAASM,IAAK,CAAEd,KAAM,YAAkBM,WAAY,aAE5E,2BAXEgB,EAAA,sBAAgCC,EAAYf,EAASM,IAAK,OAAF,UAAOM,GAY1E,CA6BuBK,CAAgBvC,EAAMiC,YAAajC,EAAMsB,SAAUtB,EAAMkC,0BAE9E,OACE,gBAACM,EAAA,EAAS,CACRC,KAAMT,EACNG,UAAWd,EAAarB,EAAMsB,UAC9BoB,WAAY,CAAEC,UAAW,UAAF,OAAYb,EAAQ,SAC3Cc,IAAK5C,EAAMsB,SAASuB,KACpBC,sBAAuB9C,EAAM+C,sBAC7BC,4BAA6B,gBAC7BC,gBAAgBzB,aAAQ,EAARA,EAAUC,QAASC,EAAA,QAAyB,GAAH,OAAM,oBAAwB,YAAI,cAAsB,GACjHwB,QAASlD,EAAMmD,aACfC,aAAcpD,EAAMmD,cAI1B,C,kDCzFM,SAAUE,IACd,OACE,uBAAK9C,UAAU,2BACb,uBAAKA,UAAU,OACb,uBAAKA,UAAU,8BACb,uBAAKA,UAAU,kCAAkC+C,MAAO,CAAEC,OAAQ,SAAUpC,MAAO,WACnF,uBAAKZ,UAAU,kCAAkC+C,MAAO,CAAEC,OAAQ,YAClE,uBAAKhD,UAAU,6BAA6B+C,MAAO,CAAEC,OAAQ,SAAUpC,MAAO,YAEhF,uBAAKZ,UAAU,iCACb,uBAAKA,UAAU,kCAAkC+C,MAAO,CAAEC,OAAQ,SAAUpC,MAAO,UACnF,uBAAKZ,UAAU,kCAAkC+C,MAAO,CAAEC,OAAQ,SAAUpC,MAAO,WACnF,uBAAKZ,UAAU,kCAAkC+C,MAAO,CAAEC,OAAQ,SAAUpC,MAAO,WACnF,uBAAKZ,UAAU,sDAAsD+C,MAAO,CAAEC,OAAQ,SAAUpC,MAAO,UACvG,uBAAKZ,UAAU,sDAAsD+C,MAAO,CAAEC,OAAQ,SAAUpC,MAAO,UACvG,uBAAKZ,UAAU,sDAAsD+C,MAAO,CAAEC,OAAQ,SAAUpC,MAAO,YACvG,uBAAKZ,UAAU,sDAAsD+C,MAAO,CAAEC,OAAQ,SAAUpC,MAAO,cAKjH,C,6FCtBA,SAAgB,eAAiB,QAAQ,YAAc,QAAQ,mBAAqB,QAAQ,iBAAmB,QAAQ,kBAAoB,SCiBrI,SAAUqC,EAAiBxD,GAC/B,OACE,uBAAKO,UAAU,QACZkD,MAAMzD,EAAM0D,WAAWC,KAAK,MAAMC,KAAI,SAACC,EAAGC,GAAC,OAC1C,uBAAKvD,UAAU,SAASwD,IAAKD,GAC1B9D,EAAMgE,kBAAoB,uBAAKzD,UAAU,yCAC1C,gBAAC0D,EAAgB,iBAAKjE,IAClB,IAId,CAEM,SAAUiE,EAAiBjE,GAC/B,IAAMkE,GAAc,EAAAC,EAAA,KAGdC,EAAmB,OADZC,EAAA,UAAwBH,EAAa,MAG5CI,EAAiBtE,EAAMuE,iBAAmBL,EAAYM,GAE5D,OACE,gBAACC,EAAA,EAAG,CAAClE,UAAS,UAAK6D,EAAU,GAAK,OAAM,iBACtC,gBAACM,EAAA,EAAG,iBAAKL,EAAA,wBAAqC,CAAE9D,UAAS,6CAAwC6D,EAAU,YAAc,uBACvH,gBAACK,EAAA,EAAG,OACCH,GACD,uBAAK/D,UAAU,0DACb,uBAAKA,UAAS,qCAAgC,wBAGlD,gBAACmE,EAAA,EAAG,CAACF,GAAIH,EAAA,sBAAoCC,IAC3C,uBAAK/D,UAAS,qCAAgC6D,EAAU,UAAY,YAAW,YAAI,yBAIzF,gBAACM,EAAA,EAAG,iBAAKL,EAAA,sBAAmC,CAAE9D,UAAW6D,EAAU,OAAS,SAC1E,uBAAK7D,UAAS,0CAAqC,iBACnD,uBAAKA,UAAS,qCAAgC,yBAItD,CA7CAiD,EAAiBvC,aAAe,CAC9ByC,UAAW,G,6DCLAiB,EAAgB,CAC3BC,MAAK,SAACC,GACJ,MAAO,CACLjD,IAAK,yBAAF,OAA2BiD,GAC9Bd,IAAK,UAAF,OAAYc,GAEnB,EAEAC,YAAW,SAACjC,EAAcpB,GACxB,MAAO,CACLG,IAAK,eAAqB,wBAAyB,CAAEiB,KAAAA,EAAMpB,KAAAA,IAC3DsC,IAAK,UAAF,OAAYlB,EAAI,YAAIpB,GAE3B,EAEAsD,OAAM,SAACtD,GACL,IAAIG,EAAM,wBACNmC,EAAM,SAOV,OALItC,IACFG,GAAO,SAAJ,OAAaH,GAChBsC,GAAO,SAAJ,OAAatC,IAGX,CACLG,IAAAA,EACAmC,IAAAA,EACAiB,WAAY,SAACD,GACX,OAAOA,EAAOE,MAAK,SAACC,EAAGC,GAAC,OAAKD,EAAErC,KAAKuC,cAAcD,EAAEtC,KAAK,GAC3D,EAEJ,EAEAwC,YAAW,SACT5C,EACA6C,EACAC,EACAC,GAEA,MAAO,CACL5D,IAAK,wBACLmC,IAAK,QACLtB,KAAAA,EACAhB,KAAM,SACNgE,iBAAkB,SAClBH,QAAAA,EACAC,MAAAA,EACAC,OAAAA,EAEJ,EAEAE,YAAW,SACTb,EACApC,EACA6C,EACAC,EACAC,GAEA,MAAO,CACL5D,IAAK,yBAAF,OAA2BiD,GAC9Bd,IAAK,gBAAF,OAAkBc,GACrBpC,KAAAA,EACAhB,KAAM,QACN6D,QAAAA,EACAC,MAAAA,EACAC,OAAAA,EAEJ,EAEAG,YAAW,SACTd,EACAS,EACAC,EACAC,GAEA,MAAO,CACL5D,IAAK,yBAAF,OAA2BiD,GAC9Bd,IAAK,gBAAF,OAAkBc,GACrBpD,KAAM,WACNgE,iBAAkB,SAClBH,QAAAA,EACAC,MAAAA,EACAC,OAAAA,EAEJ,E,kDC3FI,SAAUI,EAAeC,GAC7B,IAAM5F,EAAM,WAIZ,OAHA,aAAgB,WACdA,EAAI6F,QAAUD,CAChB,IACO5F,EAAI6F,OACb,C,mKCLA,IAEaC,EAA2B,SAACC,EAAqBC,GAC5D,I,IAA+E,G,EAArB,YAAe,G,EAAM,E,o4BAAvEC,EAAoB,KAAEC,EAAuB,KAE/CC,GAAa,OAAYH,GACzBI,EAAYJ,EAElB,mBAAsB,WACpB,IAAKC,GAAwBE,IAAeC,EAAW,CACrD,IAAMC,EAASN,EAASO,MAAK,SAAAC,GAAO,OAAIA,IAAYA,aAAO,EAAPA,EAAS3B,MAAOwB,CAAU,IAE9E,GAAIC,EAAQ,CACV,IAAMG,EAAMH,EAAOI,wBAEnBC,OAAOC,SAAS,CACdC,IAAKJ,EAAII,IAhBG,GAiBZC,SAAU,WAGPZ,GACHC,GAAwB,EAC3B,CACF,CACH,GAAG,CAAEH,EAAUI,EAAYC,EAAWH,GACxC,C,kBC7BA,IAAYa,E,iBAAZ,SAAYA,GACV,wBACA,8BACA,gBACA,gBACA,qCACA,+BACA,iCACA,4BACD,CATD,CAAYA,IAAAA,EAAc,I,mCCEnB,IAAMC,EAAiB,CAC5BC,oBAAmB,SAACC,GAClB,OAAQA,GACN,IAAK,uBACH,MAAO,uBAET,IAAK,aACH,MAAO,aAET,IAAK,eACH,MAAO,eAET,IAAK,mBACH,MAAO,mBAET,QACE,MAAO,MAEb,E,wGCVIC,EAAY,kBAoBZ,SAAUC,EAAepH,GAC7B,IAAMqH,EAAY,qBAAiCF,GAC7C1F,EAfR,SAAmB6F,GACjB,OAAQA,GACN,KAAK,UACH,MAAO,QACT,KAAK,SACH,MAAO,OACT,KAAK,gBACH,MAAO,cACT,QACE,MAAO,GAEb,CAIeC,CAAUvH,EAAMsH,QAE7B,OACE,uBAAK/G,UAAU,uFACb,gBAAC,IAAY,CACXM,QAAS,aACTC,KAAM,EAAAC,EAAA,SACNR,UAAU,uBAGZ,uBAAKA,UAAU,SACb,qBAAGA,UAAU,oBAAoB8G,EAAU,oBAAqB,CAAE5F,KAAAA,OAC/DzB,EAAMwH,sBAAwB/F,IAAS,aACxC,qBAAGlB,UAAU,QAAQ8G,EAAU,eAAgB,CAAE5F,KAAM,GAAF,OAAKA,EAAI,SAKxE,C,8HCrCM0F,EAAY,kBAUZ,SAAUM,EAAkBzH,G,QAChC,KAA8B,QAAzB,EAAkB,QAAlB,EAAAA,EAAM0H,oBAAY,eAAE7B,aAAK,eAAEpG,UAAWO,EAAM2H,aAAe3H,EAAM4H,qBACpE,OAAO,iCAIT,GAFoB,2BAAyC5H,EAAM0H,aAAa7B,OAEhEpE,OAAS,WACvB,OAAO,iCAET,IAAMoG,EAAgB,0BAAwC7H,EAAM0H,cAC9DnH,EAAY,GAAH,OAAMsH,EAAa,mFAElC,OACE,uBAAKtH,UAAWA,GACd,uBAAKA,UAAU,6BACb,gBAAC,IAAY,CACXM,QAAS,wBAAsCb,EAAM0H,cACrD5G,KAAM,EAAAC,EAAA,QAER,wBAAMR,UAAU,QACb,yBAAuCP,EAAM0H,aAAc1H,EAAM2H,cAItE,gBAAC,IAAO,CACNG,QAAS,CACPC,YAAa,YACbC,OAAQ,0BACRC,OAAQ,CACNC,SAAUlI,EAAMkI,SAChBC,aAAcnI,EAAMmI,eAGxB5H,UAAU,wBAEV,gBAAC,IAAI,CAAC4G,UAAWA,EAAWiB,OAAO,aAI3C,C,sLC7DA,SAAgB,OAAS,QAAQ,mBAAqB,SCsBtD,IAAMjB,EAAY,kBAYZ,SAAUkB,EAAwBrI,G,gBAChCsI,GAAiB,OAA0D,QAAxC,EAAAtI,EAAMuI,MAAMC,oCAA4B,eAAE/F,KAAMzC,EAAMyI,WAEzFC,EAAe,SAA6B,MAC5CC,EAAoB,SAA6B,MAEjDC,EACHC,EAAA,UAAoB7I,EAAMuI,WAA8B,QAAlB,EAAAvI,EAAMuI,MAAMO,cAAM,eAAEjD,QAC1DgD,EAAA,UAAoB7I,EAAMuI,UAAYvI,EAAMuI,MAAMQ,mBACH,QAA9C,EAAwC,QAAxC,EAAA/I,EAAMuI,MAAMC,oCAA4B,eAAE/F,YAAI,eAAEhD,QAG9CuJ,GAAe,EAAAC,EAAA,GAAgB,CACnCC,SAAU,aACVC,QAASnJ,EAAMmJ,UAGXC,IAAoBpJ,EAAMqJ,sBAC9BR,EAAA,SAAmB7I,EAAMuI,QACzBM,EAAA,uBAAiC7I,EAAMuI,OAEzC,OACE,2BAAShI,UAAU,yBAAyBN,IAAKyI,GAC/C,uBAAKnI,UAAU,uBAAuBN,IAAK0I,GACxC3I,EAAMsJ,cAAcC,aACnB,uBAAKhJ,UAAU,kBACb,gBAACiJ,EAAA,EAAO,CACNC,QAAST,EAAaU,gBAAgB1J,EAAMuI,OAC5CoB,yBAAyB,uBACzBC,UAAW,kBAAMZ,EAAaa,iBAAiB7J,EAAMuI,MAAM,OAK9DM,EAAA,UAAoB7I,EAAMuI,QAC3B,gBAACuB,EAAA,EAAY,CACXrI,KAAK,SACLsI,MAAO/J,EAAMuI,MACbT,QAA+B,QAAtB,EAAA9H,EAAMgK,wBAAgB,sBAAGhK,EAAMuI,MAAM0B,QAC9C1J,UAAS,UAAK,SAAa,yBAC3B2J,iBAAkB,CAAEhB,SAAU,iBAGlC,sBAAI3I,UAAU,kBACZ,wBAAMA,UAAU,qBAAqBP,EAAMuI,MAAM1F,MACjD,gBAACsH,EAAA,EAAkB,CACjBC,iBAAiB,QACjB7J,UAAU,sBACVwJ,MAAO/J,EAAMuI,MACbZ,WAAY3H,EAAM2H,cAIrBiB,GACC,gBAACyB,EAAA,EAAkB,CAAC9J,UAAW,sBAC7B,gBAAC+J,EAAA,EAAa,CACZC,SAAUjC,EACV/H,UAAU,qBACViK,OAAO,SAER3B,EAAA,UAAoB7I,EAAMuI,QACzB,gBAACkC,EAAA,EAAK,CAAChJ,KAAMgJ,EAAA,SAAkBhI,KAAMzC,EAAMuI,MAAMO,SAElDD,EAAA,UAAoB7I,EAAMuI,QACzB,gBAACkC,EAAA,EAAK,CAAChJ,KAAMgJ,EAAA,iBAA0BhI,KAAMzC,EAAMuI,MAAMQ,mBAMhEF,EAAA,SAAmB7I,EAAMuI,QAAUa,GAClC,qBAAG7I,UAAU,WACX,gBAACmK,EAAA,EAAI,CAACvD,UAAWA,EAAWiB,OAAO,iBAAiB,IAEpD,gBAACuC,EAAA,EAAO,CAACpK,UAAU,YAAYuH,QAAS9H,EAAMqJ,sBACnB,QAAxB,EAAArJ,EAAMuI,MAAMqC,oBAAY,eAAE/H,OAMvC,C,0ICnHA,QAAuB,QAAvB,EAAgE,QCgBhE,IACMwE,EAAYwD,EAAA,mBADA,4BASZ,SAAUC,EAAkB9K,GAChC,OAAQA,EAAMyB,MACZ,IAAK,MACH,OAAO,gBAACsJ,EAAc,iBAAK/K,IAC7B,IAAK,SACH,OAAO,gBAACgL,EAAiB,iBAAKhL,IAChC,QACE,OAAO,iCAEb,CAEA,IAAM+K,EAAiB,SAAC/K,G,QAAkC,OACxD,uBACEO,UAAS,2CAAsC,GAC/C+C,MAAO,CAAE2H,gBAAiB,QAAF,OAAoD,QAA1C,EAAqC,QAArC,EAAApC,EAAA,eAAyB7I,EAAM+J,cAAM,eAAEnI,WAAG,QAAI,GAAE,QAElF,qBAAGrB,UAAS,4BDzC0E,UCyCxB8G,EAAU,eACxE,uBAAK9G,UAAW,I,EAIdyK,EAAoB,SAAChL,G,QACnBgC,EAAeI,EAAA,YAAgE,QAA1C,EAAqC,QAArC,EAAAyG,EAAA,eAAyB7I,EAAM+J,cAAM,eAAEnI,WAAG,QAAI,GAAI,CAC3Fd,KAAM,aAGR,OACE,uBACEP,UAAS,2CAAsC,GAC/C+C,MAAO,CAAE2H,gBAAiB,QAAF,OAAUjJ,EAAY,QAE9C,gBAAC2I,EAAA,EAAO,CACN7C,QAAS9H,EAAM8H,QACfoC,iBAAkB,CAChBgB,WAAY,WACZhC,SAAU,cACViC,OAAQ,aACRC,cAAe,WACfC,WAAY,KAAAC,QAEdC,cAAe,CAAC,GAEhB,gBAAC3K,EAAA,EAAY,CACXC,QAAS,gBACTN,UDrEoC,UCuEtC,uBAAKA,UAAW,KAIxB,C,sLCtDM4G,EAAY,uBAgBZ,SAAUqE,EAAcxL,G,QACtBgJ,GAAe,OAAgB,CAAEE,SAAU,gBACzCuC,GAAmB,SAAnBA,eAER,KAAsB,QAAjB,EAAAzL,EAAM0L,mBAAW,eAAEC,iBACtB,OAAO,iCAET,GAAI3L,EAAM4L,cAAcC,SACtB,OAAO,iCAET,GAAI7L,EAAM4L,cAAcE,gBAA2C,QAA1B,EAAA9L,EAAM4L,cAAcG,cAAM,eAAEtM,QACnE,OAAO,iCAET,IAAKO,EAAM4L,cAAcxL,aAAeJ,EAAM4L,cAAcE,aAC1D,OAAO,iCAGT,IAAME,GAAe,kBAA0BhM,EAAMiM,cAErD,OACE,2BACEpH,GAAI,kBACJ5E,IAAK,SAAAiM,G,QACFA,IAAsB,QAAhB,EAAAlM,EAAMmM,kBAAU,eAAErG,WACM,QAA1B,EAAA9F,EAAM4L,cAAcG,cAAM,eAAEtM,SAC9BO,EAAMmM,WAAWrG,QAAQsG,IAAI,kBAA8BF,EAChE,GAEA,gBAAC,aAA4B,CAACrG,MAAOmD,GACnC,sBAAIzI,UAAU,WACZ,gBAAC,IAAI,CAAC4G,UAAWA,EAAWiB,OAAQ4D,EAAc,SAAW,mBAE9DhM,EAAM4L,cAAcE,aACnB,gBAAC,KAAS,CACRC,OAAQ/L,EAAM4L,cAAcG,OAC5BpE,WAAY3H,EAAM2H,WAClB0E,kBAAmB,SAAAtC,GACjB,OAAO,qBAAqCA,EAAME,OAAQjK,EAAMsM,YAAc,CAAEC,KAAK,GAAS,KAChG,EACAC,gBAAiBxM,EAAMwM,gBACvBf,eAAgBA,EAChBgB,aAAczM,EAAMyM,aACpBC,aAAc1M,EAAM0M,aACpBC,sBAAuB3M,EAAMyI,UAC7BmE,2BAA4B,SAAAC,GAAW,OAAI,+BAA8CA,EAAY,EACrGC,SAAU9M,EAAM8M,SAChBC,yBAA0B,6BAC1BC,8BAA+B,kCAC/BC,2BAA4B,iCAE5B,gBAAC,IAAgB,MAEpBjN,EAAM4L,cAAcsB,SACnB,gBAAC,IAAoB,CACnB9M,WAAYJ,EAAM4L,cAAcxL,WAChCC,UAAWL,EAAM4L,cAAcvL,aAM3C,C,8FChFM,SAAU8M,IACd,OAAgD,SAAxC1B,EAAc,EAAdA,eAAgB2B,EAAmB,EAAnBA,oBAGlBC,GAAQC,GAFS,SAAfA,YAEiB,aAiBzB,MAAO,CACLC,cAAe9B,EAAe,qBAC9B+B,kBAAkB,EAClBC,oBAAqBJ,GAAS5B,EAAe,2BAC7CiC,aAAcL,GAAS5B,EAAe,oBACtCkC,uBAAwBlC,EAAe,qBACvCmC,cAAeR,EAAoB,qBACnCS,qBAlBIT,EAAoB,kBAQjB,sBAWPU,qBAAsBV,EAAoB,4BAC1C7D,YAAa8D,EAEjB,C,8dClBM,SAAUU,EAAcC,GAA+C,I,IAA/BC,EAAA,uDAA6B,CAAC,EACpEvC,EAAc,kBAAkC,mBAEhDwC,EAAiB,SAA0B,IAAIC,KAE/CpC,EA1BR,SAAyBiC,GACvB,OAAKA,EAGDvK,MAAM2K,QAAQJ,GACTA,EAAQK,QAAO,SAAAC,GAAC,QAAMA,IAAM,YAAoBA,IAAM,WAAmBA,GAAG,IAEjF,SAAUN,EACLA,EAAQvL,KAAK4L,QAAO,SAAAC,GAAC,QAAMA,IAAM,YAAoBA,IAAM,WAAmBA,GAAG,IAEnF,GARE,EASX,CAeiBC,CAAgBP,GAEzBQ,EAAWzC,EAAOnI,KAAI,SAAA6K,GAAC,OAAIA,EAAE5J,EAAE,IAE+B,G,EAApC,WAAiC,I,EAAG,E,unBAA5D6J,EAAO,KAAEC,EAAU,KAE3B,aAAgB,WACd,IAAKH,aAAQ,EAARA,EAAU/O,SAAWiM,EAAYI,aAAtC,CAGA,IAAM8C,EAA6B,GAEnCJ,EAAS7O,SAAQ,SAAAkF,GACVqJ,EAAepI,QAAQ+I,IAAIhK,KAC9B+J,EAAiBxP,KAAKyF,GACtBqJ,EAAepI,QAAQgJ,IAAIjK,GAE/B,IAEK+J,EAAiBnP,QAGtBkP,GAAW,SAAAI,G,MACHC,EAAc,GAAH,O,yWAAA,CACZD,GAAC,CACJ,qBAA+BH,EAAkBX,EAAQgB,mBAM3D,OAHoB,QAAhB,EAAAvD,EAAYjJ,YAAI,eAAEkJ,kBACpBqD,EAAY5P,KAAK,uBAA0CwP,EAAkB,KAAMX,EAAQgB,kBAEtFD,CACT,GAxBQ,CAyBV,GAAG,CAAER,aAAQ,EAARA,EAAU/O,OAAQiM,EAAYI,eAEnC,qBAAwB4C,EAC1B,C","sources":["file:///app/packages/libs/common/src/react/hooks/UseEventsServiceSubscribe.ts","file:///app/packages/libs/common/src/react/services/EventsService.ts","file:///app/packages/libs/shared/src/components/infinite-scroll-footer/infinite-scroll-footer.scss","file:///app/packages/libs/shared/src/components/infinite-scroll-footer/InfiniteScrollFooter.tsx","file:///app/packages/libs/shared/src/components/resource-thumbnail/resource-thumbnail.scss","file:///app/packages/libs/shared/src/components/resource-thumbnail/ResourceThumbnail.tsx","file:///app/packages/libs/shared/src/components/video-details/VideoDetailsPartial.tsx","file:///app/packages/libs/shared/src/components/video-list/partial-loading/partial-video-list.scss","file:///app/packages/libs/shared/src/components/video-list/partial-loading/PartialVideoList.tsx","file:///app/packages/libs/shared/src/flight-requests/ThemeRequests.ts","file:///app/packages/libs/shared/src/hooks/usePrevious.ts","file:///app/packages/libs/shared/src/hooks/useTableOfContentsScroll.tsx","file:///app/packages/libs/shared/src/interfaces/PlayPageAnchor.ts","file:///app/packages/libs/shared/src/utils/ResourceHelper.ts","file:///app/packages/projects/lite/src/shared/components/play-page/ArchivedBanner.tsx","file:///app/packages/projects/lite/src/shared/components/play-page/RestrictionBanner.tsx","file:///app/packages/projects/lite/src/shared/components/play-page/components/title-and-actions/title-and-actions.scss","file:///app/packages/projects/lite/src/shared/components/play-page/components/title-and-actions/PlayPageTitleAndActions.tsx","file:///app/packages/projects/lite/src/shared/components/player-placeholder/player-placeholder.scss","file:///app/packages/projects/lite/src/shared/components/player-placeholder/PlayerPlaceholder.tsx","file:///app/packages/projects/lite/src/shared/components/related-videos/RelatedVideos.tsx","file:///app/packages/projects/lite/src/shared/hooks/useVideoFeatureAccess.ts","file:///app/packages/projects/lite/src/shared/hooks/useVideoMixin.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { EventsService } from 'libs/common/react/services/EventsService';\n\n/**\n * \n * @param event the event to subscribe to\n * @param callback the callback function\n * @param once whether to subscribe once\n * @param shouldSubscribe conditionally determine whether to subscribe to events\n * @returns unsubscribe function\n */\nexport function useEventsServiceSubscribe(\n  event: string,\n  callback: (...args: any[]) => void,\n  once?: boolean,\n  shouldSubscribe?: boolean\n): () => void {\n  const unsubscribe = () => {\n    EventsService.unsubscribe(event, callback);\n  };\n\n  useEffect(() => {\n    if (!shouldSubscribe)\n      return;\n\n    once ? EventsService.subscribeOnce(event, callback) : EventsService.subscribe(event, callback);\n\n    return () => {\n      unsubscribe();\n    };\n  }, []);\n\n  return unsubscribe;\n}","type EventCallback = (...args: any[]) => void;\n\ninterface EventListener {\n  callback: EventCallback,\n  executionLimit?: number;\n  executionCount?: number;\n}\n\ninterface EventsListenerHash {\n  [event: string]: EventListener[];\n}\n\nexport class StaticEventsService {\n  public subscribe(event: string, callback: EventCallback): void {\n    this.registerListener(event, callback);\n  }\n\n  public subscribeOnce(event: string, callback: EventCallback): void {\n    this.registerListener(event, callback, 1);\n  }\n\n  public unsubscribe(event: string, callback?: EventCallback): void {\n    this.deregisterListener(event, callback);\n  }\n\n  public trigger(event: string, ...args: any[]): void {\n    this.triggerCallbacks(event, args);\n  }\n\n  /**\n   * Private functions/members below\n   */\n\n  private listeners: EventsListenerHash = {};\n\n  private registerListener(event: string, callback: EventCallback, executionLimit?: number) {\n    if (typeof event !== 'string')\n      throw new Error('Event name must be a string');\n\n    if (typeof callback !== 'function')\n      throw new Error('Event callback must be a function');\n\n    if (!!executionLimit && typeof executionLimit !== 'number')\n      throw new Error('Execution limit must be a number or undefined');\n\n    this.listeners[event] = this.listeners[event] ?? [];\n    this.listeners[event].push({ callback, executionLimit });\n  }\n\n  private deregisterListener(event: string, callback?: EventCallback): void {\n    if (typeof event !== 'string')\n      throw new Error('Event name must be a string');\n\n    if (!!callback && typeof callback !== 'function')\n      throw new Error('Event callback must be a function');\n    \n    if (!callback) {\n      this.listeners[event] = [];\n      return;\n    }\n\n    const idxToRemove = this.listeners[event]?.findIndex(e => e.callback === callback);\n\n    if (typeof idxToRemove !== 'number' || idxToRemove === -1)\n      return;\n\n    this.listeners[event].splice(idxToRemove, 1);\n\n    if (this.listeners[event].length === 0)\n      delete this.listeners[event];\n  }\n\n  private triggerCallbacks(event: string, ...args: any[]): void {\n    if (!this.listeners[event])\n      return;\n\n    const callbacksToRemove: EventCallback[] = [];\n\n    this.listeners[event].forEach(listener => {\n      if (typeof listener.executionLimit === 'number') {\n        listener.executionCount = listener.executionCount ?? 0;\n        listener.executionCount++;\n\n        if (listener.executionCount === listener.executionLimit)\n          callbacksToRemove.push(listener.callback);\n      }\n\n      listener.callback.apply(null, ...args);\n    });\n\n    if (!callbacksToRemove.length)\n      return;\n\n    callbacksToRemove.forEach(callback => this.deregisterListener(event, callback));\n  }\n}\n\nexport const EventsService = new StaticEventsService();","// extracted by mini-css-extract-plugin\nexport default {\"container\":\"VwD1b\",\"spinner\":\"eJ85e\"};","import * as React from 'react';\nimport { Spinner } from 'react-bootstrap';\nimport { useInView } from 'react-intersection-observer';\n\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport styles from './infinite-scroll-footer.scss';\n\ninterface InfiniteScrollFooterProps {\n  isFetching: boolean;\n  fetchNext?: (nextCursor: string) => void;\n  nextCursor?: string;\n  fetchOnScroll?: boolean;\n}\n\nInfiniteScrollFooter.defaultProps = {\n  fetchOnScroll: false\n};\n\nexport function InfiniteScrollFooter(props: InfiniteScrollFooterProps): React.ReactElement {\n  const [ ref, inView ] = useInView();\n\n  React.useEffect(() => {\n    if (!props.fetchOnScroll)\n      return;\n\n    if (!inView || props.isFetching)\n      return;\n\n    props.fetchNext?.(props.nextCursor);\n  }, [ inView, props.isFetching ]);\n\n  return (\n    <div className={`p-3 text-center ${styles.container}`} ref={ref}>\n      {props.isFetching\n        ? <Spinner as='span' animation='border' role='status' className={styles.spinner} />\n        : (\n          <SvgContainer\n            svgName={cvSvgLibrary.ChevronDown}\n            className='svg-container cursor-pointer'\n            size={SvgContainerSize.Large}\n            onClick={() => props.fetchNext?.(props.nextCursor)}\n          />\n        )\n      }\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"imageStyle\":\"FFgf3\",\"imageTypeResource\":\"z4O5p\",\"fallBackImage\":\"Xy4zX\"};","import React from 'react';\n\nimport { UrlHelper } from 'libs/analytics/utils/UrlHelper';\n\nimport { ImageSize, ImageType, ResizeType } from 'libs/shared/enums/Images';\nimport { ResourceFileType } from 'libs/shared/enums/ResourceFileType';\nimport { Link, Resource } from 'libs/shared/interfaces';\nimport { ImageHelper, ImageOptions } from 'libs/shared/utils/ImageHelper';\nimport { MasterTypeHelper } from 'libs/shared/utils/MasterTypeHelper';\n\nimport { BaseImage } from '../image/BaseImage';\n\nimport styles from './resource-thumbnail.scss';\n\n// Used for both PDFs and Links where we don't know the image ratio\nconst DYNAMIC_RATIO_IMAGE_OPTIONS: ImageOptions = {\n  width: 200,\n  resizeType: ResizeType.Cover\n};\n\nfunction getThumbnailUrl(\n  imageCdnUrl: string,\n  resource: Resource | Link,\n  dynamicRatioImageOptions: ImageOptions = DYNAMIC_RATIO_IMAGE_OPTIONS\n): string {\n  const imageType = getImageType(resource);\n\n  // Use the thumbnail if defined\n  if ('thumbnail' in resource && resource.thumbnail?.url)\n    return ImageHelper.createUrl(resource.thumbnail?.url, { ...dynamicRatioImageOptions });\n  \n  const previewUrl = UrlHelper.safeUrlConcat(imageCdnUrl, '/v1/previews');\n\n  if (!MasterTypeHelper.isResource(resource))\n    return ImageHelper.createResourceImage(previewUrl, resource.url, { ...dynamicRatioImageOptions });\n\n  if (imageType === ImageType.Pdf) {\n    return resource.metadata.type === ResourceFileType.Pdf\n      ? ImageHelper.createResourceImage(previewUrl, resource.url, { ...dynamicRatioImageOptions })\n      : ImageHelper.createResourceImage(previewUrl, resource.pdf?.url, { ...dynamicRatioImageOptions });\n  }\n\n  if (resource.metadata.type !== ResourceFileType.Zip)\n    return ImageHelper.createUrl(resource.url, { size: ImageSize.Medium, resizeType: ResizeType.Cover });\n\n  return '/images/zip-resource.png';\n}\n\nfunction getImageType(resource: Resource | Link): ImageType {\n  if (!MasterTypeHelper.isResource(resource))\n    return ImageType.Link;\n\n  if (resource.metadata.type === ResourceFileType.Pdf || resource.pdf?.url)\n    return ImageType.Pdf;\n\n  return ImageType.Thumbnails;\n}\n\ninterface ResourceThumbnailProps {\n  imageCdnUrl: string;\n  resource: Resource | Link;\n  imageErrorFallbackUrl: string;\n  preloadImage: boolean;\n  dynamicRatioImageOptions?: ImageOptions;\n}\n\nexport function ResourceThumbnail(props: ResourceThumbnailProps): JSX.Element {\n  let metadata = null;\n  let rotation = 0;\n\n  if (MasterTypeHelper.isResource(props.resource)) {\n    metadata = props.resource.metadata;\n    rotation = props.resource.thumbnail?.metadata?.rotation ?? 0;\n  }\n\n  const thumbnailUrl = getThumbnailUrl(props.imageCdnUrl, props.resource, props.dynamicRatioImageOptions);\n\n  return (\n    <BaseImage\n      data={thumbnailUrl}\n      imageType={getImageType(props.resource)}\n      imageStyle={{ transform: `rotate(${rotation}deg)` }}\n      alt={props.resource.name}\n      errorFallbackImageSrc={props.imageErrorFallbackUrl}\n      errorFallbackImageClassName={styles.fallBackImage}\n      imageClassName={metadata?.type === ResourceFileType.Image ? `${styles.imageTypeResource} ${styles.imageStyle}` : ''}\n      preload={props.preloadImage}\n      preventLoad={!props.preloadImage}\n    >\n    </BaseImage>\n  );\n}","import React from 'react';\n\nexport function VideoDetailsPartial(): JSX.Element {\n  return (\n    <div className='p-3 mb-3 border rounded'>\n      <div className='row'>\n        <div className='pe-3 col-md-7 border-right'>\n          <div className='partial-loading-background mb-2' style={{ height: '1.5rem', width: '12rem' }}></div>\n          <div className='partial-loading-background mb-2' style={{ height: '4.5rem' }}></div>\n          <div className='partial-loading-background' style={{ height: '1.5rem', width: '15rem' }}></div>\n        </div>\n        <div className='col-md-5 ps-md-3 pt-3 pt-md-0'>\n          <div className='partial-loading-background mb-2' style={{ height: '1.5rem', width: '7rem' }}></div>\n          <div className='partial-loading-background mb-2' style={{ height: '1.5rem', width: '10rem' }}></div>\n          <div className='partial-loading-background mb-2' style={{ height: '1.5rem', width: '12rem' }}></div>\n          <div className='partial-loading-background mb-2 me-2 d-inline-block' style={{ height: '1.5rem', width: '3rem' }}></div>\n          <div className='partial-loading-background mb-2 me-2 d-inline-block' style={{ height: '1.5rem', width: '4rem' }}></div>\n          <div className='partial-loading-background mb-2 me-2 d-inline-block' style={{ height: '1.5rem', width: '3.5rem' }}></div>\n          <div className='partial-loading-background mb-2 me-2 d-inline-block' style={{ height: '1.5rem', width: '4.5rem' }}></div>\n        </div>\n      </div>\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"partialOptions\":\"Gufgq\",\"partialName\":\"SicQQ\",\"partialDescription\":\"dPGMq\",\"partialThumbnail\":\"vZrnb\",\"partialDragHandle\":\"iq73R\"};","import React from 'react';\nimport { Col, Row } from 'react-bootstrap';\n\nimport { VideoListHelper } from 'libs/shared/components/video-list/VideoListHelper';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\n\nimport styles from './partial-video-list.scss';\n\ninterface PartialVideoListProps {\n  withReordering?: boolean;\n  numVideos?: number;\n  allowBulkActions?: boolean;\n}\n\nPartialVideoList.defaultProps = {\n  numVideos: 15\n};\n\nexport function PartialVideoList(props: PartialVideoListProps): JSX.Element {\n  return (\n    <div className='mx-2'>\n      {Array(props.numVideos).fill(null).map((_, i) => (\n        <div className='d-flex' key={i}>\n          {props.allowBulkActions && <div className='form-check pe-3 pe-sm-2 mx-0 mx-md-2' />}\n          <PartialVideoItem {...props} />\n        </div>\n      ))}\n    </div>\n  );\n}\n\nexport function PartialVideoItem(props: PartialVideoListProps): JSX.Element {\n  const breakpoints = useBreakpoints();\n\n  const size = VideoListHelper.getSize(breakpoints, 'md');\n  const isSmall = size === 'sm';\n\n  const withDragHandle = props.withReordering && !breakpoints.xs;\n\n  return (\n    <Row className={`${isSmall ? '' : 'py-2'} flex-grow-1`}>\n      <Col {...VideoListHelper.getThumbnailColumns()} className={`flex-column align-items-flex-start ${isSmall ? `pb-2 pe-1` : 'mb-1 pe-3 pe-md-2'}`}>\n        <Row>\n          {!!withDragHandle && (\n            <div className='d-flex align-items-center justify-content-center col-2'>\n              <div className={`partial-loading-background ${styles.partialDragHandle}`} />\n            </div>\n          )}\n          <Col xs={VideoListHelper.getThumbnailColSize(withDragHandle)}>\n            <div className={`partial-loading-background ${isSmall ? 'rounded' : 'rounded-3'} ${styles.partialThumbnail}`} />\n          </Col>\n        </Row>\n      </Col>\n      <Col {...VideoListHelper.getDetailsColumns()} className={isSmall ? 'pb-2' : 'px-2'}>\n        <div className={`partial-loading-background mb-1 ${styles.partialName}`} />\n        <div className={`partial-loading-background ${styles.partialDescription}`} />\n      </Col>\n    </Row>\n  );\n}\n\n","import { HttpVerbs } from 'libs/common/backbone/enums/HttpVerbs';\nimport { Xhr } from 'libs/common/backbone/interfaces';\nimport { UrlHelper } from 'libs/common/backbone/utils/UrlHelper';\nimport { Flight } from 'libs/common/flight';\nimport { HashObject } from 'libs/common/react/interfaces/HashObject';\n\nimport { Theme } from 'libs/shared/interfaces';\n\nimport { ThemeType } from '../enums/ThemeType';\n\nexport const ThemeRequests = {\n  theme(id: string): Flight.Request {\n    return {\n      url: `/api/domain/v1/themes/${id}`,\n      key: `themes:${id}`\n    };\n  },\n\n  themeImages(name: string, type: ThemeType): Flight.Request {\n    return {\n      url: UrlHelper.urlBuilder('/api/domain/v1/themes', { name, type }),\n      key: `themes:${name}:${type}`\n    };\n  },\n\n  themes(type?: string): Flight.Request {\n    let url = '/api/domain/v1/themes';\n    let key = 'themes';\n\n    if (type) {\n      url += `?type=${type}`;\n      key += `:type:${type}`;\n    }\n\n    return {\n      url,\n      key,\n      formatData: (themes: Theme[]) => {\n        return themes.sort((a, b) => a.name.localeCompare(b.name));\n      }\n    };\n  },\n\n  createTheme(\n    data: Theme,\n    success?: (data: HashObject) => void,\n    error?: (xhr: Xhr) => void,\n    always?: () => void\n  ): Flight.Request {\n    return {\n      url: '/api/domain/v1/themes',\n      key: 'theme',\n      data,\n      type: HttpVerbs.POST,\n      invalidationKeys: 'themes',\n      success,\n      error,\n      always\n    };\n  },\n\n  updateTheme(\n    id: string,\n    data: Theme,\n    success?: (data: HashObject) => void,\n    error?: (xhr: Xhr) => void,\n    always?: () => void\n  ): Flight.Request {\n    return {\n      url: `/api/domain/v1/themes/${id}`,\n      key: `update:theme:${id}`,\n      data,\n      type: HttpVerbs.PUT,\n      success,\n      error,\n      always\n    };\n  },\n\n  deleteTheme(\n    id: string,\n    success?: (data: HashObject) => void,\n    error?: (xhr: Xhr) => void,\n    always?: () => void\n  ): Flight.Request {\n    return {\n      url: `/api/domain/v1/themes/${id}`,\n      key: `delete:theme:${id}`,\n      type: HttpVerbs.DELETE,\n      invalidationKeys: 'themes',\n      success,\n      error,\n      always\n    };\n  }\n};","import React from 'react';\n\n// https://reactjs.org/docs/hooks-faq.html#how-to-get-the-previous-props-or-state\nexport function usePrevious<T>(value: T): T {\n  const ref = React.useRef<T>();\n  React.useEffect(() => {\n    ref.current = value;\n  });\n  return ref.current;\n}","import React from 'react';\n\nimport { usePrevious } from './usePrevious';\n\nconst HEADER_OFFSET = 80; // Size of header + some extra spacing\n\nexport const useTableOfContentsScroll = (elements: Element[], activeId: string) => {\n  const [ hasDoneInitialScroll, setHasDoneInitialScroll ] = React.useState(false);\n\n  const previousId = usePrevious(activeId);\n  const currentId = activeId;\n\n  React.useLayoutEffect(() => {\n    if (!hasDoneInitialScroll || previousId !== currentId) {\n      const target = elements.find(heading => heading && (heading?.id === currentId));\n\n      if (target) {\n        const rec = target.getBoundingClientRect();\n\n        window.scrollBy({\n          top: rec.top - HEADER_OFFSET,\n          behavior: 'smooth'\n        });\n \n        if (!hasDoneInitialScroll)\n          setHasDoneInitialScroll(true);\n      }\n    }\n  }, [ elements, previousId, currentId, hasDoneInitialScroll ]);\n};","export enum PlayPageAnchor {\n  Resources = 'resources',\n  Interactives = 'interactives',\n  Video = 'video',\n  Clips = 'clips',\n  CurriculumLinks = 'curriculum-links',\n  VideoDetails = 'video-details',\n  RelatedVideos = 'related-videos',\n  ClippedFrom='clipped-from'\n}","import { ResourceType } from 'libs/shared/interfaces';\n\nexport const ResourceHelper = {\n  getResourceTypeName(resourceType: ResourceType): string {\n    switch (resourceType) {\n      case 'additional-materials':\n        return 'Additional Materials';\n\n      case 'atom-guide':\n        return 'ATOM Guide';\n\n      case 'teacher-pack':\n        return 'Teacher Pack';\n\n      case 'student-activity':\n        return 'Student Activity';\n\n      default:\n        return 'N/A';\n    }\n  }\n};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { EntityType } from 'libs/analytics/interfaces';\n\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nconst namespace = 'shared.playPage';\n\ninterface ArchivedBannerProps {\n  typeId: MasterType;\n  hasStudentExperience: boolean;\n}\n\nfunction mapTypeId(typeId: MasterType): string {\n  switch (typeId) {\n    case MasterType.Video:\n      return 'video';\n    case MasterType.Clip:\n      return 'clip';\n    case MasterType.Interactive:\n      return 'interactive';\n    default:\n      return '';\n  }\n}\n\nexport function ArchivedBanner(props: ArchivedBannerProps): JSX.Element {\n  const getPhrase = LanguageService.encloseNamespace(namespace);\n  const type = mapTypeId(props.typeId);\n\n  return (\n    <div className='alert bg-light-blue p-3 rounded-3 d-flex justify-content-between align-items-center'>\n      <SvgContainer\n        svgName={cvSvgLibrary.Archive}\n        size={SvgContainerSize.Standard}\n        className='me-2 svg-container'\n      />\n    \n      <div className='w-100'>\n        <p className='fw-semibold mb-0'>{getPhrase('archivedInfoTitle', { type })}</p>\n        {(!props.hasStudentExperience || type === EntityType.Video) && (\n          <p className='mb-1'>{getPhrase('archivedInfo', { type: `${type}s` })}</p>\n        )}\n      </div>\n    </div>\n  );\n}","import React from 'react';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { RestrictionType } from 'libs/shared/enums/RestrictionType';\nimport { Restrictions, YearGroup } from 'libs/shared/interfaces';\nimport { RestrictionHelper } from 'libs/shared/utils/RestrictionHelper';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nconst namespace = 'shared.playPage';\n\ninterface RestrictionBannerProps {\n  restrictions: Restrictions;\n  yearGroups: YearGroup[];\n  objectId: string;\n  objectTypeId: MasterType;\n  canManageVideoAccess: boolean;\n}\n\nexport function RestrictionBanner(props: RestrictionBannerProps): JSX.Element {\n  if (!props.restrictions?.value?.length || !props.yearGroups || !props.canManageVideoAccess)\n    return <></>;\n\n  const restriction = RestrictionHelper.getWeightedRestriction(props.restrictions.value);\n\n  if (restriction.type !== RestrictionType.Custom)\n    return <></>;\n\n  const baseClassName = RestrictionHelper.mapRestrictionToClass(props.restrictions);\n  const className = `${baseClassName} fw-semibold p-2 rounded mb-3 d-flex justify-content-between align-items-center`;\n\n  return (\n    <div className={className}>\n      <div className='d-flex align-items-center'>\n        <SvgContainer\n          svgName={RestrictionHelper.mapRestrictionToSvg(props.restrictions)}\n          size={SvgContainerSize.Large}\n        />\n        <span className='ps-1'>\n          {RestrictionHelper.mapRestrictionToText(props.restrictions, props.yearGroups)}\n        </span>\n      </div>\n      \n      <AppLink\n        appLink={{\n          application: AppChannels.DEFAULT,\n          action: Actions.Default.APPROVE_VIDEO,\n          params: {\n            objectId: props.objectId,\n            objectTypeId: props.objectTypeId\n          }\n        }}\n        className='btn btn-outline-dark'\n      >\n        <Text namespace={namespace} phrase='approve' />\n      </AppLink>\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"series\":\"wTlJJ\",\"badgeListContainer\":\"Vaout\"};","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { Actions } from 'libs/shared/components/actions/Actions';\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\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 { Text } from 'libs/shared/components/text/Text';\nimport { RestrictionPadlock } from 'libs/shared/components/video-list/components/restriction-padlock/RestrictionPadlock';\nimport { VideoSubText } from 'libs/shared/components/video-sub-text/VideoSubText';\nimport { useMergeAudiences } from 'libs/shared/hooks/UseMergeAudiences';\nimport { Clip, PresentationAudience, Series, Video, YearGroup } from 'libs/shared/interfaces';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { useVideoActions, VideoActionsLocation } from 'shared/hooks/use-video-actions/useVideoActions';\nimport { VideoFeaturesHash } from 'shared/hooks/useVideoFeatureAccess';\n\nimport styles from './title-and-actions.scss';\n\nconst namespace = 'shared.playPage';\n\ninterface PlayPageTitleAndActionsProps {\n  media: Clip | Video;\n  yearGroups: YearGroup[];\n  audiences: PresentationAudience[];\n  featureAccess: VideoFeaturesHash;\n  getSeriesAppLink?: (series: Series) => Core.AppLink;\n  originalVideoAppLink?: Core.AppLink;\n  shareId: string;\n}\n\nexport function PlayPageTitleAndActions(props: PlayPageTitleAndActionsProps): JSX.Element {\n  const mergedAudience = useMergeAudiences(props.media.subjectPresentationAudiences?.data, props.audiences);\n\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const titleContainerRef = React.useRef<HTMLDivElement>(null);\n\n  const hasBadges = (\n    (VideoHelper.isVideo(props.media) && !!props.media.rating?.value) ||\n    (VideoHelper.isVideo(props.media) && !!props.media.productionYear) ||\n    !!props.media.subjectPresentationAudiences?.data?.length\n  );\n\n  const videoActions = useVideoActions({\n    location: VideoActionsLocation.PlayPage,\n    shareId: props.shareId\n  });\n\n  const canViewOriginal = !!props.originalVideoAppLink &&\n    VideoHelper.isClip(props.media) &&\n    VideoHelper.canViewOriginalVideo(props.media);\n\n  return (\n    <section className='mb-3 position-relative' ref={containerRef}>\n      <div className='d-inline-block w-100' ref={titleContainerRef}>\n        {props.featureAccess.canNavigate &&\n          <div className='ms-2 float-end'>\n            <Actions\n              actions={videoActions.getVideoActions(props.media)}\n              actionsDropdownClassName='btn btn-outline-dark'\n              fetchMore={() => videoActions.fetchMoreActions(props.media)}\n            />\n          </div>\n        }\n\n        {!!VideoHelper.isVideo(props.media) && (\n          <VideoSubText\n            type='series'\n            video={props.media}\n            appLink={props.getSeriesAppLink?.(props.media.series)}\n            className={`${styles.series} text-truncate mw-100`}\n            analyticsOptions={{ location: LocationContext.PlayPage }}\n          />\n        )}\n        <h1 className='h4 mb-2 mw-100'>\n          <span className='align-self-center'>{props.media.name}</span>\n          <RestrictionPadlock\n            tooltipPlacement='right'\n            className='d-inline-block ps-1'\n            video={props.media}\n            yearGroups={props.yearGroups}\n          />\n        </h1>\n\n        {hasBadges && (\n          <BadgeListContainer className={styles.badgeListContainer}>\n            <AudienceLabel\n              audience={mergedAudience}\n              className='bg-white text-dark'\n              border='dark'\n            />\n            {VideoHelper.isVideo(props.media) && (\n              <Badge type={BadgeType.Rating} data={props.media.rating} />\n            )}\n            {VideoHelper.isVideo(props.media) && (\n              <Badge type={BadgeType.ProductionYear} data={props.media.productionYear} />\n            )}\n          </BadgeListContainer>\n        )}\n      </div>\n\n      {VideoHelper.isClip(props.media) && canViewOriginal && (\n        <p className='clamp-1'>\n          <Text namespace={namespace} phrase='viewOriginal' />\n          &nbsp;\n          <AppLink className='info-link' appLink={props.originalVideoAppLink}>\n            {props.media._parentVideo?.name}\n          </AppLink>\n        </p>\n      )}\n    </section>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"mask\":\"LL7My\",\"centeredIcon\":\"x_1f6\",\"bgImage\":\"QoLgZ\",\"centeredOverlay\":\"BcnSH\"};","import * as React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\n\nimport { EntityType, LocationContext, SignUpDescriptors, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { VideoTypes } from 'libs/shared/interfaces';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport styles from './player-placeholder.scss';\n\nconst namespace = 'shared.playerPlaceholder';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface PlayerPlaceholderProps {\n  video: VideoTypes;\n  type: 'pip' | 'public';\n  appLink?: Core.AppLink;\n}\n\nexport function PlayerPlaceholder(props: PlayerPlaceholderProps): JSX.Element {\n  switch (props.type) {\n    case 'pip':\n      return <PipPlaceholder {...props} />;\n    case 'public':\n      return <PublicPlaceholder {...props} />;\n    default:\n      return <></>;\n  }\n}\n\nconst PipPlaceholder = (props: PlayerPlaceholderProps) => (\n  <div\n    className={`position-relative responsive-img ${styles.bgImage}`}\n    style={{ backgroundImage: `url('${VideoHelper.getThumbnail(props.video)?.url ?? ''}')` }}\n  >\n    <p className={`m-0 text-white h3 ${styles.centeredOverlay}`}>{getPhrase('playingPiP')}</p>\n    <div className={styles.mask} />\n  </div>\n);\n\nconst PublicPlaceholder = (props: PlayerPlaceholderProps) => {\n  const thumbnailUrl = ImageHelper.createUrl(VideoHelper.getThumbnail(props.video)?.url ?? '', {\n    size: ImageSize.Large\n  });\n\n  return (\n    <div\n      className={`position-relative responsive-img ${styles.bgImage}`}\n      style={{ backgroundImage: `url('${thumbnailUrl}')` }}\n    >\n      <AppLink\n        appLink={props.appLink}\n        analyticsOptions={{\n          actionType: UserAction.Click,\n          location: LocationContext.PlayPage,\n          entity: EntityType.AppLink,\n          workflowPhase: WorkflowPhase.Start,\n          descriptor: SignUpDescriptors.SignUp\n        }}\n        analyticsData={{}}\n      >\n        <SvgContainer\n          svgName={cvSvgLibrary.PlayCircle}\n          className={styles.centeredIcon}\n        />\n        <div className={styles.mask} />\n      </AppLink>\n    </div>\n  );\n};","import React from 'react';\n\nimport { Core } from 'libs/common/core';\n\nimport { InfiniteScrollFooter } from 'libs/shared/components/infinite-scroll-footer/InfiniteScrollFooter';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { PartialVideoList } from 'libs/shared/components/video-list/partial-loading/PartialVideoList';\nimport { VideoList } from 'libs/shared/components/video-list/VideoList';\nimport { VideoActionsContext } from 'libs/shared/context/VideoActionsContext';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { CanFavouriteFunc, CurrentUser, FavouriteFunc, PresentationAudience, VideoTypes, YearGroup } from 'libs/shared/interfaces';\nimport { PlayPageAnchor } from 'libs/shared/interfaces/PlayPageAnchor';\nimport { GetVideoAppLinkOptions } from 'libs/shared/interfaces/VideoAppLinkOptions';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { useVideoActions, VideoActionsLocation } from 'shared/hooks/use-video-actions/useVideoActions';\nimport { RelatedVideosHash } from 'shared/hooks/useGetRelatedVideos';\nimport { InteractiveHelpers } from 'shared/utils/InteractiveHelper';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\n\nimport { SeriesAppLinkHelper } from 'apps/series/SeriesAppLinkHelper';\n\nconst namespace = 'shared.relatedVideos';\n\ninterface RelatedVideosProps {\n  currentVideo: VideoTypes;\n  yearGroups: YearGroup[];\n  relatedVideos: RelatedVideosHash;\n  setFavourite: FavouriteFunc;\n  canFavourite: CanFavouriteFunc;\n  currentUser: CurrentUser;\n  audiences: PresentationAudience[];\n  getVideoAppLink: (video: VideoTypes, opts: GetVideoAppLinkOptions) => Core.AppLink;\n  moviesAndTv: boolean;\n  isPlugin: boolean;\n  headingRef?: React.MutableRefObject<Map<PlayPageAnchor, HTMLElement>>;\n}\n\nexport function RelatedVideos(props: RelatedVideosProps): JSX.Element {\n  const videoActions = useVideoActions({ location: VideoActionsLocation.VideoItem });\n  const { hasPermissions } = usePermissions();\n\n  if (!props.currentUser?.isAuthenticated) // Don't render if user is unauthenticated\n    return <></>;\n\n  if (props.relatedVideos.hasError) // Don't render if request has errored\n    return <></>;\n\n  if (props.relatedVideos.hasCompleted && !props.relatedVideos.videos?.length) // Don't render if response is empty\n    return <></>;\n\n  if (!props.relatedVideos.isFetching && !props.relatedVideos.hasCompleted) // Don't render if request is never made\n    return <></>;\n\n  // We don't support autoplaying from interactives. This means the related videos heading won't say \"Up next\"\n  const canAutoplay = !VideoHelper.isInteractive(props.currentVideo);\n\n  return (\n    <section\n      id={PlayPageAnchor.RelatedVideos}\n      ref={el => {\n        (el && props.headingRef?.current\n        && !!props.relatedVideos.videos?.length)\n        && props.headingRef.current.set(PlayPageAnchor.RelatedVideos, el);\n      }}\n    >\n      <VideoActionsContext.Provider value={videoActions}>\n        <h2 className='h4 mb-0'>\n          <Text namespace={namespace} phrase={canAutoplay ? 'upNext' : 'relatedVideos'} />\n        </h2>\n        {props.relatedVideos.hasCompleted ? (\n          <VideoList\n            videos={props.relatedVideos.videos}\n            yearGroups={props.yearGroups}\n            getSubTextAppLink={video => {\n              return SeriesAppLinkHelper.getSeriesAppLink(video.series, props.moviesAndTv ? { mtv: true } : null);\n            }}\n            getVideoAppLink={props.getVideoAppLink}\n            hasPermissions={hasPermissions}\n            setFavourite={props.setFavourite}\n            canFavourite={props.canFavourite}\n            presentationAudiences={props.audiences}\n            getPreviewQuestionsAppLink={interactive => InteractiveHelpers.getPreviewQuestionsAppLink(interactive)}\n            isPlugin={props.isPlugin}\n            getClassroomGuideAppLink={VideoAppLinkHelper.getClassroomGuideAppLink}\n            getInteractiveGuidanceAppLink={VideoAppLinkHelper.getInteractiveGuidanceAppLink}\n            getResourceGuidanceAppLink={VideoAppLinkHelper.getResourceGuidanceAppLink}\n          />\n        ) : <PartialVideoList />\n        }\n        {props.relatedVideos.hasMore && (\n          <InfiniteScrollFooter\n            isFetching={props.relatedVideos.isFetching}\n            fetchNext={props.relatedVideos.fetchNext}\n          />\n        )}\n      </VideoActionsContext.Provider>\n    </section>\n  );\n}","import { LocalPermissionName, PermissionName } from 'libs/shared/enums/PermissionName';\nimport { ProductId } from 'libs/shared/enums/ProductId';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useProducts } from 'libs/shared/hooks/UseProducts';\n\nimport { LiteRouteHelper } from 'shared/utils/LiteRouteHelper';\n\nexport interface VideoFeaturesHash {\n  canViewGlance: boolean;\n  canViewResources: boolean;\n  canViewInteractives: boolean;\n  canViewClips: boolean;\n  canUseActions: boolean;\n  canViewPublicLayout: boolean;\n  canNavigate: boolean;\n  canViewCurriculumLinks: boolean;\n  canViewResourceItems: boolean;\n}\n\nexport function useVideoFeatureAccess() {\n  const { hasPermissions, hasLocalPermissions } = usePermissions();\n  const { hasProduct } = useProducts();\n\n  const hasNP = hasProduct(ProductId.Primary);\n\n  function showPublicLayout(): boolean {\n    /**\n     * Authenticated users should never see the placeholder\n     */\n    if (hasLocalPermissions(LocalPermissionName.WatchVideos))\n      return false;\n\n    /**\n     * Accessing a play page unathenticated will have different contextual behabviours:\n     * - For a share page, the user should see the video and never the placeholder\n     * - For a public browsing page (ie. using a route-prefix) they should see the placeholder\n     */\n    return LiteRouteHelper.hasRegionPrefix();\n  }\n\n  return {\n    canViewGlance: hasPermissions(PermissionName.ViewVideoGlance),\n    canViewResources: true,\n    canViewInteractives: hasNP && hasPermissions(PermissionName.ViewVideoInteractives),\n    canViewClips: hasNP && hasPermissions(PermissionName.ViewVideoClips),\n    canViewCurriculumLinks: hasPermissions(PermissionName.ViewCurriculums),\n    canUseActions: hasLocalPermissions(LocalPermissionName.UseVideoActions),\n    canViewPublicLayout: showPublicLayout(),\n    canViewResourceItems: hasLocalPermissions(LocalPermissionName.ViewVideoResourceItems),\n    canNavigate: hasNP\n  };\n}","import React from 'react';\n\nimport { Flight } from 'libs/common/flight';\n\nimport { ClassificationRequests } from 'libs/shared/flight-requests/ClassificationRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { Clip, ClipCollection, CurrentUser, Video, VideoCollection } from 'libs/shared/interfaces';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\ntype Types = Video[] | VideoCollection | Clip[] | ClipCollection;\n\nfunction getValidObjects(objects: Types): (Video | Clip)[] {\n  if (!objects)\n    return [];\n\n  if (Array.isArray(objects))\n    return objects.filter(o => !!o && (VideoHelper.isVideo(o) || VideoHelper.isClip(o)));\n\n  if ('data' in objects)\n    return objects.data.filter(o => !!o && (VideoHelper.isVideo(o) || VideoHelper.isClip(o)));\n\n  return [];\n}\n\ninterface VideoMixinOptions {\n  /**\n   * If the videos that are having new data mixed into are sitting on an explicit Flight namespace,\n   * providing that namespace here is required\n   */\n  flightNamespace?: string;\n}\n\nexport function useVideoMixin(objects: Types, options: VideoMixinOptions = {}): void {\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n\n  const hydratedVideos = React.useRef<Set<string>>(new Set<string>());\n\n  const videos = getValidObjects(objects);\n\n  const videoIds = videos.map(v => v.id);\n\n  const [ request, setRequest ] = React.useState<Flight.Request[]>([]);\n\n  React.useEffect(() => {\n    if (!videoIds?.length || !currentUser.hasCompleted)\n      return;\n\n    const unhydratedVideos: string[] = [];\n\n    videoIds.forEach(id => {\n      if (!hydratedVideos.current.has(id)) {\n        unhydratedVideos.push(id);\n        hydratedVideos.current.add(id);\n      }\n    });\n    \n    if (!unhydratedVideos.length)\n      return;\n\n    setRequest(r => {\n      const newRequests = [\n        ...r,\n        VideoRequests.videoMixinAssocs(unhydratedVideos, options.flightNamespace)\n      ];\n\n      if (currentUser.data?.isAuthenticated)\n        newRequests.push(ClassificationRequests.hasCurriculumLinks(unhydratedVideos, null, options.flightNamespace));\n\n      return newRequests;\n    });\n  }, [ videoIds?.length, currentUser.hasCompleted ]);\n\n  Flight.useBasicFetchAll(request);\n}"],"names":["useEventsServiceSubscribe","event","callback","once","shouldSubscribe","unsubscribe","useEffect","EventsService","listeners","this","registerListener","deregisterListener","args","triggerCallbacks","executionLimit","Error","push","idxToRemove","findIndex","e","splice","length","callbacksToRemove","forEach","listener","executionCount","apply","InfiniteScrollFooter","props","ref","inView","fetchOnScroll","isFetching","fetchNext","nextCursor","className","Spinner","as","animation","role","SvgContainer","svgName","size","S","onClick","defaultProps","DYNAMIC_RATIO_IMAGE_OPTIONS","width","resizeType","getImageType","resource","MasterTypeHelper","metadata","type","ResourceFileType","pdf","url","ResourceThumbnail","rotation","thumbnail","thumbnailUrl","imageCdnUrl","dynamicRatioImageOptions","imageType","ImageHelper","previewUrl","UrlHelper","getThumbnailUrl","BaseImage","data","imageStyle","transform","alt","name","errorFallbackImageSrc","imageErrorFallbackUrl","errorFallbackImageClassName","imageClassName","preload","preloadImage","preventLoad","VideoDetailsPartial","style","height","PartialVideoList","Array","numVideos","fill","map","_","i","key","allowBulkActions","PartialVideoItem","breakpoints","useBreakpoints","isSmall","VideoListHelper","withDragHandle","withReordering","xs","Row","Col","ThemeRequests","theme","id","themeImages","themes","formatData","sort","a","b","localeCompare","createTheme","success","error","always","invalidationKeys","updateTheme","deleteTheme","usePrevious","value","current","useTableOfContentsScroll","elements","activeId","hasDoneInitialScroll","setHasDoneInitialScroll","previousId","currentId","target","find","heading","rec","getBoundingClientRect","window","scrollBy","top","behavior","PlayPageAnchor","ResourceHelper","getResourceTypeName","resourceType","namespace","ArchivedBanner","getPhrase","typeId","mapTypeId","hasStudentExperience","RestrictionBanner","restrictions","yearGroups","canManageVideoAccess","baseClassName","appLink","application","action","params","objectId","objectTypeId","phrase","PlayPageTitleAndActions","mergedAudience","media","subjectPresentationAudiences","audiences","containerRef","titleContainerRef","hasBadges","VideoHelper","rating","productionYear","videoActions","useVideoActions","location","shareId","canViewOriginal","originalVideoAppLink","featureAccess","canNavigate","Actions","actions","getVideoActions","actionsDropdownClassName","fetchMore","fetchMoreActions","VideoSubText","video","getSeriesAppLink","series","analyticsOptions","RestrictionPadlock","tooltipPlacement","BadgeListContainer","AudienceLabel","audience","border","Badge","Text","AppLink","_parentVideo","LanguageService","PlayerPlaceholder","PipPlaceholder","PublicPlaceholder","backgroundImage","actionType","entity","workflowPhase","descriptor","SignUp","analyticsData","RelatedVideos","hasPermissions","currentUser","isAuthenticated","relatedVideos","hasError","hasCompleted","videos","canAutoplay","currentVideo","el","headingRef","set","getSubTextAppLink","moviesAndTv","mtv","getVideoAppLink","setFavourite","canFavourite","presentationAudiences","getPreviewQuestionsAppLink","interactive","isPlugin","getClassroomGuideAppLink","getInteractiveGuidanceAppLink","getResourceGuidanceAppLink","hasMore","useVideoFeatureAccess","hasLocalPermissions","hasNP","hasProduct","canViewGlance","canViewResources","canViewInteractives","canViewClips","canViewCurriculumLinks","canUseActions","canViewPublicLayout","canViewResourceItems","useVideoMixin","objects","options","hydratedVideos","Set","isArray","filter","o","getValidObjects","videoIds","v","request","setRequest","unhydratedVideos","has","add","r","newRequests","flightNamespace"],"sourceRoot":""}

package/dist/scripts/{8354-a104955138-lite.chunk.js → 8354-411c0c4a3a-lite.chunk.js}

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[8354],{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:()=>u});var a=n(32735),r=n(23481),o=n(83914),i=n(76177),l=n(35223);const c={tag:"XRj8d",tooltip:"X6mLk"};var s="specialEventCalendar.comingSoonTag";function u(e){return a.createElement(i.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(o.x,{svgName:l.vn.Timer}),!e.onlyIcon&&r.T.getPhrase(s,"comingSoon")))}},73679:(e,t,n)=>{n.d(t,{s:()=>i});var a=n(32735),r=n(36848);const o={dateItem:"I3SBm",label:"PRORs",body:"RfiM_",bodyDay:"ZOVny",bodyRange:"vYhXN",bodyMonth:"mYslO",month:"EPkkQ"};function i(e){var t,n,i;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(o.dateItem)},a.createElement("div",{className:"".concat(null===(i=e.theme)||void 0===i?void 0:i.background," py-1 ").concat(o.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 o.bodyRange;case"day":return o.bodyDay;case"month":return o.bodyMonth}}()," ").concat(o.body," my-2")},e.body.text),a.createElement("div",{className:"mb-0 ".concat(o.month)},e.month)))}},44522:(e,t,n)=>{n.d(t,{p:()=>w,v:()=>S});var a=n(32735),r=n(110),o=n(50690),i=n(84963),l=n(73679),c=n(83657),s=n(23481),u=n(36848),d=n(83914),m=n(35223),v="shared.backButton";function f(e){var t=Object.assign({textShadow:!0},e),n=t.backToName,r=t.appLink,o=t.color,i=t.extraClasses,l=t.textShadow,c=n?s.T.getPhrase(v,"backTo",{backToName:n}):s.T.getPhrase(v,"back"),f="black"===o?"":"text-white",g=l?"text-shadow":"";return a.createElement(u.F,{appLink:r,className:"d-inline-flex align-items-center h5 mb-0 ".concat(i," ").concat(f," ").concat(g)},a.createElement(d.x,{svgName:m.vn.ChevronLeft,size:d.S.Medium}),a.createElement("span",{className:"ms-1"},c))}f.defaultProps={color:"black",extraClasses:""};var g=n(36518),p=n(83345),h=n(10587),b=n(94232),y=n(54610),E=n(79967),C=n(67453);const x={bannerContent:"sSCTB",actionsContainer:"Z5WI2",bannerContentWithLogo:"rgs7Q",container:"M51HJ",logoContainer:"vkeJk",logoContainerLeft:"M3U9B",logoHeading:"EtRwC",specialEventContainer:"rOxDc",headingLarge:"_8pnV",heading:"JXVBH"};var k="".concat(h.y[y.__.Banners].width,":").concat(h.y[y.__.Banners].height);function N(e){return e.length<160?"h1":x.headingLarge}var w=a.memo((function(e){var t,n,s,u,d=e.heading,m=e.banner,v=e.imageCdnUrl,h=e.actions,w=e.sortComponent,S=e.blockColourClass,A=e.specialEvent,L=a.useContext(b.n),F=(0,E.k)().xxl?1920:1200,I=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:F,ratio:k,resizeType:y.Nq.Cover},P=!!m&&!!v&&C.j.createBannerUrl(m,{fallbackBaseUrl:v,fallbackCategoryName:d,type:y.__.Banners},O),T={className:"banner banner-header ".concat(e.bannerClassName),style:P?{backgroundImage:"url('".concat(P,"')")}:{}};!m&&S&&(delete T.style,T.className+=" ".concat(S));var D=e.detailsComponent;return o.b.renderInPortalIfExists(a.createElement("header",Object.assign({},T),a.createElement("div",{className:"container ".concat(x.container," position-relative inner-banner")},e.backButtonAppLink&&a.createElement("div",{className:"pt-3"},a.createElement(f,{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(x.bannerContent," px-2 ").concat((null===(t=e.logo)||void 0===t?void 0:t.url)?x.bannerContentWithLogo:""))},!!A&&a.createElement("div",{className:"position-relative ".concat(x.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,I&&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(p.x,{namespace:"shared.bannerHeader",phrase:"onToday"})),e.showComingSoon&&a.createElement(i.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(x.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(g.w,{src:C.j.createUrl(null===(s=e.logo)||void 0===s?void 0:s.url,{size:y.h2.Small})})),a.createElement("h1",{className:"text-white text-shadow pe-3 ".concat(x.heading," ").concat(N(d)," ").concat(e.alignLogoLeft?"w-50":"")},d,D&&a.createElement(D,null)))),!!h&&a.createElement("div",{className:x.actionsContainer},a.createElement(c.e,{actions:h,sortComponent:w,actionsDropdownClassName:e.actionsDropdownClassName}))),!e.alignLogoLeft&&!!(null===(u=e.logo)||void 0===u?void 0:u.url)&&a.createElement("div",{className:x.logoContainer},a.createElement("img",{src:C.j.createUrl(e.logo.url,{size:y.h2.Small}),className:"rounded-circle"})))),null==L?void 0:L.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 S(){var e=a.useContext(b.n);return o.b.renderInPortalIfExists(a.createElement("div",{className:"partial-banner partial-loading-background ".concat(x.banner)}),null==e?void 0:e.container)}},71020:(e,t,n)=>{n.d(t,{_:()=>u});var a=n(32735),r=n(80247),o=n(34152),i=n(83914),l=n(35223);const c={container:"VwD1b",spinner:"eJ85e"};function s(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}function u(e){var t,n,u=(t=(0,o.YD)(),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,o,i,l=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(a=o.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&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw r}}return l}}(t,n)||function(e,t){if(e){if("string"==typeof e)return s(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)?s(e,t):void 0}}(t,n)||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.")}()),d=u[0],m=u[1];return a.useEffect((function(){var t;e.fetchOnScroll&&m&&!e.isFetching&&(null===(t=e.fetchNext)||void 0===t||t.call(e,e.nextCursor))}),[m,e.isFetching]),a.createElement("div",{className:"p-3 text-center ".concat(c.container),ref:d},e.isFetching?a.createElement(r.Z,{as:"span",animation:"border",role:"status",className:c.spinner}):a.createElement(i.x,{svgName:l.vn.ChevronDown,className:"svg-container cursor-pointer",size:i.S.Large,onClick:function(){var t;return null===(t=e.fetchNext)||void 0===t?void 0:t.call(e,e.nextCursor)}}))}u.defaultProps={fetchOnScroll:!1}},74696:(e,t,n)=>{n.d(t,{S:()=>s});var a=n(32735),r=n(68050),o=n(69111),i=n(9977),l=n(79967);const c={partialOptions:"Gufgq",partialName:"SicQQ",partialDescription:"dPGMq",partialThumbnail:"vZrnb",partialDragHandle:"iq73R"};function s(e){return a.createElement("div",{className:"mx-2"},Array(e.numVideos).fill(null).map((function(t,n){return a.createElement("div",{className:"d-flex",key:n},e.allowBulkActions&&a.createElement("div",{className:"form-check pe-3 pe-sm-2 mx-0 mx-md-2"}),a.createElement(u,Object.assign({},e)))})))}function u(e){var t=(0,l.k)(),n="sm"===i.O.getSize(t,"md"),s=e.withReordering&&!t.xs;return a.createElement(r.Z,{className:"".concat(n?"":"py-2"," flex-grow-1")},a.createElement(o.Z,Object.assign({},i.O.getThumbnailColumns(),{className:"flex-column align-items-flex-start ".concat(n?"pb-2 pe-1":"mb-1 pe-3 pe-md-2")}),a.createElement(r.Z,null,!!s&&a.createElement("div",{className:"d-flex align-items-center justify-content-center col-2"},a.createElement("div",{className:"partial-loading-background ".concat(c.partialDragHandle)})),a.createElement(o.Z,{xs:i.O.getThumbnailColSize(s)},a.createElement("div",{className:"partial-loading-background ".concat(n?"rounded":"rounded-3"," ").concat(c.partialThumbnail)})))),a.createElement(o.Z,Object.assign({},i.O.getDetailsColumns(),{className:n?"pb-2":"px-2"}),a.createElement("div",{className:"partial-loading-background mb-1 ".concat(c.partialName)}),a.createElement("div",{className:"partial-loading-background ".concat(c.partialDescription)})))}s.defaultProps={numVideos:15}},94644:(e,t,n)=>{n.d(t,{r:()=>u});var a=n(50242),r=n(81886),o=n(67058),i=n(14553),l=n(49267),c=n(49075),s={notFound:o.d,forbidden:{rating:i.q,yearLevel:i.q,region:l.a,privacy:i.q},badRequest:c._};function u(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(e){var o;o="number"==typeof e?e:e.status;var i=Object.assign(Object.assign({},s),t);o&&r.Q.Ry.isStatusCodeError(o)&&(o!==a.o.NotFound?o!==a.o.Forbidden?n.badRequest||r.Q.Ry.throw(new i.badRequest):n.forbidden||r.Q.Ry.throw(new i.forbidden.privacy):n.notFound||r.Q.Ry.throw(new i.notFound))}}},60115:(e,t,n)=>{n.d(t,{K:()=>s});var a=n(32735),r=n(50242),o=n(91967),i=400,l=n(45719);function c(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}function s(e,t,n,s,u,d){var m,v,f,g,p=(m=(0,a.useState)(0),v=2,function(e){if(Array.isArray(e))return e}(m)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,o,i,l=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(a=o.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&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw r}}return l}}(m,v)||function(e,t){if(e){if("string"==typeof e)return c(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)?c(e,t):void 0}}(m,v)||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.")}()),h=p[0],b=p[1],y=t,E=(0,l.P)((function(t){if(!e)return null;var n=e(t);return n?n.key:null}),s,u);return f={fetchNextPage:function(){if(t&&e&&E)return b((function(e){return e+1})),y(E.nextCursor)},hasMore:!!(null==E?void 0:E.nextCursor),isFetching:null==E?void 0:E.isFetching,scrollContainer:d},g=function(){if(!f.isFetching){if(f.scrollContainer){var e=f.scrollContainer;if(e.getBoundingClientRect().height+e.scrollTop<e.scrollHeight-i)return}else if(window.innerHeight+document.documentElement.scrollTop<document.documentElement.scrollHeight-i)return;f.fetchNextPage()}},(0,a.useEffect)((function(){var e=o.q.throttle(g,200),t=f.scrollContainer||window;return f.hasMore&&t.addEventListener("scroll",e),function(){return t.removeEventListener("scroll",e)}}),[f.hasMore,f.fetchNextPage,f.scrollContainer]),(0,a.useEffect)((function(){E&&E.shouldInitialFetch&&t&&(y(),b((function(e){return e+1})))}),[null==E?void 0:E.shouldInitialFetch,t]),(0,a.useEffect)((function(){var e,t;if((null==E?void 0:E.statusCode)&&o.q.isFunction(n)){var a=+(null===(t=null===(e=E.statusCode)||void 0===e?void 0:e.toString())||void 0===t?void 0:t.substr(0,1));a!==r.k.ClientError&&a!==r.k.ServerError||n(h,E.statusCode)}}),[null==E?void 0:E.statusCode]),{items:null==E?void 0:E.items,hasMore:!!(null==E?void 0:E.nextCursor),nextCursor:null==E?void 0:E.nextCursor,isFetching:null==E?void 0:E.isFetching,totalItems:null==E?void 0:E.totalItems,hasFirstPageCompleted:null==E?void 0:E.hasFirstPageCompleted}}},44110:(e,t,n)=>{n.d(t,{i:()=>i});var a=n(20354),r=n(89454),o=n(86698),i=function(){var e=(0,o.y)({redirectOnError:!0}),t=e.activePresentation,n=e.getFallbackPresentation,i=t||n();return a.a.useBasicFetch(!!i&&r.O.presentationAudiences(i.id))}},97816:(e,t,n)=>{n.d(t,{V:()=>u});var a=n(32735),r=n(20354),o=n(21750),i=n(31949),l=n(1575);function c(e,t){if(e){if("string"==typeof e)return s(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)?s(e,t):void 0}}function s(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}function u(e){var t,n,u=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},d=r.a.useBasicFetch(i.N.currentUser()),m=a.useRef(new Set),v=e&&(Array.isArray(e)?e.filter(Boolean).map((function(e){return e.id})):e.data.filter(Boolean).map((function(e){return e.id}))),f=(t=a.useState([]),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,o,i,l=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(a=o.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&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw r}}return l}}(t,n)||c(t,n)||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.")}()),g=f[0],p=f[1];a.useEffect((function(){if((null==v?void 0:v.length)&&d.hasCompleted){var e=[];v.forEach((function(t){m.current.has(t)||(e.push(t),m.current.add(t))})),e.length&&p((function(t){var n,a=[].concat(function(e){return function(e){if(Array.isArray(e))return s(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||c(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.")}()}(t),[l.R.videoMixinAssocs(e,u.flightNamespace)]);return(null===(n=d.data)||void 0===n?void 0:n.isAuthenticated)&&a.push(o.x.hasCurriculumLinks(e,null,u.flightNamespace)),a}))}}),[null==v?void 0:v.length,d.hasCompleted]),r.a.useBasicFetchAll(g)}},19530:(e,t,n)=>{n.r(t),n.d(t,{FavouritesView:()=>Q});var a=n(32735),r=n(70680),o=n(23481),i=n(20354),l=n(65858),c=n(44522),s=n(71020),u=n(83345),d=n(74696),m=n(13231),v=n(51365),f=n(16714),g=n(94644),p=n(39151),h=n(1666),b=n(63419),y=n(31949),E=n(69883),C=n(60115),x=n(22902),k=n(79612),N=n(31908),w=n(99742),S=n(51855),A=n(27638),L=n(44110),F=n(97816),I=n(10741),O=n(22490),P=n(82431),T=n(23232),D=n(83914),j=n(35223),B=n(14070),M=n(97291),R="shared.favouritesEmptyState",V=o.T.encloseNamespace(R);function _(){return a.createElement(u.D.Provider,{value:R},a.createElement(T.u,null,a.createElement(T.u.Image,{src:w.W.EmptyStates.FAVOURITED_VIDEOS,altText:V("info")}),a.createElement("div",{className:"d-flex mb-2"},a.createElement(T.u.Heading,{className:"h3 mb-0"},a.createElement(u.x,{phrase:"emptyStateHeading1"})),a.createElement("div",{className:"box-shadow rounded-circle p-1 bg-white mx-1"},a.createElement(D.x,{svgName:j.vn.HeartOutline,size:D.S.Small})),a.createElement(T.u.Heading,{className:"h3 mb-0"},a.createElement(u.x,{phrase:"emptyStateHeading2"}))),a.createElement(T.u.Info,null,a.createElement(u.x,{phrase:"info"})),a.createElement(T.u.Cta,{text:o.T.getPhrase(R,"cta"),appLink:{application:M.O.DASHBOARD,action:B.e.Dashboard.HOME}})))}function U(){return a.createElement(u.D.Provider,{value:R},a.createElement(T.u,null,a.createElement(T.u.Image,{src:w.W.EmptyStates.FAVOURITED_VIDEOS_PUBLIC,altText:V("publicInfo")}),a.createElement(T.u.Heading,null,a.createElement(u.x,{phrase:"publicHeading"})),a.createElement(T.u.Info,null,a.createElement(u.x,{phrase:"publicInfo"})),a.createElement(T.u.Cta,{text:o.T.getPhrase(R,"publicCta"),appLink:{application:M.O.SIGN_UP,action:B.e.SignUp.SIGN_UP},analyticsData:{},analyticsOptions:{actionType:l.Vw.Click,location:l.LZ.MyFavouritesLanding,entity:l.py.AppLink,workflowPhase:l.eu.Start,descriptor:l.Yu.SignUp}})))}var H=n(26323),G=n(10671),Z="shared.favourites";const q={banner:"FEWd3"};var W="shared.favourites";function Q(){var e,t,n,T,D=(0,r.I0)(),B=(0,E.Z)(),M=(0,A.u)(l.LZ.VideoThumbnail),R=M.setFavourite,V=M.canFavourite,Q=(0,S.G)().isPlugin,Y=function(){var e=(0,G._)({location:G.i.VideoItem}),t=(0,A.u)(l.LZ.VideoThumbnail).setFavourite;return Object.assign(Object.assign({},e),{getVideoActions:function(n){return N.M.getCanBeConsumed(n).canConsume?e.getVideoActions(n):[{label:o.T.getPhrase(Z,"removeFromFavourites"),svgName:j.vn.Delete,button:!1,className:"btn btn-link text-danger",onClick:function(){return t(n,!1)}}]}})}();(0,k.M)({title:o.T.getPhrase(W,"pageTitle")});var z=(0,x.T)(),J=z.hasLocalPermissions,X=z.hasPermissions,$=i.a.useBasicFetch(y.N.currentUser()),K=i.a.useBasicFetch((null===(e=$.data)||void 0===e?void 0:e.isAuthenticated)&&h.h.yearGroups($.data.customerId)),ee=i.a.useBasicFetch(p.L.config()),te=function(e){return b.P.getFavourites($.data.id,e)},ne=function(e){return i.a.getFetch(D)(te(e))},ae=!J(f.E.ViewMyFavouritesLanding)&&$.hasCompleted,re=(0,C.K)(!!ae&&te,ne,(function(e,t){if(1===e)return(0,g.r)(t);B.error(o.T.getPhrase(W,"error"))})),oe=re.items,ie=re.hasMore,le=re.isFetching;(0,F.V)(null!==(t=null==oe?void 0:oe.filter(N.M.isVideo))&&void 0!==t?t:[]);var ce=(0,L.i)(),se=(0,H.B)(null===(n=$.data)||void 0===n?void 0:n.id),ue=se.count;return se.isLoading?a.createElement(a.Fragment,null):J(f.E.ViewMyFavouritesLanding)?a.createElement(U,null):a.createElement(v.M.Provider,{value:Y},a.createElement("div",{className:"p-3"},a.createElement(c.p,{heading:o.T.getPhrase(W,"header"),banner:{url:w.W.FAVOURITES_PLAYLIST.FAV_PLAYLIST_BANNER},bannerClassName:"".concat(q.banner," bg-pink"),imageCdnUrl:null===(T=ee.data)||void 0===T?void 0:T.imageCdnUrl,detailsComponent:function(){return a.createElement("div",{className:"mb-n1 font-size-normal fw-normal mt-1"},a.createElement(u.x,{namespace:W,phrase:"videos",options:{smartCount:ue}}))}}),oe?oe.length?a.createElement(a.Fragment,null,a.createElement(m.E4,{videos:oe,yearGroups:K.data,getVideoAppLink:O.W.getAppLink,hasPermissions:X,getSubTextAppLink:function(e){return P.j.getSeriesAppLink(e.series)},setFavourite:R,canFavourite:V,presentationAudiences:ce.data,getPreviewQuestionsAppLink:function(e){return I.j.getPreviewQuestionsAppLink(e)},isPlugin:Q,getClassroomGuideAppLink:O.W.getClassroomGuideAppLink,getInteractiveGuidanceAppLink:O.W.getInteractiveGuidanceAppLink,getResourceGuidanceAppLink:O.W.getResourceGuidanceAppLink}),(ie||le)&&a.createElement(s._,{isFetching:le,fetchNext:ne})):a.createElement(_,null):a.createElement(d.S,null)))}},26323:(e,t,n)=>{n.d(t,{B:()=>l});var a=n(20354),r=n(63419);function o(e){return function(e){if(Array.isArray(e))return i(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 i(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)?i(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 i(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}function l(e){var t,n,i,l,c,s,u,d,m,v=a.a.useBasicFetch(e&&r.P.getFavouritesVideosCount(e)),f=a.a.useBasicFetch(e&&r.P.getFavouritesClipsCount(e)),g=a.a.useBasicFetch(e&&r.P.getFavouritesInteractivesCount(e));return{count:(null===(t=v.data)||void 0===t?void 0:t.count)+(null===(n=g.data)||void 0===n?void 0:n.count)+(null===(i=f.data)||void 0===i?void 0:i.count),favourites:[].concat(o((null===(l=v.data)||void 0===l?void 0:l.data)||[]),o((null===(c=f.data)||void 0===c?void 0:c.data)||[]),o((null===(s=g.data)||void 0===s?void 0:s.data)||[])),isLoading:!(null===(u=v.data)||void 0===u?void 0:u.data)||!(null===(d=f.data)||void 0===d?void 0:d.data)||!(null===(m=g.data)||void 0===m?void 0:m.data)}}}}]);
-//# sourceMappingURL=8354-a104955138-lite.chunk.js.map
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[8354],{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:()=>u});var a=n(32735),r=n(23481),o=n(83914),i=n(76177),l=n(35223);const c={tag:"XRj8d",tooltip:"X6mLk"};var s="specialEventCalendar.comingSoonTag";function u(e){return a.createElement(i.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(o.x,{svgName:l.vn.Timer}),!e.onlyIcon&&r.T.getPhrase(s,"comingSoon")))}},73679:(e,t,n)=>{n.d(t,{s:()=>i});var a=n(32735),r=n(36848);const o={dateItem:"I3SBm",label:"PRORs",body:"RfiM_",bodyDay:"ZOVny",bodyRange:"vYhXN",bodyMonth:"mYslO",month:"EPkkQ"};function i(e){var t,n,i;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(o.dateItem)},a.createElement("div",{className:"".concat(null===(i=e.theme)||void 0===i?void 0:i.background," py-1 ").concat(o.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 o.bodyRange;case"day":return o.bodyDay;case"month":return o.bodyMonth}}()," ").concat(o.body," my-2")},e.body.text),a.createElement("div",{className:"mb-0 ".concat(o.month)},e.month)))}},44522:(e,t,n)=>{n.d(t,{p:()=>w,v:()=>S});var a=n(32735),r=n(110),o=n(50690),i=n(84963),l=n(73679),c=n(83657),s=n(23481),u=n(36848),d=n(83914),m=n(35223),v="shared.backButton";function f(e){var t=Object.assign({textShadow:!0},e),n=t.backToName,r=t.appLink,o=t.color,i=t.extraClasses,l=t.textShadow,c=n?s.T.getPhrase(v,"backTo",{backToName:n}):s.T.getPhrase(v,"back"),f="black"===o?"":"text-white",g=l?"text-shadow":"";return a.createElement(u.F,{appLink:r,className:"d-inline-flex align-items-center h5 mb-0 ".concat(i," ").concat(f," ").concat(g)},a.createElement(d.x,{svgName:m.vn.ChevronLeft,size:d.S.Medium}),a.createElement("span",{className:"ms-1"},c))}f.defaultProps={color:"black",extraClasses:""};var g=n(36518),p=n(83345),h=n(10587),b=n(94232),y=n(54610),E=n(79967),C=n(67453);const x={bannerContent:"sSCTB",actionsContainer:"Z5WI2",bannerContentWithLogo:"rgs7Q",container:"M51HJ",logoContainer:"vkeJk",logoContainerLeft:"M3U9B",logoHeading:"EtRwC",specialEventContainer:"rOxDc",headingLarge:"_8pnV",heading:"JXVBH"};var k="".concat(h.y[y.__.Banners].width,":").concat(h.y[y.__.Banners].height);function N(e){return e.length<160?"h1":x.headingLarge}var w=a.memo((function(e){var t,n,s,u,d=e.heading,m=e.banner,v=e.imageCdnUrl,h=e.actions,w=e.sortComponent,S=e.blockColourClass,A=e.specialEvent,L=a.useContext(b.n),F=(0,E.k)().xxl?1920:1200,I=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:F,ratio:k,resizeType:y.Nq.Cover},P=!!m&&!!v&&C.j.createBannerUrl(m,{fallbackBaseUrl:v,fallbackCategoryName:d,type:y.__.Banners},O),T={className:"banner banner-header ".concat(e.bannerClassName),style:P?{backgroundImage:"url('".concat(P,"')")}:{}};!m&&S&&(delete T.style,T.className+=" ".concat(S));var D=e.detailsComponent;return o.b.renderInPortalIfExists(a.createElement("header",Object.assign({},T),a.createElement("div",{className:"container ".concat(x.container," position-relative inner-banner")},e.backButtonAppLink&&a.createElement("div",{className:"pt-3"},a.createElement(f,{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(x.bannerContent," px-2 ").concat((null===(t=e.logo)||void 0===t?void 0:t.url)?x.bannerContentWithLogo:""))},!!A&&a.createElement("div",{className:"position-relative ".concat(x.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,I&&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(p.x,{namespace:"shared.bannerHeader",phrase:"onToday"})),e.showComingSoon&&a.createElement(i.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(x.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(g.w,{src:C.j.createUrl(null===(s=e.logo)||void 0===s?void 0:s.url,{size:y.h2.Small})})),a.createElement("h1",{className:"text-white text-shadow pe-3 ".concat(x.heading," ").concat(N(d)," ").concat(e.alignLogoLeft?"w-50":"")},d,D&&a.createElement(D,null)))),!!h&&a.createElement("div",{className:x.actionsContainer},a.createElement(c.e,{actions:h,sortComponent:w,actionsDropdownClassName:e.actionsDropdownClassName}))),!e.alignLogoLeft&&!!(null===(u=e.logo)||void 0===u?void 0:u.url)&&a.createElement("div",{className:x.logoContainer},a.createElement("img",{src:C.j.createUrl(e.logo.url,{size:y.h2.Small}),className:"rounded-circle"})))),null==L?void 0:L.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 S(){var e=a.useContext(b.n);return o.b.renderInPortalIfExists(a.createElement("div",{className:"partial-banner partial-loading-background ".concat(x.banner)}),null==e?void 0:e.container)}},71020:(e,t,n)=>{n.d(t,{_:()=>u});var a=n(32735),r=n(80247),o=n(34152),i=n(83914),l=n(35223);const c={container:"VwD1b",spinner:"eJ85e"};function s(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}function u(e){var t,n,u=(t=(0,o.YD)(),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,o,i,l=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(a=o.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&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw r}}return l}}(t,n)||function(e,t){if(e){if("string"==typeof e)return s(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)?s(e,t):void 0}}(t,n)||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.")}()),d=u[0],m=u[1];return a.useEffect((function(){var t;e.fetchOnScroll&&m&&!e.isFetching&&(null===(t=e.fetchNext)||void 0===t||t.call(e,e.nextCursor))}),[m,e.isFetching]),a.createElement("div",{className:"p-3 text-center ".concat(c.container),ref:d},e.isFetching?a.createElement(r.Z,{as:"span",animation:"border",role:"status",className:c.spinner}):a.createElement(i.x,{svgName:l.vn.ChevronDown,className:"svg-container cursor-pointer",size:i.S.Large,onClick:function(){var t;return null===(t=e.fetchNext)||void 0===t?void 0:t.call(e,e.nextCursor)}}))}u.defaultProps={fetchOnScroll:!1}},74696:(e,t,n)=>{n.d(t,{S:()=>s});var a=n(32735),r=n(68050),o=n(69111),i=n(9977),l=n(79967);const c={partialOptions:"Gufgq",partialName:"SicQQ",partialDescription:"dPGMq",partialThumbnail:"vZrnb",partialDragHandle:"iq73R"};function s(e){return a.createElement("div",{className:"mx-2"},Array(e.numVideos).fill(null).map((function(t,n){return a.createElement("div",{className:"d-flex",key:n},e.allowBulkActions&&a.createElement("div",{className:"form-check pe-3 pe-sm-2 mx-0 mx-md-2"}),a.createElement(u,Object.assign({},e)))})))}function u(e){var t=(0,l.k)(),n="sm"===i.O.getSize(t,"md"),s=e.withReordering&&!t.xs;return a.createElement(r.Z,{className:"".concat(n?"":"py-2"," flex-grow-1")},a.createElement(o.Z,Object.assign({},i.O.getThumbnailColumns(),{className:"flex-column align-items-flex-start ".concat(n?"pb-2 pe-1":"mb-1 pe-3 pe-md-2")}),a.createElement(r.Z,null,!!s&&a.createElement("div",{className:"d-flex align-items-center justify-content-center col-2"},a.createElement("div",{className:"partial-loading-background ".concat(c.partialDragHandle)})),a.createElement(o.Z,{xs:i.O.getThumbnailColSize(s)},a.createElement("div",{className:"partial-loading-background ".concat(n?"rounded":"rounded-3"," ").concat(c.partialThumbnail)})))),a.createElement(o.Z,Object.assign({},i.O.getDetailsColumns(),{className:n?"pb-2":"px-2"}),a.createElement("div",{className:"partial-loading-background mb-1 ".concat(c.partialName)}),a.createElement("div",{className:"partial-loading-background ".concat(c.partialDescription)})))}s.defaultProps={numVideos:15}},94644:(e,t,n)=>{n.d(t,{r:()=>u});var a=n(50242),r=n(81886),o=n(67058),i=n(14553),l=n(49267),c=n(49075),s={notFound:o.d,forbidden:{rating:i.q,yearLevel:i.q,region:l.a,privacy:i.q},badRequest:c._};function u(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(e){var o;o="number"==typeof e?e:e.status;var i=Object.assign(Object.assign({},s),t);o&&r.Q.Ry.isStatusCodeError(o)&&(o!==a.o.NotFound?o!==a.o.Forbidden?n.badRequest||r.Q.Ry.throw(new i.badRequest):n.forbidden||r.Q.Ry.throw(new i.forbidden.privacy):n.notFound||r.Q.Ry.throw(new i.notFound))}}},60115:(e,t,n)=>{n.d(t,{K:()=>s});var a=n(32735),r=n(50242),o=n(91967),i=400,l=n(45719);function c(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}function s(e,t,n,s,u,d){var m,v,f,g,p=(m=(0,a.useState)(0),v=2,function(e){if(Array.isArray(e))return e}(m)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,o,i,l=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(a=o.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&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw r}}return l}}(m,v)||function(e,t){if(e){if("string"==typeof e)return c(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)?c(e,t):void 0}}(m,v)||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.")}()),h=p[0],b=p[1],y=t,E=(0,l.P)((function(t){if(!e)return null;var n=e(t);return n?n.key:null}),s,u);return f={fetchNextPage:function(){if(t&&e&&E)return b((function(e){return e+1})),y(E.nextCursor)},hasMore:!!(null==E?void 0:E.nextCursor),isFetching:null==E?void 0:E.isFetching,scrollContainer:d},g=function(){if(!f.isFetching){if(f.scrollContainer){var e=f.scrollContainer;if(e.getBoundingClientRect().height+e.scrollTop<e.scrollHeight-i)return}else if(window.innerHeight+document.documentElement.scrollTop<document.documentElement.scrollHeight-i)return;f.fetchNextPage()}},(0,a.useEffect)((function(){var e=o.q.throttle(g,200),t=f.scrollContainer||window;return f.hasMore&&t.addEventListener("scroll",e),function(){return t.removeEventListener("scroll",e)}}),[f.hasMore,f.fetchNextPage,f.scrollContainer]),(0,a.useEffect)((function(){E&&E.shouldInitialFetch&&t&&(y(),b((function(e){return e+1})))}),[null==E?void 0:E.shouldInitialFetch,t]),(0,a.useEffect)((function(){var e,t;if((null==E?void 0:E.statusCode)&&o.q.isFunction(n)){var a=+(null===(t=null===(e=E.statusCode)||void 0===e?void 0:e.toString())||void 0===t?void 0:t.substr(0,1));a!==r.k.ClientError&&a!==r.k.ServerError||n(h,E.statusCode)}}),[null==E?void 0:E.statusCode]),{items:null==E?void 0:E.items,hasMore:!!(null==E?void 0:E.nextCursor),nextCursor:null==E?void 0:E.nextCursor,isFetching:null==E?void 0:E.isFetching,totalItems:null==E?void 0:E.totalItems,hasFirstPageCompleted:null==E?void 0:E.hasFirstPageCompleted}}},44110:(e,t,n)=>{n.d(t,{i:()=>i});var a=n(20354),r=n(89454),o=n(86698),i=function(){var e=(0,o.y)({redirectOnError:!0}),t=e.activePresentation,n=e.getFallbackPresentation,i=t||n();return a.a.useBasicFetch(!!i&&r.O.presentationAudiences(i.id))}},97816:(e,t,n)=>{n.d(t,{V:()=>d});var a=n(32735),r=n(20354),o=n(21750),i=n(31949),l=n(1575),c=n(31908);function s(e,t){if(e){if("string"==typeof e)return u(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)?u(e,t):void 0}}function u(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}function d(e){var t,n,d=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},m=r.a.useBasicFetch(i.N.currentUser()),v=a.useRef(new Set),f=function(e){return e?Array.isArray(e)?e.filter((function(e){return!!e&&(c.M.isVideo(e)||c.M.isClip(e))})):"data"in e?e.data.filter((function(e){return!!e&&(c.M.isVideo(e)||c.M.isClip(e))})):[]:[]}(e),g=f.map((function(e){return e.id})),p=(t=a.useState([]),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,o,i,l=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(a=o.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&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw r}}return l}}(t,n)||s(t,n)||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.")}()),h=p[0],b=p[1];a.useEffect((function(){if((null==g?void 0:g.length)&&m.hasCompleted){var e=[];g.forEach((function(t){v.current.has(t)||(e.push(t),v.current.add(t))})),e.length&&b((function(t){var n,a=[].concat(function(e){return function(e){if(Array.isArray(e))return u(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||s(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.")}()}(t),[l.R.videoMixinAssocs(e,d.flightNamespace)]);return(null===(n=m.data)||void 0===n?void 0:n.isAuthenticated)&&a.push(o.x.hasCurriculumLinks(e,null,d.flightNamespace)),a}))}}),[null==g?void 0:g.length,m.hasCompleted]),r.a.useBasicFetchAll(h)}},19530:(e,t,n)=>{n.r(t),n.d(t,{FavouritesView:()=>Q});var a=n(32735),r=n(70680),o=n(23481),i=n(20354),l=n(65858),c=n(44522),s=n(71020),u=n(83345),d=n(74696),m=n(13231),v=n(51365),f=n(16714),g=n(94644),p=n(39151),h=n(1666),b=n(63419),y=n(31949),E=n(69883),C=n(60115),x=n(22902),k=n(79612),N=n(99742),w=n(51855),S=n(27638),A=n(44110),L=n(97816),F=n(10741),I=n(22490),O=n(82431),P=n(23232),T=n(83914),D=n(35223),M=n(14070),j=n(97291),B="shared.favouritesEmptyState",V=o.T.encloseNamespace(B);function R(){return a.createElement(u.D.Provider,{value:B},a.createElement(P.u,null,a.createElement(P.u.Image,{src:N.W.EmptyStates.FAVOURITED_VIDEOS,altText:V("info")}),a.createElement("div",{className:"d-flex mb-2"},a.createElement(P.u.Heading,{className:"h3 mb-0"},a.createElement(u.x,{phrase:"emptyStateHeading1"})),a.createElement("div",{className:"box-shadow rounded-circle p-1 bg-white mx-1"},a.createElement(T.x,{svgName:D.vn.HeartOutline,size:T.S.Small})),a.createElement(P.u.Heading,{className:"h3 mb-0"},a.createElement(u.x,{phrase:"emptyStateHeading2"}))),a.createElement(P.u.Info,null,a.createElement(u.x,{phrase:"info"})),a.createElement(P.u.Cta,{text:o.T.getPhrase(B,"cta"),appLink:{application:j.O.DASHBOARD,action:M.e.Dashboard.HOME}})))}function _(){return a.createElement(u.D.Provider,{value:B},a.createElement(P.u,null,a.createElement(P.u.Image,{src:N.W.EmptyStates.FAVOURITED_VIDEOS_PUBLIC,altText:V("publicInfo")}),a.createElement(P.u.Heading,null,a.createElement(u.x,{phrase:"publicHeading"})),a.createElement(P.u.Info,null,a.createElement(u.x,{phrase:"publicInfo"})),a.createElement(P.u.Cta,{text:o.T.getPhrase(B,"publicCta"),appLink:{application:j.O.SIGN_UP,action:M.e.SignUp.SIGN_UP},analyticsData:{},analyticsOptions:{actionType:l.Vw.Click,location:l.LZ.MyFavouritesLanding,entity:l.py.AppLink,workflowPhase:l.eu.Start,descriptor:l.Yu.SignUp}})))}var U=n(26323),H=n(31908),G=n(10671),Z="shared.favourites";const q={banner:"FEWd3"};var W="shared.favourites";function Q(){var e,t,n,P=(0,r.I0)(),T=(0,E.Z)(),M=(0,S.u)(l.LZ.VideoThumbnail),j=M.setFavourite,B=M.canFavourite,V=(0,w.G)().isPlugin,Q=function(){var e=(0,G._)({location:G.i.VideoItem}),t=(0,S.u)(l.LZ.VideoThumbnail).setFavourite;return Object.assign(Object.assign({},e),{getVideoActions:function(n){return H.M.getCanBeConsumed(n).canConsume?e.getVideoActions(n):[{label:o.T.getPhrase(Z,"removeFromFavourites"),svgName:D.vn.Delete,button:!1,className:"btn btn-link text-danger",onClick:function(){return t(n,!1)}}]}})}();(0,k.M)({title:o.T.getPhrase(W,"pageTitle")});var Y=(0,x.T)(),z=Y.hasLocalPermissions,J=Y.hasPermissions,X=i.a.useBasicFetch(y.N.currentUser()),$=i.a.useBasicFetch((null===(e=X.data)||void 0===e?void 0:e.isAuthenticated)&&h.h.yearGroups(X.data.customerId)),K=i.a.useBasicFetch(p.L.config()),ee=function(e){return b.P.getFavourites(X.data.id,e)},te=function(e){return i.a.getFetch(P)(ee(e))},ne=!z(f.E.ViewMyFavouritesLanding)&&X.hasCompleted,ae=(0,C.K)(!!ne&&ee,te,(function(e,t){if(1===e)return(0,g.r)(t);T.error(o.T.getPhrase(W,"error"))})),re=ae.items,oe=ae.hasMore,ie=ae.isFetching;(0,L.V)(re);var le=(0,A.i)(),ce=(0,U.B)(null===(t=X.data)||void 0===t?void 0:t.id),se=ce.count;return ce.isLoading?a.createElement(a.Fragment,null):z(f.E.ViewMyFavouritesLanding)?a.createElement(_,null):a.createElement(v.M.Provider,{value:Q},a.createElement("div",{className:"p-3"},a.createElement(c.p,{heading:o.T.getPhrase(W,"header"),banner:{url:N.W.FAVOURITES_PLAYLIST.FAV_PLAYLIST_BANNER},bannerClassName:"".concat(q.banner," bg-pink"),imageCdnUrl:null===(n=K.data)||void 0===n?void 0:n.imageCdnUrl,detailsComponent:function(){return a.createElement("div",{className:"mb-n1 font-size-normal fw-normal mt-1"},a.createElement(u.x,{namespace:W,phrase:"videos",options:{smartCount:se}}))}}),re?re.length?a.createElement(a.Fragment,null,a.createElement(m.E4,{videos:re,yearGroups:$.data,getVideoAppLink:I.W.getAppLink,hasPermissions:J,getSubTextAppLink:function(e){return O.j.getSeriesAppLink(e.series)},setFavourite:j,canFavourite:B,presentationAudiences:le.data,getPreviewQuestionsAppLink:function(e){return F.j.getPreviewQuestionsAppLink(e)},isPlugin:V,getClassroomGuideAppLink:I.W.getClassroomGuideAppLink,getInteractiveGuidanceAppLink:I.W.getInteractiveGuidanceAppLink,getResourceGuidanceAppLink:I.W.getResourceGuidanceAppLink}),(oe||ie)&&a.createElement(s._,{isFetching:ie,fetchNext:te})):a.createElement(R,null):a.createElement(d.S,null)))}},26323:(e,t,n)=>{n.d(t,{B:()=>l});var a=n(20354),r=n(63419);function o(e){return function(e){if(Array.isArray(e))return i(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 i(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)?i(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 i(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}function l(e){var t,n,i,l,c,s,u,d,m,v=a.a.useBasicFetch(e&&r.P.getFavouritesVideosCount(e)),f=a.a.useBasicFetch(e&&r.P.getFavouritesClipsCount(e)),g=a.a.useBasicFetch(e&&r.P.getFavouritesInteractivesCount(e));return{count:(null===(t=v.data)||void 0===t?void 0:t.count)+(null===(n=g.data)||void 0===n?void 0:n.count)+(null===(i=f.data)||void 0===i?void 0:i.count),favourites:[].concat(o((null===(l=v.data)||void 0===l?void 0:l.data)||[]),o((null===(c=f.data)||void 0===c?void 0:c.data)||[]),o((null===(s=g.data)||void 0===s?void 0:s.data)||[])),isLoading:!(null===(u=v.data)||void 0===u?void 0:u.data)||!(null===(d=f.data)||void 0===d?void 0:d.data)||!(null===(m=g.data)||void 0===m?void 0:m.data)}}}}]);
+//# sourceMappingURL=8354-411c0c4a3a-lite.chunk.js.map