@clickview/lite 0.50.1-rc.0 → 0.50.1-rc.2

package/dist/scripts/{6531-597262a181-lite.chunk.js → 6531-1325be9fb1-lite.chunk.js}

@@ -1,2 +1,2 @@
 "use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[6531],{54644:(e,t,n)=>{n.d(t,{v:()=>r});var a=n(97395),r={getContentUpdates:function(e,t,n){return{url:a._.urlBuilder("{gateway}/v1/discover/content-updates",{from:t,to:n,limit:6,query:"(videoCollection)"}),publicUrl:a._.urlBuilder("/api/discover/presentations/".concat(e,"/content-updates"),{from:t,to:n,limit:6,query:"(videoCollection)"}),key:"content:updates",normalizeOptions:{namespace:"contentupdates"},formatData:function(e){return e.map((function(e){return{id:e.classificationId,videos:e.videos}}))}}},getClassifications:function(e){return{url:a._.urlBuilder("/api/domain/v1/subjects",{id:e,query:"banner"}),publicUrl:a._.urlBuilder("/api/subjects/classifications",{id:e,query:"banner"}),key:"classifications:".concat(e.join(","))}},getClassification:function(e){return{url:"/api/domain/v1/subjects/".concat(e,"?query=banner"),publicUrl:"/api/subjects/classifications/".concat(e,"?query=banner"),key:"classification:".concat(e)}},getClassificationUpdates:function(e,t,n){return{url:a._.urlBuilder("/api/domain/v1/subjects/".concat(e,"/content-updates"),{from:t,to:n,query:"(videoCollection)"}),publicUrl:a._.urlBuilder("/api/subjects/classifications/".concat(e,"/content-updates"),{from:t,to:n,query:"(videoCollection)"}),key:"classification:update:".concat(e,":").concat(t,":").concat(n)}},getContentUpdateVideos:function(e,t){return{url:a._.urlBuilder("/api/domain/v1/subjects/content-updates/videos",{from:e,to:t,query:"(videoCollection)"}),publicUrl:a._.urlBuilder("/api/subjects/content-updates/videos",{from:e,to:t,query:"(videoCollection)"}),key:"content:update:videos:".concat(e,":").concat(t)}},videos:function(e,t){return{url:"/api/domain/v1/videos?ids=".concat(e.join(","),"&with=(videoCollection)"),key:"videos:by:id:".concat(e.join(",")),success:t}}}},49935:(e,t,n)=>{n.d(t,{Oo:()=>d,b2:()=>m});var a=n(32735),r=n(36848),i=n(86764),o=n(3747),l=n(5859),c=n(35223),s=n(83914),u=function(e){var t=e.breadcrumb,n=t.name,i=t.appLink,o=t.active,l=e.withBackIcon;return a.createElement("li",{className:"breadcrumb-item".concat(o?" active":"")},o?a.createElement("strong",null,n):a.createElement(r.F,{appLink:i},l&&a.createElement(s.x,{svgName:c.vn.ChevronLeft,size:s.S.Small}),a.createElement("span",{className:l?"ms-2":""},n)))},d=function(e){var t=e.breadcrumbs,n=(0,o.a)(i.r.XS),r=null==t?void 0:t.length;return!r||n&&r<2?a.createElement(a.Fragment,null):n?a.createElement("nav",{"aria-label":"breadcrumb"},a.createElement("ol",{className:"breadcrumb m-0 p-0"},a.createElement(u,{breadcrumb:t[r-2],withBackIcon:!0}))):a.createElement("nav",{"aria-label":"breadcrumb"},a.createElement("ol",{className:"breadcrumb m-0 p-0"},t.map((function(e,t){return a.createElement(u,{key:t,breadcrumb:e})}))))},m=a.memo((function(e){var t=e.numItems,n=void 0===t?3:t;return(0,o.a)(i.r.XS)?a.createElement("div",{className:"partial-loading-background",style:{height:"1.3125rem",width:"6rem"}}):a.createElement("nav",{"aria-label":"breadcrumb"},a.createElement("ol",{className:"breadcrumb m-0 p-0"},l.u.getPartialLoadingItems({numItems:n}).map((function(e,t){var n=e.width;return a.createElement("li",{key:t,className:"breadcrumb-item"},a.createElement("span",{className:"d-inline-block partial-loading-background",style:{width:n},dangerouslySetInnerHTML:{__html:"&nbsp"}}))}))))}))},74696:(e,t,n)=>{n.d(t,{S:()=>s});var a=n(32735),r=n(68050),i=n(69111),o=n(9977),l=n(79967);const c={partialOptions:"Gufgq",partialName:"SicQQ",partialDescription:"dPGMq",partialThumbnail:"vZrnb",partialDragHandle:"iq73R"};function s(e){return a.createElement("div",{className:"mx-2"},Array(e.numVideos).fill(null).map((function(t,n){return a.createElement("div",{className:"d-flex",key:n},e.allowBulkActions&&a.createElement("div",{className:"form-check pe-3 pe-sm-2 mx-0 mx-md-2"}),a.createElement(u,Object.assign({},e)))})))}function u(e){var t=(0,l.k)(),n="sm"===o.O.getSize(t,"md"),s=e.withReordering&&!t.xs;return a.createElement(r.Z,{className:"".concat(n?"":"py-2"," flex-grow-1")},a.createElement(i.Z,Object.assign({},o.O.getThumbnailColumns(),{className:"flex-column align-items-flex-start ".concat(n?"pb-2 pe-1":"mb-1 pe-3 pe-md-2")}),a.createElement(r.Z,null,!!s&&a.createElement("div",{className:"d-flex align-items-center justify-content-center col-2"},a.createElement("div",{className:"partial-loading-background ".concat(c.partialDragHandle)})),a.createElement(i.Z,{xs:o.O.getThumbnailColSize(s)},a.createElement("div",{className:"partial-loading-background ".concat(n?"rounded":"rounded-3"," ").concat(c.partialThumbnail)})))),a.createElement(i.Z,Object.assign({},o.O.getDetailsColumns(),{className:n?"pb-2":"px-2"}),a.createElement("div",{className:"partial-loading-background mb-1 ".concat(c.partialName)}),a.createElement("div",{className:"partial-loading-background ".concat(c.partialDescription)})))}s.defaultProps={numVideos:15}},5859:(e,t,n)=>{function a(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}n.d(t,{u:()=>i});var r={numItems:5,minWidth:50,maxWidth:100},i={getPartialLoadingItems:function(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=Object.assign(Object.assign({},r),t);return(e=Array(n.numItems),function(e){if(Array.isArray(e))return a(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 a(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)?a(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()).map((function(){return{width:"".concat(Math.max(Math.floor(Math.random()*n.maxWidth),n.minWidth),"px")}}))}}},37808:(e,t,n)=>{n.d(t,{aq:()=>b,YW:()=>h});var a=n(32735),r=n(36848),i=n(83345),o=n(80247),l=n(57900),c=n(2948),s=n(10874),u=n(38143),d=n(35223);const m={banner:"B7jhq"};function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}var f="contentUpdates.classificationBanner";function b(e){var t,n,b=e.classification,v=e.backgroundUrl,h=e.followed,g=e.follow,y=e.showFollowSpinner,k=(t=(0,c.D)(u.g.AUDIENCE_FILTER,void 0,{storage:l.Z1.SessionStorage}),n=1,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 a,r,i,o,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(a=i.call(n)).done)&&(l.push(a.value),l.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return l}}(t,n)||function(e,t){if(e){if("string"==typeof e)return p(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)?p(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.")}())[0];return a.createElement("div",{className:"banner mb-2 d-flex justify-content-between align-items-center rounded ".concat(m.banner),style:{backgroundImage:"url('".concat(v,"')")}},a.createElement(r.F,{className:"text-white text-shadow",appLink:e.getClassificationAppLink(b,k)},a.createElement("h2",{className:"h3 mb-0"},b.name)),e.canFollow&&a.createElement(s.h,{className:"btn follow-btn ".concat(h?"btn-outline-dark":"btn-dark"),svgName:h?d.vn.Check:d.vn.Bell,onClick:function(){return g(b.id,b.name,!h)}},y?a.createElement(o.Z,{as:"span",animation:"border",role:"status",size:"sm"}):a.createElement(i.x,{namespace:f,phrase:h?"unfollow":"follow"})))}var v="playlists.liteClassificationUpdateBreadcrumbs";function h(e){var t=e.classification;return a.createElement(a.Fragment,null,a.createElement("nav",{"aria-label":"breadcrumb"},a.createElement("ol",{className:"breadcrumb p-0 mb-0"},a.createElement("li",{className:"breadcrumb-item"},a.createElement(r.F,{appLink:e.dashboardAppLink},a.createElement(i.x,{namespace:v,phrase:"dashboard"}))),a.createElement("li",{className:"breadcrumb-item"},a.createElement(r.F,{appLink:e.contentUpdatesAppLink},a.createElement(i.x,{namespace:v,phrase:"whatsNew"}))),a.createElement("li",{className:"breadcrumb-item active","aria-current":"page"},t.name))))}},19595:(e,t,n)=>{n.r(t),n.d(t,{ClassificationUpdateView:()=>P});var a=n(32735),r=n(70680),i=n(23481),o=n(20354),l=n(110),c=n(65858),s=n(54644),u=n(13231),d=n(51365),m=n(16714),p=n(1666),f=n(61699),b=n(31949),v=n(69883),h=n(22902),g=n(79612),y=n(76753),k=n(51855),w=n(10671),E=n(27638),A=n(44110),S=n(97816),C=n(10741),N=n(33192),L=n(22490),j=n(37808),I=n(49935),x=n(74696);const O={partialBanner:"DKukI"};function F(){return a.createElement("div",{className:"bg-white px-3"},a.createElement("div",{className:"partial-loading-background mb-2 ".concat(O.partialBanner," rounded")}),a.createElement("div",{className:"mb-1"},a.createElement(I.b2,null)),a.createElement(x.S,null))}var U=n(49985),B="contentUpdates.classificationUpdate",M=i.T.encloseNamespace(B);function T(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}var D=i.T.encloseNamespace("contentUpdates.classificationUpdate");function P(e){var t,n,I,x,O,P,q,_,V,G,Z=e.classificationId,Y=(0,k.G)().isPlugin,W=(0,r.I0)(),R=(0,v.Z)(),z=(0,E.u)(c.LZ.VideoThumbnail),H=z.setFavourite,Q=z.canFavourite,$=o.a.useBasicFetch(b.N.currentUser()),X=o.a.useBasicFetch((null===(t=$.data)||void 0===t?void 0:t.isAuthenticated)&&p.h.yearGroups($.data.customerId)),K=(V=a.useState(!1),G=2,function(e){if(Array.isArray(e))return e}(V)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(a=i.call(n)).done)&&(l.push(a.value),l.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return l}}(V,G)||function(e,t){if(e){if("string"==typeof e)return T(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)?T(e,t):void 0}}(V,G)||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.")}()),J=K[0],ee=function(e){var t=e.dispatch,n=e.alerts,a=e.setShowFollowSpinner;return{onFollow:function(e,r,l){a(!0);var s=function(){a(!1),U.k.logUserAction({id:e,name:r},{location:c.LZ.ContentUpdatesClassificationBanner,workflowPhase:c.eu.Complete,descriptor:l?c.DL.On:c.DL.Off,actionType:c.Vw.Follow,entity:c.py.Classification}),n.success(M(l?"followed":"unfollowed",{name:r,escapeText:!0}))},u=function(){a(!1),n.error(i.T.getPhrase(B,"error"))},d=l?f.o.followSubjects([e],s,u):f.o.unfollowSubjects([e],s,u);o.a.fetch(t,d)}}}({dispatch:W,alerts:R,setShowFollowSpinner:K[1],currentUser:null==$?void 0:$.data}),te=new Date,ne=l.O.format(l.O.endOf(l.O.subtract(te,1,"year"),"day"),"YYYY-MM-DD"),ae=l.O.format(l.O.endOf(te,"day"),"YYYY-MM-DD"),re=(0,h.T)().hasPermissions,ie=re(m.C.FollowSubjects),oe=o.a.useBasicFetch(s.v.getClassification(Z)),le=o.a.useBasicFetch($.data&&s.v.getClassificationUpdates(Z,ne,ae)),ce=o.a.useBasicFetch(ie&&f.o.mySubjectPreferences()),se=(0,A.i)();(0,g.M)(y.CG.getDefaultMetadata({title:null===(n=oe.data)||void 0===n?void 0:n.name,phraseContext:{phraseHandler:D,titlePhrase:"pageTitle",descriptionPhrase:"pageDescription"},canonicalLink:N.f.getCanonicalLink(),allowIndexing:N.f.allowIndexing()}));var ue=(0,w._)({location:w.i.VideoItem});(0,S.V)(null!==(x=null===(I=le.data)||void 0===I?void 0:I.videos)&&void 0!==x?x:[]);var de=ce.hasCompleted||!ie;if(!(le.data&&oe.data&&de&&$.data))return a.createElement(F,null);var me=null!==(P=null===(O=ce.data)||void 0===O?void 0:O.map((function(e){return e.id})))&&void 0!==P?P:[];return a.createElement(d.M.Provider,{value:ue},a.createElement("div",{className:"bg-white px-3"},a.createElement(j.aq,{classification:oe.data,backgroundUrl:null!==(_=null===(q=oe.data.banner)||void 0===q?void 0:q.url)&&void 0!==_?_:"",getClassificationAppLink:e.appLinks.getClassificationAppLink,followed:!!me.find((function(e){return e.toString()===oe.data.id.toString()})),follow:ee.onFollow,showFollowSpinner:J,canFollow:ie}),a.createElement(j.YW,{classification:oe.data,dashboardAppLink:e.appLinks.dashboardAppLink,contentUpdatesAppLink:e.appLinks.whatsNewAppLink}),a.createElement(u.E4,{videos:le.data.videos,yearGroups:X.data,getVideoAppLink:e.appLinks.getVideoAppLink,getSubTextAppLink:function(t){return e.appLinks.getSeriesAppLink(t.series)},setFavourite:H,canFavourite:Q,hasPermissions:re,presentationAudiences:se.data,getPreviewQuestionsAppLink:function(e){return C.j.getPreviewQuestionsAppLink(e)},isPlugin:Y,getClassroomGuideAppLink:L.W.getClassroomGuideAppLink,getInteractiveGuidanceAppLink:L.W.getInteractiveGuidanceAppLink,getResourceGuidanceAppLink:L.W.getResourceGuidanceAppLink})))}},44110:(e,t,n)=>{n.d(t,{i:()=>o});var a=n(20354),r=n(89454),i=n(86698),o=function(){var e=(0,i.y)({redirectOnError:!0}),t=e.activePresentation,n=e.getFallbackPresentation,o=t||n();return a.a.useBasicFetch(!!o&&r.O.presentationAudiences(o.id))}},97816:(e,t,n)=>{n.d(t,{V:()=>d});var a=n(32735),r=n(20354),i=n(21750),o=n(31949),l=n(1575),c=n(31908);function s(e,t){if(e){if("string"==typeof e)return u(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)?u(e,t):void 0}}function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}function d(e){var t,n,d=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},m=r.a.useBasicFetch(o.N.currentUser()),p=a.useRef(new Set),f=function(e){return e?Array.isArray(e)?e.filter((function(e){return!!e&&(c.M.isVideo(e)||c.M.isClip(e))})):"data"in e?e.data.filter((function(e){return!!e&&(c.M.isVideo(e)||c.M.isClip(e))})):[]:[]}(e),b=f.map((function(e){return e.id})),v=(t=a.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 a,r,i,o,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(a=i.call(n)).done)&&(l.push(a.value),l.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return l}}(t,n)||s(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.")}()),h=v[0],g=v[1];a.useEffect((function(){if((null==b?void 0:b.length)&&m.hasCompleted){var e=[];b.forEach((function(t){p.current.has(t)||(e.push(t),p.current.add(t))})),e.length&&g((function(t){var n,a=[].concat(function(e){return function(e){if(Array.isArray(e))return u(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||s(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.")}()}(t),[l.R.videoMixinAssocs(e,d.flightNamespace)]);return(null===(n=m.data)||void 0===n?void 0:n.isAuthenticated)&&a.push(i.x.hasCurriculumLinks(e,null,d.flightNamespace)),a}))}}),[null==b?void 0:b.length,m.hasCompleted]),r.a.useBasicFetchAll(h)}}}]);
-//# sourceMappingURL=6531-597262a181-lite.chunk.js.map
+//# sourceMappingURL=6531-1325be9fb1-lite.chunk.js.map

package/dist/scripts/{6531-597262a181-lite.chunk.js.map → 6531-1325be9fb1-lite.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"scripts/6531-597262a181-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/apps/content-updates/flight-requests/ContentUpdateRequests.ts","file:///app/packages/libs/shared/src/components/breadcrumbs/Breadcrumbs.tsx","file:///app/packages/libs/shared/src/components/video-list/partial-loading/partial-video-list.scss","file:///app/packages/libs/shared/src/components/video-list/partial-loading/PartialVideoList.tsx","file:///app/packages/libs/shared/src/utils/PartialLoadingHelper.ts","file:///app/packages/projects/lite/src/apps/content-updates/components/classification-banner/classification-banner.scss","file:///app/packages/projects/lite/src/apps/content-updates/components/classification-banner/ClassificationBanner.tsx","file:///app/packages/projects/lite/src/apps/content-updates/components/classification-update-breadcrumbs/ClassificationUpdateBreadcrumbs.tsx","file:///app/packages/projects/lite/src/apps/content-updates/views/classification-update/partial-loading/partial-classification-update.scss","file:///app/packages/projects/lite/src/apps/content-updates/views/classification-update/partial-loading/PartialClassificationUpdate.tsx","file:///app/packages/projects/lite/src/apps/content-updates/views/classification-update/ClassificationUpdateViewCallbacks.tsx","file:///app/packages/projects/lite/src/apps/content-updates/views/classification-update/ClassificationUpdateView.tsx","file:///app/packages/projects/lite/src/shared/hooks/usePresentationAudiences.ts","file:///app/packages/projects/lite/src/shared/hooks/useVideoMixin.ts"],"sourcesContent":["import { UrlHelper } from 'libs/common/backbone/utils/UrlHelper';\nimport { Flight } from 'libs/common/flight';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { Video } from 'libs/shared/interfaces';\n\n// Why 6 you ask? Well, we display 5, then we also display a link to \"see all updates for classification\"\n// if there are more than 5. By fetching 6, we can tell if there are more than 5 (api doesn't tell us).\nconst CONTENT_UPDATES_VIDEO_LIMIT = 6;\n\nexport const ContentUpdateRequests = {\n  getContentUpdates(presentationId: string, from: string, to: string): Flight.PublicRequest {\n    const url = UrlHelper.urlBuilder('{gateway}/v1/discover/content-updates', {\n      from,\n      to,\n      limit: CONTENT_UPDATES_VIDEO_LIMIT,\n      query: '(videoCollection)'\n    });\n\n    const publicUrl = UrlHelper.urlBuilder(`/api/discover/presentations/${presentationId}/content-updates`, {\n      from,\n      to,\n      limit: CONTENT_UPDATES_VIDEO_LIMIT,\n      query: '(videoCollection)'\n    });\n\n    return {\n      url,\n      publicUrl,\n      key: 'content:updates',\n      /**\n       * The namespace here is required so that flight's normaliser doesn't override\n       * fully fetched classification objects matching the IDs here.\n       * \n       * Without this, navigating from content updates to one of the topics in the content updates\n       * list, then back to content updates will cause the page to break.\n       */\n      normalizeOptions: {\n        namespace: 'contentupdates'\n      },\n      formatData: (contentUpdates: HashObject[]) => {\n        return contentUpdates.map(contentUpdate => {\n          // Change id field here to make normalization in Flight easier\n          return {\n            id: contentUpdate.classificationId,\n            videos: contentUpdate.videos\n          };\n        });\n      }\n    };\n  },\n\n  getClassifications(ids: string[]): Flight.PublicRequest {\n    const url = UrlHelper.urlBuilder('/api/domain/v1/subjects', {\n      id: ids,\n      query: 'banner'\n    });\n\n    const publicUrl = UrlHelper.urlBuilder('/api/subjects/classifications', {\n      id: ids,\n      query: 'banner'\n    });\n\n    return {\n      url,\n      publicUrl,\n      key: `classifications:${ids.join(',')}`\n    };\n  },\n\n  getClassification(id: string): Flight.PublicRequest {\n    return {\n      url: `/api/domain/v1/subjects/${id}?query=banner`,\n      publicUrl: `/api/subjects/classifications/${id}?query=banner`,\n      key: `classification:${id}`\n    };\n  },\n\n  getClassificationUpdates(id: string, from: string, to: string): Flight.PublicRequest {\n    const url = UrlHelper.urlBuilder(`/api/domain/v1/subjects/${id}/content-updates`, {\n      from,\n      to,\n      query: '(videoCollection)'\n    });\n\n    const publicUrl = UrlHelper.urlBuilder(`/api/subjects/classifications/${id}/content-updates`, {\n      from,\n      to,\n      query: '(videoCollection)'\n    });\n\n    return {\n      url,\n      publicUrl,\n      key: `classification:update:${id}:${from}:${to}`\n    };\n  },\n\n  getContentUpdateVideos(from: string, to: string): Flight.PublicRequest {\n    return {\n      url: UrlHelper.urlBuilder(`/api/domain/v1/subjects/content-updates/videos`, {\n        from,\n        to,\n        query: '(videoCollection)'\n      }),\n      publicUrl: UrlHelper.urlBuilder(`/api/subjects/content-updates/videos`, {\n        from,\n        to,\n        query: '(videoCollection)'\n      }),\n      key: `content:update:videos:${from}:${to}`\n    };\n  },\n\n  /**\n   * TODO: Delete thise and use the shared video requests\n   */\n  videos(ids: string[], success?: (data: Video[]) => void): Flight.Request {\n    const url = `/api/domain/v1/videos?ids=${ids.join(',')}&with=(videoCollection)`;\n\n    return {\n      url,\n      key: `videos:by:id:${ids.join(',')}`,\n      success\n    };\n  }\n};","import * as React from 'react';\n\nimport { Core } from 'libs/common/core';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\nimport { useMediaQuery } from 'libs/shared/hooks/UseMediaQuery';\nimport { PartialLoadingHelper } from 'libs/shared/utils/PartialLoadingHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { SvgContainer, SvgContainerSize } from '../svg-container/SvgContainer';\n\nexport interface Breadcrumb {\n  name: string;\n  appLink?: Core.AppLink;\n  active?: boolean;\n}\n\ninterface BreadcrumbItemProps {\n  breadcrumb: Breadcrumb;\n  withBackIcon?: boolean;\n}\n\nexport const BreadcrumbItem = ({ breadcrumb: { name, appLink, active }, withBackIcon }: BreadcrumbItemProps) => (\n  <li className={`breadcrumb-item${active ? ' active' : ''}`}>\n    {active\n      ? <strong>{name}</strong>\n      : <AppLink appLink={appLink}>\n        {withBackIcon && <SvgContainer svgName={cvSvgLibrary.ChevronLeft} size={SvgContainerSize.Small} />}\n        <span className={withBackIcon ? 'ms-2' : ''}>{name}</span>\n      </AppLink>\n    }\n  </li>\n);\n\ninterface BreadcrumbsProps {\n  breadcrumbs: Breadcrumb[];\n}\n\nexport const Breadcrumbs = ({ breadcrumbs }: BreadcrumbsProps) => {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  const length = breadcrumbs?.length;\n\n  if (!length || (isMobile && length < 2))\n    return <></>;\n\n  if (isMobile)\n    return (\n      <nav aria-label='breadcrumb'>\n        <ol className='breadcrumb m-0 p-0'>\n          <BreadcrumbItem breadcrumb={breadcrumbs[length - 2]} withBackIcon />\n        </ol>\n      </nav>\n    );\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {breadcrumbs.map((b, idx) => <BreadcrumbItem key={idx} breadcrumb={b} />)}\n      </ol>\n    </nav>\n  );\n};\n\nexport const PartialBreadcrumbs = React.memo(function({ numItems = 3 }: { numItems?: number; }) {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  if (isMobile) {\n    return (\n      <div className='partial-loading-background' style={{ height: '1.3125rem', width: '6rem' }} />\n    );\n  }\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {PartialLoadingHelper.getPartialLoadingItems({ numItems }).map(({ width }, idx) => (\n          <li key={idx} className='breadcrumb-item'>\n            <span className='d-inline-block partial-loading-background' style={{ width }} dangerouslySetInnerHTML={{ __html: '&nbsp' }} />\n          </li>\n        ))}\n      </ol>\n    </nav>\n  );\n});","// extracted by mini-css-extract-plugin\nexport default {\"partialOptions\":\"Gufgq\",\"partialName\":\"SicQQ\",\"partialDescription\":\"dPGMq\",\"partialThumbnail\":\"vZrnb\",\"partialDragHandle\":\"iq73R\"};","import React from 'react';\nimport { Col, Row } from 'react-bootstrap';\n\nimport { VideoListHelper } from 'libs/shared/components/video-list/VideoListHelper';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\n\nimport styles from './partial-video-list.scss';\n\ninterface PartialVideoListProps {\n  withReordering?: boolean;\n  numVideos?: number;\n  allowBulkActions?: boolean;\n}\n\nPartialVideoList.defaultProps = {\n  numVideos: 15\n};\n\nexport function PartialVideoList(props: PartialVideoListProps): JSX.Element {\n  return (\n    <div className='mx-2'>\n      {Array(props.numVideos).fill(null).map((_, i) => (\n        <div className='d-flex' key={i}>\n          {props.allowBulkActions && <div className='form-check pe-3 pe-sm-2 mx-0 mx-md-2' />}\n          <PartialVideoItem {...props} />\n        </div>\n      ))}\n    </div>\n  );\n}\n\nexport function PartialVideoItem(props: PartialVideoListProps): JSX.Element {\n  const breakpoints = useBreakpoints();\n\n  const size = VideoListHelper.getSize(breakpoints, 'md');\n  const isSmall = size === 'sm';\n\n  const withDragHandle = props.withReordering && !breakpoints.xs;\n\n  return (\n    <Row className={`${isSmall ? '' : 'py-2'} flex-grow-1`}>\n      <Col {...VideoListHelper.getThumbnailColumns()} className={`flex-column align-items-flex-start ${isSmall ? `pb-2 pe-1` : 'mb-1 pe-3 pe-md-2'}`}>\n        <Row>\n          {!!withDragHandle && (\n            <div className='d-flex align-items-center justify-content-center col-2'>\n              <div className={`partial-loading-background ${styles.partialDragHandle}`} />\n            </div>\n          )}\n          <Col xs={VideoListHelper.getThumbnailColSize(withDragHandle)}>\n            <div className={`partial-loading-background ${isSmall ? 'rounded' : 'rounded-3'} ${styles.partialThumbnail}`} />\n          </Col>\n        </Row>\n      </Col>\n      <Col {...VideoListHelper.getDetailsColumns()} className={isSmall ? 'pb-2' : 'px-2'}>\n        <div className={`partial-loading-background mb-1 ${styles.partialName}`} />\n        <div className={`partial-loading-background ${styles.partialDescription}`} />\n      </Col>\n    </Row>\n  );\n}\n\n","const DEFAULT_PARTIAL_LOADING_OPTIONS: PartialLoadingOptions = {\n  numItems: 5,\n  minWidth: 50, // px\n  maxWidth: 100 // px\n};\n\nexport interface PartialLoadingOptions {\n  numItems?: number;\n  minWidth?: number;\n  maxWidth?: number;\n}\n\ninterface PartialLoadingItem {\n  width: string;\n}\n\nexport const PartialLoadingHelper = {\n  getPartialLoadingItems(options: PartialLoadingOptions = {}): PartialLoadingItem[] {\n    const opts = {\n      ...DEFAULT_PARTIAL_LOADING_OPTIONS,\n      ...options\n    };\n\n    const getRandomFilterWidth = () => Math.max(Math.floor(Math.random() * opts.maxWidth), opts.minWidth);\n\n    return [...Array(opts.numItems)].map(() => ({ width: `${getRandomFilterWidth()}px` }));\n  }\n};","// extracted by mini-css-extract-plugin\nexport default {\"banner\":\"B7jhq\"};","import * as React from 'react';\nimport { Spinner } from 'react-bootstrap';\n\nimport { StorageType } from 'libs/common/backbone/utils/LocalStorageHelper';\nimport { Core } from 'libs/common/core';\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { IconButton } from 'libs/shared/components/icon-button/IconButton';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { SharedViewModelKeys } from 'libs/shared/constants/SharedViewModelKeys';\nimport { Classification, PresentationAudience } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport styles from './classification-banner.scss';\n\nconst namespace = 'contentUpdates.classificationBanner';\n\ninterface ClassificationBannerProps {\n  classification: Classification;\n  backgroundUrl: string;\n  getClassificationAppLink: (classification: Classification, activeAudiences: PresentationAudience[]) => Core.AppLink;\n  followed: boolean;\n  follow: (classificationId: string, classificationName: string, follow: boolean) => void;\n  showFollowSpinner: boolean;\n  canFollow: boolean;\n}\n\nexport function ClassificationBanner(props: ClassificationBannerProps): JSX.Element {\n  const { classification, backgroundUrl, followed, follow, showFollowSpinner } = props;\n\n  const [activeAudiences] = useViewModel<PresentationAudience[]>(\n    SharedViewModelKeys.AUDIENCE_FILTER,\n    undefined,\n    { storage: StorageType.SessionStorage }\n  );\n\n  return (\n    <div\n      className={`banner mb-2 d-flex justify-content-between align-items-center rounded ${styles.banner}`}\n      style={{ backgroundImage: `url('${backgroundUrl}')` }}\n    >\n      <AppLink className='text-white text-shadow' appLink={props.getClassificationAppLink(classification, activeAudiences)}>\n        <h2 className='h3 mb-0'>{classification.name}</h2>\n      </AppLink>\n\n      {props.canFollow && (\n        <IconButton\n          className={`btn follow-btn ${followed ? 'btn-outline-dark' : 'btn-dark'}`}\n          svgName={followed ? cvSvgLibrary.Check : cvSvgLibrary.Bell}\n          onClick={() => follow(classification.id, classification.name, !followed)}\n        >\n          {showFollowSpinner\n            ? <Spinner as='span' animation='border' role='status' size='sm' />\n            : <Text namespace={namespace} phrase={followed ? 'unfollow' : 'follow'} />\n          }\n        </IconButton>\n      )}\n    </div>\n  );\n}\n","import * as React from 'react';\n\nimport { Core } from 'libs/common/core';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { Classification } from 'libs/shared/interfaces';\n\nconst namespace = 'playlists.liteClassificationUpdateBreadcrumbs';\n\ninterface ClassificationUpdateBreadcrumbsProps {\n  classification: Classification;\n  contentUpdatesAppLink: Core.AppLink;\n  dashboardAppLink: Core.AppLink;\n}\n\nexport function ClassificationUpdateBreadcrumbs(\n  props: ClassificationUpdateBreadcrumbsProps\n): JSX.Element {\n  const { classification } = props;\n\n  return (\n    <>\n      <nav aria-label='breadcrumb'>\n        <ol className='breadcrumb p-0 mb-0'>\n          <li className='breadcrumb-item'>\n            <AppLink appLink={props.dashboardAppLink}><Text namespace={namespace} phrase='dashboard' /></AppLink>\n          </li>\n          <li className='breadcrumb-item'>\n            <AppLink appLink={props.contentUpdatesAppLink}><Text namespace={namespace} phrase='whatsNew' /></AppLink>\n          </li>\n          <li className='breadcrumb-item active' aria-current='page'>{classification.name}</li>\n        </ol>\n      </nav>\n    </>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"partialBanner\":\"DKukI\"};","import React from 'react';\n\nimport { PartialBreadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { PartialVideoList } from 'libs/shared/components/video-list/partial-loading/PartialVideoList';\n\nimport styles from './partial-classification-update.scss';\n\nexport function PartialClassificationUpdate(): JSX.Element {\n  return (\n    <div className='bg-white px-3'>\n      <div className={`partial-loading-background mb-2 ${styles.partialBanner} rounded`} />\n\n      <div className='mb-1'>\n        <PartialBreadcrumbs />\n      </div>\n\n      <PartialVideoList />\n    </div>\n  );\n}","\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { EntityType, LocationContext, ToggleDescriptor, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { PreferenceRequests } from 'libs/shared/flight-requests/PreferenceRequests';\nimport { Alerts } from 'libs/shared/hooks/UseAlerts';\nimport { CurrentUser } from 'libs/shared/interfaces';\n\nconst namespace = 'contentUpdates.classificationUpdate';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface ClassificationViewCallbackManager {\n  dispatch: React.Dispatch<Flight.RequestAction>;\n  alerts: Alerts;\n  setShowFollowSpinner: React.Dispatch<React.SetStateAction<boolean>>;\n  currentUser: CurrentUser;\n}\n\nexport function getClassificationCallbacks(\n  options: ClassificationViewCallbackManager\n) {\n  const { dispatch, alerts, setShowFollowSpinner } = options;\n\n  function onFollow(classificationId: string, classificationName: string, follow: boolean): void {\n    setShowFollowSpinner(true);\n\n    const onSuccess = () => {\n      setShowFollowSpinner(false);\n\n      AnalyticsHelper.logUserAction({\n        id: classificationId,\n        name: classificationName\n      }, {\n        location: LocationContext.ContentUpdatesClassificationBanner,\n        workflowPhase: WorkflowPhase.Complete,\n        descriptor: follow ? ToggleDescriptor.On : ToggleDescriptor.Off,\n        actionType: UserAction.Follow,\n        entity: EntityType.Classification\n      });\n\n      alerts.success(getPhrase(follow ? 'followed' : 'unfollowed', { name: classificationName, escapeText: true }));\n    };\n\n    const onError = () => {\n      setShowFollowSpinner(false);\n      alerts.error(LanguageService.getPhrase(namespace, 'error'));\n    };\n\n    const request = follow ?\n      PreferenceRequests.followSubjects([classificationId], onSuccess, onError) :\n      PreferenceRequests.unfollowSubjects([classificationId], onSuccess, onError);\n\n    Flight.fetch(dispatch, request);\n  }\n\n  return {\n    onFollow\n  };\n}\n","import * as React from 'react';\nimport { useDispatch } from 'react-redux';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { ContentUpdateRequests } from 'libs/shared/apps/content-updates/flight-requests/ContentUpdateRequests';\nimport { ClassificationVideosGrouping, ContentUpdateAppLinks } from 'libs/shared/apps/content-updates/interfaces';\nimport { VideoList } from 'libs/shared/components/video-list/VideoList';\nimport { VideoActionsContext } from 'libs/shared/context/VideoActionsContext';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { PreferenceRequests } from 'libs/shared/flight-requests/PreferenceRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { Classification, CurrentUser, YearGroup } from 'libs/shared/interfaces';\nimport { PageMetadataHelper } from 'libs/shared/utils/PageMetadataHelper';\n\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 { useVideoMixin } from 'shared/hooks/useVideoMixin';\nimport { InteractiveHelpers } from 'shared/utils/InteractiveHelper';\nimport { SeoHelper } from 'shared/utils/SeoHelper';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\n\nimport { ClassificationBanner, ClassificationUpdateBreadcrumbs } from 'apps/content-updates/components';\n\nimport { PartialClassificationUpdate } from './partial-loading/PartialClassificationUpdate';\nimport { getClassificationCallbacks } from './ClassificationUpdateViewCallbacks';\n\nconst namespace = 'contentUpdates.classificationUpdate';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface ClassificationUpdateViewProps {\n  classificationId: string;\n  appLinks: ContentUpdateAppLinks;\n  presentationSlug?: string;\n}\n\nexport function ClassificationUpdateView(props: ClassificationUpdateViewProps): JSX.Element {\n  const { classificationId } = props;\n\n  const { isPlugin } = usePluginHelper();\n\n  const dispatch = useDispatch();\n  const alerts = useAlerts();\n  const { setFavourite, canFavourite } = useLiteFavourites(LocationContext.VideoThumbnail);\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 [ showFollowSpinner, setShowFollowSpinner ] = React.useState(false);\n\n  const callbacks = getClassificationCallbacks({\n    dispatch,\n    alerts,\n    setShowFollowSpinner,\n    currentUser: currentUser?.data\n  });\n\n  const date = new Date();\n  // Retrieve the past 1 year from today\n  const from = DateHelper.format(DateHelper.endOf(DateHelper.subtract(date, 1, 'year'), 'day'), 'YYYY-MM-DD');\n  const to = DateHelper.format(DateHelper.endOf(date, 'day'), 'YYYY-MM-DD');\n\n  const { hasPermissions } = usePermissions();\n  const canFollowSubjects = hasPermissions(PermissionName.FollowSubjects);\n\n  const classification = Flight.useBasicFetch<Classification>(\n    ContentUpdateRequests.getClassification(classificationId)\n  );\n\n  const contentUpdates = Flight.useBasicFetch<ClassificationVideosGrouping>(currentUser.data &&\n    ContentUpdateRequests.getClassificationUpdates(classificationId, from, to));\n\n  const subjectPreferences = Flight.useBasicFetch<Classification[]>(canFollowSubjects &&\n    PreferenceRequests.mySubjectPreferences());\n\n  const audiences = usePresentationAudiences();\n\n  useSetPageMetadata(PageMetadataHelper.getDefaultMetadata({\n    title: classification.data?.name,\n    phraseContext: {\n      phraseHandler: getPhrase,\n      titlePhrase: 'pageTitle',\n      descriptionPhrase: 'pageDescription'\n    },\n    canonicalLink: SeoHelper.getCanonicalLink(),\n    allowIndexing: SeoHelper.allowIndexing()\n  }));\n\n  const videoActions = useVideoActions({ location: VideoActionsLocation.VideoItem });\n\n  useVideoMixin(contentUpdates.data?.videos ?? []);\n\n  const hasLoadedPreferences = subjectPreferences.hasCompleted || !canFollowSubjects;\n\n  const dataLoaded = (\n    contentUpdates.data && classification.data &&\n    hasLoadedPreferences && currentUser.data\n  );\n\n  if (!dataLoaded)\n    return <PartialClassificationUpdate />;\n\n  const preferredSubjectIds = subjectPreferences.data?.map(subject => subject.id) ?? [];\n\n  return (\n    <VideoActionsContext.Provider value={videoActions}>\n      <div className='bg-white px-3'>\n        <ClassificationBanner\n          classification={classification.data}\n          backgroundUrl={classification.data.banner?.url ?? ''}\n          getClassificationAppLink={props.appLinks.getClassificationAppLink}\n          followed={!!preferredSubjectIds.find(id => id.toString() === classification.data.id.toString())}\n          follow={callbacks.onFollow}\n          showFollowSpinner={showFollowSpinner}\n          canFollow={canFollowSubjects}\n        />\n        <ClassificationUpdateBreadcrumbs\n          classification={classification.data}\n          dashboardAppLink={props.appLinks.dashboardAppLink}\n          contentUpdatesAppLink={props.appLinks.whatsNewAppLink}\n        />\n\n        <VideoList\n          videos={contentUpdates.data.videos}\n          yearGroups={yearGroups.data}\n          getVideoAppLink={props.appLinks.getVideoAppLink}\n          getSubTextAppLink={video => props.appLinks.getSeriesAppLink(video.series)}\n          setFavourite={setFavourite}\n          canFavourite={canFavourite}\n          hasPermissions={hasPermissions}\n          presentationAudiences={audiences.data}\n          getPreviewQuestionsAppLink={interactive => InteractiveHelpers.getPreviewQuestionsAppLink(interactive)}\n          isPlugin={isPlugin}\n          getClassroomGuideAppLink={VideoAppLinkHelper.getClassroomGuideAppLink}\n          getInteractiveGuidanceAppLink={VideoAppLinkHelper.getInteractiveGuidanceAppLink}\n          getResourceGuidanceAppLink={VideoAppLinkHelper.getResourceGuidanceAppLink}\n        />\n      </div>\n    </VideoActionsContext.Provider>\n  );\n}","import { Flight } from 'libs/common/react/index';\n\nimport { AudienceRequests } from 'libs/shared/flight-requests/AudienceRequests';\nimport { PresentationAudience } from 'libs/shared/interfaces';\n\nimport { usePresentation } from 'shared/hooks/usePresentation';\n\nexport const usePresentationAudiences = () => {\n  const { activePresentation, getFallbackPresentation } = usePresentation({ redirectOnError: true });\n\n  const presentation = activePresentation || getFallbackPresentation();\n\n  const audiences = Flight.useBasicFetch<PresentationAudience[]>(\n    !!presentation &&\n    AudienceRequests.presentationAudiences(presentation.id)\n  );\n\n  return audiences;\n};","import React from 'react';\n\nimport { Flight } from 'libs/common/flight';\n\nimport { ClassificationRequests } from 'libs/shared/flight-requests/ClassificationRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { Clip, ClipCollection, CurrentUser, Video, VideoCollection } from 'libs/shared/interfaces';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\ntype Types = Video[] | VideoCollection | Clip[] | ClipCollection;\n\nfunction getValidObjects(objects: Types): (Video | Clip)[] {\n  if (!objects)\n    return [];\n\n  if (Array.isArray(objects))\n    return objects.filter(o => !!o && (VideoHelper.isVideo(o) || VideoHelper.isClip(o)));\n\n  if ('data' in objects)\n    return objects.data.filter(o => !!o && (VideoHelper.isVideo(o) || VideoHelper.isClip(o)));\n\n  return [];\n}\n\ninterface VideoMixinOptions {\n  /**\n   * If the videos that are having new data mixed into are sitting on an explicit Flight namespace,\n   * providing that namespace here is required\n   */\n  flightNamespace?: string;\n}\n\nexport function useVideoMixin(objects: Types, options: VideoMixinOptions = {}): void {\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n\n  const hydratedVideos = React.useRef<Set<string>>(new Set<string>());\n\n  const videos = getValidObjects(objects);\n\n  const videoIds = videos.map(v => v.id);\n\n  const [ request, setRequest ] = React.useState<Flight.Request[]>([]);\n\n  React.useEffect(() => {\n    if (!videoIds?.length || !currentUser.hasCompleted)\n      return;\n\n    const unhydratedVideos: string[] = [];\n\n    videoIds.forEach(id => {\n      if (!hydratedVideos.current.has(id)) {\n        unhydratedVideos.push(id);\n        hydratedVideos.current.add(id);\n      }\n    });\n    \n    if (!unhydratedVideos.length)\n      return;\n\n    setRequest(r => {\n      const newRequests = [\n        ...r,\n        VideoRequests.videoMixinAssocs(unhydratedVideos, options.flightNamespace)\n      ];\n\n      if (currentUser.data?.isAuthenticated)\n        newRequests.push(ClassificationRequests.hasCurriculumLinks(unhydratedVideos, null, options.flightNamespace));\n\n      return newRequests;\n    });\n  }, [ videoIds?.length, currentUser.hasCompleted ]);\n\n  Flight.useBasicFetchAll(request);\n}"],"names":["ContentUpdateRequests","getContentUpdates","presentationId","from","to","url","limit","query","publicUrl","key","normalizeOptions","namespace","formatData","contentUpdates","map","contentUpdate","id","classificationId","videos","getClassifications","ids","join","getClassification","getClassificationUpdates","getContentUpdateVideos","success","BreadcrumbItem","breadcrumb","name","appLink","active","withBackIcon","className","svgName","size","S","Breadcrumbs","breadcrumbs","isMobile","length","b","idx","PartialBreadcrumbs","numItems","style","height","width","dangerouslySetInnerHTML","__html","PartialVideoList","props","Array","numVideos","fill","_","i","allowBulkActions","PartialVideoItem","breakpoints","useBreakpoints","isSmall","VideoListHelper","withDragHandle","withReordering","xs","Row","Col","defaultProps","DEFAULT_PARTIAL_LOADING_OPTIONS","minWidth","maxWidth","PartialLoadingHelper","getPartialLoadingItems","options","opts","Math","max","floor","random","ClassificationBanner","classification","backgroundUrl","followed","follow","showFollowSpinner","activeAudiences","SharedViewModelKeys","undefined","storage","backgroundImage","getClassificationAppLink","canFollow","IconButton","onClick","Spinner","as","animation","role","phrase","ClassificationUpdateBreadcrumbs","dashboardAppLink","contentUpdatesAppLink","PartialClassificationUpdate","getPhrase","LanguageService","ClassificationUpdateView","isPlugin","usePluginHelper","dispatch","alerts","useLiteFavourites","u","setFavourite","canFavourite","currentUser","UserRequests","yearGroups","data","isAuthenticated","CustomerRequests","customerId","callbacks","setShowFollowSpinner","onFollow","classificationName","onSuccess","AnalyticsHelper","location","workflowPhase","descriptor","actionType","entity","escapeText","onError","error","request","PreferenceRequests","getClassificationCallbacks","date","Date","DateHelper","hasPermissions","usePermissions","canFollowSubjects","PermissionName","subjectPreferences","audiences","usePresentationAudiences","useSetPageMetadata","PageMetadataHelper","title","phraseContext","phraseHandler","titlePhrase","descriptionPhrase","canonicalLink","SeoHelper","allowIndexing","videoActions","useVideoActions","useVideoMixin","hasLoadedPreferences","hasCompleted","preferredSubjectIds","subject","VideoActionsContext","value","banner","appLinks","find","toString","whatsNewAppLink","VideoList","getVideoAppLink","getSubTextAppLink","video","getSeriesAppLink","series","presentationAudiences","getPreviewQuestionsAppLink","interactive","InteractiveHelper","getClassroomGuideAppLink","VideoAppLinkHelper","getInteractiveGuidanceAppLink","getResourceGuidanceAppLink","redirectOnError","activePresentation","getFallbackPresentation","presentation","objects","hydratedVideos","Set","isArray","filter","o","getValidObjects","videoIds","v","setRequest","unhydratedVideos","forEach","current","has","push","add","r","newRequests","flightNamespace"],"sourceRoot":""}
+{"version":3,"file":"scripts/6531-1325be9fb1-lite.chunk.js","mappings":"mJAUaA,EAAwB,CACnCC,kBAAiB,SAACC,EAAwBC,EAAcC,GAetD,MAAO,CACLC,IAfU,eAAqB,wCAAyC,CACxEF,KAAAA,EACAC,GAAAA,EACAE,MAP8B,EAQ9BC,MAAO,sBAYPC,UATgB,eAAqB,+BAAD,OAAgCN,EAAc,oBAAoB,CACtGC,KAAAA,EACAC,GAAAA,EACAE,MAd8B,EAe9BC,MAAO,sBAMPE,IAAK,kBAQLC,iBAAkB,CAChBC,UAAW,kBAEbC,WAAY,SAACC,GACX,OAAOA,EAAeC,KAAI,SAAAC,GAExB,MAAO,CACLC,GAAID,EAAcE,iBAClBC,OAAQH,EAAcG,OAE1B,GACF,EAEJ,EAEAC,mBAAkB,SAACC,GAWjB,MAAO,CACLf,IAXU,eAAqB,0BAA2B,CAC1DW,GAAII,EACJb,MAAO,WAUPC,UAPgB,eAAqB,gCAAiC,CACtEQ,GAAII,EACJb,MAAO,WAMPE,IAAK,mBAAF,OAAqBW,EAAIC,KAAK,MAErC,EAEAC,kBAAiB,SAACN,GAChB,MAAO,CACLX,IAAK,2BAAF,OAA6BW,EAAE,iBAClCR,UAAW,iCAAF,OAAmCQ,EAAE,iBAC9CP,IAAK,kBAAF,OAAoBO,GAE3B,EAEAO,yBAAwB,SAACP,EAAYb,EAAcC,GAajD,MAAO,CACLC,IAbU,eAAqB,2BAAD,OAA4BW,EAAE,oBAAoB,CAChFb,KAAAA,EACAC,GAAAA,EACAG,MAAO,sBAWPC,UARgB,eAAqB,iCAAD,OAAkCQ,EAAE,oBAAoB,CAC5Fb,KAAAA,EACAC,GAAAA,EACAG,MAAO,sBAMPE,IAAK,yBAAF,OAA2BO,EAAE,YAAIb,EAAI,YAAIC,GAEhD,EAEAoB,uBAAsB,SAACrB,EAAcC,GACnC,MAAO,CACLC,IAAK,eAAqB,iDAAkD,CAC1EF,KAAAA,EACAC,GAAAA,EACAG,MAAO,sBAETC,UAAW,eAAqB,uCAAwC,CACtEL,KAAAA,EACAC,GAAAA,EACAG,MAAO,sBAETE,IAAK,yBAAF,OAA2BN,EAAI,YAAIC,GAE1C,EAKAc,OAAM,SAACE,EAAeK,GAGpB,MAAO,CACLpB,IAHU,6BAAH,OAAgCe,EAAIC,KAAK,KAAI,2BAIpDZ,IAAK,gBAAF,OAAkBW,EAAIC,KAAK,MAC9BI,QAAAA,EAEJ,E,4HCtGWC,EAAiB,SAAH,WAAMC,WAAcC,EAAI,EAAJA,KAAMC,EAAO,EAAPA,QAASC,EAAM,EAANA,OAAUC,EAAY,EAAZA,aAAY,OAClF,sBAAIC,UAAS,yBAAoBF,EAAS,UAAY,KACnDA,EACG,8BAASF,GACT,gBAAC,IAAO,CAACC,QAASA,GACjBE,GAAgB,gBAAC,IAAY,CAACE,QAAS,iBAA0BC,KAAM,EAAAC,EAAA,QACxE,wBAAMH,UAAWD,EAAe,OAAS,IAAKH,IAG/C,EAOMQ,EAAc,SAAH,GAAyC,IAAnCC,EAAW,EAAXA,YACtBC,GAAW,OAAc,QAEzBC,EAASF,aAAW,EAAXA,EAAaE,OAE5B,OAAKA,GAAWD,GAAYC,EAAS,EAC5B,iCAELD,EAEA,oCAAgB,cACd,sBAAIN,UAAU,sBACZ,gBAACN,EAAc,CAACC,WAAYU,EAAYE,EAAS,GAAIR,cAAY,MAMvE,oCAAgB,cACd,sBAAIC,UAAU,sBACXK,EAAYvB,KAAI,SAAC0B,EAAGC,GAAG,OAAK,gBAACf,EAAc,CAACjB,IAAKgC,EAAKd,WAAYa,GAAK,KAIhF,EAEaE,EAAqB,QAAW,YAAiD,QAAtCC,SAAAA,OAAQ,IAAG,IAAC,EAGlE,OAFiB,OAAc,QAI3B,uBAAKX,UAAU,6BAA6BY,MAAO,CAAEC,OAAQ,YAAaC,MAAO,UAKnF,oCAAgB,cACd,sBAAId,UAAU,sBACX,2BAA4C,CAAEW,SAAAA,IAAY7B,KAAI,WAAY2B,GAAG,IAAZK,EAAK,EAALA,MAAK,OACrE,sBAAIrC,IAAKgC,EAAKT,UAAU,mBACtB,wBAAMA,UAAU,4CAA4CY,MAAO,CAAEE,MAAAA,GAASC,wBAAyB,CAAEC,OAAQ,WAC9G,KAKf,G,6FCpFA,SAAgB,eAAiB,QAAQ,YAAc,QAAQ,mBAAqB,QAAQ,iBAAmB,QAAQ,kBAAoB,SCiBrI,SAAUC,EAAiBC,GAC/B,OACE,uBAAKlB,UAAU,QACZmB,MAAMD,EAAME,WAAWC,KAAK,MAAMvC,KAAI,SAACwC,EAAGC,GAAC,OAC1C,uBAAKvB,UAAU,SAASvB,IAAK8C,GAC1BL,EAAMM,kBAAoB,uBAAKxB,UAAU,yCAC1C,gBAACyB,EAAgB,iBAAKP,IAClB,IAId,CAEM,SAAUO,EAAiBP,GAC/B,IAAMQ,GAAc,EAAAC,EAAA,KAGdC,EAAmB,OADZC,EAAA,UAAwBH,EAAa,MAG5CI,EAAiBZ,EAAMa,iBAAmBL,EAAYM,GAE5D,OACE,gBAACC,EAAA,EAAG,CAACjC,UAAS,UAAK4B,EAAU,GAAK,OAAM,iBACtC,gBAACM,EAAA,EAAG,iBAAKL,EAAA,wBAAqC,CAAE7B,UAAS,6CAAwC4B,EAAU,YAAc,uBACvH,gBAACK,EAAA,EAAG,OACCH,GACD,uBAAK9B,UAAU,0DACb,uBAAKA,UAAS,qCAAgC,wBAGlD,gBAACkC,EAAA,EAAG,CAACF,GAAIH,EAAA,sBAAoCC,IAC3C,uBAAK9B,UAAS,qCAAgC4B,EAAU,UAAY,YAAW,YAAI,yBAIzF,gBAACM,EAAA,EAAG,iBAAKL,EAAA,sBAAmC,CAAE7B,UAAW4B,EAAU,OAAS,SAC1E,uBAAK5B,UAAS,0CAAqC,iBACnD,uBAAKA,UAAS,qCAAgC,yBAItD,CA7CAiB,EAAiBkB,aAAe,CAC9Bf,UAAW,G,wICfb,IAAMgB,EAAyD,CAC7DzB,SAAU,EACV0B,SAAU,GACVC,SAAU,KAaCC,EAAuB,CAClCC,uBAAsB,WAAoC,I,EAAnCC,EAAA,uDAAiC,CAAC,EACjDC,EAAO,OAAH,wBACLN,GACAK,GAKL,O,EAAWtB,MAAMuB,EAAK/B,U,omBAAW7B,KAAI,iBAAO,CAAEgC,MAAO,GAAF,OAFhB6B,KAAKC,IAAID,KAAKE,MAAMF,KAAKG,SAAWJ,EAAKJ,UAAWI,EAAKL,UAEd,MAAM,GACtF,E,mJCzBF,SAAgB,OAAS,S,sGCezB,IAAM,EAAY,sCAYZ,SAAUU,EAAqB7B,GACnC,I,IAAQ8B,EAAuE9B,EAAvE8B,eAAgBC,EAAuD/B,EAAvD+B,cAAeC,EAAwChC,EAAxCgC,SAAUC,EAA8BjC,EAA9BiC,OAAQC,EAAsBlC,EAAtBkC,kBAElDC,G,GAAmB,OACxBC,EAAA,uBACAC,EACA,CAAEC,QAAS,sB,EACZ,E,o4BAJqB,GAMtB,OACE,uBACExD,UAAS,gFAA2E,UACpFY,MAAO,CAAE6C,gBAAiB,QAAF,OAAUR,EAAa,QAE/C,gBAAC,IAAO,CAACjD,UAAU,yBAAyBH,QAASqB,EAAMwC,yBAAyBV,EAAgBK,IAClG,sBAAIrD,UAAU,WAAWgD,EAAepD,OAGzCsB,EAAMyC,WACL,gBAACC,EAAA,EAAU,CACT5D,UAAS,yBAAoBkD,EAAW,mBAAqB,YAC7DjD,QAASiD,EAAW,WAAqB,UACzCW,QAAS,kBAAMV,EAAOH,EAAehE,GAAIgE,EAAepD,MAAOsD,EAAS,GAEvEE,EACG,gBAACU,EAAA,EAAO,CAACC,GAAG,OAAOC,UAAU,SAASC,KAAK,SAAS/D,KAAK,OACzD,gBAAC,IAAI,CAACvB,UAAW,EAAWuF,OAAQhB,EAAW,WAAa,YAM1E,CCpDA,IAAM,EAAY,gDAQZ,SAAUiB,EACdjD,GAEA,IAAQ8B,EAAmB9B,EAAnB8B,eAER,OACE,gCACE,oCAAgB,cACd,sBAAIhD,UAAU,uBACZ,sBAAIA,UAAU,mBACZ,gBAAC,IAAO,CAACH,QAASqB,EAAMkD,kBAAkB,gBAAC,IAAI,CAACzF,UAAW,EAAWuF,OAAO,gBAE/E,sBAAIlE,UAAU,mBACZ,gBAAC,IAAO,CAACH,QAASqB,EAAMmD,uBAAuB,gBAAC,IAAI,CAAC1F,UAAW,EAAWuF,OAAO,eAEpF,sBAAIlE,UAAU,yBAAwB,eAAc,QAAQgD,EAAepD,QAKrF,C,sXCnCA,SAAgB,cAAgB,SCM1B,SAAU0E,IACd,OACE,uBAAKtE,UAAU,iBACb,uBAAKA,UAAS,0CAAqC,gBAAoB,cAEvE,uBAAKA,UAAU,QACb,gBAAC,KAAkB,OAGrB,gBAACiB,EAAA,EAAgB,MAGvB,C,eCRMtC,EAAY,sCACZ4F,EAAYC,EAAA,mBAAiC7F,G,sGCyBnD,IACM,EAAY6F,EAAA,mBADA,uCASZ,SAAUC,EAAyBvD,G,wBAC/BjC,EAAqBiC,EAArBjC,iBAEAyF,GAAa,EAAAC,EAAA,KAAbD,SAEFE,GAAW,UACXC,GAAS,SACf,GAAuC,EAAAC,EAAAC,GAAkB,qBAAjDC,EAAY,EAAZA,aAAcC,EAAY,EAAZA,aAEhBC,EAAc,kBAAkCC,EAAA,iBAChDC,EAAa,mBACD,QAAhB,EAAAF,EAAYG,YAAI,eAAEC,kBAAmBC,EAAA,aAA4BL,EAAYG,KAAKG,aAGX,G,EAArB,YAAe,G,EAAM,E,o4BAAjEpC,EAAiB,KAEnBqC,GDzCF,SACJhD,GAEA,IAAQmC,EAA2CnC,EAA3CmC,SAAUC,EAAiCpC,EAAjCoC,OAAQa,EAAyBjD,EAAzBiD,qBAkC1B,MAAO,CACLC,SAjCF,SAAkB1G,EAA0B2G,EAA4BzC,GACtEuC,GAAqB,GAErB,IAAMG,EAAY,WAChBH,GAAqB,GAErBI,EAAA,gBAA8B,CAC5B9G,GAAIC,EACJW,KAAMgG,GACL,CACDG,SAAU,wCACVC,cAAe,cACfC,WAAY9C,EAAS,QAAsB,SAC3C+C,WAAY,YACZC,OAAQ,sBAGVtB,EAAOpF,QAAQ8E,EAAUpB,EAAS,WAAa,aAAc,CAAEvD,KAAMgG,EAAoBQ,YAAY,IACvG,EAEMC,EAAU,WACdX,GAAqB,GACrBb,EAAOyB,MAAM9B,EAAA,YAA0B7F,EAAW,SACpD,EAEM4H,EAAUpD,EACdqD,EAAA,iBAAkC,CAACvH,GAAmB4G,EAAWQ,GACjEG,EAAA,mBAAoC,CAACvH,GAAmB4G,EAAWQ,GAErE,UAAazB,EAAU2B,EACzB,EAKF,CCCoBE,CAA2B,CAC3C7B,SAAAA,EACAC,OAAAA,EACAa,qBAL6C,KAM7CR,YAAaA,aAAW,EAAXA,EAAaG,OAGtBqB,GAAO,IAAIC,KAEXxI,GAAOyI,EAAA,SAAkBA,EAAA,QAAiBA,EAAA,WAAoBF,GAAM,EAAG,QAAS,OAAQ,cACxFtI,GAAKwI,EAAA,SAAkBA,EAAA,QAAiBF,GAAM,OAAQ,cAEpDG,IAAmB,EAAAC,EAAA,KAAnBD,eACFE,GAAoBF,GAAeG,EAAA,kBAEnChE,GAAiB,kBACrBhF,EAAA,oBAAwCiB,IAGpCJ,GAAiB,kBAAmDqG,EAAYG,MACpFrH,EAAA,2BAA+CiB,EAAkBd,GAAMC,KAEnE6I,GAAqB,kBAAuCF,IAChEP,EAAA,0BAEIU,IAAY,EAAAC,EAAA,MAElB,EAAAC,EAAA,GAAmBC,EAAA,sBAAsC,CACvDC,MAA0B,QAAnB,EAAAtE,GAAeqC,YAAI,eAAEzF,KAC5B2H,cAAe,CACbC,cAAe,EACfC,YAAa,YACbC,kBAAmB,mBAErBC,cAAeC,EAAA,qBACfC,cAAeD,EAAA,qBAGjB,IAAME,IAAe,EAAAC,EAAA,GAAgB,CAAEhC,SAAU,iBAEjD,EAAAiC,EAAA,GAAyC,QAA3B,EAAmB,QAAnB,EAAAnJ,GAAewG,YAAI,eAAEnG,cAAM,QAAI,IAE7C,IAAM+I,GAAuBhB,GAAmBiB,eAAiBnB,GAOjE,KAJElI,GAAewG,MAAQrC,GAAeqC,MACtC4C,IAAwB/C,EAAYG,MAIpC,OAAO,gBAACf,EAA2B,MAErC,IAAM6D,GAAyE,QAAnD,EAAuB,QAAvB,EAAAlB,GAAmB5B,YAAI,eAAEvG,KAAI,SAAAsJ,GAAO,OAAIA,EAAQpJ,EAAE,WAAC,QAAI,GAEnF,OACE,gBAACqJ,EAAA,WAA4B,CAACC,MAAOR,IACnC,uBAAK9H,UAAU,iBACb,gBAAC,KAAoB,CACnBgD,eAAgBA,GAAeqC,KAC/BpC,cAA8C,QAA/B,EAA0B,QAA1B,EAAAD,GAAeqC,KAAKkD,cAAM,eAAElK,WAAG,QAAI,GAClDqF,yBAA0BxC,EAAMsH,SAAS9E,yBACzCR,WAAYiF,GAAoBM,MAAK,SAAAzJ,GAAE,OAAIA,EAAG0J,aAAe1F,GAAeqC,KAAKrG,GAAG0J,UAAU,IAC9FvF,OAAQsC,GAAUE,SAClBvC,kBAAmBA,EACnBO,UAAWoD,KAEb,gBAAC,KAA+B,CAC9B/D,eAAgBA,GAAeqC,KAC/BjB,iBAAkBlD,EAAMsH,SAASpE,iBACjCC,sBAAuBnD,EAAMsH,SAASG,kBAGxC,gBAACC,EAAA,GAAS,CACR1J,OAAQL,GAAewG,KAAKnG,OAC5BkG,WAAYA,EAAWC,KACvBwD,gBAAiB3H,EAAMsH,SAASK,gBAChCC,kBAAmB,SAAAC,GAAK,OAAI7H,EAAMsH,SAASQ,iBAAiBD,EAAME,OAAO,EACzEjE,aAAcA,EACdC,aAAcA,EACd4B,eAAgBA,GAChBqC,sBAAuBhC,GAAU7B,KACjC8D,2BAA4B,SAAAC,GAAW,OAAIC,EAAA,6BAA8CD,EAAY,EACrG1E,SAAUA,EACV4E,yBAA0BC,EAAA,2BAC1BC,8BAA+BD,EAAA,gCAC/BE,2BAA4BF,EAAA,gCAKtC,C,wECjJapC,EAA2B,WACtC,OAAwD,OAAgB,CAAEuC,iBAAiB,IAAnFC,EAAkB,EAAlBA,mBAAoBC,EAAuB,EAAvBA,wBAEtBC,EAAeF,GAAsBC,IAO3C,OALkB,oBACdC,GACF,0BAAuCA,EAAa7K,IAIxD,C,8dCeM,SAAUgJ,EAAc8B,GAA+C,I,IAA/BrH,EAAA,uDAA6B,CAAC,EACpEyC,EAAc,kBAAkC,mBAEhD6E,EAAiB,SAA0B,IAAIC,KAE/C9K,EA1BR,SAAyB4K,GACvB,OAAKA,EAGD3I,MAAM8I,QAAQH,GACTA,EAAQI,QAAO,SAAAC,GAAC,QAAMA,IAAM,YAAoBA,IAAM,WAAmBA,GAAG,IAEjF,SAAUL,EACLA,EAAQzE,KAAK6E,QAAO,SAAAC,GAAC,QAAMA,IAAM,YAAoBA,IAAM,WAAmBA,GAAG,IAEnF,GARE,EASX,CAeiBC,CAAgBN,GAEzBO,EAAWnL,EAAOJ,KAAI,SAAAwL,GAAC,OAAIA,EAAEtL,EAAE,IAE+B,G,EAApC,WAAiC,I,EAAG,E,unBAA5DuH,EAAO,KAAEgE,EAAU,KAE3B,aAAgB,WACd,IAAKF,aAAQ,EAARA,EAAU9J,SAAW2E,EAAYgD,aAAtC,CAGA,IAAMsC,EAA6B,GAEnCH,EAASI,SAAQ,SAAAzL,GACV+K,EAAeW,QAAQC,IAAI3L,KAC9BwL,EAAiBI,KAAK5L,GACtB+K,EAAeW,QAAQG,IAAI7L,GAE/B,IAEKwL,EAAiBjK,QAGtBgK,GAAW,SAAAO,G,MACHC,EAAc,GAAH,O,yWAAA,CACZD,GAAC,CACJ,qBAA+BN,EAAkB/H,EAAQuI,mBAM3D,OAHoB,QAAhB,EAAA9F,EAAYG,YAAI,eAAEC,kBACpByF,EAAYH,KAAK,uBAA0CJ,EAAkB,KAAM/H,EAAQuI,kBAEtFD,CACT,GAxBQ,CAyBV,GAAG,CAAEV,aAAQ,EAARA,EAAU9J,OAAQ2E,EAAYgD,eAEnC,qBAAwB3B,EAC1B,C","sources":["file:///app/packages/libs/shared/src/apps/content-updates/flight-requests/ContentUpdateRequests.ts","file:///app/packages/libs/shared/src/components/breadcrumbs/Breadcrumbs.tsx","file:///app/packages/libs/shared/src/components/video-list/partial-loading/partial-video-list.scss","file:///app/packages/libs/shared/src/components/video-list/partial-loading/PartialVideoList.tsx","file:///app/packages/libs/shared/src/utils/PartialLoadingHelper.ts","file:///app/packages/projects/lite/src/apps/content-updates/components/classification-banner/classification-banner.scss","file:///app/packages/projects/lite/src/apps/content-updates/components/classification-banner/ClassificationBanner.tsx","file:///app/packages/projects/lite/src/apps/content-updates/components/classification-update-breadcrumbs/ClassificationUpdateBreadcrumbs.tsx","file:///app/packages/projects/lite/src/apps/content-updates/views/classification-update/partial-loading/partial-classification-update.scss","file:///app/packages/projects/lite/src/apps/content-updates/views/classification-update/partial-loading/PartialClassificationUpdate.tsx","file:///app/packages/projects/lite/src/apps/content-updates/views/classification-update/ClassificationUpdateViewCallbacks.tsx","file:///app/packages/projects/lite/src/apps/content-updates/views/classification-update/ClassificationUpdateView.tsx","file:///app/packages/projects/lite/src/shared/hooks/usePresentationAudiences.ts","file:///app/packages/projects/lite/src/shared/hooks/useVideoMixin.ts"],"sourcesContent":["import { UrlHelper } from 'libs/common/backbone/utils/UrlHelper';\nimport { Flight } from 'libs/common/flight';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { Video } from 'libs/shared/interfaces';\n\n// Why 6 you ask? Well, we display 5, then we also display a link to \"see all updates for classification\"\n// if there are more than 5. By fetching 6, we can tell if there are more than 5 (api doesn't tell us).\nconst CONTENT_UPDATES_VIDEO_LIMIT = 6;\n\nexport const ContentUpdateRequests = {\n  getContentUpdates(presentationId: string, from: string, to: string): Flight.PublicRequest {\n    const url = UrlHelper.urlBuilder('{gateway}/v1/discover/content-updates', {\n      from,\n      to,\n      limit: CONTENT_UPDATES_VIDEO_LIMIT,\n      query: '(videoCollection)'\n    });\n\n    const publicUrl = UrlHelper.urlBuilder(`/api/discover/presentations/${presentationId}/content-updates`, {\n      from,\n      to,\n      limit: CONTENT_UPDATES_VIDEO_LIMIT,\n      query: '(videoCollection)'\n    });\n\n    return {\n      url,\n      publicUrl,\n      key: 'content:updates',\n      /**\n       * The namespace here is required so that flight's normaliser doesn't override\n       * fully fetched classification objects matching the IDs here.\n       * \n       * Without this, navigating from content updates to one of the topics in the content updates\n       * list, then back to content updates will cause the page to break.\n       */\n      normalizeOptions: {\n        namespace: 'contentupdates'\n      },\n      formatData: (contentUpdates: HashObject[]) => {\n        return contentUpdates.map(contentUpdate => {\n          // Change id field here to make normalization in Flight easier\n          return {\n            id: contentUpdate.classificationId,\n            videos: contentUpdate.videos\n          };\n        });\n      }\n    };\n  },\n\n  getClassifications(ids: string[]): Flight.PublicRequest {\n    const url = UrlHelper.urlBuilder('/api/domain/v1/subjects', {\n      id: ids,\n      query: 'banner'\n    });\n\n    const publicUrl = UrlHelper.urlBuilder('/api/subjects/classifications', {\n      id: ids,\n      query: 'banner'\n    });\n\n    return {\n      url,\n      publicUrl,\n      key: `classifications:${ids.join(',')}`\n    };\n  },\n\n  getClassification(id: string): Flight.PublicRequest {\n    return {\n      url: `/api/domain/v1/subjects/${id}?query=banner`,\n      publicUrl: `/api/subjects/classifications/${id}?query=banner`,\n      key: `classification:${id}`\n    };\n  },\n\n  getClassificationUpdates(id: string, from: string, to: string): Flight.PublicRequest {\n    const url = UrlHelper.urlBuilder(`/api/domain/v1/subjects/${id}/content-updates`, {\n      from,\n      to,\n      query: '(videoCollection)'\n    });\n\n    const publicUrl = UrlHelper.urlBuilder(`/api/subjects/classifications/${id}/content-updates`, {\n      from,\n      to,\n      query: '(videoCollection)'\n    });\n\n    return {\n      url,\n      publicUrl,\n      key: `classification:update:${id}:${from}:${to}`\n    };\n  },\n\n  getContentUpdateVideos(from: string, to: string): Flight.PublicRequest {\n    return {\n      url: UrlHelper.urlBuilder(`/api/domain/v1/subjects/content-updates/videos`, {\n        from,\n        to,\n        query: '(videoCollection)'\n      }),\n      publicUrl: UrlHelper.urlBuilder(`/api/subjects/content-updates/videos`, {\n        from,\n        to,\n        query: '(videoCollection)'\n      }),\n      key: `content:update:videos:${from}:${to}`\n    };\n  },\n\n  /**\n   * TODO: Delete thise and use the shared video requests\n   */\n  videos(ids: string[], success?: (data: Video[]) => void): Flight.Request {\n    const url = `/api/domain/v1/videos?ids=${ids.join(',')}&with=(videoCollection)`;\n\n    return {\n      url,\n      key: `videos:by:id:${ids.join(',')}`,\n      success\n    };\n  }\n};","import * as React from 'react';\n\nimport { Core } from 'libs/common/core';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\nimport { useMediaQuery } from 'libs/shared/hooks/UseMediaQuery';\nimport { PartialLoadingHelper } from 'libs/shared/utils/PartialLoadingHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { SvgContainer, SvgContainerSize } from '../svg-container/SvgContainer';\n\nexport interface Breadcrumb {\n  name: string;\n  appLink?: Core.AppLink;\n  active?: boolean;\n}\n\ninterface BreadcrumbItemProps {\n  breadcrumb: Breadcrumb;\n  withBackIcon?: boolean;\n}\n\nexport const BreadcrumbItem = ({ breadcrumb: { name, appLink, active }, withBackIcon }: BreadcrumbItemProps) => (\n  <li className={`breadcrumb-item${active ? ' active' : ''}`}>\n    {active\n      ? <strong>{name}</strong>\n      : <AppLink appLink={appLink}>\n        {withBackIcon && <SvgContainer svgName={cvSvgLibrary.ChevronLeft} size={SvgContainerSize.Small} />}\n        <span className={withBackIcon ? 'ms-2' : ''}>{name}</span>\n      </AppLink>\n    }\n  </li>\n);\n\ninterface BreadcrumbsProps {\n  breadcrumbs: Breadcrumb[];\n}\n\nexport const Breadcrumbs = ({ breadcrumbs }: BreadcrumbsProps) => {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  const length = breadcrumbs?.length;\n\n  if (!length || (isMobile && length < 2))\n    return <></>;\n\n  if (isMobile)\n    return (\n      <nav aria-label='breadcrumb'>\n        <ol className='breadcrumb m-0 p-0'>\n          <BreadcrumbItem breadcrumb={breadcrumbs[length - 2]} withBackIcon />\n        </ol>\n      </nav>\n    );\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {breadcrumbs.map((b, idx) => <BreadcrumbItem key={idx} breadcrumb={b} />)}\n      </ol>\n    </nav>\n  );\n};\n\nexport const PartialBreadcrumbs = React.memo(function({ numItems = 3 }: { numItems?: number; }) {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  if (isMobile) {\n    return (\n      <div className='partial-loading-background' style={{ height: '1.3125rem', width: '6rem' }} />\n    );\n  }\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {PartialLoadingHelper.getPartialLoadingItems({ numItems }).map(({ width }, idx) => (\n          <li key={idx} className='breadcrumb-item'>\n            <span className='d-inline-block partial-loading-background' style={{ width }} dangerouslySetInnerHTML={{ __html: '&nbsp' }} />\n          </li>\n        ))}\n      </ol>\n    </nav>\n  );\n});","// extracted by mini-css-extract-plugin\nexport default {\"partialOptions\":\"Gufgq\",\"partialName\":\"SicQQ\",\"partialDescription\":\"dPGMq\",\"partialThumbnail\":\"vZrnb\",\"partialDragHandle\":\"iq73R\"};","import React from 'react';\nimport { Col, Row } from 'react-bootstrap';\n\nimport { VideoListHelper } from 'libs/shared/components/video-list/VideoListHelper';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\n\nimport styles from './partial-video-list.scss';\n\ninterface PartialVideoListProps {\n  withReordering?: boolean;\n  numVideos?: number;\n  allowBulkActions?: boolean;\n}\n\nPartialVideoList.defaultProps = {\n  numVideos: 15\n};\n\nexport function PartialVideoList(props: PartialVideoListProps): JSX.Element {\n  return (\n    <div className='mx-2'>\n      {Array(props.numVideos).fill(null).map((_, i) => (\n        <div className='d-flex' key={i}>\n          {props.allowBulkActions && <div className='form-check pe-3 pe-sm-2 mx-0 mx-md-2' />}\n          <PartialVideoItem {...props} />\n        </div>\n      ))}\n    </div>\n  );\n}\n\nexport function PartialVideoItem(props: PartialVideoListProps): JSX.Element {\n  const breakpoints = useBreakpoints();\n\n  const size = VideoListHelper.getSize(breakpoints, 'md');\n  const isSmall = size === 'sm';\n\n  const withDragHandle = props.withReordering && !breakpoints.xs;\n\n  return (\n    <Row className={`${isSmall ? '' : 'py-2'} flex-grow-1`}>\n      <Col {...VideoListHelper.getThumbnailColumns()} className={`flex-column align-items-flex-start ${isSmall ? `pb-2 pe-1` : 'mb-1 pe-3 pe-md-2'}`}>\n        <Row>\n          {!!withDragHandle && (\n            <div className='d-flex align-items-center justify-content-center col-2'>\n              <div className={`partial-loading-background ${styles.partialDragHandle}`} />\n            </div>\n          )}\n          <Col xs={VideoListHelper.getThumbnailColSize(withDragHandle)}>\n            <div className={`partial-loading-background ${isSmall ? 'rounded' : 'rounded-3'} ${styles.partialThumbnail}`} />\n          </Col>\n        </Row>\n      </Col>\n      <Col {...VideoListHelper.getDetailsColumns()} className={isSmall ? 'pb-2' : 'px-2'}>\n        <div className={`partial-loading-background mb-1 ${styles.partialName}`} />\n        <div className={`partial-loading-background ${styles.partialDescription}`} />\n      </Col>\n    </Row>\n  );\n}\n\n","const DEFAULT_PARTIAL_LOADING_OPTIONS: PartialLoadingOptions = {\n  numItems: 5,\n  minWidth: 50, // px\n  maxWidth: 100 // px\n};\n\nexport interface PartialLoadingOptions {\n  numItems?: number;\n  minWidth?: number;\n  maxWidth?: number;\n}\n\ninterface PartialLoadingItem {\n  width: string;\n}\n\nexport const PartialLoadingHelper = {\n  getPartialLoadingItems(options: PartialLoadingOptions = {}): PartialLoadingItem[] {\n    const opts = {\n      ...DEFAULT_PARTIAL_LOADING_OPTIONS,\n      ...options\n    };\n\n    const getRandomFilterWidth = () => Math.max(Math.floor(Math.random() * opts.maxWidth), opts.minWidth);\n\n    return [...Array(opts.numItems)].map(() => ({ width: `${getRandomFilterWidth()}px` }));\n  }\n};","// extracted by mini-css-extract-plugin\nexport default {\"banner\":\"B7jhq\"};","import * as React from 'react';\nimport { Spinner } from 'react-bootstrap';\n\nimport { StorageType } from 'libs/common/backbone/utils/LocalStorageHelper';\nimport { Core } from 'libs/common/core';\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { IconButton } from 'libs/shared/components/icon-button/IconButton';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { SharedViewModelKeys } from 'libs/shared/constants/SharedViewModelKeys';\nimport { Classification, PresentationAudience } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport styles from './classification-banner.scss';\n\nconst namespace = 'contentUpdates.classificationBanner';\n\ninterface ClassificationBannerProps {\n  classification: Classification;\n  backgroundUrl: string;\n  getClassificationAppLink: (classification: Classification, activeAudiences: PresentationAudience[]) => Core.AppLink;\n  followed: boolean;\n  follow: (classificationId: string, classificationName: string, follow: boolean) => void;\n  showFollowSpinner: boolean;\n  canFollow: boolean;\n}\n\nexport function ClassificationBanner(props: ClassificationBannerProps): JSX.Element {\n  const { classification, backgroundUrl, followed, follow, showFollowSpinner } = props;\n\n  const [activeAudiences] = useViewModel<PresentationAudience[]>(\n    SharedViewModelKeys.AUDIENCE_FILTER,\n    undefined,\n    { storage: StorageType.SessionStorage }\n  );\n\n  return (\n    <div\n      className={`banner mb-2 d-flex justify-content-between align-items-center rounded ${styles.banner}`}\n      style={{ backgroundImage: `url('${backgroundUrl}')` }}\n    >\n      <AppLink className='text-white text-shadow' appLink={props.getClassificationAppLink(classification, activeAudiences)}>\n        <h2 className='h3 mb-0'>{classification.name}</h2>\n      </AppLink>\n\n      {props.canFollow && (\n        <IconButton\n          className={`btn follow-btn ${followed ? 'btn-outline-dark' : 'btn-dark'}`}\n          svgName={followed ? cvSvgLibrary.Check : cvSvgLibrary.Bell}\n          onClick={() => follow(classification.id, classification.name, !followed)}\n        >\n          {showFollowSpinner\n            ? <Spinner as='span' animation='border' role='status' size='sm' />\n            : <Text namespace={namespace} phrase={followed ? 'unfollow' : 'follow'} />\n          }\n        </IconButton>\n      )}\n    </div>\n  );\n}\n","import * as React from 'react';\n\nimport { Core } from 'libs/common/core';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { Classification } from 'libs/shared/interfaces';\n\nconst namespace = 'playlists.liteClassificationUpdateBreadcrumbs';\n\ninterface ClassificationUpdateBreadcrumbsProps {\n  classification: Classification;\n  contentUpdatesAppLink: Core.AppLink;\n  dashboardAppLink: Core.AppLink;\n}\n\nexport function ClassificationUpdateBreadcrumbs(\n  props: ClassificationUpdateBreadcrumbsProps\n): JSX.Element {\n  const { classification } = props;\n\n  return (\n    <>\n      <nav aria-label='breadcrumb'>\n        <ol className='breadcrumb p-0 mb-0'>\n          <li className='breadcrumb-item'>\n            <AppLink appLink={props.dashboardAppLink}><Text namespace={namespace} phrase='dashboard' /></AppLink>\n          </li>\n          <li className='breadcrumb-item'>\n            <AppLink appLink={props.contentUpdatesAppLink}><Text namespace={namespace} phrase='whatsNew' /></AppLink>\n          </li>\n          <li className='breadcrumb-item active' aria-current='page'>{classification.name}</li>\n        </ol>\n      </nav>\n    </>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"partialBanner\":\"DKukI\"};","import React from 'react';\n\nimport { PartialBreadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { PartialVideoList } from 'libs/shared/components/video-list/partial-loading/PartialVideoList';\n\nimport styles from './partial-classification-update.scss';\n\nexport function PartialClassificationUpdate(): JSX.Element {\n  return (\n    <div className='bg-white px-3'>\n      <div className={`partial-loading-background mb-2 ${styles.partialBanner} rounded`} />\n\n      <div className='mb-1'>\n        <PartialBreadcrumbs />\n      </div>\n\n      <PartialVideoList />\n    </div>\n  );\n}","\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { EntityType, LocationContext, ToggleDescriptor, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { PreferenceRequests } from 'libs/shared/flight-requests/PreferenceRequests';\nimport { Alerts } from 'libs/shared/hooks/UseAlerts';\nimport { CurrentUser } from 'libs/shared/interfaces';\n\nconst namespace = 'contentUpdates.classificationUpdate';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface ClassificationViewCallbackManager {\n  dispatch: React.Dispatch<Flight.RequestAction>;\n  alerts: Alerts;\n  setShowFollowSpinner: React.Dispatch<React.SetStateAction<boolean>>;\n  currentUser: CurrentUser;\n}\n\nexport function getClassificationCallbacks(\n  options: ClassificationViewCallbackManager\n) {\n  const { dispatch, alerts, setShowFollowSpinner } = options;\n\n  function onFollow(classificationId: string, classificationName: string, follow: boolean): void {\n    setShowFollowSpinner(true);\n\n    const onSuccess = () => {\n      setShowFollowSpinner(false);\n\n      AnalyticsHelper.logUserAction({\n        id: classificationId,\n        name: classificationName\n      }, {\n        location: LocationContext.ContentUpdatesClassificationBanner,\n        workflowPhase: WorkflowPhase.Complete,\n        descriptor: follow ? ToggleDescriptor.On : ToggleDescriptor.Off,\n        actionType: UserAction.Follow,\n        entity: EntityType.Classification\n      });\n\n      alerts.success(getPhrase(follow ? 'followed' : 'unfollowed', { name: classificationName, escapeText: true }));\n    };\n\n    const onError = () => {\n      setShowFollowSpinner(false);\n      alerts.error(LanguageService.getPhrase(namespace, 'error'));\n    };\n\n    const request = follow ?\n      PreferenceRequests.followSubjects([classificationId], onSuccess, onError) :\n      PreferenceRequests.unfollowSubjects([classificationId], onSuccess, onError);\n\n    Flight.fetch(dispatch, request);\n  }\n\n  return {\n    onFollow\n  };\n}\n","import * as React from 'react';\nimport { useDispatch } from 'react-redux';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { ContentUpdateRequests } from 'libs/shared/apps/content-updates/flight-requests/ContentUpdateRequests';\nimport { ClassificationVideosGrouping, ContentUpdateAppLinks } from 'libs/shared/apps/content-updates/interfaces';\nimport { VideoList } from 'libs/shared/components/video-list/VideoList';\nimport { VideoActionsContext } from 'libs/shared/context/VideoActionsContext';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { PreferenceRequests } from 'libs/shared/flight-requests/PreferenceRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { Classification, CurrentUser, YearGroup } from 'libs/shared/interfaces';\nimport { PageMetadataHelper } from 'libs/shared/utils/PageMetadataHelper';\n\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 { useVideoMixin } from 'shared/hooks/useVideoMixin';\nimport { InteractiveHelpers } from 'shared/utils/InteractiveHelper';\nimport { SeoHelper } from 'shared/utils/SeoHelper';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\n\nimport { ClassificationBanner, ClassificationUpdateBreadcrumbs } from 'apps/content-updates/components';\n\nimport { PartialClassificationUpdate } from './partial-loading/PartialClassificationUpdate';\nimport { getClassificationCallbacks } from './ClassificationUpdateViewCallbacks';\n\nconst namespace = 'contentUpdates.classificationUpdate';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface ClassificationUpdateViewProps {\n  classificationId: string;\n  appLinks: ContentUpdateAppLinks;\n  presentationSlug?: string;\n}\n\nexport function ClassificationUpdateView(props: ClassificationUpdateViewProps): JSX.Element {\n  const { classificationId } = props;\n\n  const { isPlugin } = usePluginHelper();\n\n  const dispatch = useDispatch();\n  const alerts = useAlerts();\n  const { setFavourite, canFavourite } = useLiteFavourites(LocationContext.VideoThumbnail);\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 [ showFollowSpinner, setShowFollowSpinner ] = React.useState(false);\n\n  const callbacks = getClassificationCallbacks({\n    dispatch,\n    alerts,\n    setShowFollowSpinner,\n    currentUser: currentUser?.data\n  });\n\n  const date = new Date();\n  // Retrieve the past 1 year from today\n  const from = DateHelper.format(DateHelper.endOf(DateHelper.subtract(date, 1, 'year'), 'day'), 'YYYY-MM-DD');\n  const to = DateHelper.format(DateHelper.endOf(date, 'day'), 'YYYY-MM-DD');\n\n  const { hasPermissions } = usePermissions();\n  const canFollowSubjects = hasPermissions(PermissionName.FollowSubjects);\n\n  const classification = Flight.useBasicFetch<Classification>(\n    ContentUpdateRequests.getClassification(classificationId)\n  );\n\n  const contentUpdates = Flight.useBasicFetch<ClassificationVideosGrouping>(currentUser.data &&\n    ContentUpdateRequests.getClassificationUpdates(classificationId, from, to));\n\n  const subjectPreferences = Flight.useBasicFetch<Classification[]>(canFollowSubjects &&\n    PreferenceRequests.mySubjectPreferences());\n\n  const audiences = usePresentationAudiences();\n\n  useSetPageMetadata(PageMetadataHelper.getDefaultMetadata({\n    title: classification.data?.name,\n    phraseContext: {\n      phraseHandler: getPhrase,\n      titlePhrase: 'pageTitle',\n      descriptionPhrase: 'pageDescription'\n    },\n    canonicalLink: SeoHelper.getCanonicalLink(),\n    allowIndexing: SeoHelper.allowIndexing()\n  }));\n\n  const videoActions = useVideoActions({ location: VideoActionsLocation.VideoItem });\n\n  useVideoMixin(contentUpdates.data?.videos ?? []);\n\n  const hasLoadedPreferences = subjectPreferences.hasCompleted || !canFollowSubjects;\n\n  const dataLoaded = (\n    contentUpdates.data && classification.data &&\n    hasLoadedPreferences && currentUser.data\n  );\n\n  if (!dataLoaded)\n    return <PartialClassificationUpdate />;\n\n  const preferredSubjectIds = subjectPreferences.data?.map(subject => subject.id) ?? [];\n\n  return (\n    <VideoActionsContext.Provider value={videoActions}>\n      <div className='bg-white px-3'>\n        <ClassificationBanner\n          classification={classification.data}\n          backgroundUrl={classification.data.banner?.url ?? ''}\n          getClassificationAppLink={props.appLinks.getClassificationAppLink}\n          followed={!!preferredSubjectIds.find(id => id.toString() === classification.data.id.toString())}\n          follow={callbacks.onFollow}\n          showFollowSpinner={showFollowSpinner}\n          canFollow={canFollowSubjects}\n        />\n        <ClassificationUpdateBreadcrumbs\n          classification={classification.data}\n          dashboardAppLink={props.appLinks.dashboardAppLink}\n          contentUpdatesAppLink={props.appLinks.whatsNewAppLink}\n        />\n\n        <VideoList\n          videos={contentUpdates.data.videos}\n          yearGroups={yearGroups.data}\n          getVideoAppLink={props.appLinks.getVideoAppLink}\n          getSubTextAppLink={video => props.appLinks.getSeriesAppLink(video.series)}\n          setFavourite={setFavourite}\n          canFavourite={canFavourite}\n          hasPermissions={hasPermissions}\n          presentationAudiences={audiences.data}\n          getPreviewQuestionsAppLink={interactive => InteractiveHelpers.getPreviewQuestionsAppLink(interactive)}\n          isPlugin={isPlugin}\n          getClassroomGuideAppLink={VideoAppLinkHelper.getClassroomGuideAppLink}\n          getInteractiveGuidanceAppLink={VideoAppLinkHelper.getInteractiveGuidanceAppLink}\n          getResourceGuidanceAppLink={VideoAppLinkHelper.getResourceGuidanceAppLink}\n        />\n      </div>\n    </VideoActionsContext.Provider>\n  );\n}","import { Flight } from 'libs/common/react/index';\n\nimport { AudienceRequests } from 'libs/shared/flight-requests/AudienceRequests';\nimport { PresentationAudience } from 'libs/shared/interfaces';\n\nimport { usePresentation } from 'shared/hooks/usePresentation';\n\nexport const usePresentationAudiences = () => {\n  const { activePresentation, getFallbackPresentation } = usePresentation({ redirectOnError: true });\n\n  const presentation = activePresentation || getFallbackPresentation();\n\n  const audiences = Flight.useBasicFetch<PresentationAudience[]>(\n    !!presentation &&\n    AudienceRequests.presentationAudiences(presentation.id)\n  );\n\n  return audiences;\n};","import React from 'react';\n\nimport { Flight } from 'libs/common/flight';\n\nimport { ClassificationRequests } from 'libs/shared/flight-requests/ClassificationRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { Clip, ClipCollection, CurrentUser, Video, VideoCollection } from 'libs/shared/interfaces';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\ntype Types = Video[] | VideoCollection | Clip[] | ClipCollection;\n\nfunction getValidObjects(objects: Types): (Video | Clip)[] {\n  if (!objects)\n    return [];\n\n  if (Array.isArray(objects))\n    return objects.filter(o => !!o && (VideoHelper.isVideo(o) || VideoHelper.isClip(o)));\n\n  if ('data' in objects)\n    return objects.data.filter(o => !!o && (VideoHelper.isVideo(o) || VideoHelper.isClip(o)));\n\n  return [];\n}\n\ninterface VideoMixinOptions {\n  /**\n   * If the videos that are having new data mixed into are sitting on an explicit Flight namespace,\n   * providing that namespace here is required\n   */\n  flightNamespace?: string;\n}\n\nexport function useVideoMixin(objects: Types, options: VideoMixinOptions = {}): void {\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n\n  const hydratedVideos = React.useRef<Set<string>>(new Set<string>());\n\n  const videos = getValidObjects(objects);\n\n  const videoIds = videos.map(v => v.id);\n\n  const [ request, setRequest ] = React.useState<Flight.Request[]>([]);\n\n  React.useEffect(() => {\n    if (!videoIds?.length || !currentUser.hasCompleted)\n      return;\n\n    const unhydratedVideos: string[] = [];\n\n    videoIds.forEach(id => {\n      if (!hydratedVideos.current.has(id)) {\n        unhydratedVideos.push(id);\n        hydratedVideos.current.add(id);\n      }\n    });\n    \n    if (!unhydratedVideos.length)\n      return;\n\n    setRequest(r => {\n      const newRequests = [\n        ...r,\n        VideoRequests.videoMixinAssocs(unhydratedVideos, options.flightNamespace)\n      ];\n\n      if (currentUser.data?.isAuthenticated)\n        newRequests.push(ClassificationRequests.hasCurriculumLinks(unhydratedVideos, null, options.flightNamespace));\n\n      return newRequests;\n    });\n  }, [ videoIds?.length, currentUser.hasCompleted ]);\n\n  Flight.useBasicFetchAll(request);\n}"],"names":["ContentUpdateRequests","getContentUpdates","presentationId","from","to","url","limit","query","publicUrl","key","normalizeOptions","namespace","formatData","contentUpdates","map","contentUpdate","id","classificationId","videos","getClassifications","ids","join","getClassification","getClassificationUpdates","getContentUpdateVideos","success","BreadcrumbItem","breadcrumb","name","appLink","active","withBackIcon","className","svgName","size","S","Breadcrumbs","breadcrumbs","isMobile","length","b","idx","PartialBreadcrumbs","numItems","style","height","width","dangerouslySetInnerHTML","__html","PartialVideoList","props","Array","numVideos","fill","_","i","allowBulkActions","PartialVideoItem","breakpoints","useBreakpoints","isSmall","VideoListHelper","withDragHandle","withReordering","xs","Row","Col","defaultProps","DEFAULT_PARTIAL_LOADING_OPTIONS","minWidth","maxWidth","PartialLoadingHelper","getPartialLoadingItems","options","opts","Math","max","floor","random","ClassificationBanner","classification","backgroundUrl","followed","follow","showFollowSpinner","activeAudiences","SharedViewModelKeys","undefined","storage","backgroundImage","getClassificationAppLink","canFollow","IconButton","onClick","Spinner","as","animation","role","phrase","ClassificationUpdateBreadcrumbs","dashboardAppLink","contentUpdatesAppLink","PartialClassificationUpdate","getPhrase","LanguageService","ClassificationUpdateView","isPlugin","usePluginHelper","dispatch","alerts","useLiteFavourites","u","setFavourite","canFavourite","currentUser","UserRequests","yearGroups","data","isAuthenticated","CustomerRequests","customerId","callbacks","setShowFollowSpinner","onFollow","classificationName","onSuccess","AnalyticsHelper","location","workflowPhase","descriptor","actionType","entity","escapeText","onError","error","request","PreferenceRequests","getClassificationCallbacks","date","Date","DateHelper","hasPermissions","usePermissions","canFollowSubjects","PermissionName","subjectPreferences","audiences","usePresentationAudiences","useSetPageMetadata","PageMetadataHelper","title","phraseContext","phraseHandler","titlePhrase","descriptionPhrase","canonicalLink","SeoHelper","allowIndexing","videoActions","useVideoActions","useVideoMixin","hasLoadedPreferences","hasCompleted","preferredSubjectIds","subject","VideoActionsContext","value","banner","appLinks","find","toString","whatsNewAppLink","VideoList","getVideoAppLink","getSubTextAppLink","video","getSeriesAppLink","series","presentationAudiences","getPreviewQuestionsAppLink","interactive","InteractiveHelper","getClassroomGuideAppLink","VideoAppLinkHelper","getInteractiveGuidanceAppLink","getResourceGuidanceAppLink","redirectOnError","activePresentation","getFallbackPresentation","presentation","objects","hydratedVideos","Set","isArray","filter","o","getValidObjects","videoIds","v","setRequest","unhydratedVideos","forEach","current","has","push","add","r","newRequests","flightNamespace"],"sourceRoot":""}

package/dist/scripts/{6759-3f36472a49-lite.chunk.js → 6759-a7e1119553-lite.chunk.js}

@@ -1,2 +1,2 @@
 "use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[6759],{49935:(e,a,t)=>{t.d(a,{Oo:()=>u,b2:()=>d});var n=t(32735),i=t(36848),r=t(86764),c=t(3747),l=t(5859),s=t(35223),o=t(83914),m=function(e){var a=e.breadcrumb,t=a.name,r=a.appLink,c=a.active,l=e.withBackIcon;return n.createElement("li",{className:"breadcrumb-item".concat(c?" active":"")},c?n.createElement("strong",null,t):n.createElement(i.F,{appLink:r},l&&n.createElement(o.x,{svgName:s.vn.ChevronLeft,size:o.S.Small}),n.createElement("span",{className:l?"ms-2":""},t)))},u=function(e){var a=e.breadcrumbs,t=(0,c.a)(r.r.XS),i=null==a?void 0:a.length;return!i||t&&i<2?n.createElement(n.Fragment,null):t?n.createElement("nav",{"aria-label":"breadcrumb"},n.createElement("ol",{className:"breadcrumb m-0 p-0"},n.createElement(m,{breadcrumb:a[i-2],withBackIcon:!0}))):n.createElement("nav",{"aria-label":"breadcrumb"},n.createElement("ol",{className:"breadcrumb m-0 p-0"},a.map((function(e,a){return n.createElement(m,{key:a,breadcrumb:e})}))))},d=n.memo((function(e){var a=e.numItems,t=void 0===a?3:a;return(0,c.a)(r.r.XS)?n.createElement("div",{className:"partial-loading-background",style:{height:"1.3125rem",width:"6rem"}}):n.createElement("nav",{"aria-label":"breadcrumb"},n.createElement("ol",{className:"breadcrumb m-0 p-0"},l.u.getPartialLoadingItems({numItems:t}).map((function(e,a){var t=e.width;return n.createElement("li",{key:a,className:"breadcrumb-item"},n.createElement("span",{className:"d-inline-block partial-loading-background",style:{width:t},dangerouslySetInnerHTML:{__html:"&nbsp"}}))}))))}))},74696:(e,a,t)=>{t.d(a,{S:()=>o});var n=t(32735),i=t(68050),r=t(69111),c=t(9977),l=t(79967);const s={partialOptions:"Gufgq",partialName:"SicQQ",partialDescription:"dPGMq",partialThumbnail:"vZrnb",partialDragHandle:"iq73R"};function o(e){return n.createElement("div",{className:"mx-2"},Array(e.numVideos).fill(null).map((function(a,t){return n.createElement("div",{className:"d-flex",key:t},e.allowBulkActions&&n.createElement("div",{className:"form-check pe-3 pe-sm-2 mx-0 mx-md-2"}),n.createElement(m,Object.assign({},e)))})))}function m(e){var a=(0,l.k)(),t="sm"===c.O.getSize(a,"md"),o=e.withReordering&&!a.xs;return n.createElement(i.Z,{className:"".concat(t?"":"py-2"," flex-grow-1")},n.createElement(r.Z,Object.assign({},c.O.getThumbnailColumns(),{className:"flex-column align-items-flex-start ".concat(t?"pb-2 pe-1":"mb-1 pe-3 pe-md-2")}),n.createElement(i.Z,null,!!o&&n.createElement("div",{className:"d-flex align-items-center justify-content-center col-2"},n.createElement("div",{className:"partial-loading-background ".concat(s.partialDragHandle)})),n.createElement(r.Z,{xs:c.O.getThumbnailColSize(o)},n.createElement("div",{className:"partial-loading-background ".concat(t?"rounded":"rounded-3"," ").concat(s.partialThumbnail)})))),n.createElement(r.Z,Object.assign({},c.O.getDetailsColumns(),{className:t?"pb-2":"px-2"}),n.createElement("div",{className:"partial-loading-background mb-1 ".concat(s.partialName)}),n.createElement("div",{className:"partial-loading-background ".concat(s.partialDescription)})))}o.defaultProps={numVideos:15}},5859:(e,a,t)=>{function n(e,a){(null==a||a>e.length)&&(a=e.length);for(var t=0,n=Array(a);t<a;t++)n[t]=e[t];return n}t.d(a,{u:()=>r});var i={numItems:5,minWidth:50,maxWidth:100},r={getPartialLoadingItems:function(){var e,a=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=Object.assign(Object.assign({},i),a);return(e=Array(t.numItems),function(e){if(Array.isArray(e))return n(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,a){if(e){if("string"==typeof e)return n(e,a);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?n(e,a):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()).map((function(){return{width:"".concat(Math.max(Math.floor(Math.random()*t.maxWidth),t.minWidth),"px")}}))}}},44110:(e,a,t)=>{t.d(a,{i:()=>c});var n=t(20354),i=t(89454),r=t(86698),c=function(){var e=(0,r.y)({redirectOnError:!0}),a=e.activePresentation,t=e.getFallbackPresentation,c=a||t();return n.a.useBasicFetch(!!c&&i.O.presentationAudiences(c.id))}},35014:(e,a,t)=>{t.d(a,{I:()=>s});var n=t(16714),i=t(12754),r=t(22902),c=t(15311),l=t(11387);function s(){var e=(0,r.T)(),a=e.hasPermissions,t=e.hasLocalPermissions,s=(0,(0,c.r)().hasProduct)(i.x.Primary);return{canViewGlance:a(n.C.ViewVideoGlance),canViewResources:!0,canViewInteractives:s&&a(n.C.ViewVideoInteractives),canViewClips:s&&a(n.C.ViewVideoClips),canViewCurriculumLinks:a(n.C.ViewCurriculums),canUseActions:t(n.E.UseVideoActions),canViewPublicLayout:!t(n.E.WatchVideos)&&l.C.hasRegionPrefix(),canViewResourceItems:t(n.E.ViewVideoResourceItems),canNavigate:s}}},94191:(e,a,t)=>{t.r(a),t.d(a,{VideoClipsView:()=>P});var n=t(32735),i=t(81886),r=t(23481),c=t(20354),l=t(28400),s=t(65858),o=t(49935),m=t(13231),u=t(51365),d=t(183),p=t(43012),g=t(39151),v=t(1666),b=t(31949),f=t(1575),h=t(22902),E=t(14070),k=t(97291),V=t(51855),y=t(10671),C=t(27638),I=t(44110),w=t(35014),N=t(22490),L=t(16747),O=t(98620),A=t(82431),x=r.T.encloseNamespace("shared.videoMedia");function P(e){var a,t,r,P,S=e.videoId,j=(0,C.u)(s.LZ.VideoThumbnail),F=j.setFavourite,G=j.canFavourite,T=(0,V.G)().isPlugin,W=(0,y._)({location:y.i.VideoItem}),_=(0,w.I)(),B=c.a.useBasicFetch(b.N.currentUser()),D=c.a.useBasicFetch(B.data.isAuthenticated&&v.h.yearGroups(B.data.customerId)),R=c.a.useBasicFetch(f.R.video(S)),M=c.a.useBasicFetch(_.canViewClips&&p.e.videoClips(S)),Z=null==M?void 0:M.data,H=(null==Z?void 0:Z.length)||0,U=c.a.useBasicFetch(g.L.config()),Y="".concat(x("clipHeading")," (").concat(H||"",")"),Q=(0,I.i)(),q=(0,h.T)().hasPermissions,z=[{name:null===(a=R.data)||void 0===a?void 0:a.name,appLink:Object.assign(Object.assign({},O.Y.playVideo),{args:[S,l.m.slugify(null===(t=R.data)||void 0===t?void 0:t.name)]})},{name:Y,appLink:{application:k.O.VIDEOS,action:E.e.Videos.VIDEO_CLIPS,args:[S,l.m.slugify(null===(r=R.data)||void 0===r?void 0:r.name)]},active:!0}];return n.useEffect((function(){_.canViewClips||function(){var e;i.Q.C$.trigger(Object.assign(Object.assign({},O.Y.playVideo),{args:[S,l.m.slugify(null===(e=R.data)||void 0===e?void 0:e.name)]}),{replace:!0})}()}),[_.canViewClips]),R.data&&(null==Z?void 0:Z.length)&&U.hasCompleted?n.createElement(u.M.Provider,{value:W},n.createElement("div",{className:"px-3"},n.createElement("h1",{className:"h2 mb-2"},Y),n.createElement("div",{className:"mb-2"},n.createElement(o.Oo,{breadcrumbs:z})),n.createElement(m.E4,{videos:Z,yearGroups:D.data,getVideoAppLink:function(a,t){return N.W.getAppLink(a,Object.assign(Object.assign({},t),{context:d.Q.Widget,contextId:e.videoId}))},hasPermissions:q,getSubTextAppLink:function(e){return A.j.getSeriesAppLink(e.series)},setFavourite:F,canFavourite:G,presentationAudiences:Q.data,imageCdnUrl:null===(P=U.data)||void 0===P?void 0:P.imageCdnUrl,isPlugin:T,getClassroomGuideAppLink:N.W.getClassroomGuideAppLink,getInteractiveGuidanceAppLink:N.W.getInteractiveGuidanceAppLink,getResourceGuidanceAppLink:N.W.getResourceGuidanceAppLink}))):n.createElement(L.l,null)}},98620:(e,a,t)=>{t.d(a,{Y:()=>r});var n=t(14070),i=t(97291),r={playVideo:{application:i.O.VIDEOS,action:n.e.Videos.PLAY_VIDEO},playClip:{application:i.O.CLIPS,action:n.e.Clips.PLAY_CLIP}}},16747:(e,a,t)=>{t.d(a,{l:()=>l});var n=t(32735),i=t(49935),r=t(74696);const c={partialHeading:"okxfx"};function l(){return n.createElement("div",{className:"px-3"},n.createElement("div",{className:"partial-loading-background mb-2 ".concat(c.partialHeading)}),n.createElement("div",{className:"mb-2"},n.createElement(i.b2,null)),n.createElement(r.S,null))}}}]);
-//# sourceMappingURL=6759-3f36472a49-lite.chunk.js.map
+//# sourceMappingURL=6759-a7e1119553-lite.chunk.js.map

package/dist/scripts/{6759-3f36472a49-lite.chunk.js.map → 6759-a7e1119553-lite.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"scripts/6759-3f36472a49-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/components/breadcrumbs/Breadcrumbs.tsx","file:///app/packages/libs/shared/src/components/video-list/partial-loading/partial-video-list.scss","file:///app/packages/libs/shared/src/components/video-list/partial-loading/PartialVideoList.tsx","file:///app/packages/libs/shared/src/utils/PartialLoadingHelper.ts","file:///app/packages/projects/lite/src/shared/hooks/usePresentationAudiences.ts","file:///app/packages/projects/lite/src/shared/hooks/useVideoFeatureAccess.ts","file:///app/packages/projects/lite/src/shared/views/video-media/VideoClipsView.tsx","file:///app/packages/projects/lite/src/shared/views/video-media/VideoMediaAppLinks.ts","file:///app/packages/projects/lite/src/shared/views/video-media/partial-loading/partial-video-media-view.scss","file:///app/packages/projects/lite/src/shared/views/video-media/partial-loading/PartialVideoMediaView.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Core } from 'libs/common/core';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\nimport { useMediaQuery } from 'libs/shared/hooks/UseMediaQuery';\nimport { PartialLoadingHelper } from 'libs/shared/utils/PartialLoadingHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { SvgContainer, SvgContainerSize } from '../svg-container/SvgContainer';\n\nexport interface Breadcrumb {\n  name: string;\n  appLink?: Core.AppLink;\n  active?: boolean;\n}\n\ninterface BreadcrumbItemProps {\n  breadcrumb: Breadcrumb;\n  withBackIcon?: boolean;\n}\n\nexport const BreadcrumbItem = ({ breadcrumb: { name, appLink, active }, withBackIcon }: BreadcrumbItemProps) => (\n  <li className={`breadcrumb-item${active ? ' active' : ''}`}>\n    {active\n      ? <strong>{name}</strong>\n      : <AppLink appLink={appLink}>\n        {withBackIcon && <SvgContainer svgName={cvSvgLibrary.ChevronLeft} size={SvgContainerSize.Small} />}\n        <span className={withBackIcon ? 'ms-2' : ''}>{name}</span>\n      </AppLink>\n    }\n  </li>\n);\n\ninterface BreadcrumbsProps {\n  breadcrumbs: Breadcrumb[];\n}\n\nexport const Breadcrumbs = ({ breadcrumbs }: BreadcrumbsProps) => {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  const length = breadcrumbs?.length;\n\n  if (!length || (isMobile && length < 2))\n    return <></>;\n\n  if (isMobile)\n    return (\n      <nav aria-label='breadcrumb'>\n        <ol className='breadcrumb m-0 p-0'>\n          <BreadcrumbItem breadcrumb={breadcrumbs[length - 2]} withBackIcon />\n        </ol>\n      </nav>\n    );\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {breadcrumbs.map((b, idx) => <BreadcrumbItem key={idx} breadcrumb={b} />)}\n      </ol>\n    </nav>\n  );\n};\n\nexport const PartialBreadcrumbs = React.memo(function({ numItems = 3 }: { numItems?: number; }) {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  if (isMobile) {\n    return (\n      <div className='partial-loading-background' style={{ height: '1.3125rem', width: '6rem' }} />\n    );\n  }\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {PartialLoadingHelper.getPartialLoadingItems({ numItems }).map(({ width }, idx) => (\n          <li key={idx} className='breadcrumb-item'>\n            <span className='d-inline-block partial-loading-background' style={{ width }} dangerouslySetInnerHTML={{ __html: '&nbsp' }} />\n          </li>\n        ))}\n      </ol>\n    </nav>\n  );\n});","// extracted by mini-css-extract-plugin\nexport default {\"partialOptions\":\"Gufgq\",\"partialName\":\"SicQQ\",\"partialDescription\":\"dPGMq\",\"partialThumbnail\":\"vZrnb\",\"partialDragHandle\":\"iq73R\"};","import React from 'react';\nimport { Col, Row } from 'react-bootstrap';\n\nimport { VideoListHelper } from 'libs/shared/components/video-list/VideoListHelper';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\n\nimport styles from './partial-video-list.scss';\n\ninterface PartialVideoListProps {\n  withReordering?: boolean;\n  numVideos?: number;\n  allowBulkActions?: boolean;\n}\n\nPartialVideoList.defaultProps = {\n  numVideos: 15\n};\n\nexport function PartialVideoList(props: PartialVideoListProps): JSX.Element {\n  return (\n    <div className='mx-2'>\n      {Array(props.numVideos).fill(null).map((_, i) => (\n        <div className='d-flex' key={i}>\n          {props.allowBulkActions && <div className='form-check pe-3 pe-sm-2 mx-0 mx-md-2' />}\n          <PartialVideoItem {...props} />\n        </div>\n      ))}\n    </div>\n  );\n}\n\nexport function PartialVideoItem(props: PartialVideoListProps): JSX.Element {\n  const breakpoints = useBreakpoints();\n\n  const size = VideoListHelper.getSize(breakpoints, 'md');\n  const isSmall = size === 'sm';\n\n  const withDragHandle = props.withReordering && !breakpoints.xs;\n\n  return (\n    <Row className={`${isSmall ? '' : 'py-2'} flex-grow-1`}>\n      <Col {...VideoListHelper.getThumbnailColumns()} className={`flex-column align-items-flex-start ${isSmall ? `pb-2 pe-1` : 'mb-1 pe-3 pe-md-2'}`}>\n        <Row>\n          {!!withDragHandle && (\n            <div className='d-flex align-items-center justify-content-center col-2'>\n              <div className={`partial-loading-background ${styles.partialDragHandle}`} />\n            </div>\n          )}\n          <Col xs={VideoListHelper.getThumbnailColSize(withDragHandle)}>\n            <div className={`partial-loading-background ${isSmall ? 'rounded' : 'rounded-3'} ${styles.partialThumbnail}`} />\n          </Col>\n        </Row>\n      </Col>\n      <Col {...VideoListHelper.getDetailsColumns()} className={isSmall ? 'pb-2' : 'px-2'}>\n        <div className={`partial-loading-background mb-1 ${styles.partialName}`} />\n        <div className={`partial-loading-background ${styles.partialDescription}`} />\n      </Col>\n    </Row>\n  );\n}\n\n","const DEFAULT_PARTIAL_LOADING_OPTIONS: PartialLoadingOptions = {\n  numItems: 5,\n  minWidth: 50, // px\n  maxWidth: 100 // px\n};\n\nexport interface PartialLoadingOptions {\n  numItems?: number;\n  minWidth?: number;\n  maxWidth?: number;\n}\n\ninterface PartialLoadingItem {\n  width: string;\n}\n\nexport const PartialLoadingHelper = {\n  getPartialLoadingItems(options: PartialLoadingOptions = {}): PartialLoadingItem[] {\n    const opts = {\n      ...DEFAULT_PARTIAL_LOADING_OPTIONS,\n      ...options\n    };\n\n    const getRandomFilterWidth = () => Math.max(Math.floor(Math.random() * opts.maxWidth), opts.minWidth);\n\n    return [...Array(opts.numItems)].map(() => ({ width: `${getRandomFilterWidth()}px` }));\n  }\n};","import { Flight } from 'libs/common/react/index';\n\nimport { AudienceRequests } from 'libs/shared/flight-requests/AudienceRequests';\nimport { PresentationAudience } from 'libs/shared/interfaces';\n\nimport { usePresentation } from 'shared/hooks/usePresentation';\n\nexport const usePresentationAudiences = () => {\n  const { activePresentation, getFallbackPresentation } = usePresentation({ redirectOnError: true });\n\n  const presentation = activePresentation || getFallbackPresentation();\n\n  const audiences = Flight.useBasicFetch<PresentationAudience[]>(\n    !!presentation &&\n    AudienceRequests.presentationAudiences(presentation.id)\n  );\n\n  return audiences;\n};","import { LocalPermissionName, PermissionName } from 'libs/shared/enums/PermissionName';\nimport { ProductId } from 'libs/shared/enums/ProductId';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useProducts } from 'libs/shared/hooks/UseProducts';\n\nimport { LiteRouteHelper } from 'shared/utils/LiteRouteHelper';\n\nexport interface VideoFeaturesHash {\n  canViewGlance: boolean;\n  canViewResources: boolean;\n  canViewInteractives: boolean;\n  canViewClips: boolean;\n  canUseActions: boolean;\n  canViewPublicLayout: boolean;\n  canNavigate: boolean;\n  canViewCurriculumLinks: boolean;\n  canViewResourceItems: boolean;\n}\n\nexport function useVideoFeatureAccess() {\n  const { hasPermissions, hasLocalPermissions } = usePermissions();\n  const { hasProduct } = useProducts();\n\n  const hasNP = hasProduct(ProductId.Primary);\n\n  function showPublicLayout(): boolean {\n    /**\n     * Authenticated users should never see the placeholder\n     */\n    if (hasLocalPermissions(LocalPermissionName.WatchVideos))\n      return false;\n\n    /**\n     * Accessing a play page unathenticated will have different contextual behabviours:\n     * - For a share page, the user should see the video and never the placeholder\n     * - For a public browsing page (ie. using a route-prefix) they should see the placeholder\n     */\n    return LiteRouteHelper.hasRegionPrefix();\n  }\n\n  return {\n    canViewGlance: hasPermissions(PermissionName.ViewVideoGlance),\n    canViewResources: true,\n    canViewInteractives: hasNP && hasPermissions(PermissionName.ViewVideoInteractives),\n    canViewClips: hasNP && hasPermissions(PermissionName.ViewVideoClips),\n    canViewCurriculumLinks: hasPermissions(PermissionName.ViewCurriculums),\n    canUseActions: hasLocalPermissions(LocalPermissionName.UseVideoActions),\n    canViewPublicLayout: showPublicLayout(),\n    canViewResourceItems: hasLocalPermissions(LocalPermissionName.ViewVideoResourceItems),\n    canNavigate: hasNP\n  };\n}","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { Breadcrumb, Breadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { VideoList } from 'libs/shared/components/video-list/VideoList';\nimport { VideoActionsContext } from 'libs/shared/context/VideoActionsContext';\nimport { RelatedVideosContext } from 'libs/shared/enums/RelatedVideosContext';\nimport { ClipRequests } from 'libs/shared/flight-requests/ClipRequests';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { Clip, Config, CurrentUser, Video, YearGroup } from 'libs/shared/interfaces';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { 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 { PartialVideoMediaView } from 'shared/views/video-media/partial-loading/PartialVideoMediaView';\nimport { VideoMediaAppLinks } from 'shared/views/video-media/VideoMediaAppLinks';\n\nimport { SeriesAppLinkHelper } from 'apps/series/SeriesAppLinkHelper';\n\nconst namespace = 'shared.videoMedia';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface VideoMediaViewProps {\n  videoId: string;\n}\n\nexport function VideoClipsView(props: VideoMediaViewProps): JSX.Element {\n  const { videoId } = props;\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 video = Flight.useBasicFetch<Video>(VideoRequests.video(videoId));\n  const clips = Flight.useBasicFetch<Clip[]>(featureAccess.canViewClips && ClipRequests.videoClips(videoId));\n  const content = clips?.data;\n  const count = content?.length || 0;\n\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n\n  const title = `${getPhrase('clipHeading')} (${count || ''})`;\n\n  const audiences = usePresentationAudiences();\n  const { hasPermissions } = usePermissions();\n\n  const breadcrumbs: Breadcrumb[] = [{\n    name: video.data?.name,\n    appLink: {\n      ...VideoMediaAppLinks.playVideo,\n      args: [ videoId, TextHelper.slugify(video.data?.name) ]\n    }\n  }, {\n    name: title,\n    appLink: {\n      application: AppChannels.VIDEOS,\n      action:  Actions.Videos.VIDEO_CLIPS,\n      args: [ videoId, TextHelper.slugify(video.data?.name) ]\n    },\n    active: true\n  }];\n\n  function redirectToPlaypage(): void {\n    Core.AppLinkHelper.trigger({\n      ...VideoMediaAppLinks.playVideo,\n      args: [ videoId, TextHelper.slugify(video.data?.name) ]\n    }, { replace: true });\n  }\n\n  React.useEffect(() => {\n    if (!featureAccess.canViewClips) {\n      redirectToPlaypage();\n    }\n  }, [featureAccess.canViewClips]);\n\n  if (!video.data || !content?.length || !config.hasCompleted)\n    return <PartialVideoMediaView />;\n\n  return (\n    <VideoActionsContext.Provider value={videoActions}>\n      <div className='px-3'>\n        <h1 className='h2 mb-2'>{title}</h1>\n       \n        <div className='mb-2'>\n          <Breadcrumbs breadcrumbs={breadcrumbs}/>\n        </div>\n\n        <VideoList\n          videos={content}\n          yearGroups={yearGroups.data}\n          getVideoAppLink={(video, opts) => VideoAppLinkHelper.getAppLink(video, {\n            ...opts,\n            context: RelatedVideosContext.Widget,\n            contextId: props.videoId\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      </div>\n    </VideoActionsContext.Provider>\n  );\n}","\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nexport const VideoMediaAppLinks = {\n  playVideo: {\n    application: AppChannels.VIDEOS,\n    action: Actions.Videos.PLAY_VIDEO\n  },\n  playClip: {\n    application: AppChannels.CLIPS,\n    action: Actions.Clips.PLAY_CLIP\n  }\n};","// extracted by mini-css-extract-plugin\nexport default {\"partialHeading\":\"okxfx\"};","import React from 'react';\n\nimport { PartialBreadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { PartialVideoList } from 'libs/shared/components/video-list/partial-loading/PartialVideoList';\n\nimport styles from './partial-video-media-view.scss';\n\nexport function PartialVideoMediaView(): JSX.Element {\n  return (\n    <div className='px-3'>\n      <div className={`partial-loading-background mb-2 ${styles.partialHeading}`} />\n      <div className='mb-2'>\n        <PartialBreadcrumbs/>\n      </div>\n      <PartialVideoList />\n    </div>\n  );\n}"],"names":["BreadcrumbItem","breadcrumb","name","appLink","active","withBackIcon","className","svgName","size","S","Breadcrumbs","breadcrumbs","isMobile","length","map","b","idx","key","PartialBreadcrumbs","numItems","style","height","width","dangerouslySetInnerHTML","__html","PartialVideoList","props","Array","numVideos","fill","_","i","allowBulkActions","PartialVideoItem","breakpoints","useBreakpoints","isSmall","VideoListHelper","withDragHandle","withReordering","xs","Row","Col","defaultProps","DEFAULT_PARTIAL_LOADING_OPTIONS","minWidth","maxWidth","PartialLoadingHelper","getPartialLoadingItems","options","opts","Math","max","floor","random","usePresentationAudiences","redirectOnError","activePresentation","getFallbackPresentation","presentation","id","useVideoFeatureAccess","hasPermissions","hasLocalPermissions","hasNP","hasProduct","canViewGlance","canViewResources","canViewInteractives","canViewClips","canViewCurriculumLinks","canUseActions","canViewPublicLayout","canViewResourceItems","canNavigate","getPhrase","VideoClipsView","videoId","u","setFavourite","canFavourite","isPlugin","videoActions","location","featureAccess","currentUser","yearGroups","data","isAuthenticated","customerId","video","clips","content","count","config","title","audiences","args","application","action","replace","redirectToPlaypage","hasCompleted","value","videos","getVideoAppLink","context","contextId","getSubTextAppLink","series","presentationAudiences","imageCdnUrl","getClassroomGuideAppLink","getInteractiveGuidanceAppLink","getResourceGuidanceAppLink","VideoMediaAppLinks","playVideo","playClip","PartialVideoMediaView"],"sourceRoot":""}
+{"version":3,"file":"scripts/6759-a7e1119553-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/components/breadcrumbs/Breadcrumbs.tsx","file:///app/packages/libs/shared/src/components/video-list/partial-loading/partial-video-list.scss","file:///app/packages/libs/shared/src/components/video-list/partial-loading/PartialVideoList.tsx","file:///app/packages/libs/shared/src/utils/PartialLoadingHelper.ts","file:///app/packages/projects/lite/src/shared/hooks/usePresentationAudiences.ts","file:///app/packages/projects/lite/src/shared/hooks/useVideoFeatureAccess.ts","file:///app/packages/projects/lite/src/shared/views/video-media/VideoClipsView.tsx","file:///app/packages/projects/lite/src/shared/views/video-media/VideoMediaAppLinks.ts","file:///app/packages/projects/lite/src/shared/views/video-media/partial-loading/partial-video-media-view.scss","file:///app/packages/projects/lite/src/shared/views/video-media/partial-loading/PartialVideoMediaView.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Core } from 'libs/common/core';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\nimport { useMediaQuery } from 'libs/shared/hooks/UseMediaQuery';\nimport { PartialLoadingHelper } from 'libs/shared/utils/PartialLoadingHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { SvgContainer, SvgContainerSize } from '../svg-container/SvgContainer';\n\nexport interface Breadcrumb {\n  name: string;\n  appLink?: Core.AppLink;\n  active?: boolean;\n}\n\ninterface BreadcrumbItemProps {\n  breadcrumb: Breadcrumb;\n  withBackIcon?: boolean;\n}\n\nexport const BreadcrumbItem = ({ breadcrumb: { name, appLink, active }, withBackIcon }: BreadcrumbItemProps) => (\n  <li className={`breadcrumb-item${active ? ' active' : ''}`}>\n    {active\n      ? <strong>{name}</strong>\n      : <AppLink appLink={appLink}>\n        {withBackIcon && <SvgContainer svgName={cvSvgLibrary.ChevronLeft} size={SvgContainerSize.Small} />}\n        <span className={withBackIcon ? 'ms-2' : ''}>{name}</span>\n      </AppLink>\n    }\n  </li>\n);\n\ninterface BreadcrumbsProps {\n  breadcrumbs: Breadcrumb[];\n}\n\nexport const Breadcrumbs = ({ breadcrumbs }: BreadcrumbsProps) => {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  const length = breadcrumbs?.length;\n\n  if (!length || (isMobile && length < 2))\n    return <></>;\n\n  if (isMobile)\n    return (\n      <nav aria-label='breadcrumb'>\n        <ol className='breadcrumb m-0 p-0'>\n          <BreadcrumbItem breadcrumb={breadcrumbs[length - 2]} withBackIcon />\n        </ol>\n      </nav>\n    );\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {breadcrumbs.map((b, idx) => <BreadcrumbItem key={idx} breadcrumb={b} />)}\n      </ol>\n    </nav>\n  );\n};\n\nexport const PartialBreadcrumbs = React.memo(function({ numItems = 3 }: { numItems?: number; }) {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  if (isMobile) {\n    return (\n      <div className='partial-loading-background' style={{ height: '1.3125rem', width: '6rem' }} />\n    );\n  }\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {PartialLoadingHelper.getPartialLoadingItems({ numItems }).map(({ width }, idx) => (\n          <li key={idx} className='breadcrumb-item'>\n            <span className='d-inline-block partial-loading-background' style={{ width }} dangerouslySetInnerHTML={{ __html: '&nbsp' }} />\n          </li>\n        ))}\n      </ol>\n    </nav>\n  );\n});","// extracted by mini-css-extract-plugin\nexport default {\"partialOptions\":\"Gufgq\",\"partialName\":\"SicQQ\",\"partialDescription\":\"dPGMq\",\"partialThumbnail\":\"vZrnb\",\"partialDragHandle\":\"iq73R\"};","import React from 'react';\nimport { Col, Row } from 'react-bootstrap';\n\nimport { VideoListHelper } from 'libs/shared/components/video-list/VideoListHelper';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\n\nimport styles from './partial-video-list.scss';\n\ninterface PartialVideoListProps {\n  withReordering?: boolean;\n  numVideos?: number;\n  allowBulkActions?: boolean;\n}\n\nPartialVideoList.defaultProps = {\n  numVideos: 15\n};\n\nexport function PartialVideoList(props: PartialVideoListProps): JSX.Element {\n  return (\n    <div className='mx-2'>\n      {Array(props.numVideos).fill(null).map((_, i) => (\n        <div className='d-flex' key={i}>\n          {props.allowBulkActions && <div className='form-check pe-3 pe-sm-2 mx-0 mx-md-2' />}\n          <PartialVideoItem {...props} />\n        </div>\n      ))}\n    </div>\n  );\n}\n\nexport function PartialVideoItem(props: PartialVideoListProps): JSX.Element {\n  const breakpoints = useBreakpoints();\n\n  const size = VideoListHelper.getSize(breakpoints, 'md');\n  const isSmall = size === 'sm';\n\n  const withDragHandle = props.withReordering && !breakpoints.xs;\n\n  return (\n    <Row className={`${isSmall ? '' : 'py-2'} flex-grow-1`}>\n      <Col {...VideoListHelper.getThumbnailColumns()} className={`flex-column align-items-flex-start ${isSmall ? `pb-2 pe-1` : 'mb-1 pe-3 pe-md-2'}`}>\n        <Row>\n          {!!withDragHandle && (\n            <div className='d-flex align-items-center justify-content-center col-2'>\n              <div className={`partial-loading-background ${styles.partialDragHandle}`} />\n            </div>\n          )}\n          <Col xs={VideoListHelper.getThumbnailColSize(withDragHandle)}>\n            <div className={`partial-loading-background ${isSmall ? 'rounded' : 'rounded-3'} ${styles.partialThumbnail}`} />\n          </Col>\n        </Row>\n      </Col>\n      <Col {...VideoListHelper.getDetailsColumns()} className={isSmall ? 'pb-2' : 'px-2'}>\n        <div className={`partial-loading-background mb-1 ${styles.partialName}`} />\n        <div className={`partial-loading-background ${styles.partialDescription}`} />\n      </Col>\n    </Row>\n  );\n}\n\n","const DEFAULT_PARTIAL_LOADING_OPTIONS: PartialLoadingOptions = {\n  numItems: 5,\n  minWidth: 50, // px\n  maxWidth: 100 // px\n};\n\nexport interface PartialLoadingOptions {\n  numItems?: number;\n  minWidth?: number;\n  maxWidth?: number;\n}\n\ninterface PartialLoadingItem {\n  width: string;\n}\n\nexport const PartialLoadingHelper = {\n  getPartialLoadingItems(options: PartialLoadingOptions = {}): PartialLoadingItem[] {\n    const opts = {\n      ...DEFAULT_PARTIAL_LOADING_OPTIONS,\n      ...options\n    };\n\n    const getRandomFilterWidth = () => Math.max(Math.floor(Math.random() * opts.maxWidth), opts.minWidth);\n\n    return [...Array(opts.numItems)].map(() => ({ width: `${getRandomFilterWidth()}px` }));\n  }\n};","import { Flight } from 'libs/common/react/index';\n\nimport { AudienceRequests } from 'libs/shared/flight-requests/AudienceRequests';\nimport { PresentationAudience } from 'libs/shared/interfaces';\n\nimport { usePresentation } from 'shared/hooks/usePresentation';\n\nexport const usePresentationAudiences = () => {\n  const { activePresentation, getFallbackPresentation } = usePresentation({ redirectOnError: true });\n\n  const presentation = activePresentation || getFallbackPresentation();\n\n  const audiences = Flight.useBasicFetch<PresentationAudience[]>(\n    !!presentation &&\n    AudienceRequests.presentationAudiences(presentation.id)\n  );\n\n  return audiences;\n};","import { LocalPermissionName, PermissionName } from 'libs/shared/enums/PermissionName';\nimport { ProductId } from 'libs/shared/enums/ProductId';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useProducts } from 'libs/shared/hooks/UseProducts';\n\nimport { LiteRouteHelper } from 'shared/utils/LiteRouteHelper';\n\nexport interface VideoFeaturesHash {\n  canViewGlance: boolean;\n  canViewResources: boolean;\n  canViewInteractives: boolean;\n  canViewClips: boolean;\n  canUseActions: boolean;\n  canViewPublicLayout: boolean;\n  canNavigate: boolean;\n  canViewCurriculumLinks: boolean;\n  canViewResourceItems: boolean;\n}\n\nexport function useVideoFeatureAccess() {\n  const { hasPermissions, hasLocalPermissions } = usePermissions();\n  const { hasProduct } = useProducts();\n\n  const hasNP = hasProduct(ProductId.Primary);\n\n  function showPublicLayout(): boolean {\n    /**\n     * Authenticated users should never see the placeholder\n     */\n    if (hasLocalPermissions(LocalPermissionName.WatchVideos))\n      return false;\n\n    /**\n     * Accessing a play page unathenticated will have different contextual behabviours:\n     * - For a share page, the user should see the video and never the placeholder\n     * - For a public browsing page (ie. using a route-prefix) they should see the placeholder\n     */\n    return LiteRouteHelper.hasRegionPrefix();\n  }\n\n  return {\n    canViewGlance: hasPermissions(PermissionName.ViewVideoGlance),\n    canViewResources: true,\n    canViewInteractives: hasNP && hasPermissions(PermissionName.ViewVideoInteractives),\n    canViewClips: hasNP && hasPermissions(PermissionName.ViewVideoClips),\n    canViewCurriculumLinks: hasPermissions(PermissionName.ViewCurriculums),\n    canUseActions: hasLocalPermissions(LocalPermissionName.UseVideoActions),\n    canViewPublicLayout: showPublicLayout(),\n    canViewResourceItems: hasLocalPermissions(LocalPermissionName.ViewVideoResourceItems),\n    canNavigate: hasNP\n  };\n}","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { Breadcrumb, Breadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { VideoList } from 'libs/shared/components/video-list/VideoList';\nimport { VideoActionsContext } from 'libs/shared/context/VideoActionsContext';\nimport { RelatedVideosContext } from 'libs/shared/enums/RelatedVideosContext';\nimport { ClipRequests } from 'libs/shared/flight-requests/ClipRequests';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { Clip, Config, CurrentUser, Video, YearGroup } from 'libs/shared/interfaces';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { 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 { PartialVideoMediaView } from 'shared/views/video-media/partial-loading/PartialVideoMediaView';\nimport { VideoMediaAppLinks } from 'shared/views/video-media/VideoMediaAppLinks';\n\nimport { SeriesAppLinkHelper } from 'apps/series/SeriesAppLinkHelper';\n\nconst namespace = 'shared.videoMedia';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface VideoMediaViewProps {\n  videoId: string;\n}\n\nexport function VideoClipsView(props: VideoMediaViewProps): JSX.Element {\n  const { videoId } = props;\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 video = Flight.useBasicFetch<Video>(VideoRequests.video(videoId));\n  const clips = Flight.useBasicFetch<Clip[]>(featureAccess.canViewClips && ClipRequests.videoClips(videoId));\n  const content = clips?.data;\n  const count = content?.length || 0;\n\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n\n  const title = `${getPhrase('clipHeading')} (${count || ''})`;\n\n  const audiences = usePresentationAudiences();\n  const { hasPermissions } = usePermissions();\n\n  const breadcrumbs: Breadcrumb[] = [{\n    name: video.data?.name,\n    appLink: {\n      ...VideoMediaAppLinks.playVideo,\n      args: [ videoId, TextHelper.slugify(video.data?.name) ]\n    }\n  }, {\n    name: title,\n    appLink: {\n      application: AppChannels.VIDEOS,\n      action:  Actions.Videos.VIDEO_CLIPS,\n      args: [ videoId, TextHelper.slugify(video.data?.name) ]\n    },\n    active: true\n  }];\n\n  function redirectToPlaypage(): void {\n    Core.AppLinkHelper.trigger({\n      ...VideoMediaAppLinks.playVideo,\n      args: [ videoId, TextHelper.slugify(video.data?.name) ]\n    }, { replace: true });\n  }\n\n  React.useEffect(() => {\n    if (!featureAccess.canViewClips) {\n      redirectToPlaypage();\n    }\n  }, [featureAccess.canViewClips]);\n\n  if (!video.data || !content?.length || !config.hasCompleted)\n    return <PartialVideoMediaView />;\n\n  return (\n    <VideoActionsContext.Provider value={videoActions}>\n      <div className='px-3'>\n        <h1 className='h2 mb-2'>{title}</h1>\n       \n        <div className='mb-2'>\n          <Breadcrumbs breadcrumbs={breadcrumbs}/>\n        </div>\n\n        <VideoList\n          videos={content}\n          yearGroups={yearGroups.data}\n          getVideoAppLink={(video, opts) => VideoAppLinkHelper.getAppLink(video, {\n            ...opts,\n            context: RelatedVideosContext.Widget,\n            contextId: props.videoId\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      </div>\n    </VideoActionsContext.Provider>\n  );\n}","\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nexport const VideoMediaAppLinks = {\n  playVideo: {\n    application: AppChannels.VIDEOS,\n    action: Actions.Videos.PLAY_VIDEO\n  },\n  playClip: {\n    application: AppChannels.CLIPS,\n    action: Actions.Clips.PLAY_CLIP\n  }\n};","// extracted by mini-css-extract-plugin\nexport default {\"partialHeading\":\"okxfx\"};","import React from 'react';\n\nimport { PartialBreadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { PartialVideoList } from 'libs/shared/components/video-list/partial-loading/PartialVideoList';\n\nimport styles from './partial-video-media-view.scss';\n\nexport function PartialVideoMediaView(): JSX.Element {\n  return (\n    <div className='px-3'>\n      <div className={`partial-loading-background mb-2 ${styles.partialHeading}`} />\n      <div className='mb-2'>\n        <PartialBreadcrumbs/>\n      </div>\n      <PartialVideoList />\n    </div>\n  );\n}"],"names":["BreadcrumbItem","breadcrumb","name","appLink","active","withBackIcon","className","svgName","size","S","Breadcrumbs","breadcrumbs","isMobile","length","map","b","idx","key","PartialBreadcrumbs","numItems","style","height","width","dangerouslySetInnerHTML","__html","PartialVideoList","props","Array","numVideos","fill","_","i","allowBulkActions","PartialVideoItem","breakpoints","useBreakpoints","isSmall","VideoListHelper","withDragHandle","withReordering","xs","Row","Col","defaultProps","DEFAULT_PARTIAL_LOADING_OPTIONS","minWidth","maxWidth","PartialLoadingHelper","getPartialLoadingItems","options","opts","Math","max","floor","random","usePresentationAudiences","redirectOnError","activePresentation","getFallbackPresentation","presentation","id","useVideoFeatureAccess","hasPermissions","hasLocalPermissions","hasNP","hasProduct","canViewGlance","canViewResources","canViewInteractives","canViewClips","canViewCurriculumLinks","canUseActions","canViewPublicLayout","canViewResourceItems","canNavigate","getPhrase","VideoClipsView","videoId","u","setFavourite","canFavourite","isPlugin","videoActions","location","featureAccess","currentUser","yearGroups","data","isAuthenticated","customerId","video","clips","content","count","config","title","audiences","args","application","action","replace","redirectToPlaypage","hasCompleted","value","videos","getVideoAppLink","context","contextId","getSubTextAppLink","series","presentationAudiences","imageCdnUrl","getClassroomGuideAppLink","getInteractiveGuidanceAppLink","getResourceGuidanceAppLink","VideoMediaAppLinks","playVideo","playClip","PartialVideoMediaView"],"sourceRoot":""}

package/dist/scripts/{6803-2275c83d96-lite.chunk.js → 6803-222bfeea55-lite.chunk.js}

@@ -1,2 +1,2 @@
 "use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[6803],{49935:(e,a,t)=>{t.d(a,{Oo:()=>u,b2:()=>d});var n=t(32735),i=t(36848),r=t(86764),c=t(3747),l=t(5859),s=t(35223),o=t(83914),m=function(e){var a=e.breadcrumb,t=a.name,r=a.appLink,c=a.active,l=e.withBackIcon;return n.createElement("li",{className:"breadcrumb-item".concat(c?" active":"")},c?n.createElement("strong",null,t):n.createElement(i.F,{appLink:r},l&&n.createElement(o.x,{svgName:s.vn.ChevronLeft,size:o.S.Small}),n.createElement("span",{className:l?"ms-2":""},t)))},u=function(e){var a=e.breadcrumbs,t=(0,c.a)(r.r.XS),i=null==a?void 0:a.length;return!i||t&&i<2?n.createElement(n.Fragment,null):t?n.createElement("nav",{"aria-label":"breadcrumb"},n.createElement("ol",{className:"breadcrumb m-0 p-0"},n.createElement(m,{breadcrumb:a[i-2],withBackIcon:!0}))):n.createElement("nav",{"aria-label":"breadcrumb"},n.createElement("ol",{className:"breadcrumb m-0 p-0"},a.map((function(e,a){return n.createElement(m,{key:a,breadcrumb:e})}))))},d=n.memo((function(e){var a=e.numItems,t=void 0===a?3:a;return(0,c.a)(r.r.XS)?n.createElement("div",{className:"partial-loading-background",style:{height:"1.3125rem",width:"6rem"}}):n.createElement("nav",{"aria-label":"breadcrumb"},n.createElement("ol",{className:"breadcrumb m-0 p-0"},l.u.getPartialLoadingItems({numItems:t}).map((function(e,a){var t=e.width;return n.createElement("li",{key:a,className:"breadcrumb-item"},n.createElement("span",{className:"d-inline-block partial-loading-background",style:{width:t},dangerouslySetInnerHTML:{__html:"&nbsp"}}))}))))}))},74696:(e,a,t)=>{t.d(a,{S:()=>o});var n=t(32735),i=t(68050),r=t(69111),c=t(9977),l=t(79967);const s={partialOptions:"Gufgq",partialName:"SicQQ",partialDescription:"dPGMq",partialThumbnail:"vZrnb",partialDragHandle:"iq73R"};function o(e){return n.createElement("div",{className:"mx-2"},Array(e.numVideos).fill(null).map((function(a,t){return n.createElement("div",{className:"d-flex",key:t},e.allowBulkActions&&n.createElement("div",{className:"form-check pe-3 pe-sm-2 mx-0 mx-md-2"}),n.createElement(m,Object.assign({},e)))})))}function m(e){var a=(0,l.k)(),t="sm"===c.O.getSize(a,"md"),o=e.withReordering&&!a.xs;return n.createElement(i.Z,{className:"".concat(t?"":"py-2"," flex-grow-1")},n.createElement(r.Z,Object.assign({},c.O.getThumbnailColumns(),{className:"flex-column align-items-flex-start ".concat(t?"pb-2 pe-1":"mb-1 pe-3 pe-md-2")}),n.createElement(i.Z,null,!!o&&n.createElement("div",{className:"d-flex align-items-center justify-content-center col-2"},n.createElement("div",{className:"partial-loading-background ".concat(s.partialDragHandle)})),n.createElement(r.Z,{xs:c.O.getThumbnailColSize(o)},n.createElement("div",{className:"partial-loading-background ".concat(t?"rounded":"rounded-3"," ").concat(s.partialThumbnail)})))),n.createElement(r.Z,Object.assign({},c.O.getDetailsColumns(),{className:t?"pb-2":"px-2"}),n.createElement("div",{className:"partial-loading-background mb-1 ".concat(s.partialName)}),n.createElement("div",{className:"partial-loading-background ".concat(s.partialDescription)})))}o.defaultProps={numVideos:15}},5859:(e,a,t)=>{function n(e,a){(null==a||a>e.length)&&(a=e.length);for(var t=0,n=Array(a);t<a;t++)n[t]=e[t];return n}t.d(a,{u:()=>r});var i={numItems:5,minWidth:50,maxWidth:100},r={getPartialLoadingItems:function(){var e,a=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=Object.assign(Object.assign({},i),a);return(e=Array(t.numItems),function(e){if(Array.isArray(e))return n(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,a){if(e){if("string"==typeof e)return n(e,a);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?n(e,a):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()).map((function(){return{width:"".concat(Math.max(Math.floor(Math.random()*t.maxWidth),t.minWidth),"px")}}))}}},44110:(e,a,t)=>{t.d(a,{i:()=>c});var n=t(20354),i=t(89454),r=t(86698),c=function(){var e=(0,r.y)({redirectOnError:!0}),a=e.activePresentation,t=e.getFallbackPresentation,c=a||t();return n.a.useBasicFetch(!!c&&i.O.presentationAudiences(c.id))}},35014:(e,a,t)=>{t.d(a,{I:()=>s});var n=t(16714),i=t(12754),r=t(22902),c=t(15311),l=t(11387);function s(){var e=(0,r.T)(),a=e.hasPermissions,t=e.hasLocalPermissions,s=(0,(0,c.r)().hasProduct)(i.x.Primary);return{canViewGlance:a(n.C.ViewVideoGlance),canViewResources:!0,canViewInteractives:s&&a(n.C.ViewVideoInteractives),canViewClips:s&&a(n.C.ViewVideoClips),canViewCurriculumLinks:a(n.C.ViewCurriculums),canUseActions:t(n.E.UseVideoActions),canViewPublicLayout:!t(n.E.WatchVideos)&&l.C.hasRegionPrefix(),canViewResourceItems:t(n.E.ViewVideoResourceItems),canNavigate:s}}},78630:(e,a,t)=>{t.r(a),t.d(a,{ClipClipsView:()=>x});var n=t(32735),i=t(81886),r=t(23481),c=t(20354),l=t(28400),s=t(65858),o=t(49935),m=t(13231),u=t(51365),d=t(183),p=t(43012),g=t(39151),v=t(1666),b=t(31949),f=t(22902),h=t(14070),E=t(97291),k=t(51855),C=t(10671),y=t(27638),I=t(44110),V=t(35014),w=t(22490),N=t(98620),L=t(82431),A=t(16747),O=r.T.encloseNamespace("shared.videoMedia");function x(e){var a,t,r,x,P,S,j,F=e.clipId,G=(0,y.u)(s.LZ.VideoThumbnail),T=G.setFavourite,_=G.canFavourite,W=(0,k.G)().isPlugin,B=(0,C._)({location:C.i.VideoItem}),M=(0,V.I)(),R=c.a.useBasicFetch(b.N.currentUser()),D=c.a.useBasicFetch(R.data.isAuthenticated&&v.h.yearGroups(R.data.customerId)),Z=c.a.useBasicFetch(p.e.clip(F)),H=null===(t=null===(a=Z.data)||void 0===a?void 0:a._parentVideo)||void 0===t?void 0:t.id,U=c.a.useBasicFetch(H&&M.canViewClips&&p.e.videoClips(H)),Y=null===(r=null==U?void 0:U.data)||void 0===r?void 0:r.filter((function(e){return e.id.toString()!==F.toString()})),Q=(null==Y?void 0:Y.length)||0,q=c.a.useBasicFetch(g.L.config()),z="".concat(O("otherClipsHeading")," (").concat(Q||"",")"),X=(0,I.i)(),$=(0,f.T)().hasPermissions,J=[{name:null===(x=Z.data)||void 0===x?void 0:x.name,appLink:Object.assign(Object.assign({},N.Y.playClip),{args:[F,l.m.slugify(null===(P=Z.data)||void 0===P?void 0:P.name)]})},{name:z,appLink:{application:E.O.CLIPS,action:h.e.Clips.CLIP_CLIPS,args:[F,l.m.slugify(null===(S=Z.data)||void 0===S?void 0:S.name)]},active:!0}];return n.useEffect((function(){M.canViewClips||function(){var e;i.Q.C$.trigger(Object.assign(Object.assign({},N.Y.playClip),{args:[F,l.m.slugify(null===(e=Z.data)||void 0===e?void 0:e.name)]}),{replace:!0})}()}),[M.canViewClips]),Z.data&&(null==Y?void 0:Y.length)&&q.hasCompleted?n.createElement(u.M.Provider,{value:B},n.createElement("div",{className:"px-3"},n.createElement("h1",{className:"h2 mb-2"},z),n.createElement("div",{className:"mb-2"},n.createElement(o.Oo,{breadcrumbs:J})),n.createElement(m.E4,{videos:Y,yearGroups:D.data,getVideoAppLink:function(a,t){return w.W.getAppLink(a,Object.assign(Object.assign({},t),{context:d.Q.Widget,contextId:e.clipId}))},hasPermissions:$,getSubTextAppLink:function(e){return L.j.getSeriesAppLink(e.series)},setFavourite:T,canFavourite:_,presentationAudiences:X.data,imageCdnUrl:null===(j=q.data)||void 0===j?void 0:j.imageCdnUrl,isPlugin:W,getClassroomGuideAppLink:w.W.getClassroomGuideAppLink,getInteractiveGuidanceAppLink:w.W.getInteractiveGuidanceAppLink,getResourceGuidanceAppLink:w.W.getResourceGuidanceAppLink}))):n.createElement(A.l,null)}},98620:(e,a,t)=>{t.d(a,{Y:()=>r});var n=t(14070),i=t(97291),r={playVideo:{application:i.O.VIDEOS,action:n.e.Videos.PLAY_VIDEO},playClip:{application:i.O.CLIPS,action:n.e.Clips.PLAY_CLIP}}},16747:(e,a,t)=>{t.d(a,{l:()=>l});var n=t(32735),i=t(49935),r=t(74696);const c={partialHeading:"okxfx"};function l(){return n.createElement("div",{className:"px-3"},n.createElement("div",{className:"partial-loading-background mb-2 ".concat(c.partialHeading)}),n.createElement("div",{className:"mb-2"},n.createElement(i.b2,null)),n.createElement(r.S,null))}}}]);
-//# sourceMappingURL=6803-2275c83d96-lite.chunk.js.map
+//# sourceMappingURL=6803-222bfeea55-lite.chunk.js.map

package/dist/scripts/{6803-2275c83d96-lite.chunk.js.map → 6803-222bfeea55-lite.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"scripts/6803-2275c83d96-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/components/breadcrumbs/Breadcrumbs.tsx","file:///app/packages/libs/shared/src/components/video-list/partial-loading/partial-video-list.scss","file:///app/packages/libs/shared/src/components/video-list/partial-loading/PartialVideoList.tsx","file:///app/packages/libs/shared/src/utils/PartialLoadingHelper.ts","file:///app/packages/projects/lite/src/shared/hooks/usePresentationAudiences.ts","file:///app/packages/projects/lite/src/shared/hooks/useVideoFeatureAccess.ts","file:///app/packages/projects/lite/src/shared/views/video-media/ClipClipsView.tsx","file:///app/packages/projects/lite/src/shared/views/video-media/VideoMediaAppLinks.ts","file:///app/packages/projects/lite/src/shared/views/video-media/partial-loading/partial-video-media-view.scss","file:///app/packages/projects/lite/src/shared/views/video-media/partial-loading/PartialVideoMediaView.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Core } from 'libs/common/core';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\nimport { useMediaQuery } from 'libs/shared/hooks/UseMediaQuery';\nimport { PartialLoadingHelper } from 'libs/shared/utils/PartialLoadingHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { SvgContainer, SvgContainerSize } from '../svg-container/SvgContainer';\n\nexport interface Breadcrumb {\n  name: string;\n  appLink?: Core.AppLink;\n  active?: boolean;\n}\n\ninterface BreadcrumbItemProps {\n  breadcrumb: Breadcrumb;\n  withBackIcon?: boolean;\n}\n\nexport const BreadcrumbItem = ({ breadcrumb: { name, appLink, active }, withBackIcon }: BreadcrumbItemProps) => (\n  <li className={`breadcrumb-item${active ? ' active' : ''}`}>\n    {active\n      ? <strong>{name}</strong>\n      : <AppLink appLink={appLink}>\n        {withBackIcon && <SvgContainer svgName={cvSvgLibrary.ChevronLeft} size={SvgContainerSize.Small} />}\n        <span className={withBackIcon ? 'ms-2' : ''}>{name}</span>\n      </AppLink>\n    }\n  </li>\n);\n\ninterface BreadcrumbsProps {\n  breadcrumbs: Breadcrumb[];\n}\n\nexport const Breadcrumbs = ({ breadcrumbs }: BreadcrumbsProps) => {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  const length = breadcrumbs?.length;\n\n  if (!length || (isMobile && length < 2))\n    return <></>;\n\n  if (isMobile)\n    return (\n      <nav aria-label='breadcrumb'>\n        <ol className='breadcrumb m-0 p-0'>\n          <BreadcrumbItem breadcrumb={breadcrumbs[length - 2]} withBackIcon />\n        </ol>\n      </nav>\n    );\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {breadcrumbs.map((b, idx) => <BreadcrumbItem key={idx} breadcrumb={b} />)}\n      </ol>\n    </nav>\n  );\n};\n\nexport const PartialBreadcrumbs = React.memo(function({ numItems = 3 }: { numItems?: number; }) {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  if (isMobile) {\n    return (\n      <div className='partial-loading-background' style={{ height: '1.3125rem', width: '6rem' }} />\n    );\n  }\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {PartialLoadingHelper.getPartialLoadingItems({ numItems }).map(({ width }, idx) => (\n          <li key={idx} className='breadcrumb-item'>\n            <span className='d-inline-block partial-loading-background' style={{ width }} dangerouslySetInnerHTML={{ __html: '&nbsp' }} />\n          </li>\n        ))}\n      </ol>\n    </nav>\n  );\n});","// extracted by mini-css-extract-plugin\nexport default {\"partialOptions\":\"Gufgq\",\"partialName\":\"SicQQ\",\"partialDescription\":\"dPGMq\",\"partialThumbnail\":\"vZrnb\",\"partialDragHandle\":\"iq73R\"};","import React from 'react';\nimport { Col, Row } from 'react-bootstrap';\n\nimport { VideoListHelper } from 'libs/shared/components/video-list/VideoListHelper';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\n\nimport styles from './partial-video-list.scss';\n\ninterface PartialVideoListProps {\n  withReordering?: boolean;\n  numVideos?: number;\n  allowBulkActions?: boolean;\n}\n\nPartialVideoList.defaultProps = {\n  numVideos: 15\n};\n\nexport function PartialVideoList(props: PartialVideoListProps): JSX.Element {\n  return (\n    <div className='mx-2'>\n      {Array(props.numVideos).fill(null).map((_, i) => (\n        <div className='d-flex' key={i}>\n          {props.allowBulkActions && <div className='form-check pe-3 pe-sm-2 mx-0 mx-md-2' />}\n          <PartialVideoItem {...props} />\n        </div>\n      ))}\n    </div>\n  );\n}\n\nexport function PartialVideoItem(props: PartialVideoListProps): JSX.Element {\n  const breakpoints = useBreakpoints();\n\n  const size = VideoListHelper.getSize(breakpoints, 'md');\n  const isSmall = size === 'sm';\n\n  const withDragHandle = props.withReordering && !breakpoints.xs;\n\n  return (\n    <Row className={`${isSmall ? '' : 'py-2'} flex-grow-1`}>\n      <Col {...VideoListHelper.getThumbnailColumns()} className={`flex-column align-items-flex-start ${isSmall ? `pb-2 pe-1` : 'mb-1 pe-3 pe-md-2'}`}>\n        <Row>\n          {!!withDragHandle && (\n            <div className='d-flex align-items-center justify-content-center col-2'>\n              <div className={`partial-loading-background ${styles.partialDragHandle}`} />\n            </div>\n          )}\n          <Col xs={VideoListHelper.getThumbnailColSize(withDragHandle)}>\n            <div className={`partial-loading-background ${isSmall ? 'rounded' : 'rounded-3'} ${styles.partialThumbnail}`} />\n          </Col>\n        </Row>\n      </Col>\n      <Col {...VideoListHelper.getDetailsColumns()} className={isSmall ? 'pb-2' : 'px-2'}>\n        <div className={`partial-loading-background mb-1 ${styles.partialName}`} />\n        <div className={`partial-loading-background ${styles.partialDescription}`} />\n      </Col>\n    </Row>\n  );\n}\n\n","const DEFAULT_PARTIAL_LOADING_OPTIONS: PartialLoadingOptions = {\n  numItems: 5,\n  minWidth: 50, // px\n  maxWidth: 100 // px\n};\n\nexport interface PartialLoadingOptions {\n  numItems?: number;\n  minWidth?: number;\n  maxWidth?: number;\n}\n\ninterface PartialLoadingItem {\n  width: string;\n}\n\nexport const PartialLoadingHelper = {\n  getPartialLoadingItems(options: PartialLoadingOptions = {}): PartialLoadingItem[] {\n    const opts = {\n      ...DEFAULT_PARTIAL_LOADING_OPTIONS,\n      ...options\n    };\n\n    const getRandomFilterWidth = () => Math.max(Math.floor(Math.random() * opts.maxWidth), opts.minWidth);\n\n    return [...Array(opts.numItems)].map(() => ({ width: `${getRandomFilterWidth()}px` }));\n  }\n};","import { Flight } from 'libs/common/react/index';\n\nimport { AudienceRequests } from 'libs/shared/flight-requests/AudienceRequests';\nimport { PresentationAudience } from 'libs/shared/interfaces';\n\nimport { usePresentation } from 'shared/hooks/usePresentation';\n\nexport const usePresentationAudiences = () => {\n  const { activePresentation, getFallbackPresentation } = usePresentation({ redirectOnError: true });\n\n  const presentation = activePresentation || getFallbackPresentation();\n\n  const audiences = Flight.useBasicFetch<PresentationAudience[]>(\n    !!presentation &&\n    AudienceRequests.presentationAudiences(presentation.id)\n  );\n\n  return audiences;\n};","import { LocalPermissionName, PermissionName } from 'libs/shared/enums/PermissionName';\nimport { ProductId } from 'libs/shared/enums/ProductId';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useProducts } from 'libs/shared/hooks/UseProducts';\n\nimport { LiteRouteHelper } from 'shared/utils/LiteRouteHelper';\n\nexport interface VideoFeaturesHash {\n  canViewGlance: boolean;\n  canViewResources: boolean;\n  canViewInteractives: boolean;\n  canViewClips: boolean;\n  canUseActions: boolean;\n  canViewPublicLayout: boolean;\n  canNavigate: boolean;\n  canViewCurriculumLinks: boolean;\n  canViewResourceItems: boolean;\n}\n\nexport function useVideoFeatureAccess() {\n  const { hasPermissions, hasLocalPermissions } = usePermissions();\n  const { hasProduct } = useProducts();\n\n  const hasNP = hasProduct(ProductId.Primary);\n\n  function showPublicLayout(): boolean {\n    /**\n     * Authenticated users should never see the placeholder\n     */\n    if (hasLocalPermissions(LocalPermissionName.WatchVideos))\n      return false;\n\n    /**\n     * Accessing a play page unathenticated will have different contextual behabviours:\n     * - For a share page, the user should see the video and never the placeholder\n     * - For a public browsing page (ie. using a route-prefix) they should see the placeholder\n     */\n    return LiteRouteHelper.hasRegionPrefix();\n  }\n\n  return {\n    canViewGlance: hasPermissions(PermissionName.ViewVideoGlance),\n    canViewResources: true,\n    canViewInteractives: hasNP && hasPermissions(PermissionName.ViewVideoInteractives),\n    canViewClips: hasNP && hasPermissions(PermissionName.ViewVideoClips),\n    canViewCurriculumLinks: hasPermissions(PermissionName.ViewCurriculums),\n    canUseActions: hasLocalPermissions(LocalPermissionName.UseVideoActions),\n    canViewPublicLayout: showPublicLayout(),\n    canViewResourceItems: hasLocalPermissions(LocalPermissionName.ViewVideoResourceItems),\n    canNavigate: hasNP\n  };\n}","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { Breadcrumb, Breadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { VideoList } from 'libs/shared/components/video-list/VideoList';\nimport { VideoActionsContext } from 'libs/shared/context/VideoActionsContext';\nimport { RelatedVideosContext } from 'libs/shared/enums/RelatedVideosContext';\nimport { ClipRequests } from 'libs/shared/flight-requests/ClipRequests';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { 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 { 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  const clips = Flight.useBasicFetch<Clip[]>(\n    parentVideoId && featureAccess.canViewClips && ClipRequests.videoClips(parentVideoId)\n  );\n  \n  const content = clips?.data?.filter(clip => clip.id.toString() !== clipId.toString());\n  const count = content?.length || 0;\n\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n\n  const title = `${getPhrase('otherClipsHeading')} (${count || ''})`;\n\n  const audiences = usePresentationAudiences();\n  const { hasPermissions } = usePermissions();\n\n  const breadcrumbs: Breadcrumb[] = [{\n    name: clip.data?.name,\n    appLink: {\n      ...VideoMediaAppLinks.playClip,\n      args: [ clipId, TextHelper.slugify(clip.data?.name) ]\n    }\n  }, {\n    name: title,\n    appLink: {\n      application: AppChannels.CLIPS,\n      action: Actions.Clips.CLIP_CLIPS,\n      args: [ clipId, 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 || !content?.length || !config.hasCompleted)\n    return <PartialVideoMediaView />;\n\n  return (\n    <VideoActionsContext.Provider value={videoActions}>\n      <div className='px-3'>\n        <h1 className='h2 mb-2'>{title}</h1>\n       \n        <div className='mb-2'>\n          <Breadcrumbs breadcrumbs={breadcrumbs}/>\n        </div>\n\n        <VideoList\n          videos={content}\n          yearGroups={yearGroups.data}\n          getVideoAppLink={(video, opts) => VideoAppLinkHelper.getAppLink(video, {\n            ...opts,\n            context: RelatedVideosContext.Widget,\n            contextId: props.clipId\n          })}\n          hasPermissions={hasPermissions}\n          getSubTextAppLink={video => SeriesAppLinkHelper.getSeriesAppLink(video.series)}\n          setFavourite={setFavourite}\n          canFavourite={canFavourite}\n          presentationAudiences={audiences.data}\n          imageCdnUrl={config.data?.imageCdnUrl}\n          isPlugin={isPlugin}\n          getClassroomGuideAppLink={VideoAppLinkHelper.getClassroomGuideAppLink}\n          getInteractiveGuidanceAppLink={VideoAppLinkHelper.getInteractiveGuidanceAppLink}\n          getResourceGuidanceAppLink={VideoAppLinkHelper.getResourceGuidanceAppLink}\n        />\n      </div>\n    </VideoActionsContext.Provider>\n  );\n}","\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nexport const VideoMediaAppLinks = {\n  playVideo: {\n    application: AppChannels.VIDEOS,\n    action: Actions.Videos.PLAY_VIDEO\n  },\n  playClip: {\n    application: AppChannels.CLIPS,\n    action: Actions.Clips.PLAY_CLIP\n  }\n};","// extracted by mini-css-extract-plugin\nexport default {\"partialHeading\":\"okxfx\"};","import React from 'react';\n\nimport { PartialBreadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { PartialVideoList } from 'libs/shared/components/video-list/partial-loading/PartialVideoList';\n\nimport styles from './partial-video-media-view.scss';\n\nexport function PartialVideoMediaView(): JSX.Element {\n  return (\n    <div className='px-3'>\n      <div className={`partial-loading-background mb-2 ${styles.partialHeading}`} />\n      <div className='mb-2'>\n        <PartialBreadcrumbs/>\n      </div>\n      <PartialVideoList />\n    </div>\n  );\n}"],"names":["BreadcrumbItem","breadcrumb","name","appLink","active","withBackIcon","className","svgName","size","S","Breadcrumbs","breadcrumbs","isMobile","length","map","b","idx","key","PartialBreadcrumbs","numItems","style","height","width","dangerouslySetInnerHTML","__html","PartialVideoList","props","Array","numVideos","fill","_","i","allowBulkActions","PartialVideoItem","breakpoints","useBreakpoints","isSmall","VideoListHelper","withDragHandle","withReordering","xs","Row","Col","defaultProps","DEFAULT_PARTIAL_LOADING_OPTIONS","minWidth","maxWidth","PartialLoadingHelper","getPartialLoadingItems","options","opts","Math","max","floor","random","usePresentationAudiences","redirectOnError","activePresentation","getFallbackPresentation","presentation","id","useVideoFeatureAccess","hasPermissions","hasLocalPermissions","hasNP","hasProduct","canViewGlance","canViewResources","canViewInteractives","canViewClips","canViewCurriculumLinks","canUseActions","canViewPublicLayout","canViewResourceItems","canNavigate","getPhrase","ClipClipsView","clipId","u","setFavourite","canFavourite","isPlugin","videoActions","location","featureAccess","currentUser","yearGroups","data","isAuthenticated","customerId","clip","parentVideoId","_parentVideo","clips","content","filter","toString","count","config","title","audiences","args","application","action","replace","redirectToPlaypage","hasCompleted","value","videos","getVideoAppLink","video","context","contextId","getSubTextAppLink","series","presentationAudiences","imageCdnUrl","getClassroomGuideAppLink","getInteractiveGuidanceAppLink","getResourceGuidanceAppLink","VideoMediaAppLinks","playVideo","playClip","PartialVideoMediaView"],"sourceRoot":""}
+{"version":3,"file":"scripts/6803-222bfeea55-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/components/breadcrumbs/Breadcrumbs.tsx","file:///app/packages/libs/shared/src/components/video-list/partial-loading/partial-video-list.scss","file:///app/packages/libs/shared/src/components/video-list/partial-loading/PartialVideoList.tsx","file:///app/packages/libs/shared/src/utils/PartialLoadingHelper.ts","file:///app/packages/projects/lite/src/shared/hooks/usePresentationAudiences.ts","file:///app/packages/projects/lite/src/shared/hooks/useVideoFeatureAccess.ts","file:///app/packages/projects/lite/src/shared/views/video-media/ClipClipsView.tsx","file:///app/packages/projects/lite/src/shared/views/video-media/VideoMediaAppLinks.ts","file:///app/packages/projects/lite/src/shared/views/video-media/partial-loading/partial-video-media-view.scss","file:///app/packages/projects/lite/src/shared/views/video-media/partial-loading/PartialVideoMediaView.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Core } from 'libs/common/core';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\nimport { useMediaQuery } from 'libs/shared/hooks/UseMediaQuery';\nimport { PartialLoadingHelper } from 'libs/shared/utils/PartialLoadingHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { SvgContainer, SvgContainerSize } from '../svg-container/SvgContainer';\n\nexport interface Breadcrumb {\n  name: string;\n  appLink?: Core.AppLink;\n  active?: boolean;\n}\n\ninterface BreadcrumbItemProps {\n  breadcrumb: Breadcrumb;\n  withBackIcon?: boolean;\n}\n\nexport const BreadcrumbItem = ({ breadcrumb: { name, appLink, active }, withBackIcon }: BreadcrumbItemProps) => (\n  <li className={`breadcrumb-item${active ? ' active' : ''}`}>\n    {active\n      ? <strong>{name}</strong>\n      : <AppLink appLink={appLink}>\n        {withBackIcon && <SvgContainer svgName={cvSvgLibrary.ChevronLeft} size={SvgContainerSize.Small} />}\n        <span className={withBackIcon ? 'ms-2' : ''}>{name}</span>\n      </AppLink>\n    }\n  </li>\n);\n\ninterface BreadcrumbsProps {\n  breadcrumbs: Breadcrumb[];\n}\n\nexport const Breadcrumbs = ({ breadcrumbs }: BreadcrumbsProps) => {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  const length = breadcrumbs?.length;\n\n  if (!length || (isMobile && length < 2))\n    return <></>;\n\n  if (isMobile)\n    return (\n      <nav aria-label='breadcrumb'>\n        <ol className='breadcrumb m-0 p-0'>\n          <BreadcrumbItem breadcrumb={breadcrumbs[length - 2]} withBackIcon />\n        </ol>\n      </nav>\n    );\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {breadcrumbs.map((b, idx) => <BreadcrumbItem key={idx} breadcrumb={b} />)}\n      </ol>\n    </nav>\n  );\n};\n\nexport const PartialBreadcrumbs = React.memo(function({ numItems = 3 }: { numItems?: number; }) {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  if (isMobile) {\n    return (\n      <div className='partial-loading-background' style={{ height: '1.3125rem', width: '6rem' }} />\n    );\n  }\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {PartialLoadingHelper.getPartialLoadingItems({ numItems }).map(({ width }, idx) => (\n          <li key={idx} className='breadcrumb-item'>\n            <span className='d-inline-block partial-loading-background' style={{ width }} dangerouslySetInnerHTML={{ __html: '&nbsp' }} />\n          </li>\n        ))}\n      </ol>\n    </nav>\n  );\n});","// extracted by mini-css-extract-plugin\nexport default {\"partialOptions\":\"Gufgq\",\"partialName\":\"SicQQ\",\"partialDescription\":\"dPGMq\",\"partialThumbnail\":\"vZrnb\",\"partialDragHandle\":\"iq73R\"};","import React from 'react';\nimport { Col, Row } from 'react-bootstrap';\n\nimport { VideoListHelper } from 'libs/shared/components/video-list/VideoListHelper';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\n\nimport styles from './partial-video-list.scss';\n\ninterface PartialVideoListProps {\n  withReordering?: boolean;\n  numVideos?: number;\n  allowBulkActions?: boolean;\n}\n\nPartialVideoList.defaultProps = {\n  numVideos: 15\n};\n\nexport function PartialVideoList(props: PartialVideoListProps): JSX.Element {\n  return (\n    <div className='mx-2'>\n      {Array(props.numVideos).fill(null).map((_, i) => (\n        <div className='d-flex' key={i}>\n          {props.allowBulkActions && <div className='form-check pe-3 pe-sm-2 mx-0 mx-md-2' />}\n          <PartialVideoItem {...props} />\n        </div>\n      ))}\n    </div>\n  );\n}\n\nexport function PartialVideoItem(props: PartialVideoListProps): JSX.Element {\n  const breakpoints = useBreakpoints();\n\n  const size = VideoListHelper.getSize(breakpoints, 'md');\n  const isSmall = size === 'sm';\n\n  const withDragHandle = props.withReordering && !breakpoints.xs;\n\n  return (\n    <Row className={`${isSmall ? '' : 'py-2'} flex-grow-1`}>\n      <Col {...VideoListHelper.getThumbnailColumns()} className={`flex-column align-items-flex-start ${isSmall ? `pb-2 pe-1` : 'mb-1 pe-3 pe-md-2'}`}>\n        <Row>\n          {!!withDragHandle && (\n            <div className='d-flex align-items-center justify-content-center col-2'>\n              <div className={`partial-loading-background ${styles.partialDragHandle}`} />\n            </div>\n          )}\n          <Col xs={VideoListHelper.getThumbnailColSize(withDragHandle)}>\n            <div className={`partial-loading-background ${isSmall ? 'rounded' : 'rounded-3'} ${styles.partialThumbnail}`} />\n          </Col>\n        </Row>\n      </Col>\n      <Col {...VideoListHelper.getDetailsColumns()} className={isSmall ? 'pb-2' : 'px-2'}>\n        <div className={`partial-loading-background mb-1 ${styles.partialName}`} />\n        <div className={`partial-loading-background ${styles.partialDescription}`} />\n      </Col>\n    </Row>\n  );\n}\n\n","const DEFAULT_PARTIAL_LOADING_OPTIONS: PartialLoadingOptions = {\n  numItems: 5,\n  minWidth: 50, // px\n  maxWidth: 100 // px\n};\n\nexport interface PartialLoadingOptions {\n  numItems?: number;\n  minWidth?: number;\n  maxWidth?: number;\n}\n\ninterface PartialLoadingItem {\n  width: string;\n}\n\nexport const PartialLoadingHelper = {\n  getPartialLoadingItems(options: PartialLoadingOptions = {}): PartialLoadingItem[] {\n    const opts = {\n      ...DEFAULT_PARTIAL_LOADING_OPTIONS,\n      ...options\n    };\n\n    const getRandomFilterWidth = () => Math.max(Math.floor(Math.random() * opts.maxWidth), opts.minWidth);\n\n    return [...Array(opts.numItems)].map(() => ({ width: `${getRandomFilterWidth()}px` }));\n  }\n};","import { Flight } from 'libs/common/react/index';\n\nimport { AudienceRequests } from 'libs/shared/flight-requests/AudienceRequests';\nimport { PresentationAudience } from 'libs/shared/interfaces';\n\nimport { usePresentation } from 'shared/hooks/usePresentation';\n\nexport const usePresentationAudiences = () => {\n  const { activePresentation, getFallbackPresentation } = usePresentation({ redirectOnError: true });\n\n  const presentation = activePresentation || getFallbackPresentation();\n\n  const audiences = Flight.useBasicFetch<PresentationAudience[]>(\n    !!presentation &&\n    AudienceRequests.presentationAudiences(presentation.id)\n  );\n\n  return audiences;\n};","import { LocalPermissionName, PermissionName } from 'libs/shared/enums/PermissionName';\nimport { ProductId } from 'libs/shared/enums/ProductId';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useProducts } from 'libs/shared/hooks/UseProducts';\n\nimport { LiteRouteHelper } from 'shared/utils/LiteRouteHelper';\n\nexport interface VideoFeaturesHash {\n  canViewGlance: boolean;\n  canViewResources: boolean;\n  canViewInteractives: boolean;\n  canViewClips: boolean;\n  canUseActions: boolean;\n  canViewPublicLayout: boolean;\n  canNavigate: boolean;\n  canViewCurriculumLinks: boolean;\n  canViewResourceItems: boolean;\n}\n\nexport function useVideoFeatureAccess() {\n  const { hasPermissions, hasLocalPermissions } = usePermissions();\n  const { hasProduct } = useProducts();\n\n  const hasNP = hasProduct(ProductId.Primary);\n\n  function showPublicLayout(): boolean {\n    /**\n     * Authenticated users should never see the placeholder\n     */\n    if (hasLocalPermissions(LocalPermissionName.WatchVideos))\n      return false;\n\n    /**\n     * Accessing a play page unathenticated will have different contextual behabviours:\n     * - For a share page, the user should see the video and never the placeholder\n     * - For a public browsing page (ie. using a route-prefix) they should see the placeholder\n     */\n    return LiteRouteHelper.hasRegionPrefix();\n  }\n\n  return {\n    canViewGlance: hasPermissions(PermissionName.ViewVideoGlance),\n    canViewResources: true,\n    canViewInteractives: hasNP && hasPermissions(PermissionName.ViewVideoInteractives),\n    canViewClips: hasNP && hasPermissions(PermissionName.ViewVideoClips),\n    canViewCurriculumLinks: hasPermissions(PermissionName.ViewCurriculums),\n    canUseActions: hasLocalPermissions(LocalPermissionName.UseVideoActions),\n    canViewPublicLayout: showPublicLayout(),\n    canViewResourceItems: hasLocalPermissions(LocalPermissionName.ViewVideoResourceItems),\n    canNavigate: hasNP\n  };\n}","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { Breadcrumb, Breadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { VideoList } from 'libs/shared/components/video-list/VideoList';\nimport { VideoActionsContext } from 'libs/shared/context/VideoActionsContext';\nimport { RelatedVideosContext } from 'libs/shared/enums/RelatedVideosContext';\nimport { ClipRequests } from 'libs/shared/flight-requests/ClipRequests';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { 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 { 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  const clips = Flight.useBasicFetch<Clip[]>(\n    parentVideoId && featureAccess.canViewClips && ClipRequests.videoClips(parentVideoId)\n  );\n  \n  const content = clips?.data?.filter(clip => clip.id.toString() !== clipId.toString());\n  const count = content?.length || 0;\n\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n\n  const title = `${getPhrase('otherClipsHeading')} (${count || ''})`;\n\n  const audiences = usePresentationAudiences();\n  const { hasPermissions } = usePermissions();\n\n  const breadcrumbs: Breadcrumb[] = [{\n    name: clip.data?.name,\n    appLink: {\n      ...VideoMediaAppLinks.playClip,\n      args: [ clipId, TextHelper.slugify(clip.data?.name) ]\n    }\n  }, {\n    name: title,\n    appLink: {\n      application: AppChannels.CLIPS,\n      action: Actions.Clips.CLIP_CLIPS,\n      args: [ clipId, 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 || !content?.length || !config.hasCompleted)\n    return <PartialVideoMediaView />;\n\n  return (\n    <VideoActionsContext.Provider value={videoActions}>\n      <div className='px-3'>\n        <h1 className='h2 mb-2'>{title}</h1>\n       \n        <div className='mb-2'>\n          <Breadcrumbs breadcrumbs={breadcrumbs}/>\n        </div>\n\n        <VideoList\n          videos={content}\n          yearGroups={yearGroups.data}\n          getVideoAppLink={(video, opts) => VideoAppLinkHelper.getAppLink(video, {\n            ...opts,\n            context: RelatedVideosContext.Widget,\n            contextId: props.clipId\n          })}\n          hasPermissions={hasPermissions}\n          getSubTextAppLink={video => SeriesAppLinkHelper.getSeriesAppLink(video.series)}\n          setFavourite={setFavourite}\n          canFavourite={canFavourite}\n          presentationAudiences={audiences.data}\n          imageCdnUrl={config.data?.imageCdnUrl}\n          isPlugin={isPlugin}\n          getClassroomGuideAppLink={VideoAppLinkHelper.getClassroomGuideAppLink}\n          getInteractiveGuidanceAppLink={VideoAppLinkHelper.getInteractiveGuidanceAppLink}\n          getResourceGuidanceAppLink={VideoAppLinkHelper.getResourceGuidanceAppLink}\n        />\n      </div>\n    </VideoActionsContext.Provider>\n  );\n}","\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nexport const VideoMediaAppLinks = {\n  playVideo: {\n    application: AppChannels.VIDEOS,\n    action: Actions.Videos.PLAY_VIDEO\n  },\n  playClip: {\n    application: AppChannels.CLIPS,\n    action: Actions.Clips.PLAY_CLIP\n  }\n};","// extracted by mini-css-extract-plugin\nexport default {\"partialHeading\":\"okxfx\"};","import React from 'react';\n\nimport { PartialBreadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { PartialVideoList } from 'libs/shared/components/video-list/partial-loading/PartialVideoList';\n\nimport styles from './partial-video-media-view.scss';\n\nexport function PartialVideoMediaView(): JSX.Element {\n  return (\n    <div className='px-3'>\n      <div className={`partial-loading-background mb-2 ${styles.partialHeading}`} />\n      <div className='mb-2'>\n        <PartialBreadcrumbs/>\n      </div>\n      <PartialVideoList />\n    </div>\n  );\n}"],"names":["BreadcrumbItem","breadcrumb","name","appLink","active","withBackIcon","className","svgName","size","S","Breadcrumbs","breadcrumbs","isMobile","length","map","b","idx","key","PartialBreadcrumbs","numItems","style","height","width","dangerouslySetInnerHTML","__html","PartialVideoList","props","Array","numVideos","fill","_","i","allowBulkActions","PartialVideoItem","breakpoints","useBreakpoints","isSmall","VideoListHelper","withDragHandle","withReordering","xs","Row","Col","defaultProps","DEFAULT_PARTIAL_LOADING_OPTIONS","minWidth","maxWidth","PartialLoadingHelper","getPartialLoadingItems","options","opts","Math","max","floor","random","usePresentationAudiences","redirectOnError","activePresentation","getFallbackPresentation","presentation","id","useVideoFeatureAccess","hasPermissions","hasLocalPermissions","hasNP","hasProduct","canViewGlance","canViewResources","canViewInteractives","canViewClips","canViewCurriculumLinks","canUseActions","canViewPublicLayout","canViewResourceItems","canNavigate","getPhrase","ClipClipsView","clipId","u","setFavourite","canFavourite","isPlugin","videoActions","location","featureAccess","currentUser","yearGroups","data","isAuthenticated","customerId","clip","parentVideoId","_parentVideo","clips","content","filter","toString","count","config","title","audiences","args","application","action","replace","redirectToPlaypage","hasCompleted","value","videos","getVideoAppLink","video","context","contextId","getSubTextAppLink","series","presentationAudiences","imageCdnUrl","getClassroomGuideAppLink","getInteractiveGuidanceAppLink","getResourceGuidanceAppLink","VideoMediaAppLinks","playVideo","playClip","PartialVideoMediaView"],"sourceRoot":""}