@clickview/lite 0.56.0 → 0.56.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clickview/lite",
-  "version": "0.56.0",
+  "version": "0.56.1",
   "description": "ClickView Lite",
   "main": "dist/scripts/bundle.js",
   "types": "dist/projects/lite/src/index.d.ts",

package/dist/scripts/2992-c5bec5b43f-lite.chunk.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[2992],{63649:(e,a,t)=>{t.d(a,{X:()=>c});var i=t(32735);const r={video:"ekpg6",notice:"lQs4F",heading:"Gt6uV",interaction:"LEfYX",button:"caHP7",edit:"de4DP",questions:"XelbS"};function c(){return i.createElement("div",{className:"px-3 w-100"},i.createElement("div",{className:"partial-loading-background ".concat(r.notice)}),i.createElement("div",{className:"partial-loading-background mb-3 ".concat(r.video)},i.createElement("div",{className:"partial-loading-background ".concat(r.questions)})),i.createElement("div",{className:"partial-loading-background mb-3 ".concat(r.heading)}),i.createElement("div",null,Array(5).fill(null).map((function(e,a){return i.createElement("div",{key:a,className:"partial-loading-background my-2 ".concat(r.interaction)})}))))}},38280:(e,a,t)=>{t.r(a),t.d(a,{SharedInteractiveView:()=>j});var i=t(32735),r=t(20354),c=t(30439),n=t(4594),d=t(60051),s=t(16714),o=t(39151),l=t(1666),u=t(20768),v=t(47812),m=t(31949),h=t(26304),p=t(91286),b=t(22902),g=t(79612),k=t(76753),y=t(51855),I=t(7179),P=t(36873),f=t(44110),E=t(53073),F=t(97816),C=t(63649),V=t(84062),q=t(25758),w=t(57426),B=t(16857),N={notFound:w.k,forbidden:{privacy:B.m}};function M(e){return e._parentClip||e._parentVideo}function j(e){var a,t,w,j=(0,b.T)().hasPermissions,x=r.a.useBasicFetch(o.L.config()),G=r.a.useBasicFetch(m.N.token()),S=(0,y.G)().isPlugin,_=r.a.useBasicFetch(m.N.currentUser()),A=r.a.useBasicFetch(u.b.sharedInteractiveMetadata(e.objectId,e.shareId)),T=r.a.useBasicFetch(c.o.getShareObject(e.shareId)),U=T.data&&(T.data.objectTypeId===n.E.Interactive?v.k.createViewKey(e.shareId,d.f.Share):v.k.createViewKey(e.objectId,d.f.MasterObject,e.shareId)),X=r.a.useBasicFetch(U),K=(0,f.i)(),L=r.a.useBasicFetch((null===(a=_.data)||void 0===a?void 0:a.isAuthenticated)&&l.h.yearGroups(_.data.customerId)),O=(0,E.f)(),D=r.a.useBasicFetch(O&&A.data&&u.b.interactive(A.data.interactiveId)),H=r.a.useBasicFetch(O&&A.data&&u.b.videoInteractives(M(A.data).id)),Q=(0,P.k)({video:A.data,context:e.queryParams.context,contextId:e.queryParams.contextId,moviesAndTv:e.queryParams.mtv,currentUser:_.data}),Y=M(A.data);(0,p.v)(A,N),(0,h.b)(A,{private:B.m}),(0,I.P)({id:e.objectId,app:"interactives",shareId:e.shareId}),(0,F.V)(null!==(t=Q.videos)&&void 0!==t?t:[]),(0,g.M)(k.CG.getInteractiveMetadata({content:A.data}));var z=A.data&&x.hasCompleted&&_.hasCompleted&&(!O||D.hasCompleted)&&T.hasCompleted&&X.hasCompleted&&G.hasCompleted;return O?z?i.createElement(q.x,{sourceVideo:Y,config:x.data,currentUser:_.data,queryParams:e.queryParams,interactive:A.data,interactives:H.data,isPreviewPreventScrubbingEnabled:D.data.preventScrubbing,yearGroups:L.data,audiences:K.data,relatedVideos:Q,canManageVideoAccess:j(s.C.ManageVideoAccess),isPlugin:S}):i.createElement(C.X,null):z?i.createElement(V.M,{interactive:A.data,currentUser:_.data,config:x.data,audiences:K.data,yearGroups:L.data,queryParams:e.queryParams,viewKey:X.data,relatedVideos:Q,shareLink:T.data,startTime:null===(w=e.queryParams)||void 0===w?void 0:w.t,isPlugin:S,token:G.data}):i.createElement(i.Fragment,null)}}}]);
-//# sourceMappingURL=2992-c5bec5b43f-lite.chunk.js.map

package/dist/scripts/2992-c5bec5b43f-lite.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scripts/2992-c5bec5b43f-lite.chunk.js","mappings":"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","sources":["file:///app/packages/projects/lite/src/apps/interactives/components/interactive-partial-loading/interactive-partial-loading.scss","file:///app/packages/projects/lite/src/apps/interactives/components/interactive-partial-loading/InteractivePartialLoading.tsx","file:///app/packages/projects/lite/src/apps/share/views/shared-interactive/SharedInteractiveView.tsx"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"video\":\"ekpg6\",\"notice\":\"lQs4F\",\"heading\":\"Gt6uV\",\"interaction\":\"LEfYX\",\"button\":\"caHP7\",\"edit\":\"de4DP\",\"questions\":\"XelbS\"};","import React from 'react';\n\nimport styles from './interactive-partial-loading.scss';\n\nexport function InteractivePartialLoading(): React.ReactElement {\n  return (\n    <div className='px-3 w-100'>\n      <div className={`partial-loading-background ${styles.notice}`} />\n      <div className={`partial-loading-background mb-3 ${styles.video}`}>\n        <div className={`partial-loading-background ${styles.questions}`}></div>\n      </div>\n      <div className={`partial-loading-background mb-3 ${styles.heading}`}></div>\n      <div>\n        {Array(5).fill(null).map((_, i) => (\n          <div key={i} className={`partial-loading-background my-2 ${styles.interaction}`}></div>\n        ))}\n      </div>\n    </div>\n  );\n}","import React from 'react';\n\nimport { Flight } from 'libs/common/flight';\n\nimport { ShareRequests } from 'libs/shared/apps/share/flight-requests/ShareRequests';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { MediaIdType } from 'libs/shared/enums/MediaIdType';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { InteractiveRequests } from 'libs/shared/flight-requests/InteractiveRequests';\nimport { PlayerRequests } from 'libs/shared/flight-requests/PlayerRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useCannotConsumeError } from 'libs/shared/hooks/useCannotConsumeError';\nimport { useHandleObjectError } from 'libs/shared/hooks/UseHandleObjectError';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { Clip, Config, CurrentUser, Interactive, InteractiveMetadata, PlayerViewKey, UnionShareObject, Video, YearGroup } from 'libs/shared/interfaces';\nimport { AuthToken } from 'libs/shared/interfaces/models/AuthToken';\nimport { PageMetadataHelper } from 'libs/shared/utils/PageMetadataHelper';\n\nimport { usePluginHelper } from 'shared/hooks/use-plugin-helper/usePluginHelper';\nimport { useDeepLinks } from 'shared/hooks/useDeepLinks';\nimport { useGetRelatedVideos } from 'shared/hooks/useGetRelatedVideos';\nimport { usePresentationAudiences } from 'shared/hooks/usePresentationAudiences';\nimport { useShouldPreviewInteractive } from 'shared/hooks/useShouldPreviewInteractive';\nimport { useVideoMixin } from 'shared/hooks/useVideoMixin';\n\nimport { InteractivePartialLoading } from 'apps/interactives/components/interactive-partial-loading/InteractivePartialLoading';\nimport { PlayInteractive } from 'apps/interactives/components/play-interactive/PlayInteractive';\nimport { PreviewInteractive } from 'apps/interactives/components/preview-interactive/PreviewInteractive';\nimport { ShareLinkNotFoundError } from 'apps/share/errors/share-link-not-found/ShareLinkNotFoundError';\nimport { ShareLinkPrivateError } from 'apps/share/errors/share-link-private/ShareLinkPrivateError';\nimport { ShareLinkViewProps } from 'apps/share/interfaces/ShareLinkViewProps';\n\nconst videoErrors = {\n  notFound: ShareLinkNotFoundError,\n  forbidden: {\n    privacy: ShareLinkPrivateError\n  }\n};\n\nfunction getSourceVideo(interactive: InteractiveMetadata): Clip | Video {\n  return interactive._parentClip || interactive._parentVideo;\n}\n\nexport function SharedInteractiveView(props: ShareLinkViewProps): JSX.Element {\n  const { hasPermissions } = usePermissions();\n\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n  const token = Flight.useBasicFetch<AuthToken>(UserRequests.token());\n\n  const { isPlugin } = usePluginHelper();\n\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const interactiveMetadata = Flight.useBasicFetch<InteractiveMetadata>(\n    InteractiveRequests.sharedInteractiveMetadata(props.objectId, props.shareId)\n  );\n\n  const shareLink = Flight.useBasicFetch<UnionShareObject>(\n    ShareRequests.getShareObject(props.shareId)\n  );\n\n  /**\n   * If the shareLink type isn't an interactive, then it's a playlist and needs to be\n   * used as context for fetching\n   */\n  const viewKeyRequest = shareLink.data && (shareLink.data.objectTypeId === MasterType.Interactive\n    ? PlayerRequests.createViewKey(props.shareId, MediaIdType.Share)\n    : PlayerRequests.createViewKey(props.objectId, MediaIdType.MasterObject, props.shareId));\n  const viewKey = Flight.useBasicFetch<PlayerViewKey>(viewKeyRequest);\n  const audiences = usePresentationAudiences();\n  const yearGroups = Flight.useBasicFetch<YearGroup[]>(\n    currentUser.data?.isAuthenticated && CustomerRequests.yearGroups(currentUser.data.customerId)\n  );\n\n  /**\n   * Authenticated staff with Lite product access get the interactive \"Preview\" view instead\n   * of the usual play view.\n   */\n  const shouldPreviewInteractive = useShouldPreviewInteractive();\n  const interactive = Flight.useBasicFetch<Interactive>(\n    shouldPreviewInteractive && interactiveMetadata.data &&\n    InteractiveRequests.interactive(interactiveMetadata.data.interactiveId)\n  );\n  const interactives = Flight.useBasicFetch<InteractiveMetadata[]>(\n    shouldPreviewInteractive && interactiveMetadata.data &&\n    InteractiveRequests.videoInteractives(getSourceVideo(interactiveMetadata.data).id)\n  );\n\n  const relatedVideos = useGetRelatedVideos({\n    video: interactiveMetadata.data,\n    context: props.queryParams.context,\n    contextId: props.queryParams.contextId,\n    moviesAndTv: props.queryParams.mtv,\n    currentUser: currentUser.data\n  });\n  const sourceVideo = getSourceVideo(interactiveMetadata.data);\n\n  useHandleObjectError(interactiveMetadata, videoErrors);\n  useCannotConsumeError(interactiveMetadata, { private: ShareLinkPrivateError });\n  useDeepLinks({ id: props.objectId, app: 'interactives', shareId: props.shareId });\n  useVideoMixin(relatedVideos.videos ?? []);\n  useSetPageMetadata(PageMetadataHelper.getInteractiveMetadata({ content: interactiveMetadata.data }));\n\n  const hasLoaded = (\n    interactiveMetadata.data &&\n    config.hasCompleted &&\n    currentUser.hasCompleted &&\n    (!shouldPreviewInteractive || interactive.hasCompleted) &&\n    shareLink.hasCompleted &&\n    viewKey.hasCompleted &&\n    token.hasCompleted\n  );\n\n  if (shouldPreviewInteractive) {\n    // For staff, the interactive is previewed\n    if (!hasLoaded)\n      return <InteractivePartialLoading />;\n\n    return (\n      <PreviewInteractive\n        sourceVideo={sourceVideo}\n        config={config.data}\n        currentUser={currentUser.data}\n        queryParams={props.queryParams}\n        interactive={interactiveMetadata.data}\n        interactives={interactives.data}\n        isPreviewPreventScrubbingEnabled={interactive.data.preventScrubbing}\n        yearGroups={yearGroups.data}\n        audiences={audiences.data}\n        relatedVideos={relatedVideos}\n        canManageVideoAccess={hasPermissions(PermissionName.ManageVideoAccess)}\n        isPlugin={isPlugin}\n      />\n    );\n  }\n\n  if (!hasLoaded)\n    return <></>;\n\n  return (\n    <PlayInteractive\n      interactive={interactiveMetadata.data}\n      currentUser={currentUser.data}\n      config={config.data}\n      audiences={audiences.data}\n      yearGroups={yearGroups.data}\n      queryParams={props.queryParams}\n      viewKey={viewKey.data}\n      relatedVideos={relatedVideos}\n      shareLink={shareLink.data}\n      startTime={props.queryParams?.t}\n      isPlugin={isPlugin}\n      token={token.data}\n    />\n  );\n}"],"names":["InteractivePartialLoading","className","Array","fill","map","_","i","key","videoErrors","notFound","forbidden","privacy","getSourceVideo","interactive","_parentClip","_parentVideo","SharedInteractiveView","props","hasPermissions","config","token","isPlugin","currentUser","interactiveMetadata","objectId","shareId","shareLink","viewKeyRequest","data","objectTypeId","viewKey","audiences","yearGroups","isAuthenticated","customerId","shouldPreviewInteractive","interactiveId","interactives","id","relatedVideos","video","context","queryParams","contextId","moviesAndTv","mtv","sourceVideo","private","app","videos","content","hasLoaded","hasCompleted","isPreviewPreventScrubbingEnabled","preventScrubbing","canManageVideoAccess","startTime","t"],"sourceRoot":""}