@clickview/lite 0.58.1 → 0.58.2-rc.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bundles.json +1 -1
- package/dist/scripts/1041-29107d9409-lite.chunk.js +2 -0
- package/dist/scripts/1041-29107d9409-lite.chunk.js.map +1 -0
- package/dist/scripts/{1080-563b65eb58-lite.chunk.js → 1080-48ce32d627-lite.chunk.js} +2 -2
- package/dist/scripts/1080-48ce32d627-lite.chunk.js.map +1 -0
- package/dist/scripts/{1169-f2120c91cc-lite.chunk.js → 1169-1443c8a778-lite.chunk.js} +2 -2
- package/dist/scripts/1169-1443c8a778-lite.chunk.js.map +1 -0
- package/dist/scripts/143-efbc6a41c5-lite.chunk.js +2 -0
- package/dist/scripts/143-efbc6a41c5-lite.chunk.js.map +1 -0
- package/dist/scripts/{170-94b806dc73-lite.chunk.js → 170-233a87b708-lite.chunk.js} +3 -3
- package/dist/scripts/170-233a87b708-lite.chunk.js.map +1 -0
- package/dist/scripts/2015-d1bc58c0eb-lite.chunk.js +2 -0
- package/dist/scripts/2015-d1bc58c0eb-lite.chunk.js.map +1 -0
- package/dist/scripts/204-4f5b47b73f-lite.chunk.js +2 -0
- package/dist/scripts/204-4f5b47b73f-lite.chunk.js.map +1 -0
- package/dist/scripts/{2153-7663eb7803-lite.chunk.js → 2153-02090c64f8-lite.chunk.js} +2 -2
- package/dist/scripts/2153-02090c64f8-lite.chunk.js.map +1 -0
- package/dist/scripts/2215-39ee2a2b3f-lite.chunk.js +2 -0
- package/dist/scripts/2215-39ee2a2b3f-lite.chunk.js.map +1 -0
- package/dist/scripts/{2340-d1548f6362-lite.chunk.js → 2340-62c86fabb2-lite.chunk.js} +2 -2
- package/dist/scripts/2340-62c86fabb2-lite.chunk.js.map +1 -0
- package/dist/scripts/2571-c280e72eff-lite.chunk.js +2 -0
- package/dist/scripts/2571-c280e72eff-lite.chunk.js.map +1 -0
- package/dist/scripts/{4013-3d2edd41fb-lite.chunk.js → 4013-2aff1769f5-lite.chunk.js} +3 -3
- package/dist/scripts/4013-2aff1769f5-lite.chunk.js.map +1 -0
- package/dist/scripts/{490-002054a946-lite.chunk.js → 490-62ca33b520-lite.chunk.js} +2 -2
- package/dist/scripts/490-62ca33b520-lite.chunk.js.map +1 -0
- package/dist/scripts/4944-a780ed2439-lite.chunk.js +2 -0
- package/dist/scripts/4944-a780ed2439-lite.chunk.js.map +1 -0
- package/dist/scripts/{5220-40dd0842b5-lite.chunk.js → 5220-e0074ed079-lite.chunk.js} +3 -3
- package/dist/scripts/5220-e0074ed079-lite.chunk.js.map +1 -0
- package/dist/scripts/{5224-09e451b12f-lite.chunk.js → 5224-53cabe5c40-lite.chunk.js} +2 -2
- package/dist/scripts/5224-53cabe5c40-lite.chunk.js.map +1 -0
- package/dist/scripts/{5836-f212660b94-lite.chunk.js → 5836-03975cbcf8-lite.chunk.js} +2 -2
- package/dist/scripts/5836-03975cbcf8-lite.chunk.js.map +1 -0
- package/dist/scripts/{5936-f1e642e93f-lite.chunk.js → 5936-71d764494c-lite.chunk.js} +2 -2
- package/dist/scripts/5936-71d764494c-lite.chunk.js.map +1 -0
- package/dist/scripts/{6118-d069072bb6-lite.chunk.js → 6118-e4ebf5a2c1-lite.chunk.js} +2 -2
- package/dist/scripts/6118-e4ebf5a2c1-lite.chunk.js.map +1 -0
- package/dist/scripts/{6263-c665ac8df6-lite.chunk.js → 6263-fca75a8668-lite.chunk.js} +2 -2
- package/dist/scripts/6263-fca75a8668-lite.chunk.js.map +1 -0
- package/dist/scripts/{6599-c87f4f5ec1-lite.chunk.js → 6599-d8f1b255c5-lite.chunk.js} +3 -3
- package/dist/scripts/6599-d8f1b255c5-lite.chunk.js.map +1 -0
- package/dist/scripts/{6741-1ee9b683c7-lite.chunk.js → 6741-638b658087-lite.chunk.js} +3 -3
- package/dist/scripts/6741-638b658087-lite.chunk.js.map +1 -0
- package/dist/scripts/6934-5688ca7ce7-lite.chunk.js +2 -0
- package/dist/scripts/6934-5688ca7ce7-lite.chunk.js.map +1 -0
- package/dist/scripts/{7234-d1a173cb25-lite.chunk.js → 7234-8664150dd4-lite.chunk.js} +2 -2
- package/dist/scripts/7234-8664150dd4-lite.chunk.js.map +1 -0
- package/dist/scripts/{7556-69f8cb3b20-lite.chunk.js → 7556-276466341c-lite.chunk.js} +3 -3
- package/dist/scripts/7556-276466341c-lite.chunk.js.map +1 -0
- package/dist/scripts/{7709-57c48d288e-lite.chunk.js → 7709-adf3f9328f-lite.chunk.js} +2 -2
- package/dist/scripts/7709-adf3f9328f-lite.chunk.js.map +1 -0
- package/dist/scripts/{839-f8478d27f8-lite.chunk.js → 839-aaf4cad363-lite.chunk.js} +1 -1
- package/dist/scripts/{839-f8478d27f8-lite.chunk.js.map → 839-aaf4cad363-lite.chunk.js.map} +1 -1
- package/dist/scripts/{9139-456a0f14a5-lite.chunk.js → 9139-e8c1a686af-lite.chunk.js} +2 -2
- package/dist/scripts/9139-e8c1a686af-lite.chunk.js.map +1 -0
- package/dist/scripts/{9173-e03b30b436-lite.chunk.js → 9173-90aa484be4-lite.chunk.js} +2 -2
- package/dist/scripts/9173-90aa484be4-lite.chunk.js.map +1 -0
- package/dist/scripts/9284-c0cee27d0e-lite.chunk.js +2 -0
- package/dist/scripts/9284-c0cee27d0e-lite.chunk.js.map +1 -0
- package/dist/scripts/{9395-70cd9ae3a1-lite.chunk.js → 9395-355efbc0e7-lite.chunk.js} +3 -3
- package/dist/scripts/{9395-70cd9ae3a1-lite.chunk.js.map → 9395-355efbc0e7-lite.chunk.js.map} +1 -1
- package/dist/scripts/{953-45aa51744b-lite.chunk.js → 953-b3b777612b-lite.chunk.js} +3 -3
- package/dist/scripts/{953-45aa51744b-lite.chunk.js.map → 953-b3b777612b-lite.chunk.js.map} +1 -1
- package/dist/scripts/bundle-22b3c87b82.min.js +3 -0
- package/dist/scripts/bundle-22b3c87b82.min.js.map +1 -0
- package/package.json +1 -1
- package/dist/scripts/1080-563b65eb58-lite.chunk.js.map +0 -1
- package/dist/scripts/1169-f2120c91cc-lite.chunk.js.map +0 -1
- package/dist/scripts/143-4ea7a69434-lite.chunk.js +0 -2
- package/dist/scripts/143-4ea7a69434-lite.chunk.js.map +0 -1
- package/dist/scripts/170-94b806dc73-lite.chunk.js.map +0 -1
- package/dist/scripts/204-2b19b80cc1-lite.chunk.js +0 -2
- package/dist/scripts/204-2b19b80cc1-lite.chunk.js.map +0 -1
- package/dist/scripts/2153-7663eb7803-lite.chunk.js.map +0 -1
- package/dist/scripts/2215-5e8af1456d-lite.chunk.js +0 -2
- package/dist/scripts/2215-5e8af1456d-lite.chunk.js.map +0 -1
- package/dist/scripts/2340-d1548f6362-lite.chunk.js.map +0 -1
- package/dist/scripts/3525-45e28232cf-lite.chunk.js +0 -2
- package/dist/scripts/3525-45e28232cf-lite.chunk.js.map +0 -1
- package/dist/scripts/4013-3d2edd41fb-lite.chunk.js.map +0 -1
- package/dist/scripts/490-002054a946-lite.chunk.js.map +0 -1
- package/dist/scripts/4944-b565b5c501-lite.chunk.js +0 -2
- package/dist/scripts/4944-b565b5c501-lite.chunk.js.map +0 -1
- package/dist/scripts/5220-40dd0842b5-lite.chunk.js.map +0 -1
- package/dist/scripts/5224-09e451b12f-lite.chunk.js.map +0 -1
- package/dist/scripts/5836-f212660b94-lite.chunk.js.map +0 -1
- package/dist/scripts/5936-f1e642e93f-lite.chunk.js.map +0 -1
- package/dist/scripts/6118-d069072bb6-lite.chunk.js.map +0 -1
- package/dist/scripts/6263-c665ac8df6-lite.chunk.js.map +0 -1
- package/dist/scripts/6599-c87f4f5ec1-lite.chunk.js.map +0 -1
- package/dist/scripts/6741-1ee9b683c7-lite.chunk.js.map +0 -1
- package/dist/scripts/6934-1f439ec9a2-lite.chunk.js +0 -2
- package/dist/scripts/6934-1f439ec9a2-lite.chunk.js.map +0 -1
- package/dist/scripts/7234-d1a173cb25-lite.chunk.js.map +0 -1
- package/dist/scripts/7556-69f8cb3b20-lite.chunk.js.map +0 -1
- package/dist/scripts/7709-57c48d288e-lite.chunk.js.map +0 -1
- package/dist/scripts/8813-1e58ad1895-lite.chunk.js +0 -2
- package/dist/scripts/8813-1e58ad1895-lite.chunk.js.map +0 -1
- package/dist/scripts/9139-456a0f14a5-lite.chunk.js.map +0 -1
- package/dist/scripts/9173-e03b30b436-lite.chunk.js.map +0 -1
- package/dist/scripts/9284-80c3abfe62-lite.chunk.js +0 -2
- package/dist/scripts/9284-80c3abfe62-lite.chunk.js.map +0 -1
- package/dist/scripts/bundle-7da429ea24.min.js +0 -3
- package/dist/scripts/bundle-7da429ea24.min.js.map +0 -1
- /package/dist/css/{3525-lite-6ab6e749cb.chunk.css → 1041-lite-6ab6e749cb.chunk.css} +0 -0
- /package/dist/css/{8813-lite-6ab6e749cb.chunk.css → 2015-lite-6ab6e749cb.chunk.css} +0 -0
- /package/dist/scripts/{170-94b806dc73-lite.chunk.js.LICENSE.txt → 170-233a87b708-lite.chunk.js.LICENSE.txt} +0 -0
- /package/dist/scripts/{4013-3d2edd41fb-lite.chunk.js.LICENSE.txt → 4013-2aff1769f5-lite.chunk.js.LICENSE.txt} +0 -0
- /package/dist/scripts/{5220-40dd0842b5-lite.chunk.js.LICENSE.txt → 5220-e0074ed079-lite.chunk.js.LICENSE.txt} +0 -0
- /package/dist/scripts/{6599-c87f4f5ec1-lite.chunk.js.LICENSE.txt → 6599-d8f1b255c5-lite.chunk.js.LICENSE.txt} +0 -0
- /package/dist/scripts/{6741-1ee9b683c7-lite.chunk.js.LICENSE.txt → 6741-638b658087-lite.chunk.js.LICENSE.txt} +0 -0
- /package/dist/scripts/{7556-69f8cb3b20-lite.chunk.js.LICENSE.txt → 7556-276466341c-lite.chunk.js.LICENSE.txt} +0 -0
- /package/dist/scripts/{9395-70cd9ae3a1-lite.chunk.js.LICENSE.txt → 9395-355efbc0e7-lite.chunk.js.LICENSE.txt} +0 -0
- /package/dist/scripts/{953-45aa51744b-lite.chunk.js.LICENSE.txt → 953-b3b777612b-lite.chunk.js.LICENSE.txt} +0 -0
- /package/dist/scripts/{bundle-7da429ea24.min.js.LICENSE.txt → bundle-22b3c87b82.min.js.LICENSE.txt} +0 -0
package/dist/bundles.json
CHANGED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[1041],{94644:(e,a,t)=>{t.d(a,{r:()=>u});var i=t(50242),d=t(81886),r=t(67058),n=t(14553),s=t(49267),o=t(49075),c={notFound:r.d,forbidden:{rating:n.q,yearLevel:n.q,region:s.a,privacy:n.q},badRequest:o._};function u(e){var a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(e){var r;r="number"==typeof e?e:e.status;var n=Object.assign(Object.assign({},c),a);r&&d.Q.Ry.isStatusCodeError(r)&&(r!==i.o.NotFound?r!==i.o.Forbidden?t.badRequest||d.Q.Ry.throw(new n.badRequest):t.forbidden||d.Q.Ry.throw(new n.forbidden.privacy):t.notFound||d.Q.Ry.throw(new n.notFound))}}},91286:(e,a,t)=>{t.d(a,{v:()=>n});var i=t(32735),d=t(94644);function r(e){return e.map((function(e){return e.statusCode})).join(":")}function n(e,a,t){var n=Array.isArray(e)?e:[e];(0,i.useEffect)((function(){n.forEach((function(e){(0,d.r)(e.statusCode,a,t)}))}),[r(n),a,t])}},36073:(e,a,t)=>{t.r(a),t.d(a,{PlayClipViewV2:()=>M});var i=t(32735),d=t(50242),r=t(23481),n=t(20354),s=t(65858),o=t(78417),c=t(16714),u=t(67058),l=t(33803),v=t(43012),p=t(39151),h=t(1666),f=t(20768),m=t(31949),b=t(1575),y=t(63719),C=t(26304),g=t(91286),F=t(22902),P=t(15311),V=t(79612),w=t(76753),q=t(51855),_=t(7179),B=t(49948),I=t(36873),R=t(27638),k=t(44110),A=t(35014),O=t(97816),j=t(81812),x=t(14085),E=r.T.encloseNamespace("shared.playClipV2"),G={notFound:u.d,forbidden:{privacy:l.G}};function M(e){var a,t,r,u,l,M,S,T,U=e.queryParams,Q=U.context,L=U.contextId,N=U.mtv,D=(0,P.r)().hasProduct,H=(0,R.u)(s.LZ.PlayClip),Z=H.setFavourite,z=H.canFavourite,J=(0,F.T)().hasPermissions,K=(0,q.G)().isPlugin,W=n.a.useBasicFetch(m.N.currentUser()),X=n.a.useBasicFetch(p.L.config()),Y=n.a.useBasicFetch(v.e.clip(e.id)),$=n.a.useBasicFetch(f.b.videoInteractives(e.id)),ee=n.a.useBasicFetch(!!(null===(a=Y.data)||void 0===a?void 0:a._parentVideo)&&b.R.video(Y.data._parentVideo.id));(0,O.V)([ee.data]);var ae=n.a.useBasicFetch(!!(null===(t=Y.data)||void 0===t?void 0:t._parentVideo)&&v.e.videoClips(Y.data._parentVideo.id)),te=n.a.useBasicFetch(Y.statusCode===d.o.Forbidden&&v.e.clip(e.id,o.r.StripMetadata)),ie=(0,I.k)({video:ee.data,context:Q,contextId:L,moviesAndTv:N,currentUser:W.data}),de=(0,k.i)(),re=n.a.useBasicFetch((null===(r=W.data)||void 0===r?void 0:r.isAuthenticated)&&h.h.yearGroups(W.data.customerId)),ne=(0,j.a)(),se=(0,B.l)(e.id,!0),oe=(0,A.I)(),ce=(0,y.h)({name:null===(u=Y.data)||void 0===u?void 0:u.name});return(0,V.M)(w.CG.getClipMetadata({content:Y.data,phraseContext:{phraseHandler:E,titlePhrase:"pageTitle",descriptionPhrase:"pageDescription"}})),(0,g.v)(Y,G,{forbidden:!0}),(0,O.V)(null!==(l=ie.videos)&&void 0!==l?l:[]),(0,C.b)(te),(0,_.P)({id:e.id,app:"clips"}),Y.data&&W.hasCompleted&&X.hasCompleted&&se.hasCompleted?i.createElement(x.S,{clip:Y.data,clips:null===(M=ae.data)||void 0===M?void 0:M.data,interactives:null===(S=$.data)||void 0===S?void 0:S.data,originalVideo:ee.data,currentUser:W.data,yearGroups:re.data,relatedVideos:"playlist"===Q?ie:Object.assign(Object.assign({},ie),{videos:[]}),canFavourite:z,setFavourite:Z,hasProduct:D,queryParams:e.queryParams,audiences:de.data,imageCdnUrl:X.data.imageCdnUrl,canManageVideoAccess:J(c.C.ManageVideoAccess),pointsOfInterest:se.items,featureAccess:oe,tableOfContentsId:null===(T=e.queryParams)||void 0===T?void 0:T.tocId,shouldShowSideTableOfContents:ne,isPlugin:K,breadcrumbs:ce}):i.createElement(i.Fragment,null)}M.defaultProps={queryParams:{}}}}]);
|
|
2
|
+
//# sourceMappingURL=1041-29107d9409-lite.chunk.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scripts/1041-29107d9409-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/errors/handlers/HttpErrorHandlers.ts","file:///app/packages/libs/shared/src/hooks/UseHandleObjectError.ts","file:///app/packages/projects/lite/src/shared/views/play-clip/v2/PlayClipViewV2.tsx"],"sourcesContent":["import { BaseError } from 'libs/common/backbone/core/BaseError';\nimport { HttpStatus } from 'libs/common/backbone/enums/HttpStatus';\nimport { Xhr } from 'libs/common/backbone/interfaces';\nimport { Core } from 'libs/common/core';\n\nimport { NotFoundError } from 'libs/shared/errors/general/not-found/NotFoundError';\nimport { PrivateResourceError } from 'libs/shared/errors/general/private-resource/PrivateResourceError';\nimport { RegionLockedResourceError } from 'libs/shared/errors/general/region-locked-resource/RegionLockedResourceError';\nimport { UnspecifiedError } from 'libs/shared/errors/general/unspecified-error/UnspecifiedError';\nimport { VideoTypes } from 'libs/shared/interfaces';\n\nexport interface HttpErrorMap {\n notFound?: new () => BaseError;\n forbidden?: {\n rating?: new (description: string) => BaseError;\n yearLevel?: new (description: string) => BaseError;\n region?: new () => BaseError;\n privacy?: new (video?: VideoTypes) => BaseError;\n };\n badRequest?: new () => BaseError;\n}\n\nexport type IgnoreHttpErrorMap = {\n [key in keyof HttpErrorMap]: boolean;\n};\n\nconst defaultErrors: HttpErrorMap = {\n notFound: NotFoundError,\n forbidden: {\n rating: PrivateResourceError,\n yearLevel: PrivateResourceError,\n region: RegionLockedResourceError,\n privacy: PrivateResourceError\n },\n badRequest: UnspecifiedError\n};\n\nexport function handleHttpError(\n info: HttpStatus | Xhr,\n customErrorMap: HttpErrorMap = {},\n /**\n * Prevent certain errors in the errorMap from being thrown\n * so that you may implement your own handler\n */\n ignoreMap: IgnoreHttpErrorMap = {}\n): void {\n if (!info)\n return;\n\n let statusCode: HttpStatus;\n\n if (typeof(info) === 'number') {\n statusCode = info;\n } else {\n statusCode = info.status;\n }\n\n const errorMap = {\n ...defaultErrors,\n ...customErrorMap\n };\n\n if (!statusCode)\n return;\n\n if (!Core.ErrorHelper.isStatusCodeError(statusCode))\n return;\n\n if (statusCode === HttpStatus.NotFound) {\n if (!ignoreMap.notFound)\n Core.ErrorHelper.throw(new errorMap.notFound());\n return;\n }\n\n if (statusCode === HttpStatus.Forbidden) {\n /**\n * TODO: Work out how to go about handling all forbidden errors, such as region locking, year levels,\n * ratings, and privacy.\n */\n if (!ignoreMap.forbidden)\n Core.ErrorHelper.throw(new errorMap.forbidden.privacy());\n return;\n }\n\n if (!ignoreMap.badRequest)\n Core.ErrorHelper.throw(new errorMap.badRequest());\n}\n\nexport function handleXhrError(xhr: Xhr, customErrorMap?: HttpErrorMap): void {\n handleHttpError(xhr.status, customErrorMap);\n}","import { useEffect } from 'react';\n\nimport { Flight } from 'libs/common/flight';\n\nimport { handleHttpError, HttpErrorMap, IgnoreHttpErrorMap } from 'libs/shared/errors/handlers/HttpErrorHandlers';\n\nfunction generateCacheKey(flightObjs: Array<Flight.Response<any>>): string {\n return flightObjs.map(obj => obj.statusCode).join(':');\n}\n\n// TODO: Change this to just `useHandleHttpError` and only accept a status code.\nexport function useHandleObjectError(\n _flightObjs: Flight.Response<any> | Array<Flight.Response<any>>,\n customErrors?: HttpErrorMap,\n ignoreErrors?: IgnoreHttpErrorMap\n): void {\n const flightObjs = Array.isArray(_flightObjs) ? _flightObjs : [_flightObjs];\n\n useEffect(() => {\n flightObjs.forEach(obj => {\n handleHttpError(obj.statusCode, customErrors, ignoreErrors);\n });\n }, [ generateCacheKey(flightObjs), customErrors, ignoreErrors ]);\n}","import * as React from 'react';\n\nimport { HttpStatus } from 'libs/common/backbone/enums/HttpStatus';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { PermissionFilterOption } from 'libs/shared/enums/PermissionFilterOption';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { NotFoundError } from 'libs/shared/errors/general/not-found/NotFoundError';\nimport { VideoPrivateError } from 'libs/shared/errors/videos/video-private/VideoPrivateError';\nimport { ClipRequests } from 'libs/shared/flight-requests/ClipRequests';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { InteractiveRequests } from 'libs/shared/flight-requests/InteractiveRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { useBreadcrumbs } from 'libs/shared/hooks/useBreadcrumbs';\nimport { useCannotConsumeError } from 'libs/shared/hooks/useCannotConsumeError';\nimport { useHandleObjectError } from 'libs/shared/hooks/UseHandleObjectError';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useProducts } from 'libs/shared/hooks/UseProducts';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { Clip, ClipCollection, Config, CurrentUser, InteractiveCollection, Video, YearGroup } from 'libs/shared/interfaces';\nimport { PageMetadataHelper } from 'libs/shared/utils/PageMetadataHelper';\n\nimport { usePluginHelper } from 'shared/hooks/use-plugin-helper/usePluginHelper';\nimport { useDeepLinks } from 'shared/hooks/useDeepLinks';\nimport { useFetchPointsOfInterest } from 'shared/hooks/useFetchPointsOfInterest';\nimport { useGetRelatedVideos } from 'shared/hooks/useGetRelatedVideos';\nimport { useLiteFavourites } from 'shared/hooks/useLiteFavourites';\nimport { usePresentationAudiences } from 'shared/hooks/usePresentationAudiences';\nimport { useVideoFeatureAccess } from 'shared/hooks/useVideoFeatureAccess';\nimport { useVideoMixin } from 'shared/hooks/useVideoMixin';\nimport { useShouldShowSideTableOfContents } from 'shared/views/play/v2/hooks/useShouldShowTableOfContents';\n\nimport { PlayViewProps } from '../PlayClipViewContainer';\n\nimport { PlayClipV2 } from './components/play-clip/PlayClipV2';\n\nconst namespace = 'shared.playClipV2';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst clipErrors = {\n notFound: NotFoundError,\n forbidden: {\n privacy: VideoPrivateError\n }\n};\n\nPlayClipViewV2.defaultProps = {\n queryParams: {}\n};\n\nexport function PlayClipViewV2(props: PlayViewProps): JSX.Element {\n const { context, contextId, mtv } = props.queryParams;\n\n const { hasProduct } = useProducts();\n const { setFavourite, canFavourite } = useLiteFavourites(LocationContext.PlayClip);\n const { hasPermissions } = usePermissions();\n\n const { isPlugin } = usePluginHelper();\n\n const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n const clip = Flight.useBasicFetch<Clip>(ClipRequests.clip(props.id));\n\n const interactives = Flight.useBasicFetch<InteractiveCollection>(InteractiveRequests.videoInteractives(props.id));\n const video = Flight.useBasicFetch<Video>(\n !!clip.data?._parentVideo && VideoRequests.video(clip.data._parentVideo.id)\n );\n useVideoMixin([video.data]);\n\n const childClips = Flight.useBasicFetch<ClipCollection>(\n !!clip.data?._parentVideo && ClipRequests.videoClips(clip.data._parentVideo.id)\n );\n\n const strippedClip = Flight.useBasicFetch<Clip>(clip.statusCode === HttpStatus.Forbidden &&\n ClipRequests.clip(props.id, PermissionFilterOption.StripMetadata));\n const relatedVideos = useGetRelatedVideos({\n video: video.data,\n context,\n contextId,\n moviesAndTv: mtv,\n currentUser: currentUser.data\n });\n const audiences = usePresentationAudiences();\n const yearGroups = Flight.useBasicFetch<YearGroup[]>(\n currentUser.data?.isAuthenticated && CustomerRequests.yearGroups(currentUser.data.customerId)\n );\n\n const shouldShowSideTableOfContents = useShouldShowSideTableOfContents();\n\n const pointsOfInterest = useFetchPointsOfInterest(props.id, true);\n \n const featureAccess = useVideoFeatureAccess();\n\n const breadcrumbs = useBreadcrumbs({ name: clip.data?.name });\n\n useSetPageMetadata(PageMetadataHelper.getClipMetadata({\n content: clip.data,\n phraseContext: {\n phraseHandler: getPhrase,\n titlePhrase: 'pageTitle',\n descriptionPhrase: 'pageDescription'\n }\n }));\n\n useHandleObjectError(clip, clipErrors, { forbidden: true });\n useVideoMixin(relatedVideos.videos ?? []);\n useCannotConsumeError(strippedClip);\n useDeepLinks({ id: props.id, app: 'clips' });\n\n const hasLoaded = (\n clip.data &&\n currentUser.hasCompleted &&\n config.hasCompleted &&\n pointsOfInterest.hasCompleted\n );\n\n if (!hasLoaded)\n return <></>;\n\n return (\n <PlayClipV2\n clip={clip.data}\n clips={childClips.data?.data}\n interactives={interactives.data?.data}\n originalVideo={video.data}\n currentUser={currentUser.data}\n yearGroups={yearGroups.data}\n // we only show up next videos for clips in a playlist\n relatedVideos={context === 'playlist' ? relatedVideos : { ...relatedVideos, videos: []}}\n canFavourite={canFavourite}\n setFavourite={setFavourite}\n hasProduct={hasProduct}\n queryParams={props.queryParams}\n audiences={audiences.data}\n imageCdnUrl={config.data.imageCdnUrl}\n canManageVideoAccess={hasPermissions(PermissionName.ManageVideoAccess)}\n pointsOfInterest={pointsOfInterest.items}\n featureAccess={featureAccess}\n tableOfContentsId={props.queryParams?.tocId}\n shouldShowSideTableOfContents={shouldShowSideTableOfContents}\n isPlugin={isPlugin}\n breadcrumbs={breadcrumbs}\n />\n );\n}"],"names":["defaultErrors","notFound","forbidden","rating","yearLevel","region","privacy","badRequest","handleHttpError","info","customErrorMap","ignoreMap","statusCode","status","errorMap","generateCacheKey","flightObjs","map","obj","join","useHandleObjectError","_flightObjs","customErrors","ignoreErrors","Array","isArray","useEffect","forEach","getPhrase","clipErrors","PlayClipViewV2","props","queryParams","context","contextId","mtv","hasProduct","u","setFavourite","canFavourite","hasPermissions","isPlugin","currentUser","config","clip","id","interactives","video","data","_parentVideo","childClips","strippedClip","relatedVideos","moviesAndTv","audiences","yearGroups","isAuthenticated","customerId","shouldShowSideTableOfContents","pointsOfInterest","featureAccess","breadcrumbs","name","content","phraseContext","phraseHandler","titlePhrase","descriptionPhrase","videos","app","hasCompleted","clips","originalVideo","imageCdnUrl","canManageVideoAccess","items","tableOfContentsId","tocId","defaultProps"],"sourceRoot":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[1080],{11080:(e,a,t)=>{t.r(a),t.d(a,{MoviesAndTvView:()=>le});var n=t(32735),i=t(23481),r=t(81886),s=t(20354),c=t(75896),l=t(28400),o=t(65858),d=t(49985),m=t(10874),u=t(83345),g=t(12754),p=t(35223);const v={link:"voPXM"};var h="moviesAndTV.exchangeAndTvLinks",k=i.T.encloseNamespace(h);function
|
|
2
|
-
//# sourceMappingURL=1080-
|
|
1
|
+
"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[1080],{11080:(e,a,t)=>{t.r(a),t.d(a,{MoviesAndTvView:()=>le});var n=t(32735),i=t(23481),r=t(81886),s=t(20354),c=t(75896),l=t(28400),o=t(65858),d=t(49985),m=t(10874),u=t(83345),g=t(12754),p=t(35223);const v={link:"voPXM"};var h="moviesAndTV.exchangeAndTvLinks",k=i.T.encloseNamespace(h);function f(e){function a(){d.k.logUserAction({href:e.href},{actionType:o.Vw.Click,entity:o.py.Link,location:o.LZ.ExchangeLinksWidget})}var t={backgroundColor:e.backgroundColor};return e.backgroundImage&&(t.backgroundImage="url(".concat(e.backgroundImage,")")),n.createElement("div",{className:"d-flex justify-content-between align-items-center text-white p-3 mb-3 rounded-3 ".concat(v.link),style:t},n.createElement("a",{className:"h6 text-shadow mb-0",href:e.href,target:"_blank",onClick:a},e.title),n.createElement(m.h,{href:e.href,svgName:p.vn.NewWindow,openInNewTab:!0,className:"btn btn-outline-dark d-lg-block d-none",onClick:a},e.cta))}function E(e){if(e.products.isLoadingProducts||!e.products.hasProduct(g.x.Exchange)||"exchange_and_tv"!==e.exchangeTvProductOption)return n.createElement(n.Fragment,null);var a=e.products.products.data.find((function(e){return e.id===g.x.Exchange})).url;return n.createElement("div",null,n.createElement("div",{className:"curated-widget-header"},n.createElement("h2",{className:"h4 curated-widget-heading"},n.createElement(u.x,{namespace:h,phrase:"title"}))),n.createElement("div",{className:"row"},n.createElement("div",{className:"col-md-6 col-12"},n.createElement(f,{title:k("exchangeText"),cta:k("exchangeCta"),backgroundColor:"#7A76EB",backgroundImage:e.isPrimary?"":"https://img.clickviewapp.com/v2/thumbnails/7mqa32",href:a+"/exchange"})),n.createElement("div",{className:"col-md-6 col-12"},n.createElement(f,{title:k("tvText"),cta:k("tvCta"),backgroundColor:"#40BCC3",backgroundImage:e.isPrimary?"":"https://img.clickviewapp.com/v2/thumbnails/Eo3L1k",href:a+"/tv"}))))}var b=t(83914),T=t(36532),A=t(19889),x=t(16714),w=t(72639),L=t(78479),C=t(42308),P=t(15311),y=t(40424),I=t(21366),N=t(23232),S="moviesAndTv.dashboardEmptyState",F=i.T.encloseNamespace(S);function O(e){var a,t,r=(null===(a=e.dashboard)||void 0===a?void 0:a.status)===y.GL.Archived;return n.createElement(N.u,null,n.createElement(N.u.Image,{src:e.imageUrl,altText:F("info")}),n.createElement(N.u.Heading,null,n.createElement(u.x,{namespace:S,phrase:"heading"})),n.createElement(N.u.Info,null,n.createElement(u.x,{namespace:S,phrase:"info"})),n.createElement(T.u,{title:r?i.T.getPhrase(S,"archivedCtaTooltip"):"",spanHack:!0},n.createElement(N.u.Cta,{text:i.T.getPhrase(S,"add"),appLink:null===(t=e.addWidgetApplink)||void 0===t?void 0:t.call(e),className:"btn btn-dark",icon:p.vn.Plus,disabled:r})))}const W={icon:"Kmx7z",title:"Hw1qq"};var M="moviesAndTv.dashboard",U=i.T.encloseNamespace(M);function R(e){var a,t,i,r=c.m.sortBy(null===(a=e.dashboard)||void 0===a?void 0:a.widgets,"index"),s=(0,P.r)().hasProduct,l=e.hasPermissions(x.C.Exchange)&&s(g.x.Exchange),o=e.isReadonly?r:r.filter((function(e){return e.templateId!==L.f.HeroBannerSmall&&e.widgetId!==C.z.Blurb||l}));function d(a,t,n){var i=I.S.getWidgetParams(t,n,I.S.getDashboardTargetType(e.dashboard));return e.getWidgetContentRequest(a,i,n)}var m=e.isReadonly&&!(null==o?void 0:o.length);return n.createElement("div",{className:"px-4"},n.createElement("div",{className:"d-flex align-items-center"},n.createElement("div",{style:{backgroundImage:"url(".concat(e.moviesAndTvIconUrl,")")},className:"".concat(W.icon)}),n.createElement("h1",{className:"h2 ".concat(W.title," d-inline-block me-2")},n.createElement(u.x,{namespace:M,phrase:"heading"})),e.showPreviewingTooltip&&n.createElement("div",{className:"pt-1"},n.createElement(T.u,{title:U("tooltip"),spanHack:!0},n.createElement(b.x,{svgName:p.vn.Info})))),n.createElement("hr",{className:"mt-2"}),n.createElement(E,{exchangeTvProductOption:null===(t=e.settings)||void 0===t?void 0:t.exchangeTvProductOption,products:e.products,isPrimary:+w.p[null===(i=e.presentation)||void 0===i?void 0:i.learningLevel]===w.p.Level_1}),o.map((function(a,t){return n.createElement(A.L,{key:a.id,id:a.id,imageCdnUrl:e.imageCdnUrl,getContentRequest:d,audiences:e.audiences,name:a.name,description:a.description,templateId:a.templateId,metadata:a.metadata,presentation:e.presentation,setFavourite:e.setFavourite,canFavourite:e.canFavourite,resourceThumbnailFallbackImageUrl:e.resourceThumbnailFallbackImageUrl,preferences:a.preferences,appLinks:e.widgetAppLinks,isScrollToTargetWidget:(null==e?void 0:e.scrollToWidgetId)===a.id,widgetTypeId:a.widgetId,yearGroups:e.yearGroups,lazyLoad:e.lazyLoad,dashboardTarget:y.ku.MoviesAndTv,widgetIndex:t,hasPermissions:e.hasPermissions,hasLocalPermissions:e.hasLocalPermissions,isPreviewing:e.isReadonly,isPlugin:e.isPlugin,settings:e.settings})})),m&&n.createElement(O,{dashboard:e.dashboard,isReadonly:e.isReadonly,imageUrl:e.emptyImageUrl,addWidgetApplink:e.widgetAppLinks.widgetWizard}))}var _=t(17475),H=t(183),B=t(39151),D=t(80889),V=t(31949),G=t(22902),q=t(79612),j=t(37802),z=t(76753),Q=t(73417),Y=t(99742),X=t(14070),Z=t(97291),K=t(51855),$=t(7179),J=t(27638),ee=t(34181),ae=t(23737),te=t(30241),ne=t(33192),ie=t(22490),re=t(82431),se=i.T.encloseNamespace("moviesAndTV.moviesAndTV");function ce(e){return{rating:function(e,a){return{application:Z.O.SEARCH,action:X.e.Search.HOME,params:{moviesAndTv:!0,rating:_.S.getFrontendParamValue([c.m.first(a),e])}}},classification:function(e){return ee.L.getAppLink(e,{moviesAndTv:!0})},videoType:function(a,t){return ie.W.getAppLink(a,Object.assign(Object.assign({},t),{moviesAndTv:!0,context:H.Q.Widget,includeContext:null==e?void 0:e.isAuthenticated}))},series:function(e){return re.j.getSeriesAppLink(e,{mtv:!0})},subText:function(e){return re.j.getSeriesAppLink(e.series,{mtv:!0})},playlist:function(e){return{application:Z.O.PLAYLISTS,action:X.e.Playlists.PLAYLIST,args:[e.id,l.m.slugify(e.name)],params:{mtv:!0}}},company:function(e){return{application:Z.O.MOVIES_AND_TV,action:X.e.MoviesAndTv.COMPANY_DASHBOARD,args:[e.id,l.m.slugify(e.name)]}},classroomGuide:ie.W.getClassroomGuideAppLink,interactiveGuidance:ie.W.getInteractiveGuidanceAppLink,resourceGuidance:ie.W.getResourceGuidanceAppLink}}function le(e){var a,t,i=(0,G.T)(),c=i.hasPermissions,l=i.hasLocalPermissions,d=(0,P.r)(),m=(0,j.r)(null),u=(0,K.G)().isPlugin,g=s.a.useBasicFetch(B.L.config()),p=s.a.useBasicFetch(V.N.currentUser()),v=(0,J.u)(o.LZ.ExpandableVideoThumbnail),h=v.setFavourite,k=v.canFavourite,f=c(x.C.ViewMoviesTv),E=(0,ae.y)({targetType:y.ku.MoviesAndTv,queryParams:e.queryParams,presentationSlug:e.presentationSlug}),b=E.dashboard,T=E.presentation;return(0,$.P)({app:"movies-and-tv"}),(0,q.M)(z.CG.getDefaultMetadata({title:null==T?void 0:T.name,phraseContext:{phraseHandler:se,titlePhrase:"pageTitle",descriptionPhrase:"pageDescription"},canonicalLink:ne.f.getCanonicalLink(),hrefLang:ne.f.getStaticRouteHrefLang(null==T?void 0:T.learningLevel,(function(){return{application:Z.O.MOVIES_AND_TV,action:X.e.MoviesAndTv.HOME}}),te.XA),allowIndexing:ne.f.allowIndexing()})),n.useEffect((function(){b.hasCompleted&&(f&&b.data||r.Q.C$.trigger({application:Z.O.DASHBOARD,action:X.e.Dashboard.HOME},{replace:!0}))}),[f,b.data,b.hasCompleted]),n.createElement(n.Fragment,null,n.createElement("div",{className:"px-4"},n.createElement(Q.T,null)),n.createElement(R,{dashboard:b.data,currentUser:p.data,getWidgetContentRequest:D._.dashboardWidgetContent,imageCdnUrl:null===(a=g.data)||void 0===a?void 0:a.imageCdnUrl,resourceThumbnailFallbackImageUrl:Y.W.Fallbacks.RESOURCE_THUMBNAIL,presentation:T,showPreviewingTooltip:(null===(t=p.data)||void 0===t?void 0:t.isAuthenticated)&&!c(x.C.StudentExperience),moviesAndTvIconUrl:Y.W.MoviesAndTv.DASHBOARD_ICON,widgetAppLinks:ce(p.data),canFavourite:k,setFavourite:h,hasPermissions:c,hasLocalPermissions:l,settings:m,products:d,isPlugin:u}))}},73417:(e,a,t)=>{t.d(a,{T:()=>d});var n=t(32735),i=t(11607),r=t(83914),s=t(83345),c=t(87348),l=t(35223),o="shared.upgradeFeedbackBanner";function d(){var e=(0,c.Q)(),a=e.showFeedbackBanner,t=e.dismissFeedbackBanner;return a?n.createElement("div",{className:"alert bg-light-blue p-2 rounded text-info fw-semibold d-flex justify-content-between align-items-center"},n.createElement(s.x,{namespace:o,phrase:"message",options:{url:"https://www.clickvieweducation.com/en-au/blog/product/exchange-tv-new-look"}}),n.createElement(i.L,{onClick:t},n.createElement(r.x,{svgName:l.vn.Close,className:"ms-2 svg-container"}))):n.createElement(n.Fragment,null)}}}]);
|
|
2
|
+
//# sourceMappingURL=1080-48ce32d627-lite.chunk.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scripts/1080-48ce32d627-lite.chunk.js","mappings":"kSACA,SAAgB,KAAO,SCevB,IAAMA,EAAY,iCACZC,EAAYC,EAAA,mBAAiCF,GAUnD,SAASG,EAAKC,GACZ,SAASC,IACPC,EAAA,gBAA8B,CAAEC,KAAMH,EAAMG,MAAQ,CAClDC,WAAY,WACZC,OAAQ,UACRC,SAAU,0BAEd,CAEA,IAAMC,EAA6B,CACjCC,gBAAiBR,EAAMQ,iBAMzB,OAHIR,EAAMS,kBACRF,EAAME,gBAAkB,OAAH,OAAUT,EAAMS,gBAAe,MAGpD,uBACEC,UAAS,0FAAqF,QAC9FH,MAAOA,GAEP,qBAAGG,UAAU,sBAAsBP,KAAMH,EAAMG,KAAMQ,OAAO,SAASV,QAASA,GAAUD,EAAMY,OAC9F,gBAACC,EAAA,EAAU,CACTV,KAAMH,EAAMG,KACZW,QAAS,eACTC,cAAY,EACZL,UAAU,yCACVT,QAASA,GAERD,EAAMgB,KAIf,CAQM,SAAUC,EAAmBjB,GAOjC,GALGA,EAAMkB,SAASC,oBAChBnB,EAAMkB,SAASE,WAAWC,EAAA,aACQ,oBAAlCrB,EAAMsB,wBAIN,OAAO,iCAET,IAAMC,EAAcvB,EAAMkB,SAASA,SAASM,KAAKC,MAAK,SAAAC,GAAC,OAAIA,EAAEC,KAAON,EAAA,UAAkB,IAAEO,IAExF,OACE,2BACE,uBAAKlB,UAAU,yBACb,sBAAIA,UAAU,6BACZ,gBAACmB,EAAA,EAAI,CAACjC,UAAWA,EAAWkC,OAAO,YAGvC,uBAAKpB,UAAU,OACb,uBAAKA,UAAU,mBACb,gBAACX,EAAI,CACHa,MAAOf,EAAU,gBACjBmB,IAAKnB,EAAU,eACfW,gBAAgB,UAChBC,gBAAiBT,EAAM+B,UAAY,GAAK,oDACxC5B,KAAMoB,EAAc,eAGxB,uBAAKb,UAAU,mBACb,gBAACX,EAAI,CACHa,MAAOf,EAAU,UACjBmB,IAAKnB,EAAU,SACfW,gBAAgB,UAChBC,gBAAiBT,EAAM+B,UAAY,GAAK,oDACxC5B,KAAMoB,EAAc,UAMhC,C,6HClGM,EAAY,kCACZ,EAAYzB,EAAA,mBAAiC,GAS7C,SAAUkC,EAA+BhC,G,QACvCiC,GAA4B,QAAf,EAAAjC,EAAMkC,iBAAS,eAAEC,UAAW,cAE/C,OACE,gBAACC,EAAA,EAAU,KACT,gBAACA,EAAA,QAAgB,CAACC,IAAKrC,EAAMsC,SAAUC,QAAS,EAAU,UAC1D,gBAACH,EAAA,UAAkB,KACjB,gBAACP,EAAA,EAAI,CAACjC,UAAW,EAAWkC,OAAO,aAErC,gBAACM,EAAA,OAAe,KACd,gBAACP,EAAA,EAAI,CAACjC,UAAW,EAAWkC,OAAO,UAErC,gBAACU,EAAA,EAAO,CAAC5B,MAAOqB,EAAanC,EAAA,YAA0B,EAAW,sBAAwB,GAAI2C,UAAQ,GACpG,gBAACL,EAAA,MAAc,CACbM,KAAM5C,EAAA,YAA0B,EAAW,OAC3C6C,QAA+B,QAAtB,EAAA3C,EAAM4C,wBAAgB,uBAC/BlC,UAAU,eACVmC,KAAM,UACNC,SAAUb,KAKpB,CC3CA,SAAgB,KAAO,QAAQ,MAAQ,SC2BvC,IAAM,EAAY,wBACZ,EAAYnC,EAAA,mBAAiC,GA+B7C,SAAUiD,EAAqB/C,G,UAC7BgD,EAAUC,EAAA,SAAkC,QAAf,EAAAjD,EAAMkC,iBAAS,eAAEc,QAAS,SAErD5B,GAAe,SAAfA,WAGF8B,EAAclD,EAAMmD,eAAeC,EAAA,aAA4BhC,EAAWC,EAAA,YAC1EgC,EAAkBrD,EAAMsD,WAE1BN,EACAA,EAAQO,QAAO,SAAAC,GAAC,OACfA,EAAEC,aAAeC,EAAA,mBAAkCF,EAAEG,WAAaC,EAAA,SAChEV,CAAW,IAElB,SAASW,EAAwBlC,EAAYmC,EAA4BC,GACvE,IAAMC,EAAS,oBACbF,EACAC,EACA,2BAA8C/D,EAAMkC,YAGtD,OAAOlC,EAAM6D,wBAAwBlC,EAAIqC,EAAQD,EACnD,CAEA,IAAME,EAAiBjE,EAAMsD,cAAeD,aAAe,EAAfA,EAAiBa,QAE7D,OACE,uBAAKxD,UAAU,QACb,uBAAKA,UAAU,6BACb,uBAAKH,MAAO,CAAEE,gBAAiB,OAAF,OAAST,EAAMmE,mBAAkB,MAAOzD,UAAS,UAAK,UACnF,sBAAIA,UAAS,aAAQ,QAAY,yBAC/B,gBAACmB,EAAA,EAAI,CAACjC,UAAW,EAAWkC,OAAO,aAEpC9B,EAAMoE,uBACL,uBAAK1D,UAAU,QACb,gBAAC8B,EAAA,EAAO,CAAC5B,MAAO,EAAU,WAAY6B,UAAQ,GAC5C,gBAAC4B,EAAA,EAAY,CAACvD,QAAS,eAK/B,sBAAIJ,UAAU,SACd,gBAACO,EAAkB,CACjBK,wBAAuC,QAAd,EAAAtB,EAAMsE,gBAAQ,eAAEhD,wBACzCJ,SAAUlB,EAAMkB,SAChBa,WAAYwC,EAAA,EAA4C,QAAlB,EAAAvE,EAAMwE,oBAAY,eAAEC,iBAAmBF,EAAA,YAE9ElB,EAAgBqB,KAAI,SAACC,EAAQC,GAC5B,OACE,gBAACC,EAAA,EAAmB,CAClBC,IAAKH,EAAOhD,GACZA,GAAIgD,EAAOhD,GACXoD,YAAa/E,EAAM+E,YACnBC,kBAAmBnB,EACnBoB,UAAWjF,EAAMiF,UACjBC,KAAMP,EAAOO,KACbC,YAAaR,EAAOQ,YACpB1B,WAAYkB,EAAOlB,WACnB2B,SAAUT,EAAOS,SACjBZ,aAAcxE,EAAMwE,aACpBa,aAAcrF,EAAMqF,aACpBC,aAActF,EAAMsF,aACpBC,kCAAmCvF,EAAMuF,kCACzCC,YAAab,EAAOa,YACpBC,SAAUzF,EAAM0F,eAChBC,wBAAwB3F,aAAK,EAALA,EAAO4F,oBAAqBjB,EAAOhD,GAC3DmC,aAAca,EAAOhB,SACrBkC,WAAY7F,EAAM6F,WAClBC,SAAU9F,EAAM8F,SAChBC,gBAAiB,iBACjBC,YAAapB,EACbzB,eAAgBnD,EAAMmD,eACtB8C,oBAAqBjG,EAAMiG,oBAC3BC,aAAclG,EAAMsD,WACpB6C,SAAUnG,EAAMmG,SAChB7B,SAAUtE,EAAMsE,UAGtB,IAECL,GACC,gBAACjC,EAA8B,CAC7BE,UAAWlC,EAAMkC,UACjBoB,WAAYtD,EAAMsD,WAClBhB,SAAUtC,EAAMoG,cAChBxD,iBAAkB5C,EAAM0F,eAAeW,eAKjD,C,yPC3GM,GAAYvG,EAAA,mBADA,2BAGlB,SAASwG,GAAuBC,GAC9B,MAAO,CACLC,OAAQ,SAAC,EAAgBC,GACvB,MAAO,CACLC,YAAa,WACbC,OAAQ,gBACR3C,OAAQ,CACN4C,aAAa,EACbJ,OAAQK,EAAA,wBAAyC,CAAE5D,EAAA,QAAkBwD,GAAU,KAGrF,EACAK,eAAgB,SAAC,GAA+B,OAC9CC,GAAA,aAAuC,EAAgB,CAAEH,aAAa,GAAO,EAG/EI,UAAW,SAACC,EAAmBC,GAA4B,OACzDC,GAAA,aAA8BF,EAAO,OAAF,wBAC9BC,GAAI,CACPN,aAAa,EACbQ,QAASC,EAAA,SACTC,eAAgBf,aAAW,EAAXA,EAAagB,kBAC7B,EAGJC,OAAQ,SAAC,GAAc,OAAKC,GAAA,mBAAqC,EAAQ,CAAEC,KAAK,GAAO,EAEvFC,QAAS,SAACV,GAAY,OAAKQ,GAAA,mBAAqCR,EAAMO,OAAQ,CAAEE,KAAK,GAAO,EAE5FE,SAAU,SAAC,GAAkB,MAAM,CACjClB,YAAa,cACbC,OAAQ,uBACRkB,KAAM,CAAE,EAASlG,GAAImG,EAAA,UAAmB,EAAS5C,OACjDlB,OAAQ,CACN0D,KAAK,GAER,EAEDK,QAAS,SAAC,GAAgB,MAAM,CAC9BrB,YAAa,kBACbC,OAAQ,kCACRkB,KAAM,CAAE,EAAQlG,GAAImG,EAAA,UAAmB,EAAQ5C,OAChD,EAED8C,eAAgBb,GAAA,2BAChBc,oBAAqBd,GAAA,gCACrBe,iBAAkBf,GAAA,6BAEtB,CAOM,SAAUgB,GAAgBnI,G,QAC9B,GAAgD,EAAAoI,EAAA,KAAxCjF,EAAc,EAAdA,eAAgB8C,EAAmB,EAAnBA,oBAClB/E,GAAW,SACXoD,GAAW,EAAA+D,EAAA,GAAY,MACrBlC,GAAa,EAAAmC,EAAA,KAAbnC,SAEFoC,EAAS,kBAA6BC,EAAA,YACtCjC,EAAc,kBAAkCkC,EAAA,iBAEtD,GAAuC,EAAAC,EAAAC,GAAkB,+BAAjDtD,EAAY,EAAZA,aAAcC,EAAY,EAAZA,aAEhBsD,EAAiBzF,EAAeC,EAAA,gBAEtC,GAGI,QAAyB,CAC3ByF,WAAY,iBACZC,YAAa9I,EAAM8I,YACnBC,iBAAkB/I,EAAM+I,mBALxB7G,EAAS,EAATA,UACAsC,EAAY,EAAZA,aAqCF,OA9BA,EAAAwE,EAAA,GAAa,CAAEC,IAAK,mBACpB,EAAAC,EAAA,GAAmBC,EAAA,sBAAsC,CACvDvI,MAAO4D,aAAY,EAAZA,EAAcU,KACrBkE,cAAe,CACbC,cAAe,GACfC,YAAa,YACbC,kBAAmB,mBAErBC,cAAeC,GAAA,qBACfC,SAAUD,GAAA,yBACRjF,aAAY,EAAZA,EAAcC,eACd,iBAAO,CAAEiC,YAAa,kBAA2BC,OAAQ,qBAA0B,GACnF,OAEFgD,cAAeF,GAAA,qBAGjB,aAAgB,WACTvH,EAAU0H,eAGXhB,GAAkB1G,EAAUV,MAGhC,eACE,CAAEkF,YAAa,cAAuBC,OAAQ,oBAC9C,CAAEkD,SAAS,IAEf,GAAG,CAAEjB,EAAgB1G,EAAUV,KAAMU,EAAU0H,eAG7C,gCACE,uBAAKlJ,UAAU,QACb,gBAACoJ,EAAA,EAAqB,OAExB,gBAAC/G,EAAoB,CACnBb,UAAWA,EAAUV,KACrB+E,YAAaA,EAAY/E,KACzBqC,wBAAyBkG,EAAA,yBACzBhF,YAAwB,QAAX,EAAAwD,EAAO/G,YAAI,eAAEuD,YAC1BQ,kCAAmCyE,EAAA,+BACnCxF,aAAcA,EACdJ,uBAAuC,QAAhB,EAAAmC,EAAY/E,YAAI,eAAE+F,mBAAoBpE,EAAeC,EAAA,qBAC5Ee,mBAAoB6F,EAAA,6BACpBtE,eAAgBY,GAAuBC,EAAY/E,MACnD8D,aAAcA,EACdD,aAAcA,EACdlC,eAAgBA,EAChB8C,oBAAqBA,EACrB3B,SAAUA,EACVpD,SAAUA,EACViF,SAAUA,IAIlB,C,yGCzKMvG,EAAY,+BAEZ,SAAUkK,IACd,OAAsD,SAA9CG,EAAkB,EAAlBA,mBAAoBC,EAAqB,EAArBA,sBAE5B,OAAKD,EAIH,uBAAKvJ,UAAU,2GACb,gBAAC,IAAI,CACHd,UAAWA,EACXkC,OAAO,UACPqI,QAAS,CAAEvI,IAAK,gFAElB,gBAAC,IAAS,CACR3B,QAASiK,GAET,gBAAC,IAAY,CACXpJ,QAAS,WACTJ,UAAU,yBAdT,gCAmBX,C","sources":["file:///app/packages/libs/shared/src/apps/movies-and-tv/components/exchange-and-tv-links/exchange-and-tv-links.scss","file:///app/packages/libs/shared/src/apps/movies-and-tv/components/exchange-and-tv-links/ExchangeAndTvLinks.tsx","file:///app/packages/libs/shared/src/apps/movies-and-tv/components/movies-and-tv-dashboard/empty-state/MoviesAndTvDashboardEmptyState.tsx","file:///app/packages/libs/shared/src/apps/movies-and-tv/components/movies-and-tv-dashboard/movies-and-tv-dashboard.scss","file:///app/packages/libs/shared/src/apps/movies-and-tv/components/movies-and-tv-dashboard/MoviesAndTvDashboard.tsx","file:///app/packages/projects/lite/src/apps/movies-and-tv/views/movies-and-tv-view/MoviesAndTvView.tsx","file:///app/packages/projects/lite/src/shared/components/upgrade-feedback-banner/UpgradeFeedbackBanner.tsx"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"link\":\"voPXM\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { EntityType, LocationContext, UserAction } from 'libs/analytics/interfaces';\n\nimport { IconButton } from 'libs/shared/components/icon-button/IconButton';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { ProductId } from 'libs/shared/enums/ProductId';\nimport { UseProductsResponse } from 'libs/shared/hooks/UseProducts';\nimport { ExchangeTvProductOption } from 'libs/shared/interfaces/ExchangeTvProductOption';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport styles from './exchange-and-tv-links.scss';\n\nconst namespace = 'moviesAndTV.exchangeAndTvLinks';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface LinkProps {\n backgroundImage: string;\n backgroundColor: string;\n title: string;\n cta: string;\n href: string;\n}\n\nfunction Link(props: LinkProps): JSX.Element {\n function onClick(): void {\n AnalyticsHelper.logUserAction({ href: props.href }, {\n actionType: UserAction.Click,\n entity: EntityType.Link,\n location: LocationContext.ExchangeLinksWidget\n });\n }\n\n const style: React.CSSProperties = {\n backgroundColor: props.backgroundColor\n };\n\n if (props.backgroundImage)\n style.backgroundImage = `url(${props.backgroundImage})`;\n\n return (\n <div\n className={`d-flex justify-content-between align-items-center text-white p-3 mb-3 rounded-3 ${styles.link}`}\n style={style}\n >\n <a className='h6 text-shadow mb-0' href={props.href} target='_blank' onClick={onClick}>{props.title}</a>\n <IconButton\n href={props.href}\n svgName={cvSvgLibrary.NewWindow}\n openInNewTab\n className='btn btn-outline-dark d-lg-block d-none'\n onClick={onClick}\n >\n {props.cta}\n </IconButton>\n </div>\n );\n}\n\ninterface ExchangeAndTvLinksProps {\n isPrimary: boolean;\n exchangeTvProductOption: ExchangeTvProductOption;\n products: UseProductsResponse;\n}\n\nexport function ExchangeAndTvLinks(props: ExchangeAndTvLinksProps): JSX.Element {\n const shouldShow = (\n !props.products.isLoadingProducts &&\n props.products.hasProduct(ProductId.Exchange) &&\n props.exchangeTvProductOption === 'exchange_and_tv'\n );\n\n if (!shouldShow)\n return <></>;\n\n const exchangeUrl = props.products.products.data.find(p => p.id === ProductId.Exchange).url;\n\n return (\n <div>\n <div className='curated-widget-header'>\n <h2 className='h4 curated-widget-heading'>\n <Text namespace={namespace} phrase='title' />\n </h2>\n </div>\n <div className='row'>\n <div className='col-md-6 col-12'>\n <Link\n title={getPhrase('exchangeText')}\n cta={getPhrase('exchangeCta')}\n backgroundColor='#7A76EB'\n backgroundImage={props.isPrimary ? '' : 'https://img.clickviewapp.com/v2/thumbnails/7mqa32'}\n href={exchangeUrl + '/exchange'}\n />\n </div>\n <div className='col-md-6 col-12'>\n <Link\n title={getPhrase('tvText')}\n cta={getPhrase('tvCta')}\n backgroundColor='#40BCC3'\n backgroundImage={props.isPrimary ? '' : 'https://img.clickviewapp.com/v2/thumbnails/Eo3L1k'}\n href={exchangeUrl + '/tv'}\n />\n </div>\n </div>\n </div>\n );\n}","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { EmptyState } from 'libs/shared/components/empty-states/EmptyState';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { CuratedDashboard, DashboardStatus } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nconst namespace = 'moviesAndTv.dashboardEmptyState';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface MoviesAndTvDashboardEmptyStateProps {\n dashboard: CuratedDashboard;\n imageUrl: string;\n isReadonly: boolean;\n addWidgetApplink?: () => Core.AppLink;\n}\n\nexport function MoviesAndTvDashboardEmptyState(props: MoviesAndTvDashboardEmptyStateProps): JSX.Element {\n const isArchived = props.dashboard?.status === DashboardStatus.Archived;\n\n return (\n <EmptyState>\n <EmptyState.Image src={props.imageUrl} altText={getPhrase('info')} />\n <EmptyState.Heading>\n <Text namespace={namespace} phrase='heading' />\n </EmptyState.Heading>\n <EmptyState.Info>\n <Text namespace={namespace} phrase='info' />\n </EmptyState.Info>\n <Tooltip title={isArchived ? LanguageService.getPhrase(namespace, 'archivedCtaTooltip') : ''} spanHack>\n <EmptyState.Cta\n text={LanguageService.getPhrase(namespace, 'add')}\n appLink={props.addWidgetApplink?.()}\n className='btn btn-dark'\n icon={cvSvgLibrary.Plus}\n disabled={isArchived}\n />\n </Tooltip>\n </EmptyState>\n );\n}","// extracted by mini-css-extract-plugin\nexport default {\"icon\":\"Kmx7z\",\"title\":\"Hw1qq\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { ExchangeAndTvLinks } from 'libs/shared/apps/movies-and-tv/components/exchange-and-tv-links/ExchangeAndTvLinks';\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { WidgetContainerView } from 'libs/shared/components/widgets/curated-widgets/WidgetContainerView';\nimport { WidgetAppLinks } from 'libs/shared/components/widgets/curated-widgets/WidgetProps';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { PresentationLearningLevel } from 'libs/shared/enums/PresentationLearningLevel';\nimport { ProductId } from 'libs/shared/enums/ProductId';\nimport { WidgetTemplate } from 'libs/shared/enums/WidgetTemplate';\nimport { WidgetTypeId } from 'libs/shared/enums/WidgetTypeId';\nimport { HasLocalPermissionsFunc, HasPermissionsFunc } from 'libs/shared/hooks/usePermissions';\nimport { useProducts, UseProductsResponse } from 'libs/shared/hooks/UseProducts';\nimport { SettingsHash } from 'libs/shared/hooks/useSettings';\nimport { CanFavouriteFunc, CuratedDashboard, CuratedWidgetQueryParams, CurrentUser, DashboardTargetType, FavouriteFunc, Presentation, PresentationAudience, YearGroup } from 'libs/shared/interfaces';\nimport { CuratedDashboardHelper } from 'libs/shared/utils/DashboardHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { MoviesAndTvDashboardEmptyState } from './empty-state/MoviesAndTvDashboardEmptyState';\n\nimport styles from './movies-and-tv-dashboard.scss';\n\nconst namespace = 'moviesAndTv.dashboard';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface MoviesAndDashboardProps {\n dashboard: CuratedDashboard;\n getWidgetContentRequest: (\n id: string,\n params: CuratedWidgetQueryParams,\n widgetTemplate: WidgetTemplate\n ) => Flight.Request;\n imageCdnUrl: string;\n currentUser: CurrentUser;\n hasPermissions: HasPermissionsFunc;\n hasLocalPermissions: HasLocalPermissionsFunc;\n resourceThumbnailFallbackImageUrl: string;\n audiences?: PresentationAudience[];\n emptyImageUrl?: string;\n moviesAndTvIconUrl?: string;\n presentation: Presentation;\n setFavourite?: FavouriteFunc;\n canFavourite?: CanFavouriteFunc;\n widgetAppLinks?: WidgetAppLinks;\n scrollToWidgetId?: string;\n isReadonly?: boolean;\n yearGroups?: YearGroup[];\n lazyLoad?: boolean;\n showPreviewingTooltip?: boolean;\n settings?: SettingsHash;\n products?: UseProductsResponse;\n isPlugin: boolean;\n}\n\nexport function MoviesAndTvDashboard(props: MoviesAndDashboardProps): JSX.Element {\n const widgets = ArrayHelper.sortBy(props.dashboard?.widgets, 'index');\n\n const { hasProduct } = useProducts();\n\n // todo replace with backend filtering widgets by permissions and products\n const hasExchange = props.hasPermissions(PermissionName.Exchange) && hasProduct(ProductId.Exchange);\n const filteredWidgets = props.isReadonly\n // in Curator every widget is visible\n ? widgets\n : widgets.filter(w =>\n (w.templateId !== WidgetTemplate.HeroBannerSmall && w.widgetId !== WidgetTypeId.Blurb)\n || hasExchange);\n\n function getWidgetContentRequest(id: string, widgetTypeId: WidgetTypeId, template: WidgetTemplate): Flight.Request {\n const params = CuratedDashboardHelper.getWidgetParams(\n widgetTypeId,\n template,\n CuratedDashboardHelper.getDashboardTargetType(props.dashboard)\n );\n\n return props.getWidgetContentRequest(id, params, template);\n }\n\n const showEmptyState = props.isReadonly && !filteredWidgets?.length;\n\n return (\n <div className='px-4'>\n <div className='d-flex align-items-center'>\n <div style={{ backgroundImage: `url(${props.moviesAndTvIconUrl})` }} className={`${styles.icon}`}></div>\n <h1 className={`h2 ${styles.title} d-inline-block me-2`}>\n <Text namespace={namespace} phrase='heading' />\n </h1>\n {props.showPreviewingTooltip &&\n <div className='pt-1'>\n <Tooltip title={getPhrase('tooltip')} spanHack>\n <SvgContainer svgName={cvSvgLibrary.Info} />\n </Tooltip>\n </div>\n }\n </div>\n <hr className='mt-2'/>\n <ExchangeAndTvLinks\n exchangeTvProductOption={props.settings?.exchangeTvProductOption}\n products={props.products}\n isPrimary={+PresentationLearningLevel[props.presentation?.learningLevel] === PresentationLearningLevel.Level_1}\n />\n {filteredWidgets.map((widget, idx) => {\n return (\n <WidgetContainerView\n key={widget.id}\n id={widget.id}\n imageCdnUrl={props.imageCdnUrl}\n getContentRequest={getWidgetContentRequest}\n audiences={props.audiences}\n name={widget.name}\n description={widget.description}\n templateId={widget.templateId}\n metadata={widget.metadata}\n presentation={props.presentation}\n setFavourite={props.setFavourite}\n canFavourite={props.canFavourite}\n resourceThumbnailFallbackImageUrl={props.resourceThumbnailFallbackImageUrl}\n preferences={widget.preferences}\n appLinks={props.widgetAppLinks}\n isScrollToTargetWidget={props?.scrollToWidgetId === widget.id}\n widgetTypeId={widget.widgetId}\n yearGroups={props.yearGroups}\n lazyLoad={props.lazyLoad}\n dashboardTarget={DashboardTargetType.MoviesAndTv}\n widgetIndex={idx}\n hasPermissions={props.hasPermissions}\n hasLocalPermissions={props.hasLocalPermissions}\n isPreviewing={props.isReadonly}\n isPlugin={props.isPlugin}\n settings={props.settings}\n />\n );\n })}\n\n {showEmptyState && (\n <MoviesAndTvDashboardEmptyState\n dashboard={props.dashboard}\n isReadonly={props.isReadonly}\n imageUrl={props.emptyImageUrl}\n addWidgetApplink={props.widgetAppLinks.widgetWizard}\n />\n )}\n </div>\n );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\nimport { Flight } from 'libs/common/flight';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { MoviesAndTvDashboard } from 'libs/shared/apps/movies-and-tv/components/movies-and-tv-dashboard/MoviesAndTvDashboard';\nimport { RatingFilterHelper } from 'libs/shared/apps/search/utils/RatingFilterHelper';\nimport { WidgetAppLinks } from 'libs/shared/components/widgets/curated-widgets/WidgetProps';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { RelatedVideosContext } from 'libs/shared/enums/RelatedVideosContext';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { DashboardRequests } from 'libs/shared/flight-requests/DashboardRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\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 { Classification, Company, Config, CurrentUser, DashboardTargetType, Playlist, Rating, Series, Video, VideoTypes } from 'libs/shared/interfaces';\nimport { GetVideoAppLinkOptions } from 'libs/shared/interfaces/VideoAppLinkOptions';\nimport { PageMetadataHelper } from 'libs/shared/utils/PageMetadataHelper';\n\nimport { UpgradeFeedbackBanner } from 'shared/components/upgrade-feedback-banner/UpgradeFeedbackBanner';\nimport { ImageUrls } from 'shared/constants/ImageUrls';\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { usePluginHelper } from 'shared/hooks/use-plugin-helper/usePluginHelper';\nimport { useDeepLinks } from 'shared/hooks/useDeepLinks';\nimport { useLiteFavourites } from 'shared/hooks/useLiteFavourites';\nimport { DashboardViewQueryParams } from 'shared/interfaces/query-params/DashboardViewQueryParams';\nimport { ClassificationAppLinkHelper } from 'shared/utils/ClassificationAppLinkHelper';\nimport { useFetchCuratedDashboard } from 'shared/utils/DashboardHelper';\nimport { REGIONAL_MTV_INDEXABILITY } from 'shared/utils/LiteRegionHelper';\nimport { SeoHelper } from 'shared/utils/SeoHelper';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\n\nimport { SeriesAppLinkHelper } from 'apps/series/SeriesAppLinkHelper';\n\nconst namespace = 'moviesAndTV.moviesAndTV';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nfunction getMoviesAndTvAppLinks(currentUser: CurrentUser): WidgetAppLinks {\n return {\n rating: (rating: Rating, ratings: Rating[]) => {\n return {\n application: AppChannels.SEARCH,\n action: Actions.Search.HOME,\n params: {\n moviesAndTv: true,\n rating: RatingFilterHelper.getFrontendParamValue([ ArrayHelper.first(ratings), rating ])\n }\n };\n },\n classification: (classification?: Classification) => (\n ClassificationAppLinkHelper.getAppLink(classification, { moviesAndTv: true })\n ),\n \n videoType: (video: VideoTypes, opts: GetVideoAppLinkOptions) => (\n VideoAppLinkHelper.getAppLink(video, {\n ...opts,\n moviesAndTv: true,\n context: RelatedVideosContext.Widget,\n includeContext: currentUser?.isAuthenticated\n })\n ),\n \n series: (series: Series) => SeriesAppLinkHelper.getSeriesAppLink(series, { mtv: true }),\n \n subText: (video: Video) => SeriesAppLinkHelper.getSeriesAppLink(video.series, { mtv: true }),\n \n playlist: (playlist: Playlist) => ({\n application: AppChannels.PLAYLISTS,\n action: Actions.Playlists.PLAYLIST,\n args: [ playlist.id, TextHelper.slugify(playlist.name) ],\n params: {\n mtv: true\n }\n }),\n \n company: (company: Company) => ({\n application: AppChannels.MOVIES_AND_TV,\n action: Actions.MoviesAndTv.COMPANY_DASHBOARD,\n args: [ company.id, TextHelper.slugify(company.name) ]\n }),\n \n classroomGuide: VideoAppLinkHelper.getClassroomGuideAppLink,\n interactiveGuidance: VideoAppLinkHelper.getInteractiveGuidanceAppLink,\n resourceGuidance: VideoAppLinkHelper.getResourceGuidanceAppLink\n };\n}\n\nexport interface MoviesAndTvProps {\n presentationSlug?: string;\n queryParams?: DashboardViewQueryParams;\n}\n\nexport function MoviesAndTvView(props: MoviesAndTvProps): JSX.Element {\n const { hasPermissions, hasLocalPermissions } = usePermissions();\n const products = useProducts();\n const settings = useSettings(null);\n const { isPlugin } = usePluginHelper();\n\n const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n\n const { setFavourite, canFavourite } = useLiteFavourites(LocationContext.ExpandableVideoThumbnail);\n\n const hasMoviesAndTv = hasPermissions(PermissionName.ViewMoviesTv);\n\n const {\n dashboard,\n presentation\n } = useFetchCuratedDashboard({\n targetType: DashboardTargetType.MoviesAndTv,\n queryParams: props.queryParams,\n presentationSlug: props.presentationSlug\n });\n\n useDeepLinks({ app: 'movies-and-tv' });\n useSetPageMetadata(PageMetadataHelper.getDefaultMetadata({\n title: presentation?.name,\n phraseContext: {\n phraseHandler: getPhrase,\n titlePhrase: 'pageTitle',\n descriptionPhrase: 'pageDescription'\n },\n canonicalLink: SeoHelper.getCanonicalLink(),\n hrefLang: SeoHelper.getStaticRouteHrefLang(\n presentation?.learningLevel,\n () => ({ application: AppChannels.MOVIES_AND_TV, action: Actions.MoviesAndTv.HOME }),\n REGIONAL_MTV_INDEXABILITY\n ),\n allowIndexing: SeoHelper.allowIndexing()\n }));\n\n React.useEffect(() => {\n if (!dashboard.hasCompleted)\n return;\n\n if (hasMoviesAndTv && dashboard.data)\n return;\n\n Core.AppLinkHelper.trigger(\n { application: AppChannels.DASHBOARD, action: Actions.Dashboard.HOME },\n { replace: true }\n );\n }, [ hasMoviesAndTv, dashboard.data, dashboard.hasCompleted ]);\n\n return (\n <>\n <div className='px-4'>\n <UpgradeFeedbackBanner />\n </div>\n <MoviesAndTvDashboard\n dashboard={dashboard.data}\n currentUser={currentUser.data}\n getWidgetContentRequest={DashboardRequests.dashboardWidgetContent}\n imageCdnUrl={config.data?.imageCdnUrl}\n resourceThumbnailFallbackImageUrl={ImageUrls.Fallbacks.RESOURCE_THUMBNAIL}\n presentation={presentation}\n showPreviewingTooltip={currentUser.data?.isAuthenticated && !hasPermissions(PermissionName.StudentExperience)}\n moviesAndTvIconUrl={ImageUrls.MoviesAndTv.DASHBOARD_ICON}\n widgetAppLinks={getMoviesAndTvAppLinks(currentUser.data)}\n canFavourite={canFavourite}\n setFavourite={setFavourite}\n hasPermissions={hasPermissions}\n hasLocalPermissions={hasLocalPermissions}\n settings={settings}\n products={products}\n isPlugin={isPlugin}\n />\n </>\n );\n}","import React from 'react';\n\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { useLiteUpgrade } from 'libs/shared/hooks/UseLiteUpgrade';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nconst namespace = 'shared.upgradeFeedbackBanner';\n\nexport function UpgradeFeedbackBanner(): JSX.Element {\n const { showFeedbackBanner, dismissFeedbackBanner } = useLiteUpgrade();\n\n if (!showFeedbackBanner)\n return <></>;\n\n return (\n <div className='alert bg-light-blue p-2 rounded text-info fw-semibold d-flex justify-content-between align-items-center'>\n <Text\n namespace={namespace}\n phrase='message'\n options={{ url: 'https://www.clickvieweducation.com/en-au/blog/product/exchange-tv-new-look' }}\n />\n <DivButton\n onClick={dismissFeedbackBanner}\n >\n <SvgContainer\n svgName={cvSvgLibrary.Close}\n className='ms-2 svg-container'\n />\n </DivButton>\n </div>\n );\n}"],"names":["namespace","getPhrase","LanguageService","Link","props","onClick","AnalyticsHelper","href","actionType","entity","location","style","backgroundColor","backgroundImage","className","target","title","IconButton","svgName","openInNewTab","cta","ExchangeAndTvLinks","products","isLoadingProducts","hasProduct","ProductId","exchangeTvProductOption","exchangeUrl","data","find","p","id","url","Text","phrase","isPrimary","MoviesAndTvDashboardEmptyState","isArchived","dashboard","status","EmptyState","src","imageUrl","altText","Tooltip","spanHack","text","appLink","addWidgetApplink","icon","disabled","MoviesAndTvDashboard","widgets","ArrayHelper","hasExchange","hasPermissions","PermissionName","filteredWidgets","isReadonly","filter","w","templateId","WidgetTemplate","widgetId","WidgetTypeId","getWidgetContentRequest","widgetTypeId","template","params","showEmptyState","length","moviesAndTvIconUrl","showPreviewingTooltip","SvgContainer","settings","PresentationLearningLevel","presentation","learningLevel","map","widget","idx","WidgetContainerView","key","imageCdnUrl","getContentRequest","audiences","name","description","metadata","setFavourite","canFavourite","resourceThumbnailFallbackImageUrl","preferences","appLinks","widgetAppLinks","isScrollToTargetWidget","scrollToWidgetId","yearGroups","lazyLoad","dashboardTarget","widgetIndex","hasLocalPermissions","isPreviewing","isPlugin","emptyImageUrl","widgetWizard","getMoviesAndTvAppLinks","currentUser","rating","ratings","application","action","moviesAndTv","RatingFilterHelper","classification","ClassificationAppLinkHelper","videoType","video","opts","VideoAppLinkHelper","context","RelatedVideosContext","includeContext","isAuthenticated","series","SeriesAppLinkHelper","mtv","subText","playlist","args","TextHelper","company","classroomGuide","interactiveGuidance","resourceGuidance","MoviesAndTvView","usePermissions","useSettings","usePluginHelper","config","ConfigRequests","UserRequests","useLiteFavourites","u","hasMoviesAndTv","targetType","queryParams","presentationSlug","useDeepLinks","app","useSetPageMetadata","PageMetadataHelper","phraseContext","phraseHandler","titlePhrase","descriptionPhrase","canonicalLink","SeoHelper","hrefLang","allowIndexing","hasCompleted","replace","UpgradeFeedbackBanner","DashboardRequests","ImageUrls","showFeedbackBanner","dismissFeedbackBanner","options"],"sourceRoot":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[1169],{1353:(e,t,n)=>{n.d(t,{$:()=>s});var r=n(32735),a=n(23481),i=n(11607),c=n(54610),l=n(67453),o=n(22161),u=a.T.encloseNamespace("shared.curriculumLinks");function s(e){var t,n=e.data;return r.createElement(i.L,{key:n.id,className:"p-1 pe-2 rounded-pill d-inline-flex align-items-center cursor-pointer ".concat(o.Z.tag," ").concat(e.selected?o.Z.selected:""),onClick:function(){return e.onChangeCurriculum(n.id.toString())},"aria-label":"".concat(u("ariaFilter")," ").concat(n.name)},(null===(t=n.cover)||void 0===t?void 0:t.url)&&r.createElement("div",{className:"bg-white ".concat(o.Z.cover," rounded-circle border")},r.createElement("img",{src:l.j.createUrl(n.cover.url,{size:c.h2.Small}),alt:n.name,className:"rounded-circle"})),r.createElement("div",{className:"ms-2"},n.name))}},38496:(e,t,n)=>{n.d(t,{p:()=>u});var r=n(32735),a=n(23481),i=n(23232),c=n(83345),l="shared.curriculumLinks",o=a.T.encloseNamespace(l);function u(e){return r.createElement(i.u,{className:"pt-3"},r.createElement(i.u.Image,{src:e.emptyStateUrl,altText:o("emptyInfo"),size:"small"}),r.createElement(i.u.Heading,null,r.createElement(c.x,{namespace:l,phrase:"emptyHeading"})),r.createElement(i.u.Info,null,r.createElement(c.x,{namespace:l,phrase:"emptyInfo"})))}},44599:(e,t,n)=>{n.d(t,{Z:()=>i});var r=n(32735);var a=function(){return r.createElement(r.Fragment,null,r.createElement("div",{className:"partial-loading-background rounded-pill py-1 px-2 d-inline-block me-1 mb-2 ".concat("vDcrq")}),r.createElement("div",null,r.createElement("div",{className:"partial-loading-background mb-1 ".concat("GXhoW")}),r.createElement("div",{className:"mb-2 d-flex"},r.createElement("div",{className:"me-1 align-self-start ".concat("goKaS")},r.createElement("div",{className:"partial-loading-background rounded-pill py-1 px-2 d-inline-block w-100 h-100"})),r.createElement("div",{className:"partial-loading-background ".concat("vFew6")}))))};function i(){return r.createElement("div",null,r.createElement("div",{className:"mb-3"},r.createElement(a,null)),r.createElement("div",{className:"mb-3"},r.createElement(a,null)),r.createElement("div",null,r.createElement(a,null)))}},34223:(e,t,n)=>{n.d(t,{Y:()=>g});var r=n(32735),a=n(38496),i=n(44599),c=n(83345),l=n(85597);const o={curriculumSubject:"i4D3h",curriculumSet:"WCdf9",areaLeafSet:"o8H8s",closeButton:"McsPs",leafDescriptionOnly:"xmEEo"};function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function s(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=u(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!=u(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==u(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var m=/(.*)\s\((.*)?\)/i,v="shared.curriculumLinks",p="text-nowrap font-size-normal rounded-pill py-1 px-2 my-0 d-inline-block fw-semibold";function f(e){function t(){var t=p+" bg-white border";return!e.leaf.name&&e.uiContainsCodes?t+" border-secondary text-secondary":t+" border-dark"}var n=r.useRef();return r.useEffect((function(){if(n.current){var t=n.current.getBoundingClientRect().width;e.trySetMaxCodeWidth(t)}}),[n.current]),r.createElement("div",{className:"d-flex"},e.leaf.description?!e.leaf.name&&e.uiContainsCodes?r.createElement(r.Fragment,null,r.createElement("div",{className:"me-1 align-self-start",style:{minWidth:e.codeWidth?"".concat(e.codeWidth,"px"):"auto"}},r.createElement("h5",{ref:n,className:t()},r.createElement(c.x,{namespace:v,phrase:"noCode"}))),r.createElement("p",{className:"m-0 align-self-center",dangerouslySetInnerHTML:{__html:e.leaf.description}})):e.leaf.name||e.uiContainsCodes?r.createElement(r.Fragment,null,r.createElement("div",{className:"me-1 align-self-start",style:{minWidth:e.codeWidth?"".concat(e.codeWidth,"px"):"auto"}},r.createElement("h5",{ref:n,className:t()},e.leaf.name)),r.createElement("p",{className:"m-0 align-self-center",dangerouslySetInnerHTML:{__html:e.leaf.description}})):r.createElement("p",{className:"m-0",dangerouslySetInnerHTML:{__html:e.leaf.description}}):r.createElement("p",{className:"m-0",dangerouslySetInnerHTML:{__html:e.leaf.name}}))}function y(e){var t,n,a,i={},c=!1;function u(e){var t="mb-2";return e.name||c?t:t+" ms-4 "+o.leafDescriptionOnly}return e.linkSet.areasAndLeaves.forEach((function(e){var t=e[l.k.Area].map((function(e){return e.name})).join(" - ");i[t]?e[l.k.Leaf].forEach((function(e){i[t].find((function(t){return t.name===e.name}))||(i[t].push(e),e.name&&(c=!0))})):i[t]=e[l.k.Leaf]})),r.createElement(r.Fragment,null,r.createElement("h3",{className:"".concat(p," text-white bg-dark-blue fw-normal me-1 mb-2")},(t=e.linkSet[l.k.Audience].name,n=e.linkSet[l.k.Subject].name,(a=t.match(m))?"".concat(a[1]," • ").concat(a[2]," • ").concat(n):"".concat(t," • ").concat(n))),r.createElement("div",{className:"me-2 ".concat(o.curriculumSubject)},Object.keys(i).map((function(t,n){return r.createElement("div",{key:n,className:o.areaLeafSet},t&&r.createElement("h4",{className:"mb-1 font-size-normal"},t),r.createElement("ul",{className:"list-unstyled"},i[t].map((function(t){return r.createElement("li",{key:t.id,className:u(t)},r.createElement(f,{leaf:t,codeWidth:e.codeWidth,trySetMaxCodeWidth:e.trySetMaxCodeWidth,uiContainsCodes:c}))}))))}))))}function g(e){var t,n,c,u=(n=r.useState(0),c=2,function(e){if(Array.isArray(e))return e}(n)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,c,l=[],o=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);o=!0);}catch(e){u=!0,a=e}finally{try{if(!o&&null!=n.return&&(c=n.return(),Object(c)!==c))return}finally{if(u)throw a}}return l}}(n,c)||function(e,t){if(e){if("string"==typeof e)return d(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}(n,c)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),m=u[0],v=u[1];function p(e){v((function(t){return t>=e?t:e}))}var f=r.useMemo((function(){var t={};return e.curriculumLinks.forEach((function(e){var n=null,r=null,a=[],i=[];e.forEach((function(e){switch(e.type){case l.k.Subject:n=e;break;case l.k.Audience:r=e;break;case l.k.Area:a.push(e);break;case l.k.Leaf:i.push(e)}}));var c="".concat(n.id,":").concat(r.id);t[c]?t[c].areasAndLeaves.push(s(s({},l.k.Area,a),l.k.Leaf,i)):t[c]=s(s(s({},l.k.Subject,n),l.k.Audience,r),"areasAndLeaves",[s(s({},l.k.Area,a),l.k.Leaf,i)])})),t}),[e.curriculumLinks]);return e.curriculumLinks?(null===(t=e.curriculumLinks)||void 0===t?void 0:t.length)?r.createElement("ul",{className:"list-unstyled m-0"},Object.keys(f).map((function(e,t){return r.createElement("li",{key:"linkset-".concat(t),className:o.curriculumSet},r.createElement(y,{linkSet:f[e],trySetMaxCodeWidth:p,codeWidth:m}))}))):r.createElement(a.p,{emptyStateUrl:e.emptyStateUrl}):r.createElement(i.Z,null)}},22283:(e,t,n)=>{n.d(t,{P:()=>l});var r=n(32735),a=n(1353),i=n(63112),c=n(65163);function l(e){var t,n,l;return r.createElement(c.eb,{collection:(null===(t=e.selectedCurriculum)||void 0===t?void 0:t.id)?e.curriculums.nonEmptyCurriculums:null,childClassName:"flex-shrink-0",childComponent:function(t){var n,i;return r.createElement(a.$,Object.assign({},t,{selected:(null===(i=null===(n=e.selectedCurriculum)||void 0===n?void 0:n.id)||void 0===i?void 0:i.toString())===t.data.id.toString(),onChangeCurriculum:e.onChangeCurriculum}))},partialLoadingComponent:function(){return r.createElement(i.o,null)},widgetDataDeps:[null===(l=null===(n=e.selectedCurriculum)||void 0===n?void 0:n.id)||void 0===l?void 0:l.toString(),e.onChangeCurriculum],noNegativePadding:e.noNegativePadding})}},63112:(e,t,n)=>{n.d(t,{o:()=>i});var r=n(32735),a=n(91807),i=r.memo((function(e){var t=e.tagClass,n="partial-loading-background d-inline-block rounded-pill py-1 px-2 mb-1 me-1 text-nowrap ".concat(void 0===t?"":t," ").concat(a.Z.partialTag);return r.createElement("div",{className:"mt-1"},r.createElement("span",{className:n}," "))}))},65163:(e,t,n)=>{n.d(t,{QL:()=>r.Q,eb:()=>r.e});var r=n(16450);n(14244)},85597:(e,t,n)=>{var r;n.d(t,{k:()=>r}),function(e){e.Subject="CurriculumSubject",e.Audience="CurriculumAudience",e.Area="CurriculumArea",e.Leaf="CurriculumLeaf"}(r||(r={}))},61169:(e,t,n)=>{n.d(t,{R:()=>ee});var r=n(32735),a=n(49935),i=n(5640),c=n(42648),l=n(23481),o=n(75896),u=n(49985),s=n(65858),d=n(44599),m=n(83345),v=n(69883),p=n(59598),f=n(34223),y=n(22283);function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var h="shared.curriculumLinks",b=l.T.encloseNamespace(h);function E(e){var t,n,a=e.curriculums,i=a.hasLoaded,l=a.activeCurriculum,E=a.availableCurriculums,S=a.curriculumLinks,k=a.updateCurriculum,C=a.customerHasCurriculumLinks,A=(t=r.useState(),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,c,l=[],o=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);o=!0);}catch(e){u=!0,a=e}finally{try{if(!o&&null!=n.return&&(c=n.return(),Object(c)!==c))return}finally{if(u)throw a}}return l}}(t,n)||function(e,t){if(e){if("string"==typeof e)return g(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?g(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),I=A[0],L=A[1],N=(0,v.Z)();return r.useEffect((function(){i&&(I||L(null!=l?l:o.m.first(E)))}),[null==l?void 0:l.id,i]),e.canViewCurriculumLinks&&C?r.createElement("section",{id:p.K.CurriculumLinks,ref:function(t){var n;t&&(null===(n=e.headingRef)||void 0===n?void 0:n.current)&&e.headingRef.current.set(p.K.CurriculumLinks,t)},className:"play-page-section"},r.createElement("h2",{className:"h4 me-2 h-100"},r.createElement(m.x,{namespace:h,phrase:"heading"})),r.createElement("div",{className:"mb-2"},r.createElement(y.P,{curriculums:e.curriculums,selectedCurriculum:I,onChangeCurriculum:function(t){var n,r,a=E.find((function(e){return e.id.toString()===t}));(null==a?void 0:a.id)&&(null===(n=null==I?void 0:I.id)||void 0===n?void 0:n.toString())!==(null===(r=null==a?void 0:a.id)||void 0===r?void 0:r.toString())&&(L(a),k(a,(function(){u.k.logUserAction({id:a.id,name:a.id,description:a.description,videoId:e.video.id,videoName:e.video.name},{entity:s.py.Presentation,actionType:s.Vw.Select,descriptor:s.kD.Curriculum,location:s.LZ.PlayPage})}),(function(){L(I),N.error(b("updateFailed"))})))}})),r.createElement("div",{className:"rounded border position-relative"},r.createElement(c.$B,{autoHeight:!0,autoHeightMax:e.height},r.createElement("div",{className:"p-3"},i?r.createElement(f.Y,{curriculumLinks:S,emptyStateUrl:e.emptyStateUrl}):r.createElement(d.Z,null))))):r.createElement(r.Fragment,null)}var S=n(56940),k=n(51184),C=n(64921),A=n(95812),I=n(53709),L=n(40178),N=n(71063),w=n(10439),x=n(35429),T=n(4594),R=n(16714),j=n(22902),O=n(65332),U=n(76196),P=n(31908),V=n(26492),M=n(9465),F=n(91479),G=n(99092),W=n(47938),_=n(81024),D=n(78166),H=n(99742),Z=n(14070),B=n(97291),K=n(22490),$=n(63010),Y=n(14476),z=n(53256);const Q={main:"xSI0l",expandedToc:"j5FCv"};function q(e){return function(e){if(Array.isArray(e))return X(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return X(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?X(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function X(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var J="shared.play";function ee(e){var t,n,c,l,o,u,s,d,v,f=(0,x.g)(),y=(0,j.T)().hasPermissions,g=P.M.getCanBeConsumed(e.video).canConsume,h=(0,$.Q)(e.tableOfContentsId),b=h.tableOfContentsActiveId,X=h.setTableOfContentsActiveId,ee=h.controlledId,te=h.setControlledId,ne=h.tableOfContentsExpanded,re=h.onToggleTableOfContents,ae=(0,k.Wp)(e.video)&&e.featureAccess.canViewGlance,ie=(0,Y.i)(ae),ce=ie.headingRef,le=ie.headingElements,oe=le.map((function(t){var n,r,a,i;return{id:t.id,name:z.d.getSectionHeading(t.id,{clips:e.clips,interactives:e.interactives,resources:[].concat(q(null!==(r=null===(n=e.video.resources)||void 0===n?void 0:n.data)&&void 0!==r?r:[]),q(null!==(i=null===(a=e.video.links)||void 0===a?void 0:a.data)&&void 0!==i?i:[]))})}})),ue=P.M.isVideoTypeArchived(e.video),se=y(R.C.StudentExperience);(0,O.D)({setActiveId:X,headingElements:le,controlledId:ee,setControlledId:te}),(0,U.P)(le,ee);var de=r.useRef(!1),me=(0,G.lU)();function ve(){var e,t,n,r;de.current=!(null===(t=null===(e=null==f?void 0:f.playerRef)||void 0===e?void 0:e.current)||void 0===t?void 0:t.isPaused()),null===(r=null===(n=null==f?void 0:f.playerRef)||void 0===n?void 0:n.current)||void 0===r||r.pause()}function pe(){var e,t;de.current&&(null===(t=null===(e=null==f?void 0:f.playerRef)||void 0===e?void 0:e.current)||void 0===t||t.play())}var fe="picture-in-picture"===f.mode||e.featureAccess.canViewPublicLayout;return r.createElement(m.D.Provider,{value:J},r.createElement("div",{className:"px-4 play-page-sections-container ".concat(e.shouldShowSideTableOfContents?"row g-0":"")},r.createElement("main",{className:"".concat(Q.main," ").concat(e.shouldShowSideTableOfContents&&ne?"".concat(Q.expandedToc," col-9"):e.shouldShowSideTableOfContents&&!ne?"pe-4":void 0)},!!(null===(t=e.breadcrumbs)||void 0===t?void 0:t.length)&&r.createElement("div",{className:"mb-2"},r.createElement(a.Oo,{breadcrumbs:e.breadcrumbs})),r.createElement(W.W,{restrictions:e.video._restrictions,yearGroups:e.yearGroups,objectId:e.video.id,objectTypeId:T.E.Video,canManageVideoAccess:e.canManageVideoAccess}),ue&&r.createElement(V.T,{typeId:e.video.typeId,hasStudentExperience:se}),r.createElement("section",{id:p.K.Video,className:"mb-2 ".concat(N.M.GLOBAL_PLAYER_SELECTOR),ref:function(e){e&&(null==ce?void 0:ce.current)&&ce.current.set(p.K.Video,e)}},g&&r.createElement(w.r,{key:e.video.id,objectId:e.video.id,objectTypeId:e.video.typeId,shareId:e.shareId,context:null===(n=e.params)||void 0===n?void 0:n.context,contextId:null===(c=e.params)||void 0===c?void 0:c.contextId,playNext:null===(l=e.params)||void 0===l?void 0:l.playNext,moviesAndTv:null===(o=e.params)||void 0===o?void 0:o.mtv,startTime:null!==(s=null===(u=e.params)||void 0===u?void 0:u.t)&&void 0!==s?s:null===(d=e.params)||void 0===d?void 0:d.startTime,endTime:null===(v=e.params)||void 0===v?void 0:v.endTime,mode:"default",location:"play-page"}),r.createElement("div",{className:fe?"":"d-none"},r.createElement(_.S,{video:e.video,appLink:{application:B.O.SIGN_UP,action:Z.e.SignUp.SIGN_UP},type:"picture-in-picture"===f.mode?"pip":"public"}))),r.createElement(F.v,{media:e.video,yearGroups:e.yearGroups,audiences:e.audiences,getSeriesAppLink:function(t){return me.getSeriesAppLink(t,e.params.mtv)},featureAccess:e.featureAccess,shareId:e.shareId}),ae?r.createElement(C.j,{video:e.video,pointsOfInterest:e.pointsOfInterest,setStartTime:function(e){var t;return null===(t=f.playerRef.current)||void 0===t?void 0:t.currentTime(e)},getTagAppLink:me.getTagAppLink,suppressInteractivity:e.featureAccess.canViewPublicLayout,canViewGlance:ae}):r.createElement(S.a,{video:e.video,currentUser:e.currentUser,headingRef:ce,onLaunchImmersiveReader:ve,onExitImmersiveReader:pe,getTagAppLink:me.getTagAppLink,suppressInteractivity:e.featureAccess.canViewPublicLayout}),r.createElement(E,{headingRef:ce,video:e.video,height:L.x,curriculums:e.curriculums,emptyStateUrl:H.W.EmptyStates.CURRICULUM_LINKS,canViewCurriculumLinks:e.featureAccess.canViewCurriculumLinks}),r.createElement(I.M,{headingRef:ce,video:e.video,canViewResources:e.featureAccess.canViewResourceItems,imageCdnUrl:e.imageCdnUrl,getAppLink:me.getResourceAppLink(e.video.id,e.shareId,e.featureAccess.canViewResourceItems),analyticsData:{videoId:e.video.id,videoName:e.video.name},resourceThumbnailFallbackUrl:H.W.Fallbacks.RESOURCE_THUMBNAIL}),r.createElement(A.J,{headingRef:ce,video:e.video,interactives:e.interactives,imageCdnUrl:e.imageCdnUrl,analyticsData:{videoId:e.video.id,videoName:e.video.name},canViewInteractives:e.featureAccess.canViewInteractives,yearGroups:e.yearGroups,setFavourite:e.setFavourite,canFavourite:e.canFavourite,isPlugin:e.isPlugin}),r.createElement(i.O,{video:e.video,headingRef:ce,clips:e.clips,canViewClips:e.featureAccess.canViewClips,yearGroups:e.yearGroups,audiences:e.audiences,imageCdnUrl:e.imageCdnUrl,setFavourite:e.setFavourite,canFavourite:e.canFavourite,analyticsData:{videoId:e.video.id,videoName:e.video.name},isPlugin:e.isPlugin}),ae&&r.createElement(S.a,{video:e.video,currentUser:e.currentUser,headingRef:ce,onLaunchImmersiveReader:ve,onExitImmersiveReader:pe,getTagAppLink:me.getTagAppLink,suppressInteractivity:e.featureAccess.canViewPublicLayout,showHeading:!0}),r.createElement(D.Z,{currentVideo:e.video,headingRef:ce,yearGroups:e.yearGroups,relatedVideos:e.relatedVideos,currentUser:e.currentUser,setFavourite:e.setFavourite,canFavourite:e.canFavourite,getVideoAppLink:function(t,n){return K.W.getAppLink(t,Object.assign(Object.assign({},n),{context:e.params.context,contextId:e.params.contextId,playNext:e.params.playNext,shareId:e.shareId,moviesAndTv:e.params.mtv}))},audiences:e.audiences,moviesAndTv:e.params.mtv,isPlugin:e.isPlugin})),r.createElement(M.h,{isExpanded:ne,setIsExpanded:re,items:oe,activeId:b,setControlledId:te,analyticsData:{videoId:e.video.id,videoName:e.video.name},showInSide:e.shouldShowSideTableOfContents})))}},22161:(e,t,n)=>{n.d(t,{Z:()=>r});const r={curriculumSubject:"GvGYH",curriculumSet:"d7RK0",areaLeafSet:"XRTAe",closeButton:"N3l5Q",heading:"hAxR4",leafDescriptionOnly:"h66ke",dropdown:"CsG6G",tag:"rdLqY",cover:"etwaD",active:"aDLMe",selected:"BMrSd"}}}]);
|
|
2
|
-
//# sourceMappingURL=1169-
|
|
1
|
+
"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[1169],{1353:(e,t,n)=>{n.d(t,{$:()=>s});var r=n(32735),a=n(23481),i=n(11607),c=n(54610),l=n(67453),o=n(22161),u=a.T.encloseNamespace("shared.curriculumLinks");function s(e){var t,n=e.data;return r.createElement(i.L,{key:n.id,className:"p-1 pe-2 rounded-pill d-inline-flex align-items-center cursor-pointer ".concat(o.Z.tag," ").concat(e.selected?o.Z.selected:""),onClick:function(){return e.onChangeCurriculum(n.id.toString())},"aria-label":"".concat(u("ariaFilter")," ").concat(n.name)},(null===(t=n.cover)||void 0===t?void 0:t.url)&&r.createElement("div",{className:"bg-white ".concat(o.Z.cover," rounded-circle border")},r.createElement("img",{src:l.j.createUrl(n.cover.url,{size:c.h2.Small}),alt:n.name,className:"rounded-circle"})),r.createElement("div",{className:"ms-2"},n.name))}},38496:(e,t,n)=>{n.d(t,{p:()=>u});var r=n(32735),a=n(23481),i=n(23232),c=n(83345),l="shared.curriculumLinks",o=a.T.encloseNamespace(l);function u(e){return r.createElement(i.u,{className:"pt-3"},r.createElement(i.u.Image,{src:e.emptyStateUrl,altText:o("emptyInfo"),size:"small"}),r.createElement(i.u.Heading,null,r.createElement(c.x,{namespace:l,phrase:"emptyHeading"})),r.createElement(i.u.Info,null,r.createElement(c.x,{namespace:l,phrase:"emptyInfo"})))}},44599:(e,t,n)=>{n.d(t,{Z:()=>i});var r=n(32735);var a=function(){return r.createElement(r.Fragment,null,r.createElement("div",{className:"partial-loading-background rounded-pill py-1 px-2 d-inline-block me-1 mb-2 ".concat("vDcrq")}),r.createElement("div",null,r.createElement("div",{className:"partial-loading-background mb-1 ".concat("GXhoW")}),r.createElement("div",{className:"mb-2 d-flex"},r.createElement("div",{className:"me-1 align-self-start ".concat("goKaS")},r.createElement("div",{className:"partial-loading-background rounded-pill py-1 px-2 d-inline-block w-100 h-100"})),r.createElement("div",{className:"partial-loading-background ".concat("vFew6")}))))};function i(){return r.createElement("div",null,r.createElement("div",{className:"mb-3"},r.createElement(a,null)),r.createElement("div",{className:"mb-3"},r.createElement(a,null)),r.createElement("div",null,r.createElement(a,null)))}},34223:(e,t,n)=>{n.d(t,{Y:()=>g});var r=n(32735),a=n(38496),i=n(44599),c=n(83345),l=n(85597);const o={curriculumSubject:"i4D3h",curriculumSet:"WCdf9",areaLeafSet:"o8H8s",closeButton:"McsPs",leafDescriptionOnly:"xmEEo"};function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function s(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=u(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!=u(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==u(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var m=/(.*)\s\((.*)?\)/i,v="shared.curriculumLinks",p="text-nowrap font-size-normal rounded-pill py-1 px-2 my-0 d-inline-block fw-semibold";function f(e){function t(){var t=p+" bg-white border";return!e.leaf.name&&e.uiContainsCodes?t+" border-secondary text-secondary":t+" border-dark"}var n=r.useRef();return r.useEffect((function(){if(n.current){var t=n.current.getBoundingClientRect().width;e.trySetMaxCodeWidth(t)}}),[n.current]),r.createElement("div",{className:"d-flex"},e.leaf.description?!e.leaf.name&&e.uiContainsCodes?r.createElement(r.Fragment,null,r.createElement("div",{className:"me-1 align-self-start",style:{minWidth:e.codeWidth?"".concat(e.codeWidth,"px"):"auto"}},r.createElement("h5",{ref:n,className:t()},r.createElement(c.x,{namespace:v,phrase:"noCode"}))),r.createElement("p",{className:"m-0 align-self-center",dangerouslySetInnerHTML:{__html:e.leaf.description}})):e.leaf.name||e.uiContainsCodes?r.createElement(r.Fragment,null,r.createElement("div",{className:"me-1 align-self-start",style:{minWidth:e.codeWidth?"".concat(e.codeWidth,"px"):"auto"}},r.createElement("h5",{ref:n,className:t()},e.leaf.name)),r.createElement("p",{className:"m-0 align-self-center",dangerouslySetInnerHTML:{__html:e.leaf.description}})):r.createElement("p",{className:"m-0",dangerouslySetInnerHTML:{__html:e.leaf.description}}):r.createElement("p",{className:"m-0",dangerouslySetInnerHTML:{__html:e.leaf.name}}))}function y(e){var t,n,a,i={},c=!1;function u(e){var t="mb-2";return e.name||c?t:t+" ms-4 "+o.leafDescriptionOnly}return e.linkSet.areasAndLeaves.forEach((function(e){var t=e[l.k.Area].map((function(e){return e.name})).join(" - ");i[t]?e[l.k.Leaf].forEach((function(e){i[t].find((function(t){return t.name===e.name}))||(i[t].push(e),e.name&&(c=!0))})):i[t]=e[l.k.Leaf]})),r.createElement(r.Fragment,null,r.createElement("h3",{className:"".concat(p," text-white bg-dark-blue fw-normal me-1 mb-2")},(t=e.linkSet[l.k.Audience].name,n=e.linkSet[l.k.Subject].name,(a=t.match(m))?"".concat(a[1]," • ").concat(a[2]," • ").concat(n):"".concat(t," • ").concat(n))),r.createElement("div",{className:"me-2 ".concat(o.curriculumSubject)},Object.keys(i).map((function(t,n){return r.createElement("div",{key:n,className:o.areaLeafSet},t&&r.createElement("h4",{className:"mb-1 font-size-normal"},t),r.createElement("ul",{className:"list-unstyled"},i[t].map((function(t){return r.createElement("li",{key:t.id,className:u(t)},r.createElement(f,{leaf:t,codeWidth:e.codeWidth,trySetMaxCodeWidth:e.trySetMaxCodeWidth,uiContainsCodes:c}))}))))}))))}function g(e){var t,n,c,u=(n=r.useState(0),c=2,function(e){if(Array.isArray(e))return e}(n)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,c,l=[],o=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);o=!0);}catch(e){u=!0,a=e}finally{try{if(!o&&null!=n.return&&(c=n.return(),Object(c)!==c))return}finally{if(u)throw a}}return l}}(n,c)||function(e,t){if(e){if("string"==typeof e)return d(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}(n,c)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),m=u[0],v=u[1];function p(e){v((function(t){return t>=e?t:e}))}var f=r.useMemo((function(){var t={};return e.curriculumLinks.forEach((function(e){var n=null,r=null,a=[],i=[];e.forEach((function(e){switch(e.type){case l.k.Subject:n=e;break;case l.k.Audience:r=e;break;case l.k.Area:a.push(e);break;case l.k.Leaf:i.push(e)}}));var c="".concat(n.id,":").concat(r.id);t[c]?t[c].areasAndLeaves.push(s(s({},l.k.Area,a),l.k.Leaf,i)):t[c]=s(s(s({},l.k.Subject,n),l.k.Audience,r),"areasAndLeaves",[s(s({},l.k.Area,a),l.k.Leaf,i)])})),t}),[e.curriculumLinks]);return e.curriculumLinks?(null===(t=e.curriculumLinks)||void 0===t?void 0:t.length)?r.createElement("ul",{className:"list-unstyled m-0"},Object.keys(f).map((function(e,t){return r.createElement("li",{key:"linkset-".concat(t),className:o.curriculumSet},r.createElement(y,{linkSet:f[e],trySetMaxCodeWidth:p,codeWidth:m}))}))):r.createElement(a.p,{emptyStateUrl:e.emptyStateUrl}):r.createElement(i.Z,null)}},22283:(e,t,n)=>{n.d(t,{P:()=>l});var r=n(32735),a=n(1353),i=n(63112),c=n(65163);function l(e){var t,n,l;return r.createElement(c.eb,{collection:(null===(t=e.selectedCurriculum)||void 0===t?void 0:t.id)?e.curriculums.nonEmptyCurriculums:null,childClassName:"flex-shrink-0",childComponent:function(t){var n,i;return r.createElement(a.$,Object.assign({},t,{selected:(null===(i=null===(n=e.selectedCurriculum)||void 0===n?void 0:n.id)||void 0===i?void 0:i.toString())===t.data.id.toString(),onChangeCurriculum:e.onChangeCurriculum}))},partialLoadingComponent:function(){return r.createElement(i.o,null)},widgetDataDeps:[null===(l=null===(n=e.selectedCurriculum)||void 0===n?void 0:n.id)||void 0===l?void 0:l.toString(),e.onChangeCurriculum],noNegativePadding:e.noNegativePadding})}},63112:(e,t,n)=>{n.d(t,{o:()=>i});var r=n(32735),a=n(91807),i=r.memo((function(e){var t=e.tagClass,n="partial-loading-background d-inline-block rounded-pill py-1 px-2 mb-1 me-1 text-nowrap ".concat(void 0===t?"":t," ").concat(a.Z.partialTag);return r.createElement("div",{className:"mt-1"},r.createElement("span",{className:n}," "))}))},65163:(e,t,n)=>{n.d(t,{QL:()=>r.Q,eb:()=>r.e});var r=n(16450);n(14244)},85597:(e,t,n)=>{var r;n.d(t,{k:()=>r}),function(e){e.Subject="CurriculumSubject",e.Audience="CurriculumAudience",e.Area="CurriculumArea",e.Leaf="CurriculumLeaf"}(r||(r={}))},61169:(e,t,n)=>{n.d(t,{R:()=>ee});var r=n(32735),a=n(49935),i=n(5640),c=n(42648),l=n(23481),o=n(75896),u=n(49985),s=n(65858),d=n(44599),m=n(83345),v=n(69883),p=n(59598),f=n(34223),y=n(22283);function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var h="shared.curriculumLinks",b=l.T.encloseNamespace(h);function E(e){var t,n,a=e.curriculums,i=a.hasLoaded,l=a.activeCurriculum,E=a.availableCurriculums,S=a.curriculumLinks,k=a.updateCurriculum,C=a.customerHasCurriculumLinks,A=(t=r.useState(),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,c,l=[],o=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);o=!0);}catch(e){u=!0,a=e}finally{try{if(!o&&null!=n.return&&(c=n.return(),Object(c)!==c))return}finally{if(u)throw a}}return l}}(t,n)||function(e,t){if(e){if("string"==typeof e)return g(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?g(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),I=A[0],L=A[1],N=(0,v.Z)();return r.useEffect((function(){i&&(I||L(null!=l?l:o.m.first(E)))}),[null==l?void 0:l.id,i]),e.canViewCurriculumLinks&&C?r.createElement("section",{id:p.K.CurriculumLinks,ref:function(t){var n;t&&(null===(n=e.headingRef)||void 0===n?void 0:n.current)&&e.headingRef.current.set(p.K.CurriculumLinks,t)},className:"play-page-section"},r.createElement("h2",{className:"h4 me-2 h-100"},r.createElement(m.x,{namespace:h,phrase:"heading"})),r.createElement("div",{className:"mb-2"},r.createElement(y.P,{curriculums:e.curriculums,selectedCurriculum:I,onChangeCurriculum:function(t){var n,r,a=E.find((function(e){return e.id.toString()===t}));(null==a?void 0:a.id)&&(null===(n=null==I?void 0:I.id)||void 0===n?void 0:n.toString())!==(null===(r=null==a?void 0:a.id)||void 0===r?void 0:r.toString())&&(L(a),k(a,(function(){u.k.logUserAction({id:a.id,name:a.id,description:a.description,videoId:e.video.id,videoName:e.video.name},{entity:s.py.Presentation,actionType:s.Vw.Select,descriptor:s.kD.Curriculum,location:s.LZ.PlayPage})}),(function(){L(I),N.error(b("updateFailed"))})))}})),r.createElement("div",{className:"rounded border position-relative"},r.createElement(c.$B,{autoHeight:!0,autoHeightMax:e.height},r.createElement("div",{className:"p-3"},i?r.createElement(f.Y,{curriculumLinks:S,emptyStateUrl:e.emptyStateUrl}):r.createElement(d.Z,null))))):r.createElement(r.Fragment,null)}var S=n(56940),k=n(51184),C=n(64921),A=n(95812),I=n(53709),L=n(40178),N=n(71063),w=n(10439),x=n(35429),T=n(4594),R=n(16714),j=n(22902),U=n(65332),O=n(76196),P=n(31908),V=n(26492),M=n(9465),F=n(91479),G=n(99092),W=n(47938),_=n(81024),D=n(78166),H=n(99742),Z=n(14070),B=n(97291),K=n(22490),$=n(63010),Y=n(14476),z=n(53256);const Q={main:"xSI0l",expandedToc:"j5FCv"};function q(e){return function(e){if(Array.isArray(e))return X(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return X(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?X(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function X(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var J="shared.play";function ee(e){var t,n,c,l,o,u,s,d,v,f=(0,x.g)(),y=(0,j.T)().hasPermissions,g=P.M.getCanBeConsumed(e.video).canConsume,h=(0,$.Q)(e.tableOfContentsId),b=h.tableOfContentsActiveId,X=h.setTableOfContentsActiveId,ee=h.controlledId,te=h.setControlledId,ne=h.tableOfContentsExpanded,re=h.onToggleTableOfContents,ae=(0,k.Wp)(e.video)&&e.featureAccess.canViewGlance,ie=(0,Y.i)(ae),ce=ie.headingRef,le=ie.headingElements,oe=le.map((function(t){var n,r,a,i;return{id:t.id,name:z.d.getSectionHeading(t.id,{clips:e.clips,interactives:e.interactives,resources:[].concat(q(null!==(r=null===(n=e.video.resources)||void 0===n?void 0:n.data)&&void 0!==r?r:[]),q(null!==(i=null===(a=e.video.links)||void 0===a?void 0:a.data)&&void 0!==i?i:[]))})}})),ue=P.M.isVideoTypeArchived(e.video),se=y(R.C.StudentExperience);(0,U.D)({setActiveId:X,headingElements:le,controlledId:ee,setControlledId:te}),(0,O.P)(le,ee);var de=r.useRef(!1),me=(0,G.lU)();function ve(){var e,t,n,r;de.current=!(null===(t=null===(e=null==f?void 0:f.playerRef)||void 0===e?void 0:e.current)||void 0===t?void 0:t.isPaused()),null===(r=null===(n=null==f?void 0:f.playerRef)||void 0===n?void 0:n.current)||void 0===r||r.pause()}function pe(){var e,t;de.current&&(null===(t=null===(e=null==f?void 0:f.playerRef)||void 0===e?void 0:e.current)||void 0===t||t.play())}var fe="picture-in-picture"===f.mode||e.featureAccess.canViewPublicLayout;return r.createElement(m.D.Provider,{value:J},r.createElement("div",{className:"px-4 play-page-sections-container ".concat(e.shouldShowSideTableOfContents?"row g-0":"")},r.createElement("main",{className:"".concat(Q.main," ").concat(e.shouldShowSideTableOfContents&&ne?"".concat(Q.expandedToc," col-9"):e.shouldShowSideTableOfContents&&!ne?"pe-4":void 0)},!!(null===(t=e.breadcrumbs)||void 0===t?void 0:t.length)&&r.createElement("div",{className:"mb-2"},r.createElement(a.Oo,{breadcrumbs:e.breadcrumbs})),r.createElement(W.W,{restrictions:e.video._restrictions,yearGroups:e.yearGroups,objectId:e.video.id,objectTypeId:T.E.Video,canManageVideoAccess:e.canManageVideoAccess}),ue&&r.createElement(V.T,{typeId:e.video.typeId,hasStudentExperience:se}),r.createElement("section",{id:p.K.Video,className:"mb-2 ".concat(N.M.GLOBAL_PLAYER_SELECTOR),ref:function(e){e&&(null==ce?void 0:ce.current)&&ce.current.set(p.K.Video,e)}},g&&r.createElement(w.r,{key:e.video.id,objectId:e.video.id,objectTypeId:e.video.typeId,shareId:e.shareId,context:null===(n=e.params)||void 0===n?void 0:n.context,contextId:null===(c=e.params)||void 0===c?void 0:c.contextId,playNext:null===(l=e.params)||void 0===l?void 0:l.playNext,moviesAndTv:null===(o=e.params)||void 0===o?void 0:o.mtv,startTime:null!==(s=null===(u=e.params)||void 0===u?void 0:u.t)&&void 0!==s?s:null===(d=e.params)||void 0===d?void 0:d.startTime,endTime:null===(v=e.params)||void 0===v?void 0:v.endTime,mode:"default",location:"play-page"}),r.createElement("div",{className:fe?"":"d-none"},r.createElement(_.S,{video:e.video,appLink:{application:B.O.SIGN_UP,action:Z.e.SignUp.SIGN_UP},type:"picture-in-picture"===f.mode?"pip":"public"}))),r.createElement(F.v,{media:e.video,yearGroups:e.yearGroups,audiences:e.audiences,getSeriesAppLink:function(t){return me.getSeriesAppLink(t,e.params.mtv)},featureAccess:e.featureAccess,shareId:e.shareId}),ae?r.createElement(C.j,{video:e.video,pointsOfInterest:e.pointsOfInterest,setStartTime:function(e){var t;return null===(t=f.playerRef.current)||void 0===t?void 0:t.currentTime(e)},getTagAppLink:me.getTagAppLink,suppressInteractivity:e.featureAccess.canViewPublicLayout,canViewGlance:ae}):r.createElement(S.a,{video:e.video,currentUser:e.currentUser,headingRef:ce,onLaunchImmersiveReader:ve,onExitImmersiveReader:pe,getTagAppLink:me.getTagAppLink,suppressInteractivity:e.featureAccess.canViewPublicLayout}),r.createElement(E,{headingRef:ce,video:e.video,height:L.x,curriculums:e.curriculums,emptyStateUrl:H.W.EmptyStates.CURRICULUM_LINKS,canViewCurriculumLinks:e.featureAccess.canViewCurriculumLinks}),r.createElement(I.M,{headingRef:ce,video:e.video,canViewResources:e.featureAccess.canViewResourceItems,imageCdnUrl:e.imageCdnUrl,getAppLink:me.getResourceAppLink(e.video.id,e.shareId,e.featureAccess.canViewResourceItems),analyticsData:{videoId:e.video.id,videoName:e.video.name},resourceThumbnailFallbackUrl:H.W.Fallbacks.RESOURCE_THUMBNAIL}),r.createElement(A.J,{headingRef:ce,video:e.video,interactives:e.interactives,imageCdnUrl:e.imageCdnUrl,analyticsData:{videoId:e.video.id,videoName:e.video.name},canViewInteractives:e.featureAccess.canViewInteractives,yearGroups:e.yearGroups,setFavourite:e.setFavourite,canFavourite:e.canFavourite,isPlugin:e.isPlugin}),r.createElement(i.O,{video:e.video,headingRef:ce,clips:e.clips,canViewClips:e.featureAccess.canViewClips,yearGroups:e.yearGroups,audiences:e.audiences,imageCdnUrl:e.imageCdnUrl,setFavourite:e.setFavourite,canFavourite:e.canFavourite,analyticsData:{videoId:e.video.id,videoName:e.video.name},isPlugin:e.isPlugin}),ae&&r.createElement(S.a,{video:e.video,currentUser:e.currentUser,headingRef:ce,onLaunchImmersiveReader:ve,onExitImmersiveReader:pe,getTagAppLink:me.getTagAppLink,suppressInteractivity:e.featureAccess.canViewPublicLayout,showHeading:!0}),r.createElement(D.Z,{currentVideo:e.video,headingRef:ce,yearGroups:e.yearGroups,relatedVideos:e.relatedVideos,currentUser:e.currentUser,setFavourite:e.setFavourite,canFavourite:e.canFavourite,getVideoAppLink:function(t,n){var r;return K.W.getAppLink(t,Object.assign(Object.assign({},n),{context:e.params.context,contextId:e.params.contextId,playNext:e.params.playNext,shareId:e.shareId,moviesAndTv:e.params.mtv,includeContext:null===(r=e.currentUser)||void 0===r?void 0:r.isAuthenticated}))},audiences:e.audiences,moviesAndTv:e.params.mtv,isPlugin:e.isPlugin})),r.createElement(M.h,{isExpanded:ne,setIsExpanded:re,items:oe,activeId:b,setControlledId:te,analyticsData:{videoId:e.video.id,videoName:e.video.name},showInSide:e.shouldShowSideTableOfContents})))}},22161:(e,t,n)=>{n.d(t,{Z:()=>r});const r={curriculumSubject:"GvGYH",curriculumSet:"d7RK0",areaLeafSet:"XRTAe",closeButton:"N3l5Q",heading:"hAxR4",leafDescriptionOnly:"h66ke",dropdown:"CsG6G",tag:"rdLqY",cover:"etwaD",active:"aDLMe",selected:"BMrSd"}}}]);
|
|
2
|
+
//# sourceMappingURL=1169-1443c8a778-lite.chunk.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scripts/1169-1443c8a778-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/components/curriculum-links/CurriculumLinkItem.tsx","file:///app/packages/libs/shared/src/components/curriculum-links/CurriculumLinksEmptyState.tsx","file:///app/packages/libs/shared/src/components/curriculum-links/partial-loading/PartialCurriculumLinks.tsx","file:///app/packages/libs/shared/src/components/curriculum-links/partial-loading/partial-curriculum-links.scss","file:///app/packages/libs/shared/src/components/play-page-v2/curriculum-links/curriculum-links.scss","file:///app/packages/libs/shared/src/components/play-page-v2/curriculum-links/CurriculumLinksV2.tsx","file:///app/packages/libs/shared/src/components/play-page-v2/curriculum-links/CurriculumsWidget.tsx","file:///app/packages/libs/shared/src/components/tags/PartialTagItem.tsx","file:///app/packages/libs/shared/src/enums/CurriculumType.ts","file:///app/packages/libs/shared/src/components/play-page-v2/curriculum-links/CurriculumLinksWithScrollbarV2.tsx","file:///app/packages/projects/lite/src/shared/views/play/v2/components/play-page/play-page.scss","file:///app/packages/projects/lite/src/shared/views/play/v2/components/play-page/PlayPageV2.tsx","file:///app/packages/libs/shared/src/components/curriculum-links/curriculum-links.scss"],"sourcesContent":["import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { Presentation } from 'libs/shared/interfaces';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\n\nimport styles from './curriculum-links.scss';\n\nconst namespace = 'shared.curriculumLinks';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface CurriculumLinkItemProps {\n data: Presentation;\n onChangeCurriculum: (id: string) => any;\n selected: boolean;\n}\n\nexport function CurriculumLinkItem(props: CurriculumLinkItemProps): JSX.Element {\n const { data: curriculumTag } = props;\n\n return (\n <DivButton\n key={curriculumTag.id}\n className={`p-1 pe-2 rounded-pill d-inline-flex align-items-center cursor-pointer ${styles.tag} ${props.selected ? styles.selected : ''}`}\n onClick={() => props.onChangeCurriculum(curriculumTag.id.toString())}\n aria-label={`${getPhrase('ariaFilter')} ${curriculumTag.name}`}\n >\n {curriculumTag.cover?.url && (\n <div className={`bg-white ${styles.cover} rounded-circle border`}>\n <img\n src={ImageHelper.createUrl(curriculumTag.cover.url, { size: ImageSize.Small })}\n alt={curriculumTag.name}\n className='rounded-circle'\n />\n </div>\n )}\n <div className='ms-2'>\n {curriculumTag.name}\n </div>\n </DivButton>\n );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { EmptyState } from 'libs/shared/components/empty-states/EmptyState';\nimport { Text } from 'libs/shared/components/text/Text';\n\nconst namespace = 'shared.curriculumLinks';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface CurriculumLinksEmptyStateProps {\n emptyStateUrl: string;\n}\n\nexport function CurriculumLinksEmptyState(props: CurriculumLinksEmptyStateProps): JSX.Element {\n return (\n <EmptyState className='pt-3'>\n <EmptyState.Image src={props.emptyStateUrl} altText={getPhrase('emptyInfo')} size='small'/>\n <EmptyState.Heading>\n <Text namespace={namespace} phrase='emptyHeading' />\n </EmptyState.Heading>\n <EmptyState.Info>\n <Text namespace={namespace} phrase='emptyInfo' />\n </EmptyState.Info>\n </EmptyState>\n );\n}","import React from 'react';\n\nimport styles from './partial-curriculum-links.scss';\n\nconst PartialCurriculumLinkSection = () => (\n <>\n <div className={`partial-loading-background rounded-pill py-1 px-2 d-inline-block me-1 mb-2 ${styles.audience}`} />\n <div>\n <div className={`partial-loading-background mb-1 ${styles.area}`} />\n\n <div className='mb-2 d-flex'>\n <div className={`me-1 align-self-start ${styles.code}`}>\n <div className={`partial-loading-background rounded-pill py-1 px-2 d-inline-block w-100 h-100`} />\n </div>\n \n <div className={`partial-loading-background ${styles.description}`} />\n </div>\n </div>\n </>\n);\n\nexport function PartialCurriculumLinks(): JSX.Element {\n return (\n <div>\n <div className='mb-3'>\n <PartialCurriculumLinkSection />\n </div>\n\n <div className='mb-3'>\n <PartialCurriculumLinkSection />\n </div>\n\n <div>\n <PartialCurriculumLinkSection />\n </div>\n </div>\n );\n}","// extracted by mini-css-extract-plugin\nexport default {\"audience\":\"vDcrq\",\"area\":\"GXhoW\",\"code\":\"goKaS\",\"description\":\"vFew6\"};","// extracted by mini-css-extract-plugin\nexport default {\"curriculumSubject\":\"i4D3h\",\"curriculumSet\":\"WCdf9\",\"areaLeafSet\":\"o8H8s\",\"closeButton\":\"McsPs\",\"leafDescriptionOnly\":\"xmEEo\"};","import React from 'react';\n\nimport { CurriculumLinksEmptyState } from 'libs/shared/components/curriculum-links/CurriculumLinksEmptyState';\nimport { PartialCurriculumLinks } from 'libs/shared/components/curriculum-links/partial-loading/PartialCurriculumLinks';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { CurriculumType } from 'libs/shared/enums/CurriculumType';\nimport { Curriculum } from 'libs/shared/interfaces';\n\nimport styles from './curriculum-links.scss';\n\nconst BRACKET_SEGMENT_REGEX = /(.*)\\s\\((.*)?\\)/i;\n\nconst namespace = 'shared.curriculumLinks';\n\nconst BASE_PILL_CLASS = 'text-nowrap font-size-normal rounded-pill py-1 px-2 my-0 d-inline-block fw-semibold';\n\ninterface CurriculumStructure {\n [CurriculumType.Subject]: Curriculum<CurriculumType.Subject>;\n [CurriculumType.Audience]: Curriculum<CurriculumType.Audience>;\n areasAndLeaves: Array<{\n [CurriculumType.Area]: Curriculum<CurriculumType.Area>[];\n [CurriculumType.Leaf]: Curriculum<CurriculumType.Leaf>[];\n }>;\n}\n\ninterface CurriculumLeafProps {\n leaf: Curriculum<CurriculumType.Leaf>;\n codeWidth: number;\n trySetMaxCodeWidth: React.Dispatch<React.SetStateAction<number>>;\n uiContainsCodes: boolean;\n}\n\nfunction CurriculumLeaf(props: CurriculumLeafProps): JSX.Element {\n function getCurriculumCodeClass(): string {\n const baseClass = BASE_PILL_CLASS + ' bg-white border';\n\n // If a leaf has no code but the rest of the UI has leaf nodes w/ codes, we show a special \"No code\" pill\n if (!props.leaf.name && props.uiContainsCodes)\n return baseClass + ' border-secondary text-secondary';\n\n return baseClass + ' border-dark';\n }\n\n const codeRef = React.useRef<HTMLDivElement>();\n\n React.useEffect(() => {\n if (!codeRef.current)\n return;\n\n const { width } = codeRef.current.getBoundingClientRect();\n\n props.trySetMaxCodeWidth(width);\n }, [codeRef.current]);\n\n return (\n <div className='d-flex'>\n {(() => {\n if (!props.leaf.description)\n return <p className='m-0' dangerouslySetInnerHTML={{ __html: props.leaf.name }} />;\n\n /**\n * If a leaf has no code but the rest of the UI has leaf nodes\n * with codes, we show a special \"No code\" pill. Example: https://imgur.com/3L1Ela3\n */\n if (!props.leaf.name && props.uiContainsCodes) {\n return (\n <>\n <div\n className='me-1 align-self-start'\n style={{ minWidth: props.codeWidth ? `${props.codeWidth}px` : 'auto' }}\n >\n <h5 ref={codeRef} className={getCurriculumCodeClass()}>\n <Text namespace={namespace} phrase='noCode' />\n </h5>\n </div>\n <p className='m-0 align-self-center' dangerouslySetInnerHTML={{ __html: props.leaf.description }} />\n </>\n );\n }\n\n /**\n * If a leaf has no code and the rest of the UI leaf nodes have no code, we just\n * display the description with a bullet point. Example: https://imgur.com/jzJvmWs\n */\n if (!props.leaf.name && !props.uiContainsCodes)\n return <p className='m-0' dangerouslySetInnerHTML={{ __html: props.leaf.description }} />;\n\n return (\n <>\n <div\n className='me-1 align-self-start'\n style={{ minWidth: props.codeWidth ? `${props.codeWidth}px` : 'auto' }}\n >\n <h5 ref={codeRef} className={getCurriculumCodeClass()}>{props.leaf.name}</h5>\n </div>\n <p className='m-0 align-self-center' dangerouslySetInnerHTML={{ __html: props.leaf.description }} />\n </>\n );\n })()}\n </div>\n );\n}\n\ninterface CurriculumSubjectProps {\n linkSet: CurriculumStructure;\n codeWidth: number;\n trySetMaxCodeWidth: React.Dispatch<React.SetStateAction<number>>;\n}\n\nfunction CurriculumSubject(props: CurriculumSubjectProps): JSX.Element {\n const areaAndLeafSets: { [areaText: string]: Curriculum<CurriculumType.Leaf>[]; } = {};\n\n let uiContainsCodes = false;\n\n props.linkSet.areasAndLeaves.forEach(areaAndLeafSet => {\n const areaText = areaAndLeafSet[CurriculumType.Area].map(ca => ca.name).join(' - ');\n\n if (areaAndLeafSets[areaText]) {\n areaAndLeafSet[CurriculumType.Leaf].forEach(leaf => {\n if (!areaAndLeafSets[areaText].find(l => l.name === leaf.name)) {\n areaAndLeafSets[areaText].push(leaf);\n\n // We need the info on if _any_ leaf node has a code in it. See why in the comments in `<CurriculumLeaf />`\n if (leaf.name)\n uiContainsCodes = true;\n }\n });\n\n return;\n }\n\n areaAndLeafSets[areaText] = areaAndLeafSet[CurriculumType.Leaf];\n });\n\n function getAudienceText(): string {\n const audienceSegment = props.linkSet[CurriculumType.Audience].name;\n const subjectSegment = props.linkSet[CurriculumType.Subject].name;\n\n /**\n * In some curriculums, such as the UK curriculum, the audience string may contain a year group\n * in brackets. For example, it may be \"Lower Key Stage 2 (Year 4)\".\n * This regex will pull that segment out if it exists.\n */\n const audienceBracketSegments = audienceSegment.match(BRACKET_SEGMENT_REGEX);\n\n if (audienceBracketSegments)\n return `${audienceBracketSegments[1]} • ${audienceBracketSegments[2]} • ${subjectSegment}`;\n\n return `${audienceSegment} • ${subjectSegment}`;\n }\n\n function getLeafStyleClass(leaf: Curriculum<CurriculumType.Leaf>): string {\n const className = 'mb-2';\n\n if (!leaf.name && !uiContainsCodes)\n return className + ' ms-4 ' + styles.leafDescriptionOnly;\n\n return className;\n }\n\n return (\n <>\n <h3 className={`${BASE_PILL_CLASS} text-white bg-dark-blue fw-normal me-1 mb-2`}>\n {getAudienceText()}\n </h3>\n\n <div className={`me-2 ${styles.curriculumSubject}`}>\n {Object.keys(areaAndLeafSets).map((areaText, i) => {\n return (\n <div key={i} className={styles.areaLeafSet} >\n {areaText && <h4 className='mb-1 font-size-normal'>{areaText}</h4>}\n <ul className='list-unstyled'>\n {areaAndLeafSets[areaText].map(leaf => (\n <li key={leaf.id} className={getLeafStyleClass(leaf)}>\n <CurriculumLeaf\n leaf={leaf}\n codeWidth={props.codeWidth}\n trySetMaxCodeWidth={props.trySetMaxCodeWidth}\n uiContainsCodes={uiContainsCodes}\n />\n </li>\n ))}\n </ul>\n </div>\n );\n })}\n </div>\n </>\n );\n}\n\ninterface CurriculumLinksSet {\n [subjectAndAudienceIdKey: string]: CurriculumStructure\n}\n\ninterface CurriculumLinksV2Props {\n curriculumLinks?: Curriculum[][];\n emptyStateUrl: string;\n}\n\nexport function CurriculumLinksV2(props: CurriculumLinksV2Props): JSX.Element {\n const [ codeWidth, setCodeWidth ] = React.useState(0);\n\n function trySetMaxCodeWidth(width: number): void {\n /**\n * The width of the curriculum code column should be identical for each leaf node, meaning\n * the leaf description text will be perfectly vertically aligned all the way down.\n * See here for example: https://imgur.com/MbganZf\n * \n * This is achieved by us setting the state for the maximum code width, and forcing all\n * smaller codes to abide by that max width.\n * \n * This value is used in the `<CurriculumLeaf />` component.\n */\n setCodeWidth(currentVal => {\n if (currentVal >= width)\n return currentVal;\n\n return width;\n });\n }\n\n /**\n * Here, we're taking the structure of links from the backend, and restructuring it in a way\n * that resembles the structure of our UI more closely. The general idea is:\n * \n * CurriculumAudience - CurriculumSubject\n * CurriculumAreas\n * CurriculumLeaves\n */\n const curriculumLinkSets = React.useMemo(() => {\n const newSet: CurriculumLinksSet = {};\n\n props.curriculumLinks.forEach(linkSet => {\n let subject: Curriculum<CurriculumType.Subject> = null;\n let audience: Curriculum<CurriculumType.Audience> = null;\n const areas: Curriculum<CurriculumType.Area>[] = [];\n const leaves: Curriculum<CurriculumType.Leaf>[] = [];\n \n linkSet.forEach(curriculumObj => {\n switch (curriculumObj.type) {\n case CurriculumType.Subject:\n subject = curriculumObj as Curriculum<CurriculumType.Subject>;\n break;\n case CurriculumType.Audience:\n audience = curriculumObj as Curriculum<CurriculumType.Audience>;\n break;\n case CurriculumType.Area:\n areas.push(curriculumObj as Curriculum<CurriculumType.Area>);\n break;\n case CurriculumType.Leaf:\n leaves.push(curriculumObj as Curriculum<CurriculumType.Leaf>);\n break;\n default:\n break;\n }\n });\n \n const key = `${subject.id}:${audience.id}`;\n\n if (newSet[key]) {\n newSet[key].areasAndLeaves.push({\n [CurriculumType.Area]: areas,\n [CurriculumType.Leaf]: leaves\n });\n \n return;\n }\n \n newSet[key] = {\n [CurriculumType.Subject]: subject,\n [CurriculumType.Audience]: audience,\n areasAndLeaves: [{\n [CurriculumType.Area]: areas,\n [CurriculumType.Leaf]: leaves\n }]\n };\n });\n\n return newSet;\n }, [props.curriculumLinks]);\n\n if (!props.curriculumLinks)\n return <PartialCurriculumLinks />;\n\n if (!props.curriculumLinks?.length) {\n return <CurriculumLinksEmptyState emptyStateUrl={props.emptyStateUrl} />;\n }\n\n return (\n <ul className='list-unstyled m-0'>\n {Object.keys(curriculumLinkSets).map((linkSetKey, i) => (\n <li key={`linkset-${i}`} className={styles.curriculumSet}>\n <CurriculumSubject\n linkSet={curriculumLinkSets[linkSetKey]}\n trySetMaxCodeWidth={trySetMaxCodeWidth}\n codeWidth={codeWidth}\n />\n </li>\n ))}\n </ul>\n );\n}","import React from 'react';\n\nimport { CurriculumLinkItem } from 'libs/shared/components/curriculum-links/CurriculumLinkItem';\nimport { PartialTagItem } from 'libs/shared/components/tags/PartialTagItem';\nimport { DynamicWidget } from 'libs/shared/components/widgets/dynamic-widget';\nimport { CurriculumData, Presentation } from 'libs/shared/interfaces';\n\ninterface CurriculumsWidgetProps {\n curriculums: CurriculumData;\n selectedCurriculum: Presentation;\n onChangeCurriculum: (curriculumId: string) => void;\n noNegativePadding?: boolean;\n}\n\nexport function CurriculumsWidget(props: CurriculumsWidgetProps): JSX.Element {\n return (\n <DynamicWidget\n collection={props.selectedCurriculum?.id ? props.curriculums.nonEmptyCurriculums : null}\n childClassName='flex-shrink-0'\n childComponent={_props => {\n return (\n <CurriculumLinkItem\n {..._props}\n selected={props.selectedCurriculum?.id?.toString() === _props.data.id.toString()}\n onChangeCurriculum={props.onChangeCurriculum}\n />\n );\n }}\n partialLoadingComponent={() => <PartialTagItem />}\n widgetDataDeps={[ props.selectedCurriculum?.id?.toString(), props.onChangeCurriculum ]}\n noNegativePadding={props.noNegativePadding}\n />\n );\n}","import React from 'react';\n\nimport styles from './tags.scss';\n\ninterface PartialTagItemProps {\n tagClass?: string;\n}\n\nexport const PartialTagItem = React.memo(function({ tagClass = '' }: PartialTagItemProps): JSX.Element {\n const classNames = `partial-loading-background d-inline-block rounded-pill py-1 px-2 mb-1 me-1 text-nowrap ${tagClass} ${styles.partialTag}`;\n\n return (\n <div className='mt-1'>\n <span className={classNames}> </span>\n </div>\n );\n});","export enum CurriculumType {\n Subject = 'CurriculumSubject',\n Audience = 'CurriculumAudience',\n Area = 'CurriculumArea',\n Leaf = 'CurriculumLeaf'\n}","import React from 'react';\nimport { Scrollbars } from 'react-custom-scrollbars-2';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { EntityType, LocationContext, PresentationDescriptor, UserAction } from 'libs/analytics/interfaces';\n\nimport { PartialCurriculumLinks } from 'libs/shared/components/curriculum-links/partial-loading/PartialCurriculumLinks';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\nimport { CurriculumData, Presentation, Video } from 'libs/shared/interfaces';\nimport { PlayPageAnchor } from 'libs/shared/interfaces/PlayPageAnchor';\n\nimport { CurriculumLinksV2 } from './CurriculumLinksV2';\nimport { CurriculumsWidget } from './CurriculumsWidget';\n\nconst namespace = 'shared.curriculumLinks';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface CurriculumLinksWithScrollbarV2Props {\n video: Video;\n curriculums: CurriculumData;\n emptyStateUrl: string;\n height?: number;\n canViewCurriculumLinks: boolean;\n headingRef?: React.MutableRefObject<Map<PlayPageAnchor, HTMLElement>>;\n}\n\nexport function CurriculumLinksWithScrollbarV2(props: CurriculumLinksWithScrollbarV2Props): JSX.Element {\n const {\n hasLoaded,\n activeCurriculum,\n availableCurriculums,\n curriculumLinks,\n updateCurriculum,\n customerHasCurriculumLinks\n } = props.curriculums;\n\n const [ selectedCurriculum, setSelectedCurriculum ] = React.useState<Presentation>();\n\n const alerts = useAlerts();\n\n React.useEffect(() => {\n if (!hasLoaded)\n return;\n\n if (!selectedCurriculum)\n setSelectedCurriculum(activeCurriculum ?? ArrayHelper.first(availableCurriculums));\n }, [ activeCurriculum?.id, hasLoaded ]);\n\n function onChangeCurriculum(curriculumId: string): void {\n const newCurriculum = availableCurriculums.find(c => c.id.toString() === curriculumId);\n\n if (!newCurriculum?.id)\n return;\n\n if (selectedCurriculum?.id?.toString() === newCurriculum?.id?.toString())\n return;\n\n setSelectedCurriculum(newCurriculum);\n\n const onError = () => {\n // If the request to change curriculum fails, we reset the select state and alert the user\n setSelectedCurriculum(selectedCurriculum);\n alerts.error(getPhrase('updateFailed'));\n };\n\n const onSuccess = () => {\n AnalyticsHelper.logUserAction({\n id: newCurriculum.id,\n name: newCurriculum.id,\n description: newCurriculum.description,\n videoId: props.video.id,\n videoName: props.video.name\n }, {\n entity: EntityType.Presentation,\n actionType: UserAction.Select,\n descriptor: PresentationDescriptor.Curriculum,\n location: LocationContext.PlayPage\n });\n };\n\n updateCurriculum(newCurriculum, onSuccess, onError);\n }\n\n if (!props.canViewCurriculumLinks || !customerHasCurriculumLinks)\n return <></>;\n \n return (\n <section\n id={PlayPageAnchor.CurriculumLinks}\n ref={el => {\n (el && props.headingRef?.current) && props.headingRef.current.set(PlayPageAnchor.CurriculumLinks, el);\n }}\n className='play-page-section'\n >\n <h2 className='h4 me-2 h-100'>\n <Text namespace={namespace} phrase='heading' />\n </h2>\n <div className='mb-2'>\n <CurriculumsWidget\n curriculums={props.curriculums}\n selectedCurriculum={selectedCurriculum}\n onChangeCurriculum={onChangeCurriculum}\n />\n </div>\n\n <div className='rounded border position-relative'>\n <Scrollbars autoHeight autoHeightMax={props.height}>\n <div className='p-3'>\n {!hasLoaded\n ? <PartialCurriculumLinks />\n : (\n <CurriculumLinksV2\n curriculumLinks={curriculumLinks}\n emptyStateUrl={props.emptyStateUrl}\n />\n )}\n </div>\n </Scrollbars>\n </div>\n </section>\n );\n}","// extracted by mini-css-extract-plugin\nexport default {\"main\":\"xSI0l\",\"expandedToc\":\"j5FCv\"};","import React from 'react';\n\nimport { Breadcrumb, Breadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { PlayPageClips } from 'libs/shared/components/play-page-v2/clips-widget/PlayPageClips';\nimport { CurriculumLinksWithScrollbarV2 } from 'libs/shared/components/play-page-v2/curriculum-links/CurriculumLinksWithScrollbarV2';\nimport { VideoDetailsWithScrollbarV2 } from 'libs/shared/components/play-page-v2/details/VideoDetailsV2';\nimport { hasGlanceData } from 'libs/shared/components/play-page-v2/glance/VideoAtAGlanceUtilsV2';\nimport { VideoAtAGlanceV2 } from 'libs/shared/components/play-page-v2/glance/VideoAtAGlanceV2';\nimport { PlayPageInteractives } from 'libs/shared/components/play-page-v2/interactives-widget/PlayPageInteractives';\nimport { PlayPageResources } from 'libs/shared/components/play-page-v2/resources-widget/PlayPageResources';\nimport { LanguageNamespaceContext } from 'libs/shared/components/text/Text';\nimport { MINIMUM_GLANCE_HEIGHT } from 'libs/shared/constants/MinimumGlanceHeight';\nimport { SeoConstants } from 'libs/shared/constants/SeoConstants';\nimport { GlobalPlayerConsumer } from 'libs/shared/context/player-context/components/GlobalPlayerConsumer';\nimport { usePlayerContext } from 'libs/shared/context/player-context/PlayerContext';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useTableOfContentsActiveHeading } from 'libs/shared/hooks/useTableOfContentsActiveHeading';\nimport { useTableOfContentsScroll } from 'libs/shared/hooks/useTableOfContentsScroll';\nimport { CanFavouriteFunc, Clip, CurrentUser, CurriculumData, FavouriteFunc, InteractiveMetadata, PointOfInterest, PresentationAudience, Video, YearGroup } from 'libs/shared/interfaces';\nimport { PlayPageAnchor } from 'libs/shared/interfaces/PlayPageAnchor';\nimport { PlayViewQueryParams } from 'libs/shared/interfaces/query-params/PlayViewQueryParams';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { ArchivedBanner } from 'shared/components/play-page/ArchivedBanner';\nimport { TableOfContentsContainer } from 'shared/components/play-page/components/table-of-contents/TableOfContents';\nimport { PlayPageTitleAndActions } from 'shared/components/play-page/components/title-and-actions/PlayPageTitleAndActions';\nimport { getAppLinks } from 'shared/components/play-page/PlayPageUtils';\nimport { RestrictionBanner } from 'shared/components/play-page/RestrictionBanner';\nimport { PlayerPlaceholder } from 'shared/components/player-placeholder/PlayerPlaceholder';\nimport { RelatedVideos } from 'shared/components/related-videos/RelatedVideos';\nimport { ImageUrls } from 'shared/constants/ImageUrls';\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { RelatedVideosHash } from 'shared/hooks/useGetRelatedVideos';\nimport { VideoFeaturesHash } from 'shared/hooks/useVideoFeatureAccess';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\nimport { usePlayPageTableOfContent } from 'shared/views/play/v2/hooks/usePlayPageTableOfContent';\nimport { useSectionHeadings } from 'shared/views/play/v2/hooks/useSectionHeadings';\nimport { PlayPageUtils } from 'shared/views/play/v2/PlayPageUtilV2';\n\nimport styles from './play-page.scss';\n\nconst namespace = 'shared.play';\n\ninterface PlayPageV2Props {\n video: Video;\n clips: Clip[];\n interactives: InteractiveMetadata[];\n yearGroups: YearGroup[];\n imageCdnUrl: string;\n relatedVideos: RelatedVideosHash;\n audiences: PresentationAudience[];\n setFavourite?: FavouriteFunc;\n canFavourite?: CanFavouriteFunc;\n currentUser: CurrentUser;\n pointsOfInterest?: PointOfInterest[];\n playNext: boolean;\n shareId?: string;\n curriculums: CurriculumData;\n featureAccess: VideoFeaturesHash;\n params?: PlayViewQueryParams;\n canManageVideoAccess: boolean;\n tableOfContentsId: string;\n shouldShowSideTableOfContents: boolean;\n isPlugin: boolean;\n breadcrumbs?: Breadcrumb[];\n}\n\nexport function PlayPageV2(props: PlayPageV2Props): JSX.Element {\n const playerContext = usePlayerContext();\n\n const { hasPermissions } = usePermissions();\n const { canConsume } = VideoHelper.getCanBeConsumed(props.video);\n\n const {\n tableOfContentsActiveId,\n setTableOfContentsActiveId,\n controlledId,\n setControlledId,\n tableOfContentsExpanded,\n onToggleTableOfContents\n } = usePlayPageTableOfContent(props.tableOfContentsId);\n\n const hasGlance = hasGlanceData(props.video) && props.featureAccess.canViewGlance;\n\n const { headingRef, headingElements } = useSectionHeadings(hasGlance);\n const items = headingElements.map(ele => {\n return {\n id: ele.id as PlayPageAnchor,\n name: PlayPageUtils.getSectionHeading(\n ele.id as PlayPageAnchor,\n {\n clips: props.clips,\n interactives: props.interactives,\n resources: [ ...(props.video.resources?.data ?? []), ...(props.video.links?.data ?? []) ]\n }\n )\n };\n });\n\n const isArchived = VideoHelper.isVideoTypeArchived(props.video);\n const hasStudentExperience = hasPermissions(PermissionName.StudentExperience);\n\n useTableOfContentsActiveHeading({\n setActiveId: setTableOfContentsActiveId,\n headingElements,\n controlledId,\n setControlledId\n });\n\n useTableOfContentsScroll(headingElements, controlledId);\n\n /**\n * Need to use a ref because if we use state, onExitImmersiveReader will have a stale\n * reference of the state. This is because the state is changed in onLaunchImmersiveReader\n * which is passed in at the same time as onExitImmersiveReader\n */\n const shouldPlayOnExitImmersiveReader = React.useRef(false);\n\n const appLinkFns = getAppLinks();\n\n function onLaunchImmersiveReader(): void {\n shouldPlayOnExitImmersiveReader.current = !playerContext?.playerRef?.current?.isPaused();\n playerContext?.playerRef?.current?.pause();\n }\n\n function onExitImmersiveReader(): void {\n if (!shouldPlayOnExitImmersiveReader.current)\n return;\n\n playerContext?.playerRef?.current?.play();\n }\n\n function getMainClassName() {\n if (props.shouldShowSideTableOfContents && tableOfContentsExpanded) {\n return `${styles.expandedToc} col-9`;\n }\n if (props.shouldShowSideTableOfContents && !tableOfContentsExpanded)\n return 'pe-4';\n }\n\n const showPlayerPlaceholder = playerContext.mode === 'picture-in-picture' || props.featureAccess.canViewPublicLayout;\n\n return (\n <LanguageNamespaceContext.Provider value={namespace}>\n <div className={`px-4 play-page-sections-container ${props.shouldShowSideTableOfContents ? 'row g-0' : ''}`}>\n <main className={`${styles.main} ${getMainClassName()}`}>\n {!!props.breadcrumbs?.length &&\n <div className='mb-2'>\n <Breadcrumbs breadcrumbs={props.breadcrumbs} />\n </div>\n }\n\n <RestrictionBanner\n restrictions={props.video._restrictions}\n yearGroups={props.yearGroups}\n objectId={props.video.id}\n objectTypeId={MasterType.Video}\n canManageVideoAccess={props.canManageVideoAccess}\n />\n\n {isArchived && <ArchivedBanner typeId={props.video.typeId} hasStudentExperience={hasStudentExperience} />}\n\n <section\n id={PlayPageAnchor.Video}\n className={`mb-2 ${SeoConstants.GLOBAL_PLAYER_SELECTOR}`}\n ref={el => { (el && headingRef?.current) && headingRef.current.set(PlayPageAnchor.Video, el); }}\n >\n {canConsume && (\n <GlobalPlayerConsumer\n key={props.video.id}\n objectId={props.video.id}\n objectTypeId={props.video.typeId}\n shareId={props.shareId}\n context={props.params?.context}\n contextId={props.params?.contextId}\n playNext={props.params?.playNext}\n moviesAndTv={props.params?.mtv}\n startTime={props.params?.t ?? props.params?.startTime}\n endTime={props.params?.endTime}\n mode='default'\n location='play-page'\n />\n )}\n <div className={showPlayerPlaceholder ? '' : 'd-none'}>\n <PlayerPlaceholder\n video={props.video}\n appLink={{\n application: AppChannels.SIGN_UP,\n action: Actions.SignUp.SIGN_UP\n }}\n type={playerContext.mode === 'picture-in-picture' ? 'pip' : 'public'}\n />\n </div>\n </section>\n\n <PlayPageTitleAndActions\n media={props.video}\n yearGroups={props.yearGroups}\n audiences={props.audiences}\n getSeriesAppLink={series => appLinkFns.getSeriesAppLink(series, props.params.mtv)}\n featureAccess={props.featureAccess}\n shareId={props.shareId}\n />\n {/* if no glance render video details here */}\n {hasGlance ? (\n <VideoAtAGlanceV2\n video={props.video}\n pointsOfInterest={props.pointsOfInterest}\n setStartTime={(time: number) => playerContext.playerRef.current?.currentTime(time)}\n getTagAppLink={appLinkFns.getTagAppLink}\n suppressInteractivity={props.featureAccess.canViewPublicLayout}\n canViewGlance={hasGlance}\n />\n ) : (\n <VideoDetailsWithScrollbarV2\n video={props.video}\n currentUser={props.currentUser}\n headingRef={headingRef}\n onLaunchImmersiveReader={onLaunchImmersiveReader}\n onExitImmersiveReader={onExitImmersiveReader}\n getTagAppLink={appLinkFns.getTagAppLink}\n suppressInteractivity={props.featureAccess.canViewPublicLayout}\n />\n )}\n\n <CurriculumLinksWithScrollbarV2\n headingRef={headingRef}\n video={props.video}\n height={MINIMUM_GLANCE_HEIGHT}\n curriculums={props.curriculums}\n emptyStateUrl={ImageUrls.EmptyStates.CURRICULUM_LINKS}\n canViewCurriculumLinks={props.featureAccess.canViewCurriculumLinks}\n />\n\n <PlayPageResources\n headingRef={headingRef}\n video={props.video}\n canViewResources={props.featureAccess.canViewResourceItems}\n imageCdnUrl={props.imageCdnUrl}\n getAppLink={\n appLinkFns.getResourceAppLink(props.video.id, props.shareId, props.featureAccess.canViewResourceItems)\n }\n analyticsData={{ videoId: props.video.id, videoName: props.video.name }}\n resourceThumbnailFallbackUrl={ImageUrls.Fallbacks.RESOURCE_THUMBNAIL}\n />\n\n <PlayPageInteractives\n headingRef={headingRef}\n video={props.video}\n interactives={props.interactives}\n imageCdnUrl={props.imageCdnUrl}\n analyticsData={{ videoId: props.video.id, videoName: props.video.name }}\n canViewInteractives={props.featureAccess.canViewInteractives}\n yearGroups={props.yearGroups}\n setFavourite={props.setFavourite}\n canFavourite={props.canFavourite}\n isPlugin={props.isPlugin}\n />\n\n <PlayPageClips\n video={props.video}\n headingRef={headingRef}\n clips={props.clips}\n canViewClips={props.featureAccess.canViewClips}\n yearGroups={props.yearGroups}\n audiences={props.audiences}\n imageCdnUrl={props.imageCdnUrl}\n setFavourite={props.setFavourite}\n canFavourite={props.canFavourite}\n analyticsData={{ videoId: props.video.id, videoName: props.video.name }}\n isPlugin={props.isPlugin}\n />\n\n {/* if has glance, render video details here */}\n {hasGlance && (\n <VideoDetailsWithScrollbarV2\n video={props.video}\n currentUser={props.currentUser}\n headingRef={headingRef}\n onLaunchImmersiveReader={onLaunchImmersiveReader}\n onExitImmersiveReader={onExitImmersiveReader}\n getTagAppLink={appLinkFns.getTagAppLink}\n suppressInteractivity={props.featureAccess.canViewPublicLayout}\n showHeading\n />\n )}\n\n <RelatedVideos\n currentVideo={props.video}\n headingRef={headingRef}\n yearGroups={props.yearGroups}\n relatedVideos={props.relatedVideos}\n currentUser={props.currentUser}\n setFavourite={props.setFavourite}\n canFavourite={props.canFavourite}\n getVideoAppLink={(v, opts) => VideoAppLinkHelper.getAppLink(v, {\n ...opts,\n context: props.params.context,\n contextId: props.params.contextId,\n playNext: props.params.playNext,\n shareId: props.shareId,\n moviesAndTv: props.params.mtv,\n includeContext: props.currentUser?.isAuthenticated\n })}\n audiences={props.audiences}\n moviesAndTv={props.params.mtv}\n isPlugin={props.isPlugin}\n />\n </main>\n\n <TableOfContentsContainer\n isExpanded={tableOfContentsExpanded}\n setIsExpanded={onToggleTableOfContents}\n items={items}\n activeId={tableOfContentsActiveId}\n setControlledId={setControlledId}\n analyticsData={{ videoId: props.video.id, videoName: props.video.name }}\n showInSide={props.shouldShowSideTableOfContents}\n />\n\n </div>\n </LanguageNamespaceContext.Provider>\n );\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"curriculumSubject\":\"GvGYH\",\"curriculumSet\":\"d7RK0\",\"areaLeafSet\":\"XRTAe\",\"closeButton\":\"N3l5Q\",\"heading\":\"hAxR4\",\"leafDescriptionOnly\":\"h66ke\",\"dropdown\":\"CsG6G\",\"tag\":\"rdLqY\",\"cover\":\"etwaD\",\"active\":\"aDLMe\",\"selected\":\"BMrSd\"};"],"names":["getPhrase","CurriculumLinkItem","props","curriculumTag","data","key","id","className","selected","onClick","onChangeCurriculum","toString","name","cover","url","src","size","alt","namespace","CurriculumLinksEmptyState","emptyStateUrl","altText","phrase","PartialCurriculumLinkSection","PartialCurriculumLinks","BRACKET_SEGMENT_REGEX","BASE_PILL_CLASS","CurriculumLeaf","getCurriculumCodeClass","baseClass","leaf","uiContainsCodes","codeRef","current","width","getBoundingClientRect","trySetMaxCodeWidth","description","style","minWidth","codeWidth","ref","Text","dangerouslySetInnerHTML","__html","CurriculumSubject","audienceSegment","subjectSegment","audienceBracketSegments","areaAndLeafSets","getLeafStyleClass","linkSet","areasAndLeaves","forEach","areaAndLeafSet","areaText","CurriculumType","map","ca","join","find","l","push","match","Object","keys","i","CurriculumLinksV2","setCodeWidth","currentVal","curriculumLinkSets","newSet","curriculumLinks","subject","audience","areas","leaves","curriculumObj","type","length","linkSetKey","CurriculumsWidget","collection","selectedCurriculum","curriculums","nonEmptyCurriculums","childClassName","childComponent","_props","partialLoadingComponent","widgetDataDeps","noNegativePadding","PartialTagItem","tagClass","classNames","LanguageService","CurriculumLinksWithScrollbarV2","hasLoaded","activeCurriculum","availableCurriculums","updateCurriculum","customerHasCurriculumLinks","setSelectedCurriculum","alerts","ArrayHelper","canViewCurriculumLinks","PlayPageAnchor","el","headingRef","set","curriculumId","newCurriculum","c","AnalyticsHelper","videoId","video","videoName","entity","actionType","descriptor","location","error","autoHeight","autoHeightMax","height","PlayPageV2","playerContext","hasPermissions","usePermissions","canConsume","VideoHelper","usePlayPageTableOfContent","tableOfContentsId","tableOfContentsActiveId","setTableOfContentsActiveId","controlledId","setControlledId","tableOfContentsExpanded","onToggleTableOfContents","hasGlance","featureAccess","canViewGlance","useSectionHeadings","headingElements","items","ele","clips","interactives","resources","links","isArchived","hasStudentExperience","PermissionName","useTableOfContentsActiveHeading","setActiveId","useTableOfContentsScroll","shouldPlayOnExitImmersiveReader","appLinkFns","onLaunchImmersiveReader","playerRef","isPaused","pause","onExitImmersiveReader","play","showPlayerPlaceholder","mode","canViewPublicLayout","value","shouldShowSideTableOfContents","breadcrumbs","Breadcrumbs","RestrictionBanner","restrictions","_restrictions","yearGroups","objectId","objectTypeId","MasterType","canManageVideoAccess","ArchivedBanner","typeId","SeoConstants","GlobalPlayerConsumer","shareId","context","params","contextId","playNext","moviesAndTv","mtv","startTime","t","endTime","PlayerPlaceholder","appLink","application","action","PlayPageTitleAndActions","media","audiences","getSeriesAppLink","series","VideoAtAGlanceV2","pointsOfInterest","setStartTime","time","currentTime","getTagAppLink","suppressInteractivity","currentUser","ImageUrls","PlayPageResources","canViewResources","canViewResourceItems","imageCdnUrl","getAppLink","getResourceAppLink","analyticsData","resourceThumbnailFallbackUrl","PlayPageInteractives","canViewInteractives","setFavourite","canFavourite","isPlugin","PlayPageClips","canViewClips","showHeading","RelatedVideos","currentVideo","relatedVideos","getVideoAppLink","v","opts","VideoAppLinkHelper","includeContext","isAuthenticated","TableOfContents","isExpanded","setIsExpanded","activeId","showInSide"],"sourceRoot":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[143],{78630:(e,i,a)=>{a.r(i),a.d(i,{ClipClipsView:()=>N});var t=a(32735),n=a(81886),s=a(23481),c=a(20354),l=a(28400),r=a(65858),u=a(49935),o=a(71020),d=a(13231),p=a(51365),v=a(183),g=a(94644),m=a(43012),h=a(39151),C=a(1666),f=a(31949),k=a(69883),L=a(60115),b=a(22902),A=a(14070),F=a(97291),I=a(51855),E=a(10671),G=a(27638),P=a(44110),w=a(35014),O=a(22490),V=a(98620),_=a(82431),j=a(16747),y="shared.videoMedia",x=s.T.encloseNamespace(y);function N(e){var i,a,N,T,W,B,S=e.clipId,M=c.a.useGetFetch(),U=(0,k.Z)(),Q=(0,G.u)(r.LZ.VideoThumbnail),R=Q.setFavourite,Y=Q.canFavourite,Z=(0,I.G)().isPlugin,H=(0,E._)({location:E.i.VideoItem}),K=(0,w.I)(),$=c.a.useBasicFetch(f.N.currentUser()),q=c.a.useBasicFetch($.data.isAuthenticated&&C.h.yearGroups($.data.customerId)),z=c.a.useBasicFetch(m.e.clip(S)),D=null===(a=null===(i=z.data)||void 0===i?void 0:i._parentVideo)||void 0===a?void 0:a.id;function J(e){return m.e.videoClips(D,null,e)}function X(e){return M(J(e))}var ee=(0,L.K)(!(!K.canViewClips||!D)&&J,X,(function(e,i){if(1===e)return(0,g.r)(i);U.error(s.T.getPhrase(y,"errorClips"))})),ie=ee.items,ae=ee.hasMore,te=ee.isFetching,ne=c.a.useBasicFetch(h.L.config()),se=x("otherClipsHeading"),ce=(0,P.i)(),le=(0,b.T)().hasPermissions,re=[{name:null===(N=z.data)||void 0===N?void 0:N.name,appLink:Object.assign(Object.assign({},V.Y.playClip),{args:[S,l.m.slugify(null===(T=z.data)||void 0===T?void 0:T.name)]})},{name:se,appLink:{application:F.O.CLIPS,action:A.e.Clips.CLIP_CLIPS,args:[S,l.m.slugify(null===(W=z.data)||void 0===W?void 0:W.name)]},active:!0}];return t.useEffect((function(){K.canViewClips||function(){var e;n.Q.C$.trigger(Object.assign(Object.assign({},V.Y.playClip),{args:[S,l.m.slugify(null===(e=z.data)||void 0===e?void 0:e.name)]}),{replace:!0})}()}),[K.canViewClips]),z.data&&(null==ie?void 0:ie.length)&&ne.hasCompleted?t.createElement(p.M.Provider,{value:H},t.createElement("div",{className:"px-3"},t.createElement("h1",{className:"h2 mb-2"},se),t.createElement("div",{className:"mb-2"},t.createElement(u.Oo,{breadcrumbs:re})),t.createElement(d.E4,{videos:ie,yearGroups:q.data,getVideoAppLink:function(i,a){var t;return O.W.getAppLink(i,Object.assign(Object.assign({},a),{context:v.Q.Widget,contextId:e.clipId,includeContext:null===(t=$.data)||void 0===t?void 0:t.isAuthenticated}))},hasPermissions:le,getSubTextAppLink:function(e){return _.j.getSeriesAppLink(e.series)},setFavourite:R,canFavourite:Y,presentationAudiences:ce.data,imageCdnUrl:null===(B=ne.data)||void 0===B?void 0:B.imageCdnUrl,isPlugin:Z,getClassroomGuideAppLink:O.W.getClassroomGuideAppLink,getInteractiveGuidanceAppLink:O.W.getInteractiveGuidanceAppLink,getResourceGuidanceAppLink:O.W.getResourceGuidanceAppLink}),(ae||te)&&t.createElement(o._,{isFetching:te,fetchNext:X}))):t.createElement(j.l,null)}}}]);
|
|
2
|
+
//# sourceMappingURL=143-efbc6a41c5-lite.chunk.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scripts/143-efbc6a41c5-lite.chunk.js","mappings":"ieAuCMA,EAAY,oBACZC,EAAY,qBAAiCD,GAM7C,SAAUE,EAAcC,G,gBACpBC,EAAWD,EAAXC,OACFC,EAAQ,kBACRC,GAAS,SAEf,GAAuC,IAAAC,GAAkB,qBAAjDC,EAAY,EAAZA,aAAcC,EAAY,EAAZA,aACdC,GAAa,SAAbA,SAEFC,GAAe,OAAgB,CAAEC,SAAU,gBAC3CC,GAAgB,SAEhBC,EAAc,kBAAkC,mBAChDC,EAAa,kBACjBD,EAAYE,KAAKC,iBAAmB,eAA4BH,EAAYE,KAAKE,aAG7EC,EAAO,kBAA2B,SAAkBf,IACpDgB,EAAuC,QAAvB,EAAS,QAAT,EAAAD,EAAKH,YAAI,eAAEK,oBAAY,eAAEC,GAE/C,SAASC,EAAgBC,GACvB,OAAO,eAAwBJ,EAAe,KAAMI,EACtD,CAEA,SAASC,EAAUD,GACjB,OAAOnB,EAAMkB,EAAgBC,GAC/B,CASA,QAA8C,UAC5CX,EAAca,eAAgBN,IAAgBG,EAC9CE,GATF,SAAiBE,EAAoBC,GACnC,GAAmB,IAAfD,EACF,OAAO,OAAgBC,GAEzBtB,EAAOuB,MAAM,cAA0B7B,EAAW,cACpD,IAEe8B,GAAK,GAAZC,MAAcC,GAAO,GAAPA,QAASC,GAAU,GAAVA,WAMzBC,GAAS,kBAA6B,cAEtCC,GAAQlC,EAAU,qBAElBmC,IAAY,SACVC,IAAmB,SAAnBA,eAEFC,GAA4B,CAAC,CACjCC,KAAe,QAAT,EAAApB,EAAKH,YAAI,eAAEuB,KACjBC,QAAS,OAAF,wBACF,cAA2B,CAC9BC,KAAM,CAAErC,EAAQ,YAA4B,QAAT,EAAAe,EAAKH,YAAI,eAAEuB,UAE/C,CACDA,KAAMJ,GACNK,QAAS,CACPE,YAAa,UACbC,OAAQ,qBACRF,KAAM,CAAErC,EAAQ,YAA4B,QAAT,EAAAe,EAAKH,YAAI,eAAEuB,QAEhDK,QAAQ,IAgBV,OANA,aAAgB,WACT/B,EAAca,cARrB,W,MACE,eAA2B,OAAD,wBACrB,cAA2B,CAC9Be,KAAM,CAAErC,EAAQ,YAA4B,QAAT,EAAAe,EAAKH,YAAI,eAAEuB,SAC7C,CAAEM,SAAS,GAChB,CAIIC,EAEJ,GAAG,CAACjC,EAAca,eAEbP,EAAKH,OAASc,cAAK,EAALA,GAAOiB,SAAWb,GAAOc,aAI1C,gBAAC,aAA4B,CAACC,MAAOtC,GACnC,uBAAKuC,UAAU,QACb,sBAAIA,UAAU,WAAWf,IAEzB,uBAAKe,UAAU,QACb,gBAAC,KAAW,CAACZ,YAAaA,MAG5B,gBAAC,KAAS,CACRa,OAAQrB,GACRf,WAAYA,EAAWC,KACvBoC,gBAAiB,SAACC,EAAOC,G,MAAS,sBAA8BD,EAAO,OAAF,wBAChEC,GAAI,CACPC,QAAS,WACTC,UAAWrD,EAAMC,OACjBqD,eAAgC,QAAhB,EAAA3C,EAAYE,YAAI,eAAEC,kB,EAEpCoB,eAAgBA,GAChBqB,kBAAmB,SAAAL,GAAK,OAAI,qBAAqCA,EAAMM,OAAO,EAC9EnD,aAAcA,EACdC,aAAcA,EACdmD,sBAAuBxB,GAAUpB,KACjC6C,YAAwB,QAAX,EAAA3B,GAAOlB,YAAI,eAAE6C,YAC1BnD,SAAUA,EACVoD,yBAA0B,6BAC1BC,8BAA+B,kCAC/BC,2BAA4B,kCAE5BhC,IAAWC,KACX,gBAAC,IAAoB,CAACA,WAAYA,GAAYR,UAAWA,MAhCxD,gBAAC,IAAqB,KAqCjC,C","sources":["file:///app/packages/projects/lite/src/shared/views/video-media/ClipClipsView.tsx"],"sourcesContent":["import React from 'react';\n\nimport { HttpStatus } from 'libs/common/backbone/enums/HttpStatus';\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { Breadcrumb, Breadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { InfiniteScrollFooter } from 'libs/shared/components/infinite-scroll-footer/InfiniteScrollFooter';\nimport { VideoList } from 'libs/shared/components/video-list/VideoList';\nimport { VideoActionsContext } from 'libs/shared/context/VideoActionsContext';\nimport { RelatedVideosContext } from 'libs/shared/enums/RelatedVideosContext';\nimport { handleHttpError } from 'libs/shared/errors/handlers/HttpErrorHandlers';\nimport { ClipRequests } from 'libs/shared/flight-requests/ClipRequests';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\nimport { useInfiniteList } from 'libs/shared/hooks/UseInfiniteList';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { Clip, Config, CurrentUser, YearGroup } from 'libs/shared/interfaces';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { usePluginHelper } from 'shared/hooks/use-plugin-helper/usePluginHelper';\nimport { useVideoActions, VideoActionsLocation } from 'shared/hooks/use-video-actions/useVideoActions';\nimport { useLiteFavourites } from 'shared/hooks/useLiteFavourites';\nimport { usePresentationAudiences } from 'shared/hooks/usePresentationAudiences';\nimport { useVideoFeatureAccess } from 'shared/hooks/useVideoFeatureAccess';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\nimport { VideoMediaAppLinks } from 'shared/views/video-media/VideoMediaAppLinks';\n\nimport { SeriesAppLinkHelper } from 'apps/series/SeriesAppLinkHelper';\n\nimport { PartialVideoMediaView } from './partial-loading/PartialVideoMediaView';\n\nconst namespace = 'shared.videoMedia';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface ClipClipsViewProps {\n clipId: string;\n}\n\nexport function ClipClipsView(props: ClipClipsViewProps): JSX.Element {\n const { clipId } = props;\n const fetch = Flight.useGetFetch();\n const alerts = useAlerts();\n\n const { setFavourite, canFavourite } = useLiteFavourites(LocationContext.VideoThumbnail);\n const { isPlugin } = usePluginHelper();\n \n const videoActions = useVideoActions({ location: VideoActionsLocation.VideoItem });\n const featureAccess = useVideoFeatureAccess();\n\n const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n const yearGroups = Flight.useBasicFetch<YearGroup[]>(\n currentUser.data.isAuthenticated && CustomerRequests.yearGroups(currentUser.data.customerId)\n );\n\n const clip = Flight.useBasicFetch<Clip>(ClipRequests.clip(clipId));\n const parentVideoId = clip.data?._parentVideo?.id;\n\n function getClipsRequest(cursor?: string) {\n return ClipRequests.videoClips(parentVideoId, null, cursor);\n }\n\n function fetchNext(cursor?: string) {\n return fetch(getClipsRequest(cursor));\n }\n\n function onError(pageNumber: number, httpStatus: HttpStatus): void {\n if (pageNumber === 1)\n return handleHttpError(httpStatus);\n\n alerts.error(LanguageService.getPhrase(namespace, 'errorClips'));\n }\n\n const { items: clips, hasMore, isFetching } = useInfiniteList<Clip>(\n featureAccess.canViewClips && parentVideoId ? getClipsRequest : false,\n fetchNext,\n onError\n );\n\n const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n\n const title = getPhrase('otherClipsHeading');\n\n const audiences = usePresentationAudiences();\n const { hasPermissions } = usePermissions();\n\n const breadcrumbs: Breadcrumb[] = [{\n name: clip.data?.name,\n appLink: {\n ...VideoMediaAppLinks.playClip,\n args: [ clipId, TextHelper.slugify(clip.data?.name) ]\n }\n }, {\n name: title,\n appLink: {\n application: AppChannels.CLIPS,\n action: Actions.Clips.CLIP_CLIPS,\n args: [ clipId, TextHelper.slugify(clip.data?.name) ]\n },\n active: true\n }];\n\n function redirectToPlaypage(): void {\n Core.AppLinkHelper.trigger({\n ...VideoMediaAppLinks.playClip,\n args: [ clipId, TextHelper.slugify(clip.data?.name) ]\n }, { replace: true });\n }\n\n React.useEffect(() => {\n if (!featureAccess.canViewClips) {\n redirectToPlaypage();\n }\n }, [featureAccess.canViewClips]);\n\n if (!clip.data || !clips?.length || !config.hasCompleted)\n return <PartialVideoMediaView />;\n\n return (\n <VideoActionsContext.Provider value={videoActions}>\n <div className='px-3'>\n <h1 className='h2 mb-2'>{title}</h1>\n \n <div className='mb-2'>\n <Breadcrumbs breadcrumbs={breadcrumbs}/>\n </div>\n\n <VideoList\n videos={clips}\n yearGroups={yearGroups.data}\n getVideoAppLink={(video, opts) => VideoAppLinkHelper.getAppLink(video, {\n ...opts,\n context: RelatedVideosContext.Widget,\n contextId: props.clipId,\n includeContext: currentUser.data?.isAuthenticated\n })}\n hasPermissions={hasPermissions}\n getSubTextAppLink={video => SeriesAppLinkHelper.getSeriesAppLink(video.series)}\n setFavourite={setFavourite}\n canFavourite={canFavourite}\n presentationAudiences={audiences.data}\n imageCdnUrl={config.data?.imageCdnUrl}\n isPlugin={isPlugin}\n getClassroomGuideAppLink={VideoAppLinkHelper.getClassroomGuideAppLink}\n getInteractiveGuidanceAppLink={VideoAppLinkHelper.getInteractiveGuidanceAppLink}\n getResourceGuidanceAppLink={VideoAppLinkHelper.getResourceGuidanceAppLink}\n />\n {(hasMore || isFetching) && (\n <InfiniteScrollFooter isFetching={isFetching} fetchNext={fetchNext} />\n )}\n </div>\n </VideoActionsContext.Provider>\n );\n}"],"names":["namespace","getPhrase","ClipClipsView","props","clipId","fetch","alerts","u","setFavourite","canFavourite","isPlugin","videoActions","location","featureAccess","currentUser","yearGroups","data","isAuthenticated","customerId","clip","parentVideoId","_parentVideo","id","getClipsRequest","cursor","fetchNext","canViewClips","pageNumber","httpStatus","error","clips","items","hasMore","isFetching","config","title","audiences","hasPermissions","breadcrumbs","name","appLink","args","application","action","active","replace","redirectToPlaypage","length","hasCompleted","value","className","videos","getVideoAppLink","video","opts","context","contextId","includeContext","getSubTextAppLink","series","presentationAudiences","imageCdnUrl","getClassroomGuideAppLink","getInteractiveGuidanceAppLink","getResourceGuidanceAppLink"],"sourceRoot":""}
|