@clickview/lite 0.55.3-rc.2 → 0.56.0

package/dist/scripts/{8784-5f2be81ef9-lite.chunk.js → 8784-d6862c97bc-lite.chunk.js}

@@ -1,2 +1,2 @@
 "use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[8784],{5859:(e,a,i)=>{function t(e,a){(null==a||a>e.length)&&(a=e.length);for(var i=0,t=Array(a);i<a;i++)t[i]=e[i];return t}i.d(a,{u:()=>r});var n={numItems:5,minWidth:50,maxWidth:100},r={getPartialLoadingItems:function(){var e,a=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},i=Object.assign(Object.assign({},n),a);return(e=Array(i.numItems),function(e){if(Array.isArray(e))return t(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,a){if(e){if("string"==typeof e)return t(e,a);var i={}.toString.call(e).slice(8,-1);return"Object"===i&&e.constructor&&(i=e.constructor.name),"Map"===i||"Set"===i?Array.from(e):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?t(e,a):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.")}()).map((function(){return{width:"".concat(Math.max(Math.floor(Math.random()*i.maxWidth),i.minWidth),"px")}}))}}},70067:(e,a,i)=>{i.r(a),i.d(a,{PlaySharedClipViewV2:()=>S});var t=i(32735),n=i(20354),r=i(65858),c=i(16714),s=i(43012),o=i(39151),d=i(1666),l=i(20768),u=i(31949),p=i(1575),m=i(26304),v=i(22902),g=i(15311),h=i(79612),I=i(76753),y=i(51855),f=i(7179),A=i(49948),P=i(36873),C=i(27638),E=i(44110),b=i(35014),V=i(97816),O=i(81812),F=i(14085);function S(e){var a,i,S,x,L,G,k=(0,g.r)().hasProduct,R=(0,C.u)(r.LZ.VideoThumbnail),T=R.setFavourite,w=R.canFavourite,U=(0,v.T)().hasPermissions,q=(0,y.G)().isPlugin,N=(0,O.a)(),M=(0,b.I)(),j=n.a.useBasicFetch(u.N.currentUser()),_=n.a.useBasicFetch(o.L.config()),W=n.a.useBasicFetch(s.e.sharedClip(e.objectId,e.shareId)),B=n.a.useBasicFetch(!!(null===(a=W.data)||void 0===a?void 0:a._parentVideo)&&p.R.video(W.data._parentVideo.id)),D=n.a.useBasicFetch(!!(null===(S=null===(i=W.data)||void 0===i?void 0:i._parentVideo)||void 0===S?void 0:S.id)&&M.canViewClips&&s.e.videoClips(W.data._parentVideo.id)),H=n.a.useBasicFetch(M.canViewInteractives&&l.b.videoInteractives(e.objectId)),K=(0,P.k)({video:B.data,context:e.queryParams.context,contextId:e.queryParams.contextId,moviesAndTv:e.queryParams.mtv,currentUser:j.data}),Q=(0,E.i)(),Y=n.a.useBasicFetch((null===(x=j.data)||void 0===x?void 0:x.isAuthenticated)&&d.h.yearGroups(j.data.customerId)),Z=(0,A.l)(e.objectId);return(0,h.M)(I.CG.getClipMetadata({content:W.data})),(0,V.V)(null!==(L=K.videos)&&void 0!==L?L:[]),(0,m.b)(W),(0,f.P)({id:e.objectId,app:"clips",shareId:e.shareId}),W.data&&j.hasCompleted&&_.hasCompleted&&Z.hasCompleted?t.createElement(F.S,{shareId:e.shareId,clip:W.data,clips:D.data,interactives:H.data,originalVideo:B.data,currentUser:j.data,yearGroups:Y.data,relatedVideos:K,canFavourite:w,setFavourite:T,hasProduct:k,queryParams:e.queryParams,audiences:Q.data,imageCdnUrl:_.data.imageCdnUrl,canManageVideoAccess:U(c.C.ManageVideoAccess),pointsOfInterest:null==Z?void 0:Z.items,featureAccess:M,tableOfContentsId:null===(G=e.queryParams)||void 0===G?void 0:G.tocId,shouldShowSideTableOfContents:N,isPlugin:q}):t.createElement(t.Fragment,null)}},44110:(e,a,i)=>{i.d(a,{i:()=>c});var t=i(20354),n=i(89454),r=i(86698),c=function(){var e=(0,r.y)({redirectOnError:!0}),a=e.activePresentation,i=e.getFallbackPresentation,c=a||i();return t.a.useBasicFetch(!!c&&n.O.presentationAudiences(c.id))}},14085:(e,a,i)=>{i.d(a,{S:()=>H});var t=i(32735),n=i(28400),r=i(49935),c=i(5640),s=i(56940),o=i(51184),d=i(64921),l=i(95812),u=i(53709),p=i(71063),m=i(10439),v=i(35429),g=i(4594),h=i(16714),I=i(12754),y=i(22902),f=i(65332),A=i(76196),P=i(59598),C=i(31908),E=i(26492),b=i(9465),V=i(91479),O=i(47938),F=i(81024),S=i(78166),x=i(99742),L=i(14070),G=i(97291),k=i(22490),R=i(63010),T=i(14476),w=i(53256),U=i(83345),q=i(13231),N=i(51365),M=i(10671),j=i(10741),_="shared.playClipV2";function W(e){var a=(0,y.T)().hasPermissions,i=(0,M._)({location:M.i.VideoItem});return t.createElement("section",{className:"play-page-section",id:P.K.ClippedFrom,ref:function(a){var i;a&&(null===(i=e.headingRef)||void 0===i?void 0:i.current)&&e.headingRef.current.set(P.K.ClippedFrom,a)}},t.createElement("h2",{className:"h4 mb-0"},t.createElement(U.x,{namespace:_,phrase:"clippedFrom"})),t.createElement(N.M.Provider,{value:i},t.createElement(q.E4,{videos:[e.originalVideo],yearGroups:e.yearGroups,setFavourite:e.setFavourite,canFavourite:e.canFavourite,getVideoAppLink:function(a,i){return k.W.getAppLink(a,Object.assign(Object.assign({},i),{context:e.queryParams.context,contextId:e.queryParams.contextId,playNext:e.queryParams.playNext,shareId:e.shareId,moviesAndTv:e.queryParams.mtv}))},hasPermissions:a,presentationAudiences:e.audiences,getPreviewQuestionsAppLink:function(e){return j.j.getPreviewQuestionsAppLink(e)},isPlugin:e.isPlugin,getClassroomGuideAppLink:e.getClassroomGuideAppLink,getInteractiveGuidanceAppLink:e.getInteractiveGuidanceAppLink,getResourceGuidanceAppLink:e.getResourceGuidanceAppLink})))}const B={main:"iQ0Ie",expandedToc:"sIoV8"};var D=function(e,a,i){return function(t){return i?{application:G.O.VIDEOS,action:L.e.Videos.PREVIEW_PDF,args:[t.id],params:{videoId:e,shareId:a}}:{application:G.O.SIGN_UP,action:L.e.SignUp.SIGN_UP}}};function H(e){var a,i,U,q,N,M,j,_,H,K,Q=(0,v.g)(),Y=(0,y.T)().hasPermissions,Z=C.M.getCanBeConsumed(e.clip).canConsume,J=(0,R.Q)(e.tableOfContentsId),$=J.tableOfContentsActiveId,z=J.setTableOfContentsActiveId,X=J.controlledId,ee=J.setControlledId,ae=J.tableOfContentsExpanded,ie=J.onToggleTableOfContents,te=(0,o.Wp)(e.clip)&&e.featureAccess.canViewGlance,ne=(0,T.i)(te),re=ne.headingRef,ce=ne.headingElements,se=ce.map((function(a){var i;return{id:a.id,name:w.d.getSectionHeading(a.id,{clips:e.clips,interactives:e.interactives,resources:null===(i=e.clip.resources)||void 0===i?void 0:i.data,isPlayClipPage:!0})}}));(0,f.D)({setActiveId:z,headingElements:ce,controlledId:X,setControlledId:ee}),(0,A.P)(ce,X);var oe=C.M.isVideoTypeArchived(e.clip),de=Y(h.C.StudentExperience),le=t.useRef(!1);function ue(){var e,a,i,t;le.current=!(null===(a=null===(e=null==Q?void 0:Q.playerRef)||void 0===e?void 0:e.current)||void 0===a?void 0:a.isPaused()),null===(t=null===(i=null==Q?void 0:Q.playerRef)||void 0===i?void 0:i.current)||void 0===t||t.pause()}function pe(){var e,a;le.current&&(null===(a=null===(e=null==Q?void 0:Q.playerRef)||void 0===e?void 0:e.current)||void 0===a||a.play())}function me(){var a,i;return!(!e.originalVideo||!(null===(a=e.clip._canBeConsumed)||void 0===a?void 0:a.value)||!(null===(i=e.currentUser)||void 0===i?void 0:i.isAuthenticated)||!e.hasProduct(I.x.Primary)||de)}var ve="picture-in-picture"===Q.mode||e.featureAccess.canViewPublicLayout,ge=null!==(i=null===(a=e.clips)||void 0===a?void 0:a.filter((function(a){return a.id.toString()!==e.clip.id.toString()})))&&void 0!==i?i:[];return t.createElement("div",{className:"px-4 play-page-sections-container ".concat(e.shouldShowSideTableOfContents?"row":"")},t.createElement("main",{className:"".concat(B.main," ").concat(e.shouldShowSideTableOfContents&&ae?B.expandedToc:e.shouldShowSideTableOfContents&&!ae?"pe-4":void 0)},!!(null===(U=e.breadcrumbs)||void 0===U?void 0:U.length)&&t.createElement("div",{className:"mb-2"},t.createElement(r.Oo,{breadcrumbs:e.breadcrumbs})),t.createElement(O.W,{restrictions:e.clip._restrictions,yearGroups:e.yearGroups,objectId:e.clip.id,objectTypeId:g.E.Clip,canManageVideoAccess:e.canManageVideoAccess}),oe&&t.createElement(E.T,{typeId:e.clip.typeId,hasStudentExperience:de}),t.createElement("section",{id:P.K.Video,className:"mb-2 ".concat(p.M.GLOBAL_PLAYER_SELECTOR),ref:function(e){e&&(null==re?void 0:re.current)&&re.current.set(P.K.Video,e)}},Z&&t.createElement(m.r,{key:e.clip.id,objectId:e.clip.id,objectTypeId:e.clip.typeId,shareId:e.shareId,context:null===(q=e.queryParams)||void 0===q?void 0:q.context,contextId:null===(N=e.queryParams)||void 0===N?void 0:N.contextId,moviesAndTv:null===(M=e.queryParams)||void 0===M?void 0:M.mtv,playNext:null===(j=e.queryParams)||void 0===j?void 0:j.playNext,startTime:null!==(H=null===(_=e.queryParams)||void 0===_?void 0:_.t)&&void 0!==H?H:null===(K=e.queryParams)||void 0===K?void 0:K.startTime,mode:"default",location:"play-page"}),t.createElement("div",{className:ve?"":"d-none"},t.createElement(F.S,{video:e.clip,type:"pip"}))),t.createElement(V.v,{media:e.clip,yearGroups:e.yearGroups,audiences:e.audiences,originalVideoAppLink:me()?{application:G.O.VIDEOS,action:L.e.Videos.PLAY_VIDEO,args:[e.originalVideo.id,n.m.slugify(e.originalVideo.name)]}:null,featureAccess:e.featureAccess,shareId:e.shareId}),te?t.createElement(d.j,{video:e.clip,pointsOfInterest:e.pointsOfInterest,setStartTime:function(e){var a;return null===(a=Q.playerRef.current)||void 0===a?void 0:a.currentTime(e)},getTagAppLink:function(e){return{application:G.O.SEARCH,action:L.e.Search.HOME,params:{tagOrClassification:e.name}}},suppressInteractivity:e.featureAccess.canViewPublicLayout,canViewGlance:te}):t.createElement(s.a,{video:e.clip,currentUser:e.currentUser,onLaunchImmersiveReader:ue,onExitImmersiveReader:pe,getTagAppLink:function(e){return{application:G.O.SEARCH,action:L.e.Search.HOME,params:{tagOrClassification:e.name}}},headingRef:re,suppressInteractivity:e.featureAccess.canViewPublicLayout}),t.createElement(u.M,{video:e.clip,canViewResources:e.featureAccess.canViewResourceItems,imageCdnUrl:e.imageCdnUrl,getAppLink:D(e.clip.id,e.shareId,e.featureAccess.canViewResourceItems),analyticsData:{clipId:e.clip.id,clipName:e.clip.name},resourceThumbnailFallbackUrl:x.W.Fallbacks.RESOURCE_THUMBNAIL,headingRef:re}),t.createElement(l.J,{video:e.clip,interactives:e.interactives,imageCdnUrl:e.imageCdnUrl,analyticsData:{clipId:e.clip.id,clipName:e.clip.name},canViewInteractives:e.featureAccess.canViewInteractives,headingRef:re,yearGroups:e.yearGroups,setFavourite:e.setFavourite,canFavourite:e.canFavourite,isPlugin:e.isPlugin}),t.createElement(c.O,{clips:ge||[],video:e.clip,canViewClips:e.featureAccess.canViewClips,yearGroups:e.yearGroups,audiences:e.audiences,imageCdnUrl:e.imageCdnUrl,setFavourite:e.setFavourite,canFavourite:e.canFavourite,headingRef:re,analyticsData:{clipId:e.clip.id,clipName:e.clip.name},isPlugin:e.isPlugin}),te&&t.createElement(s.a,{video:e.clip,currentUser:e.currentUser,onLaunchImmersiveReader:ue,onExitImmersiveReader:pe,getTagAppLink:function(e){return{application:G.O.SEARCH,action:L.e.Search.HOME,params:{tagOrClassification:e.name}}},headingRef:re,suppressInteractivity:e.featureAccess.canViewPublicLayout,showHeading:!0}),!!me()&&t.createElement(W,{originalVideo:e.originalVideo,setFavourite:e.setFavourite,canFavourite:e.canFavourite,yearGroups:e.yearGroups,shareId:e.shareId,queryParams:e.queryParams,audiences:e.audiences,headingRef:re,isPlugin:e.isPlugin,getClassroomGuideAppLink:k.W.getClassroomGuideAppLink,getInteractiveGuidanceAppLink:k.W.getInteractiveGuidanceAppLink,getResourceGuidanceAppLink:k.W.getResourceGuidanceAppLink}),t.createElement(S.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,i){return k.W.getAppLink(a,Object.assign(Object.assign({},i),{context:e.queryParams.context,contextId:e.queryParams.contextId,playNext:e.queryParams.playNext,shareId:e.shareId,moviesAndTv:e.queryParams.mtv}))},moviesAndTv:e.queryParams.mtv,isPlugin:e.isPlugin})),t.createElement(b.h,{isExpanded:ae,setIsExpanded:ie,items:se,activeId:$,setControlledId:ee,analyticsData:{clipId:e.clip.id,clipName:e.clip.name},showInSide:e.shouldShowSideTableOfContents}))}}}]);
-//# sourceMappingURL=8784-5f2be81ef9-lite.chunk.js.map
+//# sourceMappingURL=8784-d6862c97bc-lite.chunk.js.map

package/dist/scripts/{8784-5f2be81ef9-lite.chunk.js.map → 8784-d6862c97bc-lite.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"scripts/8784-5f2be81ef9-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/utils/PartialLoadingHelper.ts","file:///app/packages/projects/lite/src/apps/share/views/play-shared-clip/v2/PlaySharedClipViewV2.tsx","file:///app/packages/projects/lite/src/shared/hooks/usePresentationAudiences.ts","file:///app/packages/projects/lite/src/shared/views/play-clip/v2/components/clipped-from/ClippedFrom.tsx","file:///app/packages/projects/lite/src/shared/views/play-clip/v2/components/play-clip/play-clip-v2.scss","file:///app/packages/projects/lite/src/shared/views/play-clip/v2/components/play-clip/PlayClipV2.tsx"],"sourcesContent":["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 React from 'react';\n\nimport { Flight } from 'libs/common/flight';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\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 { InteractiveRequests } from 'libs/shared/flight-requests/InteractiveRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { useCannotConsumeError } from 'libs/shared/hooks/useCannotConsumeError';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useProducts } from 'libs/shared/hooks/UseProducts';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { Clip, Config, CurrentUser, InteractiveMetadata, Video, YearGroup } from 'libs/shared/interfaces';\nimport { PageMetadataHelper } from 'libs/shared/utils/PageMetadataHelper';\n\nimport { usePluginHelper } from 'shared/hooks/use-plugin-helper/usePluginHelper';\nimport { useDeepLinks } from 'shared/hooks/useDeepLinks';\nimport { useFetchPointsOfInterest } from 'shared/hooks/useFetchPointsOfInterest';\nimport { useGetRelatedVideos } from 'shared/hooks/useGetRelatedVideos';\nimport { useLiteFavourites } from 'shared/hooks/useLiteFavourites';\nimport { usePresentationAudiences } from 'shared/hooks/usePresentationAudiences';\nimport { useVideoFeatureAccess } from 'shared/hooks/useVideoFeatureAccess';\nimport { useVideoMixin } from 'shared/hooks/useVideoMixin';\nimport { useShouldShowSideTableOfContents } from 'shared/views/play/v2/hooks/useShouldShowTableOfContents';\nimport { PlayClipV2 } from 'shared/views/play-clip/v2/components/play-clip/PlayClipV2';\n\nimport { ShareLinkViewProps } from 'apps/share/interfaces/ShareLinkViewProps';\n\nexport function PlaySharedClipViewV2(props: ShareLinkViewProps): React.ReactElement {\n  const { hasProduct } = useProducts();\n  const { setFavourite, canFavourite } = useLiteFavourites(LocationContext.VideoThumbnail);\n  const { hasPermissions } = usePermissions();\n  const { isPlugin } = usePluginHelper();\n\n  const shouldShowSideTableOfContents = useShouldShowSideTableOfContents();\n\n  const featureAccess = useVideoFeatureAccess();\n\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n  const clip = Flight.useBasicFetch<Clip>(ClipRequests.sharedClip(props.objectId, props.shareId));\n  const video = Flight.useBasicFetch<Video>(!!clip.data?._parentVideo &&\n    VideoRequests.video(clip.data._parentVideo.id));\n  const childClips = Flight.useBasicFetch<Clip[]>(\n    !!clip.data?._parentVideo?.id && featureAccess.canViewClips && ClipRequests.videoClips(clip.data._parentVideo.id)\n  );\n  const interactives = Flight.useBasicFetch<InteractiveMetadata[]>(\n    featureAccess.canViewInteractives && InteractiveRequests.videoInteractives(props.objectId)\n  );\n  \n  const relatedVideos = useGetRelatedVideos({\n    video: video.data,\n    context: props.queryParams.context,\n    contextId: props.queryParams.contextId,\n    moviesAndTv: props.queryParams.mtv,\n    currentUser: currentUser.data\n  });\n  const audiences = usePresentationAudiences();\n  const yearGroups = Flight.useBasicFetch<YearGroup[]>(\n    currentUser.data?.isAuthenticated && CustomerRequests.yearGroups(currentUser.data.customerId)\n  );\n  const pointsOfInterest = useFetchPointsOfInterest(props.objectId);\n\n  useSetPageMetadata(PageMetadataHelper.getClipMetadata({ content: clip.data }));\n\n  useVideoMixin(relatedVideos.videos ?? []);\n  useCannotConsumeError(clip);\n  useDeepLinks({ id: props.objectId, app: 'clips', shareId: props.shareId });\n\n  const hasLoaded = (\n    clip.data &&\n    currentUser.hasCompleted &&\n    config.hasCompleted &&\n    pointsOfInterest.hasCompleted\n  );\n\n  if (!hasLoaded)\n    return <></>;\n\n  return (\n    <PlayClipV2\n      shareId={props.shareId}\n      clip={clip.data}\n      clips={childClips.data}\n      interactives={interactives.data}\n      originalVideo={video.data}\n      currentUser={currentUser.data}\n      yearGroups={yearGroups.data}\n      relatedVideos={relatedVideos}\n      canFavourite={canFavourite}\n      setFavourite={setFavourite}\n      hasProduct={hasProduct}\n      queryParams={props.queryParams}\n      audiences={audiences.data}\n      imageCdnUrl={config.data.imageCdnUrl}\n      canManageVideoAccess={hasPermissions(PermissionName.ManageVideoAccess)}\n      pointsOfInterest={pointsOfInterest?.items}\n      featureAccess={featureAccess}\n      tableOfContentsId={props.queryParams?.tocId}\n      shouldShowSideTableOfContents={shouldShowSideTableOfContents}\n      isPlugin={isPlugin}\n    />\n  );\n}","import { Flight } from 'libs/common/react/index';\n\nimport { AudienceRequests } from 'libs/shared/flight-requests/AudienceRequests';\nimport { PresentationAudience } from 'libs/shared/interfaces';\n\nimport { usePresentation } from 'shared/hooks/usePresentation';\n\nexport const usePresentationAudiences = () => {\n  const { activePresentation, getFallbackPresentation } = usePresentation({ redirectOnError: true });\n\n  const presentation = activePresentation || getFallbackPresentation();\n\n  const audiences = Flight.useBasicFetch<PresentationAudience[]>(\n    !!presentation &&\n    AudienceRequests.presentationAudiences(presentation.id)\n  );\n\n  return audiences;\n};","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\n\nimport { Text } from 'libs/shared/components/text/Text';\nimport { VideoList } from 'libs/shared/components/video-list/VideoList';\nimport { VideoActionsContext } from 'libs/shared/context/VideoActionsContext';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { CanFavouriteFunc, FavouriteFunc, PresentationAudience, VideoTypes, YearGroup } from 'libs/shared/interfaces';\nimport { PlayPageAnchor } from 'libs/shared/interfaces/PlayPageAnchor';\nimport { PlayViewQueryParams } from 'libs/shared/interfaces/query-params/PlayViewQueryParams';\n\nimport { useVideoActions, VideoActionsLocation } from 'shared/hooks/use-video-actions/useVideoActions';\nimport { InteractiveHelpers } from 'shared/utils/InteractiveHelper';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\n\nconst namespace = 'shared.playClipV2';\n\ninterface ClippedFromProps {\n  originalVideo: VideoTypes;\n  yearGroups: YearGroup[];\n  setFavourite: FavouriteFunc;\n  canFavourite: CanFavouriteFunc;\n  queryParams: PlayViewQueryParams;\n  audiences: PresentationAudience[];\n  shareId?: string;\n  headingRef: React.MutableRefObject<Map<PlayPageAnchor, HTMLElement>>;\n  isPlugin: boolean;\n  getInteractiveGuidanceAppLink: (id: string, type: MasterType) => Core.AppLink;\n  getResourceGuidanceAppLink: (id: string, type: MasterType) => Core.AppLink;\n  getClassroomGuideAppLink: (id: string, type: MasterType) => Core.AppLink;\n}\n\nexport function ClippedFrom(props: ClippedFromProps) {\n  const { hasPermissions } = usePermissions();\n  const videoActions = useVideoActions({ location: VideoActionsLocation.VideoItem });\n\n  return (\n    <section\n      className='play-page-section'\n      id={PlayPageAnchor.ClippedFrom}\n      ref={el => {\n        (el && props.headingRef?.current) && props.headingRef.current.set(PlayPageAnchor.ClippedFrom, el);\n      }}\n    >\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          isPlugin={props.isPlugin}\n          getClassroomGuideAppLink={props.getClassroomGuideAppLink}\n          getInteractiveGuidanceAppLink={props.getInteractiveGuidanceAppLink}\n          getResourceGuidanceAppLink={props.getResourceGuidanceAppLink}\n        />\n      </VideoActionsContext.Provider>\n    </section>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"main\":\"iQ0Ie\",\"expandedToc\":\"sIoV8\"};","import React from 'react';\n\nimport { Core } from 'libs/common/core';\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\n\nimport { Breadcrumb, Breadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { PlayPageClips } from 'libs/shared/components/play-page-v2/clips-widget/PlayPageClips';\nimport { VideoDetailsWithScrollbarV2 } from 'libs/shared/components/play-page-v2/details/VideoDetailsV2';\nimport { hasGlanceData } from 'libs/shared/components/play-page-v2/glance/VideoAtAGlanceUtilsV2';\nimport { VideoAtAGlanceV2 } from 'libs/shared/components/play-page-v2/glance/VideoAtAGlanceV2';\nimport { PlayPageInteractives } from 'libs/shared/components/play-page-v2/interactives-widget/PlayPageInteractives';\nimport { PlayPageResources } from 'libs/shared/components/play-page-v2/resources-widget/PlayPageResources';\nimport { SeoConstants } from 'libs/shared/constants/SeoConstants';\nimport { GlobalPlayerConsumer } from 'libs/shared/context/player-context/components/GlobalPlayerConsumer';\nimport { usePlayerContext } from 'libs/shared/context/player-context/PlayerContext';\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 { useTableOfContentsActiveHeading } from 'libs/shared/hooks/useTableOfContentsActiveHeading';\nimport { useTableOfContentsScroll } from 'libs/shared/hooks/useTableOfContentsScroll';\nimport { CanFavouriteFunc, Clip, CurrentUser, FavouriteFunc, InteractiveMetadata, Link, PointOfInterest, PresentationAudience, Resource, Video, YearGroup } from 'libs/shared/interfaces';\nimport { PlayPageAnchor } from 'libs/shared/interfaces/PlayPageAnchor';\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 { TableOfContentsContainer } from 'shared/components/play-page/components/table-of-contents/TableOfContents';\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 { RelatedVideosHash } from 'shared/hooks/useGetRelatedVideos';\nimport { VideoFeaturesHash } from 'shared/hooks/useVideoFeatureAccess';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\nimport { usePlayPageTableOfContent } from 'shared/views/play/v2/hooks/usePlayPageTableOfContent';\nimport { useSectionHeadings } from 'shared/views/play/v2/hooks/useSectionHeadings';\nimport { PlayPageUtils } from 'shared/views/play/v2/PlayPageUtilV2';\nimport { ClippedFrom } from 'shared/views/play-clip/v2/components/clipped-from/ClippedFrom';\n\nimport styles from './play-clip-v2.scss';\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\n\ninterface PlayClipV2Props {\n  clip: Clip;\n  clips: Clip[];\n  interactives: InteractiveMetadata[];\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  tableOfContentsId: string;\n  shouldShowSideTableOfContents: boolean;\n  isPlugin: boolean;\n  breadcrumbs?: Breadcrumb[];\n}\n\nexport function PlayClipV2(props: PlayClipV2Props): JSX.Element {\n  const playerContext = usePlayerContext();\n\n  const { hasPermissions } = usePermissions();\n  const { canConsume } = VideoHelper.getCanBeConsumed(props.clip);\n  \n  const {\n    tableOfContentsActiveId,\n    setTableOfContentsActiveId,\n    controlledId,\n    setControlledId,\n    tableOfContentsExpanded,\n    onToggleTableOfContents\n  } = usePlayPageTableOfContent(props.tableOfContentsId);\n\n  const hasGlance = hasGlanceData(props.clip) && props.featureAccess.canViewGlance;\n\n  const { headingRef, headingElements } = useSectionHeadings(hasGlance);\n  const items = headingElements.map(ele => {\n    return {\n      id: ele.id as PlayPageAnchor,\n      name: PlayPageUtils.getSectionHeading(\n        ele.id as PlayPageAnchor,\n        {\n          clips: props.clips,\n          interactives: props.interactives,\n          resources: props.clip.resources?.data,\n          isPlayClipPage: true\n        }\n      )\n    };\n  });\n\n  useTableOfContentsActiveHeading({\n    setActiveId: setTableOfContentsActiveId,\n    headingElements,\n    controlledId,\n    setControlledId\n  });\n\n  useTableOfContentsScroll(headingElements, controlledId);\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  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.clips?.filter(c => c.id.toString() !== props.clip.id.toString()) ?? [];\n\n  function getMainClassName() {\n    if (props.shouldShowSideTableOfContents && tableOfContentsExpanded) {\n      return styles.expandedToc;\n    }\n    if (props.shouldShowSideTableOfContents && !tableOfContentsExpanded)\n      return 'pe-4';\n  }\n\n  return (\n    <div className={`px-4 play-page-sections-container ${props.shouldShowSideTableOfContents ? 'row' : ''}`}>\n      <main className={`${styles.main} ${getMainClassName()}`}>\n        {!!props.breadcrumbs?.length &&\n          <div className='mb-2'>\n            <Breadcrumbs breadcrumbs={props.breadcrumbs} />\n          </div>\n        }\n\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\n          id={PlayPageAnchor.Video}\n          className={`mb-2 ${SeoConstants.GLOBAL_PLAYER_SELECTOR}`}\n          ref={el => { (el && headingRef?.current) && headingRef.current.set(PlayPageAnchor.Video, el); }}\n        >\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        {/* if no glance render video details here */}\n        {hasGlance ? (\n          <VideoAtAGlanceV2\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            canViewGlance={hasGlance}\n          />\n        ) : (\n          <VideoDetailsWithScrollbarV2\n            video={props.clip}\n            currentUser={props.currentUser}\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            headingRef={headingRef}\n            suppressInteractivity={props.featureAccess.canViewPublicLayout}\n          />\n        )}\n\n        <PlayPageResources\n          video={props.clip}\n          canViewResources={props.featureAccess.canViewResourceItems}\n          imageCdnUrl={props.imageCdnUrl}\n          getAppLink={\n            getResourceAppLink(props.clip.id, props.shareId, props.featureAccess.canViewResourceItems)\n          }\n          analyticsData={{ clipId: props.clip.id, clipName: props.clip.name }}\n          resourceThumbnailFallbackUrl={ImageUrls.Fallbacks.RESOURCE_THUMBNAIL}\n          headingRef={headingRef}\n        />\n\n        <PlayPageInteractives\n          video={props.clip}\n          interactives={props.interactives}\n          imageCdnUrl={props.imageCdnUrl}\n          analyticsData={{ clipId: props.clip.id, clipName: props.clip.name }}\n          canViewInteractives={props.featureAccess.canViewInteractives}\n          headingRef={headingRef}\n          yearGroups={props.yearGroups}\n          setFavourite={props.setFavourite}\n          canFavourite={props.canFavourite}\n          isPlugin={props.isPlugin}\n        />\n\n        <PlayPageClips\n          clips={otherClips || []}\n          video={props.clip}\n          canViewClips={props.featureAccess.canViewClips}\n          yearGroups={props.yearGroups}\n          audiences={props.audiences}\n          imageCdnUrl={props.imageCdnUrl}\n          setFavourite={props.setFavourite}\n          canFavourite={props.canFavourite}\n          headingRef={headingRef}\n          analyticsData={{ clipId: props.clip.id, clipName: props.clip.name }}\n          isPlugin={props.isPlugin}\n        />\n\n        {/* if has glance, render video details here */}\n        {hasGlance && (\n          <VideoDetailsWithScrollbarV2\n            video={props.clip}\n            currentUser={props.currentUser}\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            headingRef={headingRef}\n            suppressInteractivity={props.featureAccess.canViewPublicLayout}\n            showHeading\n          />\n        )}\n     \n        {!!canAccessOriginal() && (\n          <ClippedFrom\n            originalVideo={props.originalVideo}\n            setFavourite={props.setFavourite}\n            canFavourite={props.canFavourite}\n            yearGroups={props.yearGroups}\n            shareId={props.shareId}\n            queryParams={props.queryParams}\n            audiences={props.audiences}\n            headingRef={headingRef}\n            isPlugin={props.isPlugin}\n            getClassroomGuideAppLink={VideoAppLinkHelper.getClassroomGuideAppLink}\n            getInteractiveGuidanceAppLink={VideoAppLinkHelper.getInteractiveGuidanceAppLink}\n            getResourceGuidanceAppLink={VideoAppLinkHelper.getResourceGuidanceAppLink}\n          />\n        )}\n\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          isPlugin={props.isPlugin}\n        />\n\n      </main>\n\n      <TableOfContentsContainer\n        isExpanded={tableOfContentsExpanded}\n        setIsExpanded={onToggleTableOfContents}\n        items={items}\n        activeId={tableOfContentsActiveId}\n        setControlledId={setControlledId}\n        analyticsData={{ clipId: props.clip.id, clipName: props.clip.name }}\n        showInSide={props.shouldShowSideTableOfContents}\n      />\n      \n    </div>\n  );\n}"],"names":["DEFAULT_PARTIAL_LOADING_OPTIONS","numItems","minWidth","maxWidth","PartialLoadingHelper","getPartialLoadingItems","options","opts","Array","map","width","Math","max","floor","random","PlaySharedClipViewV2","props","hasProduct","u","setFavourite","canFavourite","hasPermissions","isPlugin","shouldShowSideTableOfContents","featureAccess","currentUser","config","clip","objectId","shareId","video","data","_parentVideo","id","childClips","canViewClips","interactives","canViewInteractives","relatedVideos","context","queryParams","contextId","moviesAndTv","mtv","audiences","yearGroups","isAuthenticated","customerId","pointsOfInterest","content","videos","app","hasCompleted","clips","originalVideo","imageCdnUrl","canManageVideoAccess","items","tableOfContentsId","tocId","usePresentationAudiences","redirectOnError","activePresentation","getFallbackPresentation","presentation","namespace","ClippedFrom","usePermissions","videoActions","useVideoActions","location","className","PlayPageAnchor","ref","el","headingRef","current","set","Text","phrase","VideoActionsContext","value","VideoList","getVideoAppLink","v","VideoAppLinkHelper","playNext","presentationAudiences","getPreviewQuestionsAppLink","interactive","InteractiveHelper","getClassroomGuideAppLink","getInteractiveGuidanceAppLink","getResourceGuidanceAppLink","getResourceAppLink","videoId","canViewResource","resource","application","action","args","params","PlayClipV2","playerContext","canConsume","VideoHelper","usePlayPageTableOfContent","tableOfContentsActiveId","setTableOfContentsActiveId","controlledId","setControlledId","tableOfContentsExpanded","onToggleTableOfContents","hasGlance","canViewGlance","useSectionHeadings","headingElements","ele","name","resources","isPlayClipPage","useTableOfContentsActiveHeading","setActiveId","useTableOfContentsScroll","isArchived","hasStudentExperience","PermissionName","shouldPlayOnExitImmersiveReader","onLaunchImmersiveReader","playerRef","isPaused","pause","onExitImmersiveReader","play","canAccessOriginal","_canBeConsumed","ProductId","showPlayerPlaceholder","mode","canViewPublicLayout","otherClips","filter","c","toString","breadcrumbs","length","Breadcrumbs","RestrictionBanner","restrictions","_restrictions","objectTypeId","MasterType","ArchivedBanner","typeId","SeoConstants","GlobalPlayerConsumer","key","startTime","t","PlayerPlaceholder","type","PlayPageTitleAndActions","media","originalVideoAppLink","TextHelper","VideoAtAGlanceV2","setStartTime","time","currentTime","getTagAppLink","tag","tagOrClassification","suppressInteractivity","PlayPageResources","canViewResources","canViewResourceItems","getAppLink","analyticsData","clipId","clipName","resourceThumbnailFallbackUrl","ImageUrls","PlayPageInteractives","PlayPageClips","showHeading","RelatedVideos","currentVideo","TableOfContents","isExpanded","setIsExpanded","activeId","showInSide"],"sourceRoot":""}
+{"version":3,"file":"scripts/8784-d6862c97bc-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/utils/PartialLoadingHelper.ts","file:///app/packages/projects/lite/src/apps/share/views/play-shared-clip/v2/PlaySharedClipViewV2.tsx","file:///app/packages/projects/lite/src/shared/hooks/usePresentationAudiences.ts","file:///app/packages/projects/lite/src/shared/views/play-clip/v2/components/clipped-from/ClippedFrom.tsx","file:///app/packages/projects/lite/src/shared/views/play-clip/v2/components/play-clip/play-clip-v2.scss","file:///app/packages/projects/lite/src/shared/views/play-clip/v2/components/play-clip/PlayClipV2.tsx"],"sourcesContent":["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 React from 'react';\n\nimport { Flight } from 'libs/common/flight';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\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 { InteractiveRequests } from 'libs/shared/flight-requests/InteractiveRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { useCannotConsumeError } from 'libs/shared/hooks/useCannotConsumeError';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useProducts } from 'libs/shared/hooks/UseProducts';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { Clip, Config, CurrentUser, InteractiveMetadata, Video, YearGroup } from 'libs/shared/interfaces';\nimport { PageMetadataHelper } from 'libs/shared/utils/PageMetadataHelper';\n\nimport { usePluginHelper } from 'shared/hooks/use-plugin-helper/usePluginHelper';\nimport { useDeepLinks } from 'shared/hooks/useDeepLinks';\nimport { useFetchPointsOfInterest } from 'shared/hooks/useFetchPointsOfInterest';\nimport { useGetRelatedVideos } from 'shared/hooks/useGetRelatedVideos';\nimport { useLiteFavourites } from 'shared/hooks/useLiteFavourites';\nimport { usePresentationAudiences } from 'shared/hooks/usePresentationAudiences';\nimport { useVideoFeatureAccess } from 'shared/hooks/useVideoFeatureAccess';\nimport { useVideoMixin } from 'shared/hooks/useVideoMixin';\nimport { useShouldShowSideTableOfContents } from 'shared/views/play/v2/hooks/useShouldShowTableOfContents';\nimport { PlayClipV2 } from 'shared/views/play-clip/v2/components/play-clip/PlayClipV2';\n\nimport { ShareLinkViewProps } from 'apps/share/interfaces/ShareLinkViewProps';\n\nexport function PlaySharedClipViewV2(props: ShareLinkViewProps): React.ReactElement {\n  const { hasProduct } = useProducts();\n  const { setFavourite, canFavourite } = useLiteFavourites(LocationContext.VideoThumbnail);\n  const { hasPermissions } = usePermissions();\n  const { isPlugin } = usePluginHelper();\n\n  const shouldShowSideTableOfContents = useShouldShowSideTableOfContents();\n\n  const featureAccess = useVideoFeatureAccess();\n\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n  const clip = Flight.useBasicFetch<Clip>(ClipRequests.sharedClip(props.objectId, props.shareId));\n  const video = Flight.useBasicFetch<Video>(!!clip.data?._parentVideo &&\n    VideoRequests.video(clip.data._parentVideo.id));\n  const childClips = Flight.useBasicFetch<Clip[]>(\n    !!clip.data?._parentVideo?.id && featureAccess.canViewClips && ClipRequests.videoClips(clip.data._parentVideo.id)\n  );\n  const interactives = Flight.useBasicFetch<InteractiveMetadata[]>(\n    featureAccess.canViewInteractives && InteractiveRequests.videoInteractives(props.objectId)\n  );\n  \n  const relatedVideos = useGetRelatedVideos({\n    video: video.data,\n    context: props.queryParams.context,\n    contextId: props.queryParams.contextId,\n    moviesAndTv: props.queryParams.mtv,\n    currentUser: currentUser.data\n  });\n  const audiences = usePresentationAudiences();\n  const yearGroups = Flight.useBasicFetch<YearGroup[]>(\n    currentUser.data?.isAuthenticated && CustomerRequests.yearGroups(currentUser.data.customerId)\n  );\n  const pointsOfInterest = useFetchPointsOfInterest(props.objectId);\n\n  useSetPageMetadata(PageMetadataHelper.getClipMetadata({ content: clip.data }));\n\n  useVideoMixin(relatedVideos.videos ?? []);\n  useCannotConsumeError(clip);\n  useDeepLinks({ id: props.objectId, app: 'clips', shareId: props.shareId });\n\n  const hasLoaded = (\n    clip.data &&\n    currentUser.hasCompleted &&\n    config.hasCompleted &&\n    pointsOfInterest.hasCompleted\n  );\n\n  if (!hasLoaded)\n    return <></>;\n\n  return (\n    <PlayClipV2\n      shareId={props.shareId}\n      clip={clip.data}\n      clips={childClips.data}\n      interactives={interactives.data}\n      originalVideo={video.data}\n      currentUser={currentUser.data}\n      yearGroups={yearGroups.data}\n      relatedVideos={relatedVideos}\n      canFavourite={canFavourite}\n      setFavourite={setFavourite}\n      hasProduct={hasProduct}\n      queryParams={props.queryParams}\n      audiences={audiences.data}\n      imageCdnUrl={config.data.imageCdnUrl}\n      canManageVideoAccess={hasPermissions(PermissionName.ManageVideoAccess)}\n      pointsOfInterest={pointsOfInterest?.items}\n      featureAccess={featureAccess}\n      tableOfContentsId={props.queryParams?.tocId}\n      shouldShowSideTableOfContents={shouldShowSideTableOfContents}\n      isPlugin={isPlugin}\n    />\n  );\n}","import { Flight } from 'libs/common/react/index';\n\nimport { AudienceRequests } from 'libs/shared/flight-requests/AudienceRequests';\nimport { PresentationAudience } from 'libs/shared/interfaces';\n\nimport { usePresentation } from 'shared/hooks/usePresentation';\n\nexport const usePresentationAudiences = () => {\n  const { activePresentation, getFallbackPresentation } = usePresentation({ redirectOnError: true });\n\n  const presentation = activePresentation || getFallbackPresentation();\n\n  const audiences = Flight.useBasicFetch<PresentationAudience[]>(\n    !!presentation &&\n    AudienceRequests.presentationAudiences(presentation.id)\n  );\n\n  return audiences;\n};","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\n\nimport { Text } from 'libs/shared/components/text/Text';\nimport { VideoList } from 'libs/shared/components/video-list/VideoList';\nimport { VideoActionsContext } from 'libs/shared/context/VideoActionsContext';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { CanFavouriteFunc, FavouriteFunc, PresentationAudience, VideoTypes, YearGroup } from 'libs/shared/interfaces';\nimport { PlayPageAnchor } from 'libs/shared/interfaces/PlayPageAnchor';\nimport { PlayViewQueryParams } from 'libs/shared/interfaces/query-params/PlayViewQueryParams';\n\nimport { useVideoActions, VideoActionsLocation } from 'shared/hooks/use-video-actions/useVideoActions';\nimport { InteractiveHelpers } from 'shared/utils/InteractiveHelper';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\n\nconst namespace = 'shared.playClipV2';\n\ninterface ClippedFromProps {\n  originalVideo: VideoTypes;\n  yearGroups: YearGroup[];\n  setFavourite: FavouriteFunc;\n  canFavourite: CanFavouriteFunc;\n  queryParams: PlayViewQueryParams;\n  audiences: PresentationAudience[];\n  shareId?: string;\n  headingRef: React.MutableRefObject<Map<PlayPageAnchor, HTMLElement>>;\n  isPlugin: boolean;\n  getInteractiveGuidanceAppLink: (id: string, type: MasterType) => Core.AppLink;\n  getResourceGuidanceAppLink: (id: string, type: MasterType) => Core.AppLink;\n  getClassroomGuideAppLink: (id: string, type: MasterType) => Core.AppLink;\n}\n\nexport function ClippedFrom(props: ClippedFromProps) {\n  const { hasPermissions } = usePermissions();\n  const videoActions = useVideoActions({ location: VideoActionsLocation.VideoItem });\n\n  return (\n    <section\n      className='play-page-section'\n      id={PlayPageAnchor.ClippedFrom}\n      ref={el => {\n        (el && props.headingRef?.current) && props.headingRef.current.set(PlayPageAnchor.ClippedFrom, el);\n      }}\n    >\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          isPlugin={props.isPlugin}\n          getClassroomGuideAppLink={props.getClassroomGuideAppLink}\n          getInteractiveGuidanceAppLink={props.getInteractiveGuidanceAppLink}\n          getResourceGuidanceAppLink={props.getResourceGuidanceAppLink}\n        />\n      </VideoActionsContext.Provider>\n    </section>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"main\":\"iQ0Ie\",\"expandedToc\":\"sIoV8\"};","import React from 'react';\n\nimport { Core } from 'libs/common/core';\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\n\nimport { Breadcrumb, Breadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { PlayPageClips } from 'libs/shared/components/play-page-v2/clips-widget/PlayPageClips';\nimport { VideoDetailsWithScrollbarV2 } from 'libs/shared/components/play-page-v2/details/VideoDetailsV2';\nimport { hasGlanceData } from 'libs/shared/components/play-page-v2/glance/VideoAtAGlanceUtilsV2';\nimport { VideoAtAGlanceV2 } from 'libs/shared/components/play-page-v2/glance/VideoAtAGlanceV2';\nimport { PlayPageInteractives } from 'libs/shared/components/play-page-v2/interactives-widget/PlayPageInteractives';\nimport { PlayPageResources } from 'libs/shared/components/play-page-v2/resources-widget/PlayPageResources';\nimport { SeoConstants } from 'libs/shared/constants/SeoConstants';\nimport { GlobalPlayerConsumer } from 'libs/shared/context/player-context/components/GlobalPlayerConsumer';\nimport { usePlayerContext } from 'libs/shared/context/player-context/PlayerContext';\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 { useTableOfContentsActiveHeading } from 'libs/shared/hooks/useTableOfContentsActiveHeading';\nimport { useTableOfContentsScroll } from 'libs/shared/hooks/useTableOfContentsScroll';\nimport { CanFavouriteFunc, Clip, CurrentUser, FavouriteFunc, InteractiveMetadata, Link, PointOfInterest, PresentationAudience, Resource, Video, YearGroup } from 'libs/shared/interfaces';\nimport { PlayPageAnchor } from 'libs/shared/interfaces/PlayPageAnchor';\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 { TableOfContentsContainer } from 'shared/components/play-page/components/table-of-contents/TableOfContents';\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 { RelatedVideosHash } from 'shared/hooks/useGetRelatedVideos';\nimport { VideoFeaturesHash } from 'shared/hooks/useVideoFeatureAccess';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\nimport { usePlayPageTableOfContent } from 'shared/views/play/v2/hooks/usePlayPageTableOfContent';\nimport { useSectionHeadings } from 'shared/views/play/v2/hooks/useSectionHeadings';\nimport { PlayPageUtils } from 'shared/views/play/v2/PlayPageUtilV2';\nimport { ClippedFrom } from 'shared/views/play-clip/v2/components/clipped-from/ClippedFrom';\n\nimport styles from './play-clip-v2.scss';\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\n\ninterface PlayClipV2Props {\n  clip: Clip;\n  clips: Clip[];\n  interactives: InteractiveMetadata[];\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  tableOfContentsId: string;\n  shouldShowSideTableOfContents: boolean;\n  isPlugin: boolean;\n  breadcrumbs?: Breadcrumb[];\n}\n\nexport function PlayClipV2(props: PlayClipV2Props): JSX.Element {\n  const playerContext = usePlayerContext();\n\n  const { hasPermissions } = usePermissions();\n  const { canConsume } = VideoHelper.getCanBeConsumed(props.clip);\n  \n  const {\n    tableOfContentsActiveId,\n    setTableOfContentsActiveId,\n    controlledId,\n    setControlledId,\n    tableOfContentsExpanded,\n    onToggleTableOfContents\n  } = usePlayPageTableOfContent(props.tableOfContentsId);\n\n  const hasGlance = hasGlanceData(props.clip) && props.featureAccess.canViewGlance;\n\n  const { headingRef, headingElements } = useSectionHeadings(hasGlance);\n  const items = headingElements.map(ele => {\n    return {\n      id: ele.id as PlayPageAnchor,\n      name: PlayPageUtils.getSectionHeading(\n        ele.id as PlayPageAnchor,\n        {\n          clips: props.clips,\n          interactives: props.interactives,\n          resources: props.clip.resources?.data,\n          isPlayClipPage: true\n        }\n      )\n    };\n  });\n\n  useTableOfContentsActiveHeading({\n    setActiveId: setTableOfContentsActiveId,\n    headingElements,\n    controlledId,\n    setControlledId\n  });\n\n  useTableOfContentsScroll(headingElements, controlledId);\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  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.clips?.filter(c => c.id.toString() !== props.clip.id.toString()) ?? [];\n\n  function getMainClassName() {\n    if (props.shouldShowSideTableOfContents && tableOfContentsExpanded) {\n      return styles.expandedToc;\n    }\n    if (props.shouldShowSideTableOfContents && !tableOfContentsExpanded)\n      return 'pe-4';\n  }\n\n  return (\n    <div className={`px-4 play-page-sections-container ${props.shouldShowSideTableOfContents ? 'row' : ''}`}>\n      <main className={`${styles.main} ${getMainClassName()}`}>\n        {!!props.breadcrumbs?.length &&\n          <div className='mb-2'>\n            <Breadcrumbs breadcrumbs={props.breadcrumbs} />\n          </div>\n        }\n\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\n          id={PlayPageAnchor.Video}\n          className={`mb-2 ${SeoConstants.GLOBAL_PLAYER_SELECTOR}`}\n          ref={el => { (el && headingRef?.current) && headingRef.current.set(PlayPageAnchor.Video, el); }}\n        >\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        {/* if no glance render video details here */}\n        {hasGlance ? (\n          <VideoAtAGlanceV2\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            canViewGlance={hasGlance}\n          />\n        ) : (\n          <VideoDetailsWithScrollbarV2\n            video={props.clip}\n            currentUser={props.currentUser}\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            headingRef={headingRef}\n            suppressInteractivity={props.featureAccess.canViewPublicLayout}\n          />\n        )}\n\n        <PlayPageResources\n          video={props.clip}\n          canViewResources={props.featureAccess.canViewResourceItems}\n          imageCdnUrl={props.imageCdnUrl}\n          getAppLink={\n            getResourceAppLink(props.clip.id, props.shareId, props.featureAccess.canViewResourceItems)\n          }\n          analyticsData={{ clipId: props.clip.id, clipName: props.clip.name }}\n          resourceThumbnailFallbackUrl={ImageUrls.Fallbacks.RESOURCE_THUMBNAIL}\n          headingRef={headingRef}\n        />\n\n        <PlayPageInteractives\n          video={props.clip}\n          interactives={props.interactives}\n          imageCdnUrl={props.imageCdnUrl}\n          analyticsData={{ clipId: props.clip.id, clipName: props.clip.name }}\n          canViewInteractives={props.featureAccess.canViewInteractives}\n          headingRef={headingRef}\n          yearGroups={props.yearGroups}\n          setFavourite={props.setFavourite}\n          canFavourite={props.canFavourite}\n          isPlugin={props.isPlugin}\n        />\n\n        <PlayPageClips\n          clips={otherClips || []}\n          video={props.clip}\n          canViewClips={props.featureAccess.canViewClips}\n          yearGroups={props.yearGroups}\n          audiences={props.audiences}\n          imageCdnUrl={props.imageCdnUrl}\n          setFavourite={props.setFavourite}\n          canFavourite={props.canFavourite}\n          headingRef={headingRef}\n          analyticsData={{ clipId: props.clip.id, clipName: props.clip.name }}\n          isPlugin={props.isPlugin}\n        />\n\n        {/* if has glance, render video details here */}\n        {hasGlance && (\n          <VideoDetailsWithScrollbarV2\n            video={props.clip}\n            currentUser={props.currentUser}\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            headingRef={headingRef}\n            suppressInteractivity={props.featureAccess.canViewPublicLayout}\n            showHeading\n          />\n        )}\n     \n        {!!canAccessOriginal() && (\n          <ClippedFrom\n            originalVideo={props.originalVideo}\n            setFavourite={props.setFavourite}\n            canFavourite={props.canFavourite}\n            yearGroups={props.yearGroups}\n            shareId={props.shareId}\n            queryParams={props.queryParams}\n            audiences={props.audiences}\n            headingRef={headingRef}\n            isPlugin={props.isPlugin}\n            getClassroomGuideAppLink={VideoAppLinkHelper.getClassroomGuideAppLink}\n            getInteractiveGuidanceAppLink={VideoAppLinkHelper.getInteractiveGuidanceAppLink}\n            getResourceGuidanceAppLink={VideoAppLinkHelper.getResourceGuidanceAppLink}\n          />\n        )}\n\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          isPlugin={props.isPlugin}\n        />\n\n      </main>\n\n      <TableOfContentsContainer\n        isExpanded={tableOfContentsExpanded}\n        setIsExpanded={onToggleTableOfContents}\n        items={items}\n        activeId={tableOfContentsActiveId}\n        setControlledId={setControlledId}\n        analyticsData={{ clipId: props.clip.id, clipName: props.clip.name }}\n        showInSide={props.shouldShowSideTableOfContents}\n      />\n      \n    </div>\n  );\n}"],"names":["DEFAULT_PARTIAL_LOADING_OPTIONS","numItems","minWidth","maxWidth","PartialLoadingHelper","getPartialLoadingItems","options","opts","Array","map","width","Math","max","floor","random","PlaySharedClipViewV2","props","hasProduct","u","setFavourite","canFavourite","hasPermissions","isPlugin","shouldShowSideTableOfContents","featureAccess","currentUser","config","clip","objectId","shareId","video","data","_parentVideo","id","childClips","canViewClips","interactives","canViewInteractives","relatedVideos","context","queryParams","contextId","moviesAndTv","mtv","audiences","yearGroups","isAuthenticated","customerId","pointsOfInterest","content","videos","app","hasCompleted","clips","originalVideo","imageCdnUrl","canManageVideoAccess","items","tableOfContentsId","tocId","usePresentationAudiences","redirectOnError","activePresentation","getFallbackPresentation","presentation","namespace","ClippedFrom","usePermissions","videoActions","useVideoActions","location","className","PlayPageAnchor","ref","el","headingRef","current","set","Text","phrase","VideoActionsContext","value","VideoList","getVideoAppLink","v","VideoAppLinkHelper","playNext","presentationAudiences","getPreviewQuestionsAppLink","interactive","InteractiveHelper","getClassroomGuideAppLink","getInteractiveGuidanceAppLink","getResourceGuidanceAppLink","getResourceAppLink","videoId","canViewResource","resource","application","action","args","params","PlayClipV2","playerContext","canConsume","VideoHelper","usePlayPageTableOfContent","tableOfContentsActiveId","setTableOfContentsActiveId","controlledId","setControlledId","tableOfContentsExpanded","onToggleTableOfContents","hasGlance","canViewGlance","useSectionHeadings","headingElements","ele","name","resources","isPlayClipPage","useTableOfContentsActiveHeading","setActiveId","useTableOfContentsScroll","isArchived","hasStudentExperience","PermissionName","shouldPlayOnExitImmersiveReader","onLaunchImmersiveReader","playerRef","isPaused","pause","onExitImmersiveReader","play","canAccessOriginal","_canBeConsumed","ProductId","showPlayerPlaceholder","mode","canViewPublicLayout","otherClips","filter","c","toString","breadcrumbs","length","Breadcrumbs","RestrictionBanner","restrictions","_restrictions","objectTypeId","MasterType","ArchivedBanner","typeId","SeoConstants","GlobalPlayerConsumer","key","startTime","t","PlayerPlaceholder","type","PlayPageTitleAndActions","media","originalVideoAppLink","TextHelper","VideoAtAGlanceV2","setStartTime","time","currentTime","getTagAppLink","tag","tagOrClassification","suppressInteractivity","PlayPageResources","canViewResources","canViewResourceItems","getAppLink","analyticsData","clipId","clipName","resourceThumbnailFallbackUrl","ImageUrls","PlayPageInteractives","PlayPageClips","showHeading","RelatedVideos","currentVideo","TableOfContents","isExpanded","setIsExpanded","activeId","showInSide"],"sourceRoot":""}

package/dist/scripts/{8945-20a061665b-lite.chunk.js → 8945-3ea21e765e-lite.chunk.js}

@@ -1,2 +1,2 @@
 "use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[8945],{43156:(e,a,t)=>{t.r(a),t.d(a,{PlaySharedVideoViewV2:()=>A});var i=t(32735),s=t(20354),d=t(65858),c=t(16714),n=t(89454),r=t(43012),o=t(39151),u=t(1666),l=t(20768),v=t(31949),h=t(1575),m=t(26304),I=t(22902),p=t(79612),C=t(76753),P=t(51855),b=t(82817),y=t(7179),g=t(49948),F=t(36873),V=t(27638),f=t(86698),k=t(35014),w=t(97816),x=t(33192),B=t(61169),j=t(81812),q=t(16857);function A(e){var a,t,A,M,U=(0,V.u)(d.LZ.VideoThumbnail),G=U.setFavourite,L=U.canFavourite,N=(0,I.T)().hasPermissions,O=(0,P.G)().isPlugin,S=(0,k.I)(),T=(0,j.a)(),_=(0,f.y)().activePresentation,E=s.a.useBasicFetch(v.N.currentUser()),R=s.a.useBasicFetch(h.R.sharedVideo(e.objectId,e.shareId)),Z=s.a.useBasicFetch(S.canViewClips&&r.e.videoClips(e.objectId)),z=s.a.useBasicFetch(S.canViewInteractives&&l.b.videoInteractives(e.objectId)),D=s.a.useBasicFetch(o.L.config()),H=(0,F.k)({video:R.data,context:e.queryParams.context,contextId:e.queryParams.contextId,moviesAndTv:e.queryParams.mtv,currentUser:E.data}),J=(0,g.l)(e.objectId),K=s.a.useBasicFetch(!!_&&n.O.audiencesByPresentationId(_.id)),Q=s.a.useBasicFetch((null===(a=E.data)||void 0===a?void 0:a.isAuthenticated)&&u.h.yearGroups(E.data.customerId));(0,p.M)(C.CG.getVideoMetadata({content:R.data,canonicalLink:x.f.getCanonicalLink({stripPresentationSlug:!0}),allowIndexing:!1})),(0,w.V)(null!==(t=H.videos)&&void 0!==t?t:[]),(0,m.b)(R,{private:q.m}),(0,y.P)({id:e.objectId,app:"videos",shareId:e.shareId});var W=(0,b.M)(e.objectId);return R.data&&E.hasCompleted&&D.hasCompleted&&J.hasCompleted?i.createElement("div",{className:"px-3"},i.createElement(B.R,{video:R.data,clips:Z.data,interactives:z.data,yearGroups:Q.data,curriculums:W,imageCdnUrl:D.data.imageCdnUrl,relatedVideos:H,currentUser:E.data,setFavourite:G,canFavourite:L,pointsOfInterest:null==J?void 0:J.items,playNext:null===(A=e.queryParams)||void 0===A?void 0:A.playNext,shareId:e.shareId,featureAccess:S,audiences:K.data,params:e.queryParams,canManageVideoAccess:N(c.C.ManageVideoAccess),tableOfContentsId:null===(M=e.queryParams)||void 0===M?void 0:M.tocId,shouldShowSideTableOfContents:T,isPlugin:O})):i.createElement(i.Fragment,null)}}}]);
-//# sourceMappingURL=8945-20a061665b-lite.chunk.js.map
+//# sourceMappingURL=8945-3ea21e765e-lite.chunk.js.map

package/dist/scripts/{8945-20a061665b-lite.chunk.js.map → 8945-3ea21e765e-lite.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"scripts/8945-20a061665b-lite.chunk.js","mappings":"odAoCM,SAAUA,EAAsBC,G,YACpC,GAAuC,IAAAC,GAAkB,qBAAjDC,EAAY,EAAZA,aAAcC,EAAY,EAAZA,aAEdC,GAAmB,SAAnBA,eAEAC,GAAa,SAAbA,SAEFC,GAAgB,SAEhBC,GAAgC,SAE9BC,GAAuB,SAAvBA,mBAEFC,EAAc,kBAAkC,mBAChDC,EAAQ,kBACZ,gBAA0BV,EAAMW,SAAUX,EAAMY,UAE5CC,EAAQ,kBAA6BP,EAAcQ,cAAgB,eAAwBd,EAAMW,WACjGI,EAAe,kBACnBT,EAAcU,qBAAuB,sBAAsChB,EAAMW,WAE7EM,EAAS,kBAA6B,cACtCC,GAAgB,OAAoB,CACxCR,MAAOA,EAAMS,KACbC,QAASpB,EAAMqB,YAAYD,QAC3BE,UAAWtB,EAAMqB,YAAYC,UAC7BC,YAAavB,EAAMqB,YAAYG,IAC/Bf,YAAaA,EAAYU,OAErBM,GAAmB,OAAyBzB,EAAMW,UAElDe,EAAY,oBACdlB,GACF,8BAA2CA,EAAmBmB,KAE1DC,EAAa,mBACD,QAAhB,EAAAnB,EAAYU,YAAI,eAAEU,kBAAmB,eAA4BpB,EAAYU,KAAKW,cAGpF,OAAmB,sBAAoC,CACrDC,QAASrB,EAAMS,KACfa,cAAe,qBAA2B,CAAEC,uBAAuB,IACnEC,eAAe,MAGjB,OAAkC,QAApB,EAAAhB,EAAciB,cAAM,QAAI,KACtC,OAAsBzB,EAAO,CAAE0B,QAAS,OACxC,OAAa,CAAET,GAAI3B,EAAMW,SAAU0B,IAAK,SAAUzB,QAASZ,EAAMY,UAEjE,IAAM0B,GAAc,OAAetC,EAAMW,UASzC,OANED,EAAMS,MACNV,EAAY8B,cACZtB,EAAOsB,cACPd,EAAiBc,aAOjB,uBAAKC,UAAU,QACb,gBAAC,IAAU,CACT9B,MAAOA,EAAMS,KACbN,MAAOA,EAAMM,KACbJ,aAAcA,EAAaI,KAC3BS,WAAYA,EAAWT,KACvBmB,YAAaA,EACbG,YAAaxB,EAAOE,KAAKsB,YACzBvB,cAAeA,EACfT,YAAaA,EAAYU,KACzBjB,aAAcA,EACdC,aAAcA,EACdsB,iBAAkBA,aAAgB,EAAhBA,EAAkBiB,MACpCC,SAA2B,QAAjB,EAAA3C,EAAMqB,mBAAW,eAAEsB,SAC7B/B,QAASZ,EAAMY,QACfN,cAAeA,EACfoB,UAAWA,EAAUP,KACrByB,OAAQ5C,EAAMqB,YACdwB,qBAAsBzC,EAAe,uBACrC0C,kBAAoC,QAAjB,EAAA9C,EAAMqB,mBAAW,eAAE0B,MACtCxC,8BAA+BA,EAC/BF,SAAUA,KAxBP,gCA4BX,C","sources":["file:///app/packages/projects/lite/src/apps/share/views/play-shared-video/v2/PlaySharedVideoViewV2.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Flight } from 'libs/common/flight';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { AudienceRequests } from 'libs/shared/flight-requests/AudienceRequests';\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 { InteractiveRequests } from 'libs/shared/flight-requests/InteractiveRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { useCannotConsumeError } from 'libs/shared/hooks/useCannotConsumeError';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { Clip, Config, CurrentUser, InteractiveMetadata, PresentationAudience, Video, YearGroup } from 'libs/shared/interfaces';\nimport { PageMetadataHelper } from 'libs/shared/utils/PageMetadataHelper';\n\nimport { usePluginHelper } from 'shared/hooks/use-plugin-helper/usePluginHelper';\nimport { useCurriculums } from 'shared/hooks/useCurriculums';\nimport { useDeepLinks } from 'shared/hooks/useDeepLinks';\nimport { useFetchPointsOfInterest } from 'shared/hooks/useFetchPointsOfInterest';\nimport { useGetRelatedVideos } from 'shared/hooks/useGetRelatedVideos';\nimport { useLiteFavourites } from 'shared/hooks/useLiteFavourites';\nimport { usePresentation } from 'shared/hooks/usePresentation';\nimport { useVideoFeatureAccess } from 'shared/hooks/useVideoFeatureAccess';\nimport { useVideoMixin } from 'shared/hooks/useVideoMixin';\nimport { SeoHelper } from 'shared/utils/SeoHelper';\nimport { PlayPageV2 } from 'shared/views/play/v2/components/play-page/PlayPageV2';\nimport { useShouldShowSideTableOfContents } from 'shared/views/play/v2/hooks/useShouldShowTableOfContents';\n\nimport { ShareLinkPrivateError } from 'apps/share/errors/share-link-private/ShareLinkPrivateError';\nimport { ShareLinkViewProps } from 'apps/share/interfaces/ShareLinkViewProps';\n\nexport function PlaySharedVideoViewV2(props: ShareLinkViewProps): React.ReactElement {\n  const { setFavourite, canFavourite } = useLiteFavourites(LocationContext.VideoThumbnail);\n\n  const { hasPermissions } = usePermissions();\n\n  const { isPlugin } = usePluginHelper();\n\n  const featureAccess = useVideoFeatureAccess();\n\n  const shouldShowSideTableOfContents = useShouldShowSideTableOfContents();\n\n  const { activePresentation } = usePresentation();\n\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const video = Flight.useBasicFetch<Video>(\n    VideoRequests.sharedVideo(props.objectId, props.shareId)\n  );\n  const clips = Flight.useBasicFetch<Clip[]>(featureAccess.canViewClips && ClipRequests.videoClips(props.objectId));\n  const interactives = Flight.useBasicFetch<InteractiveMetadata[]>(\n    featureAccess.canViewInteractives && InteractiveRequests.videoInteractives(props.objectId)\n  );\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n  const relatedVideos = useGetRelatedVideos({\n    video: video.data,\n    context: props.queryParams.context,\n    contextId: props.queryParams.contextId,\n    moviesAndTv: props.queryParams.mtv,\n    currentUser: currentUser.data\n  });\n  const pointsOfInterest = useFetchPointsOfInterest(props.objectId);\n  \n  const audiences = Flight.useBasicFetch<PresentationAudience[]>(\n    !!activePresentation &&\n    AudienceRequests.audiencesByPresentationId(activePresentation.id)\n  );\n  const yearGroups = Flight.useBasicFetch<YearGroup[]>(\n    currentUser.data?.isAuthenticated && CustomerRequests.yearGroups(currentUser.data.customerId)\n  );\n\n  useSetPageMetadata(PageMetadataHelper.getVideoMetadata({\n    content: video.data,\n    canonicalLink: SeoHelper.getCanonicalLink({ stripPresentationSlug: true }),\n    allowIndexing: false\n  }));\n\n  useVideoMixin(relatedVideos.videos ?? []);\n  useCannotConsumeError(video, { private: ShareLinkPrivateError });\n  useDeepLinks({ id: props.objectId, app: 'videos', shareId: props.shareId });\n\n  const curriculums = useCurriculums(props.objectId);\n\n  const dataLoaded = (\n    video.data &&\n    currentUser.hasCompleted &&\n    config.hasCompleted &&\n    pointsOfInterest.hasCompleted\n  );\n\n  if (!dataLoaded)\n    return <></>;\n\n  return (\n    <div className='px-3'>\n      <PlayPageV2\n        video={video.data}\n        clips={clips.data}\n        interactives={interactives.data}\n        yearGroups={yearGroups.data}\n        curriculums={curriculums}\n        imageCdnUrl={config.data.imageCdnUrl}\n        relatedVideos={relatedVideos}\n        currentUser={currentUser.data}\n        setFavourite={setFavourite}\n        canFavourite={canFavourite}\n        pointsOfInterest={pointsOfInterest?.items}\n        playNext={props.queryParams?.playNext}\n        shareId={props.shareId}\n        featureAccess={featureAccess}\n        audiences={audiences.data}\n        params={props.queryParams}\n        canManageVideoAccess={hasPermissions(PermissionName.ManageVideoAccess)}\n        tableOfContentsId={props.queryParams?.tocId}\n        shouldShowSideTableOfContents={shouldShowSideTableOfContents}\n        isPlugin={isPlugin}\n      />\n    </div>\n  );\n}"],"names":["PlaySharedVideoViewV2","props","u","setFavourite","canFavourite","hasPermissions","isPlugin","featureAccess","shouldShowSideTableOfContents","activePresentation","currentUser","video","objectId","shareId","clips","canViewClips","interactives","canViewInteractives","config","relatedVideos","data","context","queryParams","contextId","moviesAndTv","mtv","pointsOfInterest","audiences","id","yearGroups","isAuthenticated","customerId","content","canonicalLink","stripPresentationSlug","allowIndexing","videos","private","app","curriculums","hasCompleted","className","imageCdnUrl","items","playNext","params","canManageVideoAccess","tableOfContentsId","tocId"],"sourceRoot":""}
+{"version":3,"file":"scripts/8945-3ea21e765e-lite.chunk.js","mappings":"odAoCM,SAAUA,EAAsBC,G,YACpC,GAAuC,IAAAC,GAAkB,qBAAjDC,EAAY,EAAZA,aAAcC,EAAY,EAAZA,aAEdC,GAAmB,SAAnBA,eAEAC,GAAa,SAAbA,SAEFC,GAAgB,SAEhBC,GAAgC,SAE9BC,GAAuB,SAAvBA,mBAEFC,EAAc,kBAAkC,mBAChDC,EAAQ,kBACZ,gBAA0BV,EAAMW,SAAUX,EAAMY,UAE5CC,EAAQ,kBAA6BP,EAAcQ,cAAgB,eAAwBd,EAAMW,WACjGI,EAAe,kBACnBT,EAAcU,qBAAuB,sBAAsChB,EAAMW,WAE7EM,EAAS,kBAA6B,cACtCC,GAAgB,OAAoB,CACxCR,MAAOA,EAAMS,KACbC,QAASpB,EAAMqB,YAAYD,QAC3BE,UAAWtB,EAAMqB,YAAYC,UAC7BC,YAAavB,EAAMqB,YAAYG,IAC/Bf,YAAaA,EAAYU,OAErBM,GAAmB,OAAyBzB,EAAMW,UAElDe,EAAY,oBACdlB,GACF,8BAA2CA,EAAmBmB,KAE1DC,EAAa,mBACD,QAAhB,EAAAnB,EAAYU,YAAI,eAAEU,kBAAmB,eAA4BpB,EAAYU,KAAKW,cAGpF,OAAmB,sBAAoC,CACrDC,QAASrB,EAAMS,KACfa,cAAe,qBAA2B,CAAEC,uBAAuB,IACnEC,eAAe,MAGjB,OAAkC,QAApB,EAAAhB,EAAciB,cAAM,QAAI,KACtC,OAAsBzB,EAAO,CAAE0B,QAAS,OACxC,OAAa,CAAET,GAAI3B,EAAMW,SAAU0B,IAAK,SAAUzB,QAASZ,EAAMY,UAEjE,IAAM0B,GAAc,OAAetC,EAAMW,UASzC,OANED,EAAMS,MACNV,EAAY8B,cACZtB,EAAOsB,cACPd,EAAiBc,aAOjB,uBAAKC,UAAU,QACb,gBAAC,IAAU,CACT9B,MAAOA,EAAMS,KACbN,MAAOA,EAAMM,KACbJ,aAAcA,EAAaI,KAC3BS,WAAYA,EAAWT,KACvBmB,YAAaA,EACbG,YAAaxB,EAAOE,KAAKsB,YACzBvB,cAAeA,EACfT,YAAaA,EAAYU,KACzBjB,aAAcA,EACdC,aAAcA,EACdsB,iBAAkBA,aAAgB,EAAhBA,EAAkBiB,MACpCC,SAA2B,QAAjB,EAAA3C,EAAMqB,mBAAW,eAAEsB,SAC7B/B,QAASZ,EAAMY,QACfN,cAAeA,EACfoB,UAAWA,EAAUP,KACrByB,OAAQ5C,EAAMqB,YACdwB,qBAAsBzC,EAAe,uBACrC0C,kBAAoC,QAAjB,EAAA9C,EAAMqB,mBAAW,eAAE0B,MACtCxC,8BAA+BA,EAC/BF,SAAUA,KAxBP,gCA4BX,C","sources":["file:///app/packages/projects/lite/src/apps/share/views/play-shared-video/v2/PlaySharedVideoViewV2.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Flight } from 'libs/common/flight';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { AudienceRequests } from 'libs/shared/flight-requests/AudienceRequests';\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 { InteractiveRequests } from 'libs/shared/flight-requests/InteractiveRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { useCannotConsumeError } from 'libs/shared/hooks/useCannotConsumeError';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { Clip, Config, CurrentUser, InteractiveMetadata, PresentationAudience, Video, YearGroup } from 'libs/shared/interfaces';\nimport { PageMetadataHelper } from 'libs/shared/utils/PageMetadataHelper';\n\nimport { usePluginHelper } from 'shared/hooks/use-plugin-helper/usePluginHelper';\nimport { useCurriculums } from 'shared/hooks/useCurriculums';\nimport { useDeepLinks } from 'shared/hooks/useDeepLinks';\nimport { useFetchPointsOfInterest } from 'shared/hooks/useFetchPointsOfInterest';\nimport { useGetRelatedVideos } from 'shared/hooks/useGetRelatedVideos';\nimport { useLiteFavourites } from 'shared/hooks/useLiteFavourites';\nimport { usePresentation } from 'shared/hooks/usePresentation';\nimport { useVideoFeatureAccess } from 'shared/hooks/useVideoFeatureAccess';\nimport { useVideoMixin } from 'shared/hooks/useVideoMixin';\nimport { SeoHelper } from 'shared/utils/SeoHelper';\nimport { PlayPageV2 } from 'shared/views/play/v2/components/play-page/PlayPageV2';\nimport { useShouldShowSideTableOfContents } from 'shared/views/play/v2/hooks/useShouldShowTableOfContents';\n\nimport { ShareLinkPrivateError } from 'apps/share/errors/share-link-private/ShareLinkPrivateError';\nimport { ShareLinkViewProps } from 'apps/share/interfaces/ShareLinkViewProps';\n\nexport function PlaySharedVideoViewV2(props: ShareLinkViewProps): React.ReactElement {\n  const { setFavourite, canFavourite } = useLiteFavourites(LocationContext.VideoThumbnail);\n\n  const { hasPermissions } = usePermissions();\n\n  const { isPlugin } = usePluginHelper();\n\n  const featureAccess = useVideoFeatureAccess();\n\n  const shouldShowSideTableOfContents = useShouldShowSideTableOfContents();\n\n  const { activePresentation } = usePresentation();\n\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const video = Flight.useBasicFetch<Video>(\n    VideoRequests.sharedVideo(props.objectId, props.shareId)\n  );\n  const clips = Flight.useBasicFetch<Clip[]>(featureAccess.canViewClips && ClipRequests.videoClips(props.objectId));\n  const interactives = Flight.useBasicFetch<InteractiveMetadata[]>(\n    featureAccess.canViewInteractives && InteractiveRequests.videoInteractives(props.objectId)\n  );\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n  const relatedVideos = useGetRelatedVideos({\n    video: video.data,\n    context: props.queryParams.context,\n    contextId: props.queryParams.contextId,\n    moviesAndTv: props.queryParams.mtv,\n    currentUser: currentUser.data\n  });\n  const pointsOfInterest = useFetchPointsOfInterest(props.objectId);\n  \n  const audiences = Flight.useBasicFetch<PresentationAudience[]>(\n    !!activePresentation &&\n    AudienceRequests.audiencesByPresentationId(activePresentation.id)\n  );\n  const yearGroups = Flight.useBasicFetch<YearGroup[]>(\n    currentUser.data?.isAuthenticated && CustomerRequests.yearGroups(currentUser.data.customerId)\n  );\n\n  useSetPageMetadata(PageMetadataHelper.getVideoMetadata({\n    content: video.data,\n    canonicalLink: SeoHelper.getCanonicalLink({ stripPresentationSlug: true }),\n    allowIndexing: false\n  }));\n\n  useVideoMixin(relatedVideos.videos ?? []);\n  useCannotConsumeError(video, { private: ShareLinkPrivateError });\n  useDeepLinks({ id: props.objectId, app: 'videos', shareId: props.shareId });\n\n  const curriculums = useCurriculums(props.objectId);\n\n  const dataLoaded = (\n    video.data &&\n    currentUser.hasCompleted &&\n    config.hasCompleted &&\n    pointsOfInterest.hasCompleted\n  );\n\n  if (!dataLoaded)\n    return <></>;\n\n  return (\n    <div className='px-3'>\n      <PlayPageV2\n        video={video.data}\n        clips={clips.data}\n        interactives={interactives.data}\n        yearGroups={yearGroups.data}\n        curriculums={curriculums}\n        imageCdnUrl={config.data.imageCdnUrl}\n        relatedVideos={relatedVideos}\n        currentUser={currentUser.data}\n        setFavourite={setFavourite}\n        canFavourite={canFavourite}\n        pointsOfInterest={pointsOfInterest?.items}\n        playNext={props.queryParams?.playNext}\n        shareId={props.shareId}\n        featureAccess={featureAccess}\n        audiences={audiences.data}\n        params={props.queryParams}\n        canManageVideoAccess={hasPermissions(PermissionName.ManageVideoAccess)}\n        tableOfContentsId={props.queryParams?.tocId}\n        shouldShowSideTableOfContents={shouldShowSideTableOfContents}\n        isPlugin={isPlugin}\n      />\n    </div>\n  );\n}"],"names":["PlaySharedVideoViewV2","props","u","setFavourite","canFavourite","hasPermissions","isPlugin","featureAccess","shouldShowSideTableOfContents","activePresentation","currentUser","video","objectId","shareId","clips","canViewClips","interactives","canViewInteractives","config","relatedVideos","data","context","queryParams","contextId","moviesAndTv","mtv","pointsOfInterest","audiences","id","yearGroups","isAuthenticated","customerId","content","canonicalLink","stripPresentationSlug","allowIndexing","videos","private","app","curriculums","hasCompleted","className","imageCdnUrl","items","playNext","params","canManageVideoAccess","tableOfContentsId","tocId"],"sourceRoot":""}

package/dist/scripts/{9355-9258c8643d-lite.chunk.js → 9355-44d72e25e0-lite.chunk.js}

@@ -1,2 +1,2 @@
 "use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[9355],{94644:(e,t,a)=>{a.d(t,{r:()=>u});var i=a(50242),n=a(81886),r=a(67058),o=a(14553),c=a(49267),s=a(49075),d={notFound:r.d,forbidden:{rating:o.q,yearLevel:o.q,region:c.a,privacy:o.q},badRequest:s._};function u(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(e){var r;r="number"==typeof e?e:e.status;var o=Object.assign(Object.assign({},d),t);r&&n.Q.Ry.isStatusCodeError(r)&&(r!==i.o.NotFound?r!==i.o.Forbidden?a.badRequest||n.Q.Ry.throw(new o.badRequest):a.forbidden||n.Q.Ry.throw(new o.forbidden.privacy):a.notFound||n.Q.Ry.throw(new o.notFound))}}},91286:(e,t,a)=>{a.d(t,{v:()=>o});var i=a(32735),n=a(94644);function r(e){return e.map((function(e){return e.statusCode})).join(":")}function o(e,t,a){var o=Array.isArray(e)?e:[e];(0,i.useEffect)((function(){o.forEach((function(e){(0,n.r)(e.statusCode,t,a)}))}),[r(o),t,a])}},63719:(e,t,a)=>{a.d(t,{h:()=>c});var i=a(32735),n=a(77316);function r(e,t){if(e){if("string"==typeof e)return o(e,t);var a={}.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?o(e,t):void 0}}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,i=Array(t);a<t;a++)i[a]=e[a];return i}function c(e){var t,a,c=(t=i.useMemo((function(){return n.p.getBuilder()}),[]),a=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var i,n,r,o,c=[],s=!0,d=!1;try{if(r=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;s=!1}else for(;!(s=(i=r.call(a)).done)&&(c.push(i.value),c.length!==t);s=!0);}catch(e){d=!0,n=e}finally{try{if(!s&&null!=a.return&&(o=a.return(),Object(o)!==o))return}finally{if(d)throw n}}return c}}(t,a)||r(t,a)||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.")}()),s=c[0],d=(0,c[1])(s);return d&&e?[].concat(function(e){return function(e){if(Array.isArray(e))return o(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||r(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.")}()}(d),[Object.assign(Object.assign({},e),{active:!0})]):d}},5859:(e,t,a)=>{function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,i=Array(t);a<t;a++)i[a]=e[a];return i}a.d(t,{u:()=>r});var n={numItems:5,minWidth:50,maxWidth:100},r={getPartialLoadingItems:function(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},a=Object.assign(Object.assign({},n),t);return(e=Array(a.numItems),function(e){if(Array.isArray(e))return i(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return i(e,t);var a={}.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?i(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()).map((function(){return{width:"".concat(Math.max(Math.floor(Math.random()*a.maxWidth),a.minWidth),"px")}}))}}},44110:(e,t,a)=>{a.d(t,{i:()=>o});var i=a(20354),n=a(89454),r=a(86698),o=function(){var e=(0,r.y)({redirectOnError:!0}),t=e.activePresentation,a=e.getFallbackPresentation,o=t||a();return i.a.useBasicFetch(!!o&&n.O.presentationAudiences(o.id))}},36073:(e,t,a)=>{a.r(t),a.d(t,{PlayClipViewV2:()=>j});var i=a(32735),n=a(50242),r=a(23481),o=a(20354),c=a(65858),s=a(78417),d=a(16714),u=a(67058),l=a(33803),p=a(43012),v=a(39151),m=a(1666),f=a(20768),y=a(31949),g=a(1575),h=a(63719),I=a(26304),b=a(91286),A=a(22902),P=a(15311),C=a(79612),E=a(76753),O=a(51855),V=a(7179),F=a(49948),S=a(36873),w=a(27638),R=a(44110),x=a(35014),L=a(97816),T=a(81812),G=a(14085),k=r.T.encloseNamespace("shared.playClipV2"),q={notFound:u.d,forbidden:{privacy:l.G}};function j(e){var t,a,r,u,l,j,U=e.queryParams,N=U.context,M=U.contextId,_=U.mtv,B=(0,P.r)().hasProduct,W=(0,w.u)(c.LZ.PlayClip),D=W.setFavourite,H=W.canFavourite,Q=(0,A.T)().hasPermissions,K=(0,O.G)().isPlugin,Y=o.a.useBasicFetch(y.N.currentUser()),Z=o.a.useBasicFetch(v.L.config()),$=o.a.useBasicFetch(p.e.clip(e.id)),J=o.a.useBasicFetch(f.b.videoInteractives(e.id)),z=o.a.useBasicFetch(!!(null===(t=$.data)||void 0===t?void 0:t._parentVideo)&&g.R.video($.data._parentVideo.id));(0,L.V)([z.data]);var X=o.a.useBasicFetch(!!(null===(a=$.data)||void 0===a?void 0:a._parentVideo)&&p.e.videoClips($.data._parentVideo.id)),ee=o.a.useBasicFetch($.statusCode===n.o.Forbidden&&p.e.clip(e.id,s.r.StripMetadata)),te=(0,S.k)({video:z.data,context:N,contextId:M,moviesAndTv:_,currentUser:Y.data}),ae=(0,R.i)(),ie=o.a.useBasicFetch((null===(r=Y.data)||void 0===r?void 0:r.isAuthenticated)&&m.h.yearGroups(Y.data.customerId)),ne=(0,T.a)(),re=(0,F.l)(e.id,!0),oe=(0,x.I)(),ce=(0,h.h)({name:null===(u=$.data)||void 0===u?void 0:u.name});return(0,C.M)(E.CG.getClipMetadata({content:$.data,phraseContext:{phraseHandler:k,titlePhrase:"pageTitle",descriptionPhrase:"pageDescription"}})),(0,b.v)($,q,{forbidden:!0}),(0,L.V)(null!==(l=te.videos)&&void 0!==l?l:[]),(0,I.b)(ee),(0,V.P)({id:e.id,app:"clips"}),$.data&&Y.hasCompleted&&Z.hasCompleted&&re.hasCompleted?i.createElement(G.S,{clip:$.data,clips:X.data,interactives:J.data,originalVideo:z.data,currentUser:Y.data,yearGroups:ie.data,relatedVideos:"playlist"===N?te:Object.assign(Object.assign({},te),{videos:[]}),canFavourite:H,setFavourite:D,hasProduct:B,queryParams:e.queryParams,audiences:ae.data,imageCdnUrl:Z.data.imageCdnUrl,canManageVideoAccess:Q(d.C.ManageVideoAccess),pointsOfInterest:re.items,featureAccess:oe,tableOfContentsId:null===(j=e.queryParams)||void 0===j?void 0:j.tocId,shouldShowSideTableOfContents:ne,isPlugin:K,breadcrumbs:ce}):i.createElement(i.Fragment,null)}j.defaultProps={queryParams:{}}},14085:(e,t,a)=>{a.d(t,{S:()=>H});var i=a(32735),n=a(28400),r=a(49935),o=a(5640),c=a(56940),s=a(51184),d=a(64921),u=a(95812),l=a(53709),p=a(71063),v=a(10439),m=a(35429),f=a(4594),y=a(16714),g=a(12754),h=a(22902),I=a(65332),b=a(76196),A=a(59598),P=a(31908),C=a(26492),E=a(9465),O=a(91479),V=a(47938),F=a(81024),S=a(78166),w=a(99742),R=a(14070),x=a(97291),L=a(22490),T=a(63010),G=a(14476),k=a(53256),q=a(83345),j=a(13231),U=a(51365),N=a(10671),M=a(10741),_="shared.playClipV2";function B(e){var t=(0,h.T)().hasPermissions,a=(0,N._)({location:N.i.VideoItem});return i.createElement("section",{className:"play-page-section",id:A.K.ClippedFrom,ref:function(t){var a;t&&(null===(a=e.headingRef)||void 0===a?void 0:a.current)&&e.headingRef.current.set(A.K.ClippedFrom,t)}},i.createElement("h2",{className:"h4 mb-0"},i.createElement(q.x,{namespace:_,phrase:"clippedFrom"})),i.createElement(U.M.Provider,{value:a},i.createElement(j.E4,{videos:[e.originalVideo],yearGroups:e.yearGroups,setFavourite:e.setFavourite,canFavourite:e.canFavourite,getVideoAppLink:function(t,a){return L.W.getAppLink(t,Object.assign(Object.assign({},a),{context:e.queryParams.context,contextId:e.queryParams.contextId,playNext:e.queryParams.playNext,shareId:e.shareId,moviesAndTv:e.queryParams.mtv}))},hasPermissions:t,presentationAudiences:e.audiences,getPreviewQuestionsAppLink:function(e){return M.j.getPreviewQuestionsAppLink(e)},isPlugin:e.isPlugin,getClassroomGuideAppLink:e.getClassroomGuideAppLink,getInteractiveGuidanceAppLink:e.getInteractiveGuidanceAppLink,getResourceGuidanceAppLink:e.getResourceGuidanceAppLink})))}const W={main:"iQ0Ie",expandedToc:"sIoV8"};var D=function(e,t,a){return function(i){return a?{application:x.O.VIDEOS,action:R.e.Videos.PREVIEW_PDF,args:[i.id],params:{videoId:e,shareId:t}}:{application:x.O.SIGN_UP,action:R.e.SignUp.SIGN_UP}}};function H(e){var t,a,q,j,U,N,M,_,H,Q,K=(0,m.g)(),Y=(0,h.T)().hasPermissions,Z=P.M.getCanBeConsumed(e.clip).canConsume,$=(0,T.Q)(e.tableOfContentsId),J=$.tableOfContentsActiveId,z=$.setTableOfContentsActiveId,X=$.controlledId,ee=$.setControlledId,te=$.tableOfContentsExpanded,ae=$.onToggleTableOfContents,ie=(0,s.Wp)(e.clip)&&e.featureAccess.canViewGlance,ne=(0,G.i)(ie),re=ne.headingRef,oe=ne.headingElements,ce=oe.map((function(t){var a;return{id:t.id,name:k.d.getSectionHeading(t.id,{clips:e.clips,interactives:e.interactives,resources:null===(a=e.clip.resources)||void 0===a?void 0:a.data,isPlayClipPage:!0})}}));(0,I.D)({setActiveId:z,headingElements:oe,controlledId:X,setControlledId:ee}),(0,b.P)(oe,X);var se=P.M.isVideoTypeArchived(e.clip),de=Y(y.C.StudentExperience),ue=i.useRef(!1);function le(){var e,t,a,i;ue.current=!(null===(t=null===(e=null==K?void 0:K.playerRef)||void 0===e?void 0:e.current)||void 0===t?void 0:t.isPaused()),null===(i=null===(a=null==K?void 0:K.playerRef)||void 0===a?void 0:a.current)||void 0===i||i.pause()}function pe(){var e,t;ue.current&&(null===(t=null===(e=null==K?void 0:K.playerRef)||void 0===e?void 0:e.current)||void 0===t||t.play())}function ve(){var t,a;return!(!e.originalVideo||!(null===(t=e.clip._canBeConsumed)||void 0===t?void 0:t.value)||!(null===(a=e.currentUser)||void 0===a?void 0:a.isAuthenticated)||!e.hasProduct(g.x.Primary)||de)}var me="picture-in-picture"===K.mode||e.featureAccess.canViewPublicLayout,fe=null!==(a=null===(t=e.clips)||void 0===t?void 0:t.filter((function(t){return t.id.toString()!==e.clip.id.toString()})))&&void 0!==a?a:[];return i.createElement("div",{className:"px-4 play-page-sections-container ".concat(e.shouldShowSideTableOfContents?"row":"")},i.createElement("main",{className:"".concat(W.main," ").concat(e.shouldShowSideTableOfContents&&te?W.expandedToc:e.shouldShowSideTableOfContents&&!te?"pe-4":void 0)},!!(null===(q=e.breadcrumbs)||void 0===q?void 0:q.length)&&i.createElement("div",{className:"mb-2"},i.createElement(r.Oo,{breadcrumbs:e.breadcrumbs})),i.createElement(V.W,{restrictions:e.clip._restrictions,yearGroups:e.yearGroups,objectId:e.clip.id,objectTypeId:f.E.Clip,canManageVideoAccess:e.canManageVideoAccess}),se&&i.createElement(C.T,{typeId:e.clip.typeId,hasStudentExperience:de}),i.createElement("section",{id:A.K.Video,className:"mb-2 ".concat(p.M.GLOBAL_PLAYER_SELECTOR),ref:function(e){e&&(null==re?void 0:re.current)&&re.current.set(A.K.Video,e)}},Z&&i.createElement(v.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===(U=e.queryParams)||void 0===U?void 0:U.contextId,moviesAndTv:null===(N=e.queryParams)||void 0===N?void 0:N.mtv,playNext:null===(M=e.queryParams)||void 0===M?void 0:M.playNext,startTime:null!==(H=null===(_=e.queryParams)||void 0===_?void 0:_.t)&&void 0!==H?H:null===(Q=e.queryParams)||void 0===Q?void 0:Q.startTime,mode:"default",location:"play-page"}),i.createElement("div",{className:me?"":"d-none"},i.createElement(F.S,{video:e.clip,type:"pip"}))),i.createElement(O.v,{media:e.clip,yearGroups:e.yearGroups,audiences:e.audiences,originalVideoAppLink:ve()?{application:x.O.VIDEOS,action:R.e.Videos.PLAY_VIDEO,args:[e.originalVideo.id,n.m.slugify(e.originalVideo.name)]}:null,featureAccess:e.featureAccess,shareId:e.shareId}),ie?i.createElement(d.j,{video:e.clip,pointsOfInterest:e.pointsOfInterest,setStartTime:function(e){var t;return null===(t=K.playerRef.current)||void 0===t?void 0:t.currentTime(e)},getTagAppLink:function(e){return{application:x.O.SEARCH,action:R.e.Search.HOME,params:{tagOrClassification:e.name}}},suppressInteractivity:e.featureAccess.canViewPublicLayout,canViewGlance:ie}):i.createElement(c.a,{video:e.clip,currentUser:e.currentUser,onLaunchImmersiveReader:le,onExitImmersiveReader:pe,getTagAppLink:function(e){return{application:x.O.SEARCH,action:R.e.Search.HOME,params:{tagOrClassification:e.name}}},headingRef:re,suppressInteractivity:e.featureAccess.canViewPublicLayout}),i.createElement(l.M,{video:e.clip,canViewResources:e.featureAccess.canViewResourceItems,imageCdnUrl:e.imageCdnUrl,getAppLink:D(e.clip.id,e.shareId,e.featureAccess.canViewResourceItems),analyticsData:{clipId:e.clip.id,clipName:e.clip.name},resourceThumbnailFallbackUrl:w.W.Fallbacks.RESOURCE_THUMBNAIL,headingRef:re}),i.createElement(u.J,{video:e.clip,interactives:e.interactives,imageCdnUrl:e.imageCdnUrl,analyticsData:{clipId:e.clip.id,clipName:e.clip.name},canViewInteractives:e.featureAccess.canViewInteractives,headingRef:re,yearGroups:e.yearGroups,setFavourite:e.setFavourite,canFavourite:e.canFavourite,isPlugin:e.isPlugin}),i.createElement(o.O,{clips:fe||[],video:e.clip,canViewClips:e.featureAccess.canViewClips,yearGroups:e.yearGroups,audiences:e.audiences,imageCdnUrl:e.imageCdnUrl,setFavourite:e.setFavourite,canFavourite:e.canFavourite,headingRef:re,analyticsData:{clipId:e.clip.id,clipName:e.clip.name},isPlugin:e.isPlugin}),ie&&i.createElement(c.a,{video:e.clip,currentUser:e.currentUser,onLaunchImmersiveReader:le,onExitImmersiveReader:pe,getTagAppLink:function(e){return{application:x.O.SEARCH,action:R.e.Search.HOME,params:{tagOrClassification:e.name}}},headingRef:re,suppressInteractivity:e.featureAccess.canViewPublicLayout,showHeading:!0}),!!ve()&&i.createElement(B,{originalVideo:e.originalVideo,setFavourite:e.setFavourite,canFavourite:e.canFavourite,yearGroups:e.yearGroups,shareId:e.shareId,queryParams:e.queryParams,audiences:e.audiences,headingRef:re,isPlugin:e.isPlugin,getClassroomGuideAppLink:L.W.getClassroomGuideAppLink,getInteractiveGuidanceAppLink:L.W.getInteractiveGuidanceAppLink,getResourceGuidanceAppLink:L.W.getResourceGuidanceAppLink}),i.createElement(S.Z,{currentVideo:e.clip,yearGroups:e.yearGroups,relatedVideos:e.relatedVideos,setFavourite:e.setFavourite,canFavourite:e.canFavourite,currentUser:e.currentUser,audiences:e.audiences,getVideoAppLink:function(t,a){return L.W.getAppLink(t,Object.assign(Object.assign({},a),{context:e.queryParams.context,contextId:e.queryParams.contextId,playNext:e.queryParams.playNext,shareId:e.shareId,moviesAndTv:e.queryParams.mtv}))},moviesAndTv:e.queryParams.mtv,isPlugin:e.isPlugin})),i.createElement(E.h,{isExpanded:te,setIsExpanded:ae,items:ce,activeId:J,setControlledId:ee,analyticsData:{clipId:e.clip.id,clipName:e.clip.name},showInSide:e.shouldShowSideTableOfContents}))}}}]);
-//# sourceMappingURL=9355-9258c8643d-lite.chunk.js.map
+//# sourceMappingURL=9355-44d72e25e0-lite.chunk.js.map

package/dist/scripts/{9355-9258c8643d-lite.chunk.js.map → 9355-44d72e25e0-lite.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"scripts/9355-9258c8643d-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/errors/handlers/HttpErrorHandlers.ts","file:///app/packages/libs/shared/src/hooks/UseHandleObjectError.ts","file:///app/packages/libs/shared/src/hooks/useBreadcrumbs.ts","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/views/play-clip/v2/PlayClipViewV2.tsx","file:///app/packages/projects/lite/src/shared/views/play-clip/v2/components/clipped-from/ClippedFrom.tsx","file:///app/packages/projects/lite/src/shared/views/play-clip/v2/components/play-clip/play-clip-v2.scss","file:///app/packages/projects/lite/src/shared/views/play-clip/v2/components/play-clip/PlayClipV2.tsx"],"sourcesContent":["import { BaseError } from 'libs/common/backbone/core/BaseError';\nimport { HttpStatus } from 'libs/common/backbone/enums/HttpStatus';\nimport { Xhr } from 'libs/common/backbone/interfaces';\nimport { Core } from 'libs/common/core';\n\nimport { NotFoundError } from 'libs/shared/errors/general/not-found/NotFoundError';\nimport { PrivateResourceError } from 'libs/shared/errors/general/private-resource/PrivateResourceError';\nimport { RegionLockedResourceError } from 'libs/shared/errors/general/region-locked-resource/RegionLockedResourceError';\nimport { UnspecifiedError } from 'libs/shared/errors/general/unspecified-error/UnspecifiedError';\nimport { VideoTypes } from 'libs/shared/interfaces';\n\nexport interface HttpErrorMap {\n  notFound?: new () => BaseError;\n  forbidden?: {\n    rating?: new (description: string) => BaseError;\n    yearLevel?: new (description: string) => BaseError;\n    region?: new () => BaseError;\n    privacy?: new (video?: VideoTypes) => BaseError;\n  };\n  badRequest?: new () => BaseError;\n}\n\nexport type IgnoreHttpErrorMap = {\n  [key in keyof HttpErrorMap]: boolean;\n};\n\nconst defaultErrors: HttpErrorMap = {\n  notFound: NotFoundError,\n  forbidden: {\n    rating: PrivateResourceError,\n    yearLevel: PrivateResourceError,\n    region: RegionLockedResourceError,\n    privacy: PrivateResourceError\n  },\n  badRequest: UnspecifiedError\n};\n\nexport function handleHttpError(\n  info: HttpStatus | Xhr,\n  customErrorMap: HttpErrorMap = {},\n  /**\n   * Prevent certain errors in the errorMap from being thrown\n   * so that you may implement your own handler\n   */\n  ignoreMap: IgnoreHttpErrorMap = {}\n): void {\n  if (!info)\n    return;\n\n  let statusCode: HttpStatus;\n\n  if (typeof(info) === 'number') {\n    statusCode = info;\n  } else {\n    statusCode = info.status;\n  }\n\n  const errorMap = {\n    ...defaultErrors,\n    ...customErrorMap\n  };\n\n  if (!statusCode)\n    return;\n\n  if (!Core.ErrorHelper.isStatusCodeError(statusCode))\n    return;\n\n  if (statusCode === HttpStatus.NotFound) {\n    if (!ignoreMap.notFound)\n      Core.ErrorHelper.throw(new errorMap.notFound());\n    return;\n  }\n\n  if (statusCode === HttpStatus.Forbidden) {\n  /**\n   * TODO: Work out how to go about handling all forbidden errors, such as region locking, year levels,\n   * ratings, and privacy.\n   */\n    if (!ignoreMap.forbidden)\n      Core.ErrorHelper.throw(new errorMap.forbidden.privacy());\n    return;\n  }\n\n  if (!ignoreMap.badRequest)\n    Core.ErrorHelper.throw(new errorMap.badRequest());\n}\n\nexport function handleXhrError(xhr: Xhr, customErrorMap?: HttpErrorMap): void {\n  handleHttpError(xhr.status, customErrorMap);\n}","import { useEffect } from 'react';\n\nimport { Flight } from 'libs/common/flight';\n\nimport { handleHttpError, HttpErrorMap, IgnoreHttpErrorMap } from 'libs/shared/errors/handlers/HttpErrorHandlers';\n\nfunction generateCacheKey(flightObjs: Array<Flight.Response<any>>): string {\n  return flightObjs.map(obj => obj.statusCode).join(':');\n}\n\n// TODO: Change this to just `useHandleHttpError` and only accept a status code.\nexport function useHandleObjectError(\n  _flightObjs: Flight.Response<any> | Array<Flight.Response<any>>,\n  customErrors?: HttpErrorMap,\n  ignoreErrors?: IgnoreHttpErrorMap\n): void {\n  const flightObjs = Array.isArray(_flightObjs) ? _flightObjs : [_flightObjs];\n\n  useEffect(() => {\n    flightObjs.forEach(obj => {\n      handleHttpError(obj.statusCode, customErrors, ignoreErrors);\n    });\n  }, [ generateCacheKey(flightObjs), customErrors, ignoreErrors ]);\n}","import React from 'react';\n\nimport { Breadcrumb } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { BreadcrumbService } from 'libs/shared/services/BreadcrumbService';\n\nexport function useBreadcrumbs(current: Breadcrumb): Breadcrumb[] {\n  const [ match, useBuilder ] = React.useMemo(() => BreadcrumbService.getBuilder(), []);\n\n  const breadcrumbs = useBuilder(match);\n\n  if (!breadcrumbs || !current)\n    return breadcrumbs;\n\n  return [ ...breadcrumbs, { ...current, active: true }];\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 * as React from 'react';\n\nimport { HttpStatus } from 'libs/common/backbone/enums/HttpStatus';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { PermissionFilterOption } from 'libs/shared/enums/PermissionFilterOption';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { NotFoundError } from 'libs/shared/errors/general/not-found/NotFoundError';\nimport { VideoPrivateError } from 'libs/shared/errors/videos/video-private/VideoPrivateError';\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 { InteractiveRequests } from 'libs/shared/flight-requests/InteractiveRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { useBreadcrumbs } from 'libs/shared/hooks/useBreadcrumbs';\nimport { useCannotConsumeError } from 'libs/shared/hooks/useCannotConsumeError';\nimport { useHandleObjectError } from 'libs/shared/hooks/UseHandleObjectError';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useProducts } from 'libs/shared/hooks/UseProducts';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { Clip, Config, CurrentUser, InteractiveMetadata, Video, YearGroup } from 'libs/shared/interfaces';\nimport { PageMetadataHelper } from 'libs/shared/utils/PageMetadataHelper';\n\nimport { usePluginHelper } from 'shared/hooks/use-plugin-helper/usePluginHelper';\nimport { useDeepLinks } from 'shared/hooks/useDeepLinks';\nimport { useFetchPointsOfInterest } from 'shared/hooks/useFetchPointsOfInterest';\nimport { useGetRelatedVideos } from 'shared/hooks/useGetRelatedVideos';\nimport { useLiteFavourites } from 'shared/hooks/useLiteFavourites';\nimport { usePresentationAudiences } from 'shared/hooks/usePresentationAudiences';\nimport { useVideoFeatureAccess } from 'shared/hooks/useVideoFeatureAccess';\nimport { useVideoMixin } from 'shared/hooks/useVideoMixin';\nimport { useShouldShowSideTableOfContents } from 'shared/views/play/v2/hooks/useShouldShowTableOfContents';\n\nimport { PlayViewProps } from '../PlayClipViewContainer';\n\nimport { PlayClipV2 } from './components/play-clip/PlayClipV2';\n\nconst namespace = 'shared.playClipV2';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst clipErrors = {\n  notFound: NotFoundError,\n  forbidden: {\n    privacy: VideoPrivateError\n  }\n};\n\nPlayClipViewV2.defaultProps = {\n  queryParams: {}\n};\n\nexport function PlayClipViewV2(props: PlayViewProps): JSX.Element {\n  const { context, contextId, mtv } = props.queryParams;\n\n  const { hasProduct } = useProducts();\n  const { setFavourite, canFavourite } = useLiteFavourites(LocationContext.PlayClip);\n  const { hasPermissions } = usePermissions();\n\n  const { isPlugin } = usePluginHelper();\n\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n  const clip = Flight.useBasicFetch<Clip>(ClipRequests.clip(props.id));\n\n  const interactives = Flight.useBasicFetch<InteractiveMetadata[]>(InteractiveRequests.videoInteractives(props.id));\n  const video = Flight.useBasicFetch<Video>(\n    !!clip.data?._parentVideo && VideoRequests.video(clip.data._parentVideo.id)\n  );\n  useVideoMixin([video.data]);\n\n  const childClips = Flight.useBasicFetch<Clip[]>(\n    !!clip.data?._parentVideo && ClipRequests.videoClips(clip.data._parentVideo.id)\n  );\n\n  const strippedClip = Flight.useBasicFetch<Clip>(clip.statusCode === HttpStatus.Forbidden &&\n    ClipRequests.clip(props.id, PermissionFilterOption.StripMetadata));\n  const relatedVideos = useGetRelatedVideos({\n    video: video.data,\n    context,\n    contextId,\n    moviesAndTv: mtv,\n    currentUser: currentUser.data\n  });\n  const audiences = usePresentationAudiences();\n  const yearGroups = Flight.useBasicFetch<YearGroup[]>(\n    currentUser.data?.isAuthenticated && CustomerRequests.yearGroups(currentUser.data.customerId)\n  );\n\n  const shouldShowSideTableOfContents = useShouldShowSideTableOfContents();\n\n  const pointsOfInterest = useFetchPointsOfInterest(props.id, true);\n  \n  const featureAccess = useVideoFeatureAccess();\n\n  const breadcrumbs = useBreadcrumbs({ name: clip.data?.name });\n\n  useSetPageMetadata(PageMetadataHelper.getClipMetadata({\n    content: clip.data,\n    phraseContext: {\n      phraseHandler: getPhrase,\n      titlePhrase: 'pageTitle',\n      descriptionPhrase: 'pageDescription'\n    }\n  }));\n\n  useHandleObjectError(clip, clipErrors, { forbidden: true });\n  useVideoMixin(relatedVideos.videos ?? []);\n  useCannotConsumeError(strippedClip);\n  useDeepLinks({ id: props.id, app: 'clips' });\n\n  const hasLoaded = (\n    clip.data &&\n    currentUser.hasCompleted &&\n    config.hasCompleted &&\n    pointsOfInterest.hasCompleted\n  );\n\n  if (!hasLoaded)\n    return <></>;\n\n  return (\n    <PlayClipV2\n      clip={clip.data}\n      clips={childClips.data}\n      interactives={interactives.data}\n      originalVideo={video.data}\n      currentUser={currentUser.data}\n      yearGroups={yearGroups.data}\n      // we only show up next videos for clips in a playlist\n      relatedVideos={context === 'playlist' ? relatedVideos : { ...relatedVideos, videos: []}}\n      canFavourite={canFavourite}\n      setFavourite={setFavourite}\n      hasProduct={hasProduct}\n      queryParams={props.queryParams}\n      audiences={audiences.data}\n      imageCdnUrl={config.data.imageCdnUrl}\n      canManageVideoAccess={hasPermissions(PermissionName.ManageVideoAccess)}\n      pointsOfInterest={pointsOfInterest.items}\n      featureAccess={featureAccess}\n      tableOfContentsId={props.queryParams?.tocId}\n      shouldShowSideTableOfContents={shouldShowSideTableOfContents}\n      isPlugin={isPlugin}\n      breadcrumbs={breadcrumbs}\n    />\n  );\n}","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\n\nimport { Text } from 'libs/shared/components/text/Text';\nimport { VideoList } from 'libs/shared/components/video-list/VideoList';\nimport { VideoActionsContext } from 'libs/shared/context/VideoActionsContext';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { CanFavouriteFunc, FavouriteFunc, PresentationAudience, VideoTypes, YearGroup } from 'libs/shared/interfaces';\nimport { PlayPageAnchor } from 'libs/shared/interfaces/PlayPageAnchor';\nimport { PlayViewQueryParams } from 'libs/shared/interfaces/query-params/PlayViewQueryParams';\n\nimport { useVideoActions, VideoActionsLocation } from 'shared/hooks/use-video-actions/useVideoActions';\nimport { InteractiveHelpers } from 'shared/utils/InteractiveHelper';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\n\nconst namespace = 'shared.playClipV2';\n\ninterface ClippedFromProps {\n  originalVideo: VideoTypes;\n  yearGroups: YearGroup[];\n  setFavourite: FavouriteFunc;\n  canFavourite: CanFavouriteFunc;\n  queryParams: PlayViewQueryParams;\n  audiences: PresentationAudience[];\n  shareId?: string;\n  headingRef: React.MutableRefObject<Map<PlayPageAnchor, HTMLElement>>;\n  isPlugin: boolean;\n  getInteractiveGuidanceAppLink: (id: string, type: MasterType) => Core.AppLink;\n  getResourceGuidanceAppLink: (id: string, type: MasterType) => Core.AppLink;\n  getClassroomGuideAppLink: (id: string, type: MasterType) => Core.AppLink;\n}\n\nexport function ClippedFrom(props: ClippedFromProps) {\n  const { hasPermissions } = usePermissions();\n  const videoActions = useVideoActions({ location: VideoActionsLocation.VideoItem });\n\n  return (\n    <section\n      className='play-page-section'\n      id={PlayPageAnchor.ClippedFrom}\n      ref={el => {\n        (el && props.headingRef?.current) && props.headingRef.current.set(PlayPageAnchor.ClippedFrom, el);\n      }}\n    >\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          isPlugin={props.isPlugin}\n          getClassroomGuideAppLink={props.getClassroomGuideAppLink}\n          getInteractiveGuidanceAppLink={props.getInteractiveGuidanceAppLink}\n          getResourceGuidanceAppLink={props.getResourceGuidanceAppLink}\n        />\n      </VideoActionsContext.Provider>\n    </section>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"main\":\"iQ0Ie\",\"expandedToc\":\"sIoV8\"};","import React from 'react';\n\nimport { Core } from 'libs/common/core';\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\n\nimport { Breadcrumb, Breadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { PlayPageClips } from 'libs/shared/components/play-page-v2/clips-widget/PlayPageClips';\nimport { VideoDetailsWithScrollbarV2 } from 'libs/shared/components/play-page-v2/details/VideoDetailsV2';\nimport { hasGlanceData } from 'libs/shared/components/play-page-v2/glance/VideoAtAGlanceUtilsV2';\nimport { VideoAtAGlanceV2 } from 'libs/shared/components/play-page-v2/glance/VideoAtAGlanceV2';\nimport { PlayPageInteractives } from 'libs/shared/components/play-page-v2/interactives-widget/PlayPageInteractives';\nimport { PlayPageResources } from 'libs/shared/components/play-page-v2/resources-widget/PlayPageResources';\nimport { SeoConstants } from 'libs/shared/constants/SeoConstants';\nimport { GlobalPlayerConsumer } from 'libs/shared/context/player-context/components/GlobalPlayerConsumer';\nimport { usePlayerContext } from 'libs/shared/context/player-context/PlayerContext';\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 { useTableOfContentsActiveHeading } from 'libs/shared/hooks/useTableOfContentsActiveHeading';\nimport { useTableOfContentsScroll } from 'libs/shared/hooks/useTableOfContentsScroll';\nimport { CanFavouriteFunc, Clip, CurrentUser, FavouriteFunc, InteractiveMetadata, Link, PointOfInterest, PresentationAudience, Resource, Video, YearGroup } from 'libs/shared/interfaces';\nimport { PlayPageAnchor } from 'libs/shared/interfaces/PlayPageAnchor';\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 { TableOfContentsContainer } from 'shared/components/play-page/components/table-of-contents/TableOfContents';\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 { RelatedVideosHash } from 'shared/hooks/useGetRelatedVideos';\nimport { VideoFeaturesHash } from 'shared/hooks/useVideoFeatureAccess';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\nimport { usePlayPageTableOfContent } from 'shared/views/play/v2/hooks/usePlayPageTableOfContent';\nimport { useSectionHeadings } from 'shared/views/play/v2/hooks/useSectionHeadings';\nimport { PlayPageUtils } from 'shared/views/play/v2/PlayPageUtilV2';\nimport { ClippedFrom } from 'shared/views/play-clip/v2/components/clipped-from/ClippedFrom';\n\nimport styles from './play-clip-v2.scss';\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\n\ninterface PlayClipV2Props {\n  clip: Clip;\n  clips: Clip[];\n  interactives: InteractiveMetadata[];\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  tableOfContentsId: string;\n  shouldShowSideTableOfContents: boolean;\n  isPlugin: boolean;\n  breadcrumbs?: Breadcrumb[];\n}\n\nexport function PlayClipV2(props: PlayClipV2Props): JSX.Element {\n  const playerContext = usePlayerContext();\n\n  const { hasPermissions } = usePermissions();\n  const { canConsume } = VideoHelper.getCanBeConsumed(props.clip);\n  \n  const {\n    tableOfContentsActiveId,\n    setTableOfContentsActiveId,\n    controlledId,\n    setControlledId,\n    tableOfContentsExpanded,\n    onToggleTableOfContents\n  } = usePlayPageTableOfContent(props.tableOfContentsId);\n\n  const hasGlance = hasGlanceData(props.clip) && props.featureAccess.canViewGlance;\n\n  const { headingRef, headingElements } = useSectionHeadings(hasGlance);\n  const items = headingElements.map(ele => {\n    return {\n      id: ele.id as PlayPageAnchor,\n      name: PlayPageUtils.getSectionHeading(\n        ele.id as PlayPageAnchor,\n        {\n          clips: props.clips,\n          interactives: props.interactives,\n          resources: props.clip.resources?.data,\n          isPlayClipPage: true\n        }\n      )\n    };\n  });\n\n  useTableOfContentsActiveHeading({\n    setActiveId: setTableOfContentsActiveId,\n    headingElements,\n    controlledId,\n    setControlledId\n  });\n\n  useTableOfContentsScroll(headingElements, controlledId);\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  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.clips?.filter(c => c.id.toString() !== props.clip.id.toString()) ?? [];\n\n  function getMainClassName() {\n    if (props.shouldShowSideTableOfContents && tableOfContentsExpanded) {\n      return styles.expandedToc;\n    }\n    if (props.shouldShowSideTableOfContents && !tableOfContentsExpanded)\n      return 'pe-4';\n  }\n\n  return (\n    <div className={`px-4 play-page-sections-container ${props.shouldShowSideTableOfContents ? 'row' : ''}`}>\n      <main className={`${styles.main} ${getMainClassName()}`}>\n        {!!props.breadcrumbs?.length &&\n          <div className='mb-2'>\n            <Breadcrumbs breadcrumbs={props.breadcrumbs} />\n          </div>\n        }\n\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\n          id={PlayPageAnchor.Video}\n          className={`mb-2 ${SeoConstants.GLOBAL_PLAYER_SELECTOR}`}\n          ref={el => { (el && headingRef?.current) && headingRef.current.set(PlayPageAnchor.Video, el); }}\n        >\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        {/* if no glance render video details here */}\n        {hasGlance ? (\n          <VideoAtAGlanceV2\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            canViewGlance={hasGlance}\n          />\n        ) : (\n          <VideoDetailsWithScrollbarV2\n            video={props.clip}\n            currentUser={props.currentUser}\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            headingRef={headingRef}\n            suppressInteractivity={props.featureAccess.canViewPublicLayout}\n          />\n        )}\n\n        <PlayPageResources\n          video={props.clip}\n          canViewResources={props.featureAccess.canViewResourceItems}\n          imageCdnUrl={props.imageCdnUrl}\n          getAppLink={\n            getResourceAppLink(props.clip.id, props.shareId, props.featureAccess.canViewResourceItems)\n          }\n          analyticsData={{ clipId: props.clip.id, clipName: props.clip.name }}\n          resourceThumbnailFallbackUrl={ImageUrls.Fallbacks.RESOURCE_THUMBNAIL}\n          headingRef={headingRef}\n        />\n\n        <PlayPageInteractives\n          video={props.clip}\n          interactives={props.interactives}\n          imageCdnUrl={props.imageCdnUrl}\n          analyticsData={{ clipId: props.clip.id, clipName: props.clip.name }}\n          canViewInteractives={props.featureAccess.canViewInteractives}\n          headingRef={headingRef}\n          yearGroups={props.yearGroups}\n          setFavourite={props.setFavourite}\n          canFavourite={props.canFavourite}\n          isPlugin={props.isPlugin}\n        />\n\n        <PlayPageClips\n          clips={otherClips || []}\n          video={props.clip}\n          canViewClips={props.featureAccess.canViewClips}\n          yearGroups={props.yearGroups}\n          audiences={props.audiences}\n          imageCdnUrl={props.imageCdnUrl}\n          setFavourite={props.setFavourite}\n          canFavourite={props.canFavourite}\n          headingRef={headingRef}\n          analyticsData={{ clipId: props.clip.id, clipName: props.clip.name }}\n          isPlugin={props.isPlugin}\n        />\n\n        {/* if has glance, render video details here */}\n        {hasGlance && (\n          <VideoDetailsWithScrollbarV2\n            video={props.clip}\n            currentUser={props.currentUser}\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            headingRef={headingRef}\n            suppressInteractivity={props.featureAccess.canViewPublicLayout}\n            showHeading\n          />\n        )}\n     \n        {!!canAccessOriginal() && (\n          <ClippedFrom\n            originalVideo={props.originalVideo}\n            setFavourite={props.setFavourite}\n            canFavourite={props.canFavourite}\n            yearGroups={props.yearGroups}\n            shareId={props.shareId}\n            queryParams={props.queryParams}\n            audiences={props.audiences}\n            headingRef={headingRef}\n            isPlugin={props.isPlugin}\n            getClassroomGuideAppLink={VideoAppLinkHelper.getClassroomGuideAppLink}\n            getInteractiveGuidanceAppLink={VideoAppLinkHelper.getInteractiveGuidanceAppLink}\n            getResourceGuidanceAppLink={VideoAppLinkHelper.getResourceGuidanceAppLink}\n          />\n        )}\n\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          isPlugin={props.isPlugin}\n        />\n\n      </main>\n\n      <TableOfContentsContainer\n        isExpanded={tableOfContentsExpanded}\n        setIsExpanded={onToggleTableOfContents}\n        items={items}\n        activeId={tableOfContentsActiveId}\n        setControlledId={setControlledId}\n        analyticsData={{ clipId: props.clip.id, clipName: props.clip.name }}\n        showInSide={props.shouldShowSideTableOfContents}\n      />\n      \n    </div>\n  );\n}"],"names":["defaultErrors","notFound","forbidden","rating","yearLevel","region","privacy","badRequest","handleHttpError","info","customErrorMap","ignoreMap","statusCode","status","errorMap","generateCacheKey","flightObjs","map","obj","join","useHandleObjectError","_flightObjs","customErrors","ignoreErrors","Array","isArray","useEffect","forEach","useBreadcrumbs","current","match","breadcrumbs","useBuilder","active","DEFAULT_PARTIAL_LOADING_OPTIONS","numItems","minWidth","maxWidth","PartialLoadingHelper","getPartialLoadingItems","options","opts","width","Math","max","floor","random","usePresentationAudiences","redirectOnError","activePresentation","getFallbackPresentation","presentation","id","getPhrase","clipErrors","PlayClipViewV2","props","queryParams","context","contextId","mtv","hasProduct","u","setFavourite","canFavourite","hasPermissions","isPlugin","currentUser","config","clip","interactives","video","data","_parentVideo","childClips","strippedClip","relatedVideos","moviesAndTv","audiences","yearGroups","isAuthenticated","customerId","shouldShowSideTableOfContents","pointsOfInterest","featureAccess","name","content","phraseContext","phraseHandler","titlePhrase","descriptionPhrase","videos","app","hasCompleted","clips","originalVideo","imageCdnUrl","canManageVideoAccess","items","tableOfContentsId","tocId","defaultProps","namespace","ClippedFrom","usePermissions","videoActions","useVideoActions","location","className","PlayPageAnchor","ref","el","headingRef","set","Text","phrase","VideoActionsContext","value","VideoList","getVideoAppLink","v","VideoAppLinkHelper","playNext","shareId","presentationAudiences","getPreviewQuestionsAppLink","interactive","InteractiveHelper","getClassroomGuideAppLink","getInteractiveGuidanceAppLink","getResourceGuidanceAppLink","getResourceAppLink","videoId","canViewResource","resource","application","action","args","params","PlayClipV2","playerContext","canConsume","VideoHelper","usePlayPageTableOfContent","tableOfContentsActiveId","setTableOfContentsActiveId","controlledId","setControlledId","tableOfContentsExpanded","onToggleTableOfContents","hasGlance","canViewGlance","useSectionHeadings","headingElements","ele","resources","isPlayClipPage","useTableOfContentsActiveHeading","setActiveId","useTableOfContentsScroll","isArchived","hasStudentExperience","PermissionName","shouldPlayOnExitImmersiveReader","onLaunchImmersiveReader","playerRef","isPaused","pause","onExitImmersiveReader","play","canAccessOriginal","_canBeConsumed","ProductId","showPlayerPlaceholder","mode","canViewPublicLayout","otherClips","filter","c","toString","length","Breadcrumbs","RestrictionBanner","restrictions","_restrictions","objectId","objectTypeId","MasterType","ArchivedBanner","typeId","SeoConstants","GlobalPlayerConsumer","key","startTime","t","PlayerPlaceholder","type","PlayPageTitleAndActions","media","originalVideoAppLink","TextHelper","VideoAtAGlanceV2","setStartTime","time","currentTime","getTagAppLink","tag","tagOrClassification","suppressInteractivity","PlayPageResources","canViewResources","canViewResourceItems","getAppLink","analyticsData","clipId","clipName","resourceThumbnailFallbackUrl","ImageUrls","PlayPageInteractives","canViewInteractives","PlayPageClips","canViewClips","showHeading","RelatedVideos","currentVideo","TableOfContents","isExpanded","setIsExpanded","activeId","showInSide"],"sourceRoot":""}
+{"version":3,"file":"scripts/9355-44d72e25e0-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/errors/handlers/HttpErrorHandlers.ts","file:///app/packages/libs/shared/src/hooks/UseHandleObjectError.ts","file:///app/packages/libs/shared/src/hooks/useBreadcrumbs.ts","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/views/play-clip/v2/PlayClipViewV2.tsx","file:///app/packages/projects/lite/src/shared/views/play-clip/v2/components/clipped-from/ClippedFrom.tsx","file:///app/packages/projects/lite/src/shared/views/play-clip/v2/components/play-clip/play-clip-v2.scss","file:///app/packages/projects/lite/src/shared/views/play-clip/v2/components/play-clip/PlayClipV2.tsx"],"sourcesContent":["import { BaseError } from 'libs/common/backbone/core/BaseError';\nimport { HttpStatus } from 'libs/common/backbone/enums/HttpStatus';\nimport { Xhr } from 'libs/common/backbone/interfaces';\nimport { Core } from 'libs/common/core';\n\nimport { NotFoundError } from 'libs/shared/errors/general/not-found/NotFoundError';\nimport { PrivateResourceError } from 'libs/shared/errors/general/private-resource/PrivateResourceError';\nimport { RegionLockedResourceError } from 'libs/shared/errors/general/region-locked-resource/RegionLockedResourceError';\nimport { UnspecifiedError } from 'libs/shared/errors/general/unspecified-error/UnspecifiedError';\nimport { VideoTypes } from 'libs/shared/interfaces';\n\nexport interface HttpErrorMap {\n  notFound?: new () => BaseError;\n  forbidden?: {\n    rating?: new (description: string) => BaseError;\n    yearLevel?: new (description: string) => BaseError;\n    region?: new () => BaseError;\n    privacy?: new (video?: VideoTypes) => BaseError;\n  };\n  badRequest?: new () => BaseError;\n}\n\nexport type IgnoreHttpErrorMap = {\n  [key in keyof HttpErrorMap]: boolean;\n};\n\nconst defaultErrors: HttpErrorMap = {\n  notFound: NotFoundError,\n  forbidden: {\n    rating: PrivateResourceError,\n    yearLevel: PrivateResourceError,\n    region: RegionLockedResourceError,\n    privacy: PrivateResourceError\n  },\n  badRequest: UnspecifiedError\n};\n\nexport function handleHttpError(\n  info: HttpStatus | Xhr,\n  customErrorMap: HttpErrorMap = {},\n  /**\n   * Prevent certain errors in the errorMap from being thrown\n   * so that you may implement your own handler\n   */\n  ignoreMap: IgnoreHttpErrorMap = {}\n): void {\n  if (!info)\n    return;\n\n  let statusCode: HttpStatus;\n\n  if (typeof(info) === 'number') {\n    statusCode = info;\n  } else {\n    statusCode = info.status;\n  }\n\n  const errorMap = {\n    ...defaultErrors,\n    ...customErrorMap\n  };\n\n  if (!statusCode)\n    return;\n\n  if (!Core.ErrorHelper.isStatusCodeError(statusCode))\n    return;\n\n  if (statusCode === HttpStatus.NotFound) {\n    if (!ignoreMap.notFound)\n      Core.ErrorHelper.throw(new errorMap.notFound());\n    return;\n  }\n\n  if (statusCode === HttpStatus.Forbidden) {\n  /**\n   * TODO: Work out how to go about handling all forbidden errors, such as region locking, year levels,\n   * ratings, and privacy.\n   */\n    if (!ignoreMap.forbidden)\n      Core.ErrorHelper.throw(new errorMap.forbidden.privacy());\n    return;\n  }\n\n  if (!ignoreMap.badRequest)\n    Core.ErrorHelper.throw(new errorMap.badRequest());\n}\n\nexport function handleXhrError(xhr: Xhr, customErrorMap?: HttpErrorMap): void {\n  handleHttpError(xhr.status, customErrorMap);\n}","import { useEffect } from 'react';\n\nimport { Flight } from 'libs/common/flight';\n\nimport { handleHttpError, HttpErrorMap, IgnoreHttpErrorMap } from 'libs/shared/errors/handlers/HttpErrorHandlers';\n\nfunction generateCacheKey(flightObjs: Array<Flight.Response<any>>): string {\n  return flightObjs.map(obj => obj.statusCode).join(':');\n}\n\n// TODO: Change this to just `useHandleHttpError` and only accept a status code.\nexport function useHandleObjectError(\n  _flightObjs: Flight.Response<any> | Array<Flight.Response<any>>,\n  customErrors?: HttpErrorMap,\n  ignoreErrors?: IgnoreHttpErrorMap\n): void {\n  const flightObjs = Array.isArray(_flightObjs) ? _flightObjs : [_flightObjs];\n\n  useEffect(() => {\n    flightObjs.forEach(obj => {\n      handleHttpError(obj.statusCode, customErrors, ignoreErrors);\n    });\n  }, [ generateCacheKey(flightObjs), customErrors, ignoreErrors ]);\n}","import React from 'react';\n\nimport { Breadcrumb } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { BreadcrumbService } from 'libs/shared/services/BreadcrumbService';\n\nexport function useBreadcrumbs(current: Breadcrumb): Breadcrumb[] {\n  const [ match, useBuilder ] = React.useMemo(() => BreadcrumbService.getBuilder(), []);\n\n  const breadcrumbs = useBuilder(match);\n\n  if (!breadcrumbs || !current)\n    return breadcrumbs;\n\n  return [ ...breadcrumbs, { ...current, active: true }];\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 * as React from 'react';\n\nimport { HttpStatus } from 'libs/common/backbone/enums/HttpStatus';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { PermissionFilterOption } from 'libs/shared/enums/PermissionFilterOption';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { NotFoundError } from 'libs/shared/errors/general/not-found/NotFoundError';\nimport { VideoPrivateError } from 'libs/shared/errors/videos/video-private/VideoPrivateError';\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 { InteractiveRequests } from 'libs/shared/flight-requests/InteractiveRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { useBreadcrumbs } from 'libs/shared/hooks/useBreadcrumbs';\nimport { useCannotConsumeError } from 'libs/shared/hooks/useCannotConsumeError';\nimport { useHandleObjectError } from 'libs/shared/hooks/UseHandleObjectError';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useProducts } from 'libs/shared/hooks/UseProducts';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { Clip, Config, CurrentUser, InteractiveMetadata, Video, YearGroup } from 'libs/shared/interfaces';\nimport { PageMetadataHelper } from 'libs/shared/utils/PageMetadataHelper';\n\nimport { usePluginHelper } from 'shared/hooks/use-plugin-helper/usePluginHelper';\nimport { useDeepLinks } from 'shared/hooks/useDeepLinks';\nimport { useFetchPointsOfInterest } from 'shared/hooks/useFetchPointsOfInterest';\nimport { useGetRelatedVideos } from 'shared/hooks/useGetRelatedVideos';\nimport { useLiteFavourites } from 'shared/hooks/useLiteFavourites';\nimport { usePresentationAudiences } from 'shared/hooks/usePresentationAudiences';\nimport { useVideoFeatureAccess } from 'shared/hooks/useVideoFeatureAccess';\nimport { useVideoMixin } from 'shared/hooks/useVideoMixin';\nimport { useShouldShowSideTableOfContents } from 'shared/views/play/v2/hooks/useShouldShowTableOfContents';\n\nimport { PlayViewProps } from '../PlayClipViewContainer';\n\nimport { PlayClipV2 } from './components/play-clip/PlayClipV2';\n\nconst namespace = 'shared.playClipV2';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst clipErrors = {\n  notFound: NotFoundError,\n  forbidden: {\n    privacy: VideoPrivateError\n  }\n};\n\nPlayClipViewV2.defaultProps = {\n  queryParams: {}\n};\n\nexport function PlayClipViewV2(props: PlayViewProps): JSX.Element {\n  const { context, contextId, mtv } = props.queryParams;\n\n  const { hasProduct } = useProducts();\n  const { setFavourite, canFavourite } = useLiteFavourites(LocationContext.PlayClip);\n  const { hasPermissions } = usePermissions();\n\n  const { isPlugin } = usePluginHelper();\n\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n  const clip = Flight.useBasicFetch<Clip>(ClipRequests.clip(props.id));\n\n  const interactives = Flight.useBasicFetch<InteractiveMetadata[]>(InteractiveRequests.videoInteractives(props.id));\n  const video = Flight.useBasicFetch<Video>(\n    !!clip.data?._parentVideo && VideoRequests.video(clip.data._parentVideo.id)\n  );\n  useVideoMixin([video.data]);\n\n  const childClips = Flight.useBasicFetch<Clip[]>(\n    !!clip.data?._parentVideo && ClipRequests.videoClips(clip.data._parentVideo.id)\n  );\n\n  const strippedClip = Flight.useBasicFetch<Clip>(clip.statusCode === HttpStatus.Forbidden &&\n    ClipRequests.clip(props.id, PermissionFilterOption.StripMetadata));\n  const relatedVideos = useGetRelatedVideos({\n    video: video.data,\n    context,\n    contextId,\n    moviesAndTv: mtv,\n    currentUser: currentUser.data\n  });\n  const audiences = usePresentationAudiences();\n  const yearGroups = Flight.useBasicFetch<YearGroup[]>(\n    currentUser.data?.isAuthenticated && CustomerRequests.yearGroups(currentUser.data.customerId)\n  );\n\n  const shouldShowSideTableOfContents = useShouldShowSideTableOfContents();\n\n  const pointsOfInterest = useFetchPointsOfInterest(props.id, true);\n  \n  const featureAccess = useVideoFeatureAccess();\n\n  const breadcrumbs = useBreadcrumbs({ name: clip.data?.name });\n\n  useSetPageMetadata(PageMetadataHelper.getClipMetadata({\n    content: clip.data,\n    phraseContext: {\n      phraseHandler: getPhrase,\n      titlePhrase: 'pageTitle',\n      descriptionPhrase: 'pageDescription'\n    }\n  }));\n\n  useHandleObjectError(clip, clipErrors, { forbidden: true });\n  useVideoMixin(relatedVideos.videos ?? []);\n  useCannotConsumeError(strippedClip);\n  useDeepLinks({ id: props.id, app: 'clips' });\n\n  const hasLoaded = (\n    clip.data &&\n    currentUser.hasCompleted &&\n    config.hasCompleted &&\n    pointsOfInterest.hasCompleted\n  );\n\n  if (!hasLoaded)\n    return <></>;\n\n  return (\n    <PlayClipV2\n      clip={clip.data}\n      clips={childClips.data}\n      interactives={interactives.data}\n      originalVideo={video.data}\n      currentUser={currentUser.data}\n      yearGroups={yearGroups.data}\n      // we only show up next videos for clips in a playlist\n      relatedVideos={context === 'playlist' ? relatedVideos : { ...relatedVideos, videos: []}}\n      canFavourite={canFavourite}\n      setFavourite={setFavourite}\n      hasProduct={hasProduct}\n      queryParams={props.queryParams}\n      audiences={audiences.data}\n      imageCdnUrl={config.data.imageCdnUrl}\n      canManageVideoAccess={hasPermissions(PermissionName.ManageVideoAccess)}\n      pointsOfInterest={pointsOfInterest.items}\n      featureAccess={featureAccess}\n      tableOfContentsId={props.queryParams?.tocId}\n      shouldShowSideTableOfContents={shouldShowSideTableOfContents}\n      isPlugin={isPlugin}\n      breadcrumbs={breadcrumbs}\n    />\n  );\n}","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\n\nimport { Text } from 'libs/shared/components/text/Text';\nimport { VideoList } from 'libs/shared/components/video-list/VideoList';\nimport { VideoActionsContext } from 'libs/shared/context/VideoActionsContext';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { CanFavouriteFunc, FavouriteFunc, PresentationAudience, VideoTypes, YearGroup } from 'libs/shared/interfaces';\nimport { PlayPageAnchor } from 'libs/shared/interfaces/PlayPageAnchor';\nimport { PlayViewQueryParams } from 'libs/shared/interfaces/query-params/PlayViewQueryParams';\n\nimport { useVideoActions, VideoActionsLocation } from 'shared/hooks/use-video-actions/useVideoActions';\nimport { InteractiveHelpers } from 'shared/utils/InteractiveHelper';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\n\nconst namespace = 'shared.playClipV2';\n\ninterface ClippedFromProps {\n  originalVideo: VideoTypes;\n  yearGroups: YearGroup[];\n  setFavourite: FavouriteFunc;\n  canFavourite: CanFavouriteFunc;\n  queryParams: PlayViewQueryParams;\n  audiences: PresentationAudience[];\n  shareId?: string;\n  headingRef: React.MutableRefObject<Map<PlayPageAnchor, HTMLElement>>;\n  isPlugin: boolean;\n  getInteractiveGuidanceAppLink: (id: string, type: MasterType) => Core.AppLink;\n  getResourceGuidanceAppLink: (id: string, type: MasterType) => Core.AppLink;\n  getClassroomGuideAppLink: (id: string, type: MasterType) => Core.AppLink;\n}\n\nexport function ClippedFrom(props: ClippedFromProps) {\n  const { hasPermissions } = usePermissions();\n  const videoActions = useVideoActions({ location: VideoActionsLocation.VideoItem });\n\n  return (\n    <section\n      className='play-page-section'\n      id={PlayPageAnchor.ClippedFrom}\n      ref={el => {\n        (el && props.headingRef?.current) && props.headingRef.current.set(PlayPageAnchor.ClippedFrom, el);\n      }}\n    >\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          isPlugin={props.isPlugin}\n          getClassroomGuideAppLink={props.getClassroomGuideAppLink}\n          getInteractiveGuidanceAppLink={props.getInteractiveGuidanceAppLink}\n          getResourceGuidanceAppLink={props.getResourceGuidanceAppLink}\n        />\n      </VideoActionsContext.Provider>\n    </section>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"main\":\"iQ0Ie\",\"expandedToc\":\"sIoV8\"};","import React from 'react';\n\nimport { Core } from 'libs/common/core';\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\n\nimport { Breadcrumb, Breadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { PlayPageClips } from 'libs/shared/components/play-page-v2/clips-widget/PlayPageClips';\nimport { VideoDetailsWithScrollbarV2 } from 'libs/shared/components/play-page-v2/details/VideoDetailsV2';\nimport { hasGlanceData } from 'libs/shared/components/play-page-v2/glance/VideoAtAGlanceUtilsV2';\nimport { VideoAtAGlanceV2 } from 'libs/shared/components/play-page-v2/glance/VideoAtAGlanceV2';\nimport { PlayPageInteractives } from 'libs/shared/components/play-page-v2/interactives-widget/PlayPageInteractives';\nimport { PlayPageResources } from 'libs/shared/components/play-page-v2/resources-widget/PlayPageResources';\nimport { SeoConstants } from 'libs/shared/constants/SeoConstants';\nimport { GlobalPlayerConsumer } from 'libs/shared/context/player-context/components/GlobalPlayerConsumer';\nimport { usePlayerContext } from 'libs/shared/context/player-context/PlayerContext';\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 { useTableOfContentsActiveHeading } from 'libs/shared/hooks/useTableOfContentsActiveHeading';\nimport { useTableOfContentsScroll } from 'libs/shared/hooks/useTableOfContentsScroll';\nimport { CanFavouriteFunc, Clip, CurrentUser, FavouriteFunc, InteractiveMetadata, Link, PointOfInterest, PresentationAudience, Resource, Video, YearGroup } from 'libs/shared/interfaces';\nimport { PlayPageAnchor } from 'libs/shared/interfaces/PlayPageAnchor';\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 { TableOfContentsContainer } from 'shared/components/play-page/components/table-of-contents/TableOfContents';\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 { RelatedVideosHash } from 'shared/hooks/useGetRelatedVideos';\nimport { VideoFeaturesHash } from 'shared/hooks/useVideoFeatureAccess';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\nimport { usePlayPageTableOfContent } from 'shared/views/play/v2/hooks/usePlayPageTableOfContent';\nimport { useSectionHeadings } from 'shared/views/play/v2/hooks/useSectionHeadings';\nimport { PlayPageUtils } from 'shared/views/play/v2/PlayPageUtilV2';\nimport { ClippedFrom } from 'shared/views/play-clip/v2/components/clipped-from/ClippedFrom';\n\nimport styles from './play-clip-v2.scss';\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\n\ninterface PlayClipV2Props {\n  clip: Clip;\n  clips: Clip[];\n  interactives: InteractiveMetadata[];\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  tableOfContentsId: string;\n  shouldShowSideTableOfContents: boolean;\n  isPlugin: boolean;\n  breadcrumbs?: Breadcrumb[];\n}\n\nexport function PlayClipV2(props: PlayClipV2Props): JSX.Element {\n  const playerContext = usePlayerContext();\n\n  const { hasPermissions } = usePermissions();\n  const { canConsume } = VideoHelper.getCanBeConsumed(props.clip);\n  \n  const {\n    tableOfContentsActiveId,\n    setTableOfContentsActiveId,\n    controlledId,\n    setControlledId,\n    tableOfContentsExpanded,\n    onToggleTableOfContents\n  } = usePlayPageTableOfContent(props.tableOfContentsId);\n\n  const hasGlance = hasGlanceData(props.clip) && props.featureAccess.canViewGlance;\n\n  const { headingRef, headingElements } = useSectionHeadings(hasGlance);\n  const items = headingElements.map(ele => {\n    return {\n      id: ele.id as PlayPageAnchor,\n      name: PlayPageUtils.getSectionHeading(\n        ele.id as PlayPageAnchor,\n        {\n          clips: props.clips,\n          interactives: props.interactives,\n          resources: props.clip.resources?.data,\n          isPlayClipPage: true\n        }\n      )\n    };\n  });\n\n  useTableOfContentsActiveHeading({\n    setActiveId: setTableOfContentsActiveId,\n    headingElements,\n    controlledId,\n    setControlledId\n  });\n\n  useTableOfContentsScroll(headingElements, controlledId);\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  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.clips?.filter(c => c.id.toString() !== props.clip.id.toString()) ?? [];\n\n  function getMainClassName() {\n    if (props.shouldShowSideTableOfContents && tableOfContentsExpanded) {\n      return styles.expandedToc;\n    }\n    if (props.shouldShowSideTableOfContents && !tableOfContentsExpanded)\n      return 'pe-4';\n  }\n\n  return (\n    <div className={`px-4 play-page-sections-container ${props.shouldShowSideTableOfContents ? 'row' : ''}`}>\n      <main className={`${styles.main} ${getMainClassName()}`}>\n        {!!props.breadcrumbs?.length &&\n          <div className='mb-2'>\n            <Breadcrumbs breadcrumbs={props.breadcrumbs} />\n          </div>\n        }\n\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\n          id={PlayPageAnchor.Video}\n          className={`mb-2 ${SeoConstants.GLOBAL_PLAYER_SELECTOR}`}\n          ref={el => { (el && headingRef?.current) && headingRef.current.set(PlayPageAnchor.Video, el); }}\n        >\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        {/* if no glance render video details here */}\n        {hasGlance ? (\n          <VideoAtAGlanceV2\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            canViewGlance={hasGlance}\n          />\n        ) : (\n          <VideoDetailsWithScrollbarV2\n            video={props.clip}\n            currentUser={props.currentUser}\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            headingRef={headingRef}\n            suppressInteractivity={props.featureAccess.canViewPublicLayout}\n          />\n        )}\n\n        <PlayPageResources\n          video={props.clip}\n          canViewResources={props.featureAccess.canViewResourceItems}\n          imageCdnUrl={props.imageCdnUrl}\n          getAppLink={\n            getResourceAppLink(props.clip.id, props.shareId, props.featureAccess.canViewResourceItems)\n          }\n          analyticsData={{ clipId: props.clip.id, clipName: props.clip.name }}\n          resourceThumbnailFallbackUrl={ImageUrls.Fallbacks.RESOURCE_THUMBNAIL}\n          headingRef={headingRef}\n        />\n\n        <PlayPageInteractives\n          video={props.clip}\n          interactives={props.interactives}\n          imageCdnUrl={props.imageCdnUrl}\n          analyticsData={{ clipId: props.clip.id, clipName: props.clip.name }}\n          canViewInteractives={props.featureAccess.canViewInteractives}\n          headingRef={headingRef}\n          yearGroups={props.yearGroups}\n          setFavourite={props.setFavourite}\n          canFavourite={props.canFavourite}\n          isPlugin={props.isPlugin}\n        />\n\n        <PlayPageClips\n          clips={otherClips || []}\n          video={props.clip}\n          canViewClips={props.featureAccess.canViewClips}\n          yearGroups={props.yearGroups}\n          audiences={props.audiences}\n          imageCdnUrl={props.imageCdnUrl}\n          setFavourite={props.setFavourite}\n          canFavourite={props.canFavourite}\n          headingRef={headingRef}\n          analyticsData={{ clipId: props.clip.id, clipName: props.clip.name }}\n          isPlugin={props.isPlugin}\n        />\n\n        {/* if has glance, render video details here */}\n        {hasGlance && (\n          <VideoDetailsWithScrollbarV2\n            video={props.clip}\n            currentUser={props.currentUser}\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            headingRef={headingRef}\n            suppressInteractivity={props.featureAccess.canViewPublicLayout}\n            showHeading\n          />\n        )}\n     \n        {!!canAccessOriginal() && (\n          <ClippedFrom\n            originalVideo={props.originalVideo}\n            setFavourite={props.setFavourite}\n            canFavourite={props.canFavourite}\n            yearGroups={props.yearGroups}\n            shareId={props.shareId}\n            queryParams={props.queryParams}\n            audiences={props.audiences}\n            headingRef={headingRef}\n            isPlugin={props.isPlugin}\n            getClassroomGuideAppLink={VideoAppLinkHelper.getClassroomGuideAppLink}\n            getInteractiveGuidanceAppLink={VideoAppLinkHelper.getInteractiveGuidanceAppLink}\n            getResourceGuidanceAppLink={VideoAppLinkHelper.getResourceGuidanceAppLink}\n          />\n        )}\n\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          isPlugin={props.isPlugin}\n        />\n\n      </main>\n\n      <TableOfContentsContainer\n        isExpanded={tableOfContentsExpanded}\n        setIsExpanded={onToggleTableOfContents}\n        items={items}\n        activeId={tableOfContentsActiveId}\n        setControlledId={setControlledId}\n        analyticsData={{ clipId: props.clip.id, clipName: props.clip.name }}\n        showInSide={props.shouldShowSideTableOfContents}\n      />\n      \n    </div>\n  );\n}"],"names":["defaultErrors","notFound","forbidden","rating","yearLevel","region","privacy","badRequest","handleHttpError","info","customErrorMap","ignoreMap","statusCode","status","errorMap","generateCacheKey","flightObjs","map","obj","join","useHandleObjectError","_flightObjs","customErrors","ignoreErrors","Array","isArray","useEffect","forEach","useBreadcrumbs","current","match","breadcrumbs","useBuilder","active","DEFAULT_PARTIAL_LOADING_OPTIONS","numItems","minWidth","maxWidth","PartialLoadingHelper","getPartialLoadingItems","options","opts","width","Math","max","floor","random","usePresentationAudiences","redirectOnError","activePresentation","getFallbackPresentation","presentation","id","getPhrase","clipErrors","PlayClipViewV2","props","queryParams","context","contextId","mtv","hasProduct","u","setFavourite","canFavourite","hasPermissions","isPlugin","currentUser","config","clip","interactives","video","data","_parentVideo","childClips","strippedClip","relatedVideos","moviesAndTv","audiences","yearGroups","isAuthenticated","customerId","shouldShowSideTableOfContents","pointsOfInterest","featureAccess","name","content","phraseContext","phraseHandler","titlePhrase","descriptionPhrase","videos","app","hasCompleted","clips","originalVideo","imageCdnUrl","canManageVideoAccess","items","tableOfContentsId","tocId","defaultProps","namespace","ClippedFrom","usePermissions","videoActions","useVideoActions","location","className","PlayPageAnchor","ref","el","headingRef","set","Text","phrase","VideoActionsContext","value","VideoList","getVideoAppLink","v","VideoAppLinkHelper","playNext","shareId","presentationAudiences","getPreviewQuestionsAppLink","interactive","InteractiveHelper","getClassroomGuideAppLink","getInteractiveGuidanceAppLink","getResourceGuidanceAppLink","getResourceAppLink","videoId","canViewResource","resource","application","action","args","params","PlayClipV2","playerContext","canConsume","VideoHelper","usePlayPageTableOfContent","tableOfContentsActiveId","setTableOfContentsActiveId","controlledId","setControlledId","tableOfContentsExpanded","onToggleTableOfContents","hasGlance","canViewGlance","useSectionHeadings","headingElements","ele","resources","isPlayClipPage","useTableOfContentsActiveHeading","setActiveId","useTableOfContentsScroll","isArchived","hasStudentExperience","PermissionName","shouldPlayOnExitImmersiveReader","onLaunchImmersiveReader","playerRef","isPaused","pause","onExitImmersiveReader","play","canAccessOriginal","_canBeConsumed","ProductId","showPlayerPlaceholder","mode","canViewPublicLayout","otherClips","filter","c","toString","length","Breadcrumbs","RestrictionBanner","restrictions","_restrictions","objectId","objectTypeId","MasterType","ArchivedBanner","typeId","SeoConstants","GlobalPlayerConsumer","key","startTime","t","PlayerPlaceholder","type","PlayPageTitleAndActions","media","originalVideoAppLink","TextHelper","VideoAtAGlanceV2","setStartTime","time","currentTime","getTagAppLink","tag","tagOrClassification","suppressInteractivity","PlayPageResources","canViewResources","canViewResourceItems","getAppLink","analyticsData","clipId","clipName","resourceThumbnailFallbackUrl","ImageUrls","PlayPageInteractives","canViewInteractives","PlayPageClips","canViewClips","showHeading","RelatedVideos","currentVideo","TableOfContents","isExpanded","setIsExpanded","activeId","showInSide"],"sourceRoot":""}