@clickview/lite 0.104.0-rc.3 → 0.104.0-rc.5

package/dist/scripts/{2p_6pVn6.chunk.js → DSPMbDdF.chunk.js}

@@ -1,2 +1,2 @@
-import"./DAXXjFlN.chunk.js";import{n as e}from"./B785hxeE.chunk.js";import{t}from"./C2w0pmFW.chunk.js";import{t as n}from"./wrLrTezN.chunk.js";import{u as r}from"./BX0wDJmp.chunk.js";import{y as i}from"./NlCAcBdo.chunk.js";import{t as a}from"./DGmmTRu72.chunk.js";import{t as o}from"./DZssmXj6.chunk.js";import{t as s}from"./BC8PeYqm.chunk.js";import{t as c}from"./LoQS6GjP.chunk.js";import{t as l}from"./CqrjHjAN.chunk.js";import{n as u,t as d}from"./C6-aC3vu.chunk.js";import{t as f}from"./7LGxCHGV.chunk.js";import{t as p}from"./B3gsVN-_.chunk.js";import{l as m,r as h}from"./BxjzTnvL2.chunk.js";import{t as g}from"./Dfw0sxVt2.chunk.js";import{t as _}from"./C1loT8MD2.chunk.js";import{n as v}from"./ChnNWPOK2.chunk.js";import{t as y}from"./BnuuRu_J2.chunk.js";import{t as b}from"./CC5Dr9aG.chunk.js";import{t as x}from"./BYaCUOEW2.chunk.js";import{t as S}from"./DNuJUXpr2.chunk.js";import{v as C}from"./VJQU9c4G2.chunk.js";import{t as w}from"./B6GfukUn2.chunk.js";t();var T=n();function E(t){let{hasProduct:n}=g(),{commonVideoProps:E,hasCommonVideoPropsCompleted:D}=y({locationContext:i.VideoThumbnail}),{hasPermissions:O}=p(),{hasTopicDirectories:k,hasPlayPageTranscript:A}=a(null),j=C(),M=r(l.currentUser()),N=r(o.sharedClip(t.objectId,t.shareId)),P=_({objectId:N.data?.id,objectTypeId:N.data?.typeId}),F=r(!!N.data?._parentVideo&&c.video(N.data._parentVideo.id)),I=r(!!N.data?._parentVideo?.id&&P.canViewClips&&o.videoClips(N.data._parentVideo.id)),L=r(P.canViewInteractives&&s.videoInteractives(t.objectId)),R=h({video:F.data,context:t.queryParams.context,contextId:t.queryParams.contextId,moviesAndTv:t.queryParams.mtv,currentUser:M.data}),z=x(),B=m(t.objectId);d(u.getClipMetadata({content:N.data})),S(R.videos??[]),f(N),v({id:t.objectId,app:`clips`,shareId:t.shareId});let V=b({name:N.data?.name});return N.data&&M.hasCompleted&&B.hasCompleted&&D?(0,T.jsx)(w,{shareId:t.shareId,clip:N.data,clips:I.data?.data,interactives:L.data?.data,currentUser:M.data,relatedVideos:R,hasProduct:n,queryParams:t.queryParams,audiences:z.data,canManageVideoAccess:O(e.ManageVideoAccess),pointsOfInterest:B?.items,featureAccess:P,tableOfContentsId:t.queryParams?.tocId,shouldShowSideTableOfContents:j,breadcrumbs:V,commonVideoProps:E,hasTopicDirectories:k,hasTheatreMode:A}):(0,T.jsx)(T.Fragment,{})}export{E as PlaySharedClipView};
-//# sourceMappingURL=2p_6pVn6.chunk.js.map
+import"./DAXXjFlN.chunk.js";import{n as e}from"./B785hxeE.chunk.js";import{t}from"./C2w0pmFW.chunk.js";import{t as n}from"./wrLrTezN.chunk.js";import{u as r}from"./BX0wDJmp.chunk.js";import{y as i}from"./NlCAcBdo.chunk.js";import{t as a}from"./DGmmTRu72.chunk.js";import{t as o}from"./DZssmXj6.chunk.js";import{t as s}from"./BC8PeYqm.chunk.js";import{t as c}from"./LoQS6GjP.chunk.js";import{t as l}from"./CqrjHjAN.chunk.js";import{n as u,t as d}from"./C6-aC3vu.chunk.js";import{t as f}from"./7LGxCHGV.chunk.js";import{t as p}from"./B3gsVN-_.chunk.js";import{l as m,r as h}from"./D-iyHqNw2.chunk.js";import{t as g}from"./Dfw0sxVt2.chunk.js";import{t as _}from"./C1loT8MD2.chunk.js";import{n as v}from"./ChnNWPOK2.chunk.js";import{t as y}from"./BnuuRu_J2.chunk.js";import{t as b}from"./CC5Dr9aG.chunk.js";import{t as x}from"./BYaCUOEW2.chunk.js";import{t as S}from"./DNuJUXpr2.chunk.js";import{v as C}from"./Bld7iWR52.chunk.js";import{t as w}from"./B_TE5XUR2.chunk.js";t();var T=n();function E(t){let{hasProduct:n}=g(),{commonVideoProps:E,hasCommonVideoPropsCompleted:D}=y({locationContext:i.VideoThumbnail}),{hasPermissions:O}=p(),{hasTopicDirectories:k,hasPlayPageTranscript:A}=a(null),j=C(),M=r(l.currentUser()),N=r(o.sharedClip(t.objectId,t.shareId)),P=_({objectId:N.data?.id,objectTypeId:N.data?.typeId}),F=r(!!N.data?._parentVideo&&c.video(N.data._parentVideo.id)),I=r(!!N.data?._parentVideo?.id&&P.canViewClips&&o.videoClips(N.data._parentVideo.id)),L=r(P.canViewInteractives&&s.videoInteractives(t.objectId)),R=h({video:F.data,context:t.queryParams.context,contextId:t.queryParams.contextId,moviesAndTv:t.queryParams.mtv,currentUser:M.data}),z=x(),B=m(t.objectId);d(u.getClipMetadata({content:N.data})),S(R.videos??[]),f(N),v({id:t.objectId,app:`clips`,shareId:t.shareId});let V=b({name:N.data?.name});return N.data&&M.hasCompleted&&B.hasCompleted&&D?(0,T.jsx)(w,{shareId:t.shareId,clip:N.data,clips:I.data?.data,interactives:L.data?.data,currentUser:M.data,relatedVideos:R,hasProduct:n,queryParams:t.queryParams,audiences:z.data,canManageVideoAccess:O(e.ManageVideoAccess),pointsOfInterest:B?.items,featureAccess:P,tableOfContentsId:t.queryParams?.tocId,shouldShowSideTableOfContents:j,breadcrumbs:V,commonVideoProps:E,hasTopicDirectories:k,hasTheatreMode:A}):(0,T.jsx)(T.Fragment,{})}export{E as PlaySharedClipView};
+//# sourceMappingURL=DSPMbDdF.chunk.js.map

package/dist/scripts/{2p_6pVn6.chunk.js.map → DSPMbDdF.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"2p_6pVn6.chunk.js","names":[],"sources":["../../src/apps/share/views/play-shared-clip/PlaySharedClipView.tsx"],"sourcesContent":["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 { 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 { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useProducts } from 'libs/shared/hooks/UseProducts';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { useSettings } from 'libs/shared/hooks/useSettings';\nimport { Clip, ClipCollection, CurrentUser, InteractiveCollection, Video } from 'libs/shared/interfaces';\nimport { PageMetadataHelper } from 'libs/shared/utils/PageMetadataHelper';\n\nimport { useCommonVideoProps } from 'shared/hooks/useCommonVideoProps';\nimport { useDeepLinks } from 'shared/hooks/useDeepLinks';\nimport { useFetchPointsOfInterest } from 'shared/hooks/useFetchPointsOfInterest';\nimport { useGetRelatedVideos } from 'shared/hooks/useGetRelatedVideos';\nimport { usePresentationAudiences } from 'shared/hooks/usePresentationAudiences';\nimport { useVideoFeatureAccess } from 'shared/hooks/useVideoFeatureAccess';\nimport { useVideoMixin } from 'shared/hooks/useVideoMixin';\nimport { useShouldShowSideTableOfContents } from 'shared/views/play/hooks/useShouldShowTableOfContents';\nimport { PlayClip } from 'shared/views/play-clip/components/play-clip/PlayClip';\n\nimport { ShareLinkViewProps } from 'apps/share/interfaces/ShareLinkViewProps';\n\nexport function PlaySharedClipView(props: ShareLinkViewProps): React.ReactElement {\n  const { hasProduct } = useProducts();\n\n  const {\n    commonVideoProps,\n    hasCommonVideoPropsCompleted\n  } = useCommonVideoProps({ locationContext: LocationContext.VideoThumbnail });\n  const { hasPermissions } = usePermissions();\n  const { hasTopicDirectories, hasPlayPageTranscript } = useSettings(null);\n\n  const shouldShowSideTableOfContents = useShouldShowSideTableOfContents();\n\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const clip = Flight.useBasicFetch<Clip>(ClipRequests.sharedClip(props.objectId, props.shareId));\n\n  const featureAccess = useVideoFeatureAccess({\n    objectId: clip.data?.id,\n    objectTypeId: clip.data?.typeId\n  });\n  \n  const video = Flight.useBasicFetch<Video>(!!clip.data?._parentVideo &&\n    VideoRequests.video(clip.data._parentVideo.id));\n  const childClips = Flight.useBasicFetch<ClipCollection>(\n    !!clip.data?._parentVideo?.id && featureAccess.canViewClips && ClipRequests.videoClips(clip.data._parentVideo.id)\n  );\n  const interactives = Flight.useBasicFetch<InteractiveCollection>(\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 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 breadcrumbs = useBreadcrumbs({ name: clip.data?.name });\n\n  const hasLoaded = (\n    clip.data &&\n    currentUser.hasCompleted &&\n    pointsOfInterest.hasCompleted &&\n    hasCommonVideoPropsCompleted\n  );\n\n  if (!hasLoaded)\n    return <></>;\n\n  return (\n    <PlayClip\n      shareId={props.shareId}\n      clip={clip.data}\n      clips={childClips.data?.data}\n      interactives={interactives.data?.data}\n      currentUser={currentUser.data}\n      relatedVideos={relatedVideos}\n      hasProduct={hasProduct}\n      queryParams={props.queryParams}\n      audiences={audiences.data}\n      canManageVideoAccess={hasPermissions(PermissionName.ManageVideoAccess)}\n      pointsOfInterest={pointsOfInterest?.items}\n      featureAccess={featureAccess}\n      tableOfContentsId={props.queryParams?.tocId}\n      shouldShowSideTableOfContents={shouldShowSideTableOfContents}\n      breadcrumbs={breadcrumbs}\n      commonVideoProps={commonVideoProps}\n      hasTopicDirectories={hasTopicDirectories}\n      hasTheatreMode={hasPlayPageTranscript}\n    />\n  );\n}\n"],"mappings":"q9BAgCA,SAAgB,EAAmB,EAA+C,CAChF,GAAM,CAAE,cAAe,EAAY,EAE7B,CACJ,mBACA,gCACE,EAAoB,CAAE,gBAAiB,EAAgB,cAAe,CAAC,EACrE,CAAE,kBAAmB,EAAe,EACpC,CAAE,sBAAqB,yBAA0B,EAAY,IAAI,EAEjE,EAAgC,EAAiC,EAEjE,EAAc,EAAkC,EAAa,YAAY,CAAC,EAC1E,EAAO,EAA2B,EAAa,WAAW,EAAM,SAAU,EAAM,OAAO,CAAC,EAExF,EAAgB,EAAsB,CAC1C,SAAU,EAAK,MAAM,GACrB,aAAc,EAAK,MAAM,MAC3B,CAAC,EAEK,EAAQ,EAA4B,CAAC,CAAC,EAAK,MAAM,cACrD,EAAc,MAAM,EAAK,KAAK,aAAa,EAAE,CAAC,EAC1C,EAAa,EACjB,CAAC,CAAC,EAAK,MAAM,cAAc,IAAM,EAAc,cAAgB,EAAa,WAAW,EAAK,KAAK,aAAa,EAAE,CAClH,EACM,EAAe,EACnB,EAAc,qBAAuB,EAAoB,kBAAkB,EAAM,QAAQ,CAC3F,EAEM,EAAgB,EAAoB,CACxC,MAAO,EAAM,KACb,QAAS,EAAM,YAAY,QAC3B,UAAW,EAAM,YAAY,UAC7B,YAAa,EAAM,YAAY,IAC/B,YAAa,EAAY,IAC3B,CAAC,EACK,EAAY,EAAyB,EACrC,EAAmB,EAAyB,EAAM,QAAQ,EAEhE,EAAmB,EAAmB,gBAAgB,CAAE,QAAS,EAAK,IAAK,CAAC,CAAC,EAE7E,EAAc,EAAc,QAAU,CAAC,CAAC,EACxC,EAAsB,CAAI,EAC1B,EAAa,CAAE,GAAI,EAAM,SAAU,IAAK,QAAS,QAAS,EAAM,OAAQ,CAAC,EAEzE,IAAM,EAAc,EAAe,CAAE,KAAM,EAAK,MAAM,IAAK,CAAC,EAY5D,OATE,EAAK,MACL,EAAY,cACZ,EAAiB,cACjB,GAOA,EAAA,EAAA,IAAA,CAAC,EAAD,CACE,QAAS,EAAM,QACf,KAAM,EAAK,KACX,MAAO,EAAW,MAAM,KACxB,aAAc,EAAa,MAAM,KACjC,YAAa,EAAY,KACV,gBACH,aACZ,YAAa,EAAM,YACnB,UAAW,EAAU,KACrB,qBAAsB,EAAe,EAAe,iBAAiB,EACrE,iBAAkB,GAAkB,MACrB,gBACf,kBAAmB,EAAM,aAAa,MACP,gCAClB,cACK,mBACG,sBACrB,eAAgB,CACjB,CAAA,GAtBM,EAAA,EAAA,IAAA,CAAA,EAAA,SAAA,CAAI,CAAA,CAwBf"}
+{"version":3,"file":"DSPMbDdF.chunk.js","names":[],"sources":["../../src/apps/share/views/play-shared-clip/PlaySharedClipView.tsx"],"sourcesContent":["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 { 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 { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useProducts } from 'libs/shared/hooks/UseProducts';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { useSettings } from 'libs/shared/hooks/useSettings';\nimport { Clip, ClipCollection, CurrentUser, InteractiveCollection, Video } from 'libs/shared/interfaces';\nimport { PageMetadataHelper } from 'libs/shared/utils/PageMetadataHelper';\n\nimport { useCommonVideoProps } from 'shared/hooks/useCommonVideoProps';\nimport { useDeepLinks } from 'shared/hooks/useDeepLinks';\nimport { useFetchPointsOfInterest } from 'shared/hooks/useFetchPointsOfInterest';\nimport { useGetRelatedVideos } from 'shared/hooks/useGetRelatedVideos';\nimport { usePresentationAudiences } from 'shared/hooks/usePresentationAudiences';\nimport { useVideoFeatureAccess } from 'shared/hooks/useVideoFeatureAccess';\nimport { useVideoMixin } from 'shared/hooks/useVideoMixin';\nimport { useShouldShowSideTableOfContents } from 'shared/views/play/hooks/useShouldShowTableOfContents';\nimport { PlayClip } from 'shared/views/play-clip/components/play-clip/PlayClip';\n\nimport { ShareLinkViewProps } from 'apps/share/interfaces/ShareLinkViewProps';\n\nexport function PlaySharedClipView(props: ShareLinkViewProps): React.ReactElement {\n  const { hasProduct } = useProducts();\n\n  const {\n    commonVideoProps,\n    hasCommonVideoPropsCompleted\n  } = useCommonVideoProps({ locationContext: LocationContext.VideoThumbnail });\n  const { hasPermissions } = usePermissions();\n  const { hasTopicDirectories, hasPlayPageTranscript } = useSettings(null);\n\n  const shouldShowSideTableOfContents = useShouldShowSideTableOfContents();\n\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const clip = Flight.useBasicFetch<Clip>(ClipRequests.sharedClip(props.objectId, props.shareId));\n\n  const featureAccess = useVideoFeatureAccess({\n    objectId: clip.data?.id,\n    objectTypeId: clip.data?.typeId\n  });\n  \n  const video = Flight.useBasicFetch<Video>(!!clip.data?._parentVideo &&\n    VideoRequests.video(clip.data._parentVideo.id));\n  const childClips = Flight.useBasicFetch<ClipCollection>(\n    !!clip.data?._parentVideo?.id && featureAccess.canViewClips && ClipRequests.videoClips(clip.data._parentVideo.id)\n  );\n  const interactives = Flight.useBasicFetch<InteractiveCollection>(\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 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 breadcrumbs = useBreadcrumbs({ name: clip.data?.name });\n\n  const hasLoaded = (\n    clip.data &&\n    currentUser.hasCompleted &&\n    pointsOfInterest.hasCompleted &&\n    hasCommonVideoPropsCompleted\n  );\n\n  if (!hasLoaded)\n    return <></>;\n\n  return (\n    <PlayClip\n      shareId={props.shareId}\n      clip={clip.data}\n      clips={childClips.data?.data}\n      interactives={interactives.data?.data}\n      currentUser={currentUser.data}\n      relatedVideos={relatedVideos}\n      hasProduct={hasProduct}\n      queryParams={props.queryParams}\n      audiences={audiences.data}\n      canManageVideoAccess={hasPermissions(PermissionName.ManageVideoAccess)}\n      pointsOfInterest={pointsOfInterest?.items}\n      featureAccess={featureAccess}\n      tableOfContentsId={props.queryParams?.tocId}\n      shouldShowSideTableOfContents={shouldShowSideTableOfContents}\n      breadcrumbs={breadcrumbs}\n      commonVideoProps={commonVideoProps}\n      hasTopicDirectories={hasTopicDirectories}\n      hasTheatreMode={hasPlayPageTranscript}\n    />\n  );\n}\n"],"mappings":"q9BAgCA,SAAgB,EAAmB,EAA+C,CAChF,GAAM,CAAE,cAAe,EAAY,EAE7B,CACJ,mBACA,gCACE,EAAoB,CAAE,gBAAiB,EAAgB,cAAe,CAAC,EACrE,CAAE,kBAAmB,EAAe,EACpC,CAAE,sBAAqB,yBAA0B,EAAY,IAAI,EAEjE,EAAgC,EAAiC,EAEjE,EAAc,EAAkC,EAAa,YAAY,CAAC,EAC1E,EAAO,EAA2B,EAAa,WAAW,EAAM,SAAU,EAAM,OAAO,CAAC,EAExF,EAAgB,EAAsB,CAC1C,SAAU,EAAK,MAAM,GACrB,aAAc,EAAK,MAAM,MAC3B,CAAC,EAEK,EAAQ,EAA4B,CAAC,CAAC,EAAK,MAAM,cACrD,EAAc,MAAM,EAAK,KAAK,aAAa,EAAE,CAAC,EAC1C,EAAa,EACjB,CAAC,CAAC,EAAK,MAAM,cAAc,IAAM,EAAc,cAAgB,EAAa,WAAW,EAAK,KAAK,aAAa,EAAE,CAClH,EACM,EAAe,EACnB,EAAc,qBAAuB,EAAoB,kBAAkB,EAAM,QAAQ,CAC3F,EAEM,EAAgB,EAAoB,CACxC,MAAO,EAAM,KACb,QAAS,EAAM,YAAY,QAC3B,UAAW,EAAM,YAAY,UAC7B,YAAa,EAAM,YAAY,IAC/B,YAAa,EAAY,IAC3B,CAAC,EACK,EAAY,EAAyB,EACrC,EAAmB,EAAyB,EAAM,QAAQ,EAEhE,EAAmB,EAAmB,gBAAgB,CAAE,QAAS,EAAK,IAAK,CAAC,CAAC,EAE7E,EAAc,EAAc,QAAU,CAAC,CAAC,EACxC,EAAsB,CAAI,EAC1B,EAAa,CAAE,GAAI,EAAM,SAAU,IAAK,QAAS,QAAS,EAAM,OAAQ,CAAC,EAEzE,IAAM,EAAc,EAAe,CAAE,KAAM,EAAK,MAAM,IAAK,CAAC,EAY5D,OATE,EAAK,MACL,EAAY,cACZ,EAAiB,cACjB,GAOA,EAAA,EAAA,IAAA,CAAC,EAAD,CACE,QAAS,EAAM,QACf,KAAM,EAAK,KACX,MAAO,EAAW,MAAM,KACxB,aAAc,EAAa,MAAM,KACjC,YAAa,EAAY,KACV,gBACH,aACZ,YAAa,EAAM,YACnB,UAAW,EAAU,KACrB,qBAAsB,EAAe,EAAe,iBAAiB,EACrE,iBAAkB,GAAkB,MACrB,gBACf,kBAAmB,EAAM,aAAa,MACP,gCAClB,cACK,mBACG,sBACrB,eAAgB,CACjB,CAAA,GAtBM,EAAA,EAAA,IAAA,CAAA,EAAA,SAAA,CAAI,CAAA,CAwBf"}

package/dist/scripts/{Bh-26cqn.chunk.js → Dnz8CbEu.chunk.js}

@@ -1,3 +1,3 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["scripts/BpHA-MkZ.chunk.js","scripts/DAXXjFlN.chunk.js","scripts/BftnFbcr.chunk.js","scripts/CMDJWWg3.chunk.js","scripts/DPtsihFR.chunk.js","scripts/DMnm3Ewv.chunk.js","scripts/C2w0pmFW.chunk.js","scripts/wrLrTezN.chunk.js","scripts/NlCAcBdo.chunk.js","scripts/Dyy-PWHO.chunk.js","scripts/snXCXfT6.chunk.js","scripts/e57H3T-k.chunk.js","scripts/BVnMI-dl.chunk.js","scripts/Dr3Lux2e.chunk.js","scripts/wdQVW3s5.chunk.js","scripts/BGGL8m_U.chunk.js","scripts/B_N30_Kb.chunk.js","scripts/rPN1bfU12.chunk.js","scripts/BIzu5ufQ.chunk.js","scripts/CVHQXNzi2.chunk.js","scripts/_GCZ-60i.chunk.js","scripts/DFZS3Ffo.chunk.js","scripts/Bbp2U9GK.chunk.js","scripts/CduNFx13.chunk.js","css/9awfngRG.chunk.css","scripts/B2INd6bh.chunk.js","scripts/5ONJSThP.chunk.js","scripts/C7HU4huj.chunk.js","scripts/BRrNQXpU2.chunk.js","css/DVhPtkT7.chunk.css","scripts/WvK58Ge12.chunk.js","scripts/D3-wtcxf2.chunk.js","scripts/B3fF5gkg.chunk.js","scripts/DEZqrbCm.chunk.js","scripts/CQyJ7YGa.chunk.js","scripts/BDwjs8qz2.chunk.js","scripts/C0exjRXJ.chunk.js","scripts/Chgge8yX2.chunk.js","scripts/BteVhTv7.chunk.js","scripts/De16zmhB.chunk.js","scripts/BBEIIgZ6.chunk.js","css/BgzV9aK4.chunk.css","scripts/BicQH0Al.chunk.js","scripts/YjWbDb2Y.chunk.js","scripts/BRcHS92O2.chunk.js","scripts/Bs2PKr1I2.chunk.js","scripts/DZX1tZ-D2.chunk.js","scripts/BiqmNDlz2.chunk.js","scripts/BlGyXBAH2.chunk.js","scripts/Dc1hYuQ12.chunk.js","css/CuSUr3Gp.chunk.css","css/D5JKYURg.chunk.css","scripts/B1r_1ubU.chunk.js","scripts/C5f0lBCw2.chunk.js","css/DBshtiPC.chunk.css","scripts/BTcLMVw4.chunk.js","scripts/c7DC36s9.chunk.js","scripts/BVm7hIyo.chunk.js","scripts/BYSskNbK.chunk.js","scripts/FAs_d-DP.chunk.js","scripts/Bzihudtn.chunk.js","scripts/BFXddaSP.chunk.js","scripts/B3TDTJSl.chunk.js","scripts/CYSDN6kj.chunk.js","scripts/CVqxBe99.chunk.js","scripts/CNxJMwxC.chunk.js","scripts/CQRza4Ga.chunk.js","scripts/ByIC_M_8.chunk.js","scripts/Epqx0J1v.chunk.js","scripts/BUnh3rN0.chunk.js","css/zFl67mql.chunk.css","scripts/CXnhm0VS2.chunk.js","scripts/iZ7EqNA72.chunk.js","scripts/OL3Z6Yp62.chunk.js","scripts/TTO6HcNP.chunk.js","scripts/BJUbYu222.chunk.js","scripts/BBDxSGT52.chunk.js","scripts/jAbfamoi.chunk.js","scripts/DUXPuDp72.chunk.js","scripts/CdYjo8_g2.chunk.js","scripts/CbOJtYeK.chunk.js","scripts/CvHvrB-t.chunk.js","scripts/B6bB9two.chunk.js","scripts/BbgQJe-T.chunk.js","scripts/C1SLt-ar.chunk.js","scripts/CpFtf-tI2.chunk.js","scripts/CKOWgMyj2.chunk.js","scripts/D5yUWL7p2.chunk.js","scripts/xa4cS6Fq.chunk.js","scripts/DGmmTRu72.chunk.js","scripts/B_BV48Fy.chunk.js","scripts/BX0wDJmp.chunk.js","scripts/BruX4yYB.chunk.js","scripts/CqrjHjAN.chunk.js","scripts/Ky1--4w3.chunk.js","scripts/CZgWQFsJ.chunk.js","scripts/BGswYbRT.chunk.js","scripts/B9VCwo3g2.chunk.js","scripts/DsBWAM3I2.chunk.js","scripts/_42F7SIA2.chunk.js","scripts/Cr6TXzQQ2.chunk.js","scripts/CjA4Q5pm.chunk.js","scripts/CmcCVXi32.chunk.js","scripts/BcibGFe42.chunk.js","scripts/Cy6lZVxk.chunk.js","scripts/DYKH_3un.chunk.js","scripts/CunDpHqX2.chunk.js","css/0ZqRj7up.chunk.css","scripts/B5XaBzZh.chunk.js","scripts/DIENjKhZ.chunk.js","css/D2t3ESms.chunk.css","scripts/B_9JhhOa.chunk.js","scripts/BPavmm8c.chunk.js","css/DnhOr8Y7.chunk.css","scripts/CnnDkGmK.chunk.js","scripts/C3Wa868y.chunk.js","css/DvO5Hl4o.chunk.css","scripts/DerPQKk6.chunk.js","scripts/CFduwlo0.chunk.js","scripts/lhZ5v-iN2.chunk.js","css/BU5l8u5C.chunk.css","scripts/BiKac8UT2.chunk.js","scripts/Bm5qACA52.chunk.js","scripts/CcI-EKxs.chunk.js","scripts/CsF4wDV1.chunk.js","scripts/6ZXIO06e.chunk.js","scripts/DlEtkSBj2.chunk.js","scripts/CnsLb4V9.chunk.js","scripts/Dhx_Wqdc.chunk.js","scripts/DaT2nTfp.chunk.js","scripts/CDeqAwMc.chunk.js","scripts/ss6ZpC3s.chunk.js","scripts/GvIHspQt.chunk.js","scripts/FFbkHQcg.chunk.js","scripts/ClpxGEGl.chunk.js","scripts/CvNHBl0q.chunk.js","scripts/C-k6FY-f.chunk.js","scripts/BLm6PYXX.chunk.js","scripts/BM2EJL9g.chunk.js","scripts/DqXpeRGy.chunk.js","scripts/CCrnRkGN2.chunk.js","scripts/CXVBjdpb.chunk.js","scripts/gl4k7dtw.chunk.js","scripts/CQ0MgG2c.chunk.js","scripts/_jJAx6fU.chunk.js","scripts/CLjADRa42.chunk.js","css/DVdh6HWj.chunk.css"])))=>i.map(i=>d[i]);
-import{o as e}from"./DAXXjFlN.chunk.js";import{t}from"./C2w0pmFW.chunk.js";import{t as n}from"./wrLrTezN.chunk.js";import{u as r}from"./BX0wDJmp.chunk.js";import{t as i}from"./CZgWQFsJ.chunk.js";import{t as a}from"./D_gWf2lC.chunk.js";var o=e(t()),s={embeddedPlayer:`_embeddedPlayer_1cqbo_1`,placeholder:`_placeholder_1cqbo_8`},c=n();function l(e){let t=r(a.config()),n=t.hasCompleted,l=o.useMemo(()=>o.lazy(()=>i(()=>import(`./BpHA-MkZ.chunk.js`),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116,117,118,119,120,121,122,123,124,125,126,127,128,129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146]))),[]);if(!n)return(0,c.jsx)(c.Fragment,{});let u=l;return(0,c.jsx)(o.Suspense,{fallback:(0,c.jsx)(`div`,{className:s.placeholder}),children:(0,c.jsx)(u,{viewKey:e.viewKey,playerApi:new URL(t.data.playerApiUrl),imageCdnUrl:t.data.imageCdnUrl,autoplay:!0,embed:!0,hotkeyElQuerySelector:`body`,className:s.embeddedPlayer})})}export{l as SmartEmbedView};
-//# sourceMappingURL=Bh-26cqn.chunk.js.map
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["scripts/BiWUSyJr.chunk.js","scripts/DAXXjFlN.chunk.js","scripts/BftnFbcr.chunk.js","scripts/CMDJWWg3.chunk.js","scripts/DPtsihFR.chunk.js","scripts/DMnm3Ewv.chunk.js","scripts/C2w0pmFW.chunk.js","scripts/wrLrTezN.chunk.js","scripts/NlCAcBdo.chunk.js","scripts/Dyy-PWHO.chunk.js","scripts/snXCXfT6.chunk.js","scripts/e57H3T-k.chunk.js","scripts/BVnMI-dl.chunk.js","scripts/Dr3Lux2e.chunk.js","scripts/wdQVW3s5.chunk.js","scripts/BGGL8m_U.chunk.js","scripts/B_N30_Kb.chunk.js","scripts/rPN1bfU12.chunk.js","scripts/BIzu5ufQ.chunk.js","scripts/CVHQXNzi2.chunk.js","scripts/_GCZ-60i.chunk.js","scripts/DFZS3Ffo.chunk.js","scripts/Bbp2U9GK.chunk.js","scripts/CduNFx13.chunk.js","css/9awfngRG.chunk.css","scripts/B2INd6bh.chunk.js","scripts/5ONJSThP.chunk.js","scripts/C7HU4huj.chunk.js","scripts/BRrNQXpU2.chunk.js","css/DVhPtkT7.chunk.css","scripts/WvK58Ge12.chunk.js","scripts/D3-wtcxf2.chunk.js","scripts/B3fF5gkg.chunk.js","scripts/DEZqrbCm.chunk.js","scripts/CQyJ7YGa.chunk.js","scripts/BDwjs8qz2.chunk.js","scripts/C0exjRXJ.chunk.js","scripts/Chgge8yX2.chunk.js","scripts/BteVhTv7.chunk.js","scripts/De16zmhB.chunk.js","scripts/BBEIIgZ6.chunk.js","css/BgzV9aK4.chunk.css","scripts/BicQH0Al.chunk.js","scripts/YjWbDb2Y.chunk.js","scripts/BRcHS92O2.chunk.js","scripts/Bs2PKr1I2.chunk.js","scripts/DZX1tZ-D2.chunk.js","scripts/BiqmNDlz2.chunk.js","scripts/BlGyXBAH2.chunk.js","scripts/Dc1hYuQ12.chunk.js","css/CuSUr3Gp.chunk.css","css/D5JKYURg.chunk.css","scripts/B1r_1ubU.chunk.js","scripts/C5f0lBCw2.chunk.js","css/DBshtiPC.chunk.css","scripts/DKDWcWxk.chunk.js","scripts/c7DC36s9.chunk.js","scripts/BVm7hIyo.chunk.js","scripts/BYSskNbK.chunk.js","scripts/FAs_d-DP.chunk.js","scripts/Bzihudtn.chunk.js","scripts/BFXddaSP.chunk.js","scripts/B3TDTJSl.chunk.js","scripts/CYSDN6kj.chunk.js","scripts/CVqxBe99.chunk.js","scripts/CNxJMwxC.chunk.js","scripts/CQRza4Ga.chunk.js","scripts/ByIC_M_8.chunk.js","scripts/Epqx0J1v.chunk.js","scripts/BUnh3rN0.chunk.js","css/zFl67mql.chunk.css","scripts/CXnhm0VS2.chunk.js","scripts/iZ7EqNA72.chunk.js","scripts/OL3Z6Yp62.chunk.js","scripts/TTO6HcNP.chunk.js","scripts/BJUbYu222.chunk.js","scripts/BBDxSGT52.chunk.js","scripts/jAbfamoi.chunk.js","scripts/DUXPuDp72.chunk.js","scripts/CdYjo8_g2.chunk.js","scripts/CbOJtYeK.chunk.js","scripts/CvHvrB-t.chunk.js","scripts/B6bB9two.chunk.js","scripts/BbgQJe-T.chunk.js","scripts/C1SLt-ar.chunk.js","scripts/CpFtf-tI2.chunk.js","scripts/CKOWgMyj2.chunk.js","scripts/D5yUWL7p2.chunk.js","scripts/xa4cS6Fq.chunk.js","scripts/DGmmTRu72.chunk.js","scripts/B_BV48Fy.chunk.js","scripts/BX0wDJmp.chunk.js","scripts/BruX4yYB.chunk.js","scripts/CqrjHjAN.chunk.js","scripts/Ky1--4w3.chunk.js","scripts/CZgWQFsJ.chunk.js","scripts/BGswYbRT.chunk.js","scripts/B9VCwo3g2.chunk.js","scripts/DsBWAM3I2.chunk.js","scripts/_42F7SIA2.chunk.js","scripts/Cr6TXzQQ2.chunk.js","scripts/CjA4Q5pm.chunk.js","scripts/CmcCVXi32.chunk.js","scripts/BcibGFe42.chunk.js","scripts/Cy6lZVxk.chunk.js","scripts/DYKH_3un.chunk.js","scripts/CunDpHqX2.chunk.js","css/0ZqRj7up.chunk.css","scripts/B5XaBzZh.chunk.js","scripts/DIENjKhZ.chunk.js","css/D2t3ESms.chunk.css","scripts/B_9JhhOa.chunk.js","scripts/BPavmm8c.chunk.js","css/DnhOr8Y7.chunk.css","scripts/CnnDkGmK.chunk.js","scripts/C3Wa868y.chunk.js","css/DvO5Hl4o.chunk.css","scripts/cDv6zuhh.chunk.js","scripts/Cqq1N9xw.chunk.js","scripts/lhZ5v-iN2.chunk.js","css/BU5l8u5C.chunk.css","scripts/BiKac8UT2.chunk.js","scripts/CNfmLVE82.chunk.js","scripts/CcI-EKxs.chunk.js","scripts/CsF4wDV1.chunk.js","scripts/6ZXIO06e.chunk.js","scripts/DlEtkSBj2.chunk.js","scripts/CnsLb4V9.chunk.js","scripts/Dhx_Wqdc.chunk.js","scripts/DaT2nTfp.chunk.js","scripts/CDeqAwMc.chunk.js","scripts/ss6ZpC3s.chunk.js","scripts/GvIHspQt.chunk.js","scripts/FFbkHQcg.chunk.js","scripts/ClpxGEGl.chunk.js","scripts/CvNHBl0q.chunk.js","scripts/C-k6FY-f.chunk.js","scripts/BLm6PYXX.chunk.js","scripts/BM2EJL9g.chunk.js","scripts/DqXpeRGy.chunk.js","scripts/CCrnRkGN2.chunk.js","scripts/CXVBjdpb.chunk.js","scripts/gl4k7dtw.chunk.js","scripts/CQ0MgG2c.chunk.js","scripts/_jJAx6fU.chunk.js","scripts/CLjADRa42.chunk.js","css/DVdh6HWj.chunk.css"])))=>i.map(i=>d[i]);
+import{o as e}from"./DAXXjFlN.chunk.js";import{t}from"./C2w0pmFW.chunk.js";import{t as n}from"./wrLrTezN.chunk.js";import{u as r}from"./BX0wDJmp.chunk.js";import{t as i}from"./CZgWQFsJ.chunk.js";import{t as a}from"./D_gWf2lC.chunk.js";var o=e(t()),s={embeddedPlayer:`_embeddedPlayer_1cqbo_1`,placeholder:`_placeholder_1cqbo_8`},c=n();function l(e){let t=r(a.config()),n=t.hasCompleted,l=o.useMemo(()=>o.lazy(()=>i(()=>import(`./BiWUSyJr.chunk.js`),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116,117,118,119,120,121,122,123,124,125,126,127,128,129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146]))),[]);if(!n)return(0,c.jsx)(c.Fragment,{});let u=l;return(0,c.jsx)(o.Suspense,{fallback:(0,c.jsx)(`div`,{className:s.placeholder}),children:(0,c.jsx)(u,{viewKey:e.viewKey,playerApi:new URL(t.data.playerApiUrl),imageCdnUrl:t.data.imageCdnUrl,autoplay:!0,embed:!0,hotkeyElQuerySelector:`body`,className:s.embeddedPlayer})})}export{l as SmartEmbedView};
+//# sourceMappingURL=Dnz8CbEu.chunk.js.map

package/dist/scripts/{Bh-26cqn.chunk.js.map → Dnz8CbEu.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"mappings":";8UAgBA,SAAgB,EAAe,EAAyC,CACtE,IAAM,EAAS,EAA6B,EAAe,OAAO,CAAC,EAE7D,EACJ,EAAO,aAGH,IAAmB,cAAoB,eAAW,OAAO,wgBAA+B,EAAG,CAAC,CAAC,EAEnG,GAAI,CAAC,EACH,OAAO,qBAAI,GAEb,IAAM,EAAS,EACf,OACE,WAAO,SAAP,CAAgB,UAAU,SAAC,MAAD,CAAK,UAAW,EAAO,WAAc,aAC7D,SAAC,EAAD,CAEE,QAAS,EAAM,QACf,UAAW,IAAI,IAAI,EAAO,KAAK,YAAY,EAC3C,YAAa,EAAO,KAAK,YAGzB,YACA,SAGA,sBAAsB,OACtB,UAAW,EAAO,cACnB,EACa,EAEpB","names":[],"ignoreList":[],"sources":["../../src/apps/embed/views/smart-embed/SmartEmbedView.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Flight } from 'libs/common/flight';\n\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { Config } from 'libs/shared/interfaces';\n\nimport type { ClickViewPlayer } from 'projects/player/react/Player';\n\nimport styles from './smart-embed.module.scss';\n\ninterface SmartEmbedViewProps {\n  viewKey: string;\n}\n\n// eslint-disable-next-line rulesdir/require-view-title\nexport function SmartEmbedView(props: SmartEmbedViewProps): JSX.Element {\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n\n  const hasLoaded = (\n    config.hasCompleted\n  );\n\n  const LazyPlayer = React.useMemo(() => React.lazy(() => import('projects/player/react/Player')), []);\n\n  if (!hasLoaded)\n    return <></>;\n\n  const Player = LazyPlayer as typeof ClickViewPlayer;\n  return (\n    <React.Suspense fallback={<div className={styles.placeholder} />}>\n      <Player\n        // Fetched\n        viewKey={props.viewKey}\n        playerApi={new URL(config.data.playerApiUrl)}\n        imageCdnUrl={config.data.imageCdnUrl}\n\n        // Options\n        autoplay\n        embed\n\n        // Static\n        hotkeyElQuerySelector='body'\n        className={styles.embeddedPlayer}\n      />\n    </React.Suspense>\n  );\n}\n"],"file":"Bh-26cqn.chunk.js"}
+{"version":3,"mappings":";8UAgBA,SAAgB,EAAe,EAAyC,CACtE,IAAM,EAAS,EAA6B,EAAe,OAAO,CAAC,EAE7D,EACJ,EAAO,aAGH,IAAmB,cAAoB,eAAW,OAAO,wgBAA+B,EAAG,CAAC,CAAC,EAEnG,GAAI,CAAC,EACH,OAAO,qBAAI,GAEb,IAAM,EAAS,EACf,OACE,WAAO,SAAP,CAAgB,UAAU,SAAC,MAAD,CAAK,UAAW,EAAO,WAAc,aAC7D,SAAC,EAAD,CAEE,QAAS,EAAM,QACf,UAAW,IAAI,IAAI,EAAO,KAAK,YAAY,EAC3C,YAAa,EAAO,KAAK,YAGzB,YACA,SAGA,sBAAsB,OACtB,UAAW,EAAO,cACnB,EACa,EAEpB","names":[],"ignoreList":[],"sources":["../../src/apps/embed/views/smart-embed/SmartEmbedView.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Flight } from 'libs/common/flight';\n\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { Config } from 'libs/shared/interfaces';\n\nimport type { ClickViewPlayer } from 'projects/player/react/Player';\n\nimport styles from './smart-embed.module.scss';\n\ninterface SmartEmbedViewProps {\n  viewKey: string;\n}\n\n// eslint-disable-next-line rulesdir/require-view-title\nexport function SmartEmbedView(props: SmartEmbedViewProps): JSX.Element {\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n\n  const hasLoaded = (\n    config.hasCompleted\n  );\n\n  const LazyPlayer = React.useMemo(() => React.lazy(() => import('projects/player/react/Player')), []);\n\n  if (!hasLoaded)\n    return <></>;\n\n  const Player = LazyPlayer as typeof ClickViewPlayer;\n  return (\n    <React.Suspense fallback={<div className={styles.placeholder} />}>\n      <Player\n        // Fetched\n        viewKey={props.viewKey}\n        playerApi={new URL(config.data.playerApiUrl)}\n        imageCdnUrl={config.data.imageCdnUrl}\n\n        // Options\n        autoplay\n        embed\n\n        // Static\n        hotkeyElQuerySelector='body'\n        className={styles.embeddedPlayer}\n      />\n    </React.Suspense>\n  );\n}\n"],"file":"Dnz8CbEu.chunk.js"}

package/dist/scripts/{CukXgE1z.chunk.js → Dt5731Ay.chunk.js}

@@ -1,2 +1,2 @@
-import{o as e}from"./DAXXjFlN.chunk.js";import{t}from"./B_BV48Fy.chunk.js";import{t as n}from"./CQyJ7YGa.chunk.js";import{t as r}from"./C2w0pmFW.chunk.js";import{t as i}from"./wrLrTezN.chunk.js";import{u as a}from"./BX0wDJmp.chunk.js";import{I as o,l as s,y as c,z as l}from"./NlCAcBdo.chunk.js";import{t as u}from"./DIqO2TFN.chunk.js";import{t as d}from"./DTGfiG8Y.chunk.js";import{t as f}from"./DGmmTRu72.chunk.js";import{t as p}from"./C9a9PaRW2.chunk.js";import{t as m}from"./LoQS6GjP.chunk.js";import{t as h}from"./CqrjHjAN.chunk.js";import{t as g}from"./D_gWf2lC.chunk.js";import{t as _}from"./_GCZ-60i.chunk.js";import{t as v}from"./DB_BawmH2.chunk.js";import{t as y}from"./C4TNMYS42.chunk.js";import{n as b,t as x}from"./BGhJ8TEx.chunk.js";import{t as S}from"./BxjzTnvL2.chunk.js";import{t as C}from"./CXnhm0VS2.chunk.js";import{t as w}from"./DaT2nTfp.chunk.js";import{t as T}from"./CLJr5CXS.chunk.js";var E=e(r()),D=i(),O=n.encloseNamespace(`signUp.upsellStartTrial`);function k(e){let{upsellPresentationType:t,config:n,currentUser:r}=e;if(!t||!n||!r)return null;let i=t===d.Subject?`welcomeToClickView`:`welcomeToClickViewLive`,a=n?.liteUrl.includes(`staging`)?u.TutorialVideoHighlight[i].staging:u.TutorialVideoHighlight[i].production,o=r?.instanceRegion;return a?.[o]}function A(e){let[n,r]=E.useState(!1),i=C(),u=y(),{updateUserSettingAsync:A}=f(c.UpsellRequestForm),j=a(g.config()),M=a(h.currentUser()),N=a(M.data?.id&&h.user(M.data.id)),P=k({upsellPresentationType:u.upsellPresentationType,config:j.data,currentUser:M.data}),F=a(P&&m.sharedVideo(P.VIDEO,P.SHARE)),I=a(P&&x.createViewKey(P.SHARE,b.Share));async function L(){r(!0);try{let n=u.upsellPresentationType===d.Subject?v.ClickView:v.ClickViewLive;_.logUserAction({id:M.data?.id,jobTitle:N.data?.userProfile?.metadata?.jobTitle,variant:n},{actionType:l.Submit,entity:s.User,descriptor:o.TeacherRequestUpsell,location:c.UpsellRequestForm}),await A({name:t.SignUpVariant,value:v.Bundle,kind:p.Setting}),i.success(O(`successMessage`)),r(!1),e.closePopup()}catch{r(!1),i.error(O(`errorMessage`))}}let R=!!M.data&&!!j.data&&!!F.data&&!!I.data;return(0,D.jsxs)(w,{closePopup:e.closePopup,animation:e.animate,title:O(`title`),size:`lg`,bodyClassName:`d-flex flex-column gap-3`,showLoadingSpinner:!R,children:[(0,D.jsx)(`div`,{children:(0,D.jsx)(S,{config:j.data,currentUser:M.data,video:F.data,viewKey:I.data,presentationSlug:null,autoplay:!0})}),(0,D.jsx)(`p`,{className:`mb-0`,children:O(`description`)}),(0,D.jsx)(T,{onClickSecondary:e.closePopup,onClickPrimary:L,text:{primary:O(`startTrial`),secondary:O(`cancel`)},loading:n})]})}export{A as UpsellStartTrialView};
-//# sourceMappingURL=CukXgE1z.chunk.js.map
+import{o as e}from"./DAXXjFlN.chunk.js";import{t}from"./B_BV48Fy.chunk.js";import{t as n}from"./CQyJ7YGa.chunk.js";import{t as r}from"./C2w0pmFW.chunk.js";import{t as i}from"./wrLrTezN.chunk.js";import{u as a}from"./BX0wDJmp.chunk.js";import{I as o,l as s,y as c,z as l}from"./NlCAcBdo.chunk.js";import{t as u}from"./DIqO2TFN.chunk.js";import{t as d}from"./DTGfiG8Y.chunk.js";import{t as f}from"./DGmmTRu72.chunk.js";import{t as p}from"./C9a9PaRW2.chunk.js";import{t as m}from"./LoQS6GjP.chunk.js";import{t as h}from"./CqrjHjAN.chunk.js";import{t as g}from"./D_gWf2lC.chunk.js";import{t as _}from"./_GCZ-60i.chunk.js";import{t as v}from"./DB_BawmH2.chunk.js";import{t as y}from"./C4TNMYS42.chunk.js";import{n as b,t as x}from"./BGhJ8TEx.chunk.js";import{t as S}from"./D-iyHqNw2.chunk.js";import{t as C}from"./CXnhm0VS2.chunk.js";import{t as w}from"./DaT2nTfp.chunk.js";import{t as T}from"./CLJr5CXS.chunk.js";var E=e(r()),D=i(),O=n.encloseNamespace(`signUp.upsellStartTrial`);function k(e){let{upsellPresentationType:t,config:n,currentUser:r}=e;if(!t||!n||!r)return null;let i=t===d.Subject?`welcomeToClickView`:`welcomeToClickViewLive`,a=n?.liteUrl.includes(`staging`)?u.TutorialVideoHighlight[i].staging:u.TutorialVideoHighlight[i].production,o=r?.instanceRegion;return a?.[o]}function A(e){let[n,r]=E.useState(!1),i=C(),u=y(),{updateUserSettingAsync:A}=f(c.UpsellRequestForm),j=a(g.config()),M=a(h.currentUser()),N=a(M.data?.id&&h.user(M.data.id)),P=k({upsellPresentationType:u.upsellPresentationType,config:j.data,currentUser:M.data}),F=a(P&&m.sharedVideo(P.VIDEO,P.SHARE)),I=a(P&&x.createViewKey(P.SHARE,b.Share));async function L(){r(!0);try{let n=u.upsellPresentationType===d.Subject?v.ClickView:v.ClickViewLive;_.logUserAction({id:M.data?.id,jobTitle:N.data?.userProfile?.metadata?.jobTitle,variant:n},{actionType:l.Submit,entity:s.User,descriptor:o.TeacherRequestUpsell,location:c.UpsellRequestForm}),await A({name:t.SignUpVariant,value:v.Bundle,kind:p.Setting}),i.success(O(`successMessage`)),r(!1),e.closePopup()}catch{r(!1),i.error(O(`errorMessage`))}}let R=!!M.data&&!!j.data&&!!F.data&&!!I.data;return(0,D.jsxs)(w,{closePopup:e.closePopup,animation:e.animate,title:O(`title`),size:`lg`,bodyClassName:`d-flex flex-column gap-3`,showLoadingSpinner:!R,children:[(0,D.jsx)(`div`,{children:(0,D.jsx)(S,{config:j.data,currentUser:M.data,video:F.data,viewKey:I.data,presentationSlug:null,autoplay:!0})}),(0,D.jsx)(`p`,{className:`mb-0`,children:O(`description`)}),(0,D.jsx)(T,{onClickSecondary:e.closePopup,onClickPrimary:L,text:{primary:O(`startTrial`),secondary:O(`cancel`)},loading:n})]})}export{A as UpsellStartTrialView};
+//# sourceMappingURL=Dt5731Ay.chunk.js.map

package/dist/scripts/{CukXgE1z.chunk.js.map → Dt5731Ay.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CukXgE1z.chunk.js","names":[],"sources":["../../src/apps/sign-up/views/upsell-start-trial/UpsellStartTrialView.tsx"],"sourcesContent":["import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/react/index';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { EntityType, LocationContext, UpgradeBannerDescriptors, UserAction } from 'libs/analytics/interfaces';\n\nimport { MultiStepPopupViewProps } from 'libs/shared/components/multistep-popup/MultiStepPopup';\nimport { Popup } from 'libs/shared/components/popup/Popup';\nimport { HardCoded } from 'libs/shared/constants/HardCoded';\nimport { MediaIdType } from 'libs/shared/enums/MediaIdType';\nimport { PresentationType } from 'libs/shared/enums/PresentationType';\nimport { SettingKind } from 'libs/shared/enums/SettingKind';\nimport { SettingName } from 'libs/shared/enums/SettingName';\nimport { SignUpVariant } from 'libs/shared/enums/SignUpVariant';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { PlayerRequests } from 'libs/shared/flight-requests/PlayerRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\nimport { useSettings } from 'libs/shared/hooks/useSettings';\nimport { Config, CurrentUser, PlayerViewKey, User, VideoTypes } from 'libs/shared/interfaces';\n\nimport { useUpsellContext } from 'shared/hooks/useUpsellContext';\nimport { LitePlayerView } from 'shared/views/lite-player/LitePlayerView';\n\nimport { RequestFlowControls } from 'apps/sign-up/components/request-flow-controls/RequestFlowControls';\n\nconst namespace = 'signUp.upsellStartTrial';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface GetTutorialVideoDetailOptions {\n  upsellPresentationType: PresentationType;\n  config: Config;\n  currentUser: CurrentUser;\n}\n\nfunction getTutorialVideoDetail(options: GetTutorialVideoDetailOptions) {\n  const { upsellPresentationType, config, currentUser } = options;\n  if (!upsellPresentationType || !config || !currentUser)\n    return null;\n  \n  const videoType = upsellPresentationType === PresentationType.Subject ? 'welcomeToClickView' : 'welcomeToClickViewLive';\n  const instanceRegionVideoIds = config?.liteUrl.includes('staging') ?\n    HardCoded.TutorialVideoHighlight[videoType].staging :\n    HardCoded.TutorialVideoHighlight[videoType].production;\n  const instanceRegion = currentUser?.instanceRegion;\n  return instanceRegionVideoIds?.[instanceRegion as keyof typeof instanceRegionVideoIds];\n}\n\nexport interface UpsellStartTrialViewProps extends MultiStepPopupViewProps {}\n\nexport function UpsellStartTrialView(props: UpsellStartTrialViewProps) {\n  const [ submitting, setSubmitting ] = React.useState(false);\n\n  const alerts = useAlerts();\n  \n  const upsellContext = useUpsellContext();\n  const { updateUserSettingAsync } = useSettings(LocationContext.UpsellRequestForm);\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const detailCurrentUser = Flight.useBasicFetch<User>(currentUser.data?.id && UserRequests.user(currentUser.data.id));\n\n  const tutorialVideoDetail = getTutorialVideoDetail({\n    upsellPresentationType: upsellContext.upsellPresentationType,\n    config: config.data,\n    currentUser: currentUser.data\n  });\n\n  const tutorialVideo = Flight.useBasicFetch<VideoTypes>(\n    tutorialVideoDetail && VideoRequests.sharedVideo(tutorialVideoDetail.VIDEO, tutorialVideoDetail.SHARE)\n  );\n  \n  const viewKey = Flight.useBasicFetch<PlayerViewKey>(\n    tutorialVideoDetail && PlayerRequests.createViewKey(tutorialVideoDetail.SHARE, MediaIdType.Share)\n  );\n\n  async function onStartTrial() {\n    setSubmitting(true);\n\n    try {\n      const variant = upsellContext.upsellPresentationType === PresentationType.Subject ?\n        SignUpVariant.ClickView : SignUpVariant.ClickViewLive;\n\n      AnalyticsHelper.logUserAction(\n        {\n          id: currentUser.data?.id,\n          jobTitle: detailCurrentUser.data?.userProfile?.metadata?.jobTitle,\n          variant\n        },\n        {\n          actionType: UserAction.Submit,\n          entity: EntityType.User,\n          descriptor: UpgradeBannerDescriptors.TeacherRequestUpsell,\n          location: LocationContext.UpsellRequestForm\n        }\n      );\n      \n      await updateUserSettingAsync({\n        name: SettingName.SignUpVariant,\n        value: SignUpVariant.Bundle,\n        kind: SettingKind.Setting\n      });\n\n      alerts.success(getPhrase('successMessage'));\n      setSubmitting(false);\n      props.closePopup();\n    } catch {\n      setSubmitting(false);\n      alerts.error(getPhrase('errorMessage'));\n    }\n  }\n\n  const loaded = !!currentUser.data && !!config.data && !!tutorialVideo.data && !!viewKey.data;\n  \n  return (\n    <Popup\n      closePopup={props.closePopup}\n      animation={props.animate}\n      title={getPhrase('title')}\n      size='lg'\n      bodyClassName='d-flex flex-column gap-3'\n      showLoadingSpinner={!loaded}\n    >\n      <div>\n        <LitePlayerView\n          config={config.data}\n          currentUser={currentUser.data}\n          video={tutorialVideo.data}\n          viewKey={viewKey.data}\n          presentationSlug={null}\n          autoplay\n        />\n      </div>\n      <p className='mb-0'>{getPhrase('description')}</p>\n      <RequestFlowControls\n        onClickSecondary={props.closePopup}\n        onClickPrimary={onStartTrial}\n        text={{\n          primary: getPhrase('startTrial'),\n          secondary: getPhrase('cancel')\n        }}\n        loading={submitting}\n      />\n    </Popup>\n  );\n}\n"],"mappings":"g6BA8BM,EAAY,EAAgB,iBAAiB,yBAAS,EAQ5D,SAAS,EAAuB,EAAwC,CACtE,GAAM,CAAE,yBAAwB,SAAQ,eAAgB,EACxD,GAAI,CAAC,GAA0B,CAAC,GAAU,CAAC,EACzC,OAAO,KAET,IAAM,EAAY,IAA2B,EAAiB,QAAU,qBAAuB,yBACzF,EAAyB,GAAQ,QAAQ,SAAS,SAAS,EAC/D,EAAU,uBAAuB,EAAU,CAAC,QAC5C,EAAU,uBAAuB,EAAU,CAAC,WACxC,EAAiB,GAAa,eACpC,OAAO,IAAyB,EAClC,CAIA,SAAgB,EAAqB,EAAkC,CACrE,GAAM,CAAE,EAAY,GAAA,EAAwB,SAAS,EAAK,EAEpD,EAAS,EAAU,EAEnB,EAAgB,EAAiB,EACjC,CAAE,0BAA2B,EAAY,EAAgB,iBAAiB,EAC1E,EAAS,EAA6B,EAAe,OAAO,CAAC,EAC7D,EAAc,EAAkC,EAAa,YAAY,CAAC,EAC1E,EAAoB,EAA2B,EAAY,MAAM,IAAM,EAAa,KAAK,EAAY,KAAK,EAAE,CAAC,EAE7G,EAAsB,EAAuB,CACjD,uBAAwB,EAAc,uBACtC,OAAQ,EAAO,KACf,YAAa,EAAY,IAC3B,CAAC,EAEK,EAAgB,EACpB,GAAuB,EAAc,YAAY,EAAoB,MAAO,EAAoB,KAAK,CACvG,EAEM,EAAU,EACd,GAAuB,EAAe,cAAc,EAAoB,MAAO,EAAY,KAAK,CAClG,EAEA,eAAe,GAAe,CAC5B,EAAc,EAAI,EAElB,GAAI,CACF,IAAM,EAAU,EAAc,yBAA2B,EAAiB,QACxE,EAAc,UAAY,EAAc,cAE1C,EAAgB,cACd,CACE,GAAI,EAAY,MAAM,GACtB,SAAU,EAAkB,MAAM,aAAa,UAAU,SACzD,SACF,EACA,CACE,WAAY,EAAW,OACvB,OAAQ,EAAW,KACnB,WAAY,EAAyB,qBACrC,SAAU,EAAgB,iBAC5B,CACF,EAEA,MAAM,EAAuB,CAC3B,KAAM,EAAY,cAClB,MAAO,EAAc,OACrB,KAAM,EAAY,OACpB,CAAC,EAED,EAAO,QAAQ,EAAU,gBAAgB,CAAC,EAC1C,EAAc,EAAK,EACnB,EAAM,WAAW,CACnB,MAAQ,CACN,EAAc,EAAK,EACnB,EAAO,MAAM,EAAU,cAAc,CAAC,CACxC,CACF,CAEA,IAAM,EAAS,CAAC,CAAC,EAAY,MAAQ,CAAC,CAAC,EAAO,MAAQ,CAAC,CAAC,EAAc,MAAQ,CAAC,CAAC,EAAQ,KAExF,OACE,EAAA,EAAA,KAAA,CAAC,EAAD,CACE,WAAY,EAAM,WAClB,UAAW,EAAM,QACjB,MAAO,EAAU,OAAO,EACxB,KAAK,KACL,cAAc,2BACd,mBAAoB,CAAC,WANvB,EAQE,EAAA,EAAA,IAAA,CAAC,MAAD,CAAA,UACE,EAAA,EAAA,IAAA,CAAC,EAAD,CACE,OAAQ,EAAO,KACf,YAAa,EAAY,KACzB,MAAO,EAAc,KACrB,QAAS,EAAQ,KACjB,iBAAkB,KAClB,SAAA,EACD,CAAA,CACE,CAAA,GACL,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAU,gBAAQ,EAAU,aAAa,CAAK,CAAA,GACjD,EAAA,EAAA,IAAA,CAAC,EAAD,CACE,iBAAkB,EAAM,WACxB,eAAgB,EAChB,KAAM,CACJ,QAAS,EAAU,YAAY,EAC/B,UAAW,EAAU,QAAQ,CAC/B,EACA,QAAS,CACV,CAAA,CACI,GAEX"}
+{"version":3,"file":"Dt5731Ay.chunk.js","names":[],"sources":["../../src/apps/sign-up/views/upsell-start-trial/UpsellStartTrialView.tsx"],"sourcesContent":["import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/react/index';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { EntityType, LocationContext, UpgradeBannerDescriptors, UserAction } from 'libs/analytics/interfaces';\n\nimport { MultiStepPopupViewProps } from 'libs/shared/components/multistep-popup/MultiStepPopup';\nimport { Popup } from 'libs/shared/components/popup/Popup';\nimport { HardCoded } from 'libs/shared/constants/HardCoded';\nimport { MediaIdType } from 'libs/shared/enums/MediaIdType';\nimport { PresentationType } from 'libs/shared/enums/PresentationType';\nimport { SettingKind } from 'libs/shared/enums/SettingKind';\nimport { SettingName } from 'libs/shared/enums/SettingName';\nimport { SignUpVariant } from 'libs/shared/enums/SignUpVariant';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { PlayerRequests } from 'libs/shared/flight-requests/PlayerRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\nimport { useSettings } from 'libs/shared/hooks/useSettings';\nimport { Config, CurrentUser, PlayerViewKey, User, VideoTypes } from 'libs/shared/interfaces';\n\nimport { useUpsellContext } from 'shared/hooks/useUpsellContext';\nimport { LitePlayerView } from 'shared/views/lite-player/LitePlayerView';\n\nimport { RequestFlowControls } from 'apps/sign-up/components/request-flow-controls/RequestFlowControls';\n\nconst namespace = 'signUp.upsellStartTrial';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface GetTutorialVideoDetailOptions {\n  upsellPresentationType: PresentationType;\n  config: Config;\n  currentUser: CurrentUser;\n}\n\nfunction getTutorialVideoDetail(options: GetTutorialVideoDetailOptions) {\n  const { upsellPresentationType, config, currentUser } = options;\n  if (!upsellPresentationType || !config || !currentUser)\n    return null;\n  \n  const videoType = upsellPresentationType === PresentationType.Subject ? 'welcomeToClickView' : 'welcomeToClickViewLive';\n  const instanceRegionVideoIds = config?.liteUrl.includes('staging') ?\n    HardCoded.TutorialVideoHighlight[videoType].staging :\n    HardCoded.TutorialVideoHighlight[videoType].production;\n  const instanceRegion = currentUser?.instanceRegion;\n  return instanceRegionVideoIds?.[instanceRegion as keyof typeof instanceRegionVideoIds];\n}\n\nexport interface UpsellStartTrialViewProps extends MultiStepPopupViewProps {}\n\nexport function UpsellStartTrialView(props: UpsellStartTrialViewProps) {\n  const [ submitting, setSubmitting ] = React.useState(false);\n\n  const alerts = useAlerts();\n  \n  const upsellContext = useUpsellContext();\n  const { updateUserSettingAsync } = useSettings(LocationContext.UpsellRequestForm);\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const detailCurrentUser = Flight.useBasicFetch<User>(currentUser.data?.id && UserRequests.user(currentUser.data.id));\n\n  const tutorialVideoDetail = getTutorialVideoDetail({\n    upsellPresentationType: upsellContext.upsellPresentationType,\n    config: config.data,\n    currentUser: currentUser.data\n  });\n\n  const tutorialVideo = Flight.useBasicFetch<VideoTypes>(\n    tutorialVideoDetail && VideoRequests.sharedVideo(tutorialVideoDetail.VIDEO, tutorialVideoDetail.SHARE)\n  );\n  \n  const viewKey = Flight.useBasicFetch<PlayerViewKey>(\n    tutorialVideoDetail && PlayerRequests.createViewKey(tutorialVideoDetail.SHARE, MediaIdType.Share)\n  );\n\n  async function onStartTrial() {\n    setSubmitting(true);\n\n    try {\n      const variant = upsellContext.upsellPresentationType === PresentationType.Subject ?\n        SignUpVariant.ClickView : SignUpVariant.ClickViewLive;\n\n      AnalyticsHelper.logUserAction(\n        {\n          id: currentUser.data?.id,\n          jobTitle: detailCurrentUser.data?.userProfile?.metadata?.jobTitle,\n          variant\n        },\n        {\n          actionType: UserAction.Submit,\n          entity: EntityType.User,\n          descriptor: UpgradeBannerDescriptors.TeacherRequestUpsell,\n          location: LocationContext.UpsellRequestForm\n        }\n      );\n      \n      await updateUserSettingAsync({\n        name: SettingName.SignUpVariant,\n        value: SignUpVariant.Bundle,\n        kind: SettingKind.Setting\n      });\n\n      alerts.success(getPhrase('successMessage'));\n      setSubmitting(false);\n      props.closePopup();\n    } catch {\n      setSubmitting(false);\n      alerts.error(getPhrase('errorMessage'));\n    }\n  }\n\n  const loaded = !!currentUser.data && !!config.data && !!tutorialVideo.data && !!viewKey.data;\n  \n  return (\n    <Popup\n      closePopup={props.closePopup}\n      animation={props.animate}\n      title={getPhrase('title')}\n      size='lg'\n      bodyClassName='d-flex flex-column gap-3'\n      showLoadingSpinner={!loaded}\n    >\n      <div>\n        <LitePlayerView\n          config={config.data}\n          currentUser={currentUser.data}\n          video={tutorialVideo.data}\n          viewKey={viewKey.data}\n          presentationSlug={null}\n          autoplay\n        />\n      </div>\n      <p className='mb-0'>{getPhrase('description')}</p>\n      <RequestFlowControls\n        onClickSecondary={props.closePopup}\n        onClickPrimary={onStartTrial}\n        text={{\n          primary: getPhrase('startTrial'),\n          secondary: getPhrase('cancel')\n        }}\n        loading={submitting}\n      />\n    </Popup>\n  );\n}\n"],"mappings":"g6BA8BM,EAAY,EAAgB,iBAAiB,yBAAS,EAQ5D,SAAS,EAAuB,EAAwC,CACtE,GAAM,CAAE,yBAAwB,SAAQ,eAAgB,EACxD,GAAI,CAAC,GAA0B,CAAC,GAAU,CAAC,EACzC,OAAO,KAET,IAAM,EAAY,IAA2B,EAAiB,QAAU,qBAAuB,yBACzF,EAAyB,GAAQ,QAAQ,SAAS,SAAS,EAC/D,EAAU,uBAAuB,EAAU,CAAC,QAC5C,EAAU,uBAAuB,EAAU,CAAC,WACxC,EAAiB,GAAa,eACpC,OAAO,IAAyB,EAClC,CAIA,SAAgB,EAAqB,EAAkC,CACrE,GAAM,CAAE,EAAY,GAAA,EAAwB,SAAS,EAAK,EAEpD,EAAS,EAAU,EAEnB,EAAgB,EAAiB,EACjC,CAAE,0BAA2B,EAAY,EAAgB,iBAAiB,EAC1E,EAAS,EAA6B,EAAe,OAAO,CAAC,EAC7D,EAAc,EAAkC,EAAa,YAAY,CAAC,EAC1E,EAAoB,EAA2B,EAAY,MAAM,IAAM,EAAa,KAAK,EAAY,KAAK,EAAE,CAAC,EAE7G,EAAsB,EAAuB,CACjD,uBAAwB,EAAc,uBACtC,OAAQ,EAAO,KACf,YAAa,EAAY,IAC3B,CAAC,EAEK,EAAgB,EACpB,GAAuB,EAAc,YAAY,EAAoB,MAAO,EAAoB,KAAK,CACvG,EAEM,EAAU,EACd,GAAuB,EAAe,cAAc,EAAoB,MAAO,EAAY,KAAK,CAClG,EAEA,eAAe,GAAe,CAC5B,EAAc,EAAI,EAElB,GAAI,CACF,IAAM,EAAU,EAAc,yBAA2B,EAAiB,QACxE,EAAc,UAAY,EAAc,cAE1C,EAAgB,cACd,CACE,GAAI,EAAY,MAAM,GACtB,SAAU,EAAkB,MAAM,aAAa,UAAU,SACzD,SACF,EACA,CACE,WAAY,EAAW,OACvB,OAAQ,EAAW,KACnB,WAAY,EAAyB,qBACrC,SAAU,EAAgB,iBAC5B,CACF,EAEA,MAAM,EAAuB,CAC3B,KAAM,EAAY,cAClB,MAAO,EAAc,OACrB,KAAM,EAAY,OACpB,CAAC,EAED,EAAO,QAAQ,EAAU,gBAAgB,CAAC,EAC1C,EAAc,EAAK,EACnB,EAAM,WAAW,CACnB,MAAQ,CACN,EAAc,EAAK,EACnB,EAAO,MAAM,EAAU,cAAc,CAAC,CACxC,CACF,CAEA,IAAM,EAAS,CAAC,CAAC,EAAY,MAAQ,CAAC,CAAC,EAAO,MAAQ,CAAC,CAAC,EAAc,MAAQ,CAAC,CAAC,EAAQ,KAExF,OACE,EAAA,EAAA,KAAA,CAAC,EAAD,CACE,WAAY,EAAM,WAClB,UAAW,EAAM,QACjB,MAAO,EAAU,OAAO,EACxB,KAAK,KACL,cAAc,2BACd,mBAAoB,CAAC,WANvB,EAQE,EAAA,EAAA,IAAA,CAAC,MAAD,CAAA,UACE,EAAA,EAAA,IAAA,CAAC,EAAD,CACE,OAAQ,EAAO,KACf,YAAa,EAAY,KACzB,MAAO,EAAc,KACrB,QAAS,EAAQ,KACjB,iBAAkB,KAClB,SAAA,EACD,CAAA,CACE,CAAA,GACL,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAU,gBAAQ,EAAU,aAAa,CAAK,CAAA,GACjD,EAAA,EAAA,IAAA,CAAC,EAAD,CACE,iBAAkB,EAAM,WACxB,eAAgB,EAChB,KAAM,CACJ,QAAS,EAAU,YAAY,EAC/B,UAAW,EAAU,QAAQ,CAC/B,EACA,QAAS,CACV,CAAA,CACI,GAEX"}

package/dist/scripts/{DCPsmD1m.chunk.js → Dtag-27K.chunk.js}

@@ -1,2 +1,2 @@
-import"./DAXXjFlN.chunk.js";import{n as e,t}from"./snXCXfT6.chunk.js";import{t as n}from"./CQyJ7YGa.chunk.js";import{t as r}from"./e57H3T-k.chunk.js";import{t as i}from"./C2w0pmFW.chunk.js";import{t as a}from"./wrLrTezN.chunk.js";import{t as o}from"./BXTI9cmX.chunk.js";import{u as s}from"./BX0wDJmp.chunk.js";import{t as c}from"./CjA4Q5pm.chunk.js";import{U as l,a as u,l as d,y as f,z as p}from"./NlCAcBdo.chunk.js";import{t as m}from"./C5j5LRut2.chunk.js";import{t as h}from"./CVHQXNzi2.chunk.js";import{t as g}from"./BrbeV-Gn2.chunk.js";import{t as _}from"./DZssmXj6.chunk.js";import{t as v}from"./BC8PeYqm.chunk.js";import{t as y}from"./LoQS6GjP.chunk.js";import{t as b}from"./CqrjHjAN.chunk.js";import{t as x}from"./eoAypzU3.chunk.js";import{t as S}from"./D_gWf2lC.chunk.js";import{t as C}from"./Bbp2U9GK.chunk.js";import{t as w}from"./C6-aC3vu.chunk.js";import{n as T,t as E}from"./BGhJ8TEx.chunk.js";import{t as D}from"./BxjzTnvL2.chunk.js";import{n as O,t as k}from"./CpFtf-tI2.chunk.js";import{t as A}from"./BxYKQEUG2.chunk.js";import{t as j}from"./jAbfamoi.chunk.js";import{t as M}from"./Z4RlHaVG.chunk.js";import{t as N}from"./tnBD84bg2.chunk.js";import{t as P}from"./D1aO6GEr.chunk.js";import{t as F}from"./C9XBZFiR.chunk.js";import{t as I}from"./IqGr9V7u2.chunk.js";import{n as L,r as R,t as z}from"./DusJhHeW2.chunk.js";i();var B=j(),V={closeButton:`_closeButton_1bg8h_1`,descriptionBorder:`_descriptionBorder_1bg8h_7`},H=a(),U=`shared.videoDetails`,W=n.encloseNamespace(U);function G(e){let{label:t,items:n,className:r}=e;return n&&n.data&&n.data.length?(0,H.jsxs)(`div`,{className:r,children:[t,`: `,n.data.map(e=>e.name).join(`, `)]}):(0,H.jsx)(H.Fragment,{})}function K(e){let{video:t}=e;if(!g.isVideo(t)&&!g.isClip(t))return(0,H.jsx)(H.Fragment,{});let n=g.getParentVideo(t);return(0,H.jsxs)(`div`,{className:t.description?`col-md-5 ps-md-3 pt-3 pt-md-0`:`col-12`,children:[(0,H.jsx)(`h2`,{className:`h6 mb-1`,children:(0,H.jsx)(O,{phrase:`details`})}),!!n.productionYear&&(0,H.jsx)(`div`,{className:`mb-1`,children:(0,H.jsx)(O,{phrase:`productionYear`,options:{year:n.productionYear}})}),(0,H.jsx)(G,{label:W(`productionCompanies`,{smartCount:n.productionCompanies?.data?.length}),items:n.productionCompanies,className:`mb-1`}),(0,H.jsx)(G,{label:W(`distributors`,{smartCount:n.distributors?.data?.length}),items:n.distributors,className:`mb-1`}),(0,H.jsx)(G,{label:W(`producers`,{smartCount:n.producers?.data?.length}),items:n.producers,className:`mb-1`}),(0,H.jsx)(G,{label:W(`directors`,{smartCount:n.directors?.data?.length}),items:n.directors,className:`mb-1`}),!!n.dateBroadcast&&(0,H.jsx)(`div`,{className:`mb-1`,children:(0,H.jsx)(O,{phrase:`dateBroadcast`,options:{date:c.format(n.dateBroadcast,`DD/MM/YYYY`)}})}),!!n.channel&&(0,H.jsx)(`div`,{className:`mb-1`,children:(0,H.jsx)(O,{phrase:`channel`,options:{channel:n.channel.name}})}),g.canViewUploadDate(e.video)&&(0,H.jsx)(`div`,{className:`mb-1`,children:(0,H.jsx)(O,{phrase:`dateUploaded`,options:{date:c.format(t.dateCreated,`DD/MM/YYYY`)}})})]})}function q(e){let{video:t,maxHeight:n=368}=e,i=g.getParentVideo(t),a=!!e.video.description,o=z(e.video)||!!i.productionYear||!!i.dateBroadcast||!!i.channel||g.canViewUploadDate(e.video),s=typeof e.onClickClose==`function`,c=typeof e.onClickShowCurriculumLinks==`function`;function l(){return e.hideTags||g.isInteractive(e.video)||!e.video.tags?.data?.length?null:e.video.tags.data}return!a&&!o?(0,H.jsx)(H.Fragment,{}):(0,H.jsx)(k.Provider,{value:U,children:(0,H.jsxs)(`div`,{className:`rounded border p-3 mb-3 position-relative`,children:[(0,H.jsx)(B.Scrollbars,{autoHeight:!0,autoHeightMax:n,children:(0,H.jsxs)(`div`,{className:`row g-0`,children:[a&&(0,H.jsxs)(`div`,{className:o?`${V.descriptionBorder} pe-3 col-md-7`:`col-12`,children:[(0,H.jsxs)(`div`,{className:`d-flex align-items-center`,children:[(0,H.jsx)(`h2`,{className:`h6 mb-1`,children:(0,H.jsx)(O,{phrase:`description`})}),(0,H.jsx)(I,{text:t.description,title:t.name,className:`ps-2`,onLaunch:e.onLaunchImmersiveReader,onExit:e.onExitImmersiveReader,analyticsOptions:{location:f.PlayPage,entity:d.Video,actionType:p.Click,descriptor:u.LaunchImmersiveReader},analyticsData:{id:t.id,type:`description`}})]}),(0,H.jsx)(`p`,{className:`mb-0`,dangerouslySetInnerHTML:{__html:r.sanitize(N.linkifyText(e.video.description,{nl2br:!0}))}}),(0,H.jsx)(L,{tags:l(),...R.getTagActionProps(e.getTagAppLink,null,e.suppressInteractivity),className:`mt-1`}),c&&(0,H.jsx)(C,{onClick:e.onClickShowCurriculumLinks,className:`cursor-pointer d-inline-block fw-semibold text-info mt-2 mb-1`,children:(0,H.jsx)(O,{namespace:U,phrase:`seeCurriculumLinks`})})]}),o&&(0,H.jsx)(K,{...e})]})}),s&&(0,H.jsx)(`button`,{type:`button`,className:`btn-close ${V.closeButton}`,"aria-label":`Close`,onClick:e.onClickClose})]})})}var J=`userManager.studentsVideo`,Y=n.encloseNamespace(J);function X(e,t){return t.toString()===h.Clip.toString()?_.clip(e):t.toString()===h.Interactive.toString()?v.interactiveMetadata(e):y.video(e)}function Z(e){return e.toString()===h.Clip.toString()?`messageClip`:e.toString()===h.Interactive.toString()?`messageInteractive`:`messageVideo`}function Q(r){let i=s(P.getUser(r.userId)),a=s(X(r.id,r.typeId)),c=s(E.createViewKey(r.id,T.MasterObject)),u=s(S.config()),d=s(b.currentUser());F([i,a]),w({title:i.data?n.getPhrase(J,`pageTitle`,{name:m.getFullName(i.data)}):``});function h(){let e={entity:g.getAnalyticsEntity(a.data),location:f.ViewStudentVideos},t={id:a.data.id},n=[];return g.isVideo(a.data)&&n.push({order:1,label:Y(`download`),appLink:{application:o.VIDEOS,action:x.Videos.DOWNLOAD_VIDEO,args:[a.data.id]},analyticsOptions:{...e,actionType:p.Download,workflowPhase:l.Start},analyticsData:t}),n.push({order:2,label:Y(`delete`),appLink:{application:o.USER_MANAGER,action:x.UserManager.DELETE_STUDENTS_VIDEO,args:[r.id,a.data.id],params:{typeId:a.data.typeId}},className:`text-danger`,analyticsOptions:{...e,actionType:p.Delete,workflowPhase:l.Start},analyticsData:t}),n}return i.hasCompleted&&a.hasCompleted&&c.hasCompleted&&u.hasCompleted&&d.hasCompleted?(0,H.jsxs)(`div`,{className:`px-3`,children:[(0,H.jsx)(`div`,{className:`alert text-dark bg-light-blue px-2 rounded d-flex flex-column flex-lg-row justify-content-between mb-3 align-items-center`,role:`alert`,children:(0,H.jsxs)(`div`,{className:`d-flex align-items-center`,children:[(0,H.jsx)(t,{svg:A,size:e.Standard,className:`me-2 svg-container`}),(0,H.jsx)(`div`,{className:`w-100`,children:(0,H.jsx)(`p`,{className:`fw-semibold mb-0`,children:Y(Z(r.typeId),{name:m.getFullName(i.data),yearGroup:i.data.masterYearGroup?.name})})})]})}),(0,H.jsx)(`div`,{className:`mb-3`,children:(0,H.jsx)(D,{config:u.data,video:a.data,currentUser:d.data,viewKey:c.data,presentationSlug:null})}),(0,H.jsxs)(`div`,{className:`d-flex justify-content-between align-items-center mb-2`,children:[(0,H.jsx)(`div`,{children:(0,H.jsx)(`h1`,{className:`h3 d-inline-flex m-0 mb-2`,children:a.data.name})}),(0,H.jsx)(M,{actions:h(),actionsDropdownClassName:`btn btn-outline-dark`})]}),(0,H.jsx)(q,{video:a.data})]}):(0,H.jsx)(H.Fragment,{})}export{Q as StudentsVideoView};
-//# sourceMappingURL=DCPsmD1m.chunk.js.map
+import"./DAXXjFlN.chunk.js";import{n as e,t}from"./snXCXfT6.chunk.js";import{t as n}from"./CQyJ7YGa.chunk.js";import{t as r}from"./e57H3T-k.chunk.js";import{t as i}from"./C2w0pmFW.chunk.js";import{t as a}from"./wrLrTezN.chunk.js";import{t as o}from"./BXTI9cmX.chunk.js";import{u as s}from"./BX0wDJmp.chunk.js";import{t as c}from"./CjA4Q5pm.chunk.js";import{U as l,a as u,l as d,y as f,z as p}from"./NlCAcBdo.chunk.js";import{t as m}from"./C5j5LRut2.chunk.js";import{t as h}from"./CVHQXNzi2.chunk.js";import{t as g}from"./BrbeV-Gn2.chunk.js";import{t as _}from"./DZssmXj6.chunk.js";import{t as v}from"./BC8PeYqm.chunk.js";import{t as y}from"./LoQS6GjP.chunk.js";import{t as b}from"./CqrjHjAN.chunk.js";import{t as x}from"./eoAypzU3.chunk.js";import{t as S}from"./D_gWf2lC.chunk.js";import{t as C}from"./Bbp2U9GK.chunk.js";import{t as w}from"./C6-aC3vu.chunk.js";import{n as T,t as E}from"./BGhJ8TEx.chunk.js";import{t as D}from"./D-iyHqNw2.chunk.js";import{n as O,t as k}from"./CpFtf-tI2.chunk.js";import{t as A}from"./BxYKQEUG2.chunk.js";import{t as j}from"./jAbfamoi.chunk.js";import{t as M}from"./Z4RlHaVG.chunk.js";import{t as N}from"./tnBD84bg2.chunk.js";import{t as P}from"./D1aO6GEr.chunk.js";import{t as F}from"./C9XBZFiR.chunk.js";import{t as I}from"./IqGr9V7u2.chunk.js";import{n as L,r as R,t as z}from"./DusJhHeW2.chunk.js";i();var B=j(),V={closeButton:`_closeButton_1bg8h_1`,descriptionBorder:`_descriptionBorder_1bg8h_7`},H=a(),U=`shared.videoDetails`,W=n.encloseNamespace(U);function G(e){let{label:t,items:n,className:r}=e;return n&&n.data&&n.data.length?(0,H.jsxs)(`div`,{className:r,children:[t,`: `,n.data.map(e=>e.name).join(`, `)]}):(0,H.jsx)(H.Fragment,{})}function K(e){let{video:t}=e;if(!g.isVideo(t)&&!g.isClip(t))return(0,H.jsx)(H.Fragment,{});let n=g.getParentVideo(t);return(0,H.jsxs)(`div`,{className:t.description?`col-md-5 ps-md-3 pt-3 pt-md-0`:`col-12`,children:[(0,H.jsx)(`h2`,{className:`h6 mb-1`,children:(0,H.jsx)(O,{phrase:`details`})}),!!n.productionYear&&(0,H.jsx)(`div`,{className:`mb-1`,children:(0,H.jsx)(O,{phrase:`productionYear`,options:{year:n.productionYear}})}),(0,H.jsx)(G,{label:W(`productionCompanies`,{smartCount:n.productionCompanies?.data?.length}),items:n.productionCompanies,className:`mb-1`}),(0,H.jsx)(G,{label:W(`distributors`,{smartCount:n.distributors?.data?.length}),items:n.distributors,className:`mb-1`}),(0,H.jsx)(G,{label:W(`producers`,{smartCount:n.producers?.data?.length}),items:n.producers,className:`mb-1`}),(0,H.jsx)(G,{label:W(`directors`,{smartCount:n.directors?.data?.length}),items:n.directors,className:`mb-1`}),!!n.dateBroadcast&&(0,H.jsx)(`div`,{className:`mb-1`,children:(0,H.jsx)(O,{phrase:`dateBroadcast`,options:{date:c.format(n.dateBroadcast,`DD/MM/YYYY`)}})}),!!n.channel&&(0,H.jsx)(`div`,{className:`mb-1`,children:(0,H.jsx)(O,{phrase:`channel`,options:{channel:n.channel.name}})}),g.canViewUploadDate(e.video)&&(0,H.jsx)(`div`,{className:`mb-1`,children:(0,H.jsx)(O,{phrase:`dateUploaded`,options:{date:c.format(t.dateCreated,`DD/MM/YYYY`)}})})]})}function q(e){let{video:t,maxHeight:n=368}=e,i=g.getParentVideo(t),a=!!e.video.description,o=z(e.video)||!!i.productionYear||!!i.dateBroadcast||!!i.channel||g.canViewUploadDate(e.video),s=typeof e.onClickClose==`function`,c=typeof e.onClickShowCurriculumLinks==`function`;function l(){return e.hideTags||g.isInteractive(e.video)||!e.video.tags?.data?.length?null:e.video.tags.data}return!a&&!o?(0,H.jsx)(H.Fragment,{}):(0,H.jsx)(k.Provider,{value:U,children:(0,H.jsxs)(`div`,{className:`rounded border p-3 mb-3 position-relative`,children:[(0,H.jsx)(B.Scrollbars,{autoHeight:!0,autoHeightMax:n,children:(0,H.jsxs)(`div`,{className:`row g-0`,children:[a&&(0,H.jsxs)(`div`,{className:o?`${V.descriptionBorder} pe-3 col-md-7`:`col-12`,children:[(0,H.jsxs)(`div`,{className:`d-flex align-items-center`,children:[(0,H.jsx)(`h2`,{className:`h6 mb-1`,children:(0,H.jsx)(O,{phrase:`description`})}),(0,H.jsx)(I,{text:t.description,title:t.name,className:`ps-2`,onLaunch:e.onLaunchImmersiveReader,onExit:e.onExitImmersiveReader,analyticsOptions:{location:f.PlayPage,entity:d.Video,actionType:p.Click,descriptor:u.LaunchImmersiveReader},analyticsData:{id:t.id,type:`description`}})]}),(0,H.jsx)(`p`,{className:`mb-0`,dangerouslySetInnerHTML:{__html:r.sanitize(N.linkifyText(e.video.description,{nl2br:!0}))}}),(0,H.jsx)(L,{tags:l(),...R.getTagActionProps(e.getTagAppLink,null,e.suppressInteractivity),className:`mt-1`}),c&&(0,H.jsx)(C,{onClick:e.onClickShowCurriculumLinks,className:`cursor-pointer d-inline-block fw-semibold text-info mt-2 mb-1`,children:(0,H.jsx)(O,{namespace:U,phrase:`seeCurriculumLinks`})})]}),o&&(0,H.jsx)(K,{...e})]})}),s&&(0,H.jsx)(`button`,{type:`button`,className:`btn-close ${V.closeButton}`,"aria-label":`Close`,onClick:e.onClickClose})]})})}var J=`userManager.studentsVideo`,Y=n.encloseNamespace(J);function X(e,t){return t.toString()===h.Clip.toString()?_.clip(e):t.toString()===h.Interactive.toString()?v.interactiveMetadata(e):y.video(e)}function Z(e){return e.toString()===h.Clip.toString()?`messageClip`:e.toString()===h.Interactive.toString()?`messageInteractive`:`messageVideo`}function Q(r){let i=s(P.getUser(r.userId)),a=s(X(r.id,r.typeId)),c=s(E.createViewKey(r.id,T.MasterObject)),u=s(S.config()),d=s(b.currentUser());F([i,a]),w({title:i.data?n.getPhrase(J,`pageTitle`,{name:m.getFullName(i.data)}):``});function h(){let e={entity:g.getAnalyticsEntity(a.data),location:f.ViewStudentVideos},t={id:a.data.id},n=[];return g.isVideo(a.data)&&n.push({order:1,label:Y(`download`),appLink:{application:o.VIDEOS,action:x.Videos.DOWNLOAD_VIDEO,args:[a.data.id]},analyticsOptions:{...e,actionType:p.Download,workflowPhase:l.Start},analyticsData:t}),n.push({order:2,label:Y(`delete`),appLink:{application:o.USER_MANAGER,action:x.UserManager.DELETE_STUDENTS_VIDEO,args:[r.id,a.data.id],params:{typeId:a.data.typeId}},className:`text-danger`,analyticsOptions:{...e,actionType:p.Delete,workflowPhase:l.Start},analyticsData:t}),n}return i.hasCompleted&&a.hasCompleted&&c.hasCompleted&&u.hasCompleted&&d.hasCompleted?(0,H.jsxs)(`div`,{className:`px-3`,children:[(0,H.jsx)(`div`,{className:`alert text-dark bg-light-blue px-2 rounded d-flex flex-column flex-lg-row justify-content-between mb-3 align-items-center`,role:`alert`,children:(0,H.jsxs)(`div`,{className:`d-flex align-items-center`,children:[(0,H.jsx)(t,{svg:A,size:e.Standard,className:`me-2 svg-container`}),(0,H.jsx)(`div`,{className:`w-100`,children:(0,H.jsx)(`p`,{className:`fw-semibold mb-0`,children:Y(Z(r.typeId),{name:m.getFullName(i.data),yearGroup:i.data.masterYearGroup?.name})})})]})}),(0,H.jsx)(`div`,{className:`mb-3`,children:(0,H.jsx)(D,{config:u.data,video:a.data,currentUser:d.data,viewKey:c.data,presentationSlug:null})}),(0,H.jsxs)(`div`,{className:`d-flex justify-content-between align-items-center mb-2`,children:[(0,H.jsx)(`div`,{children:(0,H.jsx)(`h1`,{className:`h3 d-inline-flex m-0 mb-2`,children:a.data.name})}),(0,H.jsx)(M,{actions:h(),actionsDropdownClassName:`btn btn-outline-dark`})]}),(0,H.jsx)(q,{video:a.data})]}):(0,H.jsx)(H.Fragment,{})}export{Q as StudentsVideoView};
+//# sourceMappingURL=Dtag-27K.chunk.js.map

package/dist/scripts/{DCPsmD1m.chunk.js.map → Dtag-27K.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DCPsmD1m.chunk.js","names":[],"sources":["../../../../libs/shared/src/components/video-details/video-details.module.scss","../../../../libs/shared/src/components/video-details/VideoDetails.tsx","../../src/apps/user-manager/views/students-video/StudentsVideoView.tsx"],"sourcesContent":[":local {\n  .closeButton {\n    position: absolute;\n    top: 1rem;\n    right: map-get($spacers, 3);\n  }\n  \n  @media (min-width: #{map-get($grid-breakpoints, md)}) {\n    .descriptionBorder {\n      border-right: 1px solid $gray-300;\n    }\n  }\n}","import * as React from 'react';\nimport { Scrollbars } from 'react-custom-scrollbars-2';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\nimport { LinkifyHelper } from 'libs/common/react/utils/LinkifyHelper';\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\n\nimport { ClickDescriptor, EntityType, LocationContext, UserAction } from 'libs/analytics/interfaces';\n\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\nimport { ImmersiveReader } from 'libs/shared/components/immersive-reader/ImmersiveReader';\nimport { TagHelper } from 'libs/shared/components/tags/TagHelper';\nimport { TagList } from 'libs/shared/components/tags/TagList';\nimport { LanguageNamespaceContext, Text } from 'libs/shared/components/text/Text';\nimport { MINIMUM_GLANCE_HEIGHT } from 'libs/shared/constants/MinimumGlanceHeight';\nimport { BaseObject, BasePaginatedCollection, CurrentUser, Tag, VideoTypes } from 'libs/shared/interfaces';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { hasPPDD } from './VideoDetailsUtils';\n\nimport styles from './video-details.module.scss';\n\nconst namespace = 'shared.videoDetails';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface CommaListProps {\n  label: string;\n  items: BasePaginatedCollection<BaseObject>;\n  className?: string;\n}\n\nfunction CommaList(props: CommaListProps): React.ReactElement {\n  const { label, items, className } = props;\n\n  const hasItems = items && items.data && items.data.length;\n\n  if (!hasItems)\n    return <></>;\n\n  const commaSeperated = items.data.map(i => i.name).join(', ');\n\n  return (\n    <div className={className}>{label}: {commaSeperated}</div>\n  );\n}\n\nfunction DetailsSection(props: VideoDetailsWithScrollbarProps): React.ReactElement {\n  const { video } = props;\n\n  if (!VideoHelper.isVideo(video) && !VideoHelper.isClip(video))\n    return <></>;\n\n  const parentVideo = VideoHelper.getParentVideo(video);\n\n  return (\n    <div className={video.description ? 'col-md-5 ps-md-3 pt-3 pt-md-0' : 'col-12'}>\n      <h2 className='h6 mb-1'><Text phrase='details' /></h2>\n      {!!parentVideo.productionYear && (\n        <div className='mb-1'>\n          <Text phrase='productionYear' options={{ year: parentVideo.productionYear }} />\n        </div>\n      )}\n      <CommaList\n        label={getPhrase('productionCompanies', { smartCount: parentVideo.productionCompanies?.data?.length })}\n        items={parentVideo.productionCompanies}\n        className='mb-1'\n      />\n      <CommaList\n        label={getPhrase('distributors', { smartCount: parentVideo.distributors?.data?.length })}\n        items={parentVideo.distributors}\n        className='mb-1'\n      />\n      <CommaList\n        label={getPhrase('producers', { smartCount: parentVideo.producers?.data?.length })}\n        items={parentVideo.producers}\n        className='mb-1'\n      />\n      <CommaList\n        label={getPhrase('directors', { smartCount: parentVideo.directors?.data?.length })}\n        items={parentVideo.directors}\n        className='mb-1'\n      />\n      {!!parentVideo.dateBroadcast && (\n        <div className='mb-1'>\n          <Text phrase='dateBroadcast' options={{ date: DateHelper.format(parentVideo.dateBroadcast, 'DD/MM/YYYY') }} />\n        </div>\n      )}\n      {!!parentVideo.channel && (\n        <div className='mb-1'>\n          <Text phrase='channel' options={{ channel: parentVideo.channel.name }} />\n        </div>\n      )}\n      {VideoHelper.canViewUploadDate(props.video) && (\n        <div className='mb-1'>\n          <Text phrase='dateUploaded' options={{ date: DateHelper.format(video.dateCreated, 'DD/MM/YYYY') }} />\n        </div>\n      )}\n    </div>\n  );\n}\n\ninterface VideoDetailsWithScrollbarProps {\n  video: VideoTypes;\n  currentUser?: CurrentUser;\n  getTagAppLink?: (tag: Tag) => Core.AppLink;\n  onLaunchImmersiveReader?: () => void;\n  onExitImmersiveReader?: () => void;\n  onClickClose?: () => void;\n  onClickShowCurriculumLinks?: () => void;\n  maxHeight?: number;\n  suppressInteractivity?: boolean;\n  hideTags?: boolean;\n}\n\nexport function VideoDetailsWithScrollbar(props: VideoDetailsWithScrollbarProps): React.ReactElement {\n  const { video, maxHeight = MINIMUM_GLANCE_HEIGHT } = props;\n\n  const parentVideo = VideoHelper.getParentVideo(video);\n\n  const showDescription = !!props.video.description;\n\n  const showDetails = (\n    hasPPDD(props.video) ||\n    !!parentVideo.productionYear ||\n    !!parentVideo.dateBroadcast ||\n    !!parentVideo.channel ||\n    VideoHelper.canViewUploadDate(props.video)\n  );\n\n  const canClose = typeof props.onClickClose === 'function';\n  const showCurriculumLinks = typeof props.onClickShowCurriculumLinks === 'function';\n\n  function getTags(): Tag[] {\n    if (props.hideTags || VideoHelper.isInteractive(props.video) || !props.video.tags?.data?.length)\n      return null;\n\n    return props.video.tags.data;\n  }\n\n  if (!showDescription && !showDetails)\n    return <></>;\n\n  return (\n    <LanguageNamespaceContext.Provider value={namespace}>\n      <div className='rounded border p-3 mb-3 position-relative'>\n        <Scrollbars autoHeight autoHeightMax={maxHeight}>\n          <div className='row g-0'>\n            {showDescription && (\n              <div className={showDetails ? `${styles.descriptionBorder} pe-3 col-md-7` : 'col-12'}>\n                <div className='d-flex align-items-center'>\n                  <h2 className='h6 mb-1'>\n                    <Text phrase='description' />\n                  </h2>\n                  <ImmersiveReader\n                    text={video.description}\n                    title={video.name}\n                    className='ps-2'\n                    onLaunch={props.onLaunchImmersiveReader}\n                    onExit={props.onExitImmersiveReader}\n                    analyticsOptions={{\n                      location: LocationContext.PlayPage,\n                      entity: EntityType.Video,\n                      actionType: UserAction.Click,\n                      descriptor: ClickDescriptor.LaunchImmersiveReader\n                    }}\n                    analyticsData={{ id: video.id, type: 'description' }}\n                  />\n                </div>\n                <p className='mb-0' dangerouslySetInnerHTML={{ __html: TextHelper.sanitize(LinkifyHelper.linkifyText(props.video.description, { nl2br: true })) }} />\n                <TagList\n                  tags={getTags()}\n                  {...TagHelper.getTagActionProps(props.getTagAppLink, null, props.suppressInteractivity)}\n                  className='mt-1'\n                />\n                {showCurriculumLinks && (\n                  <DivButton\n                    onClick={props.onClickShowCurriculumLinks}\n                    className='cursor-pointer d-inline-block fw-semibold text-info mt-2 mb-1'\n                  >\n                    <Text namespace={namespace} phrase='seeCurriculumLinks' />\n                  </DivButton>\n                )}\n              </div>\n            )}\n\n            {showDetails && (\n              <DetailsSection {...props} />\n            )}\n          </div>\n        </Scrollbars>\n\n        {canClose && (\n          <button\n            type='button'\n            className={`btn-close ${styles.closeButton}`}\n            aria-label='Close'\n            onClick={props.onClickClose}\n          />\n        )}\n      </div>\n    </LanguageNamespaceContext.Provider>\n  );\n}\n","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/react/index';\n\nimport { AnalyticsOptions, LocationContext, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { ActionOptions } from 'libs/shared/components/actions/Actions';\nimport { Actions as ActionsButtons } from 'libs/shared/components/actions/Actions';\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { VideoDetailsWithScrollbar } from 'libs/shared/components/video-details/VideoDetails';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { MediaIdType } from 'libs/shared/enums/MediaIdType';\nimport { ClipRequests } from 'libs/shared/flight-requests/ClipRequests';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { InteractiveRequests } from 'libs/shared/flight-requests/InteractiveRequests';\nimport { PlayerRequests } from 'libs/shared/flight-requests/PlayerRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { useHandleObjectError } from 'libs/shared/hooks/UseHandleObjectError';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { InfoSvg } from 'libs/shared/images/svg/status/InfoSvg';\nimport { Config, CurrentUser, PlayerViewKey, User, VideoTypes } from 'libs/shared/interfaces';\nimport { UserHelper } from 'libs/shared/utils/UserHelper';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { LitePlayerView } from 'shared/views/lite-player/LitePlayerView';\n\nimport { UserManagerRequests } from 'apps/user-manager/flight-requests/UserManagerRequests';\n\nconst namespace = 'userManager.studentsVideo';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nfunction getRequest(id: string, typeId: string): Flight.Request {\n  if (typeId.toString() === MasterType.Clip.toString())\n    return ClipRequests.clip(id);\n\n  if (typeId.toString() === MasterType.Interactive.toString())\n    return InteractiveRequests.interactiveMetadata(id);\n\n  return VideoRequests.video(id);\n}\n\nfunction getMessagePhrase(typeId: string): string {\n  if (typeId.toString() === MasterType.Clip.toString())\n    return 'messageClip';\n\n  if (typeId.toString() === MasterType.Interactive.toString())\n    return 'messageInteractive';\n\n  return 'messageVideo';\n}\n\ninterface StudentsVideoProps {\n  userId: string;\n  id: string;\n  typeId: string;\n}\n\nexport function StudentsVideoView(props: StudentsVideoProps): JSX.Element {\n  const user = Flight.useBasicFetch<User>(UserManagerRequests.getUser(props.userId));\n\n  const video = Flight.useBasicFetch<VideoTypes>(getRequest(props.id, props.typeId));\n\n  const viewKey = Flight.useBasicFetch<PlayerViewKey>(PlayerRequests.createViewKey(props.id, MediaIdType.MasterObject));\n\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n\n  useHandleObjectError([ user, video ]);\n  useSetPageMetadata({\n    title: user.data ?\n      LanguageService.getPhrase(\n        namespace,\n        'pageTitle',\n        { name: UserHelper.getFullName(user.data) }\n      ) :\n      ''\n  });\n\n  function getVideoActions(): ActionOptions[] {\n    const analyticsOptions: AnalyticsOptions = {\n      entity: VideoHelper.getAnalyticsEntity(video.data),\n      location: LocationContext.ViewStudentVideos\n    };\n  \n    const analyticsData = {\n      id: video.data.id\n    };\n  \n    const actions: ActionOptions[] = [];\n  \n    if (VideoHelper.isVideo(video.data)) {\n      actions.push({\n        order: 1,\n        label: getPhrase('download'),\n        appLink: { application: AppChannels.VIDEOS, action: Actions.Videos.DOWNLOAD_VIDEO, args: [video.data.id]},\n        analyticsOptions: {\n          ...analyticsOptions,\n          actionType: UserAction.Download,\n          workflowPhase: WorkflowPhase.Start\n        },\n        analyticsData\n      });\n    }\n  \n    actions.push({\n      order: 2,\n      label: getPhrase('delete'),\n      appLink: {\n        application: AppChannels.USER_MANAGER,\n        action: Actions.UserManager.DELETE_STUDENTS_VIDEO,\n        args: [ props.id, video.data.id ],\n        params: { typeId: video.data.typeId }\n      },\n      className: 'text-danger',\n      analyticsOptions: {\n        ...analyticsOptions,\n        actionType: UserAction.Delete,\n        workflowPhase: WorkflowPhase.Start\n      },\n      analyticsData\n    });\n  \n    return actions;\n  }\n\n  const dataLoaded = (\n    user.hasCompleted &&\n    video.hasCompleted &&\n    viewKey.hasCompleted &&\n    config.hasCompleted &&\n    currentUser.hasCompleted\n  );\n\n  if (!dataLoaded)\n    return <></>;\n\n  return (\n    <div className='px-3'>\n      <div className='alert text-dark bg-light-blue px-2 rounded d-flex flex-column flex-lg-row justify-content-between mb-3 align-items-center' role='alert'>\n        <div className='d-flex align-items-center'>\n          <SvgContainer\n            svg={InfoSvg}\n            size={SvgContainerSize.Standard}\n            className='me-2 svg-container'\n          />\n  \n          <div className='w-100'>\n            <p className='fw-semibold mb-0'>\n              {getPhrase(\n                getMessagePhrase(props.typeId),\n                { name: UserHelper.getFullName(user.data), yearGroup: user.data.masterYearGroup?.name }\n              )}\n            </p>\n          </div>\n        </div>\n      </div>\n      <div className='mb-3'>\n        <LitePlayerView\n          config={config.data}\n          video={video.data}\n          currentUser={currentUser.data}\n          viewKey={viewKey.data}\n          presentationSlug={null}\n        />\n      </div>\n      <div className='d-flex justify-content-between align-items-center mb-2'>\n        <div>\n          <h1 className='h3 d-inline-flex m-0 mb-2'>\n            {video.data.name}\n          </h1>\n        </div>\n        <ActionsButtons\n          actions={getVideoActions()}\n          actionsDropdownClassName='btn btn-outline-dark'\n        />\n      </div>\n      <VideoDetailsWithScrollbar video={video.data} />\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"Dtag-27K.chunk.js","names":[],"sources":["../../../../libs/shared/src/components/video-details/video-details.module.scss","../../../../libs/shared/src/components/video-details/VideoDetails.tsx","../../src/apps/user-manager/views/students-video/StudentsVideoView.tsx"],"sourcesContent":[":local {\n  .closeButton {\n    position: absolute;\n    top: 1rem;\n    right: map-get($spacers, 3);\n  }\n  \n  @media (min-width: #{map-get($grid-breakpoints, md)}) {\n    .descriptionBorder {\n      border-right: 1px solid $gray-300;\n    }\n  }\n}","import * as React from 'react';\nimport { Scrollbars } from 'react-custom-scrollbars-2';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\nimport { LinkifyHelper } from 'libs/common/react/utils/LinkifyHelper';\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\n\nimport { ClickDescriptor, EntityType, LocationContext, UserAction } from 'libs/analytics/interfaces';\n\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\nimport { ImmersiveReader } from 'libs/shared/components/immersive-reader/ImmersiveReader';\nimport { TagHelper } from 'libs/shared/components/tags/TagHelper';\nimport { TagList } from 'libs/shared/components/tags/TagList';\nimport { LanguageNamespaceContext, Text } from 'libs/shared/components/text/Text';\nimport { MINIMUM_GLANCE_HEIGHT } from 'libs/shared/constants/MinimumGlanceHeight';\nimport { BaseObject, BasePaginatedCollection, CurrentUser, Tag, VideoTypes } from 'libs/shared/interfaces';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { hasPPDD } from './VideoDetailsUtils';\n\nimport styles from './video-details.module.scss';\n\nconst namespace = 'shared.videoDetails';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface CommaListProps {\n  label: string;\n  items: BasePaginatedCollection<BaseObject>;\n  className?: string;\n}\n\nfunction CommaList(props: CommaListProps): React.ReactElement {\n  const { label, items, className } = props;\n\n  const hasItems = items && items.data && items.data.length;\n\n  if (!hasItems)\n    return <></>;\n\n  const commaSeperated = items.data.map(i => i.name).join(', ');\n\n  return (\n    <div className={className}>{label}: {commaSeperated}</div>\n  );\n}\n\nfunction DetailsSection(props: VideoDetailsWithScrollbarProps): React.ReactElement {\n  const { video } = props;\n\n  if (!VideoHelper.isVideo(video) && !VideoHelper.isClip(video))\n    return <></>;\n\n  const parentVideo = VideoHelper.getParentVideo(video);\n\n  return (\n    <div className={video.description ? 'col-md-5 ps-md-3 pt-3 pt-md-0' : 'col-12'}>\n      <h2 className='h6 mb-1'><Text phrase='details' /></h2>\n      {!!parentVideo.productionYear && (\n        <div className='mb-1'>\n          <Text phrase='productionYear' options={{ year: parentVideo.productionYear }} />\n        </div>\n      )}\n      <CommaList\n        label={getPhrase('productionCompanies', { smartCount: parentVideo.productionCompanies?.data?.length })}\n        items={parentVideo.productionCompanies}\n        className='mb-1'\n      />\n      <CommaList\n        label={getPhrase('distributors', { smartCount: parentVideo.distributors?.data?.length })}\n        items={parentVideo.distributors}\n        className='mb-1'\n      />\n      <CommaList\n        label={getPhrase('producers', { smartCount: parentVideo.producers?.data?.length })}\n        items={parentVideo.producers}\n        className='mb-1'\n      />\n      <CommaList\n        label={getPhrase('directors', { smartCount: parentVideo.directors?.data?.length })}\n        items={parentVideo.directors}\n        className='mb-1'\n      />\n      {!!parentVideo.dateBroadcast && (\n        <div className='mb-1'>\n          <Text phrase='dateBroadcast' options={{ date: DateHelper.format(parentVideo.dateBroadcast, 'DD/MM/YYYY') }} />\n        </div>\n      )}\n      {!!parentVideo.channel && (\n        <div className='mb-1'>\n          <Text phrase='channel' options={{ channel: parentVideo.channel.name }} />\n        </div>\n      )}\n      {VideoHelper.canViewUploadDate(props.video) && (\n        <div className='mb-1'>\n          <Text phrase='dateUploaded' options={{ date: DateHelper.format(video.dateCreated, 'DD/MM/YYYY') }} />\n        </div>\n      )}\n    </div>\n  );\n}\n\ninterface VideoDetailsWithScrollbarProps {\n  video: VideoTypes;\n  currentUser?: CurrentUser;\n  getTagAppLink?: (tag: Tag) => Core.AppLink;\n  onLaunchImmersiveReader?: () => void;\n  onExitImmersiveReader?: () => void;\n  onClickClose?: () => void;\n  onClickShowCurriculumLinks?: () => void;\n  maxHeight?: number;\n  suppressInteractivity?: boolean;\n  hideTags?: boolean;\n}\n\nexport function VideoDetailsWithScrollbar(props: VideoDetailsWithScrollbarProps): React.ReactElement {\n  const { video, maxHeight = MINIMUM_GLANCE_HEIGHT } = props;\n\n  const parentVideo = VideoHelper.getParentVideo(video);\n\n  const showDescription = !!props.video.description;\n\n  const showDetails = (\n    hasPPDD(props.video) ||\n    !!parentVideo.productionYear ||\n    !!parentVideo.dateBroadcast ||\n    !!parentVideo.channel ||\n    VideoHelper.canViewUploadDate(props.video)\n  );\n\n  const canClose = typeof props.onClickClose === 'function';\n  const showCurriculumLinks = typeof props.onClickShowCurriculumLinks === 'function';\n\n  function getTags(): Tag[] {\n    if (props.hideTags || VideoHelper.isInteractive(props.video) || !props.video.tags?.data?.length)\n      return null;\n\n    return props.video.tags.data;\n  }\n\n  if (!showDescription && !showDetails)\n    return <></>;\n\n  return (\n    <LanguageNamespaceContext.Provider value={namespace}>\n      <div className='rounded border p-3 mb-3 position-relative'>\n        <Scrollbars autoHeight autoHeightMax={maxHeight}>\n          <div className='row g-0'>\n            {showDescription && (\n              <div className={showDetails ? `${styles.descriptionBorder} pe-3 col-md-7` : 'col-12'}>\n                <div className='d-flex align-items-center'>\n                  <h2 className='h6 mb-1'>\n                    <Text phrase='description' />\n                  </h2>\n                  <ImmersiveReader\n                    text={video.description}\n                    title={video.name}\n                    className='ps-2'\n                    onLaunch={props.onLaunchImmersiveReader}\n                    onExit={props.onExitImmersiveReader}\n                    analyticsOptions={{\n                      location: LocationContext.PlayPage,\n                      entity: EntityType.Video,\n                      actionType: UserAction.Click,\n                      descriptor: ClickDescriptor.LaunchImmersiveReader\n                    }}\n                    analyticsData={{ id: video.id, type: 'description' }}\n                  />\n                </div>\n                <p className='mb-0' dangerouslySetInnerHTML={{ __html: TextHelper.sanitize(LinkifyHelper.linkifyText(props.video.description, { nl2br: true })) }} />\n                <TagList\n                  tags={getTags()}\n                  {...TagHelper.getTagActionProps(props.getTagAppLink, null, props.suppressInteractivity)}\n                  className='mt-1'\n                />\n                {showCurriculumLinks && (\n                  <DivButton\n                    onClick={props.onClickShowCurriculumLinks}\n                    className='cursor-pointer d-inline-block fw-semibold text-info mt-2 mb-1'\n                  >\n                    <Text namespace={namespace} phrase='seeCurriculumLinks' />\n                  </DivButton>\n                )}\n              </div>\n            )}\n\n            {showDetails && (\n              <DetailsSection {...props} />\n            )}\n          </div>\n        </Scrollbars>\n\n        {canClose && (\n          <button\n            type='button'\n            className={`btn-close ${styles.closeButton}`}\n            aria-label='Close'\n            onClick={props.onClickClose}\n          />\n        )}\n      </div>\n    </LanguageNamespaceContext.Provider>\n  );\n}\n","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/react/index';\n\nimport { AnalyticsOptions, LocationContext, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { ActionOptions } from 'libs/shared/components/actions/Actions';\nimport { Actions as ActionsButtons } from 'libs/shared/components/actions/Actions';\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { VideoDetailsWithScrollbar } from 'libs/shared/components/video-details/VideoDetails';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { MediaIdType } from 'libs/shared/enums/MediaIdType';\nimport { ClipRequests } from 'libs/shared/flight-requests/ClipRequests';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { InteractiveRequests } from 'libs/shared/flight-requests/InteractiveRequests';\nimport { PlayerRequests } from 'libs/shared/flight-requests/PlayerRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { useHandleObjectError } from 'libs/shared/hooks/UseHandleObjectError';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { InfoSvg } from 'libs/shared/images/svg/status/InfoSvg';\nimport { Config, CurrentUser, PlayerViewKey, User, VideoTypes } from 'libs/shared/interfaces';\nimport { UserHelper } from 'libs/shared/utils/UserHelper';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { LitePlayerView } from 'shared/views/lite-player/LitePlayerView';\n\nimport { UserManagerRequests } from 'apps/user-manager/flight-requests/UserManagerRequests';\n\nconst namespace = 'userManager.studentsVideo';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nfunction getRequest(id: string, typeId: string): Flight.Request {\n  if (typeId.toString() === MasterType.Clip.toString())\n    return ClipRequests.clip(id);\n\n  if (typeId.toString() === MasterType.Interactive.toString())\n    return InteractiveRequests.interactiveMetadata(id);\n\n  return VideoRequests.video(id);\n}\n\nfunction getMessagePhrase(typeId: string): string {\n  if (typeId.toString() === MasterType.Clip.toString())\n    return 'messageClip';\n\n  if (typeId.toString() === MasterType.Interactive.toString())\n    return 'messageInteractive';\n\n  return 'messageVideo';\n}\n\ninterface StudentsVideoProps {\n  userId: string;\n  id: string;\n  typeId: string;\n}\n\nexport function StudentsVideoView(props: StudentsVideoProps): JSX.Element {\n  const user = Flight.useBasicFetch<User>(UserManagerRequests.getUser(props.userId));\n\n  const video = Flight.useBasicFetch<VideoTypes>(getRequest(props.id, props.typeId));\n\n  const viewKey = Flight.useBasicFetch<PlayerViewKey>(PlayerRequests.createViewKey(props.id, MediaIdType.MasterObject));\n\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n\n  useHandleObjectError([ user, video ]);\n  useSetPageMetadata({\n    title: user.data ?\n      LanguageService.getPhrase(\n        namespace,\n        'pageTitle',\n        { name: UserHelper.getFullName(user.data) }\n      ) :\n      ''\n  });\n\n  function getVideoActions(): ActionOptions[] {\n    const analyticsOptions: AnalyticsOptions = {\n      entity: VideoHelper.getAnalyticsEntity(video.data),\n      location: LocationContext.ViewStudentVideos\n    };\n  \n    const analyticsData = {\n      id: video.data.id\n    };\n  \n    const actions: ActionOptions[] = [];\n  \n    if (VideoHelper.isVideo(video.data)) {\n      actions.push({\n        order: 1,\n        label: getPhrase('download'),\n        appLink: { application: AppChannels.VIDEOS, action: Actions.Videos.DOWNLOAD_VIDEO, args: [video.data.id]},\n        analyticsOptions: {\n          ...analyticsOptions,\n          actionType: UserAction.Download,\n          workflowPhase: WorkflowPhase.Start\n        },\n        analyticsData\n      });\n    }\n  \n    actions.push({\n      order: 2,\n      label: getPhrase('delete'),\n      appLink: {\n        application: AppChannels.USER_MANAGER,\n        action: Actions.UserManager.DELETE_STUDENTS_VIDEO,\n        args: [ props.id, video.data.id ],\n        params: { typeId: video.data.typeId }\n      },\n      className: 'text-danger',\n      analyticsOptions: {\n        ...analyticsOptions,\n        actionType: UserAction.Delete,\n        workflowPhase: WorkflowPhase.Start\n      },\n      analyticsData\n    });\n  \n    return actions;\n  }\n\n  const dataLoaded = (\n    user.hasCompleted &&\n    video.hasCompleted &&\n    viewKey.hasCompleted &&\n    config.hasCompleted &&\n    currentUser.hasCompleted\n  );\n\n  if (!dataLoaded)\n    return <></>;\n\n  return (\n    <div className='px-3'>\n      <div className='alert text-dark bg-light-blue px-2 rounded d-flex flex-column flex-lg-row justify-content-between mb-3 align-items-center' role='alert'>\n        <div className='d-flex align-items-center'>\n          <SvgContainer\n            svg={InfoSvg}\n            size={SvgContainerSize.Standard}\n            className='me-2 svg-container'\n          />\n  \n          <div className='w-100'>\n            <p className='fw-semibold mb-0'>\n              {getPhrase(\n                getMessagePhrase(props.typeId),\n                { name: UserHelper.getFullName(user.data), yearGroup: user.data.masterYearGroup?.name }\n              )}\n            </p>\n          </div>\n        </div>\n      </div>\n      <div className='mb-3'>\n        <LitePlayerView\n          config={config.data}\n          video={video.data}\n          currentUser={currentUser.data}\n          viewKey={viewKey.data}\n          presentationSlug={null}\n        />\n      </div>\n      <div className='d-flex justify-content-between align-items-center mb-2'>\n        <div>\n          <h1 className='h3 d-inline-flex m-0 mb-2'>\n            {video.data.name}\n          </h1>\n        </div>\n        <ActionsButtons\n          actions={getVideoActions()}\n          actionsDropdownClassName='btn btn-outline-dark'\n        />\n      </div>\n      <VideoDetailsWithScrollbar video={video.data} />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/scripts/{DOCHl5Sy.chunk.js → DyE6EUDb.chunk.js}

@@ -1,2 +1,2 @@
-import"./DAXXjFlN.chunk.js";import{y as e}from"./BftnFbcr.chunk.js";import"./DFZS3Ffo.chunk.js";import{t}from"./CQyJ7YGa.chunk.js";import{t as n}from"./C2w0pmFW.chunk.js";import{t as r}from"./wrLrTezN.chunk.js";import{u as i}from"./BX0wDJmp.chunk.js";import{t as a}from"./DIqO2TFN.chunk.js";import{t as o}from"./DTGfiG8Y.chunk.js";import{t as s}from"./LoQS6GjP.chunk.js";import{t as c}from"./CqrjHjAN.chunk.js";import{t as l}from"./D_gWf2lC.chunk.js";import{t as u}from"./DruDe9vI.chunk.js";import{t as d}from"./C4TNMYS42.chunk.js";import{n as f,t as p}from"./BGhJ8TEx.chunk.js";import{t as m}from"./BxjzTnvL2.chunk.js";import{t as h}from"./CpoRsMKu.chunk.js";import{t as g}from"./DaT2nTfp.chunk.js";import{t as _}from"./C-k6FY-f.chunk.js";n();var v=r(),y=t.encloseNamespace(`views.upsellProductInfoView`);function b(t){let n=i(c.currentUser()),r=n.data?.instanceRegion,b=i(l.config()),x=d(),{applink:S}=h(),C=x.upsellPresentationType===o.Subject?`welcomeToClickView`:`welcomeToClickViewLive`,w=(b.data?.liteUrl.includes(`staging`)?a.TutorialVideoHighlight[C].staging:a.TutorialVideoHighlight[C].production)?.[r],T=i(w&&s.sharedVideo(w.VIDEO,w.SHARE)),E=i(w&&p.createViewKey(w.SHARE,f.Share)),D=i(w.SHARE&&u.getShareObject(w.SHARE)),O=()=>{t.closePopup(),e.trigger(S)},k=n.hasCompleted&&b.hasCompleted,A=!w||T.hasCompleted&&E.hasCompleted,j=k&&A,M=!!T.data&&!!E.data,N=y(x.upsellPresentationType===o.Subject?`cv`:`cvlive`);return(0,v.jsxs)(g,{size:`lg`,closePopup:t.closePopup,showLoadingSpinner:!j,title:y(`header`,{productName:N}),children:[j&&M&&(0,v.jsx)(m,{config:b.data,currentUser:n.data,video:T?.data,viewKey:E.data,presentationSlug:null,shareLink:D.data,autoplay:!0}),(0,v.jsx)(`p`,{className:`mt-3`,children:y(`infoText`,{productName:N})}),(0,v.jsxs)(_,{children:[(0,v.jsx)(_.Cancel,{onClick:t.closePopup}),(0,v.jsx)(_.Submit,{onClick:O,text:y(`submitText`),variant:`dark`})]})]})}export{b as UpsellProductInfoView};
-//# sourceMappingURL=DOCHl5Sy.chunk.js.map
+import"./DAXXjFlN.chunk.js";import{y as e}from"./BftnFbcr.chunk.js";import"./DFZS3Ffo.chunk.js";import{t}from"./CQyJ7YGa.chunk.js";import{t as n}from"./C2w0pmFW.chunk.js";import{t as r}from"./wrLrTezN.chunk.js";import{u as i}from"./BX0wDJmp.chunk.js";import{t as a}from"./DIqO2TFN.chunk.js";import{t as o}from"./DTGfiG8Y.chunk.js";import{t as s}from"./LoQS6GjP.chunk.js";import{t as c}from"./CqrjHjAN.chunk.js";import{t as l}from"./D_gWf2lC.chunk.js";import{t as u}from"./DruDe9vI.chunk.js";import{t as d}from"./C4TNMYS42.chunk.js";import{n as f,t as p}from"./BGhJ8TEx.chunk.js";import{t as m}from"./D-iyHqNw2.chunk.js";import{t as h}from"./CpoRsMKu.chunk.js";import{t as g}from"./DaT2nTfp.chunk.js";import{t as _}from"./C-k6FY-f.chunk.js";n();var v=r(),y=t.encloseNamespace(`views.upsellProductInfoView`);function b(t){let n=i(c.currentUser()),r=n.data?.instanceRegion,b=i(l.config()),x=d(),{applink:S}=h(),C=x.upsellPresentationType===o.Subject?`welcomeToClickView`:`welcomeToClickViewLive`,w=(b.data?.liteUrl.includes(`staging`)?a.TutorialVideoHighlight[C].staging:a.TutorialVideoHighlight[C].production)?.[r],T=i(w&&s.sharedVideo(w.VIDEO,w.SHARE)),E=i(w&&p.createViewKey(w.SHARE,f.Share)),D=i(w.SHARE&&u.getShareObject(w.SHARE)),O=()=>{t.closePopup(),e.trigger(S)},k=n.hasCompleted&&b.hasCompleted,A=!w||T.hasCompleted&&E.hasCompleted,j=k&&A,M=!!T.data&&!!E.data,N=y(x.upsellPresentationType===o.Subject?`cv`:`cvlive`);return(0,v.jsxs)(g,{size:`lg`,closePopup:t.closePopup,showLoadingSpinner:!j,title:y(`header`,{productName:N}),children:[j&&M&&(0,v.jsx)(m,{config:b.data,currentUser:n.data,video:T?.data,viewKey:E.data,presentationSlug:null,shareLink:D.data,autoplay:!0}),(0,v.jsx)(`p`,{className:`mt-3`,children:y(`infoText`,{productName:N})}),(0,v.jsxs)(_,{children:[(0,v.jsx)(_.Cancel,{onClick:t.closePopup}),(0,v.jsx)(_.Submit,{onClick:O,text:y(`submitText`),variant:`dark`})]})]})}export{b as UpsellProductInfoView};
+//# sourceMappingURL=DyE6EUDb.chunk.js.map

package/dist/scripts/{DOCHl5Sy.chunk.js.map → DyE6EUDb.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DOCHl5Sy.chunk.js","names":[],"sources":["../../src/shared/views/upsell-product-info/UpsellProductInfoView.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/react/index';\n\nimport { ShareRequests } from 'libs/shared/apps/share/flight-requests/ShareRequests';\nimport { Popup } from 'libs/shared/components/popup/Popup';\nimport { PopupButtons } from 'libs/shared/components/popup/PopupButtons';\nimport { HardCoded } from 'libs/shared/constants/HardCoded';\nimport { MediaIdType } from 'libs/shared/enums/MediaIdType';\nimport { PresentationType } from 'libs/shared/enums/PresentationType';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { PlayerRequests } from 'libs/shared/flight-requests/PlayerRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { Config, CurrentUser, PlayerViewKey, ShareLink, VideoTypes } from 'libs/shared/interfaces';\n\nimport { useRequestAccessApplink } from 'shared/hooks/useRequestAccessApplink';\nimport { useUpsellContext } from 'shared/hooks/useUpsellContext';\n\nimport { LitePlayerView } from '../lite-player/LitePlayerView';\n\nconst namespace = 'views.upsellProductInfoView';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface UpsellProductInfoViewProps {\n  presentationPreview: PresentationType;\n  closePopup: () => void;\n}\n\nexport function UpsellProductInfoView(props: UpsellProductInfoViewProps) {\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const instanceRegion = currentUser.data?.instanceRegion;\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n  const context = useUpsellContext();\n\n  const { applink: requestAccessApplink } = useRequestAccessApplink();\n\n  const type = context.upsellPresentationType === PresentationType.Subject ? 'welcomeToClickView' : 'welcomeToClickViewLive';\n\n  const ids = config.data?.liteUrl.includes('staging') ?\n    HardCoded.TutorialVideoHighlight[type].staging :\n    HardCoded.TutorialVideoHighlight[type].production;\n\n  const videoIds = ids?.[instanceRegion as keyof typeof ids];\n\n  const video = Flight.useBasicFetch<VideoTypes>(\n    videoIds && VideoRequests.sharedVideo(videoIds.VIDEO, videoIds.SHARE)\n  );\n\n  const viewKey = Flight.useBasicFetch<PlayerViewKey>(\n    videoIds && PlayerRequests.createViewKey(videoIds.SHARE, MediaIdType.Share)\n  );\n\n  const shareLink = Flight.useBasicFetch<ShareLink>(\n    videoIds.SHARE && ShareRequests.getShareObject(videoIds.SHARE)\n  );\n\n  const onAccessRequest = () => {\n    props.closePopup();\n    Core.AppLinkHelper.trigger(requestAccessApplink);\n  };\n\n  const inputsLoaded = currentUser.hasCompleted && config.hasCompleted;\n  const videoLoaded = !videoIds || (video.hasCompleted && viewKey.hasCompleted);\n  const loaded = inputsLoaded && videoLoaded;\n  const hasVideo = !!video.data && !!viewKey.data;\n  \n  const productName = getPhrase(context.upsellPresentationType === PresentationType.Subject ? 'cv' : 'cvlive');\n\n  return (\n    <Popup\n      size='lg'\n      closePopup={props.closePopup}\n      showLoadingSpinner={!loaded}\n      title={getPhrase('header', { productName })}\n    >\n      {\n        loaded && hasVideo &&\n        <LitePlayerView\n          config={config.data}\n          currentUser={currentUser.data}\n          video={video?.data}\n          viewKey={viewKey.data}\n          presentationSlug={null}\n          shareLink={shareLink.data}\n          autoplay\n        />\n      }\n\n      <p className='mt-3'>{getPhrase('infoText', { productName })}</p>\n      \n      <PopupButtons>\n        <PopupButtons.Cancel onClick={props.closePopup} />\n        <PopupButtons.Submit onClick={onAccessRequest} text={getPhrase('submitText')} variant='dark' />\n      </PopupButtons>\n    </Popup>\n  );\n}\n"],"mappings":"kvBAwBM,EAAY,EAAgB,iBAAiB,6BAAS,EAO5D,SAAgB,EAAsB,EAAmC,CACvE,IAAM,EAAc,EAAkC,EAAa,YAAY,CAAC,EAC1E,EAAiB,EAAY,MAAM,eACnC,EAAS,EAA6B,EAAe,OAAO,CAAC,EAC7D,EAAU,EAAiB,EAE3B,CAAE,QAAS,GAAyB,EAAwB,EAE5D,EAAO,EAAQ,yBAA2B,EAAiB,QAAU,qBAAuB,yBAM5F,GAJM,EAAO,MAAM,QAAQ,SAAS,SAAS,EACjD,EAAU,uBAAuB,EAAK,CAAC,QACvC,EAAU,uBAAuB,EAAK,CAAC,WAAA,GAElB,GAEjB,EAAQ,EACZ,GAAY,EAAc,YAAY,EAAS,MAAO,EAAS,KAAK,CACtE,EAEM,EAAU,EACd,GAAY,EAAe,cAAc,EAAS,MAAO,EAAY,KAAK,CAC5E,EAEM,EAAY,EAChB,EAAS,OAAS,EAAc,eAAe,EAAS,KAAK,CAC/D,EAEM,MAAwB,CAC5B,EAAM,WAAW,EACjB,EAAmB,QAAQ,CAAoB,CACjD,EAEM,EAAe,EAAY,cAAgB,EAAO,aAClD,EAAc,CAAC,GAAa,EAAM,cAAgB,EAAQ,aAC1D,EAAS,GAAgB,EACzB,EAAW,CAAC,CAAC,EAAM,MAAQ,CAAC,CAAC,EAAQ,KAErC,EAAc,EAAU,EAAQ,yBAA2B,EAAiB,QAAU,KAAO,QAAQ,EAE3G,OACE,EAAA,EAAA,KAAA,CAAC,EAAD,CACE,KAAK,KACL,WAAY,EAAM,WAClB,mBAAoB,CAAC,EACrB,MAAO,EAAU,SAAU,CAAE,aAAY,CAAC,WAJ5C,CAOI,GAAU,IACV,EAAA,EAAA,IAAA,CAAC,EAAD,CACE,OAAQ,EAAO,KACf,YAAa,EAAY,KACzB,MAAO,GAAO,KACd,QAAS,EAAQ,KACjB,iBAAkB,KAClB,UAAW,EAAU,KACrB,SAAA,EACD,CAAA,GAGH,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAU,gBAAQ,EAAU,WAAY,CAAE,aAAY,CAAC,CAAK,CAAA,GAE/D,EAAA,EAAA,KAAA,CAAC,EAAD,CAAA,SAAA,EACE,EAAA,EAAA,IAAA,CAAC,EAAa,OAAd,CAAqB,QAAS,EAAM,UAAa,CAAA,GACjD,EAAA,EAAA,IAAA,CAAC,EAAa,OAAd,CAAqB,QAAS,EAAiB,KAAM,EAAU,YAAY,EAAG,QAAQ,MAAQ,CAAA,CAClF,CAAA,CAAA,CACT,GAEX"}
+{"version":3,"file":"DyE6EUDb.chunk.js","names":[],"sources":["../../src/shared/views/upsell-product-info/UpsellProductInfoView.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/react/index';\n\nimport { ShareRequests } from 'libs/shared/apps/share/flight-requests/ShareRequests';\nimport { Popup } from 'libs/shared/components/popup/Popup';\nimport { PopupButtons } from 'libs/shared/components/popup/PopupButtons';\nimport { HardCoded } from 'libs/shared/constants/HardCoded';\nimport { MediaIdType } from 'libs/shared/enums/MediaIdType';\nimport { PresentationType } from 'libs/shared/enums/PresentationType';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { PlayerRequests } from 'libs/shared/flight-requests/PlayerRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { Config, CurrentUser, PlayerViewKey, ShareLink, VideoTypes } from 'libs/shared/interfaces';\n\nimport { useRequestAccessApplink } from 'shared/hooks/useRequestAccessApplink';\nimport { useUpsellContext } from 'shared/hooks/useUpsellContext';\n\nimport { LitePlayerView } from '../lite-player/LitePlayerView';\n\nconst namespace = 'views.upsellProductInfoView';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface UpsellProductInfoViewProps {\n  presentationPreview: PresentationType;\n  closePopup: () => void;\n}\n\nexport function UpsellProductInfoView(props: UpsellProductInfoViewProps) {\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const instanceRegion = currentUser.data?.instanceRegion;\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n  const context = useUpsellContext();\n\n  const { applink: requestAccessApplink } = useRequestAccessApplink();\n\n  const type = context.upsellPresentationType === PresentationType.Subject ? 'welcomeToClickView' : 'welcomeToClickViewLive';\n\n  const ids = config.data?.liteUrl.includes('staging') ?\n    HardCoded.TutorialVideoHighlight[type].staging :\n    HardCoded.TutorialVideoHighlight[type].production;\n\n  const videoIds = ids?.[instanceRegion as keyof typeof ids];\n\n  const video = Flight.useBasicFetch<VideoTypes>(\n    videoIds && VideoRequests.sharedVideo(videoIds.VIDEO, videoIds.SHARE)\n  );\n\n  const viewKey = Flight.useBasicFetch<PlayerViewKey>(\n    videoIds && PlayerRequests.createViewKey(videoIds.SHARE, MediaIdType.Share)\n  );\n\n  const shareLink = Flight.useBasicFetch<ShareLink>(\n    videoIds.SHARE && ShareRequests.getShareObject(videoIds.SHARE)\n  );\n\n  const onAccessRequest = () => {\n    props.closePopup();\n    Core.AppLinkHelper.trigger(requestAccessApplink);\n  };\n\n  const inputsLoaded = currentUser.hasCompleted && config.hasCompleted;\n  const videoLoaded = !videoIds || (video.hasCompleted && viewKey.hasCompleted);\n  const loaded = inputsLoaded && videoLoaded;\n  const hasVideo = !!video.data && !!viewKey.data;\n  \n  const productName = getPhrase(context.upsellPresentationType === PresentationType.Subject ? 'cv' : 'cvlive');\n\n  return (\n    <Popup\n      size='lg'\n      closePopup={props.closePopup}\n      showLoadingSpinner={!loaded}\n      title={getPhrase('header', { productName })}\n    >\n      {\n        loaded && hasVideo &&\n        <LitePlayerView\n          config={config.data}\n          currentUser={currentUser.data}\n          video={video?.data}\n          viewKey={viewKey.data}\n          presentationSlug={null}\n          shareLink={shareLink.data}\n          autoplay\n        />\n      }\n\n      <p className='mt-3'>{getPhrase('infoText', { productName })}</p>\n      \n      <PopupButtons>\n        <PopupButtons.Cancel onClick={props.closePopup} />\n        <PopupButtons.Submit onClick={onAccessRequest} text={getPhrase('submitText')} variant='dark' />\n      </PopupButtons>\n    </Popup>\n  );\n}\n"],"mappings":"kvBAwBM,EAAY,EAAgB,iBAAiB,6BAAS,EAO5D,SAAgB,EAAsB,EAAmC,CACvE,IAAM,EAAc,EAAkC,EAAa,YAAY,CAAC,EAC1E,EAAiB,EAAY,MAAM,eACnC,EAAS,EAA6B,EAAe,OAAO,CAAC,EAC7D,EAAU,EAAiB,EAE3B,CAAE,QAAS,GAAyB,EAAwB,EAE5D,EAAO,EAAQ,yBAA2B,EAAiB,QAAU,qBAAuB,yBAM5F,GAJM,EAAO,MAAM,QAAQ,SAAS,SAAS,EACjD,EAAU,uBAAuB,EAAK,CAAC,QACvC,EAAU,uBAAuB,EAAK,CAAC,WAAA,GAElB,GAEjB,EAAQ,EACZ,GAAY,EAAc,YAAY,EAAS,MAAO,EAAS,KAAK,CACtE,EAEM,EAAU,EACd,GAAY,EAAe,cAAc,EAAS,MAAO,EAAY,KAAK,CAC5E,EAEM,EAAY,EAChB,EAAS,OAAS,EAAc,eAAe,EAAS,KAAK,CAC/D,EAEM,MAAwB,CAC5B,EAAM,WAAW,EACjB,EAAmB,QAAQ,CAAoB,CACjD,EAEM,EAAe,EAAY,cAAgB,EAAO,aAClD,EAAc,CAAC,GAAa,EAAM,cAAgB,EAAQ,aAC1D,EAAS,GAAgB,EACzB,EAAW,CAAC,CAAC,EAAM,MAAQ,CAAC,CAAC,EAAQ,KAErC,EAAc,EAAU,EAAQ,yBAA2B,EAAiB,QAAU,KAAO,QAAQ,EAE3G,OACE,EAAA,EAAA,KAAA,CAAC,EAAD,CACE,KAAK,KACL,WAAY,EAAM,WAClB,mBAAoB,CAAC,EACrB,MAAO,EAAU,SAAU,CAAE,aAAY,CAAC,WAJ5C,CAOI,GAAU,IACV,EAAA,EAAA,IAAA,CAAC,EAAD,CACE,OAAQ,EAAO,KACf,YAAa,EAAY,KACzB,MAAO,GAAO,KACd,QAAS,EAAQ,KACjB,iBAAkB,KAClB,UAAW,EAAU,KACrB,SAAA,EACD,CAAA,GAGH,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAU,gBAAQ,EAAU,WAAY,CAAE,aAAY,CAAC,CAAK,CAAA,GAE/D,EAAA,EAAA,KAAA,CAAC,EAAD,CAAA,SAAA,EACE,EAAA,EAAA,IAAA,CAAC,EAAa,OAAd,CAAqB,QAAS,EAAM,UAAa,CAAA,GACjD,EAAA,EAAA,IAAA,CAAC,EAAa,OAAd,CAAqB,QAAS,EAAiB,KAAM,EAAU,YAAY,EAAG,QAAQ,MAAQ,CAAA,CAClF,CAAA,CAAA,CACT,GAEX"}