@clickview/lite 0.50.0 → 0.50.1-rc.0

package/dist/scripts/5595-f33ed220ce-lite.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts/5595-f33ed220ce-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/common/src/react/utils/PortalHelper.ts","file:///app/packages/libs/shared/src/apps/calendar/components/coming-soon-tag/coming-soon-tag.scss","file:///app/packages/libs/shared/src/apps/calendar/components/coming-soon-tag/ComingSoonTag.tsx","file:///app/packages/libs/shared/src/apps/calendar/components/generic-calendar-date/generic-calendar-date.scss","file:///app/packages/libs/shared/src/apps/calendar/components/generic-calendar-date/GenericCalendarDate.tsx","file:///app/packages/libs/shared/src/components/actions/Actions.tsx","file:///app/packages/libs/shared/src/components/actions/actions.scss","file:///app/packages/libs/shared/src/components/actions/ActionsDropdown.tsx","file:///app/packages/libs/shared/src/components/back-button/BackButton.tsx","file:///app/packages/libs/shared/src/components/banner-header/banner-header.scss","file:///app/packages/libs/shared/src/components/banner-header/BannerHeader.tsx","file:///app/packages/libs/shared/src/components/caret/Caret.tsx","file:///app/packages/libs/shared/src/components/caret/caret.scss","file:///app/packages/libs/shared/src/components/drag-drop-move/DragDropMoveWrapper.tsx","file:///app/packages/libs/shared/src/components/library-folder/library-folder.scss","file:///app/packages/libs/shared/src/components/library-folder/LibraryFolder.tsx","file:///app/packages/libs/shared/src/components/folder-list/FolderList.tsx","file:///app/packages/libs/shared/src/components/folder-list/partial-loading/partial-folder-list.scss","file:///app/packages/libs/shared/src/components/folder-list/partial-loading/PartialFolderList.tsx","file:///app/packages/libs/shared/src/errors/handlers/HttpErrorHandlers.ts","file:///app/packages/libs/shared/src/hooks/UseHandleObjectError.ts","file:///app/packages/libs/shared/src/hooks/useBuildBreadcrumbs.ts","file:///app/packages/projects/lite/src/apps/libraries/hooks/UseFetchAllChildFolders.ts","file:///app/packages/projects/lite/src/apps/libraries/hooks/UseHandleLibraryType.ts","file:///app/packages/projects/lite/src/apps/libraries/views/library-folder/LibraryFolderViewUtils.ts","file:///app/packages/projects/lite/src/apps/libraries/views/library/LibraryView.tsx"],"sourcesContent":["import React from 'react';\nimport { createPortal } from 'react-dom';\n\nexport const PortalHelper = {\n  renderInPortalIfExists(component: React.ReactElement, portalContainer: Element | null): React.ReactElement {\n    if (portalContainer)\n      return createPortal(component, portalContainer);\n\n    return component;\n  }\n};","// extracted by mini-css-extract-plugin\nexport default {\"tag\":\"XRj8d\",\"tooltip\":\"X6mLk\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport styles from './coming-soon-tag.scss';\n\nconst namespace = 'specialEventCalendar.comingSoonTag';\n\ninterface ComingSoonProps {\n  className?: string;\n  onlyIcon?: boolean;\n}\n\nexport function ComingSoonTag(props: ComingSoonProps): JSX.Element {\n  return (\n    <Tooltip title={LanguageService.getPhrase(namespace, 'tooltip')} spanHackClassName={`d-block ${styles.tooltip}`} spanHack>\n      <div className={`d-flex text-dark align-items-center ${styles.tag} ${props.className}`}>\n        <SvgContainer svgName={cvSvgLibrary.Timer} />\n        {!props.onlyIcon && LanguageService.getPhrase(namespace, 'comingSoon')}\n      </div>\n    </Tooltip>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"dateItem\":\"I3SBm\",\"label\":\"PRORs\",\"body\":\"RfiM_\",\"bodyDay\":\"ZOVny\",\"bodyRange\":\"vYhXN\",\"bodyMonth\":\"mYslO\",\"month\":\"EPkkQ\"};","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { AnalyticsOptions } from 'libs/analytics/interfaces';\n\nimport { CalendarTheme } from 'libs/shared/apps/calendar/interfaces/CalendarTheme';\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\n\nimport styles from './generic-calendar-date.scss';\n\nexport interface GenericCalendarDateProps {\n  label?: string;\n  body: {\n    type: 'month' | 'range' | 'day';\n    text: string;\n  };\n  month?: string;\n  getAppLink?: () => Core.AppLink;\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n  className?: string;\n  theme?: CalendarTheme;\n}\n\nexport function GenericCalendarDate(props: GenericCalendarDateProps): JSX.Element {\n  function getBodyClass(): string {\n    switch (props.body.type) {\n      case 'range':\n        return styles.bodyRange;\n      case 'day':\n        return styles.bodyDay;\n      case 'month':\n        return styles.bodyMonth;\n    }\n  }\n\n  return (\n    <AppLink\n      appLink={props.getAppLink?.()}\n      className={`text-decoration-none text-center bg-white text-dark border border-3 ${props.theme?.border} rounded-3 d-block fw-semibold ${props.className}`}\n      analyticsData={props.analyticsData}\n      analyticsOptions={props.analyticsOptions}\n    >\n      <div className={`position-relative ${styles.dateItem}`}>\n        <div className={`${props.theme?.background} py-1 ${styles.label} d-flex align-items-center justify-content-center`}>\n          {props.label ? props.label : <>&nbsp;</>}\n        </div>\n        <div className={`${getBodyClass()} ${styles.body} my-2`}>\n          {props.body.text}\n        </div>\n        <div className={`mb-0 ${styles.month}`}>\n          {props.month}\n        </div>\n      </div>\n    </AppLink>\n  );\n}","import * as React from 'react';\n\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\nimport { Core } from 'libs/common/core';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { AnalyticsOptions } from 'libs/analytics/interfaces';\n\nimport { IconButton } from 'libs/shared/components/icon-button/IconButton';\nimport { SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { BaseObject } from 'libs/shared/interfaces';\n\nimport { ActionButton } from './ActionButton';\nimport { ActionsDropdown } from './ActionsDropdown';\n\nexport interface ActionOptions {\n  order?: number;\n  label?: string | (() => JSX.Element);\n  appLink?: Core.AppLink;\n  href?: string;\n  onClick?: () => void;\n  svgName?: string;\n  className?: string;\n  button?: boolean; // If true, a button will be rendered. Otherwise the action will be rendered in the dropdown.\n  tooltip?: string;\n  showSpinner?: boolean;\n  showBorder?: boolean; // only works for button without text label\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n  disabled?: boolean;\n  openInNewTab?: boolean; // Only used if appLink or href is provided\n  group?: string;\n  lazyPlaceholder?: boolean;\n}\n\nexport type ActionGenerator = (obj: BaseObject) => ActionOptions[];\n\ninterface ActionsProps {\n  actions: ActionOptions[];\n  className?: string;\n  actionsDropdownClassName?: string;\n  dropdownToggleSvgSize?: SvgContainerSize;\n  sortComponent?: JSX.Element;\n  fetchMore?: () => void;\n}\n\nexport function Actions(props: ActionsProps): JSX.Element {\n  const orderedActions = React.useMemo(() => props.actions.sort((a, b) => a.order - b.order), [props.actions]);\n\n  const buttonActions: ActionOptions[] = [];\n  const moreActions: ActionOptions[] = [];\n\n  orderedActions.forEach(a => {\n    if (a.button)\n      buttonActions.push(a);\n    else\n      moreActions.push(a);\n  });\n\n  let className = 'd-flex';\n\n  if (props.className)\n    className += ` ${props.className}`;\n\n  if (!buttonActions.length && !moreActions.length)\n    return <></>;\n\n  return (\n    <div className={className}>\n      <>\n        <span className='d-flex align-items-center'>\n          {buttonActions.length ? buttonActions.map((a, idx) => (\n            <React.Fragment key={idx}>\n              {(() => {\n                if (a.label) {\n                  const label = FunctionHelper.isFunction(a.label)\n                    ? a.label\n                    : () => <>{a.label}</>;\n\n                  return (\n                    <ActionButton\n                      appLink={a.appLink}\n                      href={a.href}\n                      onClick={a.onClick}\n                      svgName={a.svgName}\n                      className={a.className}\n                      tooltip={a.tooltip}\n                      showSpinner={a.showSpinner}\n                      analyticsData={a.analyticsData}\n                      analyticsOptions={a.analyticsOptions}\n                      openInNewTab={a.openInNewTab}\n                      disabled={a.disabled}\n                    >\n                      {label()}\n                    </ActionButton>\n                  );\n                }\n\n                const iconButton = (\n                  <IconButton\n                    appLink={a.appLink}\n                    href={a.href}\n                    onClick={a.onClick}\n                    svgName={a.svgName}\n                    className={a.className}\n                    analyticsData={a.analyticsData}\n                    analyticsOptions={a.analyticsOptions}\n                    openInNewTab={a.openInNewTab}\n                    disabled={a.disabled}\n                    showBorder={a.showBorder}\n                  />\n                );\n\n                return a.tooltip\n                  ? <Tooltip title={a.tooltip} spanHack>{iconButton}</Tooltip>\n                  : iconButton;\n              })()}\n            </React.Fragment>\n          )) : <></>}\n          {props.sortComponent && props.sortComponent}\n          {moreActions.length ? (\n            <ActionsDropdown\n              actions={moreActions}\n              dropdownToggleClassName={props.actionsDropdownClassName}\n              dropdownToggleSvgSize={props.dropdownToggleSvgSize}\n              fetchMore={props.fetchMore}\n            />\n          ) : <></>}\n        </span>\n      </>\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"dropdownToggle\":\"UCAnJ\"};","import * as React from 'react';\n\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\nimport { Core } from 'libs/common/core';\nimport { RandomHelper } from 'libs/common/react/utils/RandomHelper';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { ActionOptions } from './Actions';\n\nimport styles from './actions.scss';\n\nfunction LazyDropdownItems(): JSX.Element {\n  return (\n    <>\n      <div style={{ padding: '0.53125rem 1rem' }}>\n        <div className='partial-loading-background' style={{ height: '1.0625rem', width: '8rem' }}></div>\n      </div>\n      <div style={{ padding: '0.53125rem 1rem' }}>\n        <div className='partial-loading-background' style={{ height: '1.0625rem', width: '12rem' }}></div>\n      </div>\n      <div style={{ padding: '0.53125rem 1rem' }}>\n        <div className='partial-loading-background' style={{ height: '1.0625rem', width: '11rem' }}></div>\n      </div>\n      <div style={{ padding: '0.53125rem 1rem' }}>\n        <div className='partial-loading-background' style={{ height: '1.0625rem', width: '9rem' }}></div>\n      </div>\n    </>\n  );\n}\n\nfunction getDropdownItemClassName(actionClassName?: string): string {\n  let className = 'dropdown-item';\n\n  if (actionClassName)\n    className += ` ${actionClassName}`;\n\n  return className;\n}\n\nexport type DropdownActionOptions = Omit<ActionOptions, 'button'>;\n\ninterface ActionsDropdownItemProps {\n  action: DropdownActionOptions;\n}\n\nfunction ActionsDropdownItem(props: ActionsDropdownItemProps): React.ReactElement {\n  const label = FunctionHelper.isFunction(props.action.label)\n    ? props.action.label\n    : () => <>{props.action.label}</>;\n\n  if (props.action.appLink)\n    return (\n      <AppLink\n        appLink={props.action.appLink}\n        onClick={props.action.onClick}\n        className={getDropdownItemClassName(props.action.className)}\n        analyticsData={props.action.analyticsData}\n        analyticsOptions={props.action.analyticsOptions}\n        openInNewTab={props.action.openInNewTab}\n        disabled={props.action.disabled}\n      >\n        {props.action.svgName && <SvgContainer svgName={props.action.svgName} className='d-inline-block svg-container me-2 align-middle' />}\n        <span className='align-middle'>{label()}</span>\n      </AppLink>\n    );\n\n  function onClick(e: React.MouseEvent | React.KeyboardEvent): void {\n    e.preventDefault();\n\n    if (props.action.analyticsData && props.action.analyticsOptions)\n      AnalyticsHelper.logUserAction(props.action.analyticsData, props.action.analyticsOptions);\n\n    if (FunctionHelper.isFunction(props.action.onClick))\n      props.action.onClick();\n\n    if (props.action.href)\n      Core.LocationUtils.PageLoad(props.action.href, props.action.openInNewTab);\n  }\n\n  if (props.action.href) {\n    return (\n      <a\n        className={getDropdownItemClassName(props.action.className)}\n        onClick={onClick}\n        href={props.action.href}\n      >\n        {props.action.svgName && <SvgContainer svgName={props.action.svgName} className='d-inline-block svg-container me-2 align-middle' />}\n        <span className='align-middle'>{label()}</span>\n      </a>\n    );\n  }\n\n  return (\n    <span\n      className={`cursor-pointer ${getDropdownItemClassName(props.action.className)}`}\n      onClick={onClick}\n      role='button'\n      tabIndex={0}\n      onKeyDown={(e: React.KeyboardEvent) => e.key === 'Enter' && onClick(e)}\n    >\n      {props.action.svgName && <SvgContainer svgName={props.action.svgName} className='d-inline-block svg-container me-2' />}\n      {label()}\n    </span>\n  );\n}\n\ninterface ActionsDropdownProps {\n  actions: DropdownActionOptions[];\n  className?: string;\n  dropdownToggleClassName?: string;\n  dropdownToggleSvgSize?: SvgContainerSize;\n  fetchMore?: () => void;\n}\n\nActionsDropdown.defaultProps = {\n  dropdownToggleClassName: 'btn btn-light',\n  dropdownToggleSvgSize: SvgContainerSize.Small\n};\n\nexport function ActionsDropdown(props: ActionsDropdownProps): React.ReactElement {\n  if (!props.actions || !props.actions.length)\n    return <></>;\n\n  const isLazy = props.actions.some(a => a.lazyPlaceholder);\n\n  let className = 'dropdown';\n\n  if (props.className)\n    className += ` ${props.className}`;\n\n  // Generate unique id to avoid collisions.\n  const dropdownToggleId = `actions-dropdown-${RandomHelper.getRandomInt()}`;\n\n  let dropdownToggleClassName = `dropdown-toggle px-0 ${styles.dropdownToggle}`;\n\n  if (props.dropdownToggleClassName)\n    dropdownToggleClassName += ` ${props.dropdownToggleClassName}`;\n\n  let currentGroup: string;\n\n  return (\n    <div className={className}>\n      <button\n        className={dropdownToggleClassName}\n        type='button'\n        id={dropdownToggleId}\n        data-bs-toggle='dropdown'\n        data-toggle='dropdown'\n        aria-haspopup='true'\n        aria-expanded='false'\n        onClick={isLazy ? props.fetchMore : null}\n      >\n        <SvgContainer svgName={cvSvgLibrary.More} size={props.dropdownToggleSvgSize} />\n      </button>\n      <div className='dropdown-menu dropdown-menu-end dropdown-menu-right' aria-labelledby={dropdownToggleId}>\n        {isLazy ?\n          <LazyDropdownItems /> :\n          props.actions.map((a, idx) => {\n            const showDivider = currentGroup !== undefined && currentGroup !== a.group;\n            currentGroup = a.group;\n  \n            if (a.tooltip) {\n              return (\n                <React.Fragment key={idx}>\n                  {showDivider && <hr className='dropdown-divider' role='separator'></hr>}\n                  <Tooltip title={a.tooltip} spanHack>\n                    <ActionsDropdownItem action={a} />\n                  </Tooltip>\n                  \n                </React.Fragment>\n              );\n            }\n  \n            return (\n              <React.Fragment key={idx}>\n                {showDivider && <hr className='dropdown-divider' role='separator'></hr>}\n                <ActionsDropdownItem action={a} />\n              </React.Fragment>\n            );\n          })\n        }\n      </div>\n    </div>\n  );\n}","import * as React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nconst namespace = 'shared.backButton';\n\ninterface BackButtonProps {\n  appLink: Core.AppLink;\n  backToName?: string;\n  color?: 'black' | 'white';\n  extraClasses?: string;\n  /**\n   * Whether or not the button text has a text shadow. Defaults to true\n   */\n  textShadow?: boolean;\n}\n\nBackButton.defaultProps = {\n  color: 'black',\n  extraClasses: ''\n};\n\nexport function BackButton(props: BackButtonProps): React.ReactElement {\n  const { backToName, appLink, color, extraClasses, textShadow } = {\n    textShadow: true,\n    ...props\n  };\n\n  const backPhrase = backToName\n    ? LanguageService.getPhrase(namespace, 'backTo', { backToName })\n    : LanguageService.getPhrase(namespace, 'back');\n\n  const colorClass = color === 'black' ? '' : 'text-white';\n  const textShadowClass = textShadow ? 'text-shadow' : '';\n\n  return (\n    <AppLink\n      appLink={appLink}\n      className={`d-inline-flex align-items-center h5 mb-0 ${extraClasses} ${colorClass} ${textShadowClass}`}\n    >\n      <SvgContainer svgName={cvSvgLibrary.ChevronLeft} size={SvgContainerSize.Medium} />\n      <span className='ms-1'>{backPhrase}</span>\n    </AppLink>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"bannerContent\":\"sSCTB\",\"actionsContainer\":\"Z5WI2\",\"bannerContentWithLogo\":\"rgs7Q\",\"container\":\"M51HJ\",\"logoContainer\":\"vkeJk\",\"logoContainerLeft\":\"M3U9B\",\"logoHeading\":\"EtRwC\",\"specialEventContainer\":\"rOxDc\",\"headingLarge\":\"_8pnV\",\"heading\":\"JXVBH\"};","import * as React from 'react';\n\nimport { Core } from 'libs/common/core';\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\nimport { PortalHelper } from 'libs/common/react/utils/PortalHelper';\n\nimport { ComingSoonTag } from 'libs/shared/apps/calendar/components/coming-soon-tag/ComingSoonTag';\nimport { GenericCalendarDate } from 'libs/shared/apps/calendar/components/generic-calendar-date/GenericCalendarDate';\nimport { CalendarTheme } from 'libs/shared/apps/calendar/interfaces/CalendarTheme';\nimport { ActionOptions, Actions } from 'libs/shared/components/actions/Actions';\nimport { BackButton } from 'libs/shared/components/back-button/BackButton';\nimport { LazyImage } from 'libs/shared/components/lazy-image/LazyImage';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { ImageMinDimensions } from 'libs/shared/constants/ImageSizes';\nimport { BannerPortalContext } from 'libs/shared/context/BannerPortalContext';\nimport { ImageSize, ImageType, ResizeType } from 'libs/shared/enums/Images';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\nimport { Banner, CalendarEvent, Logo } from 'libs/shared/interfaces';\nimport { ImageHelper, ImageOptions } from 'libs/shared/utils/ImageHelper';\n\nimport styles from './banner-header.scss';\n\nconst RATIO = `${ImageMinDimensions[ImageType.Banners].width}:${ImageMinDimensions[ImageType.Banners].height}`;\nconst DEFAULT_WIDTH = 1200; // This is ImageSize.Large for a Banner.\nconst LARGE_SCREEN_WIDTH = 1920;\n\nfunction useGetImageWidth(): number {\n  const breakpoints = useBreakpoints();\n\n  if (breakpoints.xxl)\n    return LARGE_SCREEN_WIDTH;\n\n  return DEFAULT_WIDTH;\n}\n\nfunction getSizeClass(heading: string): string {\n  if (heading.length < 160)\n    return 'h1';\n\n  return styles.headingLarge;\n}\n\ninterface BannerHeaderProps {\n  heading: string;\n  banner?: Banner;\n  bannerClassName?: string;\n  imageCdnUrl?: string;\n  logo?: Logo;\n  actions?: ActionOptions[];\n  specialEvent?: CalendarEvent;\n  backButtonAppLink?: Core.AppLink;\n  backButtonText?: string;\n  backButtonClasses?: string;\n  sortComponent?: JSX.Element;\n  blockColourClass?: string;\n  actionsDropdownClassName?: string;\n  detailsComponent?: () => React.ReactElement;\n  imageOptions?: ImageOptions;\n  showComingSoon?: boolean;\n  alignLogoLeft?: boolean;\n  calendarTheme?: CalendarTheme;\n}\n\nconst namespace = 'shared.bannerHeader';\n\nexport const BannerHeader = React.memo(function(props: React.PropsWithChildren<BannerHeaderProps>): React.ReactElement {\n  const { heading, banner, imageCdnUrl, actions, sortComponent, blockColourClass, specialEvent } = props;\n\n  const portalContainerContext = React.useContext(BannerPortalContext);\n\n  const imageWidth = useGetImageWidth();\n\n  const specialEventIsToday = React.useMemo(() => {\n    if (!specialEvent || props.showComingSoon)\n      return false;\n\n    const today = DateHelper.format(new Date(), 'YYYY-MM-DD');\n\n    if (!specialEvent.endDate)\n      return specialEvent.startDate === today;\n\n    return specialEvent.startDate <= today && specialEvent.endDate >= today;\n  }, [specialEvent]);\n\n  const imageOptions = props.imageOptions || {\n    width: imageWidth,\n    ratio: RATIO,\n    resizeType: ResizeType.Cover\n  };\n\n  const url = !!banner && !!imageCdnUrl && ImageHelper.createBannerUrl(banner, {\n    fallbackBaseUrl: imageCdnUrl,\n    fallbackCategoryName: heading,\n    type: ImageType.Banners\n  }, imageOptions);\n\n  const containerProps: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> = {\n    className: `banner banner-header ${props.bannerClassName}`,\n    style: url ? { backgroundImage: `url('${url}')` } : {}\n  };\n\n  if (!banner && blockColourClass) {\n    delete containerProps.style;\n    containerProps.className += ` ${blockColourClass}`;\n  }\n\n  const DetailsComponent = props.detailsComponent;\n\n  return PortalHelper.renderInPortalIfExists(\n    // \"banner\" is used in playlists in Online. banner-header is used by all other projects\n    <header {...containerProps}>\n      <div className={`container ${styles.container} position-relative inner-banner`}>\n        {props.backButtonAppLink && (\n          <div className='pt-3'>\n            <BackButton\n              appLink={props.backButtonAppLink}\n              backToName={props.backButtonText}\n              extraClasses={props.backButtonClasses}\n              color='white'\n            />\n          </div>\n        )}\n        \n        <div className={`${props.alignLogoLeft ? 'position-absolute top-50 start-0 translate-middle-y w-100 ps-4' : `${styles.bannerContent} px-2 ${props.logo?.url ? styles.bannerContentWithLogo : ''}`}`}>\n          {!!specialEvent && (\n            <div className={`position-relative ${styles.specialEventContainer}`}>\n              <GenericCalendarDate\n                body={{\n                  type: specialEvent.endDate ? 'range' : 'day',\n                  text: specialEvent.endDate\n                    ? `${DateHelper.format(specialEvent.startDate, 'DD')}-${DateHelper.format(specialEvent.endDate, 'DD')}`\n                    : DateHelper.format(specialEvent.startDate, 'DD')\n                }}\n                month={DateHelper.format(specialEvent.startDate, 'MMMM')}\n                theme={props.calendarTheme}\n              />\n            </div>\n          )}\n          <div>\n            {specialEventIsToday && (\n              <div className='rounded-pill py-1 px-2 my-1 me-1 fw-semibold bg-light-blue lh-1 d-inline-block'>\n                <Text namespace={namespace} phrase='onToday' />\n              </div>\n            )}\n            {props.showComingSoon && (\n              <ComingSoonTag className='pe-2 fw-semibold mb-1 rounded-pill justify-content-start text-nowrap' />\n            )}\n            <div className='d-flex align-items-center'>\n              {props.alignLogoLeft &&\n                <div className={`${styles.logoContainerLeft} d-none d-md-block partial-loading-background rounded-circle overflow-hidden me-3`}>\n                  {props.logo?.url &&\n                    <LazyImage src={ImageHelper.createUrl(props.logo?.url, { size: ImageSize.Medium })} />}\n                </div>\n              }\n              <h1 className={`text-white text-shadow pe-3 position-static ${styles.heading} ${getSizeClass(heading)} ${props.alignLogoLeft ? 'w-50' : ''}`}>\n                {heading}\n                {DetailsComponent && <DetailsComponent />}\n              </h1>\n            </div>\n          </div>\n          {!!actions && (\n            <div className={styles.actionsContainer}>\n              <Actions\n                actions={actions}\n                sortComponent={sortComponent}\n                actionsDropdownClassName={props.actionsDropdownClassName}\n              />\n            </div>\n          )}\n        </div>\n        {!props.alignLogoLeft && !!props.logo?.url &&\n          <div className={styles.logoContainer}>\n            <img\n              src={ImageHelper.createUrl(props.logo.url, { size: ImageSize.Small })}\n              className='rounded-circle'\n            />\n          </div>\n        }\n      </div>\n    </header>,\n    portalContainerContext?.container\n  );\n}, (prevProps, nextProps): boolean => (\n  prevProps.actions === nextProps.actions\n  && prevProps.heading === nextProps.heading\n  && prevProps.logo?.url === nextProps.logo?.url\n));\n\nexport function PartialBannerHeader(): JSX.Element {\n  const portalContainerContext = React.useContext(BannerPortalContext);\n\n  return PortalHelper.renderInPortalIfExists(\n    <div className={`partial-banner partial-loading-background ${styles.banner}`} />,\n    portalContainerContext?.container\n  );\n}","import React from 'react';\n\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { SvgContainer } from '../svg-container/SvgContainer';\n\nimport styles from './caret.scss';\n\ntype CaretDirection = 'left' | 'right' | 'up' | 'down';\n\n\nconst getDirectionClass = (direction: CaretDirection) => {\n  switch (direction) {\n    case 'up':\n      return styles.up;\n    case 'down':\n      return styles.down;\n    case 'right':\n      return styles.right;\n    case 'left':\n      return styles.left;\n  }\n};\n\ninterface CaretProps {\n  direction?: CaretDirection;\n  className?: string;\n}\n\nCaret.defaultProps = {\n  direction: 'right'\n};\n\nexport function Caret(props: CaretProps): JSX.Element {\n  return (\n    <SvgContainer\n      svgName={cvSvgLibrary.Caret}\n      className={`${getDirectionClass(props.direction)} svg-container d-inline-block ${props.className}`}\n    />\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"up\":\"JAT0R\",\"down\":\"ld41u\",\"left\":\"jZTRR\",\"right\":\"HHkPe\"};","import React from 'react';\nimport { useDraggable, UseDraggableArguments, useDroppable, UseDroppableArguments } from '@dnd-kit/core';\n\ninterface DragDropMoveWrapperProps extends React.PropsWithChildren {\n  droppable?: UseDroppableArguments,\n  draggable?: UseDraggableArguments\n  dragStyle?: string;\n  dropStye?: string;\n  setIsDragging?: React.Dispatch<React.SetStateAction<boolean>>\n  isDragging?: boolean;\n}\n\nexport function DragDropMoveWrapper(props: DragDropMoveWrapperProps) {\n  const {\n    active: dragActive,\n    isDragging,\n    attributes,\n    listeners,\n    setNodeRef: draggableRef\n  } = useDraggable({ ...props.draggable, disabled: !props.draggable });\n  const {\n    isOver,\n    over,\n    active: dropActive,\n    setNodeRef: droppableRef\n  } = useDroppable({ ...props.droppable, disabled: !props.droppable });\n\n  React.useEffect(() => {\n    const data = props.draggable?.data;\n    if (Array.isArray(data) && data?.includes(dragActive?.id.toString())) {\n      props.setIsDragging?.(isDragging);\n    } else {\n      props.setIsDragging?.(false);\n    }\n  }, [isDragging]);\n\n  function isSelected() {\n    const data = props.draggable?.data;\n    return Array.isArray(data) && data.includes(props.draggable.id.toString());\n  }\n\n  return (\n    <div\n      ref={draggableRef}\n      {...listeners}\n      {...attributes}\n      className={`${props.draggable ? 'cursor-grab' : 'cursor-default'} ${(isDragging && dragActive) || (props.isDragging && isSelected()) ? props.dragStyle : null}`}\n    >\n      <div\n        ref={droppableRef}\n        className={(dropActive && isOver && dragActive?.id !== over?.id) ? props.dropStye : null}\n      >\n        {props.children}\n      </div>\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"actions\":\"cN3nB\",\"actionsContainer\":\"xM37V\",\"dropStyle\":\"kvCLS\",\"dragStyle\":\"md9Na\"};","import React from 'react';\n\nimport { UrlHelper } from 'libs/common/backbone/utils/UrlHelper';\nimport { Core } from 'libs/common/core';\n\nimport { ActionOptions, Actions } from 'libs/shared/components/actions/Actions';\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { DragDropMoveWrapper } from 'libs/shared/components/drag-drop-move/DragDropMoveWrapper';\nimport { BaseImage } from 'libs/shared/components/image/BaseImage';\nimport { ImageFallback, ImageFallbackType } from 'libs/shared/components/image/ImageFallback';\nimport { ImageSize, ImageType } from 'libs/shared/enums/Images';\nimport { Folder } from 'libs/shared/interfaces';\n\nimport styles from './library-folder.scss';\n\ninterface LibraryFolderProps {\n  folder: Folder;\n  drag?: boolean;\n  drop?: boolean;\n  getAppLink: (f: Folder) => Core.AppLink;\n  getFolderActions?: (f: Folder) => ActionOptions[];\n}\n\nexport function LibraryFolder(props: LibraryFolderProps): JSX.Element {\n  const thumbnailUrl = props.folder.thumbnail\n    ? UrlHelper.urlBuilder(props.folder.thumbnail.url, { size: ImageSize.Small })\n    : null;\n\n  const actions = props.getFolderActions?.(props.folder);\n\n  return (\n    <DragDropMoveWrapper\n      draggable={props.drag && { id: props.folder.id, data: props.folder }}\n      droppable={props.drop && { id: props.folder.id, data: props.folder }}\n      dropStye={styles.dropStyle}\n      dragStyle={styles.dragStyle}\n    >\n      <div className='position-relative'>\n        <AppLink\n          className='rounded-3 d-block text-decoration-none'\n          appLink={props.getAppLink(props.folder)}\n          title={props.folder.name}\n        >\n          <BaseImage\n            data={thumbnailUrl}\n            imageType={ImageType.Thumbnails}\n            imageClassName='rounded-top-lg'\n          >\n            <ImageFallback\n              name={props.folder.name}\n              type={ImageFallbackType.Folder}\n              extraClasses='rounded-top-lg'\n            />\n          </BaseImage>\n          <h3 className='bg-white border-start border-end border-bottom rounded-bottom-lg font-size-normal fw-semibold mb-0 p-2'>\n            <span className='text-truncate d-block'>{props.folder.name}</span>\n          </h3>\n        </AppLink>\n        {actions?.length &&\n          <Actions\n            actions={actions}\n            className={styles.actionsContainer}\n            actionsDropdownClassName={styles.actions}\n            // Intentionally setting to the default SVG size\n            dropdownToggleSvgSize={null}\n          />\n        }\n      </div>\n    </DragDropMoveWrapper>\n  );\n}","import React from 'react';\n\nimport { LocalStorageHelper } from 'libs/common/backbone/utils/LocalStorageHelper';\nimport { Core } from 'libs/common/core';\n\nimport { ActionOptions } from 'libs/shared/components/actions/Actions';\nimport { Caret } from 'libs/shared/components/caret/Caret';\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\nimport { LibraryFolder } from 'libs/shared/components/library-folder/LibraryFolder';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\nimport { Folder } from 'libs/shared/interfaces';\n\nconst namespace = 'libraries.folderList';\n\nconst EXPANDED_FOLDERS_KEY = 'has:expanded:library:folders';\n\nfunction useGetFolderLimit(): number {\n  const breakpoints = useBreakpoints();\n\n  if (breakpoints.xxl || breakpoints.xl || breakpoints.lg)\n    return 6;\n\n  if (breakpoints.md)\n    return 4;\n\n  return 3;\n}\n\ninterface FolderListProps {\n  folders: Folder[];\n  getAppLink: (folder: Folder) => Core.AppLink;\n  expandFolders?: boolean;\n  showHeading?: boolean;\n  getFolderActions?: (f: Folder) => ActionOptions[];\n  drag?: boolean;\n  drop?: boolean;\n  extraButtons?: JSX.Element;\n}\n\nFolderList.defaultProps = {\n  showHeading: true\n};\n\nexport function FolderList(props: FolderListProps): JSX.Element {\n  const [ _hasExpandedFolders, setHasExpandedFolders ] = React.useState(\n    LocalStorageHelper.get(EXPANDED_FOLDERS_KEY) || false\n  );\n\n  const hasExpandedFolders = props.expandFolders || _hasExpandedFolders;\n\n  const folderLimit = useGetFolderLimit();\n\n  function onToggleFolderView(): void {\n    setHasExpandedFolders(!hasExpandedFolders);\n    LocalStorageHelper.set(EXPANDED_FOLDERS_KEY, !hasExpandedFolders);\n  }\n\n  const displayableFolders = hasExpandedFolders ? props.folders : props.folders.slice(0, folderLimit);\n\n  const canToggleCollapsedView = props.folders.length > folderLimit && !props.expandFolders;\n\n  return (\n    <>\n      <div className='d-flex justify-content-between align-items-center'>\n        {props.showHeading &&\n          <DivButton\n            className={`d-inline-flex align-items-center mb-2 px-2 ${!canToggleCollapsedView ? 'cursor-default' : ''}`}\n            onClick={onToggleFolderView}\n          >\n            {canToggleCollapsedView && (\n              <Caret direction={hasExpandedFolders ? 'down' : 'right'} />\n            )}\n            <h2 className='h4 mb-0'>\n              <Text namespace={namespace} phrase='folders' options={{ count: props.folders.length }} />\n            </h2>\n          </DivButton>\n        }\n\n        {!!(!hasExpandedFolders && canToggleCollapsedView) && (\n          <div className='d-flex justify-content-end justify-self-end px-2'>\n            <DivButton onClick={onToggleFolderView} className='text-dark hover-text-underline d-inline-block'>\n              <Text namespace={namespace} phrase='seeAll' options={{ count: props.folders.length }} />\n            </DivButton>\n          </div>\n        )}\n        {!!(hasExpandedFolders && canToggleCollapsedView) && (\n          <div className='d-flex justify-content-end justify-self-end px-2'>\n            <DivButton onClick={onToggleFolderView} className='text-dark hover-text-underline d-inline-block'>\n              <Text namespace={namespace} phrase='seeLess' />\n            </DivButton>\n          </div>\n        )}\n\n        {props.extraButtons ? props.extraButtons : <></>}\n      </div>\n\n      <div className='row mx-1'>\n        {displayableFolders.map(f => (\n          <div key={f.id} className='col-4 col-md-3 col-lg-2 px-1 pb-3'>\n            <LibraryFolder\n              folder={f}\n              getAppLink={props.getAppLink}\n              getFolderActions={props.getFolderActions}\n              drag={props.drag}\n              drop={props.drop}\n            />\n          </div>\n        ))}\n      </div>\n    </>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"partialFolderHeading\":\"dhbsL\",\"partialFolderThumbnail\":\"CI9vk\",\"partialFolderName\":\"l0Nll\"};","import React from 'react';\n\nimport styles from './partial-folder-list.scss';\n\nconst PartialFolder = () => (\n  <div className='col-4 col-md-3 col-lg-2 px-1 pb-3'>\n    <div className={`${styles.partialFolderThumbnail} partial-loading-background rounded-top-lg`} />\n    <div className={`${styles.partialFolderName} partial-loading-background border-bottom rounded-bottom-lg font-size-normal mb-0 p-2`}>\n      &nbsp;\n    </div>\n  </div>\n);\n\nexport function PartialFolderList({ count = 3 }: { count?: number; }): JSX.Element {\n  return (\n    <>\n      <div className={`${styles.partialFolderHeading} h4 mb-2 partial-loading-background`}>&nbsp;</div>\n      <div className='row mx-n1'>\n        {Array(count).fill(null).map((_, i) => <PartialFolder key={i} />)}\n      </div>\n    </>\n  );\n}","import { BaseError } from 'libs/common/backbone/core/BaseError';\nimport { HttpStatus } from 'libs/common/backbone/enums/HttpStatus';\nimport { Xhr } from 'libs/common/backbone/interfaces';\nimport { Core } from 'libs/common/core';\n\nimport { NotFoundError } from 'libs/shared/errors/general/not-found/NotFoundError';\nimport { PrivateResourceError } from 'libs/shared/errors/general/private-resource/PrivateResourceError';\nimport { RegionLockedResourceError } from 'libs/shared/errors/general/region-locked-resource/RegionLockedResourceError';\nimport { UnspecifiedError } from 'libs/shared/errors/general/unspecified-error/UnspecifiedError';\nimport { VideoTypes } from 'libs/shared/interfaces';\n\nexport interface HttpErrorMap {\n  notFound?: new () => BaseError;\n  forbidden?: {\n    rating?: new (description: string) => BaseError;\n    yearLevel?: new (description: string) => BaseError;\n    region?: new () => BaseError;\n    privacy?: new (video?: VideoTypes) => BaseError;\n  };\n  badRequest?: new () => BaseError;\n}\n\nexport type IgnoreHttpErrorMap = {\n  [key in keyof HttpErrorMap]: boolean;\n};\n\nconst defaultErrors: HttpErrorMap = {\n  notFound: NotFoundError,\n  forbidden: {\n    rating: PrivateResourceError,\n    yearLevel: PrivateResourceError,\n    region: RegionLockedResourceError,\n    privacy: PrivateResourceError\n  },\n  badRequest: UnspecifiedError\n};\n\nexport function handleHttpError(\n  info: HttpStatus | Xhr,\n  customErrorMap: HttpErrorMap = {},\n  /**\n   * Prevent certain errors in the errorMap from being thrown\n   * so that you may implement your own handler\n   */\n  ignoreMap: IgnoreHttpErrorMap = {}\n): void {\n  if (!info)\n    return;\n\n  let statusCode: HttpStatus;\n\n  if (typeof(info) === 'number') {\n    statusCode = info;\n  } else {\n    statusCode = info.status;\n  }\n\n  const errorMap = {\n    ...defaultErrors,\n    ...customErrorMap\n  };\n\n  if (!statusCode)\n    return;\n\n  if (!Core.ErrorHelper.isStatusCodeError(statusCode))\n    return;\n\n  if (statusCode === HttpStatus.NotFound) {\n    if (!ignoreMap.notFound)\n      Core.ErrorHelper.throw(new errorMap.notFound());\n    return;\n  }\n\n  if (statusCode === HttpStatus.Forbidden) {\n  /**\n   * TODO: Work out how to go about handling all forbidden errors, such as region locking, year levels,\n   * ratings, and privacy.\n   */\n    if (!ignoreMap.forbidden)\n      Core.ErrorHelper.throw(new errorMap.forbidden.privacy());\n    return;\n  }\n\n  if (!ignoreMap.badRequest)\n    Core.ErrorHelper.throw(new errorMap.badRequest());\n}\n\nexport function handleXhrError(xhr: Xhr, customErrorMap?: HttpErrorMap): void {\n  handleHttpError(xhr.status, customErrorMap);\n}","import { useEffect } from 'react';\n\nimport { Flight } from 'libs/common/flight';\n\nimport { handleHttpError, HttpErrorMap, IgnoreHttpErrorMap } from 'libs/shared/errors/handlers/HttpErrorHandlers';\n\nfunction generateCacheKey(flightObjs: Array<Flight.Response<any>>): string {\n  return flightObjs.map(obj => obj.statusCode).join(':');\n}\n\n// TODO: Change this to just `useHandleHttpError` and only accept a status code.\nexport function useHandleObjectError(\n  _flightObjs: Flight.Response<any> | Array<Flight.Response<any>>,\n  customErrors?: HttpErrorMap,\n  ignoreErrors?: IgnoreHttpErrorMap\n): void {\n  const flightObjs = Array.isArray(_flightObjs) ? _flightObjs : [_flightObjs];\n\n  useEffect(() => {\n    flightObjs.forEach(obj => {\n      handleHttpError(obj.statusCode, customErrors, ignoreErrors);\n    });\n  }, [ generateCacheKey(flightObjs), customErrors, ignoreErrors ]);\n}","import { Core } from 'libs/common/core';\nimport { Flight } from 'libs/common/flight';\n\nimport { Breadcrumb } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { LibraryRequests } from 'libs/shared/flight-requests/LibraryRequests';\nimport { Folder, MasterNestedObject } from 'libs/shared/interfaces';\n\ninterface BuildOptions {\n  folderId: string;\n  firstItem?: Breadcrumb;\n  lastItem?: Breadcrumb;\n  getAppLink: (folder: MasterNestedObject<Folder>) => Core.AppLink;\n}\n\nexport function useBuildBreadcrumbs(options: BuildOptions): Breadcrumb[] {\n  const { folderId, firstItem, lastItem, getAppLink } = options;\n\n  const parentTree = Flight.useBasicFetch<MasterNestedObject<Folder>>(LibraryRequests.folderParentTree(folderId));\n\n  if (!parentTree.data?.children?.length)\n    return [];\n\n  const searchStack: {\n    node: MasterNestedObject<Folder>,\n    path: MasterNestedObject<Folder>[]\n  }[] = parentTree.data.children.map(c => ({ node: c, path: [c]}));\n\n  let breadcrumbs: Breadcrumb[] = [];\n\n  while (searchStack.length) {\n    const { node, path } = searchStack.pop();\n    \n    if (node.data.id.toString() === folderId.toString())\n      breadcrumbs = path.map(object => ({\n        name: object.data.name,\n        appLink: getAppLink(object)\n      }));\n\n    if (node.children)\n      searchStack.push(...node.children.map(c => ({ node: c, path: [ ...path, c ]})));\n  }\n\n  if (firstItem) breadcrumbs.unshift(firstItem);\n  if (lastItem) breadcrumbs.push(lastItem);\n\n  breadcrumbs[breadcrumbs.length - 1].active = true;\n\n  return breadcrumbs;\n}\n  ","import { Flight } from 'libs/common/flight';\n\nimport { LibraryRequests } from 'libs/shared/flight-requests/LibraryRequests';\nimport { useFetchAll } from 'libs/shared/hooks/UseFetchAll';\nimport { SelectAllPagesResult, useSelectAllPages } from 'libs/shared/hooks/UseSelectAllPages';\nimport { Folder } from 'libs/shared/interfaces';\n\nexport function useFetchAllChildFolders(parentId?: string): SelectAllPagesResult<Folder> {\n  const fetch = Flight.useGetFetch();\n\n  function getRequest(cursor?: string): Flight.Request {\n    return LibraryRequests.childFolders(parentId, cursor);\n  }\n  \n  function fetchNext(cursor?: string): void {\n    fetch(getRequest(cursor));\n  }\n\n  useFetchAll(!!parentId && getRequest, !!parentId && fetchNext);\n\n  return (useSelectAllPages<Folder>(!!parentId && ((cursor?: string) => getRequest(cursor).key)));\n}","import React from 'react';\n\nimport { Core } from 'libs/common/core';\nimport { Flight } from 'libs/common/flight';\n\nimport { MasterObjectTypes } from 'libs/shared/enums/MasterObjectTypes';\nimport { NotFoundError } from 'libs/shared/errors/general/not-found/NotFoundError';\nimport { Library } from 'libs/shared/interfaces';\n\n/**\n * This hook prevents the libraries UI to be used for anything \n * other than customer libraries i.e Hosted, Exchange, Workspace etc\n */\nexport function useHandleLibraryType(request: Flight.Response<Library>): void {\n  React.useEffect(() => {\n    if (!request.hasCompleted || request.hasError)\n      return;\n\n    if (request.data.type !== MasterObjectTypes.CustomLibrary)\n      Core.ErrorHelper.throw(new NotFoundError());\n  }, [request.hasCompleted]);\n}","import { Core } from 'libs/common/core';\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\n\nimport { Breadcrumb } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { BG_COLOUR_CLASS_NAMES } from 'libs/shared/constants/ColourClassNames';\nimport { VideoSortType } from 'libs/shared/enums/VideoSortType';\nimport { useBuildBreadcrumbs } from 'libs/shared/hooks/useBuildBreadcrumbs';\nimport { Folder, Library } from 'libs/shared/interfaces';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nexport function getFolderAppLink(libraryId: string, folder: Folder, sort: string): Core.AppLink {\n  if (!libraryId || !folder)\n    return null;\n\n  return {\n    application: AppChannels.LIBRARIES,\n    action: Actions.Libraries.FOLDER,\n    args: [ libraryId, folder.id, TextHelper.slugify(folder.name) ],\n    params: {\n      sort\n    }\n  };\n}\n\nexport function getFolderBgColourClass(folder: Folder | Library): string {\n  let charCode = 0;\n\n  for (let i = 0; i < folder.name?.length ?? 0; i++) {\n    charCode += folder.name.charCodeAt(i);\n  }\n\n  return BG_COLOUR_CLASS_NAMES[charCode % BG_COLOUR_CLASS_NAMES.length];\n}\n\nexport function useGetFolderBreadcrumbs(folderId: string, library: Library, sort: VideoSortType): Breadcrumb[] {\n  return useBuildBreadcrumbs({\n    folderId: library && folderId,\n    getAppLink: object => getFolderAppLink(library.id, object.data, sort),\n    firstItem: {\n      name: library?.name,\n      appLink: {\n        application: AppChannels.LIBRARIES,\n        action: Actions.Libraries.LIBRARY,\n        args: [ library?.id, TextHelper.slugify(library?.name) ]\n      }\n    }\n  });\n}","import React from 'react';\n\nimport { Flight } from 'libs/common/flight';\n\nimport { EntityType, LocationContext, SearchSourceDescriptor, UserAction } from 'libs/analytics/interfaces';\n\nimport { SourceFilterOptions } from 'libs/shared/apps/search/interfaces';\nimport { BannerHeader, PartialBannerHeader } from 'libs/shared/components/banner-header/BannerHeader';\nimport { FolderList } from 'libs/shared/components/folder-list/FolderList';\nimport { PartialFolderList } from 'libs/shared/components/folder-list/partial-loading/PartialFolderList';\nimport { IconButton } from 'libs/shared/components/icon-button/IconButton';\nimport { useFocusSearchBar } from 'libs/shared/components/search-bar/SearchUtils';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { VideoSortType } from 'libs/shared/enums/VideoSortType';\nimport { LibraryRequests } from 'libs/shared/flight-requests/LibraryRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useHandleObjectError } from 'libs/shared/hooks/UseHandleObjectError';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { CurrentUser, Folder, Library } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\nimport { VideoSortHelper } from 'libs/shared/utils/VideoSortHelper';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nimport { useFetchAllChildFolders } from 'apps/libraries/hooks/UseFetchAllChildFolders';\nimport { useHandleLibraryType } from 'apps/libraries/hooks/UseHandleLibraryType';\nimport { getFolderAppLink, getFolderBgColourClass } from 'apps/libraries/views/library-folder/LibraryFolderViewUtils';\n\nconst namespace = 'libraries.library';\n\ninterface LibraryViewProps {\n  id: string;\n  sort?: VideoSortType;\n}\n\nexport function LibraryView(props: LibraryViewProps): JSX.Element {\n  const { focusSearchBar } = useFocusSearchBar();\n\n  const libraries = Flight.useBasicFetch<Library[]>(LibraryRequests.domainLibraries([ 'customLibrary', 'sharedLibrary' ]));\n  const library = Flight.useBasicFetch<Library>(LibraryRequests.library(props.id));\n  const libraryFolders = useFetchAllChildFolders(library.data?.categoryTree?.id);\n  const user = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n\n  const sort = !!user.data && VideoSortHelper.getOrSetSortType(user.data.id, props.sort);\n\n  useSetPageMetadata({ title: library.data?.name });\n  useHandleObjectError(library);\n  useHandleLibraryType(library);\n\n  return (\n    <>\n      {library.data\n        ? (\n          <BannerHeader\n            heading={library.data.name}\n            blockColourClass={getFolderBgColourClass(library.data)}\n            logo={library.data.owner?.logo}\n          />\n        ) : <PartialBannerHeader />\n      }\n\n      {(() => {\n        if (!libraryFolders?.items)\n          return <div className='mt-3 px-3'><PartialFolderList count={10} /></div>;\n\n        if (!libraryFolders.items.length)\n          return <></>;\n\n        return (\n          <div className='mt-3 px-2'>\n            <FolderList\n              folders={libraryFolders.items}\n              getAppLink={(f: Folder) => getFolderAppLink(props.id, f, sort)}\n              expandFolders\n              extraButtons={\n                <IconButton\n                  svgName={cvSvgLibrary.Search}\n                  appLink={{\n                    application: AppChannels.SEARCH,\n                    action: Actions.Search.HOME,\n                    params: {\n                      source: SourceFilterOptions.School\n                    }\n                  }}\n                  className='btn btn-outline-dark mb-3 me-2 d-none d-sm-inline-block'\n                  onClick={focusSearchBar}\n                  analyticsData={{}}\n                  analyticsOptions={{\n                    entity: EntityType.SearchResults,\n                    location: LocationContext.Libraries,\n                    actionType: UserAction.Click,\n                    descriptor: SearchSourceDescriptor.School\n                  }}\n                >\n                  <Text namespace={namespace} phrase='searchLibrary' options={{ smartCount: libraries.data?.length ?? 1 }} />\n                </IconButton>\n              }\n            />\n          </div>\n        );\n      })()}\n    </>\n  );\n}\n"],"names":["PortalHelper","renderInPortalIfExists","component","portalContainer","createPortal","namespace","ComingSoonTag","props","Tooltip","title","LanguageService","spanHackClassName","spanHack","className","SvgContainer","svgName","onlyIcon","GenericCalendarDate","AppLink","appLink","getAppLink","theme","border","analyticsData","analyticsOptions","background","label","body","type","getBodyClass","text","month","Actions","orderedActions","actions","sort","a","b","order","buttonActions","moreActions","forEach","button","push","length","map","idx","key","href","onClick","tooltip","showSpinner","openInNewTab","disabled","iconButton","showBorder","sortComponent","dropdownToggleClassName","actionsDropdownClassName","dropdownToggleSvgSize","fetchMore","LazyDropdownItems","style","padding","height","width","getDropdownItemClassName","actionClassName","ActionsDropdownItem","FunctionHelper","action","e","preventDefault","AnalyticsHelper","role","tabIndex","onKeyDown","ActionsDropdown","isLazy","some","lazyPlaceholder","currentGroup","dropdownToggleId","RandomHelper","id","size","showDivider","undefined","group","defaultProps","S","BackButton","textShadow","backToName","color","extraClasses","backPhrase","colorClass","textShadowClass","RATIO","getSizeClass","heading","BannerHeader","banner","imageCdnUrl","blockColourClass","specialEvent","portalContainerContext","BannerPortalContext","imageWidth","useBreakpoints","xxl","specialEventIsToday","showComingSoon","today","DateHelper","Date","endDate","startDate","imageOptions","ratio","resizeType","url","ImageHelper","fallbackBaseUrl","fallbackCategoryName","containerProps","bannerClassName","backgroundImage","DetailsComponent","detailsComponent","backButtonAppLink","backButtonText","backButtonClasses","alignLogoLeft","logo","calendarTheme","Text","phrase","LazyImage","src","container","prevProps","nextProps","PartialBannerHeader","getDirectionClass","direction","Caret","DragDropMoveWrapper","data","draggable","dragActive","active","isDragging","attributes","listeners","draggableRef","setNodeRef","droppable","isOver","over","dropActive","droppableRef","Array","isArray","includes","toString","setIsDragging","ref","dragStyle","dropStye","children","LibraryFolder","thumbnailUrl","folder","thumbnail","UrlHelper","getFolderActions","drag","drop","name","BaseImage","imageType","imageClassName","ImageFallback","EXPANDED_FOLDERS_KEY","FolderList","breakpoints","LocalStorageHelper","_hasExpandedFolders","setHasExpandedFolders","hasExpandedFolders","expandFolders","folderLimit","xl","lg","md","onToggleFolderView","displayableFolders","folders","slice","canToggleCollapsedView","showHeading","DivButton","options","count","extraButtons","f","PartialFolder","PartialFolderList","fill","_","i","defaultErrors","notFound","forbidden","rating","yearLevel","region","privacy","badRequest","handleHttpError","info","customErrorMap","ignoreMap","statusCode","status","errorMap","generateCacheKey","flightObjs","obj","join","useHandleObjectError","_flightObjs","customErrors","ignoreErrors","useEffect","useBuildBreadcrumbs","folderId","firstItem","lastItem","parentTree","searchStack","c","node","path","breadcrumbs","pop","object","unshift","useFetchAllChildFolders","parentId","fetch","getRequest","cursor","useHandleLibraryType","request","hasCompleted","hasError","getFolderAppLink","libraryId","application","args","params","getFolderBgColourClass","charCode","charCodeAt","useGetFolderBreadcrumbs","library","LibraryView","focusSearchBar","libraries","libraryFolders","categoryTree","user","owner","items","source","entity","location","actionType","descriptor","smartCount"],"sourceRoot":""}

package/dist/scripts/{5936-4cac311002-lite.chunk.js → 5936-1d99b03e7b-lite.chunk.js}

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[5936],{71020:(e,t,n)=>{n.d(t,{_:()=>u});var r=n(32735),a=n(80247),i=n(34152),l=n(83914),c=n(35223);const o={container:"VwD1b",spinner:"eJ85e"};function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function u(e){var t,n,u=(t=(0,i.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 r,a,i,l,c=[],o=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(r=i.call(n)).done)&&(c.push(r.value),c.length!==t);o=!0);}catch(e){s=!0,a=e}finally{try{if(!o&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw a}}return c}}(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 r.useEffect((function(){var t;e.fetchOnScroll&&m&&!e.isFetching&&(null===(t=e.fetchNext)||void 0===t||t.call(e,e.nextCursor))}),[m,e.isFetching]),r.createElement("div",{className:"p-3 text-center ".concat(o.container),ref:d},e.isFetching?r.createElement(a.Z,{as:"span",animation:"border",role:"status",className:o.spinner}):r.createElement(l.x,{svgName:c.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}},17997:(e,t,n)=>{n.d(t,{H:()=>s});var r=n(32735),a=n(36848),i=n(83345),l=n(22843),c=n(89118),o=n(68626),s=r.memo((function(e){var t,n,s=e.data,u=e.thumbnailSize,d=e.preloadImage,m=Object.assign(Object.assign({},e.questionsAppLink),{args:[e.data.id]}),v=null===(n=null===(t=s._timepoints)||void 0===t?void 0:t.value)||void 0===n?void 0:n.length;return r.createElement("div",{className:"flex-shrink-0 px-1 col-6 col-sm-4"},r.createElement(c.u,{type:"static",textPosition:o.z.Independent,video:s,appLink:e.getAppLink(s),imageOptions:{size:u},preload:d,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,setFavourite:e.setFavourite,canFavourite:e.canFavourite,hideDuration:!1,imageCdnUrl:e.imageCdnUrl,isPlugin:e.isPlugin}),r.createElement("div",{className:"mt-2"},r.createElement(l.h,Object.assign({},e,{video:s,appLink:e.getAppLink(s)}))),r.createElement("div",{className:"mt-1"},r.createElement(a.F,{appLink:m,className:"cursor-pointer"},r.createElement(i.x,{namespace:"shared.interactiveWidgetItemV2",phrase:"previewQuestions",options:{count:v,smartCount:v}}))))}))},74696:(e,t,n)=>{n.d(t,{S:()=>s});var r=n(32735),a=n(68050),i=n(69111),l=n(9977),c=n(79967);const o={partialOptions:"Gufgq",partialName:"SicQQ",partialDescription:"dPGMq",partialThumbnail:"vZrnb",partialDragHandle:"iq73R"};function s(e){return r.createElement("div",{className:"mx-2"},Array(e.numVideos).fill(null).map((function(t,n){return r.createElement("div",{className:"d-flex",key:n},e.allowBulkActions&&r.createElement("div",{className:"form-check pe-3 pe-sm-2 mx-0 mx-md-2"}),r.createElement(u,Object.assign({},e)))})))}function u(e){var t=(0,c.k)(),n="sm"===l.O.getSize(t,"md"),s=e.withReordering&&!t.xs;return r.createElement(a.Z,{className:"".concat(n?"":"py-2"," flex-grow-1")},r.createElement(i.Z,Object.assign({},l.O.getThumbnailColumns(),{className:"flex-column align-items-flex-start ".concat(n?"pb-2 pe-1":"mb-1 pe-3 pe-md-2")}),r.createElement(a.Z,null,!!s&&r.createElement("div",{className:"d-flex align-items-center justify-content-center col-2"},r.createElement("div",{className:"partial-loading-background ".concat(o.partialDragHandle)})),r.createElement(i.Z,{xs:l.O.getThumbnailColSize(s)},r.createElement("div",{className:"partial-loading-background ".concat(n?"rounded":"rounded-3"," ").concat(o.partialThumbnail)})))),r.createElement(i.Z,Object.assign({},l.O.getDetailsColumns(),{className:n?"pb-2":"px-2"}),r.createElement("div",{className:"partial-loading-background mb-1 ".concat(o.partialName)}),r.createElement("div",{className:"partial-loading-background ".concat(o.partialDescription)})))}s.defaultProps={numVideos:15}},3133:(e,t,n)=>{n.d(t,{R:()=>s});var r=n(32735),a=n(20789),i=n(86794),l=n(2786),c=n(64818);const o={avatarContainer:"kd18L",cvIcon:"smUBc"};function s(e){var t;if(!e.owner&&!e.isClickViewCurated)return r.createElement(r.Fragment,null);if(e.isClickViewCurated)return r.createElement("div",{className:"clamp-1 d-flex align-items-center"},r.createElement("div",{className:"".concat(o.avatarContainer," me-1 border rounded-circle position-relative")},r.createElement(i.b,{className:"me-1 ".concat(o.cvIcon)},r.createElement(l.Sd,null))),"ClickView");var n=c.l.getCommunityName(e.owner);return n?r.createElement("div",{className:"d-flex align-items-center"},r.createElement("div",{className:"".concat(o.avatarContainer," me-1")},r.createElement(a.q,{imageCdnUrl:e.imageCdnUrl,initials:c.l.getInitials(e.owner.name,e.owner.surname),imageUrl:null===(t=e.owner.avatar)||void 0===t?void 0:t.url})),r.createElement("div",{className:"clamp-1"},n)):r.createElement(r.Fragment,null)}},47862:(e,t,n)=>{n.d(t,{K:()=>d});var r=n(32735),a=n(65858),i=n(36848),l=n(83345),c=n(89118),o=n(3133),s=n(54610),u=n(68626);var d=r.memo((function(e){var t,n=Object.assign(Object.assign({},e.questionsAppLink),{args:[e.data.id]});return r.createElement("div",{className:"flex-shrink-0 px-1 ".concat("rXatl")},r.createElement("div",{className:"row m-0 border rounded p-2 h-100"},r.createElement("div",{className:"col-6 p-0"},r.createElement(c.u,{video:e.data,appLink:e.getAppLink(e.data),type:"cosmetic",imageOptions:{size:s.h2.Small},textPosition:u.z.Independent,preload:!0,analyticsOptions:{location:a.LZ.SlidingListItem}})),r.createElement("div",{className:"col-6 p-0"},r.createElement("div",{className:"ps-2"},r.createElement(i.F,{appLink:e.getAppLink(e.data)},r.createElement("h3",{className:"h6 mb-1"},r.createElement("span",{className:"clamp-2"},e.data.name))),r.createElement(o.R,{owner:e.data.owner,isClickViewCurated:null===(t=e.data._isClickViewCurated)||void 0===t?void 0:t.value,imageCdnUrl:e.imageCdnUrl}),r.createElement(i.F,{className:"info-link",appLink:n},r.createElement(l.x,{namespace:"shared.interactiveWidgetItem",phrase:"previewQuestions"}))))))}))},94644:(e,t,n)=>{n.d(t,{r:()=>u});var r=n(50242),a=n(81886),i=n(67058),l=n(14553),c=n(49267),o=n(49075),s={notFound:i.d,forbidden:{rating:l.q,yearLevel:l.q,region:c.a,privacy:l.q},badRequest:o._};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 i;i="number"==typeof e?e:e.status;var l=Object.assign(Object.assign({},s),t);i&&a.Q.Ry.isStatusCodeError(i)&&(i!==r.o.NotFound?i!==r.o.Forbidden?n.badRequest||a.Q.Ry.throw(new l.badRequest):n.forbidden||a.Q.Ry.throw(new l.forbidden.privacy):n.notFound||a.Q.Ry.throw(new l.notFound))}}},91286:(e,t,n)=>{n.d(t,{v:()=>l});var r=n(32735),a=n(94644);function i(e){return e.map((function(e){return e.statusCode})).join(":")}function l(e,t,n){var l=Array.isArray(e)?e:[e];(0,r.useEffect)((function(){l.forEach((function(e){(0,a.r)(e.statusCode,t,n)}))}),[i(l),t,n])}},59598:(e,t,n)=>{var r;n.d(t,{K:()=>r}),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"}(r||(r={}))},84062:(e,t,n)=>{n.d(t,{M:()=>g});var r=n(32735),a=n(17082),i=n(65858),l=n(38647),c=n(16714),o=n(22902),s=n(31908),u=n(26492),d=n(78166),m=n(27638),v=n(22490),p=n(57245);function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function g(e){var t,n,g=e.shareLink?i.LZ.PlaySharedInteractive:i.LZ.PlayInteractive,h=(t=r.useState(!0),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 r,a,i,l,c=[],o=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(r=i.call(n)).done)&&(c.push(r.value),c.length!==t);o=!0);}catch(e){s=!0,a=e}finally{try{if(!o&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw a}}return c}}(t,n)||function(e,t){if(e){if("string"==typeof e)return f(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?f(e,t):void 0}}(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.")}()),y=h[0],E=h[1],b=s.M.isVideoTypeArchived(e.interactive),N=r.useMemo((function(){return(0,a.oD)()}),[]),I=(0,m.u)(g),A=I.setFavourite,x=I.canFavourite,C=(0,o.T)().hasPermissions;return r.createElement("div",{className:"px-3"},b&&r.createElement(u.T,{typeId:e.interactive.typeId,hasStudentExperience:!0}),r.createElement("div",{className:"mb-3"},r.createElement(p._,{config:e.config,video:e.interactive,currentUser:e.currentUser,shareLink:e.shareLink,viewKey:e.viewKey,startTime:e.startTime,onShowSummary:function(e){E(!e)},summaryPortalNode:N})),r.createElement("div",null,y&&r.createElement("h1",{className:"h3 d-flex"},e.interactive.name,r.createElement(l.m,{tooltipPlacement:"right",className:"ps-1",video:e.interactive,yearGroups:e.yearGroups}))),r.createElement(a.t0,{node:N}),!C(c.C.StudentExperience)&&r.createElement(d.Z,{currentVideo:e.interactive,yearGroups:e.yearGroups,currentUser:e.currentUser,setFavourite:A,canFavourite:x,relatedVideos:e.relatedVideos,audiences:e.audiences,getVideoAppLink:function(t,n){var r;return v.W.getAppLink(t,Object.assign(Object.assign({},n),{context:e.queryParams.context,contextId:e.queryParams.contextId,playNext:e.queryParams.playNext,shareId:null===(r=e.shareLink)||void 0===r?void 0:r.id,moviesAndTv:e.queryParams.mtv}))},moviesAndTv:e.queryParams.mtv,isPlugin:e.isPlugin}))}},25758:(e,t,n)=>{n.d(t,{x:()=>U});var r=n(32735),a=n(17082),i=n(23481),l=n(28400),c=n(65858),o=n(83657),s=n(36848),u=n(17997),d=n(83345),m=n(38647),v=n(11518),p=n(47862),f=n(10439),g=n(35429),h=n(5960),y=n(4594),E=n(58704),b=n(37802),N=n(31908),I=n(47938),A=n(78166),x=n(14070),C=n(97291),S=n(10671),w=n(27638),k=n(22490),P=n(83914),V=n(83523),L=n(76177),O=n(35223),T=i.T.encloseNamespace("interactives.previewInteractive");function j(e){return r.createElement("div",{className:"alert text-dark bg-light-blue px-2 rounded d-flex flex-column flex-lg-row justify-content-between mb-3 align-items-center",role:"alert"},e.isArchived?r.createElement("div",{className:"d-flex align-items-center"},r.createElement(P.x,{svgName:O.vn.Archive,size:P.S.Standard,className:"me-2 svg-container"}),r.createElement("div",{className:"w-100"},r.createElement("p",{className:"fw-semibold mb-0"},T("archivedInfoTitle")),r.createElement("p",{className:"mb-1"},T("archivedInfo")))):r.createElement(d.x,{phrase:"alert"}),e.isPreviewPreventScrubbingEnabled&&r.createElement(L.u,{title:T("previewPreventScrubbingExplain"),trigger:"hover",spanHack:!0},r.createElement("div",{className:"d-flex mt-1 mt-lg-0"},r.createElement("div",{className:"me-2"},r.createElement(d.x,{phrase:"previewPreventScrubbing"})),r.createElement(V.Z,{on:e.isPreviewingPreventScrubbing,onClick:e.toggleStudentMode}))))}function F(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var R="interactives.previewInteractive",M=i.T.encloseNamespace(R);function U(e){var t,n,i,P,V,L,O,T,U,q=e.shareId?c.LZ.PreviewSharedInteractive:c.LZ.PreviewInteractive,D=(0,g.g)(),G=(T=r.useState(!1),U=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 r,a,i,l,c=[],o=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(r=i.call(n)).done)&&(c.push(r.value),c.length!==t);o=!0);}catch(e){s=!0,a=e}finally{try{if(!o&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw a}}return c}}(T,U)||function(e,t){if(e){if("string"==typeof e)return F(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?F(e,t):void 0}}(T,U)||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[0],Z=G[1],W=N.M.getCanBeConsumed(e.interactive).canConsume,z=r.useMemo((function(){return(0,a.oD)()}),[]),Q=(0,S._)({location:S.i.PlayPage,shareId:e.shareId}),B=(0,w.u)(q),K=B.setFavourite,H=B.canFavourite,$=(0,b.r)(null).hasPlayPageV2;L=_,O=function(){var e,t,n;null===(n=null===(t=null===(e=D.playerRef)||void 0===e?void 0:e.current)||void 0===t?void 0:t.togglePreviewPreventScrubbing)||void 0===n||n.call(t)},r.useEffect((function(){O()}),[L]);var Y,X,J,ee,te=(Y=e.interactive)._parentClip||Y._parentVideo;N.M.isClip(te)?(X=null===(n=null===(t=te.interactives)||void 0===t?void 0:t.data)||void 0===n?void 0:n.filter((function(t){return t.id.toString()!==e.interactive.id.toString()})),J=te.name,ee={application:C.O.CLIPS,action:x.e.Clips.PLAY_CLIP,args:[te.id,l.m.slugify(te.name)]}):(X=null===(P=null===(i=te.interactives)||void 0===i?void 0:i.data)||void 0===P?void 0:P.filter((function(t){return t.id.toString()!==e.interactive.id.toString()})),J=te.name,ee={application:C.O.VIDEOS,action:x.e.Videos.PLAY_VIDEO,args:[te.id,l.m.slugify(te.name)]});var ne=e.interactive.status===h.X.Draft;return r.createElement(d.D.Provider,{value:R},r.createElement("div",{className:"px-4"},r.createElement(I.W,{restrictions:e.interactive._restrictions,yearGroups:e.yearGroups,objectId:e.interactive.id,objectTypeId:y.E.Interactive,canManageVideoAccess:e.canManageVideoAccess}),r.createElement(j,{isPreviewPreventScrubbingEnabled:e.isPreviewPreventScrubbingEnabled,isPreviewingPreventScrubbing:_,toggleStudentMode:function(){Z(!_)},isArchived:N.M.isVideoTypeArchived(e.interactive)}),r.createElement("div",{className:"mb-3"},W&&r.createElement(f.r,{key:e.interactive.id,objectId:e.interactive.id,objectTypeId:e.interactive.typeId,shareId:e.shareId,startTime:null!==(V=e.queryParams.t)&&void 0!==V?V:e.queryParams.startTime,mode:"default",location:"play-page"})),r.createElement("div",{className:"d-flex justify-content-between align-items-center"},r.createElement("div",{className:"inline-block w-100"},r.createElement("div",{className:"ms-2 float-end"},r.createElement(o.e,{actions:Q.getVideoActions(e.interactive),actionsDropdownClassName:"btn btn-outline-dark",fetchMore:function(){return Q.fetchMoreActions(e.interactive)}})),r.createElement("h1",{className:"h3 mb-2"},ne&&r.createElement("div",{className:"badge draft-badge me-2 align-bottom flex-shrink-0 h-auto lh-base"},r.createElement(d.x,{phrase:"draft"})),e.interactive.name,r.createElement(m.m,{tooltipPlacement:"right",className:"ps-1",video:e.interactive,yearGroups:e.yearGroups})),N.M.canViewOriginalVideo(e.interactive)&&r.createElement("div",{className:"mb-1 me-3 clamp-1"},r.createElement(d.x,{phrase:"viewOriginal"})," ",r.createElement(s.F,{appLink:ee,className:"text-info"},J)))),e.interactive.description&&r.createElement("p",null,e.interactive.description),r.createElement("div",{className:"mb-3"},r.createElement(a.t0,{node:z})),!!(null==X?void 0:X.length)&&r.createElement("div",{className:"pb-3"},$?r.createElement(v.kM,{name:M("otherInteractives",{count:X.length}),contents:E.z.Interactives,collection:X,prefetched:!0,getChildAppLink:function(e){return{application:C.O.INTERACTIVES,action:x.e.Interactives.VIEW_INTERACTIVE,args:[e.id,l.m.slugify(e.name)]}},childComponent:u.H,extraChildComponentProps:{yearGroups:e.yearGroups,questionsAppLink:{application:C.O.INTERACTIVES,action:x.e.Interactives.PREVIEW_QUESTIONS},imageCdnUrl:e.config.imageCdnUrl,isPlugin:e.isPlugin},analyticsData:{widgetId:"interactives"}}):r.createElement(v.kM,{name:M("otherInteractives",{count:X.length}),contents:E.z.Interactives,collection:X,prefetched:!0,getChildAppLink:function(e){return{application:C.O.INTERACTIVES,action:x.e.Interactives.VIEW_INTERACTIVE,args:[e.id,l.m.slugify(e.name)]}},childComponent:p.K,extraChildComponentProps:{video:te,questionsAppLink:{application:C.O.INTERACTIVES,action:x.e.Interactives.PREVIEW_QUESTIONS},imageCdnUrl:e.config.imageCdnUrl},analyticsData:{widgetId:"interactives"}})),r.createElement(A.Z,{currentVideo:e.interactive,yearGroups:e.yearGroups,setFavourite:K,canFavourite:H,currentUser:e.currentUser,audiences:e.audiences,relatedVideos:e.relatedVideos,getVideoAppLink:function(t,n){return k.W.getAppLink(t,Object.assign(Object.assign({},n),{context:e.queryParams.context,contextId:e.queryParams.contextId,playNext:e.queryParams.playNext,shareId:e.shareId,moviesAndTv:e.queryParams.mtv}))},moviesAndTv:e.queryParams.mtv,isPlugin:e.isPlugin})))}},26492:(e,t,n)=>{n.d(t,{T:()=>u});var r=n(32735),a=n(23481),i=n(65858),l=n(83914),c=n(4594),o=n(35223),s="shared.playPage";function u(e){var t=a.T.encloseNamespace(s),n=function(e){switch(e){case c.E.Video:return"video";case c.E.Clip:return"clip";case c.E.Interactive:return"interactive";default:return""}}(e.typeId);return r.createElement("div",{className:"alert bg-light-blue p-3 rounded-3 d-flex justify-content-between align-items-center"},r.createElement(l.x,{svgName:o.vn.Archive,size:l.S.Standard,className:"me-2 svg-container"}),r.createElement("div",{className:"w-100"},r.createElement("p",{className:"fw-semibold mb-0"},t("archivedInfoTitle",{type:n})),(!e.hasStudentExperience||n===i.py.Video)&&r.createElement("p",{className:"mb-1"},t("archivedInfo",{type:"".concat(n,"s")}))))}},47938:(e,t,n)=>{n.d(t,{W:()=>m});var r=n(32735),a=n(36848),i=n(83914),l=n(83345),c=n(5345),o=n(26361),s=n(14070),u=n(97291),d="shared.playPage";function m(e){var t,n;if(!(null===(n=null===(t=e.restrictions)||void 0===t?void 0:t.value)||void 0===n?void 0:n.length)||!e.yearGroups||!e.canManageVideoAccess)return r.createElement(r.Fragment,null);if(o.l.getWeightedRestriction(e.restrictions.value).type!==c.c.Custom)return r.createElement(r.Fragment,null);var m=o.l.mapRestrictionToClass(e.restrictions),v="".concat(m," fw-semibold p-2 rounded mb-3 d-flex justify-content-between align-items-center");return r.createElement("div",{className:v},r.createElement("div",{className:"d-flex align-items-center"},r.createElement(i.x,{svgName:o.l.mapRestrictionToSvg(e.restrictions),size:i.S.Large}),r.createElement("span",{className:"ps-1"},o.l.mapRestrictionToText(e.restrictions,e.yearGroups))),r.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"},r.createElement(l.x,{namespace:d,phrase:"approve"})))}},78166:(e,t,n)=>{n.d(t,{Z:()=>h});var r=n(32735),a=n(71020),i=n(83345),l=n(74696),c=n(13231),o=n(51365),s=n(22902),u=n(59598),d=n(31908),m=n(10671),v=n(10741),p=n(22490),f=n(82431),g="shared.relatedVideos";function h(e){var t,n,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 r.createElement(r.Fragment,null);if(e.relatedVideos.hasError)return r.createElement(r.Fragment,null);if(e.relatedVideos.hasCompleted&&!(null===(n=e.relatedVideos.videos)||void 0===n?void 0:n.length))return r.createElement(r.Fragment,null);if(!e.relatedVideos.isFetching&&!e.relatedVideos.hasCompleted)return r.createElement(r.Fragment,null);var E=!d.M.isInteractive(e.currentVideo);return r.createElement("section",{id:u.K.RelatedVideos,ref:function(t){var n,r;t&&(null===(n=e.headingRef)||void 0===n?void 0:n.current)&&(null===(r=e.relatedVideos.videos)||void 0===r?void 0:r.length)&&e.headingRef.current.set(u.K.RelatedVideos,t)}},r.createElement(o.M.Provider,{value:h},r.createElement("h2",{className:"h4 mb-0"},r.createElement(i.x,{namespace:g,phrase:E?"upNext":"relatedVideos"})),e.relatedVideos.hasCompleted?r.createElement(c.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 v.j.getPreviewQuestionsAppLink(e)},isPlugin:e.isPlugin,getClassroomGuideAppLink:p.W.getClassroomGuideAppLink,getInteractiveGuidanceAppLink:p.W.getInteractiveGuidanceAppLink,getResourceGuidanceAppLink:p.W.getResourceGuidanceAppLink}):r.createElement(l.S,null),e.relatedVideos.hasMore&&r.createElement(a._,{isFetching:e.relatedVideos.isFetching,fetchNext:e.relatedVideos.fetchNext})))}},44110:(e,t,n)=>{n.d(t,{i:()=>l});var r=n(20354),a=n(89454),i=n(86698),l=function(){var e=(0,i.y)({redirectOnError:!0}),t=e.activePresentation,n=e.getFallbackPresentation,l=t||n();return r.a.useBasicFetch(!!l&&a.O.presentationAudiences(l.id))}},53073:(e,t,n)=>{n.d(t,{f:()=>s});var r=n(20354),a=n(16714),i=n(12754),l=n(31949),c=n(22902),o=n(15311);function s(){var e=(0,c.T)().hasPermissions,t=(0,o.r)().hasProduct,n=r.a.useBasicFetch(l.N.currentUser());return!e(a.C.StudentExperience)&&t(i.x.Primary)&&n.data.isAuthenticated}},97816:(e,t,n)=>{n.d(t,{V:()=>d});var r=n(32735),a=n(20354),i=n(21750),l=n(31949),c=n(1575),o=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,r=Array(t);n<t;n++)r[n]=e[n];return r}function d(e){var t,n,d=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},m=a.a.useBasicFetch(l.N.currentUser()),v=r.useRef(new Set),p=function(e){return e?Array.isArray(e)?e.filter((function(e){return!!e&&(o.M.isVideo(e)||o.M.isClip(e))})):"data"in e?e.data.filter((function(e){return!!e&&(o.M.isVideo(e)||o.M.isClip(e))})):[]:[]}(e),f=p.map((function(e){return e.id})),g=(t=r.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 r,a,i,l,c=[],o=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(r=i.call(n)).done)&&(c.push(r.value),c.length!==t);o=!0);}catch(e){s=!0,a=e}finally{try{if(!o&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw a}}return c}}(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=g[0],y=g[1];r.useEffect((function(){if((null==f?void 0:f.length)&&m.hasCompleted){var e=[];f.forEach((function(t){v.current.has(t)||(e.push(t),v.current.add(t))})),e.length&&y((function(t){var n,r=[].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),[c.R.videoMixinAssocs(e,d.flightNamespace)]);return(null===(n=m.data)||void 0===n?void 0:n.isAuthenticated)&&r.push(i.x.hasCurriculumLinks(e,null,d.flightNamespace)),r}))}}),[null==f?void 0:f.length,m.hasCompleted]),a.a.useBasicFetchAll(h)}}}]);
-//# sourceMappingURL=5936-4cac311002-lite.chunk.js.map
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[5936],{71020:(e,t,n)=>{n.d(t,{_:()=>u});var r=n(32735),a=n(80247),i=n(34152),l=n(83914),c=n(35223);const s={container:"VwD1b",spinner:"eJ85e"};function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function u(e){var t,n,u=(t=(0,i.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 r,a,i,l,c=[],s=!0,o=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=i.call(n)).done)&&(c.push(r.value),c.length!==t);s=!0);}catch(e){o=!0,a=e}finally{try{if(!s&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(o)throw a}}return c}}(t,n)||function(e,t){if(e){if("string"==typeof e)return o(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(e,t):void 0}}(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 r.useEffect((function(){var t;e.fetchOnScroll&&m&&!e.isFetching&&(null===(t=e.fetchNext)||void 0===t||t.call(e,e.nextCursor))}),[m,e.isFetching]),r.createElement("div",{className:"p-3 text-center ".concat(s.container),ref:d},e.isFetching?r.createElement(a.Z,{as:"span",animation:"border",role:"status",className:s.spinner}):r.createElement(l.x,{svgName:c.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}},17997:(e,t,n)=>{n.d(t,{H:()=>o});var r=n(32735),a=n(36848),i=n(83345),l=n(22843),c=n(89118),s=n(68626),o=r.memo((function(e){var t,n,o=e.data,u=e.thumbnailSize,d=e.preloadImage,m=Object.assign(Object.assign({},e.questionsAppLink),{args:[e.data.id]}),v=null===(n=null===(t=o._timepoints)||void 0===t?void 0:t.value)||void 0===n?void 0:n.length;return r.createElement("div",{className:"flex-shrink-0 px-1 col-6 col-sm-4"},r.createElement(c.u,{type:"static",textPosition:s.z.Independent,video:o,appLink:e.getAppLink(o),imageOptions:{size:u},preload:d,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,setFavourite:e.setFavourite,canFavourite:e.canFavourite,hideDuration:!1,imageCdnUrl:e.imageCdnUrl,isPlugin:e.isPlugin}),r.createElement("div",{className:"mt-2"},r.createElement(l.h,Object.assign({},e,{video:o,appLink:e.getAppLink(o)}))),r.createElement("div",{className:"mt-1"},r.createElement(a.F,{appLink:m,className:"cursor-pointer"},r.createElement(i.x,{namespace:"shared.interactiveWidgetItemV2",phrase:"previewQuestions",options:{count:v,smartCount:v}}))))}))},74696:(e,t,n)=>{n.d(t,{S:()=>o});var r=n(32735),a=n(68050),i=n(69111),l=n(9977),c=n(79967);const s={partialOptions:"Gufgq",partialName:"SicQQ",partialDescription:"dPGMq",partialThumbnail:"vZrnb",partialDragHandle:"iq73R"};function o(e){return r.createElement("div",{className:"mx-2"},Array(e.numVideos).fill(null).map((function(t,n){return r.createElement("div",{className:"d-flex",key:n},e.allowBulkActions&&r.createElement("div",{className:"form-check pe-3 pe-sm-2 mx-0 mx-md-2"}),r.createElement(u,Object.assign({},e)))})))}function u(e){var t=(0,c.k)(),n="sm"===l.O.getSize(t,"md"),o=e.withReordering&&!t.xs;return r.createElement(a.Z,{className:"".concat(n?"":"py-2"," flex-grow-1")},r.createElement(i.Z,Object.assign({},l.O.getThumbnailColumns(),{className:"flex-column align-items-flex-start ".concat(n?"pb-2 pe-1":"mb-1 pe-3 pe-md-2")}),r.createElement(a.Z,null,!!o&&r.createElement("div",{className:"d-flex align-items-center justify-content-center col-2"},r.createElement("div",{className:"partial-loading-background ".concat(s.partialDragHandle)})),r.createElement(i.Z,{xs:l.O.getThumbnailColSize(o)},r.createElement("div",{className:"partial-loading-background ".concat(n?"rounded":"rounded-3"," ").concat(s.partialThumbnail)})))),r.createElement(i.Z,Object.assign({},l.O.getDetailsColumns(),{className:n?"pb-2":"px-2"}),r.createElement("div",{className:"partial-loading-background mb-1 ".concat(s.partialName)}),r.createElement("div",{className:"partial-loading-background ".concat(s.partialDescription)})))}o.defaultProps={numVideos:15}},3133:(e,t,n)=>{n.d(t,{R:()=>o});var r=n(32735),a=n(20789),i=n(86794),l=n(2786),c=n(64818);const s={avatarContainer:"kd18L",cvIcon:"smUBc"};function o(e){var t;if(!e.owner&&!e.isClickViewCurated)return r.createElement(r.Fragment,null);if(e.isClickViewCurated)return r.createElement("div",{className:"clamp-1 d-flex align-items-center"},r.createElement("div",{className:"".concat(s.avatarContainer," me-1 border rounded-circle position-relative")},r.createElement(i.b,{className:"me-1 ".concat(s.cvIcon)},r.createElement(l.Sd,null))),"ClickView");var n=c.l.getCommunityName(e.owner);return n?r.createElement("div",{className:"d-flex align-items-center"},r.createElement("div",{className:"".concat(s.avatarContainer," me-1")},r.createElement(a.q,{imageCdnUrl:e.imageCdnUrl,initials:c.l.getInitials(e.owner.name,e.owner.surname),imageUrl:null===(t=e.owner.avatar)||void 0===t?void 0:t.url})),r.createElement("div",{className:"clamp-1"},n)):r.createElement(r.Fragment,null)}},47862:(e,t,n)=>{n.d(t,{K:()=>d});var r=n(32735),a=n(65858),i=n(36848),l=n(83345),c=n(89118),s=n(3133),o=n(54610),u=n(68626);var d=r.memo((function(e){var t,n=Object.assign(Object.assign({},e.questionsAppLink),{args:[e.data.id]});return r.createElement("div",{className:"flex-shrink-0 px-1 ".concat("rXatl")},r.createElement("div",{className:"row m-0 border rounded p-2 h-100"},r.createElement("div",{className:"col-6 p-0"},r.createElement(c.u,{video:e.data,appLink:e.getAppLink(e.data),type:"cosmetic",imageOptions:{size:o.h2.Small},textPosition:u.z.Independent,preload:!0,analyticsOptions:{location:a.LZ.SlidingListItem}})),r.createElement("div",{className:"col-6 p-0"},r.createElement("div",{className:"ps-2"},r.createElement(i.F,{appLink:e.getAppLink(e.data)},r.createElement("h3",{className:"h6 mb-1"},r.createElement("span",{className:"clamp-2"},e.data.name))),r.createElement(s.R,{owner:e.data.owner,isClickViewCurated:null===(t=e.data._isClickViewCurated)||void 0===t?void 0:t.value,imageCdnUrl:e.imageCdnUrl}),r.createElement(i.F,{className:"info-link",appLink:n},r.createElement(l.x,{namespace:"shared.interactiveWidgetItem",phrase:"previewQuestions"}))))))}))},94644:(e,t,n)=>{n.d(t,{r:()=>u});var r=n(50242),a=n(81886),i=n(67058),l=n(14553),c=n(49267),s=n(49075),o={notFound:i.d,forbidden:{rating:l.q,yearLevel:l.q,region:c.a,privacy:l.q},badRequest:s._};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 i;i="number"==typeof e?e:e.status;var l=Object.assign(Object.assign({},o),t);i&&a.Q.Ry.isStatusCodeError(i)&&(i!==r.o.NotFound?i!==r.o.Forbidden?n.badRequest||a.Q.Ry.throw(new l.badRequest):n.forbidden||a.Q.Ry.throw(new l.forbidden.privacy):n.notFound||a.Q.Ry.throw(new l.notFound))}}},91286:(e,t,n)=>{n.d(t,{v:()=>l});var r=n(32735),a=n(94644);function i(e){return e.map((function(e){return e.statusCode})).join(":")}function l(e,t,n){var l=Array.isArray(e)?e:[e];(0,r.useEffect)((function(){l.forEach((function(e){(0,a.r)(e.statusCode,t,n)}))}),[i(l),t,n])}},59598:(e,t,n)=>{var r;n.d(t,{K:()=>r}),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"}(r||(r={}))},84062:(e,t,n)=>{n.d(t,{M:()=>g});var r=n(32735),a=n(17082),i=n(65858),l=n(38647),c=n(16714),s=n(22902),o=n(31908),u=n(26492),d=n(78166),m=n(27638),v=n(22490),p=n(57245);function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function g(e){var t,n,g=e.shareLink?i.LZ.PlaySharedInteractive:i.LZ.PlayInteractive,h=(t=r.useState(!0),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 r,a,i,l,c=[],s=!0,o=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=i.call(n)).done)&&(c.push(r.value),c.length!==t);s=!0);}catch(e){o=!0,a=e}finally{try{if(!s&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(o)throw a}}return c}}(t,n)||function(e,t){if(e){if("string"==typeof e)return f(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?f(e,t):void 0}}(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.")}()),y=h[0],E=h[1],b=o.M.isVideoTypeArchived(e.interactive),N=r.useMemo((function(){return(0,a.oD)()}),[]),I=(0,m.u)(g),A=I.setFavourite,x=I.canFavourite,C=(0,s.T)().hasPermissions;return r.createElement("div",{className:"px-3"},b&&r.createElement(u.T,{typeId:e.interactive.typeId,hasStudentExperience:!0}),r.createElement("div",{className:"mb-3"},r.createElement(p._,{config:e.config,video:e.interactive,currentUser:e.currentUser,shareLink:e.shareLink,viewKey:e.viewKey,startTime:e.startTime,onShowSummary:function(e){E(!e)},summaryPortalNode:N})),r.createElement("div",null,y&&r.createElement("h1",{className:"h3 d-flex"},e.interactive.name,r.createElement(l.m,{tooltipPlacement:"right",className:"ps-1",video:e.interactive,yearGroups:e.yearGroups}))),r.createElement(a.t0,{node:N}),!C(c.C.StudentExperience)&&r.createElement(d.Z,{currentVideo:e.interactive,yearGroups:e.yearGroups,currentUser:e.currentUser,setFavourite:A,canFavourite:x,relatedVideos:e.relatedVideos,audiences:e.audiences,getVideoAppLink:function(t,n){var r;return v.W.getAppLink(t,Object.assign(Object.assign({},n),{context:e.queryParams.context,contextId:e.queryParams.contextId,playNext:e.queryParams.playNext,shareId:null===(r=e.shareLink)||void 0===r?void 0:r.id,moviesAndTv:e.queryParams.mtv}))},moviesAndTv:e.queryParams.mtv,isPlugin:e.isPlugin}))}},25758:(e,t,n)=>{n.d(t,{x:()=>U});var r=n(32735),a=n(17082),i=n(23481),l=n(28400),c=n(65858),s=n(83657),o=n(36848),u=n(17997),d=n(83345),m=n(38647),v=n(11518),p=n(47862),f=n(10439),g=n(35429),h=n(5960),y=n(4594),E=n(58704),b=n(37802),N=n(31908),I=n(47938),A=n(78166),x=n(14070),C=n(97291),S=n(10671),w=n(27638),k=n(22490),P=n(83914),V=n(83523),L=n(76177),O=n(35223),T=i.T.encloseNamespace("interactives.previewInteractive");function j(e){return r.createElement("div",{className:"alert text-dark bg-light-blue px-2 rounded d-flex flex-column flex-lg-row justify-content-between mb-3 align-items-center",role:"alert"},e.isArchived?r.createElement("div",{className:"d-flex align-items-center"},r.createElement(P.x,{svgName:O.vn.Archive,size:P.S.Standard,className:"me-2 svg-container"}),r.createElement("div",{className:"w-100"},r.createElement("p",{className:"fw-semibold mb-0"},T("archivedInfoTitle")),r.createElement("p",{className:"mb-1"},T("archivedInfo")))):r.createElement(d.x,{phrase:"alert"}),e.isPreviewPreventScrubbingEnabled&&r.createElement(L.u,{title:T("previewPreventScrubbingExplain"),trigger:"hover",spanHack:!0},r.createElement("div",{className:"d-flex mt-1 mt-lg-0"},r.createElement("div",{className:"me-2"},r.createElement(d.x,{phrase:"previewPreventScrubbing"})),r.createElement(V.Z,{on:e.isPreviewingPreventScrubbing,onClick:e.toggleStudentMode}))))}function F(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var R="interactives.previewInteractive",M=i.T.encloseNamespace(R);function U(e){var t,n,i,P,V,L,O,T,U,q=e.shareId?c.LZ.PreviewSharedInteractive:c.LZ.PreviewInteractive,D=(0,g.g)(),G=(T=r.useState(!1),U=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 r,a,i,l,c=[],s=!0,o=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=i.call(n)).done)&&(c.push(r.value),c.length!==t);s=!0);}catch(e){o=!0,a=e}finally{try{if(!s&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(o)throw a}}return c}}(T,U)||function(e,t){if(e){if("string"==typeof e)return F(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?F(e,t):void 0}}(T,U)||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[0],Z=G[1],W=N.M.getCanBeConsumed(e.interactive).canConsume,z=r.useMemo((function(){return(0,a.oD)()}),[]),Q=(0,S._)({location:S.i.PlayPage,shareId:e.shareId}),B=(0,w.u)(q),K=B.setFavourite,H=B.canFavourite,$=(0,b.r)(null).hasPlayPageV2;L=_,O=function(){var e,t,n;null===(n=null===(t=null===(e=D.playerRef)||void 0===e?void 0:e.current)||void 0===t?void 0:t.togglePreviewPreventScrubbing)||void 0===n||n.call(t)},r.useEffect((function(){O()}),[L]);var Y,X,J,ee,te=(Y=e.interactive)._parentClip||Y._parentVideo;N.M.isClip(te)?(X=null===(n=null===(t=te.interactives)||void 0===t?void 0:t.data)||void 0===n?void 0:n.filter((function(t){return t.id.toString()!==e.interactive.id.toString()})),J=te.name,ee={application:C.O.CLIPS,action:x.e.Clips.PLAY_CLIP,args:[te.id,l.m.slugify(te.name)]}):(X=null===(P=null===(i=te.interactives)||void 0===i?void 0:i.data)||void 0===P?void 0:P.filter((function(t){return t.id.toString()!==e.interactive.id.toString()})),J=te.name,ee={application:C.O.VIDEOS,action:x.e.Videos.PLAY_VIDEO,args:[te.id,l.m.slugify(te.name)]});var ne=e.interactive.status===h.X.Draft;return r.createElement(d.D.Provider,{value:R},r.createElement("div",{className:"px-4"},r.createElement(I.W,{restrictions:e.interactive._restrictions,yearGroups:e.yearGroups,objectId:e.interactive.id,objectTypeId:y.E.Interactive,canManageVideoAccess:e.canManageVideoAccess}),r.createElement(j,{isPreviewPreventScrubbingEnabled:e.isPreviewPreventScrubbingEnabled,isPreviewingPreventScrubbing:_,toggleStudentMode:function(){Z(!_)},isArchived:N.M.isVideoTypeArchived(e.interactive)}),r.createElement("div",{className:"mb-3"},W&&r.createElement(f.r,{key:e.interactive.id,objectId:e.interactive.id,objectTypeId:e.interactive.typeId,shareId:e.shareId,startTime:null!==(V=e.queryParams.t)&&void 0!==V?V:e.queryParams.startTime,mode:"default",location:"play-page"})),r.createElement("div",{className:"d-flex justify-content-between align-items-center"},r.createElement("div",{className:"inline-block w-100"},r.createElement("div",{className:"ms-2 float-end"},r.createElement(s.e,{actions:Q.getVideoActions(e.interactive),actionsDropdownClassName:"btn btn-outline-dark",fetchMore:function(){return Q.fetchMoreActions(e.interactive)}})),r.createElement("h1",{className:"h3 mb-2"},ne&&r.createElement("div",{className:"badge draft-badge me-2 align-bottom flex-shrink-0 h-auto lh-base"},r.createElement(d.x,{phrase:"draft"})),e.interactive.name,r.createElement(m.m,{tooltipPlacement:"right",className:"ps-1",video:e.interactive,yearGroups:e.yearGroups})),N.M.canViewOriginalVideo(e.interactive)&&r.createElement("div",{className:"mb-1 me-3 clamp-1"},r.createElement(d.x,{phrase:"viewOriginal"})," ",r.createElement(o.F,{appLink:ee,className:"text-info"},J)))),e.interactive.description&&r.createElement("p",null,e.interactive.description),r.createElement("div",{className:"mb-3"},r.createElement(a.t0,{node:z})),!!(null==X?void 0:X.length)&&r.createElement("div",{className:"pb-3"},$?r.createElement(v.kM,{name:M("otherInteractives",{count:X.length}),contents:E.z.Interactives,collection:X,prefetched:!0,getChildAppLink:function(e){return{application:C.O.INTERACTIVES,action:x.e.Interactives.VIEW_INTERACTIVE,args:[e.id,l.m.slugify(e.name)]}},childComponent:u.H,extraChildComponentProps:{yearGroups:e.yearGroups,questionsAppLink:{application:C.O.INTERACTIVES,action:x.e.Interactives.PREVIEW_QUESTIONS},imageCdnUrl:e.config.imageCdnUrl,isPlugin:e.isPlugin},analyticsData:{widgetId:"interactives"}}):r.createElement(v.kM,{name:M("otherInteractives",{count:X.length}),contents:E.z.Interactives,collection:X,prefetched:!0,getChildAppLink:function(e){return{application:C.O.INTERACTIVES,action:x.e.Interactives.VIEW_INTERACTIVE,args:[e.id,l.m.slugify(e.name)]}},childComponent:p.K,extraChildComponentProps:{video:te,questionsAppLink:{application:C.O.INTERACTIVES,action:x.e.Interactives.PREVIEW_QUESTIONS},imageCdnUrl:e.config.imageCdnUrl},analyticsData:{widgetId:"interactives"}})),r.createElement(A.Z,{currentVideo:e.interactive,yearGroups:e.yearGroups,setFavourite:K,canFavourite:H,currentUser:e.currentUser,audiences:e.audiences,relatedVideos:e.relatedVideos,getVideoAppLink:function(t,n){return k.W.getAppLink(t,Object.assign(Object.assign({},n),{context:e.queryParams.context,contextId:e.queryParams.contextId,playNext:e.queryParams.playNext,shareId:e.shareId,moviesAndTv:e.queryParams.mtv}))},moviesAndTv:e.queryParams.mtv,isPlugin:e.isPlugin})))}},26492:(e,t,n)=>{n.d(t,{T:()=>u});var r=n(32735),a=n(23481),i=n(65858),l=n(83914),c=n(4594),s=n(35223),o="shared.playPage";function u(e){var t=a.T.encloseNamespace(o),n=function(e){switch(e){case c.E.Video:return"video";case c.E.Clip:return"clip";case c.E.Interactive:return"interactive";default:return""}}(e.typeId);return r.createElement("div",{className:"alert bg-light-blue p-3 rounded-3 d-flex justify-content-between align-items-center"},r.createElement(l.x,{svgName:s.vn.Archive,size:l.S.Standard,className:"me-2 svg-container"}),r.createElement("div",{className:"w-100"},r.createElement("p",{className:"fw-semibold mb-0"},t("archivedInfoTitle",{type:n})),(!e.hasStudentExperience||n===i.py.Video)&&r.createElement("p",{className:"mb-1"},t("archivedInfo",{type:"".concat(n,"s")}))))}},47938:(e,t,n)=>{n.d(t,{W:()=>m});var r=n(32735),a=n(36848),i=n(83914),l=n(83345),c=n(5345),s=n(26361),o=n(14070),u=n(97291),d="shared.playPage";function m(e){var t,n;if(!(null===(n=null===(t=e.restrictions)||void 0===t?void 0:t.value)||void 0===n?void 0:n.length)||!e.yearGroups||!e.canManageVideoAccess)return r.createElement(r.Fragment,null);if(s.l.getWeightedRestriction(e.restrictions.value).type!==c.c.Custom)return r.createElement(r.Fragment,null);var m=s.l.mapRestrictionToClass(e.restrictions),v="".concat(m," fw-semibold p-2 rounded mb-3 d-flex justify-content-between align-items-center");return r.createElement("div",{className:v},r.createElement("div",{className:"d-flex align-items-center"},r.createElement(i.x,{svgName:s.l.mapRestrictionToSvg(e.restrictions),size:i.S.Large}),r.createElement("span",{className:"ps-1"},s.l.mapRestrictionToText(e.restrictions,e.yearGroups))),r.createElement(a.F,{appLink:{application:u.O.DEFAULT,action:o.e.Default.APPROVE_VIDEO,params:{objectId:e.objectId,objectTypeId:e.objectTypeId}},className:"btn btn-outline-dark"},r.createElement(l.x,{namespace:d,phrase:"approve"})))}},78166:(e,t,n)=>{n.d(t,{Z:()=>h});var r=n(32735),a=n(71020),i=n(83345),l=n(74696),c=n(13231),s=n(51365),o=n(22902),u=n(59598),d=n(31908),m=n(10671),v=n(10741),p=n(22490),f=n(82431),g="shared.relatedVideos";function h(e){var t,n,h=(0,m._)({location:m.i.VideoItem}),y=(0,o.T)().hasPermissions;if(!(null===(t=e.currentUser)||void 0===t?void 0:t.isAuthenticated))return r.createElement(r.Fragment,null);if(e.relatedVideos.hasError)return r.createElement(r.Fragment,null);if(e.relatedVideos.hasCompleted&&!(null===(n=e.relatedVideos.videos)||void 0===n?void 0:n.length))return r.createElement(r.Fragment,null);if(!e.relatedVideos.isFetching&&!e.relatedVideos.hasCompleted)return r.createElement(r.Fragment,null);var E=!d.M.isInteractive(e.currentVideo);return r.createElement("section",{id:u.K.RelatedVideos,className:"play-page-section",ref:function(t){var n,r;t&&(null===(n=e.headingRef)||void 0===n?void 0:n.current)&&(null===(r=e.relatedVideos.videos)||void 0===r?void 0:r.length)&&e.headingRef.current.set(u.K.RelatedVideos,t)}},r.createElement(s.M.Provider,{value:h},r.createElement("h2",{className:"h4 mb-0"},r.createElement(i.x,{namespace:g,phrase:E?"upNext":"relatedVideos"})),e.relatedVideos.hasCompleted?r.createElement(c.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 v.j.getPreviewQuestionsAppLink(e)},isPlugin:e.isPlugin,getClassroomGuideAppLink:p.W.getClassroomGuideAppLink,getInteractiveGuidanceAppLink:p.W.getInteractiveGuidanceAppLink,getResourceGuidanceAppLink:p.W.getResourceGuidanceAppLink}):r.createElement(l.S,null),e.relatedVideos.hasMore&&r.createElement(a._,{isFetching:e.relatedVideos.isFetching,fetchNext:e.relatedVideos.fetchNext})))}},44110:(e,t,n)=>{n.d(t,{i:()=>l});var r=n(20354),a=n(89454),i=n(86698),l=function(){var e=(0,i.y)({redirectOnError:!0}),t=e.activePresentation,n=e.getFallbackPresentation,l=t||n();return r.a.useBasicFetch(!!l&&a.O.presentationAudiences(l.id))}},53073:(e,t,n)=>{n.d(t,{f:()=>o});var r=n(20354),a=n(16714),i=n(12754),l=n(31949),c=n(22902),s=n(15311);function o(){var e=(0,c.T)().hasPermissions,t=(0,s.r)().hasProduct,n=r.a.useBasicFetch(l.N.currentUser());return!e(a.C.StudentExperience)&&t(i.x.Primary)&&n.data.isAuthenticated}},97816:(e,t,n)=>{n.d(t,{V:()=>d});var r=n(32735),a=n(20354),i=n(21750),l=n(31949),c=n(1575),s=n(31908);function o(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,r=Array(t);n<t;n++)r[n]=e[n];return r}function d(e){var t,n,d=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},m=a.a.useBasicFetch(l.N.currentUser()),v=r.useRef(new Set),p=function(e){return e?Array.isArray(e)?e.filter((function(e){return!!e&&(s.M.isVideo(e)||s.M.isClip(e))})):"data"in e?e.data.filter((function(e){return!!e&&(s.M.isVideo(e)||s.M.isClip(e))})):[]:[]}(e),f=p.map((function(e){return e.id})),g=(t=r.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 r,a,i,l,c=[],s=!0,o=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=i.call(n)).done)&&(c.push(r.value),c.length!==t);s=!0);}catch(e){o=!0,a=e}finally{try{if(!s&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(o)throw a}}return c}}(t,n)||o(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=g[0],y=g[1];r.useEffect((function(){if((null==f?void 0:f.length)&&m.hasCompleted){var e=[];f.forEach((function(t){v.current.has(t)||(e.push(t),v.current.add(t))})),e.length&&y((function(t){var n,r=[].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)||o(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),[c.R.videoMixinAssocs(e,d.flightNamespace)]);return(null===(n=m.data)||void 0===n?void 0:n.isAuthenticated)&&r.push(i.x.hasCurriculumLinks(e,null,d.flightNamespace)),r}))}}),[null==f?void 0:f.length,m.hasCompleted]),a.a.useBasicFetchAll(h)}}}]);
+//# sourceMappingURL=5936-1d99b03e7b-lite.chunk.js.map

package/dist/scripts/5936-1d99b03e7b-lite.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts/5936-1d99b03e7b-lite.chunk.js","mappings":"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","sources":["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/play-page-v2/interactives-widget/InteractiveWidgetItemV2.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/components/video-owner-text/video-owner-text.scss","file:///app/packages/libs/shared/src/components/video-owner-text/VideoOwnerText.tsx","file:///app/packages/libs/shared/src/components/widgets/items/interactive-widget-item/InteractiveWidgetItem.tsx","file:///app/packages/libs/shared/src/components/widgets/items/interactive-widget-item/interactive-widget-item.scss","file:///app/packages/libs/shared/src/errors/handlers/HttpErrorHandlers.ts","file:///app/packages/libs/shared/src/hooks/UseHandleObjectError.ts","file:///app/packages/libs/shared/src/interfaces/PlayPageAnchor.ts","file:///app/packages/projects/lite/src/apps/interactives/components/play-interactive/PlayInteractive.tsx","file:///app/packages/projects/lite/src/apps/interactives/components/preview-interactive/InteractiveAlertBanner.tsx","file:///app/packages/projects/lite/src/apps/interactives/components/preview-interactive/PreviewInteractive.tsx","file:///app/packages/projects/lite/src/apps/interactives/hooks/interactiveHooks.tsx","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/related-videos/RelatedVideos.tsx","file:///app/packages/projects/lite/src/shared/hooks/usePresentationAudiences.ts","file:///app/packages/projects/lite/src/shared/hooks/useShouldPreviewInteractive.ts","file:///app/packages/projects/lite/src/shared/hooks/useVideoMixin.ts"],"sourcesContent":["// 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}","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { ThumbnailText } from 'libs/shared/components/thumbnails/thumbnail-text/ThumbnailText';\nimport { VideoThumbnail } from 'libs/shared/components/thumbnails/video/VideoThumbnail';\nimport { FixedWidgetItemProps } from 'libs/shared/components/widgets/items/FixedWidgetItemProps';\nimport { ThumbnailTextPosition } from 'libs/shared/enums/ThumbnailTextPosition';\nimport { CanFavouriteFunc, FavouriteFunc, InteractiveMetadata, YearGroup } from 'libs/shared/interfaces';\n\nconst namespace = 'shared.interactiveWidgetItemV2';\n\nexport interface InteractiveWidgetItemV2Props extends FixedWidgetItemProps<InteractiveMetadata> {\n  imageCdnUrl: string;\n  questionsAppLink: Core.AppLink;\n  setFavourite?: FavouriteFunc;\n  canFavourite?: CanFavouriteFunc;\n  yearGroups: YearGroup[];\n  isPlugin: boolean;\n}\n\nexport const InteractiveWidgetItemV2 = React.memo(function(props: InteractiveWidgetItemV2Props): JSX.Element {\n  const { data: interactive, thumbnailSize, preloadImage } = props;\n\n  const questionsAppLink: Core.AppLink = {\n    ...props.questionsAppLink,\n    args: [props.data.id]\n  };\n\n  const questionsNumber = interactive._timepoints?.value?.length;\n\n  return (\n    <div className={`flex-shrink-0 px-1 col-6 col-sm-4`}>\n      <VideoThumbnail\n        type='static'\n        textPosition={ThumbnailTextPosition.Independent}\n        video={interactive}\n        appLink={props.getAppLink(interactive)}\n        imageOptions={{ size: thumbnailSize }}\n        preload={preloadImage}\n        analyticsData={props.analyticsData}\n        analyticsOptions={props.analyticsOptions}\n        setFavourite={props.setFavourite}\n        canFavourite={props.canFavourite}\n        hideDuration={false}\n        imageCdnUrl={props.imageCdnUrl}\n        isPlugin={props.isPlugin}\n      />\n\n      <div className='mt-2'>\n        <ThumbnailText\n          {...props}\n          video={interactive}\n          appLink={props.getAppLink(interactive)}\n        />\n      </div>\n\n      <div className='mt-1'>\n        <AppLink appLink={questionsAppLink} className='cursor-pointer'>\n          <Text namespace={namespace} phrase='previewQuestions' options={{ count: questionsNumber, smartCount: questionsNumber }}/>\n        </AppLink>\n      </div>\n\n    </div>\n  );\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","// extracted by mini-css-extract-plugin\nexport default {\"avatarContainer\":\"kd18L\",\"cvIcon\":\"smUBc\"};","import React from 'react';\n\nimport { Avatar } from 'libs/shared/components/avatar/Avatar';\nimport { SvgContainer2 } from 'libs/shared/components/svg-container/SvgContainer2';\nimport { ClickViewPlayLogo } from 'libs/shared/components/svgs/clickview-logo/ClickViewLogo';\nimport { User } from 'libs/shared/interfaces';\nimport { UserHelper } from 'libs/shared/utils/UserHelper';\n\nimport styles from './video-owner-text.scss';\n\ninterface VideoOwnerTextProps {\n  owner: User;\n  isClickViewCurated: boolean;\n  imageCdnUrl: string;\n}\n\nexport function VideoOwnerText(props: VideoOwnerTextProps): JSX.Element {\n  if (!props.owner && !props.isClickViewCurated)\n    return <></>;\n\n  if (props.isClickViewCurated) {\n    return (\n      <div className='clamp-1 d-flex align-items-center'>\n        <div className={`${styles.avatarContainer} me-1 border rounded-circle position-relative`}>\n          <SvgContainer2 className={`me-1 ${styles.cvIcon}`}>\n            <ClickViewPlayLogo />\n          </SvgContainer2>\n        </div>\n        ClickView\n      </div>\n    );\n  }\n\n  const name = UserHelper.getCommunityName(props.owner);\n\n  if (!name)\n    return <></>;\n\n  return (\n    <div className='d-flex align-items-center'>\n      <div className={`${styles.avatarContainer} me-1`}>\n        <Avatar\n          imageCdnUrl={props.imageCdnUrl}\n          initials={UserHelper.getInitials(props.owner.name, props.owner.surname)}\n          imageUrl={props.owner.avatar?.url}\n        />\n      </div>\n      <div className='clamp-1'>\n        {name}\n      </div>\n    </div>\n  );\n}","import React from 'react';\n\nimport { Core } from 'libs/common/core';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { VideoThumbnail } from 'libs/shared/components/thumbnails/video/VideoThumbnail';\nimport { VideoOwnerText } from 'libs/shared/components/video-owner-text/VideoOwnerText';\nimport { FixedWidgetItemProps } from 'libs/shared/components/widgets/items/FixedWidgetItemProps';\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { ThumbnailTextPosition } from 'libs/shared/enums/ThumbnailTextPosition';\nimport { Clip, InteractiveMetadata, Video } from 'libs/shared/interfaces';\n\nimport styles from './interactive-widget-item.scss';\n\nconst namespace = 'shared.interactiveWidgetItem';\n\nexport interface InteractiveWidgetItemProps extends FixedWidgetItemProps<InteractiveMetadata> {\n  video: Video | Clip;\n  questionsAppLink: Core.AppLink;\n  imageCdnUrl: string;\n}\n\nexport const InteractiveWidgetItem = React.memo(function(props: InteractiveWidgetItemProps): JSX.Element {\n  const questionsAppLink: Core.AppLink = {\n    ...props.questionsAppLink,\n    args: [props.data.id]\n  };\n\n  return (\n    <div className={`flex-shrink-0 px-1 ${styles.item}`}>\n      <div className='row m-0 border rounded p-2 h-100'>\n        <div className='col-6 p-0'>\n          <VideoThumbnail\n            video={props.data}\n            appLink={props.getAppLink(props.data)}\n            type='cosmetic'\n            imageOptions={{ size: ImageSize.Small }}\n            textPosition={ThumbnailTextPosition.Independent}\n            preload\n            analyticsOptions={{ location: LocationContext.SlidingListItem }}\n          />\n        </div>\n\n        <div className='col-6 p-0'>\n          <div className='ps-2'>\n            <AppLink appLink={props.getAppLink(props.data)}>\n              <h3 className='h6 mb-1'><span className='clamp-2'>{props.data.name}</span></h3>\n            </AppLink>\n\n            <VideoOwnerText\n              owner={props.data.owner}\n              isClickViewCurated={props.data._isClickViewCurated?.value}\n              imageCdnUrl={props.imageCdnUrl}\n            />\n\n            <AppLink className='info-link' appLink={questionsAppLink}>\n              <Text namespace={namespace} phrase='previewQuestions' />\n            </AppLink>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n});\n","// extracted by mini-css-extract-plugin\nexport default {\"item\":\"rXatl\"};","import { BaseError } from 'libs/common/backbone/core/BaseError';\nimport { HttpStatus } from 'libs/common/backbone/enums/HttpStatus';\nimport { Xhr } from 'libs/common/backbone/interfaces';\nimport { Core } from 'libs/common/core';\n\nimport { NotFoundError } from 'libs/shared/errors/general/not-found/NotFoundError';\nimport { PrivateResourceError } from 'libs/shared/errors/general/private-resource/PrivateResourceError';\nimport { RegionLockedResourceError } from 'libs/shared/errors/general/region-locked-resource/RegionLockedResourceError';\nimport { UnspecifiedError } from 'libs/shared/errors/general/unspecified-error/UnspecifiedError';\nimport { VideoTypes } from 'libs/shared/interfaces';\n\nexport interface HttpErrorMap {\n  notFound?: new () => BaseError;\n  forbidden?: {\n    rating?: new (description: string) => BaseError;\n    yearLevel?: new (description: string) => BaseError;\n    region?: new () => BaseError;\n    privacy?: new (video?: VideoTypes) => BaseError;\n  };\n  badRequest?: new () => BaseError;\n}\n\nexport type IgnoreHttpErrorMap = {\n  [key in keyof HttpErrorMap]: boolean;\n};\n\nconst defaultErrors: HttpErrorMap = {\n  notFound: NotFoundError,\n  forbidden: {\n    rating: PrivateResourceError,\n    yearLevel: PrivateResourceError,\n    region: RegionLockedResourceError,\n    privacy: PrivateResourceError\n  },\n  badRequest: UnspecifiedError\n};\n\nexport function handleHttpError(\n  info: HttpStatus | Xhr,\n  customErrorMap: HttpErrorMap = {},\n  /**\n   * Prevent certain errors in the errorMap from being thrown\n   * so that you may implement your own handler\n   */\n  ignoreMap: IgnoreHttpErrorMap = {}\n): void {\n  if (!info)\n    return;\n\n  let statusCode: HttpStatus;\n\n  if (typeof(info) === 'number') {\n    statusCode = info;\n  } else {\n    statusCode = info.status;\n  }\n\n  const errorMap = {\n    ...defaultErrors,\n    ...customErrorMap\n  };\n\n  if (!statusCode)\n    return;\n\n  if (!Core.ErrorHelper.isStatusCodeError(statusCode))\n    return;\n\n  if (statusCode === HttpStatus.NotFound) {\n    if (!ignoreMap.notFound)\n      Core.ErrorHelper.throw(new errorMap.notFound());\n    return;\n  }\n\n  if (statusCode === HttpStatus.Forbidden) {\n  /**\n   * TODO: Work out how to go about handling all forbidden errors, such as region locking, year levels,\n   * ratings, and privacy.\n   */\n    if (!ignoreMap.forbidden)\n      Core.ErrorHelper.throw(new errorMap.forbidden.privacy());\n    return;\n  }\n\n  if (!ignoreMap.badRequest)\n    Core.ErrorHelper.throw(new errorMap.badRequest());\n}\n\nexport function handleXhrError(xhr: Xhr, customErrorMap?: HttpErrorMap): void {\n  handleHttpError(xhr.status, customErrorMap);\n}","import { useEffect } from 'react';\n\nimport { Flight } from 'libs/common/flight';\n\nimport { handleHttpError, HttpErrorMap, IgnoreHttpErrorMap } from 'libs/shared/errors/handlers/HttpErrorHandlers';\n\nfunction generateCacheKey(flightObjs: Array<Flight.Response<any>>): string {\n  return flightObjs.map(obj => obj.statusCode).join(':');\n}\n\n// TODO: Change this to just `useHandleHttpError` and only accept a status code.\nexport function useHandleObjectError(\n  _flightObjs: Flight.Response<any> | Array<Flight.Response<any>>,\n  customErrors?: HttpErrorMap,\n  ignoreErrors?: IgnoreHttpErrorMap\n): void {\n  const flightObjs = Array.isArray(_flightObjs) ? _flightObjs : [_flightObjs];\n\n  useEffect(() => {\n    flightObjs.forEach(obj => {\n      handleHttpError(obj.statusCode, customErrors, ignoreErrors);\n    });\n  }, [ generateCacheKey(flightObjs), customErrors, ignoreErrors ]);\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 React from 'react';\nimport { createHtmlPortalNode, OutPortal } from 'react-reverse-portal';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { CheckMarkStatus } from 'libs/shared/components/check-mark-button/CheckMarkButton';\nimport { RestrictionPadlock } from 'libs/shared/components/video-list/components/restriction-padlock/RestrictionPadlock';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { Config, CurrentUser, InteractiveMetadata, PlayerViewKey, PresentationAudience, UnionShareObject, YearGroup } from 'libs/shared/interfaces';\nimport { PlayViewQueryParams } from 'libs/shared/interfaces/query-params/PlayViewQueryParams';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { ArchivedBanner } from 'shared/components/play-page/ArchivedBanner';\nimport { RelatedVideos } from 'shared/components/related-videos/RelatedVideos';\nimport { RelatedVideosHash } from 'shared/hooks/useGetRelatedVideos';\nimport { useLiteFavourites } from 'shared/hooks/useLiteFavourites';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\nimport { LitePlayerView } from 'shared/views/lite-player/LitePlayerView';\n\ninterface PlayInteractiveProps {\n  interactive: InteractiveMetadata;\n  yearGroups: YearGroup[];\n  currentUser: CurrentUser;\n  config: Config;\n  audiences: PresentationAudience[];\n  queryParams: PlayViewQueryParams;\n  viewKey: PlayerViewKey;\n  startTime?: number;\n  endTime?: number;\n\n  // Share view only\n  shareLink?: UnionShareObject;\n  sharerInstanceRegion?: string;\n  checkMarkStatus?: CheckMarkStatus;\n  relatedVideos: RelatedVideosHash;\n  isPlugin: boolean;\n}\n\nexport function PlayInteractive(props: PlayInteractiveProps): JSX.Element {\n  const locationContext = props.shareLink ?\n    LocationContext.PlaySharedInteractive :\n    LocationContext.PlayInteractive;\n\n  const [ showHeading, setShowHeading ] = React.useState(true);\n\n  const isArchived = VideoHelper.isVideoTypeArchived(props.interactive);\n\n  const summaryPortalNode = React.useMemo(() => createHtmlPortalNode(), []);\n\n  const { setFavourite, canFavourite } = useLiteFavourites(locationContext);\n  const { hasPermissions } = usePermissions();\n\n  function onShowSummary(showing: boolean): void {\n    setShowHeading(!showing);\n  }\n\n  return (\n    <div className='px-3'>\n      {isArchived && <ArchivedBanner typeId={props.interactive.typeId} hasStudentExperience />}\n\n      <div className='mb-3'>\n        <LitePlayerView\n          config={props.config}\n          video={props.interactive}\n          currentUser={props.currentUser}\n          shareLink={props.shareLink}\n          viewKey={props.viewKey}\n          startTime={props.startTime}\n          onShowSummary={onShowSummary}\n          summaryPortalNode={summaryPortalNode}\n        />\n      </div>\n      {/* This wrapping div is here because react seems to not want to play nice\n      with adding or removing a node just ahead of an OutPortal */}\n      <div>\n        {showHeading &&\n          <h1 className='h3 d-flex'>\n            {props.interactive.name}\n            <RestrictionPadlock\n              tooltipPlacement='right'\n              className='ps-1'\n              video={props.interactive}\n              yearGroups={props.yearGroups}\n            />\n          </h1>\n        }\n      </div>\n      <OutPortal node={summaryPortalNode}></OutPortal>\n\n      {!hasPermissions(PermissionName.StudentExperience) && (\n        <RelatedVideos\n          currentVideo={props.interactive}\n          yearGroups={props.yearGroups}\n          currentUser={props.currentUser}\n          setFavourite={setFavourite}\n          canFavourite={canFavourite}\n          relatedVideos={props.relatedVideos}\n          audiences={props.audiences}\n          getVideoAppLink={(v, opts) => VideoAppLinkHelper.getAppLink(v, {\n            ...opts,\n            context: props.queryParams.context,\n            contextId: props.queryParams.contextId,\n            playNext: props.queryParams.playNext,\n            shareId: props.shareLink?.id,\n            moviesAndTv: props.queryParams.mtv\n          })}\n          moviesAndTv={props.queryParams.mtv}\n          isPlugin={props.isPlugin}\n        />\n      )}\n    </div>\n  );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { ToggleSwitch } from 'libs/shared/components/toggle-switch/ToggleSwitch';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nconst namespace = 'interactives.previewInteractive';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface InteractiveAlertBannerProps {\n  isPreviewPreventScrubbingEnabled: boolean;\n  isPreviewingPreventScrubbing: boolean;\n  toggleStudentMode: () => void;\n  isArchived: boolean;\n}\n\nexport function InteractiveAlertBanner(props: InteractiveAlertBannerProps): JSX.Element {\n  return (\n    <div className='alert text-dark bg-light-blue px-2 rounded d-flex flex-column flex-lg-row justify-content-between mb-3 align-items-center' role='alert'>\n      {!props.isArchived ? <Text phrase='alert' /> : (\n        <div className='d-flex 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')}</p>\n            <p className='mb-1'>{getPhrase('archivedInfo')}</p>\n          </div>\n        </div>\n      )}\n      {props.isPreviewPreventScrubbingEnabled && (\n        <Tooltip\n          title={getPhrase('previewPreventScrubbingExplain')}\n          trigger='hover'\n          spanHack\n        >\n          <div className='d-flex mt-1 mt-lg-0'>\n            <div className='me-2'><Text phrase='previewPreventScrubbing'/></div>\n            <ToggleSwitch on={props.isPreviewingPreventScrubbing} onClick={props.toggleStudentMode} />\n          </div>\n        </Tooltip>\n      )}\n    </div>\n  );\n}","import * as React from 'react';\nimport { createHtmlPortalNode, OutPortal } from 'react-reverse-portal';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { Actions as ActionsComponent } from 'libs/shared/components/actions/Actions';\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { InteractiveWidgetItemV2, InteractiveWidgetItemV2Props } from 'libs/shared/components/play-page-v2/interactives-widget/InteractiveWidgetItemV2';\nimport { LanguageNamespaceContext, Text } from 'libs/shared/components/text/Text';\nimport { RestrictionPadlock } from 'libs/shared/components/video-list/components/restriction-padlock/RestrictionPadlock';\nimport { FixedWidget } from 'libs/shared/components/widgets/fixed-widget';\nimport { InteractiveWidgetItem, InteractiveWidgetItemProps } from 'libs/shared/components/widgets/items/interactive-widget-item/InteractiveWidgetItem';\nimport { GlobalPlayerConsumer } from 'libs/shared/context/player-context/components/GlobalPlayerConsumer';\nimport { usePlayerContext } from 'libs/shared/context/player-context/PlayerContext';\nimport { CurationStatus } from 'libs/shared/enums/CurationStatus';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { WidgetContents } from 'libs/shared/enums/WidgetContents';\nimport { useSettings } from 'libs/shared/hooks/useSettings';\nimport { Clip, Config, CurrentUser, Interactive, InteractiveMetadata, PresentationAudience, Video, YearGroup } from 'libs/shared/interfaces';\nimport { PlayViewQueryParams } from 'libs/shared/interfaces/query-params/PlayViewQueryParams';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { RestrictionBanner } from 'shared/components/play-page/RestrictionBanner';\nimport { RelatedVideos } from 'shared/components/related-videos/RelatedVideos';\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { useVideoActions, VideoActionsLocation } from 'shared/hooks/use-video-actions/useVideoActions';\nimport { RelatedVideosHash } from 'shared/hooks/useGetRelatedVideos';\nimport { useLiteFavourites } from 'shared/hooks/useLiteFavourites';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\n\nimport { InteractiveAlertBanner } from 'apps/interactives/components/preview-interactive/InteractiveAlertBanner';\nimport { usePreviewPreventInteractive } from 'apps/interactives/hooks/interactiveHooks';\n\nconst namespace = 'interactives.previewInteractive';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nfunction getSourceVideo(interactive: InteractiveMetadata): Clip | Video {\n  return interactive._parentClip || interactive._parentVideo;\n}\n\ninterface PreviewInteractiveProps {\n  interactive: InteractiveMetadata;\n  yearGroups: YearGroup[];\n  config: Config;\n  currentUser: CurrentUser;\n  queryParams: PlayViewQueryParams;\n  audiences: PresentationAudience[];\n  isPreviewPreventScrubbingEnabled: boolean;\n  relatedVideos: RelatedVideosHash;\n  canManageVideoAccess: boolean;\n  isPlugin: boolean;\n\n  // Share view only\n  shareId?: string;\n}\n\nexport function PreviewInteractive(props: PreviewInteractiveProps): JSX.Element {\n  const locationContext = props.shareId ? LocationContext.PreviewSharedInteractive : LocationContext.PreviewInteractive;\n\n  const playerContext = usePlayerContext();\n\n  const [ isPreviewingPreventScrubbing, setIsPreviewingPreventScrubbing ] = React.useState(false);\n\n  const { canConsume } = VideoHelper.getCanBeConsumed(props.interactive);\n\n  const questionListPortalNode = React.useMemo(() => createHtmlPortalNode(), []);\n  \n  const videoActions = useVideoActions({\n    location: VideoActionsLocation.PlayPage,\n    shareId: props.shareId\n  });\n\n  const { setFavourite, canFavourite } = useLiteFavourites(locationContext);\n  const { hasPlayPageV2 } = useSettings(null);\n\n  usePreviewPreventInteractive(isPreviewingPreventScrubbing, togglePreviewPreventScrubbing);\n\n  function togglePreviewPreventScrubbing() {\n    playerContext.playerRef?.current?.togglePreviewPreventScrubbing?.();\n  }\n\n  function toggleStudentMode() {\n    setIsPreviewingPreventScrubbing(!isPreviewingPreventScrubbing);\n  }\n\n  const sourceVideo = getSourceVideo(props.interactive);\n\n  let otherInteractives: InteractiveMetadata[];\n  let backToName: string;\n  let backAppLink: Core.AppLink;\n\n  if (VideoHelper.isClip(sourceVideo)) {\n    otherInteractives = sourceVideo.interactives?.data?.filter(i => {\n      return i.id.toString() !== props.interactive.id.toString();\n    });\n    backToName = sourceVideo.name;\n    backAppLink = {\n      application: AppChannels.CLIPS,\n      action: Actions.Clips.PLAY_CLIP,\n      args: [ sourceVideo.id, TextHelper.slugify(sourceVideo.name) ]\n    };\n  } else {\n    otherInteractives = sourceVideo.interactives?.data?.filter(i => {\n      return i.id.toString() !== props.interactive.id.toString();\n    });\n    backToName = sourceVideo.name;\n    backAppLink = {\n      application: AppChannels.VIDEOS,\n      action: Actions.Videos.PLAY_VIDEO,\n      args: [ sourceVideo.id, TextHelper.slugify(sourceVideo.name) ]\n    };\n  }\n\n  const isDraft = props.interactive.status === CurationStatus.Draft;\n\n  return (\n    <LanguageNamespaceContext.Provider value={namespace}>\n      <div className='px-4'>\n\n        <RestrictionBanner\n          restrictions={props.interactive._restrictions}\n          yearGroups={props.yearGroups}\n          objectId={props.interactive.id}\n          objectTypeId={MasterType.Interactive}\n          canManageVideoAccess={props.canManageVideoAccess}\n        />\n\n        <InteractiveAlertBanner\n          isPreviewPreventScrubbingEnabled={props.isPreviewPreventScrubbingEnabled}\n          isPreviewingPreventScrubbing={isPreviewingPreventScrubbing}\n          toggleStudentMode={toggleStudentMode}\n          isArchived={VideoHelper.isVideoTypeArchived(props.interactive)}\n        />\n\n        <div className='mb-3'>\n          {canConsume &&\n            <GlobalPlayerConsumer\n              key={props.interactive.id}\n              objectId={props.interactive.id}\n              objectTypeId={props.interactive.typeId}\n              shareId={props.shareId}\n              startTime={props.queryParams.t ?? props.queryParams.startTime}\n              mode='default'\n              location='play-page'\n            />\n          }\n        </div>\n        <div className='d-flex justify-content-between align-items-center'>\n          <div className='inline-block w-100'>\n            <div className='ms-2 float-end'>\n              <ActionsComponent\n                actions={videoActions.getVideoActions(props.interactive)}\n                actionsDropdownClassName='btn btn-outline-dark'\n                fetchMore={() => videoActions.fetchMoreActions(props.interactive)}\n              />\n            </div>\n\n            <h1 className='h3 mb-2'>\n              {isDraft && (\n                <div className={`badge draft-badge me-2 align-bottom flex-shrink-0 h-auto lh-base`}>\n                  <Text phrase='draft' />\n                </div>\n              )}\n              {props.interactive.name}\n              <RestrictionPadlock\n                tooltipPlacement='right'\n                className='ps-1'\n                video={props.interactive}\n                yearGroups={props.yearGroups}\n              />\n            </h1>\n            {VideoHelper.canViewOriginalVideo(props.interactive) &&\n              <div className='mb-1 me-3 clamp-1'>\n                <Text phrase='viewOriginal' />&nbsp;<AppLink appLink={backAppLink} className='text-info'>{backToName}</AppLink>\n              </div>\n            }\n          </div>\n        </div>\n\n        {props.interactive.description &&\n          <p>{props.interactive.description}</p>\n        }\n\n        <div className='mb-3'>\n          <OutPortal node={questionListPortalNode}></OutPortal>\n        </div>\n\n        {!!otherInteractives?.length && (\n          <div className='pb-3'>\n            {!hasPlayPageV2 ? (\n              <FixedWidget<InteractiveWidgetItemProps>\n                name={getPhrase('otherInteractives', { count: otherInteractives.length })}\n                contents={WidgetContents.Interactives}\n                collection={otherInteractives}\n                prefetched\n                getChildAppLink={(interactive: Interactive) => {\n                  return {\n                    application: AppChannels.INTERACTIVES,\n                    action: Actions.Interactives.VIEW_INTERACTIVE,\n                    args: [ interactive.id, TextHelper.slugify(interactive.name) ]\n                  };\n                }}\n                childComponent={InteractiveWidgetItem}\n                extraChildComponentProps={{\n                  video: sourceVideo,\n                  questionsAppLink: {\n                    application: AppChannels.INTERACTIVES,\n                    action: Actions.Interactives.PREVIEW_QUESTIONS\n                  },\n                  imageCdnUrl: props.config.imageCdnUrl\n                }}\n                analyticsData={{ widgetId: 'interactives' }}\n              />\n            ) : (\n              <FixedWidget<InteractiveWidgetItemV2Props>\n                name={getPhrase('otherInteractives', { count: otherInteractives.length })}\n                contents={WidgetContents.Interactives}\n                collection={otherInteractives}\n                prefetched\n                getChildAppLink={(interactive: Interactive) => {\n                  return {\n                    application: AppChannels.INTERACTIVES,\n                    action: Actions.Interactives.VIEW_INTERACTIVE,\n                    args: [ interactive.id, TextHelper.slugify(interactive.name) ]\n                  };\n                }}\n                childComponent={InteractiveWidgetItemV2}\n                extraChildComponentProps={{\n                  yearGroups: props.yearGroups,\n                  questionsAppLink: {\n                    application: AppChannels.INTERACTIVES,\n                    action: Actions.Interactives.PREVIEW_QUESTIONS\n                  },\n                  imageCdnUrl: props.config.imageCdnUrl,\n                  isPlugin: props.isPlugin\n                }}\n                analyticsData={{ widgetId: 'interactives' }}\n              />\n            )}\n          </div>\n        )}\n\n        <RelatedVideos\n          currentVideo={props.interactive}\n          yearGroups={props.yearGroups}\n          setFavourite={setFavourite}\n          canFavourite={canFavourite}\n          currentUser={props.currentUser}\n          audiences={props.audiences}\n          relatedVideos={props.relatedVideos}\n          getVideoAppLink={(v, opts) => VideoAppLinkHelper.getAppLink(v, {\n            ...opts,\n            context: props.queryParams.context,\n            contextId: props.queryParams.contextId,\n            playNext: props.queryParams.playNext,\n            shareId: props.shareId,\n            moviesAndTv: props.queryParams.mtv\n          })}\n          moviesAndTv={props.queryParams.mtv}\n          isPlugin={props.isPlugin}\n        />\n      </div>\n    </LanguageNamespaceContext.Provider>\n  );\n}","import React from 'react';\n\nexport function usePreviewPreventInteractive(\n  previewPreventInteractive: boolean,\n  togglePreviewPreventInteractive: () => void\n): void {\n  React.useEffect(() => {\n    togglePreviewPreventInteractive();\n  }, [previewPreventInteractive]);\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}","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      className='play-page-section'\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 { 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 { Flight } from 'libs/common/flight';\n\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { ProductId } from 'libs/shared/enums/ProductId';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useProducts } from 'libs/shared/hooks/UseProducts';\nimport { CurrentUser } from 'libs/shared/interfaces';\n\nexport function useShouldPreviewInteractive() {\n  const { hasPermissions } = usePermissions();\n  const { hasProduct } = useProducts();\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n\n  return !hasPermissions(PermissionName.StudentExperience) &&\n    hasProduct(ProductId.Primary) &&\n    currentUser.data.isAuthenticated;\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":["InfiniteScrollFooter","props","ref","inView","fetchOnScroll","isFetching","fetchNext","nextCursor","className","Spinner","as","animation","role","SvgContainer","svgName","size","S","onClick","defaultProps","InteractiveWidgetItemV2","interactive","data","thumbnailSize","preloadImage","questionsAppLink","args","id","questionsNumber","_timepoints","value","length","type","textPosition","video","appLink","getAppLink","imageOptions","preload","analyticsData","analyticsOptions","setFavourite","canFavourite","hideDuration","imageCdnUrl","isPlugin","namespace","phrase","options","count","smartCount","PartialVideoList","Array","numVideos","fill","map","_","i","key","allowBulkActions","PartialVideoItem","breakpoints","useBreakpoints","isSmall","VideoListHelper","withDragHandle","withReordering","xs","Row","Col","VideoOwnerText","owner","isClickViewCurated","SvgContainer2","name","UserHelper","Avatar","initials","surname","imageUrl","avatar","url","InteractiveWidgetItem","VideoThumbnail","ThumbnailTextPosition","location","AppLink","_isClickViewCurated","Text","defaultErrors","notFound","forbidden","rating","yearLevel","region","privacy","badRequest","handleHttpError","info","customErrorMap","ignoreMap","statusCode","status","errorMap","generateCacheKey","flightObjs","obj","join","useHandleObjectError","_flightObjs","customErrors","ignoreErrors","isArray","useEffect","forEach","PlayPageAnchor","PlayInteractive","locationContext","shareLink","showHeading","setShowHeading","isArchived","summaryPortalNode","u","hasPermissions","typeId","hasStudentExperience","config","currentUser","viewKey","startTime","onShowSummary","showing","tooltipPlacement","yearGroups","node","currentVideo","relatedVideos","audiences","getVideoAppLink","v","opts","context","queryParams","contextId","playNext","shareId","moviesAndTv","mtv","getPhrase","LanguageService","InteractiveAlertBanner","isPreviewPreventScrubbingEnabled","Tooltip","title","trigger","spanHack","ToggleSwitch","on","isPreviewingPreventScrubbing","toggleStudentMode","PreviewInteractive","previewPreventInteractive","togglePreviewPreventInteractive","playerContext","setIsPreviewingPreventScrubbing","canConsume","VideoHelper","questionListPortalNode","videoActions","useVideoActions","useLiteFavourites","hasPlayPageV2","useSettings","playerRef","current","togglePreviewPreventScrubbing","otherInteractives","backToName","backAppLink","sourceVideo","_parentClip","_parentVideo","interactives","filter","toString","application","action","TextHelper","isDraft","CurationStatus","RestrictionBanner","restrictions","_restrictions","objectId","objectTypeId","MasterType","canManageVideoAccess","GlobalPlayerConsumer","t","mode","Actions","actions","getVideoActions","actionsDropdownClassName","fetchMore","fetchMoreActions","RestrictionPadlock","description","contents","WidgetContents","collection","prefetched","getChildAppLink","childComponent","extraChildComponentProps","widgetId","RelatedVideos","VideoAppLinkHelper","ArchivedBanner","mapTypeId","baseClassName","params","isAuthenticated","hasError","hasCompleted","videos","canAutoplay","el","headingRef","set","getSubTextAppLink","series","presentationAudiences","getPreviewQuestionsAppLink","getClassroomGuideAppLink","getInteractiveGuidanceAppLink","getResourceGuidanceAppLink","hasMore","usePresentationAudiences","redirectOnError","activePresentation","getFallbackPresentation","presentation","useShouldPreviewInteractive","hasProduct","useVideoMixin","objects","hydratedVideos","Set","o","getValidObjects","videoIds","request","setRequest","unhydratedVideos","has","push","add","r","newRequests","flightNamespace"],"sourceRoot":""}

package/dist/scripts/5940-511beff2ee-lite.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[5940],{91200:(e,t,n)=>{n.d(t,{Y:()=>s});var a=n(32735),r=n(68050),i=n(69111),o=n(84231);function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}function s(e){var t,n=function(e){if(Array.isArray(e))return l(e)}(t=Array(e.numItems))||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(t)||function(e,t){if(e){if("string"==typeof e)return l(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}(t)||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.")}(),s=e.itemClassName||"";return a.createElement(a.Fragment,null,e.showHeading&&a.createElement("div",{className:"".concat(o.Z.partialHeading," mb-1 partial-loading-background")}),a.createElement(r.Z,{className:"mx-n1 mb-n2"},n.map((function(e,t){return a.createElement(i.Z,{key:t,xs:6,sm:4,lg:3,className:"".concat(s," px-1 pb-2")},a.createElement("div",{className:"".concat(o.Z.playlistItem," partial-loading-background rounded-3")}))}))))}s.defaultProps={numItems:8}},48745:(e,t,n)=>{n.d(t,{t:()=>A});var a=n(32735),r=n(82602),i=n(23481),o=n(110),l=n(65858),s=n(83345);const c={fontSmall:"OYBRp"};var u="playlists.playlistCount";function d(e){var t=function(e){var t,n,a,r,i,o;return!!e&&(null!==(n=null===(t=e.videos)||void 0===t?void 0:t.count)&&void 0!==n?n:0)+(null!==(r=null===(a=e.interactives)||void 0===a?void 0:a.count)&&void 0!==r?r:0)+(null!==(o=null===(i=e.clips)||void 0===i?void 0:i.count)&&void 0!==o?o:0)}(e.playlist);return!1===t||Number.isNaN(t)?a.createElement(a.Fragment,null):a.createElement("span",{className:c.fontSmall},a.createElement(s.x,{namespace:u,phrase:"count",options:{smartCount:t}}))}var m=n(20789),p=n(89725),f=n(64818);function v(e){var t,n,r,i=e.playlist._liteOwner;if(null===(t=e.playlist._isClickViewCurated)||void 0===t?void 0:t.value)return a.createElement(p.F,null);if(!(null==i?void 0:i.id)||!(null===(n=e.currentUser)||void 0===n?void 0:n.id))return a.createElement(a.Fragment,null);if(i.id.toString()===e.currentUser.id.toString())return a.createElement(a.Fragment,null);var o="string"==typeof i.avatar?i.avatar:null===(r=i.avatar)||void 0===r?void 0:r.url;return a.createElement(m.q,{imageUrl:o,imageCdnUrl:e.imageCdnUrl,initials:f.l.getInitials(i.name,i.surname)})}var g=n(36848),y=n(40955),h=n(75163),b=n(5465),E=n(54610),N=n(80143),w=n(9085),C=n(67453),S=n(84231),P="playlists.playlistList";function A(e){var t,n,s=C.j.createUrl(e.data.cover&&e.data.cover.url,{size:E.h2.Medium,resizeType:E.Nq.Cover}),c=e.data.subjectPresentationAudiences&&e.data.subjectPresentationAudiences.data,u=(0,N.n)(c,e.presentationAudiences),m=S.Z.playlistItem,p=!!s||!!e.showFallbackImage;p&&(m+=" ".concat(S.Z.playlistItemGradient)),!p&&e.bgColourClassNames&&(m+=" ".concat(S.Z.playlistItem," ").concat((0,w.x)(e.data.name,e.bgColourClassNames))),"round"===e.itemStyle&&(m+=" rounded-3 overflow-hidden"),"round-left"===e.itemStyle&&(m+=" rounded-start-lg overflow-hidden");var f=Object.assign(Object.assign({},e.analyticsData),{id:null===(t=e.data)||void 0===t?void 0:t.id,name:null===(n=e.data)||void 0===n?void 0:n.name}),A=Object.assign(Object.assign({},e.analyticsOptions),{entity:l.py.Playlist});return a.createElement(g.F,{appLink:e.appLink,analyticsData:f,analyticsOptions:A,title:function(){var t;return!e.data.contentModifiedDate||(null===(t=e.data._isClickViewCurated)||void 0===t?void 0:t.value)?"":i.T.getPhrase(P,"lastUpdated",{timeago:(0,r.WU)(o.O.convertUTCToLocal(e.data.contentModifiedDate))})}()},a.createElement(h.Z,{data:s,alt:e.data.name,className:m},!!e.showFallbackImage&&a.createElement(b.oy,{type:b.mS.Playlist}),a.createElement("div",{className:"text-white ".concat(S.Z.playlistMetadata)},!!e.showCount&&a.createElement(d,{playlist:e.data}),a.createElement("h5",{className:"mb-0 ".concat(e.titleClassName||"")},a.createElement("span",{className:"clamp-2"},e.data.name)),!!c&&!!c.length&&!!u&&a.createElement(y.P,{className:"".concat(e.audienceLabelClass?e.audienceLabelClass:""," mt-1"),audience:u,border:"white"})),!!e.showOwner&&!!e.imageCdnUrl&&a.createElement("div",{className:S.Z.ownerAvatarContainer},a.createElement(v,{playlist:e.data,currentUser:e.currentUser,imageCdnUrl:e.imageCdnUrl}))))}A.defaultProps={itemStyle:"square"}},31273:(e,t,n)=>{n.d(t,{P:()=>c});var a=n(32735),r=n(68050),i=n(69111),o=n(65858),l=n(48745),s={actionType:o.Vw.Click,entity:o.py.Playlist,location:o.LZ.PlaylistListItem,descriptor:o._S.Cover};function c(e){return a.createElement(r.Z,{className:"mx-n1"},e.extraPlaylistItem&&a.createElement(i.Z,{key:"extra-playlist-item",xs:6,sm:4,lg:3,className:"mb-2 px-1 ".concat(e.itemContainerClassName?e.itemContainerClassName:"")},e.extraPlaylistItem),e.playlists.map((function(t){return a.createElement(i.Z,{key:t.id,xs:6,sm:4,lg:3,className:"mb-2 px-1 ".concat(e.itemContainerClassName?e.itemContainerClassName:"")},a.createElement(l.t,{data:t,appLink:e.getPlaylistAppLink(t),imageCdnUrl:e.imageCdnUrl,currentUser:e.currentUser,presentationAudiences:e.presentationAudiences,bgColourClassNames:e.bgColourClassNames,showCount:e.showCount,showOwner:e.showOwner,showFallbackImage:e.showFallbackImage,titleClassName:e.itemTitleClassName,itemStyle:e.itemStyle,analyticsData:e.analyticsData,analyticsOptions:Object.assign(Object.assign({},e.analyticsOptions),s)}))})))}},83657:(e,t,n)=>{n.d(t,{e:()=>c});var a=n(32735),r=n(91967),i=n(10874),o=n(76177),l=n(42735),s=n(86509);function c(e){var t=a.useMemo((function(){return e.actions.sort((function(e,t){return e.order-t.order}))}),[e.actions]),n=[],c=[];t.forEach((function(e){e.button?n.push(e):c.push(e)}));var u="d-flex";return e.className&&(u+=" ".concat(e.className)),n.length||c.length?a.createElement("div",{className:u},a.createElement(a.Fragment,null,a.createElement("span",{className:"d-flex align-items-center"},n.length?n.map((function(e,t){return a.createElement(a.Fragment,{key:t},function(){if(e.label){var t=r.q.isFunction(e.label)?e.label:function(){return a.createElement(a.Fragment,null,e.label)};return a.createElement(l.K,{appLink:e.appLink,href:e.href,onClick:e.onClick,svgName:e.svgName,className:e.className,tooltip:e.tooltip,showSpinner:e.showSpinner,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,openInNewTab:e.openInNewTab,disabled:e.disabled},t())}var n=a.createElement(i.h,{appLink:e.appLink,href:e.href,onClick:e.onClick,svgName:e.svgName,className:e.className,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,openInNewTab:e.openInNewTab,disabled:e.disabled,showBorder:e.showBorder});return e.tooltip?a.createElement(o.u,{title:e.tooltip,spanHack:!0},n):n}())})):a.createElement(a.Fragment,null),e.sortComponent&&e.sortComponent,c.length?a.createElement(s.m,{actions:c,dropdownToggleClassName:e.actionsDropdownClassName,dropdownToggleSvgSize:e.dropdownToggleSvgSize,fetchMore:e.fetchMore}):a.createElement(a.Fragment,null)))):a.createElement(a.Fragment,null)}},86509:(e,t,n)=>{n.d(t,{m:()=>g});var a=n(32735),r=n(91967),i=n(81886),o=n(45157),l=n(49985),s=n(36848),c=n(83914),u=n(76177),d=n(35223);const m={dropdownToggle:"UCAnJ"};function p(){return a.createElement(a.Fragment,null,a.createElement("div",{style:{padding:"0.53125rem 1rem"}},a.createElement("div",{className:"partial-loading-background",style:{height:"1.0625rem",width:"8rem"}})),a.createElement("div",{style:{padding:"0.53125rem 1rem"}},a.createElement("div",{className:"partial-loading-background",style:{height:"1.0625rem",width:"12rem"}})),a.createElement("div",{style:{padding:"0.53125rem 1rem"}},a.createElement("div",{className:"partial-loading-background",style:{height:"1.0625rem",width:"11rem"}})),a.createElement("div",{style:{padding:"0.53125rem 1rem"}},a.createElement("div",{className:"partial-loading-background",style:{height:"1.0625rem",width:"9rem"}})))}function f(e){var t="dropdown-item";return e&&(t+=" ".concat(e)),t}function v(e){var t=r.q.isFunction(e.action.label)?e.action.label:function(){return a.createElement(a.Fragment,null,e.action.label)};if(e.action.appLink)return a.createElement(s.F,{appLink:e.action.appLink,onClick:e.action.onClick,className:f(e.action.className),analyticsData:e.action.analyticsData,analyticsOptions:e.action.analyticsOptions,openInNewTab:e.action.openInNewTab,disabled:e.action.disabled},e.action.svgName&&a.createElement(c.x,{svgName:e.action.svgName,className:"d-inline-block svg-container me-2 align-middle"}),a.createElement("span",{className:"align-middle"},t()));function n(t){t.preventDefault(),e.action.analyticsData&&e.action.analyticsOptions&&l.k.logUserAction(e.action.analyticsData,e.action.analyticsOptions),r.q.isFunction(e.action.onClick)&&e.action.onClick(),e.action.href&&i.Q.Ab.PageLoad(e.action.href,e.action.openInNewTab)}return e.action.href?a.createElement("a",{className:f(e.action.className),onClick:n,href:e.action.href},e.action.svgName&&a.createElement(c.x,{svgName:e.action.svgName,className:"d-inline-block svg-container me-2 align-middle"}),a.createElement("span",{className:"align-middle"},t())):a.createElement("span",{className:"cursor-pointer ".concat(f(e.action.className)),onClick:n,role:"button",tabIndex:0,onKeyDown:function(e){return"Enter"===e.key&&n(e)}},e.action.svgName&&a.createElement(c.x,{svgName:e.action.svgName,className:"d-inline-block svg-container me-2"}),t())}function g(e){if(!e.actions||!e.actions.length)return a.createElement(a.Fragment,null);var t=e.actions.some((function(e){return e.lazyPlaceholder})),n="dropdown";e.className&&(n+=" ".concat(e.className));var r,i="actions-dropdown-".concat(o.Y.getRandomInt()),l="dropdown-toggle px-0 ".concat(m.dropdownToggle);return e.dropdownToggleClassName&&(l+=" ".concat(e.dropdownToggleClassName)),a.createElement("div",{className:n},a.createElement("button",{className:l,type:"button",id:i,"data-bs-toggle":"dropdown","data-toggle":"dropdown","aria-haspopup":"true","aria-expanded":"false",onClick:t?e.fetchMore:null},a.createElement(c.x,{svgName:d.vn.More,size:e.dropdownToggleSvgSize})),a.createElement("div",{className:"dropdown-menu dropdown-menu-end dropdown-menu-right","aria-labelledby":i},t?a.createElement(p,null):e.actions.map((function(e,t){var n=void 0!==r&&r!==e.group;return r=e.group,e.tooltip?a.createElement(a.Fragment,{key:t},n&&a.createElement("hr",{className:"dropdown-divider",role:"separator"}),a.createElement(u.u,{title:e.tooltip,spanHack:!0},a.createElement(v,{action:e}))):a.createElement(a.Fragment,{key:t},n&&a.createElement("hr",{className:"dropdown-divider",role:"separator"}),a.createElement(v,{action:e}))}))))}g.defaultProps={dropdownToggleClassName:"btn btn-light",dropdownToggleSvgSize:c.S.Small}},40955:(e,t,n)=>{n.d(t,{P:()=>r});var a=n(32735);function r(e){return e.audience?a.createElement("div",{className:"audience-label border rounded-pill d-inline-block px-2 text-nowrap \n      ".concat("border-"+e.border," ").concat(e.className?e.className:"")},e.audience.name):a.createElement(a.Fragment,null)}},71020:(e,t,n)=>{n.d(t,{_:()=>u});var a=n(32735),r=n(80247),i=n(34152),o=n(83914),l=n(35223);const s={container:"VwD1b",spinner:"eJ85e"};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 u(e){var t,n,u=(t=(0,i.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,i,o,l=[],s=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(a=i.call(n)).done)&&(l.push(a.value),l.length!==t);s=!0);}catch(e){c=!0,r=e}finally{try{if(!s&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw r}}return l}}(t,n)||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}}(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(s.container),ref:d},e.isFetching?a.createElement(r.Z,{as:"span",animation:"border",role:"status",className:s.spinner}):a.createElement(o.x,{svgName:l.vn.ChevronDown,className:"svg-container cursor-pointer",size:o.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}},94644:(e,t,n)=>{n.d(t,{r:()=>u});var a=n(50242),r=n(81886),i=n(67058),o=n(14553),l=n(49267),s=n(49075),c={notFound:i.d,forbidden:{rating:o.q,yearLevel:o.q,region:l.a,privacy:o.q},badRequest:s._};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 i;i="number"==typeof e?e:e.status;var o=Object.assign(Object.assign({},c),t);i&&r.Q.Ry.isStatusCodeError(i)&&(i!==a.o.NotFound?i!==a.o.Forbidden?n.badRequest||r.Q.Ry.throw(new o.badRequest):n.forbidden||r.Q.Ry.throw(new o.forbidden.privacy):n.notFound||r.Q.Ry.throw(new o.notFound))}}},60115:(e,t,n)=>{n.d(t,{K:()=>c});var a=n(32735),r=n(50242),i=n(91967),o=400,l=n(45719);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 c(e,t,n,c,u,d){var m,p,f,v,g=(m=(0,a.useState)(0),p=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,i,o,l=[],s=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(a=i.call(n)).done)&&(l.push(a.value),l.length!==t);s=!0);}catch(e){c=!0,r=e}finally{try{if(!s&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw r}}return l}}(m,p)||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}}(m,p)||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.")}()),y=g[0],h=g[1],b=t,E=(0,l.P)((function(t){if(!e)return null;var n=e(t);return n?n.key:null}),c,u);return f={fetchNextPage:function(){if(t&&e&&E)return h((function(e){return e+1})),b(E.nextCursor)},hasMore:!!(null==E?void 0:E.nextCursor),isFetching:null==E?void 0:E.isFetching,scrollContainer:d},v=function(){if(!f.isFetching){if(f.scrollContainer){var e=f.scrollContainer;if(e.getBoundingClientRect().height+e.scrollTop<e.scrollHeight-o)return}else if(window.innerHeight+document.documentElement.scrollTop<document.documentElement.scrollHeight-o)return;f.fetchNextPage()}},(0,a.useEffect)((function(){var e=i.q.throttle(v,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&&(b(),h((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)&&i.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(y,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}}},80143:(e,t,n)=>{n.d(t,{n:()=>i});var a=n(32735),r=n(69454);function i(e,t){var n=a.useMemo((function(){return(null==e?void 0:e.length)&&t&&r.T.shouldShowAudiences(t)?r.T.getSortedPresentationAudiences(e,t):null}),[e]);return a.useMemo((function(){return(null==n?void 0:n.length)?r.T.getMergedPresentationAudienceString(n):null}),[n])}},69454:(e,t,n)=>{n.d(t,{T:()=>d});var a=n(75896),r=n(1048),i=n(55171);function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}var l=/\d/,s=function(e){var t,n,r=a.m.first(e),i=a.m.last(e);return r.name===i.name?r.name:"Advanced"===i.name?"lower"===(t=r.name.split(" "),n=1,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,i,o,l=[],s=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(a=i.call(n)).done)&&(l.push(a.value),l.length!==t);s=!0);}catch(e){c=!0,r=e}finally{try{if(!s&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw r}}return l}}(t,n)||function(e,t){if(e){if("string"==typeof e)return o(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(e,t):void 0}}(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.")}())[0].toLowerCase()?"Lower Sec - Adv":"Upper Sec - Adv":"Lower - Upper Sec"},c=/([0-9]+)/gi,u=/\s|\+/gi,d={getSortedPresentationAudiences:function(e,t){var n=e.filter((function(e){return!!e})).map((function(e){return e.id.toString()}));return t.filter((function(e){return n.includes(e.masterId.toString())}))},getMergedPresentationAudienceString:function(e){var t,n,r,o="";switch(+a.m.first(e).presentationId){case i.e.PresentationIds.DEFAULT:case i.e.PresentationIds.AU_SECONDARY:case i.e.PresentationIds.US_ELEMENTARY:case i.e.PresentationIds.AU_PRIMARY:case i.e.PresentationIds.STREAMABLE_LEARNING:if(1===e.length)return e[0];o=function(e){var t=e.map((function(e){return e.name})).join(" "),n=t.split(" ").filter((function(e){return!isNaN(+e)})).map((function(e){return+e}))||[],a=t.split(" ").filter((function(e){return isNaN(+e)}))||[],r=e.find((function(e){return!l.test(e.name)})),i=a.find((function(e){return e!==(null==r?void 0:r.name)}));if(e.length>1&&(i+="s"),r&&n.length)return"".concat(i," ").concat(r.name.charAt(0)," - ").concat(n.pop());var o=function(e){var t,n,a,r,i=!1,o=[];for(e=e.sort((function(e,t){return e-t})),a=0;a<e.length;a++)r=a+1,i||(t=e[a]),n=e[r],e[a]+1===n?i=!0:i?(o.push("".concat(t," - ").concat(e[a])),i=!1):(o.push("".concat(e[a])),i=!1);return o}(n);return"".concat(i," ").concat(o.join(", "))}(e);break;case i.e.PresentationIds.SCOTLAND_PRIMARY:case i.e.PresentationIds.INTERNATIONAL_PRIMARY:case i.e.PresentationIds.INTERNATIONAL_SECONDARY:if(1===e.length)return e[0];o=function(e){var t=e.map((function(e){return e.name})),n={};t.forEach((function(e,t){if(0!==t){var a=e.split(" ");Object.keys(n).forEach((function(e){a.includes(e)||delete n[e]}))}else e.split(" ").forEach((function(e,t){n[e]=0===t?"start":"end"}))}));var a=Object.keys(n)[0],r=n[a];if(!a)return e[0].name;var i=e[0].name,o=e[e.length-1].name,l=function(e){return e.split(a)[0]},s="".concat(l(i)," - ").concat(l(o));return"start"===r?"".concat(a," ").concat(s):"".concat(s," ").concat(a)}(e);break;case i.e.PresentationIds.ENGLISH_SECONDARY:o=s(e);break;case i.e.PresentationIds.SCOTLAND_SECONDARY:t=e,n=a.m.first(t),r=a.m.last(t),o=n.name===r.name?n.name:"Senior Phase"===r.name?"".concat(n.name," - Senior"):"Third - Fourth Level";break;case i.e.PresentationIds.ENGLAND_PRIMARY:o=function(e){var t=a.m.first(e),n=a.m.last(e),r=a.m.first(t.name.split(" ")),i=a.m.first(n.name.split(" ")),o=t.name.split(" ").find((function(e){return!isNaN(+e)})),l=n.name.split(" ").find((function(e){return!isNaN(+e)}));if(t===n)return"Key"===r||"Reception"===r?t.name:"".concat(r," KS").concat(o);var s="",c="";return s="Reception"===r?"R":"KS".concat(o),c="KS".concat(l),"Lower"===r&&"Upper"===i?"L ".concat(s," - U ").concat(c):("Lower"===r&&(s="Lower ".concat(s)),"Upper"===i&&(c="Upper ".concat(c)),"Key"===i&&(c=n.name),"".concat(s," - ").concat(c))}(e);case i.e.PresentationIds.US_MIDDLE:case i.e.PresentationIds.US_HIGH:}return o?{name:o}:null},sortMembersWithDuplicateNamesByAudience:function(e){var t=function(e){return e.length?(e.forEach((function(e){var r=+a.m.first(e.name.match(c));if(!t)return t=e,void(n=r);r<n&&(t=e)})),t):null;var t,n},n={},r=[];return e.forEach((function(e){if(!n[e.name])return n[e.name]=1,void r.push(e);r.push(e),n[e.name]++;var a=r.splice(r.length-n[e.name]).sort((function(e,n){var a=t(e.subjectPresentationAudiences.data),r=t(n.subjectPresentationAudiences.data);if(!a&&r)return 1;if(!r)return-1;var i=a.name.localeCompare(r.name);return 0===i?i:i>0?-1:1}));r=r.concat(a)})),r},getActiveAudiencesFromParams:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(r.t.isObject(t)&&!r.t.isEmpty(t)&&e&&e.length&&d.shouldShowAudiences(e)){var n=t.a;if(n){"string"==typeof n&&(n=[n]);var a=function(e){return e.replace(u,"").toLowerCase()},i=n.reduce((function(e,t){return e[a(t)]=t,e}),{});return e.filter((function(e){return i[a(e.name)]}))}}},getAudienceParams:function(e){return(null==e?void 0:e.length)?{a:e.map((function(e){return e.name}))}:null},shouldShowAudiences:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return!!e&&e.length>1}}},5940:(e,t,n)=>{n.r(t),n.d(t,{PlaylistsView:()=>J});var a=n(32735),r=n(70680),i=n(23481),o=n(20354),l=n(65858),s=n(91200),c=n(31273),u=n(91967),d=n(76611),m=n(36848);function p(e){return p="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},p(e)}function f(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=p(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var a=n.call(e,"string");if("object"!=p(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==p(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var v="playlists.playlistSortSelect",g=u.q.memoize((function(){return f(f(f(f(f({},d.o.RecentlyUpdated,{name:i.T.getPhrase(v,"recentlyUpdated")}),d.o.AtoZ,{name:i.T.getPhrase(v,"atoz")}),d.o.ZtoA,{name:i.T.getPhrase(v,"ztoa")}),d.o.Newest,{name:i.T.getPhrase(v,"newest")}),d.o.Oldest,{name:i.T.getPhrase(v,"oldest")})}));function y(e){var t=e.type,n=e.getSortAppLink,r=e.variant,i=g();return a.createElement("div",{className:"dropdown"},a.createElement("a",{className:"btn btn-".concat(r," ms-2 dropdown-toggle"),type:"button",id:"sort-select","data-bs-toggle":"dropdown","data-toggle":"dropdown","aria-haspopup":"true","aria-expanded":"false"},i[t].name),a.createElement("div",{className:"dropdown-menu dropdown-menu-end dropdown-menu-right","aria-labelledby":"sort-select"},Object.values(d.o).map((function(e){var r="dropdown-item";return e===t&&(r+=" active"),a.createElement(m.F,{key:e,className:r,appLink:n(e),analyticsData:{sort:i[e].name},analyticsOptions:{location:l.LZ.PlaylistListHeader,entity:l.py.Playlists,actionType:l.Vw.Sort,workflowPhase:l.eu.Complete}},i[e].name)}))))}y.defaultProps={variant:"light"};var h=n(23257),b=n(70006),E=n(71521),N=n(83657),w=n(71020),C=n(83345),S=n(7733),P=n(16714),A=n(94644),I=n(39151),L=n(5112),k=n(31949),T=n(69883),O=n(60115),F=n(22902),x=n(79612),U=n(35223),D=n(14070),j=n(97291),M=n(44110),R=n(26323),_=n(99742);const Y={playlistMetadata:"vv8fW"};var Z="playlists.favouritesPlaylistItem",B=i.T.encloseNamespace(Z);function V(e){var t={entity:l.py.Playlist,actionType:l.Vw.Click,location:l.LZ.PlaylistListItem},n=_.W.FAVOURITES_PLAYLIST.FAV_PLAYLIST_COVER,r={application:j.O.MY_FAVOURITES,action:D.e.MyFavourites.MY_FAVOURITES};return a.createElement(m.F,{appLink:r,analyticsData:{name:"Favourites",extraItem:"user-favourites"},analyticsOptions:t,title:B("favouritesTitle")},a.createElement("div",{className:"position-relative"},a.createElement("div",{className:"text-white ".concat(Y.playlistMetadata)},!e.isLoadingCount&&a.createElement("span",null,a.createElement(C.x,{namespace:Z,phrase:"count",options:{smartCount:e.count}})),a.createElement("h5",{className:"mb-0"},a.createElement("span",{className:"clamp-2"},B("favouritesTitle")))),a.createElement("img",{src:n,className:"w-100 h-100 rounded-3"})))}var q=n(23232),H="playlists.playlistsEmptyState",$=i.T.encloseNamespace(H);function z(e){return a.createElement(C.D.Provider,{value:H},a.createElement(q.u,null,a.createElement(q.u.Image,{src:_.W.EmptyStates.Playlists.PLAYLISTS,altText:$("info")}),a.createElement(q.u.Heading,null,a.createElement(C.x,{phrase:"heading"})),a.createElement(q.u.Info,null,a.createElement(C.x,{phrase:e.isStudent?"studentInfo":"info"})),a.createElement(q.u.Cta,{text:i.T.getPhrase(H,"cta"),icon:U.vn.Plus,appLink:{application:j.O.PLAYLISTS,action:D.e.Playlists.NEW_PLAYLIST}})))}function W(){return a.createElement(C.D.Provider,{value:H},a.createElement(q.u,null,a.createElement(q.u.Image,{src:_.W.EmptyStates.Playlists.PLAYLISTS_PUBLIC,altText:$("info")}),a.createElement(q.u.Heading,null,a.createElement(C.x,{phrase:"heading"})),a.createElement(q.u.Info,null,a.createElement(C.x,{phrase:"info"})),a.createElement(q.u.Cta,{text:i.T.getPhrase(H,"publicCta"),appLink:{application:j.O.SIGN_UP,action:D.e.SignUp.SIGN_UP},analyticsData:{},analyticsOptions:{actionType:l.Vw.Click,location:l.LZ.PlaylistsLanding,entity:l.py.AppLink,workflowPhase:l.eu.Start,descriptor:l.Yu.SignUp}})))}var G="playlists.playlists",K=i.T.encloseNamespace(G);function Q(e){return{application:j.O.PLAYLISTS,action:D.e.Playlists.HOME,params:{sort:e}}}function J(e){var t,n=(0,r.I0)(),i=(0,T.Z)(),u=(0,F.T)(),d=u.hasLocalPermissions,m=u.hasPermissions,p=u.isLoaded,f=m(P.C.StudentExperience),v=o.a.useBasicFetch(I.L.config()),g=o.a.useBasicFetch(k.N.currentUser()),_=(0,M.i)(),Y=!!g.data&&E.A.getOrSetSortType(g.data.id,e.sort),Z=(0,R.B)(null===(t=g.data)||void 0===t?void 0:t.id),B=Z.count,q=Z.favourites,H={count:B,isLoadingCount:Z.isLoading,data:q},$=!!Y&&function(e){return L.C.getUserPlaylists(new b.l(Y,e,h.e.All))},J=!!$&&function(e){o.a.getFetch(n)($(e))};(0,x.M)({title:K("pageTitle"),description:K("pageDescription")});var X=!d(P.E.ViewPlaylistsLanding)&&Y,ee=(0,O.K)(!!X&&$,J,(function(e,t){if(1===e)return(0,A.r)(t);i.error(K("error"))})),te=ee.items,ne=ee.hasMore,ae=ee.isFetching,re=[{label:K("createPlaylist"),appLink:{application:j.O.PLAYLISTS,action:D.e.Playlists.NEW_PLAYLIST},svgName:U.vn.Plus,className:"btn btn-outline-dark",button:!0,analyticsData:{},analyticsOptions:{location:l.LZ.Banner,entity:l.py.Playlist,workflowPhase:l.eu.Start,actionType:l.Vw.Create}}],ie=!!te&&!!g.data&&!!v.data&&(!!_.data||_.hasError)&&!!p;return d(P.E.ViewPlaylistsLanding)?a.createElement(W,null):!ie||H.count||(null==te?void 0:te.length)?a.createElement("div",{className:"bg-white px-3"},a.createElement("div",{className:"d-flex justify-content-between align-items-end pb-3"},a.createElement("h1",{className:"h2 mb-0"},a.createElement(C.x,{namespace:G,phrase:"headerTitle"})),!!Y&&a.createElement(N.e,{actions:re,sortComponent:a.createElement(y,{variant:"outline-dark",type:Y,getSortAppLink:Q})})),ie?a.createElement(c.P,{playlists:te,getPlaylistAppLink:e.getPlaylistAppLink,imageCdnUrl:v.data.imageCdnUrl,currentUser:g.data,presentationAudiences:_.data||[],bgColourClassNames:S.o,itemContainerClassName:"columns-of-five",itemStyle:"round",showCount:!0,showOwner:!0,extraPlaylistItem:H.count?a.createElement(V,Object.assign({},H)):null}):a.createElement(s.Y,{itemClassName:"columns-of-five"}),ie&&(ne||ae)&&a.createElement(w._,{isFetching:ae,fetchNext:J})):a.createElement(z,{isStudent:f})}},44110:(e,t,n)=>{n.d(t,{i:()=>o});var a=n(20354),r=n(89454),i=n(86698),o=function(){var e=(0,i.y)({redirectOnError:!0}),t=e.activePresentation,n=e.getFallbackPresentation,o=t||n();return a.a.useBasicFetch(!!o&&r.O.presentationAudiences(o.id))}},26323:(e,t,n)=>{n.d(t,{B:()=>l});var a=n(20354),r=n(63419);function i(e){return function(e){if(Array.isArray(e))return o(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return o(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}function l(e){var t,n,o,l,s,c,u,d,m,p=a.a.useBasicFetch(e&&r.P.getFavouritesVideosCount(e)),f=a.a.useBasicFetch(e&&r.P.getFavouritesClipsCount(e)),v=a.a.useBasicFetch(e&&r.P.getFavouritesInteractivesCount(e));return{count:(null===(t=p.data)||void 0===t?void 0:t.count)+(null===(n=v.data)||void 0===n?void 0:n.count)+(null===(o=f.data)||void 0===o?void 0:o.count),favourites:[].concat(i((null===(l=p.data)||void 0===l?void 0:l.data)||[]),i((null===(s=f.data)||void 0===s?void 0:s.data)||[]),i((null===(c=v.data)||void 0===c?void 0:c.data)||[])),isLoading:!(null===(u=p.data)||void 0===u?void 0:u.data)||!(null===(d=f.data)||void 0===d?void 0:d.data)||!(null===(m=v.data)||void 0===m?void 0:m.data)}}},84231:(e,t,n)=>{n.d(t,{Z:()=>a});const a={playlistItem:"CaRJx",playlistItemGradient:"BI7p2",playlistMetadata:"eDk1l",partialHeading:"w4lWh",ownerAvatarContainer:"JImqE"}},68050:(e,t,n)=>{n.d(t,{Z:()=>c});var a=n(95685),r=n.n(a),i=n(32735),o=n(46304),l=n(74512);const s=i.forwardRef((({bsPrefix:e,className:t,as:n="div",...a},i)=>{const s=(0,o.vE)(e,"row"),c=(0,o.pi)(),u=(0,o.zG)(),d=`${s}-cols`,m=[];return c.forEach((e=>{const t=a[e];let n;delete a[e],null!=t&&"object"==typeof t?({cols:n}=t):n=t;const r=e!==u?`-${e}`:"";null!=n&&m.push(`${d}${r}-${n}`)})),(0,l.jsx)(n,{ref:i,...a,className:r()(t,s,...m)})}));s.displayName="Row";const c=s},82602:(e,t,n)=>{n.d(t,{WU:()=>c});var a=["second","minute","hour","day","week","month","year"],r=["秒","分钟","小时","天","周","个月","年"],i={},o=function(e,t){i[e]=t},l=[60,60,24,7,365/7/12,12];function s(e){return e instanceof Date?e:!isNaN(e)||/^\d+$/.test(e)?new Date(parseInt(e)):(e=(e||"").trim().replace(/\.\d+/,"").replace(/-/,"/").replace(/-/,"/").replace(/(\d)T(\d)/,"$1 $2").replace(/Z/," UTC").replace(/([+-]\d\d):?(\d\d)/," $1$2"),new Date(e))}var c=function(e,t,n){var a=function(e,t){return(+(t?s(t):new Date)-+s(e))/1e3}(e,n&&n.relativeDate);return function(e,t){for(var n=e<0?1:0,a=e=Math.abs(e),r=0;e>=l[r]&&r<l.length;r++)e/=l[r];return(e=Math.floor(e))>(0==(r*=2)?9:1)&&(r+=1),t(e,r,a)[n].replace("%s",e.toString())}(a,function(e){return i[e]||i.en_US}(t))};o("en_US",(function(e,t){if(0===t)return["just now","right now"];var n=a[Math.floor(t/2)];return e>1&&(n+="s"),[e+" "+n+" ago","in "+e+" "+n]})),o("zh_CN",(function(e,t){if(0===t)return["刚刚","片刻后"];var n=r[~~(t/2)];return[e+" "+n+"前",e+" "+n+"后"]}))}}]);
+//# sourceMappingURL=5940-511beff2ee-lite.chunk.js.map