@clickview/lite 0.49.0-rc.2 → 0.49.0-rc.4

package/dist/scripts/6723-ece2125bab-lite.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts/6723-ece2125bab-lite.chunk.js","mappings":"6NAuBaA,EAAiB,SAAH,WAAMC,WAAcC,EAAI,EAAJA,KAAMC,EAAO,EAAPA,QAASC,EAAM,EAANA,OAAUC,EAAY,EAAZA,aAAY,OAClF,sBAAIC,UAAS,yBAAoBF,EAAS,UAAY,KACnDA,EACG,8BAASF,GACT,gBAAC,IAAO,CAACC,QAASA,GACjBE,GAAgB,gBAAC,IAAY,CAACE,QAAS,iBAA0BC,KAAM,EAAAC,EAAA,QACxE,wBAAMH,UAAWD,EAAe,OAAS,IAAKH,IAG/C,EAOMQ,EAAc,SAAH,GAAyC,IAAnCC,EAAW,EAAXA,YACtBC,GAAW,OAAc,QAEzBC,EAASF,aAAW,EAAXA,EAAaE,OAE5B,OAAKA,GAAWD,GAAYC,EAAS,EAC5B,iCAELD,EAEA,oCAAgB,cACd,sBAAIN,UAAU,sBACZ,gBAACN,EAAc,CAACC,WAAYU,EAAYE,EAAS,GAAIR,cAAY,MAMvE,oCAAgB,cACd,sBAAIC,UAAU,sBACXK,EAAYG,KAAI,SAACC,EAAGC,GAAG,OAAK,gBAAChB,EAAc,CAACiB,IAAKD,EAAKf,WAAYc,GAAK,KAIhF,EAEaG,EAAqB,QAAW,YAAiD,QAAtCC,SAAAA,OAAQ,IAAG,IAAC,EAGlE,OAFiB,OAAc,QAI3B,uBAAKb,UAAU,6BAA6Bc,MAAO,CAAEC,OAAQ,YAAaC,MAAO,UAKnF,oCAAgB,cACd,sBAAIhB,UAAU,sBACX,2BAA4C,CAAEa,SAAAA,IAAYL,KAAI,WAAYE,GAAG,IAAZM,EAAK,EAALA,MAAK,OACrE,sBAAIL,IAAKD,EAAKV,UAAU,mBACtB,wBAAMA,UAAU,4CAA4Cc,MAAO,CAAEE,MAAAA,GAASC,wBAAyB,CAAEC,OAAQ,WAC9G,KAKf,G,6FCpFA,SAAgB,eAAiB,QAAQ,YAAc,QAAQ,mBAAqB,QAAQ,iBAAmB,QAAQ,kBAAoB,SCiBrI,SAAUC,EAAiBC,GAC/B,OACE,uBAAKpB,UAAU,QACZqB,MAAMD,EAAME,WAAWC,KAAK,MAAMf,KAAI,SAACgB,EAAGC,GAAC,OAC1C,uBAAKzB,UAAU,SAASW,IAAKc,GAC1BL,EAAMM,kBAAoB,uBAAK1B,UAAU,yCAC1C,gBAAC2B,EAAgB,iBAAKP,IAClB,IAId,CAEM,SAAUO,EAAiBP,GAC/B,IAAMQ,GAAc,EAAAC,EAAA,KAGdC,EAAmB,OADZC,EAAA,UAAwBH,EAAa,MAG5CI,EAAiBZ,EAAMa,iBAAmBL,EAAYM,GAE5D,OACE,gBAACC,EAAA,EAAG,CAACnC,UAAS,UAAK8B,EAAU,GAAK,OAAM,iBACtC,gBAACM,EAAA,EAAG,iBAAKL,EAAA,wBAAqC,CAAE/B,UAAS,6CAAwC8B,EAAU,YAAc,uBACvH,gBAACK,EAAA,EAAG,OACCH,GACD,uBAAKhC,UAAU,0DACb,uBAAKA,UAAS,qCAAgC,wBAGlD,gBAACoC,EAAA,EAAG,CAACF,GAAIH,EAAA,sBAAoCC,IAC3C,uBAAKhC,UAAS,qCAAgC8B,EAAU,UAAY,YAAW,YAAI,yBAIzF,gBAACM,EAAA,EAAG,iBAAKL,EAAA,sBAAmC,CAAE/B,UAAW8B,EAAU,OAAS,SAC1E,uBAAK9B,UAAS,0CAAqC,iBACnD,uBAAKA,UAAS,qCAAgC,yBAItD,CA7CAmB,EAAiBkB,aAAe,CAC9Bf,UAAW,G,4ICfb,IAAMgB,EAAyD,CAC7DzB,SAAU,EACV0B,SAAU,GACVC,SAAU,KAaCC,EAAuB,CAClCC,uBAAsB,WAAoC,I,EAAnCC,EAAA,uDAAiC,CAAC,EACjDC,EAAO,OAAH,wBACLN,GACAK,GAKL,O,EAAWtB,MAAMuB,EAAK/B,U,knBAAWL,KAAI,iBAAO,CAAEQ,MAAO,GAAF,OAFhB6B,KAAKC,IAAID,KAAKE,MAAMF,KAAKG,SAAWJ,EAAKJ,UAAWI,EAAKL,UAEd,MAAM,GACtF,E,wECnBWU,EAA2B,WACtC,OAAwD,OAAgB,CAAEC,iBAAiB,IAAnFC,EAAkB,EAAlBA,mBAAoBC,EAAuB,EAAvBA,wBAEtBC,EAAeF,GAAsBC,IAO3C,OALkB,oBACdC,GACF,0BAAuCA,EAAaC,IAIxD,C,oHCMM,SAAUC,IACd,OAAgD,SAAxCC,EAAc,EAAdA,eAAgBC,EAAmB,EAAnBA,oBAChBC,GAAe,SAAfA,WACFC,EAAS,kBAA6B,cAEtCC,EAAQF,EAAW,aA2BzB,MAAO,CACLG,iBARF,SAA0BC,G,QACxB,QAAKA,MAGoC,QAAhC,EAAW,QAAX,EAAAH,EAAOI,YAAI,eAAEC,2BAAmB,eAAGF,GAC9C,EAIEG,cAAeT,EAAe,qBAC9BU,kBAAkB,EAClBC,oBAAqBP,GAASJ,EAAe,2BAC7CY,aAAcR,GAASJ,EAAe,oBACtCa,uBAAwBb,EAAe,qBACvCc,cAAeb,EAAoB,qBACnCc,qBA7BId,EAAoB,kBAQjB,sBAsBPe,qBAAsBf,EAAoB,4BAC1CgB,YAAab,EAEjB,C,oVCjCMc,EAAY,qBADA,qBAOZ,SAAUC,EAAcvD,G,wBACpBwD,EAAWxD,EAAXwD,OACR,GAAuC,IAAAC,GAAkB,qBAAjDC,EAAY,EAAZA,aAAcC,EAAY,EAAZA,aAEhBC,GAAe,OAAgB,CAAEC,SAAU,gBAC3CC,GAAgB,SAEhBC,EAAc,kBAAkC,mBAChDC,EAAa,kBACjBD,EAAYpB,KAAKsB,iBAAmB,eAA4BF,EAAYpB,KAAKuB,aAG7EC,EAAO,kBAA2B,SAAkBX,IAKpDY,EAAuC,QAA7B,EAAuB,QAAvB,EAAgB,QAAhB,EAHI,mBACK,QAAvB,EAAS,QAAT,EAAAD,EAAKxB,YAAI,eAAE0B,oBAAY,eAAEnC,KAAM,UAA2C,QAAvB,EAAS,QAAT,EAAAiC,EAAKxB,YAAI,eAAE0B,oBAAY,eAAEnC,GAAI,KAAM6B,aAAW,EAAXA,EAAapB,KAAKT,KAE9ES,YAAI,eAAE2B,aAAK,eAAE3B,YAAI,eAAE4B,QAAO,SAAAJ,GAAI,OAAIA,EAAKjC,KAAOsB,CAAM,IAC1EgB,GAAQJ,aAAO,EAAPA,EAASjF,SAAU,EAE3BoD,EAAS,kBAA6B,cAEtCkC,EAAQ,GAAH,OAAMnB,EAAU,eAAc,aAAKkB,GAAS,GAAE,KAEnDE,GAAY,SACVtC,GAAmB,SAAnBA,eAEFnD,EAA4B,CAAC,CACjCT,KAAe,QAAT,EAAA2F,EAAKxB,YAAI,eAAEnE,KACjBC,QAAS,OAAF,wBACF,cAA2B,CAC9BkG,KAAM,CAAEnB,EAAQ,YAA4B,QAAT,EAAAW,EAAKxB,YAAI,eAAEnE,UAE/C,CACDA,KAAMiG,EACNhG,QAAS,CACPmG,YAAa,UACbC,OAAQ,qBACRF,KAAM,CAACnB,IAET9E,QAAQ,IAgBV,OANA,aAAgB,WACToF,EAAcd,cARrB,W,MACE,eAA2B,OAAD,wBACrB,cAA2B,CAC9B2B,KAAM,CAAEnB,EAAQ,YAA4B,QAAT,EAAAW,EAAKxB,YAAI,eAAEnE,SAC7C,CAAEsG,SAAS,GAChB,CAIIC,EAEJ,GAAG,CAACjB,EAAcd,eAEbmB,EAAKxB,OAASyB,aAAO,EAAPA,EAASjF,SAAWoD,EAAOyC,aAI5C,gBAAC,aAA4B,CAACC,MAAOrB,GACnC,uBAAKhF,UAAU,QACb,sBAAIA,UAAU,WAAW6F,GAEzB,uBAAK7F,UAAU,QACb,gBAAC,KAAW,CAACK,YAAaA,KAG5B,gBAAC,KAAS,CACRiG,OAAQd,EACRJ,WAAYA,EAAWrB,KACvBwC,gBAAiB,SAACC,EAAO5D,GAAI,OAAK,eAA8B4D,EAAO,OAAF,wBAChE5D,GAAI,CACP6D,QAAS,WACTC,UAAWtF,EAAMwD,SACjB,EACFpB,eAAgBA,EAChBmD,kBAAmB,SAAAH,GAAK,OAAI,qBAAqCA,EAAMI,OAAO,EAC9E9B,aAAcA,EACdC,aAAcA,EACd8B,sBAAuBf,EAAU/B,KACjC+C,YAAwB,QAAX,EAAAnD,EAAOI,YAAI,eAAE+C,gBAxBzB,gBAAC,IAAqB,KA6BjC,C,6DC3HaC,EAAqB,CAChCC,UAAW,CACThB,YAAa,WACbC,OAAQ,uBAEVgB,SAAU,CACRjB,YAAa,UACbC,OAAQ,qB,wECVZ,SAAgB,eAAiB,SCM3B,SAAUiB,IACd,OACE,uBAAKlH,UAAU,QACb,uBAAKA,UAAS,0CAAqC,oBACnD,uBAAKA,UAAU,QACb,gBAAC,KAAkB,OAErB,gBAACmB,EAAA,EAAgB,MAGvB,C,4FCXA,MAAMgB,EAAmB,cAAiB,EACxCgF,WACAnH,YAEAoH,GAAIC,EAAY,SACbjG,GACFkG,KACD,MAAMC,GAAoB,QAAmBJ,EAAU,OACjDvF,GAAc,UACd4F,GAAgB,UAChBC,EAAa,GAAGF,SAChBG,EAAU,GAehB,OAdA9F,EAAY+F,SAAQC,IAClB,MAAMC,EAAYzG,EAAMwG,GAExB,IAAIE,SADG1G,EAAMwG,GAEI,MAAbC,GAA0C,iBAAdA,IAE5BC,QACED,GAEJC,EAAOD,EAET,MAAME,EAAQH,IAAaJ,EAAgB,IAAII,IAAa,GAChD,MAARE,GAAcJ,EAAQM,KAAK,GAAGP,IAAaM,KAASD,IAAO,KAE7C,SAAKT,EAAW,CAClCC,IAAKA,KACFlG,EACHpB,UAAW,IAAWA,EAAWuH,KAAsBG,IACvD,IAEJvF,EAAI8F,YAAc,MAClB,S","sources":["file:///app/packages/libs/shared/src/components/breadcrumbs/Breadcrumbs.tsx","file:///app/packages/libs/shared/src/components/video-list/partial-loading/partial-video-list.scss","file:///app/packages/libs/shared/src/components/video-list/partial-loading/PartialVideoList.tsx","file:///app/packages/libs/shared/src/utils/PartialLoadingHelper.ts","file:///app/packages/projects/lite/src/shared/hooks/usePresentationAudiences.ts","file:///app/packages/projects/lite/src/shared/hooks/useVideoFeatureAccess.ts","file:///app/packages/projects/lite/src/shared/views/video-media/ClipClipsView.tsx","file:///app/packages/projects/lite/src/shared/views/video-media/VideoMediaAppLinks.ts","file:///app/packages/projects/lite/src/shared/views/video-media/partial-loading/partial-video-media-view.scss","file:///app/packages/projects/lite/src/shared/views/video-media/partial-loading/PartialVideoMediaView.tsx","file:///app/node_modules/react-bootstrap/esm/Row.js"],"sourcesContent":["import * as React from 'react';\n\nimport { Core } from 'libs/common/core';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\nimport { useMediaQuery } from 'libs/shared/hooks/UseMediaQuery';\nimport { PartialLoadingHelper } from 'libs/shared/utils/PartialLoadingHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { SvgContainer, SvgContainerSize } from '../svg-container/SvgContainer';\n\nexport interface Breadcrumb {\n  name: string;\n  appLink?: Core.AppLink;\n  active?: boolean;\n}\n\ninterface BreadcrumbItemProps {\n  breadcrumb: Breadcrumb;\n  withBackIcon?: boolean;\n}\n\nexport const BreadcrumbItem = ({ breadcrumb: { name, appLink, active }, withBackIcon }: BreadcrumbItemProps) => (\n  <li className={`breadcrumb-item${active ? ' active' : ''}`}>\n    {active\n      ? <strong>{name}</strong>\n      : <AppLink appLink={appLink}>\n        {withBackIcon && <SvgContainer svgName={cvSvgLibrary.ChevronLeft} size={SvgContainerSize.Small} />}\n        <span className={withBackIcon ? 'ms-2' : ''}>{name}</span>\n      </AppLink>\n    }\n  </li>\n);\n\ninterface BreadcrumbsProps {\n  breadcrumbs: Breadcrumb[];\n}\n\nexport const Breadcrumbs = ({ breadcrumbs }: BreadcrumbsProps) => {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  const length = breadcrumbs?.length;\n\n  if (!length || (isMobile && length < 2))\n    return <></>;\n\n  if (isMobile)\n    return (\n      <nav aria-label='breadcrumb'>\n        <ol className='breadcrumb m-0 p-0'>\n          <BreadcrumbItem breadcrumb={breadcrumbs[length - 2]} withBackIcon />\n        </ol>\n      </nav>\n    );\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {breadcrumbs.map((b, idx) => <BreadcrumbItem key={idx} breadcrumb={b} />)}\n      </ol>\n    </nav>\n  );\n};\n\nexport const PartialBreadcrumbs = React.memo(function({ numItems = 3 }: { numItems?: number; }) {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  if (isMobile) {\n    return (\n      <div className='partial-loading-background' style={{ height: '1.3125rem', width: '6rem' }} />\n    );\n  }\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {PartialLoadingHelper.getPartialLoadingItems({ numItems }).map(({ width }, idx) => (\n          <li key={idx} className='breadcrumb-item'>\n            <span className='d-inline-block partial-loading-background' style={{ width }} dangerouslySetInnerHTML={{ __html: '&nbsp' }} />\n          </li>\n        ))}\n      </ol>\n    </nav>\n  );\n});","// extracted by mini-css-extract-plugin\nexport default {\"partialOptions\":\"Gufgq\",\"partialName\":\"SicQQ\",\"partialDescription\":\"dPGMq\",\"partialThumbnail\":\"vZrnb\",\"partialDragHandle\":\"iq73R\"};","import React from 'react';\nimport { Col, Row } from 'react-bootstrap';\n\nimport { VideoListHelper } from 'libs/shared/components/video-list/VideoListHelper';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\n\nimport styles from './partial-video-list.scss';\n\ninterface PartialVideoListProps {\n  withReordering?: boolean;\n  numVideos?: number;\n  allowBulkActions?: boolean;\n}\n\nPartialVideoList.defaultProps = {\n  numVideos: 15\n};\n\nexport function PartialVideoList(props: PartialVideoListProps): JSX.Element {\n  return (\n    <div className='mx-2'>\n      {Array(props.numVideos).fill(null).map((_, i) => (\n        <div className='d-flex' key={i}>\n          {props.allowBulkActions && <div className='form-check pe-3 pe-sm-2 mx-0 mx-md-2' />}\n          <PartialVideoItem {...props} />\n        </div>\n      ))}\n    </div>\n  );\n}\n\nexport function PartialVideoItem(props: PartialVideoListProps): JSX.Element {\n  const breakpoints = useBreakpoints();\n\n  const size = VideoListHelper.getSize(breakpoints, 'md');\n  const isSmall = size === 'sm';\n\n  const withDragHandle = props.withReordering && !breakpoints.xs;\n\n  return (\n    <Row className={`${isSmall ? '' : 'py-2'} flex-grow-1`}>\n      <Col {...VideoListHelper.getThumbnailColumns()} className={`flex-column align-items-flex-start ${isSmall ? `pb-2 pe-1` : 'mb-1 pe-3 pe-md-2'}`}>\n        <Row>\n          {!!withDragHandle && (\n            <div className='d-flex align-items-center justify-content-center col-2'>\n              <div className={`partial-loading-background ${styles.partialDragHandle}`} />\n            </div>\n          )}\n          <Col xs={VideoListHelper.getThumbnailColSize(withDragHandle)}>\n            <div className={`partial-loading-background ${isSmall ? 'rounded' : 'rounded-3'} ${styles.partialThumbnail}`} />\n          </Col>\n        </Row>\n      </Col>\n      <Col {...VideoListHelper.getDetailsColumns()} className={isSmall ? 'pb-2' : 'px-2'}>\n        <div className={`partial-loading-background mb-1 ${styles.partialName}`} />\n        <div className={`partial-loading-background ${styles.partialDescription}`} />\n      </Col>\n    </Row>\n  );\n}\n\n","const DEFAULT_PARTIAL_LOADING_OPTIONS: PartialLoadingOptions = {\n  numItems: 5,\n  minWidth: 50, // px\n  maxWidth: 100 // px\n};\n\nexport interface PartialLoadingOptions {\n  numItems?: number;\n  minWidth?: number;\n  maxWidth?: number;\n}\n\ninterface PartialLoadingItem {\n  width: string;\n}\n\nexport const PartialLoadingHelper = {\n  getPartialLoadingItems(options: PartialLoadingOptions = {}): PartialLoadingItem[] {\n    const opts = {\n      ...DEFAULT_PARTIAL_LOADING_OPTIONS,\n      ...options\n    };\n\n    const getRandomFilterWidth = () => Math.max(Math.floor(Math.random() * opts.maxWidth), opts.minWidth);\n\n    return [...Array(opts.numItems)].map(() => ({ width: `${getRandomFilterWidth()}px` }));\n  }\n};","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/react/index';\n\nimport { LocalPermissionName, PermissionName } from 'libs/shared/enums/PermissionName';\nimport { ProductId } from 'libs/shared/enums/ProductId';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useProducts } from 'libs/shared/hooks/UseProducts';\nimport { Config } from 'libs/shared/interfaces/models/Config';\n\nimport { LiteRouteHelper } from 'shared/utils/LiteRouteHelper';\n\nexport interface VideoFeaturesHash {\n  canViewGlance: boolean;\n  canViewResources: boolean;\n  canViewInteractives: boolean;\n  canViewClips: boolean;\n  canUseActions: boolean;\n  canViewPublicLayout: boolean;\n  canNavigate: boolean;\n  canViewCurriculumLinks: boolean;\n  canViewResourceItems: boolean;\n  canWatchPublicly: (videoId: string) => boolean;\n}\n\nexport function useVideoFeatureAccess() {\n  const { hasPermissions, hasLocalPermissions } = usePermissions();\n  const { hasProduct } = useProducts();\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n\n  const hasNP = hasProduct(ProductId.Primary);\n\n  function showPublicLayout(): boolean {\n    /**\n     * Authenticated users should never see the placeholder\n     */\n    if (hasLocalPermissions(LocalPermissionName.WatchVideos))\n      return false;\n\n    /**\n     * Accessing a play page unathenticated will have different contextual behabviours:\n     * - For a share page, the user should see the video and never the placeholder\n     * - For a public browsing page (ie. using a route-prefix) they should see the placeholder\n     */\n    return LiteRouteHelper.hasRegionPrefix();\n  }\n\n  /**\n   * Publicly available video ids are maintained on the backend config. \n   */\n  function canWatchPublicly(videoId: string): boolean {\n    if (!videoId)\n      return false;\n\n    return !!config.data?.allowedPublicVideos?.[videoId];\n  }\n\n  return {\n    canWatchPublicly,\n    canViewGlance: hasPermissions(PermissionName.ViewVideoGlance),\n    canViewResources: true,\n    canViewInteractives: hasNP && hasPermissions(PermissionName.ViewVideoInteractives),\n    canViewClips: hasNP && hasPermissions(PermissionName.ViewVideoClips),\n    canViewCurriculumLinks: hasPermissions(PermissionName.ViewCurriculums),\n    canUseActions: hasLocalPermissions(LocalPermissionName.UseVideoActions),\n    canViewPublicLayout: showPublicLayout(),\n    canViewResourceItems: hasLocalPermissions(LocalPermissionName.ViewVideoResourceItems),\n    canNavigate: hasNP\n  };\n}","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { Breadcrumb, Breadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { VideoList } from 'libs/shared/components/video-list/VideoList';\nimport { VideoActionsContext } from 'libs/shared/context/VideoActionsContext';\nimport { RelatedVideosContext } from 'libs/shared/enums/RelatedVideosContext';\nimport { ClipRequests } from 'libs/shared/flight-requests/ClipRequests';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { Clip, Config, CurrentUser, Video, YearGroup } from 'libs/shared/interfaces';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { useVideoActions, VideoActionsLocation } from 'shared/hooks/use-video-actions/useVideoActions';\nimport { useLiteFavourites } from 'shared/hooks/useLiteFavourites';\nimport { usePresentationAudiences } from 'shared/hooks/usePresentationAudiences';\nimport { useVideoFeatureAccess } from 'shared/hooks/useVideoFeatureAccess';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\nimport { VideoMediaAppLinks } from 'shared/views/video-media/VideoMediaAppLinks';\n\nimport { SeriesAppLinkHelper } from 'apps/series/SeriesAppLinkHelper';\n\nimport { PartialVideoMediaView } from './partial-loading/PartialVideoMediaView';\n\nconst namespace = 'shared.videoMedia';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface ClipClipsViewProps {\n  clipId: string;\n}\n\nexport function ClipClipsView(props: ClipClipsViewProps): JSX.Element {\n  const { clipId } = props;\n  const { setFavourite, canFavourite } = useLiteFavourites(LocationContext.VideoThumbnail);\n  \n  const videoActions = useVideoActions({ location: VideoActionsLocation.VideoItem });\n  const featureAccess = useVideoFeatureAccess();\n\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const yearGroups = Flight.useBasicFetch<YearGroup[]>(\n    currentUser.data.isAuthenticated && CustomerRequests.yearGroups(currentUser.data.customerId)\n  );\n\n  const clip = Flight.useBasicFetch<Clip>(ClipRequests.clip(clipId));\n\n  const parentVideo = Flight.useBasicFetch<Video>(\n    clip.data?._parentVideo?.id && VideoRequests.video(clip.data?._parentVideo?.id, null, currentUser?.data.id)\n  );\n  const content = parentVideo.data?.clips?.data?.filter(clip => clip.id !== clipId);\n  const count = content?.length || 0;\n\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n\n  const title = `${getPhrase('clipHeading')} (${count || ''})`;\n\n  const audiences = usePresentationAudiences();\n  const { hasPermissions } = usePermissions();\n\n  const breadcrumbs: Breadcrumb[] = [{\n    name: clip.data?.name,\n    appLink: {\n      ...VideoMediaAppLinks.playClip,\n      args: [ clipId, TextHelper.slugify(clip.data?.name) ]\n    }\n  }, {\n    name: title,\n    appLink: {\n      application: AppChannels.CLIPS,\n      action: Actions.Clips.CLIP_CLIPS,\n      args: [clipId]\n    },\n    active: true\n  }];\n\n  function redirectToPlaypage(): void {\n    Core.AppLinkHelper.trigger({\n      ...VideoMediaAppLinks.playClip,\n      args: [ clipId, TextHelper.slugify(clip.data?.name) ]\n    }, { replace: true });\n  }\n\n  React.useEffect(() => {\n    if (!featureAccess.canViewClips) {\n      redirectToPlaypage();\n    }\n  }, [featureAccess.canViewClips]);\n\n  if (!clip.data || !content?.length || !config.hasCompleted)\n    return <PartialVideoMediaView />;\n\n  return (\n    <VideoActionsContext.Provider value={videoActions}>\n      <div className='px-3'>\n        <h1 className='h2 mb-2'>{title}</h1>\n       \n        <div className='mb-2'>\n          <Breadcrumbs breadcrumbs={breadcrumbs}/>\n        </div>\n\n        <VideoList\n          videos={content}\n          yearGroups={yearGroups.data}\n          getVideoAppLink={(video, opts) => VideoAppLinkHelper.getAppLink(video, {\n            ...opts,\n            context: RelatedVideosContext.Widget,\n            contextId: props.clipId\n          })}\n          hasPermissions={hasPermissions}\n          getSubTextAppLink={video => SeriesAppLinkHelper.getSeriesAppLink(video.series)}\n          setFavourite={setFavourite}\n          canFavourite={canFavourite}\n          presentationAudiences={audiences.data}\n          imageCdnUrl={config.data?.imageCdnUrl}\n        />\n      </div>\n    </VideoActionsContext.Provider>\n  );\n}","\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nexport const VideoMediaAppLinks = {\n  playVideo: {\n    application: AppChannels.VIDEOS,\n    action: Actions.Videos.PLAY_VIDEO\n  },\n  playClip: {\n    application: AppChannels.CLIPS,\n    action: Actions.Clips.PLAY_CLIP\n  }\n};","// extracted by mini-css-extract-plugin\nexport default {\"partialHeading\":\"okxfx\"};","import React from 'react';\n\nimport { PartialBreadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { PartialVideoList } from 'libs/shared/components/video-list/partial-loading/PartialVideoList';\n\nimport styles from './partial-video-media-view.scss';\n\nexport function PartialVideoMediaView(): JSX.Element {\n  return (\n    <div className='px-3'>\n      <div className={`partial-loading-background mb-2 ${styles.partialHeading}`} />\n      <div className='mb-2'>\n        <PartialBreadcrumbs/>\n      </div>\n      <PartialVideoList />\n    </div>\n  );\n}","\"use client\";\n\nimport classNames from 'classnames';\nimport * as React from 'react';\nimport { useBootstrapPrefix, useBootstrapBreakpoints, useBootstrapMinBreakpoint } from './ThemeProvider';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst Row = /*#__PURE__*/React.forwardRef(({\n  bsPrefix,\n  className,\n  // Need to define the default \"as\" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595\n  as: Component = 'div',\n  ...props\n}, ref) => {\n  const decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'row');\n  const breakpoints = useBootstrapBreakpoints();\n  const minBreakpoint = useBootstrapMinBreakpoint();\n  const sizePrefix = `${decoratedBsPrefix}-cols`;\n  const classes = [];\n  breakpoints.forEach(brkPoint => {\n    const propValue = props[brkPoint];\n    delete props[brkPoint];\n    let cols;\n    if (propValue != null && typeof propValue === 'object') {\n      ({\n        cols\n      } = propValue);\n    } else {\n      cols = propValue;\n    }\n    const infix = brkPoint !== minBreakpoint ? `-${brkPoint}` : '';\n    if (cols != null) classes.push(`${sizePrefix}${infix}-${cols}`);\n  });\n  return /*#__PURE__*/_jsx(Component, {\n    ref: ref,\n    ...props,\n    className: classNames(className, decoratedBsPrefix, ...classes)\n  });\n});\nRow.displayName = 'Row';\nexport default Row;"],"names":["BreadcrumbItem","breadcrumb","name","appLink","active","withBackIcon","className","svgName","size","S","Breadcrumbs","breadcrumbs","isMobile","length","map","b","idx","key","PartialBreadcrumbs","numItems","style","height","width","dangerouslySetInnerHTML","__html","PartialVideoList","props","Array","numVideos","fill","_","i","allowBulkActions","PartialVideoItem","breakpoints","useBreakpoints","isSmall","VideoListHelper","withDragHandle","withReordering","xs","Row","Col","defaultProps","DEFAULT_PARTIAL_LOADING_OPTIONS","minWidth","maxWidth","PartialLoadingHelper","getPartialLoadingItems","options","opts","Math","max","floor","random","usePresentationAudiences","redirectOnError","activePresentation","getFallbackPresentation","presentation","id","useVideoFeatureAccess","hasPermissions","hasLocalPermissions","hasProduct","config","hasNP","canWatchPublicly","videoId","data","allowedPublicVideos","canViewGlance","canViewResources","canViewInteractives","canViewClips","canViewCurriculumLinks","canUseActions","canViewPublicLayout","canViewResourceItems","canNavigate","getPhrase","ClipClipsView","clipId","u","setFavourite","canFavourite","videoActions","location","featureAccess","currentUser","yearGroups","isAuthenticated","customerId","clip","content","_parentVideo","clips","filter","count","title","audiences","args","application","action","replace","redirectToPlaypage","hasCompleted","value","videos","getVideoAppLink","video","context","contextId","getSubTextAppLink","series","presentationAudiences","imageCdnUrl","VideoMediaAppLinks","playVideo","playClip","PartialVideoMediaView","bsPrefix","as","Component","ref","decoratedBsPrefix","minBreakpoint","sizePrefix","classes","forEach","brkPoint","propValue","cols","infix","push","displayName"],"sourceRoot":""}

package/dist/scripts/{7268-d9bf6e2c2a-lite.chunk.js → 7268-a8484f7697-lite.chunk.js}

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[7268],{88513:(e,a,t)=>{t.d(a,{B:()=>d});var n=t(32735),i=t(23481),r=t(65858),c=t(36848);const s={seeMore:"yv0FS"};var o=i.T.encloseNamespace("shared.widgetHeader");function l(e){return n.createElement("div",{className:"ms-3 ".concat(s.seeMore)},n.createElement(c.F,{appLink:e.appLink,analyticsData:e.analyticsData,analyticsOptions:Object.assign(Object.assign({},e.analyticsOptions),{descriptor:r._S.SeeMore}),className:"text-decoration-none ".concat(e.appLink?"curated-widget-link":"")},n.createElement("p",{className:"hover-text-underline text-dark curated-widget-heading"},o("seeMore"))))}function d(e){var a=!!e.description;return e.name||e.description?n.createElement("div",{className:"curated-widget-header"},n.createElement("div",{className:"d-flex justify-content-between"},!!e.name&&n.createElement("div",{className:s.title},n.createElement(c.F,{appLink:e.appLink,analyticsOptions:e.analyticsOptions,analyticsData:e.analyticsData,className:"text-decoration-none ".concat(e.appLink?"curated-widget-link":"")},n.createElement("h2",{className:"h4 curated-widget-heading"},e.name))),!!e.appLink&&!a&&!!e.showSeeMoreLink&&n.createElement(l,Object.assign({},e))),a&&n.createElement("div",{className:"d-flex justify-content-between align-items-end"},n.createElement("p",{className:"description curated-widget-description ".concat(s.description)},n.createElement("span",null,e.description)),!!e.appLink&&!!e.showSeeMoreLink&&n.createElement(l,Object.assign({},e)))):n.createElement(n.Fragment,null)}},43872:(e,a,t)=>{t.d(a,{V:()=>d});var n=t(32735),i=t(82182),r=t(31069),c=t(91967),s=new Image;s.src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=";var o=function(e){e.dataTransfer.setDragImage&&c.q.isFunction(e.dataTransfer.setDragImage)&&e.dataTransfer.setDragImage(s,0,0)},l=i.V.isTouchScreen(),d=n.forwardRef((function(e,a){var t,i,c,s,d=e.children,u=e.positionType,p=e.onDrag,m=e.onDragEnd,v=e.onTouchMove,g=e.onTouchEnd,f=e.percentageDragged,y=e.position,E=void 0===y?0:y;return n.createElement("div",Object.assign({className:"d-flex flex-nowrap position-relative w-100",style:(i=E,c=u,s=f,c===r.C.Percentage&&s&&(i-=s),{transform:"translate3d(".concat(i).concat(c,", 0px, 0px)"),transition:"transform .4s ease-in-out"}),ref:a},(t={},p&&m&&(t.draggable=!0,t.onDragEnd=m,t.onDragStart=o,t.onDragOver=p),v&&g&&l&&(t.onTouchMoveCapture=v,t.onTouchEndCapture=g),t)),d)}))},16930:(e,a,t)=>{t.d(a,{W:()=>l,f:()=>o});var n=t(32735),i=t(83914),r=t(35223);const c="VSAPU",s="kgeXh";var o;!function(e){e[e.Left=0]="Left",e[e.Right=1]="Right"}(o||(o={}));var l=n.memo((function(e){var a,t,l,d=e.direction===o.Left,u=d?r.vn.ChevronLeft:r.vn.ChevronRight;return e.hide?n.createElement(n.Fragment,null):n.createElement("div",{className:"_ejId",style:"videos"===(null===(t=e.state)||void 0===t?void 0:t.contents)?{paddingBottom:56.25/(null===(l=e.state)||void 0===l?void 0:l.viewableItems)+"%"}:{height:"100%"}},e.useGradientBackdrop&&n.createElement("div",{className:d?"".concat("Pt3nx"," ").concat(e.leftGradientClassName):"".concat("ZuAif"," ").concat(e.rightGradientClassName)}),!e.hideExtendedClickableArea&&n.createElement("div",{role:"button",onClick:e.onClick,className:"".concat("AtsWP"," ").concat(d?c:s)}),n.createElement("div",{role:"button",className:"".concat((a="BVcIS",a+=d?" ".concat(c," ").concat(e.leftButtonClassName):" ".concat(s," ").concat(e.rightButtonClassName))," ").concat("gAsE9"," ").concat(e.className||""),onClick:e.onClick},e.hoverText&&n.createElement("span",{className:"ps-3 pe-2 ".concat("APA36")},e.hoverText),n.createElement(i.x,{svgName:u,size:i.S.Medium,className:"svg-container d-inline-block ".concat("Ev4hr")})))}))},31069:(e,a,t)=>{var n;t.d(a,{C:()=>n}),function(e){e.Percentage="%",e.Pixels="px"}(n||(n={}))},10841:(e,a,t)=>{var n;t.d(a,{n:()=>n}),function(e){e.Init="init",e.Next="next",e.Previous="previous",e.Resize="resize",e.Drag="drag",e.Update="update",e.JumpToIndex="jump-to-index"}(n||(n={}))},56871:(e,a,t)=>{t.d(a,{N:()=>D});var n=t(32735),i=t(28400),r=t(21473),c=t(83345),s=t(18913),o=t(39347),l=t(49087),d=t(92805),u=t(13231),p=t(10439),m=t(35429),v=t(51365),g=t(4594),f=t(16714),y=t(12754),E=t(22902),A=t(9907),h=t(31908),I=t(26492),x=t(76162),N=t(31261),k=t(91479),P=t(47938),C=t(81024),V=t(78166),b=t(99742),w=t(14070),O=t(97291),L=t(10671),T=t(10741),F=t(22490),S=function(e,a,t){return function(n){return t?{application:O.O.VIDEOS,action:w.e.Videos.PREVIEW_PDF,args:[n.id],params:{videoId:e,shareId:a}}:{application:O.O.SIGN_UP,action:w.e.SignUp.SIGN_UP}}},R="shared.playClip";function D(e){var a,t,D,G,j,M,U,q,B,_,W,H=(0,m.g)(),Q=(0,E.T)().hasPermissions,z=h.M.getCanBeConsumed(e.clip).canConsume,J=(0,L._)({location:L.i.VideoItem}),X=n.useRef(null),Z=n.useRef(null);(0,A.P)([X.current,Z.current],e.tableOfContentsId);var Y=h.M.isVideoTypeArchived(e.clip),K=Q(f.C.StudentExperience),$=n.useRef(!1),ee=(0,o.W)(e.clip)&&e.featureAccess.canViewGlance;function ae(){var a,t;return!(!e.originalVideo||!(null===(a=e.clip._canBeConsumed)||void 0===a?void 0:a.value)||(null===(t=e.currentUser)||void 0===t?void 0:t.isAuthenticated)&&e.hasProduct(y.x.Primary)&&!K)}var te="picture-in-picture"===H.mode||e.featureAccess.canViewPublicLayout,ne=null!==(G=null===(D=null===(t=null===(a=e.originalVideo)||void 0===a?void 0:a.clips)||void 0===t?void 0:t.data)||void 0===D?void 0:D.filter((function(a){return a.id.toString()!==e.clip.id.toString()})))&&void 0!==G?G:[];return n.createElement("div",{className:"px-4"},n.createElement(P.W,{restrictions:e.clip._restrictions,yearGroups:e.yearGroups,objectId:e.clip.id,objectTypeId:g.E.Clip,canManageVideoAccess:e.canManageVideoAccess}),Y&&n.createElement(I.T,{typeId:e.clip.typeId,hasStudentExperience:K}),n.createElement("section",{className:"mb-2"},z&&n.createElement(p.r,{key:e.clip.id,objectId:e.clip.id,objectTypeId:e.clip.typeId,shareId:e.shareId,context:null===(j=e.queryParams)||void 0===j?void 0:j.context,contextId:null===(M=e.queryParams)||void 0===M?void 0:M.contextId,moviesAndTv:null===(U=e.queryParams)||void 0===U?void 0:U.mtv,playNext:null===(q=e.queryParams)||void 0===q?void 0:q.playNext,startTime:null!==(_=null===(B=e.queryParams)||void 0===B?void 0:B.t)&&void 0!==_?_:null===(W=e.queryParams)||void 0===W?void 0:W.startTime,mode:"default",location:"play-page"}),n.createElement("div",{className:te?"":"d-none"},n.createElement(C.S,{video:e.clip,type:"pip"}))),n.createElement(k.v,{media:e.clip,yearGroups:e.yearGroups,audiences:e.audiences,originalVideoAppLink:ae()?{application:O.O.VIDEOS,action:w.e.Videos.PLAY_VIDEO,args:[e.originalVideo.id,i.m.slugify(e.originalVideo.name)]}:null,featureAccess:e.featureAccess,shareId:e.shareId}),ee&&n.createElement("section",null,n.createElement(s.o,{video:e.clip,pointsOfInterest:e.pointsOfInterest,setStartTime:function(e){var a;return null===(a=H.playerRef.current)||void 0===a?void 0:a.currentTime(e)},getTagAppLink:function(e){return{application:O.O.SEARCH,action:w.e.Search.HOME,params:{tagOrClassification:e.name}}},suppressInteractivity:e.featureAccess.canViewPublicLayout})),n.createElement(r.M,{video:e.clip,canViewResources:e.featureAccess.canViewResources,imageCdnUrl:e.imageCdnUrl,getAppLink:S(e.clip.id,e.shareId,e.featureAccess.canViewResources),analyticsData:{clipId:e.clip.id,clipName:e.clip.name},resourceThumbnailFallbackUrl:b.W.Fallbacks.RESOURCE_THUMBNAIL,containerRef:X}),n.createElement(N.J,{video:e.clip,imageCdnUrl:e.imageCdnUrl,analyticsData:{clipId:e.clip.id,clipName:e.clip.name},canViewInteractives:e.featureAccess.canViewInteractives,containerRef:Z,yearGroups:e.yearGroups,setFavourite:e.setFavourite,canFavourite:e.canFavourite}),e.glanceLoaded?n.createElement("section",null,n.createElement(l.X,{video:e.clip,onLaunchImmersiveReader:function(){var e,a,t,n;$.current=!(null===(a=null===(e=null==H?void 0:H.playerRef)||void 0===e?void 0:e.current)||void 0===a?void 0:a.isPaused()),null===(n=null===(t=null==H?void 0:H.playerRef)||void 0===t?void 0:t.current)||void 0===n||n.pause()},onExitImmersiveReader:function(){var e,a;$.current&&(null===(a=null===(e=null==H?void 0:H.playerRef)||void 0===e?void 0:e.current)||void 0===a||a.play())},getTagAppLink:function(e){return{application:O.O.SEARCH,action:w.e.Search.HOME,params:{tagOrClassification:e.name}}},theme:e.glanceTheme,suppressInteractivity:e.featureAccess.canViewPublicLayout})):n.createElement(d.H,null),n.createElement(x.O,{video:e.clip,clips:ne||[],canViewClips:e.featureAccess.canViewClips,yearGroups:e.yearGroups,imageCdnUrl:e.imageCdnUrl,setFavourite:e.setFavourite,canFavourite:e.canFavourite,analyticsData:{clipId:e.clip.id,clipName:e.clip.name}}),!!ae()&&n.createElement("section",{className:"pb-2 pt-1"},n.createElement("h2",{className:"h4 mb-0"},n.createElement(c.x,{namespace:R,phrase:"clippedFrom"})),n.createElement(v.M.Provider,{value:J},n.createElement(u.E4,{videos:[e.originalVideo],yearGroups:e.yearGroups,setFavourite:e.setFavourite,canFavourite:e.canFavourite,getVideoAppLink:function(a,t){return F.W.getAppLink(a,Object.assign(Object.assign({},t),{context:e.queryParams.context,contextId:e.queryParams.contextId,playNext:e.queryParams.playNext,shareId:e.shareId,moviesAndTv:e.queryParams.mtv}))},hasPermissions:Q,presentationAudiences:e.audiences,getPreviewQuestionsAppLink:function(e){return T.j.getPreviewQuestionsAppLink(e)}}))),n.createElement("section",null,n.createElement(V.Z,{currentVideo:e.clip,yearGroups:e.yearGroups,relatedVideos:e.relatedVideos,setFavourite:e.setFavourite,canFavourite:e.canFavourite,currentUser:e.currentUser,audiences:e.audiences,getVideoAppLink:function(a,t){return F.W.getAppLink(a,Object.assign(Object.assign({},t),{context:e.queryParams.context,contextId:e.queryParams.contextId,playNext:e.queryParams.playNext,shareId:e.shareId,moviesAndTv:e.queryParams.mtv}))},moviesAndTv:e.queryParams.mtv})))}},44110:(e,a,t)=>{t.d(a,{i:()=>c});var n=t(20354),i=t(89454),r=t(86698),c=function(){var e=(0,r.y)({redirectOnError:!0}),a=e.activePresentation,t=e.getFallbackPresentation,c=a||t();return n.a.useBasicFetch(!!c&&i.O.presentationAudiences(c.id))}}}]);
-//# sourceMappingURL=7268-d9bf6e2c2a-lite.chunk.js.map
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[7268],{88513:(e,a,t)=>{t.d(a,{B:()=>d});var n=t(32735),i=t(23481),r=t(65858),c=t(36848);const s={seeMore:"yv0FS"};var o=i.T.encloseNamespace("shared.widgetHeader");function l(e){return n.createElement("div",{className:"ms-3 ".concat(s.seeMore)},n.createElement(c.F,{appLink:e.appLink,analyticsData:e.analyticsData,analyticsOptions:Object.assign(Object.assign({},e.analyticsOptions),{descriptor:r._S.SeeMore}),className:"text-decoration-none ".concat(e.appLink?"curated-widget-link":"")},n.createElement("p",{className:"hover-text-underline text-dark curated-widget-heading"},o("seeMore"))))}function d(e){var a=!!e.description;return e.name||e.description?n.createElement("div",{className:"curated-widget-header"},n.createElement("div",{className:"d-flex justify-content-between"},!!e.name&&n.createElement("div",{className:s.title},n.createElement(c.F,{appLink:e.appLink,analyticsOptions:e.analyticsOptions,analyticsData:e.analyticsData,className:"text-decoration-none ".concat(e.appLink?"curated-widget-link":"")},n.createElement("h2",{className:"h4 curated-widget-heading"},e.name))),!!e.appLink&&!a&&!!e.showSeeMoreLink&&n.createElement(l,Object.assign({},e))),a&&n.createElement("div",{className:"d-flex justify-content-between align-items-end"},n.createElement("p",{className:"description curated-widget-description ".concat(s.description)},n.createElement("span",null,e.description)),!!e.appLink&&!!e.showSeeMoreLink&&n.createElement(l,Object.assign({},e)))):n.createElement(n.Fragment,null)}},43872:(e,a,t)=>{t.d(a,{V:()=>d});var n=t(32735),i=t(82182),r=t(31069),c=t(91967),s=new Image;s.src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=";var o=function(e){e.dataTransfer.setDragImage&&c.q.isFunction(e.dataTransfer.setDragImage)&&e.dataTransfer.setDragImage(s,0,0)},l=i.V.isTouchScreen(),d=n.forwardRef((function(e,a){var t,i,c,s,d=e.children,u=e.positionType,p=e.onDrag,m=e.onDragEnd,v=e.onTouchMove,g=e.onTouchEnd,f=e.percentageDragged,y=e.position,E=void 0===y?0:y;return n.createElement("div",Object.assign({className:"d-flex flex-nowrap position-relative w-100",style:(i=E,c=u,s=f,c===r.C.Percentage&&s&&(i-=s),{transform:"translate3d(".concat(i).concat(c,", 0px, 0px)"),transition:"transform .4s ease-in-out"}),ref:a},(t={},p&&m&&(t.draggable=!0,t.onDragEnd=m,t.onDragStart=o,t.onDragOver=p),v&&g&&l&&(t.onTouchMoveCapture=v,t.onTouchEndCapture=g),t)),d)}))},16930:(e,a,t)=>{t.d(a,{W:()=>l,f:()=>o});var n=t(32735),i=t(83914),r=t(35223);const c="VSAPU",s="kgeXh";var o;!function(e){e[e.Left=0]="Left",e[e.Right=1]="Right"}(o||(o={}));var l=n.memo((function(e){var a,t,l,d=e.direction===o.Left,u=d?r.vn.ChevronLeft:r.vn.ChevronRight;return e.hide?n.createElement(n.Fragment,null):n.createElement("div",{className:"_ejId",style:"videos"===(null===(t=e.state)||void 0===t?void 0:t.contents)?{paddingBottom:56.25/(null===(l=e.state)||void 0===l?void 0:l.viewableItems)+"%"}:{height:"100%"}},e.useGradientBackdrop&&n.createElement("div",{className:d?"".concat("Pt3nx"," ").concat(e.leftGradientClassName):"".concat("ZuAif"," ").concat(e.rightGradientClassName)}),!e.hideExtendedClickableArea&&n.createElement("div",{role:"button",onClick:e.onClick,className:"".concat("AtsWP"," ").concat(d?c:s)}),n.createElement("div",{role:"button",className:"".concat((a="BVcIS",a+=d?" ".concat(c," ").concat(e.leftButtonClassName):" ".concat(s," ").concat(e.rightButtonClassName))," ").concat("gAsE9"," ").concat(e.className||""),onClick:e.onClick},e.hoverText&&n.createElement("span",{className:"ps-3 pe-2 ".concat("APA36")},e.hoverText),n.createElement(i.x,{svgName:u,size:i.S.Medium,className:"svg-container d-inline-block ".concat("Ev4hr")})))}))},31069:(e,a,t)=>{var n;t.d(a,{C:()=>n}),function(e){e.Percentage="%",e.Pixels="px"}(n||(n={}))},10841:(e,a,t)=>{var n;t.d(a,{n:()=>n}),function(e){e.Init="init",e.Next="next",e.Previous="previous",e.Resize="resize",e.Drag="drag",e.Update="update",e.JumpToIndex="jump-to-index"}(n||(n={}))},56871:(e,a,t)=>{t.d(a,{N:()=>D});var n=t(32735),i=t(28400),r=t(21473),c=t(83345),s=t(18913),o=t(39347),l=t(49087),d=t(92805),u=t(13231),p=t(10439),m=t(35429),v=t(51365),g=t(4594),f=t(16714),y=t(12754),E=t(22902),A=t(9907),h=t(31908),I=t(26492),x=t(76162),N=t(31261),k=t(91479),P=t(47938),C=t(81024),V=t(78166),b=t(99742),w=t(14070),O=t(97291),L=t(10671),T=t(10741),F=t(22490),S=function(e,a,t){return function(n){return t?{application:O.O.VIDEOS,action:w.e.Videos.PREVIEW_PDF,args:[n.id],params:{videoId:e,shareId:a}}:{application:O.O.SIGN_UP,action:w.e.SignUp.SIGN_UP}}},R="shared.playClip";function D(e){var a,t,D,G,j,M,U,q,B,_,W,H=(0,m.g)(),Q=(0,E.T)().hasPermissions,z=h.M.getCanBeConsumed(e.clip).canConsume,J=(0,L._)({location:L.i.VideoItem}),X=n.useRef(null),Z=n.useRef(null);(0,A.P)([X.current,Z.current],e.tableOfContentsId);var Y=h.M.isVideoTypeArchived(e.clip),K=Q(f.C.StudentExperience),$=n.useRef(!1),ee=(0,o.W)(e.clip)&&e.featureAccess.canViewGlance;function ae(){var a,t;return!(!e.originalVideo||!(null===(a=e.clip._canBeConsumed)||void 0===a?void 0:a.value)||!(null===(t=e.currentUser)||void 0===t?void 0:t.isAuthenticated)||!e.hasProduct(y.x.Primary)||K)}var te="picture-in-picture"===H.mode||e.featureAccess.canViewPublicLayout,ne=null!==(G=null===(D=null===(t=null===(a=e.originalVideo)||void 0===a?void 0:a.clips)||void 0===t?void 0:t.data)||void 0===D?void 0:D.filter((function(a){return a.id.toString()!==e.clip.id.toString()})))&&void 0!==G?G:[];return n.createElement("div",{className:"px-4"},n.createElement(P.W,{restrictions:e.clip._restrictions,yearGroups:e.yearGroups,objectId:e.clip.id,objectTypeId:g.E.Clip,canManageVideoAccess:e.canManageVideoAccess}),Y&&n.createElement(I.T,{typeId:e.clip.typeId,hasStudentExperience:K}),n.createElement("section",{className:"mb-2"},z&&n.createElement(p.r,{key:e.clip.id,objectId:e.clip.id,objectTypeId:e.clip.typeId,shareId:e.shareId,context:null===(j=e.queryParams)||void 0===j?void 0:j.context,contextId:null===(M=e.queryParams)||void 0===M?void 0:M.contextId,moviesAndTv:null===(U=e.queryParams)||void 0===U?void 0:U.mtv,playNext:null===(q=e.queryParams)||void 0===q?void 0:q.playNext,startTime:null!==(_=null===(B=e.queryParams)||void 0===B?void 0:B.t)&&void 0!==_?_:null===(W=e.queryParams)||void 0===W?void 0:W.startTime,mode:"default",location:"play-page"}),n.createElement("div",{className:te?"":"d-none"},n.createElement(C.S,{video:e.clip,type:"pip"}))),n.createElement(k.v,{media:e.clip,yearGroups:e.yearGroups,audiences:e.audiences,originalVideoAppLink:ae()?{application:O.O.VIDEOS,action:w.e.Videos.PLAY_VIDEO,args:[e.originalVideo.id,i.m.slugify(e.originalVideo.name)]}:null,featureAccess:e.featureAccess,shareId:e.shareId}),ee&&n.createElement("section",null,n.createElement(s.o,{video:e.clip,pointsOfInterest:e.pointsOfInterest,setStartTime:function(e){var a;return null===(a=H.playerRef.current)||void 0===a?void 0:a.currentTime(e)},getTagAppLink:function(e){return{application:O.O.SEARCH,action:w.e.Search.HOME,params:{tagOrClassification:e.name}}},suppressInteractivity:e.featureAccess.canViewPublicLayout})),n.createElement(r.M,{video:e.clip,canViewResources:e.featureAccess.canViewResources,imageCdnUrl:e.imageCdnUrl,getAppLink:S(e.clip.id,e.shareId,e.featureAccess.canViewResources),analyticsData:{clipId:e.clip.id,clipName:e.clip.name},resourceThumbnailFallbackUrl:b.W.Fallbacks.RESOURCE_THUMBNAIL,containerRef:X}),n.createElement(N.J,{video:e.clip,imageCdnUrl:e.imageCdnUrl,analyticsData:{clipId:e.clip.id,clipName:e.clip.name},canViewInteractives:e.featureAccess.canViewInteractives,containerRef:Z,yearGroups:e.yearGroups,setFavourite:e.setFavourite,canFavourite:e.canFavourite}),e.glanceLoaded?n.createElement("section",null,n.createElement(l.X,{video:e.clip,onLaunchImmersiveReader:function(){var e,a,t,n;$.current=!(null===(a=null===(e=null==H?void 0:H.playerRef)||void 0===e?void 0:e.current)||void 0===a?void 0:a.isPaused()),null===(n=null===(t=null==H?void 0:H.playerRef)||void 0===t?void 0:t.current)||void 0===n||n.pause()},onExitImmersiveReader:function(){var e,a;$.current&&(null===(a=null===(e=null==H?void 0:H.playerRef)||void 0===e?void 0:e.current)||void 0===a||a.play())},getTagAppLink:function(e){return{application:O.O.SEARCH,action:w.e.Search.HOME,params:{tagOrClassification:e.name}}},theme:e.glanceTheme,suppressInteractivity:e.featureAccess.canViewPublicLayout})):n.createElement(d.H,null),n.createElement(x.O,{video:e.clip,clips:ne||[],canViewClips:e.featureAccess.canViewClips,yearGroups:e.yearGroups,imageCdnUrl:e.imageCdnUrl,setFavourite:e.setFavourite,canFavourite:e.canFavourite,analyticsData:{clipId:e.clip.id,clipName:e.clip.name}}),!!ae()&&n.createElement("section",{className:"pb-2 pt-1"},n.createElement("h2",{className:"h4 mb-0"},n.createElement(c.x,{namespace:R,phrase:"clippedFrom"})),n.createElement(v.M.Provider,{value:J},n.createElement(u.E4,{videos:[e.originalVideo],yearGroups:e.yearGroups,setFavourite:e.setFavourite,canFavourite:e.canFavourite,getVideoAppLink:function(a,t){return F.W.getAppLink(a,Object.assign(Object.assign({},t),{context:e.queryParams.context,contextId:e.queryParams.contextId,playNext:e.queryParams.playNext,shareId:e.shareId,moviesAndTv:e.queryParams.mtv}))},hasPermissions:Q,presentationAudiences:e.audiences,getPreviewQuestionsAppLink:function(e){return T.j.getPreviewQuestionsAppLink(e)}}))),n.createElement("section",null,n.createElement(V.Z,{currentVideo:e.clip,yearGroups:e.yearGroups,relatedVideos:e.relatedVideos,setFavourite:e.setFavourite,canFavourite:e.canFavourite,currentUser:e.currentUser,audiences:e.audiences,getVideoAppLink:function(a,t){return F.W.getAppLink(a,Object.assign(Object.assign({},t),{context:e.queryParams.context,contextId:e.queryParams.contextId,playNext:e.queryParams.playNext,shareId:e.shareId,moviesAndTv:e.queryParams.mtv}))},moviesAndTv:e.queryParams.mtv})))}},44110:(e,a,t)=>{t.d(a,{i:()=>c});var n=t(20354),i=t(89454),r=t(86698),c=function(){var e=(0,r.y)({redirectOnError:!0}),a=e.activePresentation,t=e.getFallbackPresentation,c=a||t();return n.a.useBasicFetch(!!c&&i.O.presentationAudiences(c.id))}}}]);
+//# sourceMappingURL=7268-a8484f7697-lite.chunk.js.map

package/dist/scripts/{7268-d9bf6e2c2a-lite.chunk.js.map → 7268-a8484f7697-lite.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"scripts/7268-d9bf6e2c2a-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/components/widgets/curated-widgets/components/header/widget-header.scss","file:///app/packages/libs/shared/src/components/widgets/curated-widgets/components/header/WidgetHeader.tsx","file:///app/packages/libs/shared/src/utils/DragHelper.ts","file:///app/packages/libs/shared/src/components/widgets/sliding-list/SlidingListContainer.tsx","file:///app/packages/libs/shared/src/components/widgets/widget-button/widget-button.scss","file:///app/packages/libs/shared/src/components/widgets/widget-button/WidgetButton.tsx","file:///app/packages/libs/shared/src/enums/CssMeasurement.ts","file:///app/packages/libs/shared/src/enums/WidgetInteraction.ts","file:///app/packages/projects/lite/src/shared/components/play-clip/PlayClip.tsx","file:///app/packages/projects/lite/src/shared/hooks/usePresentationAudiences.ts"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"seeMore\":\"yv0FS\"};","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { AnalyticsOptions, ClickDescriptor } from 'libs/analytics/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\n\nimport styles from './widget-header.scss';\n\nconst namespace = 'shared.widgetHeader';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface WidgetHeaderProps {\n  name: string;\n  description: string;\n\n  appLink?: Core.AppLink;\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n  showSeeMoreLink?: boolean;\n}\n\nfunction SeeMore(props: WidgetHeaderProps) {\n  return (\n    <div className={`ms-3 ${styles.seeMore}`}>\n      <AppLink\n        appLink={props.appLink}\n        analyticsData={props.analyticsData }\n        analyticsOptions={{ ...props.analyticsOptions, descriptor: ClickDescriptor.SeeMore }}\n        className={`text-decoration-none ${props.appLink ? 'curated-widget-link' : ''}`}\n      >\n        <p className='hover-text-underline text-dark curated-widget-heading'>{getPhrase('seeMore')}</p>\n      </AppLink>\n    </div>\n  );\n}\n\nexport function WidgetHeader(props: WidgetHeaderProps): JSX.Element {\n  const hasDescription = !!props.description;\n\n  if (!props.name && !props.description)\n    return <></>;\n\n  return (\n    <div className='curated-widget-header'>\n      <div className='d-flex justify-content-between'>\n        {!!props.name && (\n          <div className={styles.title}>\n            <AppLink\n              appLink={props.appLink}\n              analyticsOptions={props.analyticsOptions}\n              analyticsData={props.analyticsData}\n              className={`text-decoration-none ${props.appLink ? 'curated-widget-link' : ''}`}\n            >\n              <h2 className='h4 curated-widget-heading'>\n                {props.name}\n              </h2>\n            </AppLink>\n          </div>\n        )}\n        {!!props.appLink && !hasDescription && !!props.showSeeMoreLink && <SeeMore {...props}/>}\n      </div>\n  \n      {hasDescription && (\n        <div className='d-flex justify-content-between align-items-end'>\n          <p className={`description curated-widget-description ${styles.description}`}>\n            <span>{props.description}</span>\n          </p>\n          {!!props.appLink && !!props.showSeeMoreLink && <SeeMore {...props}/> }\n        </div>\n      )}\n    </div>\n  );\n}","import { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\n\nconst blankImage = new Image();\nblankImage.src = 'data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=';\n\nexport const DragHelper = {\n  // This removes the image that appears when you drag a draggable HTML element\n  hideDragImage(event: React.DragEvent<HTMLElement>): void {\n    if (!event.dataTransfer.setDragImage || !FunctionHelper.isFunction(event.dataTransfer.setDragImage))\n      return;\n\n    event.dataTransfer.setDragImage(blankImage, 0, 0);\n  }\n};","import * as React from 'react';\n\nimport { UserAgentHelper } from 'libs/common/backbone/utils/UserAgentHelper';\nimport { HashObject } from 'libs/common/react/interfaces/HashObject';\n\nimport { CssMeasurement } from 'libs/shared/enums/CssMeasurement';\nimport { DragHelper } from 'libs/shared/utils/DragHelper';\n\nconst isTouchScreen = UserAgentHelper.isTouchScreen();\n\nconst getPositionStyling = (xPosition: number, measurement: CssMeasurement, dragPercentage?: number) => {\n  // Used in situations where a touch screen user is dragging the `<FixedWidget />`\n  if (measurement === CssMeasurement.Percentage && dragPercentage)\n    xPosition = xPosition - dragPercentage;\n\n  return {\n    transform: `translate3d(${xPosition}${measurement}, 0px, 0px)`,\n    transition: 'transform .4s ease-in-out'\n  };\n};\n\ninterface SlidingListContainerProps extends React.PropsWithChildren<unknown> {\n  position: number;\n  positionType: CssMeasurement;\n\n  onDrag?: (event: React.DragEvent<HTMLDivElement>) => void;\n  onDragEnd?: () => void;\n\n  onTouchMove?: (event: React.TouchEvent<HTMLDivElement>) => void;\n  onTouchEnd?: () => void;\n\n  percentageDragged?: number;\n}\n\nexport const SlidingListContainer = React.forwardRef((\n  props: SlidingListContainerProps,\n  ref: React.MutableRefObject<HTMLDivElement>\n): JSX.Element => {\n  const { children, positionType, onDrag, onDragEnd, onTouchMove, onTouchEnd, percentageDragged, position = 0 } = props;\n\n  function getEventListeners(): HashObject {\n    const listenerProps: HashObject = {};\n\n    if (onDrag && onDragEnd) {\n      listenerProps.draggable = true;\n      listenerProps.onDragEnd = onDragEnd;\n      listenerProps.onDragStart = DragHelper.hideDragImage;\n      listenerProps.onDragOver = onDrag;\n    }\n\n    if (onTouchMove && onTouchEnd && isTouchScreen) {\n      listenerProps.onTouchMoveCapture = onTouchMove;\n      listenerProps.onTouchEndCapture = onTouchEnd;\n    }\n\n    return listenerProps;\n  }\n\n  return (\n    <div\n      className='d-flex flex-nowrap position-relative w-100'\n      style={getPositionStyling(position, positionType, percentageDragged)}\n      ref={ref}\n      {...getEventListeners()}\n    >\n      {children}\n    </div>\n  );\n});","// extracted by mini-css-extract-plugin\nexport default {\"buttonContainer\":\"_ejId\",\"left\":\"VSAPU\",\"right\":\"kgeXh\",\"button\":\"gAsE9\",\"hoverText\":\"APA36\",\"buttonHover\":\"cqD75\",\"chevron\":\"Ev4hr\",\"extendedClickableArea\":\"AtsWP\",\"gradientRight\":\"ZuAif\",\"gradientLeft\":\"Pt3nx\",\"topPos\":\"BVcIS\"};","import * as React from 'react';\n\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { FixedWidgetState } from 'libs/shared/components/widgets/fixed-widget';\nimport { WidgetContents } from 'libs/shared/enums/WidgetContents';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport styles from './widget-button.scss';\n\nexport enum WidgetButtonDirection {\n  Left,\n  Right\n}\n\ninterface WidgetButtonProps {\n  onClick: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n  direction: WidgetButtonDirection;\n  hide: boolean;\n  contents?: WidgetContents;\n  useGradientBackdrop?: boolean;\n  className?: string;\n  hoverText?: string;\n  hideExtendedClickableArea?: boolean;\n  state?: FixedWidgetState;\n\n  leftButtonClassName?: string;\n  rightButtonClassName?: string;\n  leftGradientClassName?: string;\n  rightGradientClassName?: string;\n}\n\nexport const WidgetButton = React.memo(function(props: WidgetButtonProps): JSX.Element {\n  const isLeft = props.direction === WidgetButtonDirection.Left;\n\n  const arrowSvg = isLeft ? cvSvgLibrary.ChevronLeft : cvSvgLibrary.ChevronRight;\n\n  function getPositionClass(): string {\n    let className = styles.topPos;\n  \n    // Left / Right\n    if (isLeft)\n      className += ` ${styles.left} ${props.leftButtonClassName}`;\n    else\n      className += ` ${styles.right} ${props.rightButtonClassName}`;\n  \n    return className;\n  }\n\n  function getStyle(): React.CSSProperties {\n    if (props.state?.contents === 'videos')\n      return { paddingBottom: (56.25 / props.state?.viewableItems) + '%' };\n\n    return { height: '100%' };\n  }\n\n  if (props.hide)\n    return <></>;\n\n  return (\n    <div className={styles.buttonContainer} style={getStyle()}>\n      {props.useGradientBackdrop &&\n        <div className={isLeft ? `${styles.gradientLeft} ${props.leftGradientClassName}` : `${styles.gradientRight} ${props.rightGradientClassName}`} />\n      }\n\n      {!props.hideExtendedClickableArea && (\n        <div\n          role='button'\n          onClick={props.onClick}\n          className={`${styles.extendedClickableArea} ${isLeft ? styles.left : styles.right}`}\n        />\n      )}\n\n      <div\n        role='button'\n        className={`${getPositionClass()} ${styles.button} ${props.className || ''}`}\n        onClick={props.onClick}\n      >\n        {props.hoverText && (\n          <span className={`ps-3 pe-2 ${styles.hoverText}`}>{props.hoverText}</span>\n        )}\n        <SvgContainer\n          svgName={arrowSvg}\n          size={SvgContainerSize.Medium}\n          className={`svg-container d-inline-block ${styles.chevron}`}\n        />\n      </div>\n    </div>\n  );\n});","export enum CssMeasurement {\n  Percentage = '%',\n  Pixels = 'px'\n}","export enum WidgetInteraction {\n  Init = 'init',\n  Next = 'next',\n  Previous = 'previous',\n  Resize = 'resize',\n  Drag = 'drag',\n  Update = 'update',\n  JumpToIndex = 'jump-to-index'\n}","import React from 'react';\n\nimport { Core } from 'libs/common/core';\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\n\nimport { PlayPageResources } from 'libs/shared/components/play-page/resources/PlayPageResources';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { VideoAtAGlance } from 'libs/shared/components/video-at-a-glance/VideoAtAGlance';\nimport { hasGlanceData } from 'libs/shared/components/video-at-a-glance/VideoAtAGlanceUtils';\nimport { VideoDetailsWithScrollbar } from 'libs/shared/components/video-details/VideoDetails';\nimport { VideoDetailsPartial } from 'libs/shared/components/video-details/VideoDetailsPartial';\nimport { VideoList } from 'libs/shared/components/video-list/VideoList';\nimport { GlobalPlayerConsumer } from 'libs/shared/context/player-context/components/GlobalPlayerConsumer';\nimport { usePlayerContext } from 'libs/shared/context/player-context/PlayerContext';\nimport { VideoActionsContext } from 'libs/shared/context/VideoActionsContext';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { ProductId } from 'libs/shared/enums/ProductId';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { HasProductFunc } from 'libs/shared/hooks/UseProducts';\nimport { useTableOfContentsScroll } from 'libs/shared/hooks/useTableOfContentsScroll';\nimport { CanFavouriteFunc, Clip, CurrentUser, FavouriteFunc, Link, PointOfInterest, PresentationAudience, Resource, Theme, Video, 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 { PlayPageClips } from 'shared/components/play-page/components/clips/PlayPageClips';\nimport { PlayPageInteractives } from 'shared/components/play-page/components/interactives/PlayPageInteractives';\nimport { PlayPageTitleAndActions } from 'shared/components/play-page/components/title-and-actions/PlayPageTitleAndActions';\nimport { RestrictionBanner } from 'shared/components/play-page/RestrictionBanner';\nimport { PlayerPlaceholder } from 'shared/components/player-placeholder/PlayerPlaceholder';\nimport { RelatedVideos } from 'shared/components/related-videos/RelatedVideos';\nimport { ImageUrls } from 'shared/constants/ImageUrls';\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 { VideoFeaturesHash } from 'shared/hooks/useVideoFeatureAccess';\nimport { InteractiveHelpers } from 'shared/utils/InteractiveHelper';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\n\nconst getResourceAppLink = (videoId: string, shareId: string, canViewResource: boolean) =>\n  (resource: Resource | Link) => {\n    if (!canViewResource) {\n      return {\n        application: AppChannels.SIGN_UP,\n        action: Actions.SignUp.SIGN_UP\n      };\n    }\n\n    return {\n      application: AppChannels.VIDEOS,\n      action: Actions.Videos.PREVIEW_PDF,\n      args: [resource.id],\n      params: {\n        videoId: videoId,\n        shareId: shareId\n      }\n    };\n  };\n\nconst namespace = 'shared.playClip';\n\ninterface PlayClipProps {\n  clip: Clip;\n  originalVideo: Video;\n  currentUser: CurrentUser;\n  yearGroups: YearGroup[];\n  relatedVideos: RelatedVideosHash;\n  setFavourite: FavouriteFunc;\n  canFavourite: CanFavouriteFunc;\n  queryParams: PlayViewQueryParams;\n  hasProduct: HasProductFunc;\n  audiences: PresentationAudience[];\n  imageCdnUrl: string;\n  shareId?: string;\n  canManageVideoAccess: boolean;\n  pointsOfInterest?: PointOfInterest[];\n  featureAccess: VideoFeaturesHash;\n  glanceTheme?: Theme;\n  glanceLoaded: boolean;\n  tableOfContentsId: string;\n}\n\nexport function PlayClip(props: PlayClipProps): JSX.Element {\n  const playerContext = usePlayerContext();\n\n  const { hasPermissions } = usePermissions();\n  const { canConsume } = VideoHelper.getCanBeConsumed(props.clip);\n  \n  const videoActions = useVideoActions({ location: VideoActionsLocation.VideoItem });\n\n  const resourcesRef = React.useRef<HTMLDivElement>(null);\n  const interactivesRef = React.useRef<HTMLDivElement>(null);\n\n  useTableOfContentsScroll([\n    resourcesRef.current,\n    interactivesRef.current\n  ], props.tableOfContentsId);\n\n  const isArchived = VideoHelper.isVideoTypeArchived(props.clip);\n  const hasStudentExperience = hasPermissions(PermissionName.StudentExperience);\n  /**\n   * Need to use a ref because if we use state, onExitImmersiveReader will have a stale\n   * reference of the state. This is because the state is changed in onLaunchImmersiveReader\n   * which is passed in at the same time as onExitImmersiveReader\n   */\n  const shouldPlayOnExitImmersiveReader = React.useRef(false);\n\n  const hasGlance = hasGlanceData(props.clip) && props.featureAccess.canViewGlance;\n\n  function onLaunchImmersiveReader(): void {\n    shouldPlayOnExitImmersiveReader.current = !playerContext?.playerRef?.current?.isPaused();\n    playerContext?.playerRef?.current?.pause();\n  }\n\n  function onExitImmersiveReader(): void {\n    if (!shouldPlayOnExitImmersiveReader.current)\n      return;\n\n    playerContext?.playerRef?.current?.play();\n  }\n\n  function canAccessOriginal(): boolean {\n    if (!props.originalVideo || !props.clip._canBeConsumed?.value)\n      return false;\n\n    if (!props.currentUser?.isAuthenticated)\n      return true;\n\n    if (!props.hasProduct(ProductId.Primary))\n      return true;\n\n    if (hasStudentExperience)\n      return true;\n\n    return false;\n  }\n\n  function getOriginalVideoAppLink(): Core.AppLink {\n    if (!canAccessOriginal())\n      return null;\n  \n    return {\n      application: AppChannels.VIDEOS,\n      action: Actions.Videos.PLAY_VIDEO,\n      args: [ props.originalVideo.id, TextHelper.slugify(props.originalVideo.name) ]\n    };\n  }\n\n  const showPlayerPlaceholder = playerContext.mode === 'picture-in-picture' || props.featureAccess.canViewPublicLayout;\n\n  const otherClips = props.originalVideo?.clips?.data?.filter(c => c.id.toString() !== props.clip.id.toString()) ?? [];\n\n  return (\n    <div className='px-4'>\n      <RestrictionBanner\n        restrictions={props.clip._restrictions}\n        yearGroups={props.yearGroups}\n        objectId={props.clip.id}\n        objectTypeId={MasterType.Clip}\n        canManageVideoAccess={props.canManageVideoAccess}\n      />\n\n      {isArchived && (\n        <ArchivedBanner\n          typeId={props.clip.typeId}\n          hasStudentExperience={hasStudentExperience}\n        />\n      )}\n\n      <section className={`mb-2`}>\n        {canConsume &&\n          <GlobalPlayerConsumer\n            key={props.clip.id}\n            objectId={props.clip.id}\n            objectTypeId={props.clip.typeId}\n            shareId={props.shareId}\n            context={props.queryParams?.context}\n            contextId={props.queryParams?.contextId}\n            moviesAndTv={props.queryParams?.mtv}\n            playNext={props.queryParams?.playNext}\n            startTime={props.queryParams?.t ?? props.queryParams?.startTime}\n            mode='default'\n            location='play-page'\n          />\n        }\n        <div className={showPlayerPlaceholder ? '' : 'd-none'}>\n          <PlayerPlaceholder\n            video={props.clip}\n            type='pip'\n          />\n        </div>\n      </section>\n\n      <PlayPageTitleAndActions\n        media={props.clip}\n        yearGroups={props.yearGroups}\n        audiences={props.audiences}\n        originalVideoAppLink={getOriginalVideoAppLink()}\n        featureAccess={props.featureAccess}\n        shareId={props.shareId}\n      />\n\n      {hasGlance && (\n        <section>\n          <VideoAtAGlance\n            video={props.clip}\n            pointsOfInterest={props.pointsOfInterest}\n            setStartTime={(time: number) => playerContext.playerRef.current?.currentTime(time)}\n            getTagAppLink={tag => ({\n              application: AppChannels.SEARCH,\n              action: Actions.Search.HOME,\n              params: { tagOrClassification: tag.name }\n            })}\n            suppressInteractivity={props.featureAccess.canViewPublicLayout}\n          />\n        </section>\n      )}\n\n      <PlayPageResources\n        video={props.clip}\n        canViewResources={props.featureAccess.canViewResources}\n        imageCdnUrl={props.imageCdnUrl}\n        getAppLink={\n          getResourceAppLink(props.clip.id, props.shareId, props.featureAccess.canViewResources)\n        }\n        analyticsData={{ clipId: props.clip.id, clipName: props.clip.name }}\n        resourceThumbnailFallbackUrl={ImageUrls.Fallbacks.RESOURCE_THUMBNAIL}\n        containerRef={resourcesRef}\n      />\n\n      <PlayPageInteractives\n        video={props.clip}\n        imageCdnUrl={props.imageCdnUrl}\n        analyticsData={{ clipId: props.clip.id, clipName: props.clip.name }}\n        canViewInteractives={props.featureAccess.canViewInteractives}\n        containerRef={interactivesRef}\n        yearGroups={props.yearGroups}\n        setFavourite={props.setFavourite}\n        canFavourite={props.canFavourite}\n      />\n\n      {props.glanceLoaded ? (\n        <section>\n          <VideoDetailsWithScrollbar\n            video={props.clip}\n            onLaunchImmersiveReader={onLaunchImmersiveReader}\n            onExitImmersiveReader={onExitImmersiveReader}\n            getTagAppLink={tag => ({\n              application: AppChannels.SEARCH,\n              action: Actions.Search.HOME,\n              params: { tagOrClassification: tag.name }\n            })}\n            theme={props.glanceTheme}\n            suppressInteractivity={props.featureAccess.canViewPublicLayout}\n          />\n        </section>\n      ) : (\n        <VideoDetailsPartial />\n      )}\n\n      <PlayPageClips\n        video={props.clip}\n        clips={otherClips || []}\n        canViewClips={props.featureAccess.canViewClips}\n        yearGroups={props.yearGroups}\n        imageCdnUrl={props.imageCdnUrl}\n        setFavourite={props.setFavourite}\n        canFavourite={props.canFavourite}\n        analyticsData={{ clipId: props.clip.id, clipName: props.clip.name }}\n      />\n\n      {!!canAccessOriginal() && (\n        <section className='pb-2 pt-1'>\n          <h2 className='h4 mb-0'><Text namespace={namespace} phrase='clippedFrom' /></h2>\n          <VideoActionsContext.Provider value={videoActions}>\n            <VideoList\n              videos={[props.originalVideo]}\n              yearGroups={props.yearGroups}\n              setFavourite={props.setFavourite}\n              canFavourite={props.canFavourite}\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              hasPermissions={hasPermissions}\n              presentationAudiences={props.audiences}\n              getPreviewQuestionsAppLink={interactive => InteractiveHelpers.getPreviewQuestionsAppLink(interactive)}\n            />\n          </VideoActionsContext.Provider>\n        </section>\n      )}\n\n      <section>\n        <RelatedVideos\n          currentVideo={props.clip}\n          yearGroups={props.yearGroups}\n          relatedVideos={props.relatedVideos}\n          setFavourite={props.setFavourite}\n          canFavourite={props.canFavourite}\n          currentUser={props.currentUser}\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.shareId,\n            moviesAndTv: props.queryParams.mtv\n          })}\n          moviesAndTv={props.queryParams.mtv}\n        />\n      </section>\n    </div>\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};"],"names":["getPhrase","LanguageService","SeeMore","props","className","AppLink","appLink","analyticsData","analyticsOptions","descriptor","WidgetHeader","hasDescription","description","name","showSeeMoreLink","blankImage","Image","src","DragHelper","event","dataTransfer","setDragImage","FunctionHelper","isTouchScreen","UserAgentHelper","SlidingListContainer","ref","listenerProps","xPosition","measurement","dragPercentage","children","positionType","onDrag","onDragEnd","onTouchMove","onTouchEnd","percentageDragged","position","style","CssMeasurement","C","transform","transition","draggable","onDragStart","onDragOver","onTouchMoveCapture","onTouchEndCapture","WidgetButtonDirection","WidgetButton","isLeft","direction","Left","arrowSvg","hide","state","contents","paddingBottom","viewableItems","height","useGradientBackdrop","leftGradientClassName","rightGradientClassName","hideExtendedClickableArea","role","onClick","leftButtonClassName","rightButtonClassName","hoverText","SvgContainer","svgName","size","S","WidgetInteraction","getResourceAppLink","videoId","shareId","canViewResource","resource","application","action","args","id","params","namespace","PlayClip","playerContext","hasPermissions","canConsume","clip","videoActions","location","resourcesRef","interactivesRef","current","tableOfContentsId","isArchived","hasStudentExperience","shouldPlayOnExitImmersiveReader","hasGlance","featureAccess","canViewGlance","canAccessOriginal","originalVideo","_canBeConsumed","value","currentUser","isAuthenticated","hasProduct","showPlayerPlaceholder","mode","canViewPublicLayout","otherClips","clips","data","filter","c","toString","restrictions","_restrictions","yearGroups","objectId","objectTypeId","canManageVideoAccess","typeId","key","context","queryParams","contextId","moviesAndTv","mtv","playNext","startTime","t","video","type","media","audiences","originalVideoAppLink","pointsOfInterest","setStartTime","time","playerRef","currentTime","getTagAppLink","tag","tagOrClassification","suppressInteractivity","canViewResources","imageCdnUrl","getAppLink","clipId","clipName","resourceThumbnailFallbackUrl","containerRef","canViewInteractives","setFavourite","canFavourite","glanceLoaded","onLaunchImmersiveReader","isPaused","pause","onExitImmersiveReader","play","theme","glanceTheme","canViewClips","phrase","videos","getVideoAppLink","v","opts","presentationAudiences","getPreviewQuestionsAppLink","interactive","currentVideo","relatedVideos","usePresentationAudiences","redirectOnError","activePresentation","getFallbackPresentation","presentation"],"sourceRoot":""}
+{"version":3,"file":"scripts/7268-a8484f7697-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/components/widgets/curated-widgets/components/header/widget-header.scss","file:///app/packages/libs/shared/src/components/widgets/curated-widgets/components/header/WidgetHeader.tsx","file:///app/packages/libs/shared/src/utils/DragHelper.ts","file:///app/packages/libs/shared/src/components/widgets/sliding-list/SlidingListContainer.tsx","file:///app/packages/libs/shared/src/components/widgets/widget-button/widget-button.scss","file:///app/packages/libs/shared/src/components/widgets/widget-button/WidgetButton.tsx","file:///app/packages/libs/shared/src/enums/CssMeasurement.ts","file:///app/packages/libs/shared/src/enums/WidgetInteraction.ts","file:///app/packages/projects/lite/src/shared/components/play-clip/PlayClip.tsx","file:///app/packages/projects/lite/src/shared/hooks/usePresentationAudiences.ts"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"seeMore\":\"yv0FS\"};","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { AnalyticsOptions, ClickDescriptor } from 'libs/analytics/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\n\nimport styles from './widget-header.scss';\n\nconst namespace = 'shared.widgetHeader';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface WidgetHeaderProps {\n  name: string;\n  description: string;\n\n  appLink?: Core.AppLink;\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n  showSeeMoreLink?: boolean;\n}\n\nfunction SeeMore(props: WidgetHeaderProps) {\n  return (\n    <div className={`ms-3 ${styles.seeMore}`}>\n      <AppLink\n        appLink={props.appLink}\n        analyticsData={props.analyticsData }\n        analyticsOptions={{ ...props.analyticsOptions, descriptor: ClickDescriptor.SeeMore }}\n        className={`text-decoration-none ${props.appLink ? 'curated-widget-link' : ''}`}\n      >\n        <p className='hover-text-underline text-dark curated-widget-heading'>{getPhrase('seeMore')}</p>\n      </AppLink>\n    </div>\n  );\n}\n\nexport function WidgetHeader(props: WidgetHeaderProps): JSX.Element {\n  const hasDescription = !!props.description;\n\n  if (!props.name && !props.description)\n    return <></>;\n\n  return (\n    <div className='curated-widget-header'>\n      <div className='d-flex justify-content-between'>\n        {!!props.name && (\n          <div className={styles.title}>\n            <AppLink\n              appLink={props.appLink}\n              analyticsOptions={props.analyticsOptions}\n              analyticsData={props.analyticsData}\n              className={`text-decoration-none ${props.appLink ? 'curated-widget-link' : ''}`}\n            >\n              <h2 className='h4 curated-widget-heading'>\n                {props.name}\n              </h2>\n            </AppLink>\n          </div>\n        )}\n        {!!props.appLink && !hasDescription && !!props.showSeeMoreLink && <SeeMore {...props}/>}\n      </div>\n  \n      {hasDescription && (\n        <div className='d-flex justify-content-between align-items-end'>\n          <p className={`description curated-widget-description ${styles.description}`}>\n            <span>{props.description}</span>\n          </p>\n          {!!props.appLink && !!props.showSeeMoreLink && <SeeMore {...props}/> }\n        </div>\n      )}\n    </div>\n  );\n}","import { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\n\nconst blankImage = new Image();\nblankImage.src = 'data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=';\n\nexport const DragHelper = {\n  // This removes the image that appears when you drag a draggable HTML element\n  hideDragImage(event: React.DragEvent<HTMLElement>): void {\n    if (!event.dataTransfer.setDragImage || !FunctionHelper.isFunction(event.dataTransfer.setDragImage))\n      return;\n\n    event.dataTransfer.setDragImage(blankImage, 0, 0);\n  }\n};","import * as React from 'react';\n\nimport { UserAgentHelper } from 'libs/common/backbone/utils/UserAgentHelper';\nimport { HashObject } from 'libs/common/react/interfaces/HashObject';\n\nimport { CssMeasurement } from 'libs/shared/enums/CssMeasurement';\nimport { DragHelper } from 'libs/shared/utils/DragHelper';\n\nconst isTouchScreen = UserAgentHelper.isTouchScreen();\n\nconst getPositionStyling = (xPosition: number, measurement: CssMeasurement, dragPercentage?: number) => {\n  // Used in situations where a touch screen user is dragging the `<FixedWidget />`\n  if (measurement === CssMeasurement.Percentage && dragPercentage)\n    xPosition = xPosition - dragPercentage;\n\n  return {\n    transform: `translate3d(${xPosition}${measurement}, 0px, 0px)`,\n    transition: 'transform .4s ease-in-out'\n  };\n};\n\ninterface SlidingListContainerProps extends React.PropsWithChildren<unknown> {\n  position: number;\n  positionType: CssMeasurement;\n\n  onDrag?: (event: React.DragEvent<HTMLDivElement>) => void;\n  onDragEnd?: () => void;\n\n  onTouchMove?: (event: React.TouchEvent<HTMLDivElement>) => void;\n  onTouchEnd?: () => void;\n\n  percentageDragged?: number;\n}\n\nexport const SlidingListContainer = React.forwardRef((\n  props: SlidingListContainerProps,\n  ref: React.MutableRefObject<HTMLDivElement>\n): JSX.Element => {\n  const { children, positionType, onDrag, onDragEnd, onTouchMove, onTouchEnd, percentageDragged, position = 0 } = props;\n\n  function getEventListeners(): HashObject {\n    const listenerProps: HashObject = {};\n\n    if (onDrag && onDragEnd) {\n      listenerProps.draggable = true;\n      listenerProps.onDragEnd = onDragEnd;\n      listenerProps.onDragStart = DragHelper.hideDragImage;\n      listenerProps.onDragOver = onDrag;\n    }\n\n    if (onTouchMove && onTouchEnd && isTouchScreen) {\n      listenerProps.onTouchMoveCapture = onTouchMove;\n      listenerProps.onTouchEndCapture = onTouchEnd;\n    }\n\n    return listenerProps;\n  }\n\n  return (\n    <div\n      className='d-flex flex-nowrap position-relative w-100'\n      style={getPositionStyling(position, positionType, percentageDragged)}\n      ref={ref}\n      {...getEventListeners()}\n    >\n      {children}\n    </div>\n  );\n});","// extracted by mini-css-extract-plugin\nexport default {\"buttonContainer\":\"_ejId\",\"left\":\"VSAPU\",\"right\":\"kgeXh\",\"button\":\"gAsE9\",\"hoverText\":\"APA36\",\"buttonHover\":\"cqD75\",\"chevron\":\"Ev4hr\",\"extendedClickableArea\":\"AtsWP\",\"gradientRight\":\"ZuAif\",\"gradientLeft\":\"Pt3nx\",\"topPos\":\"BVcIS\"};","import * as React from 'react';\n\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { FixedWidgetState } from 'libs/shared/components/widgets/fixed-widget';\nimport { WidgetContents } from 'libs/shared/enums/WidgetContents';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport styles from './widget-button.scss';\n\nexport enum WidgetButtonDirection {\n  Left,\n  Right\n}\n\ninterface WidgetButtonProps {\n  onClick: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n  direction: WidgetButtonDirection;\n  hide: boolean;\n  contents?: WidgetContents;\n  useGradientBackdrop?: boolean;\n  className?: string;\n  hoverText?: string;\n  hideExtendedClickableArea?: boolean;\n  state?: FixedWidgetState;\n\n  leftButtonClassName?: string;\n  rightButtonClassName?: string;\n  leftGradientClassName?: string;\n  rightGradientClassName?: string;\n}\n\nexport const WidgetButton = React.memo(function(props: WidgetButtonProps): JSX.Element {\n  const isLeft = props.direction === WidgetButtonDirection.Left;\n\n  const arrowSvg = isLeft ? cvSvgLibrary.ChevronLeft : cvSvgLibrary.ChevronRight;\n\n  function getPositionClass(): string {\n    let className = styles.topPos;\n  \n    // Left / Right\n    if (isLeft)\n      className += ` ${styles.left} ${props.leftButtonClassName}`;\n    else\n      className += ` ${styles.right} ${props.rightButtonClassName}`;\n  \n    return className;\n  }\n\n  function getStyle(): React.CSSProperties {\n    if (props.state?.contents === 'videos')\n      return { paddingBottom: (56.25 / props.state?.viewableItems) + '%' };\n\n    return { height: '100%' };\n  }\n\n  if (props.hide)\n    return <></>;\n\n  return (\n    <div className={styles.buttonContainer} style={getStyle()}>\n      {props.useGradientBackdrop &&\n        <div className={isLeft ? `${styles.gradientLeft} ${props.leftGradientClassName}` : `${styles.gradientRight} ${props.rightGradientClassName}`} />\n      }\n\n      {!props.hideExtendedClickableArea && (\n        <div\n          role='button'\n          onClick={props.onClick}\n          className={`${styles.extendedClickableArea} ${isLeft ? styles.left : styles.right}`}\n        />\n      )}\n\n      <div\n        role='button'\n        className={`${getPositionClass()} ${styles.button} ${props.className || ''}`}\n        onClick={props.onClick}\n      >\n        {props.hoverText && (\n          <span className={`ps-3 pe-2 ${styles.hoverText}`}>{props.hoverText}</span>\n        )}\n        <SvgContainer\n          svgName={arrowSvg}\n          size={SvgContainerSize.Medium}\n          className={`svg-container d-inline-block ${styles.chevron}`}\n        />\n      </div>\n    </div>\n  );\n});","export enum CssMeasurement {\n  Percentage = '%',\n  Pixels = 'px'\n}","export enum WidgetInteraction {\n  Init = 'init',\n  Next = 'next',\n  Previous = 'previous',\n  Resize = 'resize',\n  Drag = 'drag',\n  Update = 'update',\n  JumpToIndex = 'jump-to-index'\n}","import React from 'react';\n\nimport { Core } from 'libs/common/core';\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\n\nimport { PlayPageResources } from 'libs/shared/components/play-page/resources/PlayPageResources';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { VideoAtAGlance } from 'libs/shared/components/video-at-a-glance/VideoAtAGlance';\nimport { hasGlanceData } from 'libs/shared/components/video-at-a-glance/VideoAtAGlanceUtils';\nimport { VideoDetailsWithScrollbar } from 'libs/shared/components/video-details/VideoDetails';\nimport { VideoDetailsPartial } from 'libs/shared/components/video-details/VideoDetailsPartial';\nimport { VideoList } from 'libs/shared/components/video-list/VideoList';\nimport { GlobalPlayerConsumer } from 'libs/shared/context/player-context/components/GlobalPlayerConsumer';\nimport { usePlayerContext } from 'libs/shared/context/player-context/PlayerContext';\nimport { VideoActionsContext } from 'libs/shared/context/VideoActionsContext';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { ProductId } from 'libs/shared/enums/ProductId';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { HasProductFunc } from 'libs/shared/hooks/UseProducts';\nimport { useTableOfContentsScroll } from 'libs/shared/hooks/useTableOfContentsScroll';\nimport { CanFavouriteFunc, Clip, CurrentUser, FavouriteFunc, Link, PointOfInterest, PresentationAudience, Resource, Theme, Video, 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 { PlayPageClips } from 'shared/components/play-page/components/clips/PlayPageClips';\nimport { PlayPageInteractives } from 'shared/components/play-page/components/interactives/PlayPageInteractives';\nimport { PlayPageTitleAndActions } from 'shared/components/play-page/components/title-and-actions/PlayPageTitleAndActions';\nimport { RestrictionBanner } from 'shared/components/play-page/RestrictionBanner';\nimport { PlayerPlaceholder } from 'shared/components/player-placeholder/PlayerPlaceholder';\nimport { RelatedVideos } from 'shared/components/related-videos/RelatedVideos';\nimport { ImageUrls } from 'shared/constants/ImageUrls';\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 { VideoFeaturesHash } from 'shared/hooks/useVideoFeatureAccess';\nimport { InteractiveHelpers } from 'shared/utils/InteractiveHelper';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\n\nconst getResourceAppLink = (videoId: string, shareId: string, canViewResource: boolean) =>\n  (resource: Resource | Link) => {\n    if (!canViewResource) {\n      return {\n        application: AppChannels.SIGN_UP,\n        action: Actions.SignUp.SIGN_UP\n      };\n    }\n\n    return {\n      application: AppChannels.VIDEOS,\n      action: Actions.Videos.PREVIEW_PDF,\n      args: [resource.id],\n      params: {\n        videoId: videoId,\n        shareId: shareId\n      }\n    };\n  };\n\nconst namespace = 'shared.playClip';\n\ninterface PlayClipProps {\n  clip: Clip;\n  originalVideo: Video;\n  currentUser: CurrentUser;\n  yearGroups: YearGroup[];\n  relatedVideos: RelatedVideosHash;\n  setFavourite: FavouriteFunc;\n  canFavourite: CanFavouriteFunc;\n  queryParams: PlayViewQueryParams;\n  hasProduct: HasProductFunc;\n  audiences: PresentationAudience[];\n  imageCdnUrl: string;\n  shareId?: string;\n  canManageVideoAccess: boolean;\n  pointsOfInterest?: PointOfInterest[];\n  featureAccess: VideoFeaturesHash;\n  glanceTheme?: Theme;\n  glanceLoaded: boolean;\n  tableOfContentsId: string;\n}\n\nexport function PlayClip(props: PlayClipProps): JSX.Element {\n  const playerContext = usePlayerContext();\n\n  const { hasPermissions } = usePermissions();\n  const { canConsume } = VideoHelper.getCanBeConsumed(props.clip);\n  \n  const videoActions = useVideoActions({ location: VideoActionsLocation.VideoItem });\n\n  const resourcesRef = React.useRef<HTMLDivElement>(null);\n  const interactivesRef = React.useRef<HTMLDivElement>(null);\n\n  useTableOfContentsScroll([\n    resourcesRef.current,\n    interactivesRef.current\n  ], props.tableOfContentsId);\n\n  const isArchived = VideoHelper.isVideoTypeArchived(props.clip);\n  const hasStudentExperience = hasPermissions(PermissionName.StudentExperience);\n  /**\n   * Need to use a ref because if we use state, onExitImmersiveReader will have a stale\n   * reference of the state. This is because the state is changed in onLaunchImmersiveReader\n   * which is passed in at the same time as onExitImmersiveReader\n   */\n  const shouldPlayOnExitImmersiveReader = React.useRef(false);\n\n  const hasGlance = hasGlanceData(props.clip) && props.featureAccess.canViewGlance;\n\n  function onLaunchImmersiveReader(): void {\n    shouldPlayOnExitImmersiveReader.current = !playerContext?.playerRef?.current?.isPaused();\n    playerContext?.playerRef?.current?.pause();\n  }\n\n  function onExitImmersiveReader(): void {\n    if (!shouldPlayOnExitImmersiveReader.current)\n      return;\n\n    playerContext?.playerRef?.current?.play();\n  }\n\n  function canAccessOriginal(): boolean {\n    if (!props.originalVideo || !props.clip._canBeConsumed?.value)\n      return false;\n\n    if (!props.currentUser?.isAuthenticated)\n      return false;\n\n    if (!props.hasProduct(ProductId.Primary))\n      return false;\n\n    if (hasStudentExperience)\n      return false;\n\n    return true;\n  }\n\n  function getOriginalVideoAppLink(): Core.AppLink {\n    if (!canAccessOriginal())\n      return null;\n  \n    return {\n      application: AppChannels.VIDEOS,\n      action: Actions.Videos.PLAY_VIDEO,\n      args: [ props.originalVideo.id, TextHelper.slugify(props.originalVideo.name) ]\n    };\n  }\n\n  const showPlayerPlaceholder = playerContext.mode === 'picture-in-picture' || props.featureAccess.canViewPublicLayout;\n\n  const otherClips = props.originalVideo?.clips?.data?.filter(c => c.id.toString() !== props.clip.id.toString()) ?? [];\n\n  return (\n    <div className='px-4'>\n      <RestrictionBanner\n        restrictions={props.clip._restrictions}\n        yearGroups={props.yearGroups}\n        objectId={props.clip.id}\n        objectTypeId={MasterType.Clip}\n        canManageVideoAccess={props.canManageVideoAccess}\n      />\n\n      {isArchived && (\n        <ArchivedBanner\n          typeId={props.clip.typeId}\n          hasStudentExperience={hasStudentExperience}\n        />\n      )}\n\n      <section className={`mb-2`}>\n        {canConsume &&\n          <GlobalPlayerConsumer\n            key={props.clip.id}\n            objectId={props.clip.id}\n            objectTypeId={props.clip.typeId}\n            shareId={props.shareId}\n            context={props.queryParams?.context}\n            contextId={props.queryParams?.contextId}\n            moviesAndTv={props.queryParams?.mtv}\n            playNext={props.queryParams?.playNext}\n            startTime={props.queryParams?.t ?? props.queryParams?.startTime}\n            mode='default'\n            location='play-page'\n          />\n        }\n        <div className={showPlayerPlaceholder ? '' : 'd-none'}>\n          <PlayerPlaceholder\n            video={props.clip}\n            type='pip'\n          />\n        </div>\n      </section>\n\n      <PlayPageTitleAndActions\n        media={props.clip}\n        yearGroups={props.yearGroups}\n        audiences={props.audiences}\n        originalVideoAppLink={getOriginalVideoAppLink()}\n        featureAccess={props.featureAccess}\n        shareId={props.shareId}\n      />\n\n      {hasGlance && (\n        <section>\n          <VideoAtAGlance\n            video={props.clip}\n            pointsOfInterest={props.pointsOfInterest}\n            setStartTime={(time: number) => playerContext.playerRef.current?.currentTime(time)}\n            getTagAppLink={tag => ({\n              application: AppChannels.SEARCH,\n              action: Actions.Search.HOME,\n              params: { tagOrClassification: tag.name }\n            })}\n            suppressInteractivity={props.featureAccess.canViewPublicLayout}\n          />\n        </section>\n      )}\n\n      <PlayPageResources\n        video={props.clip}\n        canViewResources={props.featureAccess.canViewResources}\n        imageCdnUrl={props.imageCdnUrl}\n        getAppLink={\n          getResourceAppLink(props.clip.id, props.shareId, props.featureAccess.canViewResources)\n        }\n        analyticsData={{ clipId: props.clip.id, clipName: props.clip.name }}\n        resourceThumbnailFallbackUrl={ImageUrls.Fallbacks.RESOURCE_THUMBNAIL}\n        containerRef={resourcesRef}\n      />\n\n      <PlayPageInteractives\n        video={props.clip}\n        imageCdnUrl={props.imageCdnUrl}\n        analyticsData={{ clipId: props.clip.id, clipName: props.clip.name }}\n        canViewInteractives={props.featureAccess.canViewInteractives}\n        containerRef={interactivesRef}\n        yearGroups={props.yearGroups}\n        setFavourite={props.setFavourite}\n        canFavourite={props.canFavourite}\n      />\n\n      {props.glanceLoaded ? (\n        <section>\n          <VideoDetailsWithScrollbar\n            video={props.clip}\n            onLaunchImmersiveReader={onLaunchImmersiveReader}\n            onExitImmersiveReader={onExitImmersiveReader}\n            getTagAppLink={tag => ({\n              application: AppChannels.SEARCH,\n              action: Actions.Search.HOME,\n              params: { tagOrClassification: tag.name }\n            })}\n            theme={props.glanceTheme}\n            suppressInteractivity={props.featureAccess.canViewPublicLayout}\n          />\n        </section>\n      ) : (\n        <VideoDetailsPartial />\n      )}\n\n      <PlayPageClips\n        video={props.clip}\n        clips={otherClips || []}\n        canViewClips={props.featureAccess.canViewClips}\n        yearGroups={props.yearGroups}\n        imageCdnUrl={props.imageCdnUrl}\n        setFavourite={props.setFavourite}\n        canFavourite={props.canFavourite}\n        analyticsData={{ clipId: props.clip.id, clipName: props.clip.name }}\n      />\n\n      {!!canAccessOriginal() && (\n        <section className='pb-2 pt-1'>\n          <h2 className='h4 mb-0'><Text namespace={namespace} phrase='clippedFrom' /></h2>\n          <VideoActionsContext.Provider value={videoActions}>\n            <VideoList\n              videos={[props.originalVideo]}\n              yearGroups={props.yearGroups}\n              setFavourite={props.setFavourite}\n              canFavourite={props.canFavourite}\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              hasPermissions={hasPermissions}\n              presentationAudiences={props.audiences}\n              getPreviewQuestionsAppLink={interactive => InteractiveHelpers.getPreviewQuestionsAppLink(interactive)}\n            />\n          </VideoActionsContext.Provider>\n        </section>\n      )}\n\n      <section>\n        <RelatedVideos\n          currentVideo={props.clip}\n          yearGroups={props.yearGroups}\n          relatedVideos={props.relatedVideos}\n          setFavourite={props.setFavourite}\n          canFavourite={props.canFavourite}\n          currentUser={props.currentUser}\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.shareId,\n            moviesAndTv: props.queryParams.mtv\n          })}\n          moviesAndTv={props.queryParams.mtv}\n        />\n      </section>\n    </div>\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};"],"names":["getPhrase","LanguageService","SeeMore","props","className","AppLink","appLink","analyticsData","analyticsOptions","descriptor","WidgetHeader","hasDescription","description","name","showSeeMoreLink","blankImage","Image","src","DragHelper","event","dataTransfer","setDragImage","FunctionHelper","isTouchScreen","UserAgentHelper","SlidingListContainer","ref","listenerProps","xPosition","measurement","dragPercentage","children","positionType","onDrag","onDragEnd","onTouchMove","onTouchEnd","percentageDragged","position","style","CssMeasurement","C","transform","transition","draggable","onDragStart","onDragOver","onTouchMoveCapture","onTouchEndCapture","WidgetButtonDirection","WidgetButton","isLeft","direction","Left","arrowSvg","hide","state","contents","paddingBottom","viewableItems","height","useGradientBackdrop","leftGradientClassName","rightGradientClassName","hideExtendedClickableArea","role","onClick","leftButtonClassName","rightButtonClassName","hoverText","SvgContainer","svgName","size","S","WidgetInteraction","getResourceAppLink","videoId","shareId","canViewResource","resource","application","action","args","id","params","namespace","PlayClip","playerContext","hasPermissions","canConsume","clip","videoActions","location","resourcesRef","interactivesRef","current","tableOfContentsId","isArchived","hasStudentExperience","shouldPlayOnExitImmersiveReader","hasGlance","featureAccess","canViewGlance","canAccessOriginal","originalVideo","_canBeConsumed","value","currentUser","isAuthenticated","hasProduct","showPlayerPlaceholder","mode","canViewPublicLayout","otherClips","clips","data","filter","c","toString","restrictions","_restrictions","yearGroups","objectId","objectTypeId","canManageVideoAccess","typeId","key","context","queryParams","contextId","moviesAndTv","mtv","playNext","startTime","t","video","type","media","audiences","originalVideoAppLink","pointsOfInterest","setStartTime","time","playerRef","currentTime","getTagAppLink","tag","tagOrClassification","suppressInteractivity","canViewResources","imageCdnUrl","getAppLink","clipId","clipName","resourceThumbnailFallbackUrl","containerRef","canViewInteractives","setFavourite","canFavourite","glanceLoaded","onLaunchImmersiveReader","isPaused","pause","onExitImmersiveReader","play","theme","glanceTheme","canViewClips","phrase","videos","getVideoAppLink","v","opts","presentationAudiences","getPreviewQuestionsAppLink","interactive","currentVideo","relatedVideos","usePresentationAudiences","redirectOnError","activePresentation","getFallbackPresentation","presentation"],"sourceRoot":""}

package/dist/scripts/{9087-48c8bfbc09-lite.chunk.js → 9087-55e2aad6ad-lite.chunk.js}

@@ -1,2 +1,2 @@
-(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[9087],{29014:e=>{window,e.exports=function(e){var t={};function n(r){if(t[r])return t[r].exports;var a=t[r]={i:r,l:!1,exports:{}};return e[r].call(a.exports,a,a.exports,n),a.l=!0,a.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)n.d(r,a,function(t){return e[t]}.bind(null,a));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=1)}([function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e){e[e.Disable=0]="Disable",e[e.Enable=1]="Enable"}(t.CookiePolicy||(t.CookiePolicy={}))},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(2);t.renderButtons=r.renderButtons;var a=n(3);t.close=a.close,t.launchAsync=a.launchAsync;var o=n(0);t.CookiePolicy=o.CookiePolicy,window.addEventListener("load",(function(){var e;window.hasOwnProperty("Promise")||("https://contentstorage.onenote.office.net/onenoteltir/permanent-static-resources/promise-polyfill.min.js",(e=document.createElement("script")).src="https://contentstorage.onenote.office.net/onenoteltir/permanent-static-resources/promise-polyfill.min.js",document.head.appendChild(e)),r.renderButtons()}))},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r={af:"Indompelende leser",am:"በህያው ስሜት ፈጣሪ ዕይታ አንባቢ",ar:"القارئ الشامل",as:"ইমাৰচিভ ৰিডাৰ",az:"İmmersiv Oxuyucu",be:"Імерсіўны чытальнік",bg:"Концентриран четец",bn:"মনোগ্রাহী পাঠক","bn-bd":"ইমার্সিভ পাঠক",bs:"Koncentrirani čitalac",ca:"Lector immersiu",cs:"Asistivní čtečka","cy-gb":"Darllenydd Ymdrwythol",da:"Forenklet læser",de:"Plastischer Reader",el:"Προηγμένο πρόγραμμα ανάγνωσης",en:"Immersive Reader",es:"Lector inmersivo",et:"Süvaluger",eu:"Irakurgailu murgiltzailea",fa:"خواننده همه‌جانبه",fi:"Syventävä lukuohjelma",fil:"Immersive Reader",fr:"Lecteur immersif","ga-ie":"Léitheoir tumthach",gd:"An leughadair ùr-nòsach",gl:"Lector avanzado",gu:"ઇમર્સિવ રીડર",ha:"Mai karatu Mai barbazawa",he:"תצוגת קריאה מודרנית",hi:"इमर्सिव रीडर",hr:"Stopljeni čitač",hu:"Modern olvasó",hy:"Խորասուզված ընթերցիչ",id:"Pembaca Imersif",ig:"Ọgụụ Kenzipụtara",is:"Aðgengilegt lestrarumhverfi",it:"Strumento di lettura immersiva",ja:"イマーシブ リーダー",ka:"იმერსიული წამკითხველი",kk:"Иммерсивті оқу құралы",km:"កម្មវិធីអានពណ៌រំលេចនៅលើអេក្រង់",kn:"ಇಮ್ಮರ್ಸಿವ್ ಓದುಗ",ko:"몰입형 리더",kok:"तंद्री लागिल्लो वाचक","ku-arab":"خوێنەری پڕ",ky:"Курчаган Окугуч",lb:"Immersive Reader",lo:"ຕົວອ່ານອິມເມີສີບ",lt:"Įtraukianti skaitytuvė",lv:"Tīrskata lasītājs",mi:"Pūpānui Rumaki",mk:"Сеопфатен читач",ml:"ഇമ്മേഴ്‌സീവ് റീഡർ",mn:"Идэвхтэй уншигч",mr:"इमर्सिव्ह वाचक",ms:"Pembaca Imersif",mt:"Qarrej Immersiv",ne:"इमेर्सिभ रिडर",nl:"Insluitende lezer","nn-no":"Engasjerande lesar",no:"Engasjerende leser",nso:"Go Bala ka Mongwalo o Mokoto",or:"ଇମରସିଭ୍ ରିଡର୍",pa:"ਇਮਰਸਿਵ ਰੀਡਰ","pa-arab":"گھیرن آلا مطالعہ کار",pl:"Czytnik immersyjny",prs:"خواننده نمایش",pt:"Leitura Avançada",quc:"Nim ucholajil sik'inel uwach",quz:"Wankisqa Ñawiq",ro:"Immersive Reader",ru:"Иммерсивное средство чтения",rw:"Insakazasoma",sd:"امرسو ريڊر",si:"ගිලෙන සුළු කියවනය",sk:"Imerzná čítačka",sl:"Potopni bralnik",sq:"Lexuesi kredhës","sr-cyrl-ba":"Концентрисани читалац","sr-cyrl-rs":"Концентрисани читалац","sr-latn-rs":"Koncentrisani čitalac",sv:"Avancerad läsare",sw:"Kisomaji cha Kuzamisha",ta:"அற்புதமான ரீடர்",te:"మంత్రముగ్ధులను చేసే పఠన సాధనం","tg-cyrl-tj":"Хонандаи фарогир",th:"โปรแกรมช่วยอ่าน",ti:"ኣንባቢ ሕሉው ስምዒት ፈጣሪ",tk:"Giňişleýin okaýjy",tn:"Sebadi sa Imesife",tr:"Tam Ekran Okuyucu",tt:"Чолгап алучы уку чарасы","ug-cn":"چۆكمە ئوقۇغۇچ",uk:"Занурення в текст",ur:"امرسیو مطالعہ کار",uz:"Immersiv mutolaa vositasi",vi:"Trình đọc Chân thực",wo:"Jàngukaay bu Rafet",xh:"Isifundi Esikhulu",yo:"Ìwò Alámùtán",zh:"沉浸式阅读器","zh-hant":"沈浸式閱讀程式",zu:"Isifundi Sokuzizwisa"};function a(e){var t=document.createElement("img");t.src="https://contentstorage.onenote.office.net/onenoteltir/permanent-static-resources/immersive-reader-icon.svg";var n=e.getAttribute("data-icon-px-size")||"20";t.style.height=t.style.width=n+"px",t.style.verticalAlign="middle",t.style.marginTop="-2px";var r=e.getAttribute("data-locale")||"en";t.alt=l(r),e.appendChild(t)}function o(e){var t=document.createElement("span");t.style.marginLeft="8px",e.appendChild(t)}function i(e){var t=document.createElement("span"),n=e.getAttribute("data-locale")||"en";t.textContent=l(n),e.appendChild(t)}function l(e){return e=e.toLowerCase(),r[e]?r[e]:"zh-hk"===e||"zh-mo"===e||"zh-tw"===e?r["zh-hant"]:(e=e.substring(0,e.lastIndexOf("-")),r[e]?r[e]:(e=e.substring(0,e.lastIndexOf("-")),r[e]?r[e]:r.en))}t.renderButtons=function(e){var t=document.createElement("style");t.innerHTML=".immersive-reader-button{cursor:pointer;display:inline-block;padding:5px;} .immersive-reader-button:hover{background:rgba(0,0,0,.05);border-radius:2px",document.head.appendChild(t);var n=[].slice.call(document.getElementsByClassName("immersive-reader-button"));e&&e.elements&&(n=e.elements);for(var r=0,s=n;r<s.length;r++){var c=s[r];c.setAttribute("role","button");var u=c.getAttribute("data-locale")||"en";switch(c.setAttribute("aria-label",l(u)),c.getAttribute("data-button-style")||"icon"){case"icon":a(c);break;case"text":i(c);break;case"iconAndText":a(c),o(c),i(c)}}}},function(e,t,n){"use strict";var r=this&&this.__assign||function(){return(r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var a in t=arguments[n])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e}).apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),o=n(4),i={};function l(e){return!!e&&new RegExp("^([a-zA-Z0-9]|[a-zA-Z0-9][a-zA-Z0-9\\-]{0,61}[a-zA-Z0-9])$").test(e)}i[o.ErrorCode.TokenExpired]="The access token supplied is expired.",i[o.ErrorCode.Throttled]="You have exceeded your quota.",i[o.ErrorCode.ServerError]="An error occurred when calling the server to process the text.",i[o.ErrorCode.InvalidSubdomain]="The subdomain supplied is invalid.",t.launchAsync=function(e,t,n,s){return new Promise((function(c,u){if(e)if(n)if(n.chunks)if(n.chunks.length)if(l(t)||s&&s.customDomain){var d=Date.now();(s=r({uiZIndex:1e3,timeout:15e3,useWebview:!1,allowFullscreen:!0,hideExitButton:!1,cookiePolicy:a.CookiePolicy.Disable},s)).uiZIndex&&"number"==typeof s.uiZIndex||(s.uiZIndex=1e3);var m=null,p=document.createElement("div"),v=s.useWebview?document.createElement("webview"):document.createElement("iframe"),f=document.createElement("style");f.innerHTML="body{height:100%;overflow:hidden;}";var g=function(){m&&(window.clearTimeout(m),m=null)},h=function(){document.body.contains(p)&&document.body.removeChild(p),window.removeEventListener("message",y),g(),f.parentNode&&f.parentNode.removeChild(f)},b=function(){h(),s.onExit&&s.onExit()};h();var y=function(r){if(r&&r.data)if("ImmersiveReader-ReadyForContent"===r.data){g();var a={cogSvcsAccessToken:e,cogSvcsSubdomain:t,request:n,launchToPostMessageSentDurationInMs:Date.now()-d};v.contentWindow.postMessage(JSON.stringify({messageType:"Content",messageValue:a}),"*")}else if("ImmersiveReader-Exit"===r.data)b();else if(r.data.startsWith("ImmersiveReader-LaunchResponse:")){var l=null,s=null,m=null;try{m=JSON.parse(r.data.substring(31))}catch(e){}m&&m.success?l={container:p,sessionId:m.sessionId}:s=m&&!m.success?{code:m.errorCode,message:i[m.errorCode],sessionId:m.sessionId}:{code:o.ErrorCode.ServerError,message:i[o.ErrorCode.ServerError]},l?(g(),c(l)):s&&(b(),u(s))}};window.addEventListener("message",y),m=window.setTimeout((function(){h(),u({code:o.ErrorCode.Timeout,message:"Page failed to load after timeout ("+s.timeout+" ms)"})}),s.timeout),s.allowFullscreen&&v.setAttribute("allowfullscreen",""),v.style.cssText="position: static; width: 100vw; height: 100vh; left: 0; top: 0; border-width: 0",s.useWebview&&v.addEventListener("loadstop",(function(){v.contentWindow.postMessage(JSON.stringify({messageType:"WebviewHost"}),"*")}));var E=(s.customDomain?s.customDomain:"https://"+t+".cognitiveservices.azure.com/immersivereader/webapp/v1.0/")+"reader?exitCallback=ImmersiveReader-Exit&sdkPlatform=js&sdkVersion=1.0.0";E+="&cookiePolicy="+(s.cookiePolicy===a.CookiePolicy.Enable?"enable":"disable"),s.hideExitButton&&(E+="&hideExitButton=true"),s.uiLang&&(E+="&omkt="+s.uiLang),v.src=E,p.style.cssText="position: fixed; width: 100vw; height: 100vh; left: 0; top: 0; border-width: 0; -webkit-perspective: 1px; z-index: "+s.uiZIndex+"; background: white; overflow: hidden",p.appendChild(v),document.body.appendChild(p),document.head.appendChild(f)}else u({code:o.ErrorCode.InvalidSubdomain,message:i[o.ErrorCode.InvalidSubdomain]});else u({code:o.ErrorCode.BadArgument,message:"Chunks must not be empty"});else u({code:o.ErrorCode.BadArgument,message:"Chunks must not be null"});else u({code:o.ErrorCode.BadArgument,message:"Content must not be null"});else u({code:o.ErrorCode.BadArgument,message:"Token must not be null"})}))},t.close=function(){window.postMessage("ImmersiveReader-Exit","*")},t.isValidSubdomain=l},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e){e.BadArgument="BadArgument",e.Timeout="Timeout",e.TokenExpired="TokenExpired",e.Throttled="Throttled",e.ServerError="ServerError",e.InvalidSubdomain="InvalidSubdomain"}(t.ErrorCode||(t.ErrorCode={}))}])},25723:(e,t,n)=>{"use strict";n.d(t,{m:()=>f});var r=n(32735),a=n(29014),o=n(99940),i=n(23481),l=n(91967),s=n(44704),c=n(49985);const u={button:"nckQw"};function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var m=null,p=!1,v="shared.immersiveReader";function f(e){var t,n,f=(t=r.useState(m),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,o,i,l=[],s=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);s=!0);}catch(e){c=!0,a=e}finally{try{if(!s&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw a}}return l}}(t,n)||function(e,t){if(e){if("string"==typeof e)return d(e,t);var n=Object.prototype.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)?d(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.")}()),g=f[0],h=f[1];return m||p||(p=!0,(0,s.ajaxRequest)({resource:"/api/integrations/token/immersive-reader",type:o.k.GET,success:function(e){m=e,h(e),window.setTimeout((function(){m=null,p=!1}),9e5)},error:function(){}})),g?(e.title||(e.title=i.T.getPhrase(v,"titleFallback")),r.createElement("span",{className:"".concat(u.button," ").concat(e.className||""),onClick:function(){l.q.isFunction(e.onLaunch)&&e.onLaunch(),c.k.logUserAction(e.analyticsData,e.analyticsOptions);var t={title:e.title,chunks:[{content:e.text,mimeType:e.html?"text/html":"text/plain"}]},n=g.subdomain,r=g.token,o={uiZIndex:5e3,onExit:function(){l.q.isFunction(e.onExit)&&e.onExit()}};a.launchAsync(r,n,t,o)}},r.createElement("svg",{viewBox:"0 0 40 37"},r.createElement("path",{d:"M37.4,0.9 L37.4,9.6 L35.4,9.6 L35.4,2.9 L24.4,2.9 C22.9,3.3 20,4.5 20,6 L20,17.2 L18,17.2 L18,6 C18,5 15.6,3.6 13.8,2.9 L2,2.9 L2,29 L12.4,29 L12.4,31 L0,31 L0,0.9 L14.1,0.9 L14.3,1 C15,1.2 17.5,2.2 18.9,3.7 C20.5,1.9 23.5,1.1 23.9,1 L24.1,1 L37.4,1 L37.4,0.9 Z",fill:"#000000"}),r.createElement("path",{d:"M27.4,37 L25.8,37 L18.4,29.4 L14,29.4 L14,21 L18.4,20.9 L26.1,13 L27.4,13 L27.4,37 Z M16,27.4 L19.2,27.4 L25.3,33.7 L25.3,16.6 L19.2,22.9 L15.9,22.9 L15.9,27.4 L16,27.4 Z",fill:"#0197F2"}),r.createElement("path",{d:"M31.3,32.7 L29.6,31.7 C29.6,31.7 31.7,28.3 31.7,25.2 C31.7,21.9 29.6,18.5 29.6,18.4 L31.3,17.4 C31.4,17.6 33.7,21.3 33.7,25.2 C33.7,28.8 31.4,32.6 31.3,32.7 Z",fill:"#0197F2"}),r.createElement("path",{d:"M36.4,36.2 L34.8,35 C34.8,35 38,30.8 38,25.2 C38,19.6 34.8,15.4 34.8,15.4 L36.4,14.2 C36.5,14.4 40,19 40,25.3 C40,31.5 36.5,36 36.4,36.2 Z",fill:"#0197F2"})))):r.createElement(r.Fragment,null)}},87311:(e,t,n)=>{"use strict";n.d(t,{G:()=>a});var r=n(81886),a={getTagActionProps:function(e,t){return t?{onClick:function(t){var n=e?e(t):null;if(n)return r.Q.C$.trigger(n)}}:{getAppLink:function(t){return e?e(t):null}}}}},16035:(e,t,n)=>{"use strict";n.d(t,{z:()=>l});var r=n(32735),a=n(36848),o=n(44829),i=n(91807);function l(e){var t,n,l=e.tag,s=e.appLink,c=e.onClick,u=e.disabled,d=e.tagClass,m=void 0===d?"tag":d,p=l.name.toLowerCase(),v=null===(t=l.tagType)||void 0===t?void 0:t.toLowerCase(),f="rounded-pill py-1 px-2 my-1 me-1 ".concat(m," ").concat(function(e){switch(e){case o.Q.Pedagogy:case o.Q.Skill:return"pedagogy-tag text-white";case o.Q.Hidden:return"hidden-tag";case o.Q.Normal:default:return""}}(v)),g=v===o.Q.Normal&&!!(null===(n=e.themeColours)||void 0===n?void 0:n.secondary);g&&(f+=" text-white"),!s&&!c||u||(f+=" cursor-pointer"),u&&(f+=" "+i.Z.disabled),e.onRemove&&(f+=" "+i.Z.badge),s||(f+=" d-inline-block");var h=g?{backgroundColor:e.themeColours.secondary}:{};return s?r.createElement(a.F,{onClick:c,appLink:s,className:f,title:p,style:h},r.createElement("span",{className:"text-truncate text-nowrap"},p)):r.createElement("span",{onClick:c,className:f,title:p,style:h},r.createElement("span",{className:"text-truncate text-nowrap"},p,e.onRemove&&r.createElement("button",{onClick:e.onRemove,className:"".concat(i.Z.close," btn-close font-size-normal"),role:"button","aria-label":"Close"})))}},91743:(e,t,n)=>{"use strict";n.d(t,{P:()=>c});var r=n(32735),a=n(16035),o=n(44829),i=n(91807);function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function s(e){var t;switch(null===(t=e.tagType)||void 0===t?void 0:t.toLowerCase()){case o.Q.Pedagogy:return 0;case o.Q.Skill:return 1;default:return 2}}function c(e){if(!e.tags)return r.createElement(r.Fragment,null);var t,n=(t=e.tags,function(e){if(Array.isArray(e))return l(e)}(t)||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=Object.prototype.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.")}()).sort((function(e,t){return s(e)-s(t)}));return r.createElement("div",{className:"".concat(i.Z.tagList," ").concat(e.className)},n.map((function(t){var n="function"==typeof e.getAppLink?e.getAppLink(t):null,o="function"==typeof e.onRemove?function(){return e.onRemove(t)}:null,i="function"==typeof e.onClick?function(){return e.onClick(t)}:null;return r.createElement(a.z,{key:t.id||t.name,tag:t,appLink:n,themeColours:e.themeColours,onRemove:o,onClick:i})})))}},49087:(e,t,n)=>{"use strict";n.d(t,{X:()=>S});var r=n(32735),a=n(42648),o=n(23481),i=n(110),l=n(78259),s=n(65858),c=n(25723),u=n(87311),d=n(91743),m=n(83345),p=n(40178),v=n(44829),f=n(31908),g=n(1048),h=n(66090);function b(e){return function(e){if(Array.isArray(e))return y(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 y(e,t);var n=Object.prototype.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)?y(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 y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function E(e){var t=e.page,n=e.totalPages,r=h.O.isNumber(t)&&t>0&&t<n&&t+1,a=h.O.isNumber(t)&&t>1&&t-1,o={};if(r&&r<=n&&(o.next=r.toString()),a&&(o.previous=a.toString()),!g.t.isEmpty(o))return o}var k={isEmpty:function(e){return e&&!(e.data&&e.data.length)},length:function(e){return e&&e.data&&e.data.length},at:function(e,t){if(e&&e.data&&e.data.length&&!(t>e.data.length))return e.data[t]},get:function(e,t){if(e&&e.data&&e.data.length)return e.data.find((function(e){return e.id&&e.id.toString()===t}))},flattenCollections:function(e){if(e&&e.length){var t=[];return e.forEach((function(e){t=[].concat(b(t),b(e.data))})),t}},getNextCursor:function(e){return e.pagination&&e.pagination.cursors&&e.pagination.cursors.next},convertLegacyPaginatedCollection:function(e){if(e)return{data:e.data,pagination:{cursors:E(e.pagination),limit:e.pagination.pageSize}}},hasData:function(e){return!k.isEmpty(e)}};const C={closeButton:"ZwHXo",descriptionBorder:"J_Z5i"};var w="shared.videoDetails",x=o.T.encloseNamespace(w);function L(e){var t=e.label,n=e.items,a=e.className;if(!(n&&n.data&&n.data.length))return r.createElement(r.Fragment,null);var o=n.data.map((function(e){return e.name})).join(", ");return r.createElement("div",{className:a},t,": ",o)}function A(e){var t,n,a,o,l,s,c,u,d,p=e.video;if(!f.M.isVideo(p)&&!f.M.isClip(p))return r.createElement(r.Fragment,null);var v=f.M.getParentVideo(p);return r.createElement("div",{className:p.description?"col-md-5 ps-md-3 pt-3 pt-md-0":"col-12"},r.createElement("h2",{className:"h6 mb-1"},r.createElement(m.x,{phrase:"details"})),!!v.productionYear&&r.createElement("div",{className:"mb-1"},r.createElement(m.x,{phrase:"productionYear",options:{year:v.productionYear}})),r.createElement(L,{label:x("productionCompanies",{smartCount:null===(n=null===(t=v.productionCompanies)||void 0===t?void 0:t.data)||void 0===n?void 0:n.length}),items:v.productionCompanies,className:"mb-1"}),r.createElement(L,{label:x("distributors",{smartCount:null===(o=null===(a=v.distributors)||void 0===a?void 0:a.data)||void 0===o?void 0:o.length}),items:v.distributors,className:"mb-1"}),r.createElement(L,{label:x("producers",{smartCount:null===(s=null===(l=v.producers)||void 0===l?void 0:l.data)||void 0===s?void 0:s.length}),items:v.producers,className:"mb-1"}),r.createElement(L,{label:x("directors",{smartCount:null===(u=null===(c=v.directors)||void 0===c?void 0:c.data)||void 0===u?void 0:u.length}),items:v.directors,className:"mb-1"}),!!v.dateBroadcast&&r.createElement("div",{className:"mb-1"},r.createElement(m.x,{phrase:"dateBroadcast",options:{date:i.O.format(v.dateBroadcast,"DD/MM/YYYY")}})),!!v.channel&&r.createElement("div",{className:"mb-1"},r.createElement(m.x,{phrase:"channel",options:{channel:v.channel.name}})),!((null===(d=p._isClickViewCurated)||void 0===d?void 0:d.value)||!p.dateCreated)&&r.createElement("div",{className:"mb-1"},r.createElement(m.x,{phrase:"dateUploaded",options:{date:i.O.format(p.dateCreated,"DD/MM/YYYY")}})))}function S(e){var t,n=e.video,o=e.maxHeight,i=void 0===o?p.x:o,g=f.M.getParentVideo(n),h=!!e.video.description,b=function(e){var t=k.hasData,n=function(e){return f.M.isVideo(e)?e:f.M.isClip(e)?e._parentVideo:null}(e);return!!n&&(t(n.productionCompanies)||t(n.producers)||t(n.distributors)||t(n.directors))}(e.video)||!!g.productionYear||!!g.dateBroadcast||!!g.channel||!(!n.dateCreated||(null===(t=n._isClickViewCurated)||void 0===t?void 0:t.value));if(!h&&!b)return r.createElement(r.Fragment,null);var y=function(){var t,n,r,a;return e.hideTags||f.M.isInteractive(e.video)||!(null===(n=null===(t=e.video.tags)||void 0===t?void 0:t.data)||void 0===n?void 0:n.length)?null:null===(a=null===(r=e.video.tags)||void 0===r?void 0:r.data)||void 0===a?void 0:a.filter((function(e){return e.tagType===v.Q.Normal}))}(),E=function(e){var t,n,r,a;if((null===(n=null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.colours)||void 0===n?void 0:n.primary)&&(null===(a=null===(r=null==e?void 0:e.data)||void 0===r?void 0:r.colours)||void 0===a?void 0:a.secondary))return e.data.colours}(e.theme);return r.createElement(m.D.Provider,{value:w},r.createElement("div",null,r.createElement("h2",{className:"h5 mb-2"}," ",r.createElement(m.x,{phrase:"heading"}))),r.createElement("div",{className:"rounded border p-3 mb-3 position-relative"},r.createElement(a.$B,{autoHeight:!0,autoHeightMax:i},r.createElement("div",{className:"row g-0"},h&&r.createElement("div",{className:b?"".concat(C.descriptionBorder," pe-3 col-md-7"):"col-12"},r.createElement("div",{className:"d-flex align-items-center"},r.createElement("h2",{className:"h6 mb-1"},r.createElement(m.x,{phrase:"description"})),r.createElement(c.m,{text:n.description,title:n.name,className:"ps-2",onLaunch:e.onLaunchImmersiveReader,onExit:e.onExitImmersiveReader,analyticsOptions:{location:s.LZ.PlayPage,entity:s.py.Video,actionType:s.Vw.Click,descriptor:s._S.LaunchImmersiveReader},analyticsData:{id:n.id,type:"description"}})),r.createElement("p",{className:"mb-0",dangerouslySetInnerHTML:{__html:l.O.linkifyText(e.video.description,{nl2br:!0})}})),b&&r.createElement(A,Object.assign({},e))),!!(null==y?void 0:y.length)&&r.createElement("div",{className:"mt-3"},r.createElement("h2",{className:"h6 mb-1"},r.createElement(m.x,{phrase:"normalTags"})),r.createElement(d.P,Object.assign({tags:y,themeColours:E},u.G.getTagActionProps(e.getTagAppLink,e.suppressInteractivity),{className:"mt-1"}))))))}},40178:(e,t,n)=>{"use strict";n.d(t,{x:()=>r});var r=368},44829:(e,t,n)=>{"use strict";var r,a;n.d(t,{Q:()=>r}),function(e){e.Normal="normal",e.Pedagogy="pedagogy",e.Hidden="hidden",e.Skill="skill",e.Curation="curation"}(r||(r={})),function(e){e[e.Normal=0]="Normal",e[e.Pedagogy=1]="Pedagogy",e[e.Hidden=2]="Hidden",e[e.Skill=3]="Skill",e[e.Curation=4]="Curation"}(a||(a={}))},91807:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});const r={tagList:"Zw6d9",disabled:"jlL1c",partialTag:"too_N",badge:"OjtN8",close:"X9joI"}}}]);
-//# sourceMappingURL=9087-48c8bfbc09-lite.chunk.js.map
+(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[9087],{29014:e=>{window,e.exports=function(e){var t={};function n(r){if(t[r])return t[r].exports;var a=t[r]={i:r,l:!1,exports:{}};return e[r].call(a.exports,a,a.exports,n),a.l=!0,a.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)n.d(r,a,function(t){return e[t]}.bind(null,a));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=1)}([function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e){e[e.Disable=0]="Disable",e[e.Enable=1]="Enable"}(t.CookiePolicy||(t.CookiePolicy={}))},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(2);t.renderButtons=r.renderButtons;var a=n(3);t.close=a.close,t.launchAsync=a.launchAsync;var o=n(0);t.CookiePolicy=o.CookiePolicy,window.addEventListener("load",(function(){var e;window.hasOwnProperty("Promise")||("https://contentstorage.onenote.office.net/onenoteltir/permanent-static-resources/promise-polyfill.min.js",(e=document.createElement("script")).src="https://contentstorage.onenote.office.net/onenoteltir/permanent-static-resources/promise-polyfill.min.js",document.head.appendChild(e)),r.renderButtons()}))},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r={af:"Indompelende leser",am:"በህያው ስሜት ፈጣሪ ዕይታ አንባቢ",ar:"القارئ الشامل",as:"ইমাৰচিভ ৰিডাৰ",az:"İmmersiv Oxuyucu",be:"Імерсіўны чытальнік",bg:"Концентриран четец",bn:"মনোগ্রাহী পাঠক","bn-bd":"ইমার্সিভ পাঠক",bs:"Koncentrirani čitalac",ca:"Lector immersiu",cs:"Asistivní čtečka","cy-gb":"Darllenydd Ymdrwythol",da:"Forenklet læser",de:"Plastischer Reader",el:"Προηγμένο πρόγραμμα ανάγνωσης",en:"Immersive Reader",es:"Lector inmersivo",et:"Süvaluger",eu:"Irakurgailu murgiltzailea",fa:"خواننده همه‌جانبه",fi:"Syventävä lukuohjelma",fil:"Immersive Reader",fr:"Lecteur immersif","ga-ie":"Léitheoir tumthach",gd:"An leughadair ùr-nòsach",gl:"Lector avanzado",gu:"ઇમર્સિવ રીડર",ha:"Mai karatu Mai barbazawa",he:"תצוגת קריאה מודרנית",hi:"इमर्सिव रीडर",hr:"Stopljeni čitač",hu:"Modern olvasó",hy:"Խորասուզված ընթերցիչ",id:"Pembaca Imersif",ig:"Ọgụụ Kenzipụtara",is:"Aðgengilegt lestrarumhverfi",it:"Strumento di lettura immersiva",ja:"イマーシブ リーダー",ka:"იმერსიული წამკითხველი",kk:"Иммерсивті оқу құралы",km:"កម្មវិធីអានពណ៌រំលេចនៅលើអេក្រង់",kn:"ಇಮ್ಮರ್ಸಿವ್ ಓದುಗ",ko:"몰입형 리더",kok:"तंद्री लागिल्लो वाचक","ku-arab":"خوێنەری پڕ",ky:"Курчаган Окугуч",lb:"Immersive Reader",lo:"ຕົວອ່ານອິມເມີສີບ",lt:"Įtraukianti skaitytuvė",lv:"Tīrskata lasītājs",mi:"Pūpānui Rumaki",mk:"Сеопфатен читач",ml:"ഇമ്മേഴ്‌സീവ് റീഡർ",mn:"Идэвхтэй уншигч",mr:"इमर्सिव्ह वाचक",ms:"Pembaca Imersif",mt:"Qarrej Immersiv",ne:"इमेर्सिभ रिडर",nl:"Insluitende lezer","nn-no":"Engasjerande lesar",no:"Engasjerende leser",nso:"Go Bala ka Mongwalo o Mokoto",or:"ଇମରସିଭ୍ ରିଡର୍",pa:"ਇਮਰਸਿਵ ਰੀਡਰ","pa-arab":"گھیرن آلا مطالعہ کار",pl:"Czytnik immersyjny",prs:"خواننده نمایش",pt:"Leitura Avançada",quc:"Nim ucholajil sik'inel uwach",quz:"Wankisqa Ñawiq",ro:"Immersive Reader",ru:"Иммерсивное средство чтения",rw:"Insakazasoma",sd:"امرسو ريڊر",si:"ගිලෙන සුළු කියවනය",sk:"Imerzná čítačka",sl:"Potopni bralnik",sq:"Lexuesi kredhës","sr-cyrl-ba":"Концентрисани читалац","sr-cyrl-rs":"Концентрисани читалац","sr-latn-rs":"Koncentrisani čitalac",sv:"Avancerad läsare",sw:"Kisomaji cha Kuzamisha",ta:"அற்புதமான ரீடர்",te:"మంత్రముగ్ధులను చేసే పఠన సాధనం","tg-cyrl-tj":"Хонандаи фарогир",th:"โปรแกรมช่วยอ่าน",ti:"ኣንባቢ ሕሉው ስምዒት ፈጣሪ",tk:"Giňişleýin okaýjy",tn:"Sebadi sa Imesife",tr:"Tam Ekran Okuyucu",tt:"Чолгап алучы уку чарасы","ug-cn":"چۆكمە ئوقۇغۇچ",uk:"Занурення в текст",ur:"امرسیو مطالعہ کار",uz:"Immersiv mutolaa vositasi",vi:"Trình đọc Chân thực",wo:"Jàngukaay bu Rafet",xh:"Isifundi Esikhulu",yo:"Ìwò Alámùtán",zh:"沉浸式阅读器","zh-hant":"沈浸式閱讀程式",zu:"Isifundi Sokuzizwisa"};function a(e){var t=document.createElement("img");t.src="https://contentstorage.onenote.office.net/onenoteltir/permanent-static-resources/immersive-reader-icon.svg";var n=e.getAttribute("data-icon-px-size")||"20";t.style.height=t.style.width=n+"px",t.style.verticalAlign="middle",t.style.marginTop="-2px";var r=e.getAttribute("data-locale")||"en";t.alt=l(r),e.appendChild(t)}function o(e){var t=document.createElement("span");t.style.marginLeft="8px",e.appendChild(t)}function i(e){var t=document.createElement("span"),n=e.getAttribute("data-locale")||"en";t.textContent=l(n),e.appendChild(t)}function l(e){return e=e.toLowerCase(),r[e]?r[e]:"zh-hk"===e||"zh-mo"===e||"zh-tw"===e?r["zh-hant"]:(e=e.substring(0,e.lastIndexOf("-")),r[e]?r[e]:(e=e.substring(0,e.lastIndexOf("-")),r[e]?r[e]:r.en))}t.renderButtons=function(e){var t=document.createElement("style");t.innerHTML=".immersive-reader-button{cursor:pointer;display:inline-block;padding:5px;} .immersive-reader-button:hover{background:rgba(0,0,0,.05);border-radius:2px",document.head.appendChild(t);var n=[].slice.call(document.getElementsByClassName("immersive-reader-button"));e&&e.elements&&(n=e.elements);for(var r=0,s=n;r<s.length;r++){var c=s[r];c.setAttribute("role","button");var u=c.getAttribute("data-locale")||"en";switch(c.setAttribute("aria-label",l(u)),c.getAttribute("data-button-style")||"icon"){case"icon":a(c);break;case"text":i(c);break;case"iconAndText":a(c),o(c),i(c)}}}},function(e,t,n){"use strict";var r=this&&this.__assign||function(){return(r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var a in t=arguments[n])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e}).apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),o=n(4),i={};function l(e){return!!e&&new RegExp("^([a-zA-Z0-9]|[a-zA-Z0-9][a-zA-Z0-9\\-]{0,61}[a-zA-Z0-9])$").test(e)}i[o.ErrorCode.TokenExpired]="The access token supplied is expired.",i[o.ErrorCode.Throttled]="You have exceeded your quota.",i[o.ErrorCode.ServerError]="An error occurred when calling the server to process the text.",i[o.ErrorCode.InvalidSubdomain]="The subdomain supplied is invalid.",t.launchAsync=function(e,t,n,s){return new Promise((function(c,u){if(e)if(n)if(n.chunks)if(n.chunks.length)if(l(t)||s&&s.customDomain){var d=Date.now();(s=r({uiZIndex:1e3,timeout:15e3,useWebview:!1,allowFullscreen:!0,hideExitButton:!1,cookiePolicy:a.CookiePolicy.Disable},s)).uiZIndex&&"number"==typeof s.uiZIndex||(s.uiZIndex=1e3);var m=null,p=document.createElement("div"),v=s.useWebview?document.createElement("webview"):document.createElement("iframe"),f=document.createElement("style");f.innerHTML="body{height:100%;overflow:hidden;}";var g=function(){m&&(window.clearTimeout(m),m=null)},h=function(){document.body.contains(p)&&document.body.removeChild(p),window.removeEventListener("message",y),g(),f.parentNode&&f.parentNode.removeChild(f)},b=function(){h(),s.onExit&&s.onExit()};h();var y=function(r){if(r&&r.data)if("ImmersiveReader-ReadyForContent"===r.data){g();var a={cogSvcsAccessToken:e,cogSvcsSubdomain:t,request:n,launchToPostMessageSentDurationInMs:Date.now()-d};v.contentWindow.postMessage(JSON.stringify({messageType:"Content",messageValue:a}),"*")}else if("ImmersiveReader-Exit"===r.data)b();else if(r.data.startsWith("ImmersiveReader-LaunchResponse:")){var l=null,s=null,m=null;try{m=JSON.parse(r.data.substring(31))}catch(e){}m&&m.success?l={container:p,sessionId:m.sessionId}:s=m&&!m.success?{code:m.errorCode,message:i[m.errorCode],sessionId:m.sessionId}:{code:o.ErrorCode.ServerError,message:i[o.ErrorCode.ServerError]},l?(g(),c(l)):s&&(b(),u(s))}};window.addEventListener("message",y),m=window.setTimeout((function(){h(),u({code:o.ErrorCode.Timeout,message:"Page failed to load after timeout ("+s.timeout+" ms)"})}),s.timeout),s.allowFullscreen&&v.setAttribute("allowfullscreen",""),v.style.cssText="position: static; width: 100vw; height: 100vh; left: 0; top: 0; border-width: 0",s.useWebview&&v.addEventListener("loadstop",(function(){v.contentWindow.postMessage(JSON.stringify({messageType:"WebviewHost"}),"*")}));var E=(s.customDomain?s.customDomain:"https://"+t+".cognitiveservices.azure.com/immersivereader/webapp/v1.0/")+"reader?exitCallback=ImmersiveReader-Exit&sdkPlatform=js&sdkVersion=1.0.0";E+="&cookiePolicy="+(s.cookiePolicy===a.CookiePolicy.Enable?"enable":"disable"),s.hideExitButton&&(E+="&hideExitButton=true"),s.uiLang&&(E+="&omkt="+s.uiLang),v.src=E,p.style.cssText="position: fixed; width: 100vw; height: 100vh; left: 0; top: 0; border-width: 0; -webkit-perspective: 1px; z-index: "+s.uiZIndex+"; background: white; overflow: hidden",p.appendChild(v),document.body.appendChild(p),document.head.appendChild(f)}else u({code:o.ErrorCode.InvalidSubdomain,message:i[o.ErrorCode.InvalidSubdomain]});else u({code:o.ErrorCode.BadArgument,message:"Chunks must not be empty"});else u({code:o.ErrorCode.BadArgument,message:"Chunks must not be null"});else u({code:o.ErrorCode.BadArgument,message:"Content must not be null"});else u({code:o.ErrorCode.BadArgument,message:"Token must not be null"})}))},t.close=function(){window.postMessage("ImmersiveReader-Exit","*")},t.isValidSubdomain=l},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e){e.BadArgument="BadArgument",e.Timeout="Timeout",e.TokenExpired="TokenExpired",e.Throttled="Throttled",e.ServerError="ServerError",e.InvalidSubdomain="InvalidSubdomain"}(t.ErrorCode||(t.ErrorCode={}))}])},25723:(e,t,n)=>{"use strict";n.d(t,{m:()=>f});var r=n(32735),a=n(29014),o=n(99940),i=n(23481),l=n(91967),s=n(44704),c=n(49985);const u={button:"nckQw"};function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var m=null,p=!1,v="shared.immersiveReader";function f(e){var t,n,f=(t=r.useState(m),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,o,i,l=[],s=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);s=!0);}catch(e){c=!0,a=e}finally{try{if(!s&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw a}}return l}}(t,n)||function(e,t){if(e){if("string"==typeof e)return d(e,t);var n=Object.prototype.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)?d(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.")}()),g=f[0],h=f[1];return m||p||(p=!0,(0,s.ajaxRequest)({resource:"/api/integrations/token/immersive-reader",type:o.k.GET,success:function(e){m=e,h(e),window.setTimeout((function(){m=null,p=!1}),9e5)},error:function(){}})),g?(e.title||(e.title=i.T.getPhrase(v,"titleFallback")),r.createElement("span",{className:"".concat(u.button," ").concat(e.className||""),onClick:function(){l.q.isFunction(e.onLaunch)&&e.onLaunch(),c.k.logUserAction(e.analyticsData,e.analyticsOptions);var t={title:e.title,chunks:[{content:e.text,mimeType:e.html?"text/html":"text/plain"}]},n=g.subdomain,r=g.token,o={uiZIndex:5e3,onExit:function(){l.q.isFunction(e.onExit)&&e.onExit()}};a.launchAsync(r,n,t,o)}},r.createElement("svg",{viewBox:"0 0 40 37"},r.createElement("path",{d:"M37.4,0.9 L37.4,9.6 L35.4,9.6 L35.4,2.9 L24.4,2.9 C22.9,3.3 20,4.5 20,6 L20,17.2 L18,17.2 L18,6 C18,5 15.6,3.6 13.8,2.9 L2,2.9 L2,29 L12.4,29 L12.4,31 L0,31 L0,0.9 L14.1,0.9 L14.3,1 C15,1.2 17.5,2.2 18.9,3.7 C20.5,1.9 23.5,1.1 23.9,1 L24.1,1 L37.4,1 L37.4,0.9 Z",fill:"#000000"}),r.createElement("path",{d:"M27.4,37 L25.8,37 L18.4,29.4 L14,29.4 L14,21 L18.4,20.9 L26.1,13 L27.4,13 L27.4,37 Z M16,27.4 L19.2,27.4 L25.3,33.7 L25.3,16.6 L19.2,22.9 L15.9,22.9 L15.9,27.4 L16,27.4 Z",fill:"#0197F2"}),r.createElement("path",{d:"M31.3,32.7 L29.6,31.7 C29.6,31.7 31.7,28.3 31.7,25.2 C31.7,21.9 29.6,18.5 29.6,18.4 L31.3,17.4 C31.4,17.6 33.7,21.3 33.7,25.2 C33.7,28.8 31.4,32.6 31.3,32.7 Z",fill:"#0197F2"}),r.createElement("path",{d:"M36.4,36.2 L34.8,35 C34.8,35 38,30.8 38,25.2 C38,19.6 34.8,15.4 34.8,15.4 L36.4,14.2 C36.5,14.4 40,19 40,25.3 C40,31.5 36.5,36 36.4,36.2 Z",fill:"#0197F2"})))):r.createElement(r.Fragment,null)}},87311:(e,t,n)=>{"use strict";n.d(t,{G:()=>a});var r=n(81886),a={getTagActionProps:function(e,t){return t?{onClick:function(t){var n=e?e(t):null;if(n)return r.Q.C$.trigger(n)}}:{getAppLink:function(t){return e?e(t):null}}}}},16035:(e,t,n)=>{"use strict";n.d(t,{z:()=>l});var r=n(32735),a=n(36848),o=n(44829),i=n(91807);function l(e){var t,n,l=e.tag,s=e.appLink,c=e.onClick,u=e.disabled,d=e.tagClass,m=void 0===d?"tag":d,p=l.name.toLowerCase(),v=null===(t=l.tagType)||void 0===t?void 0:t.toLowerCase(),f="rounded-pill py-1 px-2 my-1 me-1 ".concat(m," ").concat(function(e){switch(e){case o.Q.Pedagogy:case o.Q.Skill:return"pedagogy-tag text-white";case o.Q.Hidden:return"hidden-tag";case o.Q.Normal:default:return""}}(v)),g=v===o.Q.Normal&&!!(null===(n=e.themeColours)||void 0===n?void 0:n.secondary);g&&(f+=" text-white"),!s&&!c||u||(f+=" cursor-pointer"),u&&(f+=" "+i.Z.disabled),e.onRemove&&(f+=" "+i.Z.badge),s||(f+=" d-inline-block");var h=g?{backgroundColor:e.themeColours.secondary}:{};return s?r.createElement(a.F,{onClick:c,appLink:s,className:f,title:p,style:h},r.createElement("span",{className:"text-truncate text-nowrap"},p)):r.createElement("span",{onClick:c,className:f,title:p,style:h},r.createElement("span",{className:"text-truncate text-nowrap"},p,e.onRemove&&r.createElement("button",{onClick:e.onRemove,className:"".concat(i.Z.close," btn-close font-size-normal"),role:"button","aria-label":"Close"})))}},91743:(e,t,n)=>{"use strict";n.d(t,{P:()=>c});var r=n(32735),a=n(16035),o=n(44829),i=n(91807);function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function s(e){var t;switch(null===(t=e.tagType)||void 0===t?void 0:t.toLowerCase()){case o.Q.Pedagogy:return 0;case o.Q.Skill:return 1;default:return 2}}function c(e){if(!e.tags)return r.createElement(r.Fragment,null);var t,n=(t=e.tags,function(e){if(Array.isArray(e))return l(e)}(t)||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=Object.prototype.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.")}()).sort((function(e,t){return s(e)-s(t)}));return r.createElement("div",{className:"".concat(i.Z.tagList," ").concat(e.className)},n.map((function(t){var n="function"==typeof e.getAppLink?e.getAppLink(t):null,o="function"==typeof e.onRemove?function(){return e.onRemove(t)}:null,i="function"==typeof e.onClick?function(){return e.onClick(t)}:null;return r.createElement(a.z,{key:t.id||t.name,tag:t,appLink:n,themeColours:e.themeColours,onRemove:o,onClick:i})})))}},49087:(e,t,n)=>{"use strict";n.d(t,{X:()=>S});var r=n(32735),a=n(42648),o=n(23481),i=n(110),l=n(78259),s=n(65858),c=n(25723),u=n(87311),d=n(91743),m=n(83345),p=n(40178),v=n(44829),f=n(31908),g=n(1048),h=n(66090);function b(e){return function(e){if(Array.isArray(e))return y(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 y(e,t);var n=Object.prototype.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)?y(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 y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function E(e){var t=e.page,n=e.totalPages,r=h.O.isNumber(t)&&t>0&&t<n&&t+1,a=h.O.isNumber(t)&&t>1&&t-1,o={};if(r&&r<=n&&(o.next=r.toString()),a&&(o.previous=a.toString()),!g.t.isEmpty(o))return o}var k={isEmpty:function(e){return e&&!(e.data&&e.data.length)},length:function(e){return e&&e.data&&e.data.length},at:function(e,t){if(e&&e.data&&e.data.length&&!(t>e.data.length))return e.data[t]},get:function(e,t){if(e&&e.data&&e.data.length)return e.data.find((function(e){return e.id&&e.id.toString()===t}))},flattenCollections:function(e){if(e&&e.length){var t=[];return e.forEach((function(e){t=[].concat(b(t),b(e.data))})),t}},getNextCursor:function(e){return e.pagination&&e.pagination.cursors&&e.pagination.cursors.next},convertLegacyPaginatedCollection:function(e){if(e)return{data:e.data,pagination:{cursors:E(e.pagination),limit:e.pagination.pageSize}}},hasData:function(e){return!k.isEmpty(e)}};const C={closeButton:"ZwHXo",descriptionBorder:"J_Z5i"};var w="shared.videoDetails",x=o.T.encloseNamespace(w);function L(e){var t=e.label,n=e.items,a=e.className;if(!(n&&n.data&&n.data.length))return r.createElement(r.Fragment,null);var o=n.data.map((function(e){return e.name})).join(", ");return r.createElement("div",{className:a},t,": ",o)}function A(e){var t,n,a,o,l,s,c,u,d,p=e.video;if(!f.M.isVideo(p)&&!f.M.isClip(p))return r.createElement(r.Fragment,null);var v=f.M.getParentVideo(p);return r.createElement("div",{className:p.description?"col-md-5 ps-md-3 pt-3 pt-md-0":"col-12"},r.createElement("h2",{className:"h6 mb-1"},r.createElement(m.x,{phrase:"details"})),!!v.productionYear&&r.createElement("div",{className:"mb-1"},r.createElement(m.x,{phrase:"productionYear",options:{year:v.productionYear}})),r.createElement(L,{label:x("productionCompanies",{smartCount:null===(n=null===(t=v.productionCompanies)||void 0===t?void 0:t.data)||void 0===n?void 0:n.length}),items:v.productionCompanies,className:"mb-1"}),r.createElement(L,{label:x("distributors",{smartCount:null===(o=null===(a=v.distributors)||void 0===a?void 0:a.data)||void 0===o?void 0:o.length}),items:v.distributors,className:"mb-1"}),r.createElement(L,{label:x("producers",{smartCount:null===(s=null===(l=v.producers)||void 0===l?void 0:l.data)||void 0===s?void 0:s.length}),items:v.producers,className:"mb-1"}),r.createElement(L,{label:x("directors",{smartCount:null===(u=null===(c=v.directors)||void 0===c?void 0:c.data)||void 0===u?void 0:u.length}),items:v.directors,className:"mb-1"}),!!v.dateBroadcast&&r.createElement("div",{className:"mb-1"},r.createElement(m.x,{phrase:"dateBroadcast",options:{date:i.O.format(v.dateBroadcast,"DD/MM/YYYY")}})),!!v.channel&&r.createElement("div",{className:"mb-1"},r.createElement(m.x,{phrase:"channel",options:{channel:v.channel.name}})),!((null===(d=p._isClickViewCurated)||void 0===d?void 0:d.value)||!p.dateCreated)&&r.createElement("div",{className:"mb-1"},r.createElement(m.x,{phrase:"dateUploaded",options:{date:i.O.format(p.dateCreated,"DD/MM/YYYY")}})))}function S(e){var t,n=e.video,o=e.maxHeight,i=void 0===o?p.x:o,g=f.M.getParentVideo(n),h=!!e.video.description,b=function(e){var t=k.hasData,n=function(e){return f.M.isVideo(e)?e:f.M.isClip(e)?e._parentVideo:null}(e);return!!n&&(t(n.productionCompanies)||t(n.producers)||t(n.distributors)||t(n.directors))}(e.video)||!!g.productionYear||!!g.dateBroadcast||!!g.channel||!(!n.dateCreated||(null===(t=n._isClickViewCurated)||void 0===t?void 0:t.value));if(!h&&!b)return r.createElement(r.Fragment,null);var y=function(){var t,n,r,a;return e.hideTags||f.M.isInteractive(e.video)||!(null===(n=null===(t=e.video.tags)||void 0===t?void 0:t.data)||void 0===n?void 0:n.length)?null:null===(a=null===(r=e.video.tags)||void 0===r?void 0:r.data)||void 0===a?void 0:a.filter((function(e){return e.tagType===v.Q.Normal}))}(),E=function(e){var t,n,r,a;if((null===(n=null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.colours)||void 0===n?void 0:n.primary)&&(null===(a=null===(r=null==e?void 0:e.data)||void 0===r?void 0:r.colours)||void 0===a?void 0:a.secondary))return e.data.colours}(e.theme);return r.createElement(m.D.Provider,{value:w},r.createElement("div",null,r.createElement("h2",{className:"h5 mb-2"}," ",r.createElement(m.x,{phrase:"heading"}))),r.createElement("div",{className:"rounded border p-3 mb-4 position-relative"},r.createElement(a.$B,{autoHeight:!0,autoHeightMax:i},r.createElement("div",{className:"row g-0"},h&&r.createElement("div",{className:b?"".concat(C.descriptionBorder," pe-3 col-md-7"):"col-12"},r.createElement("div",{className:"d-flex align-items-center"},r.createElement("h2",{className:"h6 mb-1"},r.createElement(m.x,{phrase:"description"})),r.createElement(c.m,{text:n.description,title:n.name,className:"ps-2",onLaunch:e.onLaunchImmersiveReader,onExit:e.onExitImmersiveReader,analyticsOptions:{location:s.LZ.PlayPage,entity:s.py.Video,actionType:s.Vw.Click,descriptor:s._S.LaunchImmersiveReader},analyticsData:{id:n.id,type:"description"}})),r.createElement("p",{className:"mb-0",dangerouslySetInnerHTML:{__html:l.O.linkifyText(e.video.description,{nl2br:!0})}})),b&&r.createElement(A,Object.assign({},e))),!!(null==y?void 0:y.length)&&r.createElement("div",{className:"mt-3"},r.createElement("h2",{className:"h6 mb-1"},r.createElement(m.x,{phrase:"normalTags"})),r.createElement(d.P,Object.assign({tags:y,themeColours:E},u.G.getTagActionProps(e.getTagAppLink,e.suppressInteractivity),{className:"mt-1"}))))))}},40178:(e,t,n)=>{"use strict";n.d(t,{x:()=>r});var r=368},44829:(e,t,n)=>{"use strict";var r,a;n.d(t,{Q:()=>r}),function(e){e.Normal="normal",e.Pedagogy="pedagogy",e.Hidden="hidden",e.Skill="skill",e.Curation="curation"}(r||(r={})),function(e){e[e.Normal=0]="Normal",e[e.Pedagogy=1]="Pedagogy",e[e.Hidden=2]="Hidden",e[e.Skill=3]="Skill",e[e.Curation=4]="Curation"}(a||(a={}))},91807:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});const r={tagList:"Zw6d9",disabled:"jlL1c",partialTag:"too_N",badge:"OjtN8",close:"X9joI"}}}]);
+//# sourceMappingURL=9087-55e2aad6ad-lite.chunk.js.map