@clickview/lite 0.50.0 → 0.50.1-rc.0

package/dist/scripts/{1080-d6dfc36c03-lite.chunk.js → 1080-362271a654-lite.chunk.js}

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[1080],{11080:(e,a,t)=>{t.r(a),t.d(a,{MoviesAndTvView:()=>ce});var n=t(32735),i=t(23481),r=t(81886),s=t(20354),c=t(75896),l=t(28400),o=t(65858),d=t(49985),m=t(10874),u=t(83345),g=t(12754),p=t(35223);const v={link:"voPXM"};var h="moviesAndTV.exchangeAndTvLinks",k=i.T.encloseNamespace(h);function E(e){function a(){d.k.logUserAction({href:e.href},{actionType:o.Vw.Click,entity:o.py.Link,location:o.LZ.ExchangeLinksWidget})}var t={backgroundColor:e.backgroundColor};return e.backgroundImage&&(t.backgroundImage="url(".concat(e.backgroundImage,")")),n.createElement("div",{className:"d-flex justify-content-between align-items-center text-white p-3 mb-3 rounded-3 ".concat(v.link),style:t},n.createElement("a",{className:"h6 mb-0",href:e.href,target:"_blank",onClick:a},e.title),n.createElement(m.h,{href:e.href,svgName:p.vn.NewWindow,openInNewTab:!0,className:"btn btn-outline-dark d-lg-block d-none",onClick:a},e.cta))}function b(e){if(e.products.isLoadingProducts||!e.products.hasProduct(g.x.Exchange)||"exchange_and_tv"!==e.exchangeTvProductOption)return n.createElement(n.Fragment,null);var a=e.products.products.data.find((function(e){return e.id===g.x.Exchange})).url;return n.createElement("div",null,n.createElement("div",{className:"curated-widget-header"},n.createElement("h2",{className:"h4 curated-widget-heading"},n.createElement(u.x,{namespace:h,phrase:"title"}))),n.createElement("div",{className:"row"},n.createElement("div",{className:"col-md-6 col-12"},n.createElement(E,{title:k("exchangeText"),cta:k("exchangeCta"),backgroundColor:"#7A76EB",backgroundImage:e.isPrimary?"":"https://img.clickviewapp.com/v2/thumbnails/7mqa32",href:a+"/exchange"})),n.createElement("div",{className:"col-md-6 col-12"},n.createElement(E,{title:k("tvText"),cta:k("tvCta"),backgroundColor:"#40BCC3",backgroundImage:e.isPrimary?"":"https://img.clickviewapp.com/v2/thumbnails/Eo3L1k",href:a+"/tv"}))))}var f=t(83914),T=t(76177),A=t(97717),x=t(16714),w=t(72639),L=t(78479),P=t(42308),C=t(15311),y=t(40424),I=t(21366),N=t(23232),S="moviesAndTv.dashboardEmptyState",O=i.T.encloseNamespace(S);function F(e){var a,t,r=(null===(a=e.dashboard)||void 0===a?void 0:a.status)===y.GL.Archived;return n.createElement(N.u,null,n.createElement(N.u.Image,{src:e.imageUrl,altText:O("info")}),n.createElement(N.u.Heading,null,n.createElement(u.x,{namespace:S,phrase:"heading"})),n.createElement(N.u.Info,null,n.createElement(u.x,{namespace:S,phrase:"info"})),n.createElement(T.u,{title:r?i.T.getPhrase(S,"archivedCtaTooltip"):"",spanHack:!0},n.createElement(N.u.Cta,{text:i.T.getPhrase(S,"add"),appLink:null===(t=e.addWidgetApplink)||void 0===t?void 0:t.call(e),className:"btn btn-dark",icon:p.vn.Plus,disabled:r})))}const U={icon:"Kmx7z",title:"Hw1qq"};var W="moviesAndTv.dashboard",M=i.T.encloseNamespace(W);function R(e){var a,t,i=c.m.sortBy(null===(a=e.dashboard)||void 0===a?void 0:a.widgets,"index"),r=(0,C.r)().hasProduct,s=e.hasPermissions(x.C.Exchange)&&r(g.x.Exchange),l=e.isReadonly?i:i.filter((function(e){return e.templateId!==L.f.HeroBannerSmall&&e.widgetId!==P.z.Blurb||s}));function o(a,t,n){var i=I.S.getWidgetParams(t,n,I.S.getDashboardTargetType(e.dashboard));return e.getWidgetContentRequest(a,i,n)}var d=e.isReadonly&&!(null==l?void 0:l.length);return n.createElement("div",{className:"px-4"},n.createElement("div",{className:"d-flex align-items-center"},n.createElement("div",{style:{backgroundImage:"url(".concat(e.moviesAndTvIconUrl,")")},className:"".concat(U.icon)}),n.createElement("h1",{className:"h2 ".concat(U.title," d-inline-block me-2")},n.createElement(u.x,{namespace:W,phrase:"heading"})),e.showPreviewingTooltip&&n.createElement("div",{className:"pt-1"},n.createElement(T.u,{title:M("tooltip"),spanHack:!0},n.createElement(f.x,{svgName:p.vn.Info})))),n.createElement("hr",{className:"mt-2"}),n.createElement(b,{exchangeTvProductOption:e.exchangeTvProductOption,products:e.products,isPrimary:+w.p[null===(t=e.presentation)||void 0===t?void 0:t.learningLevel]===w.p.Level_1}),l.map((function(a,t){return n.createElement(A.L,{key:a.id,id:a.id,imageCdnUrl:e.imageCdnUrl,getContentRequest:o,audiences:e.audiences,name:a.name,description:a.description,templateId:a.templateId,metadata:a.metadata,presentation:e.presentation,setFavourite:e.setFavourite,canFavourite:e.canFavourite,resourceThumbnailFallbackImageUrl:e.resourceThumbnailFallbackImageUrl,preferences:a.preferences,appLinks:e.widgetAppLinks,isScrollToTargetWidget:(null==e?void 0:e.scrollToWidgetId)===a.id,widgetTypeId:a.widgetId,yearGroups:e.yearGroups,lazyLoad:e.lazyLoad,dashboardTarget:y.ku.MoviesAndTv,widgetIndex:t,hasPermissions:e.hasPermissions,hasLocalPermissions:e.hasLocalPermissions,isPreviewing:e.isReadonly,isPlugin:e.isPlugin})})),d&&n.createElement(F,{dashboard:e.dashboard,isReadonly:e.isReadonly,imageUrl:e.emptyImageUrl,addWidgetApplink:e.widgetAppLinks.widgetWizard}))}var _=t(17475),B=t(183),H=t(39151),D=t(80889),G=t(31949),V=t(22902),q=t(79612),j=t(37802),z=t(76753),Q=t(73417),Y=t(99742),X=t(14070),Z=t(97291),J=t(51855),K=t(7179),$=t(27638),ee=t(23737),ae=t(30241),te=t(33192),ne=t(22490),ie=t(82431),re=i.T.encloseNamespace("moviesAndTV.moviesAndTV"),se={rating:function(e,a){return{application:Z.O.SEARCH,action:X.e.Search.HOME,params:{moviesAndTv:!0,rating:_.S.getFrontendParamValue([c.m.first(a),e])}}},classification:function(e){return{application:Z.O.SUBJECT,action:X.e.Subjects.CLASSIFICATION,args:[null==e?void 0:e.id,l.m.slugify(null==e?void 0:e.name)],params:{mtv:!0}}},videoType:function(e,a){return ne.W.getAppLink(e,Object.assign(Object.assign({},a),{moviesAndTv:!0,context:B.Q.Widget}))},series:function(e){return ie.j.getSeriesAppLink(e,{mtv:!0})},subText:function(e){return ie.j.getSeriesAppLink(e.series,{mtv:!0})},playlist:function(e){return{application:Z.O.PLAYLISTS,action:X.e.Playlists.PLAYLIST,args:[e.id,l.m.slugify(e.name)],params:{mtv:!0}}},company:function(e){return{application:Z.O.MOVIES_AND_TV,action:X.e.MoviesAndTv.COMPANY_DASHBOARD,args:[e.id,l.m.slugify(e.name)]}},classroomGuide:ne.W.getClassroomGuideAppLink,interactiveGuidance:ne.W.getInteractiveGuidanceAppLink,resourceGuidance:ne.W.getResourceGuidanceAppLink};function ce(e){var a,t,i=(0,V.T)(),c=i.hasPermissions,l=i.hasLocalPermissions,d=(0,j.r)(null),m=d.hasNewMoviesAndTv,u=d.isLoadingSettings,g=(0,C.r)(),p=(0,j.r)(null).exchangeTvProductOption,v=(0,J.G)().isPlugin,h=s.a.useBasicFetch(H.L.config()),k=s.a.useBasicFetch(G.N.currentUser()),E=(0,$.u)(o.LZ.ExpandableVideoThumbnail),b=E.setFavourite,f=E.canFavourite,T=(0,ee.y)({targetType:y.ku.MoviesAndTv,queryParams:e.queryParams,presentationSlug:e.presentationSlug}),A=T.dashboard,w=T.presentation;return(0,K.P)({app:"movies-and-tv"}),(0,q.M)(z.CG.getDefaultMetadata({title:null==w?void 0:w.name,phraseContext:{phraseHandler:re,titlePhrase:"pageTitle",descriptionPhrase:"pageDescription"},canonicalLink:te.f.getCanonicalLink(),hrefLang:te.f.getStaticRouteHrefLang(null==w?void 0:w.learningLevel,(function(){return{application:Z.O.MOVIES_AND_TV,action:X.e.MoviesAndTv.HOME}}),ae.XA),allowIndexing:te.f.allowIndexing()})),n.useEffect((function(){!u&&A.hasCompleted&&(m&&A.data||r.Q.C$.trigger({application:Z.O.DASHBOARD,action:X.e.Dashboard.HOME},{replace:!0}))}),[m,u,A.data,A.hasCompleted]),n.createElement(n.Fragment,null,n.createElement("div",{className:"px-4"},n.createElement(Q.T,null)),n.createElement(R,{dashboard:A.data,currentUser:k.data,getWidgetContentRequest:D._.dashboardWidgetContent,imageCdnUrl:null===(a=h.data)||void 0===a?void 0:a.imageCdnUrl,resourceThumbnailFallbackImageUrl:Y.W.Fallbacks.RESOURCE_THUMBNAIL,presentation:w,showPreviewingTooltip:(null===(t=k.data)||void 0===t?void 0:t.isAuthenticated)&&!c(x.C.StudentExperience),moviesAndTvIconUrl:Y.W.MoviesAndTv.DASHBOARD_ICON,widgetAppLinks:se,canFavourite:f,setFavourite:b,hasPermissions:c,hasLocalPermissions:l,exchangeTvProductOption:p,products:g,isPlugin:v}))}},73417:(e,a,t)=>{t.d(a,{T:()=>d});var n=t(32735),i=t(11607),r=t(83914),s=t(83345),c=t(87348),l=t(35223),o="shared.upgradeFeedbackBanner";function d(){var e=(0,c.Q)(),a=e.showFeedbackBanner,t=e.dismissFeedbackBanner;return a?n.createElement("div",{className:"alert bg-light-blue p-2 rounded text-info fw-semibold d-flex justify-content-between align-items-center"},n.createElement(s.x,{namespace:o,phrase:"message",options:{url:"https://www.clickvieweducation.com/en-au/blog/product/exchange-tv-new-look"}}),n.createElement(i.L,{onClick:t},n.createElement(r.x,{svgName:l.vn.Close,className:"ms-2 svg-container"}))):n.createElement(n.Fragment,null)}}}]);
-//# sourceMappingURL=1080-d6dfc36c03-lite.chunk.js.map
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[1080],{11080:(e,a,t)=>{t.r(a),t.d(a,{MoviesAndTvView:()=>ce});var n=t(32735),i=t(23481),r=t(81886),s=t(20354),c=t(75896),l=t(28400),o=t(65858),d=t(49985),m=t(10874),u=t(83345),g=t(12754),p=t(35223);const v={link:"voPXM"};var h="moviesAndTV.exchangeAndTvLinks",k=i.T.encloseNamespace(h);function E(e){function a(){d.k.logUserAction({href:e.href},{actionType:o.Vw.Click,entity:o.py.Link,location:o.LZ.ExchangeLinksWidget})}var t={backgroundColor:e.backgroundColor};return e.backgroundImage&&(t.backgroundImage="url(".concat(e.backgroundImage,")")),n.createElement("div",{className:"d-flex justify-content-between align-items-center text-white p-3 mb-3 rounded-3 ".concat(v.link),style:t},n.createElement("a",{className:"h6 mb-0",href:e.href,target:"_blank",onClick:a},e.title),n.createElement(m.h,{href:e.href,svgName:p.vn.NewWindow,openInNewTab:!0,className:"btn btn-outline-dark d-lg-block d-none",onClick:a},e.cta))}function b(e){if(e.products.isLoadingProducts||!e.products.hasProduct(g.x.Exchange)||"exchange_and_tv"!==e.exchangeTvProductOption)return n.createElement(n.Fragment,null);var a=e.products.products.data.find((function(e){return e.id===g.x.Exchange})).url;return n.createElement("div",null,n.createElement("div",{className:"curated-widget-header"},n.createElement("h2",{className:"h4 curated-widget-heading"},n.createElement(u.x,{namespace:h,phrase:"title"}))),n.createElement("div",{className:"row"},n.createElement("div",{className:"col-md-6 col-12"},n.createElement(E,{title:k("exchangeText"),cta:k("exchangeCta"),backgroundColor:"#7A76EB",backgroundImage:e.isPrimary?"":"https://img.clickviewapp.com/v2/thumbnails/7mqa32",href:a+"/exchange"})),n.createElement("div",{className:"col-md-6 col-12"},n.createElement(E,{title:k("tvText"),cta:k("tvCta"),backgroundColor:"#40BCC3",backgroundImage:e.isPrimary?"":"https://img.clickviewapp.com/v2/thumbnails/Eo3L1k",href:a+"/tv"}))))}var f=t(83914),T=t(76177),A=t(32624),x=t(16714),w=t(72639),L=t(78479),P=t(42308),C=t(15311),y=t(40424),I=t(21366),N=t(23232),S="moviesAndTv.dashboardEmptyState",O=i.T.encloseNamespace(S);function F(e){var a,t,r=(null===(a=e.dashboard)||void 0===a?void 0:a.status)===y.GL.Archived;return n.createElement(N.u,null,n.createElement(N.u.Image,{src:e.imageUrl,altText:O("info")}),n.createElement(N.u.Heading,null,n.createElement(u.x,{namespace:S,phrase:"heading"})),n.createElement(N.u.Info,null,n.createElement(u.x,{namespace:S,phrase:"info"})),n.createElement(T.u,{title:r?i.T.getPhrase(S,"archivedCtaTooltip"):"",spanHack:!0},n.createElement(N.u.Cta,{text:i.T.getPhrase(S,"add"),appLink:null===(t=e.addWidgetApplink)||void 0===t?void 0:t.call(e),className:"btn btn-dark",icon:p.vn.Plus,disabled:r})))}const U={icon:"Kmx7z",title:"Hw1qq"};var W="moviesAndTv.dashboard",M=i.T.encloseNamespace(W);function R(e){var a,t,i=c.m.sortBy(null===(a=e.dashboard)||void 0===a?void 0:a.widgets,"index"),r=(0,C.r)().hasProduct,s=e.hasPermissions(x.C.Exchange)&&r(g.x.Exchange),l=e.isReadonly?i:i.filter((function(e){return e.templateId!==L.f.HeroBannerSmall&&e.widgetId!==P.z.Blurb||s}));function o(a,t,n){var i=I.S.getWidgetParams(t,n,I.S.getDashboardTargetType(e.dashboard));return e.getWidgetContentRequest(a,i,n)}var d=e.isReadonly&&!(null==l?void 0:l.length);return n.createElement("div",{className:"px-4"},n.createElement("div",{className:"d-flex align-items-center"},n.createElement("div",{style:{backgroundImage:"url(".concat(e.moviesAndTvIconUrl,")")},className:"".concat(U.icon)}),n.createElement("h1",{className:"h2 ".concat(U.title," d-inline-block me-2")},n.createElement(u.x,{namespace:W,phrase:"heading"})),e.showPreviewingTooltip&&n.createElement("div",{className:"pt-1"},n.createElement(T.u,{title:M("tooltip"),spanHack:!0},n.createElement(f.x,{svgName:p.vn.Info})))),n.createElement("hr",{className:"mt-2"}),n.createElement(b,{exchangeTvProductOption:e.exchangeTvProductOption,products:e.products,isPrimary:+w.p[null===(t=e.presentation)||void 0===t?void 0:t.learningLevel]===w.p.Level_1}),l.map((function(a,t){return n.createElement(A.L,{key:a.id,id:a.id,imageCdnUrl:e.imageCdnUrl,getContentRequest:o,audiences:e.audiences,name:a.name,description:a.description,templateId:a.templateId,metadata:a.metadata,presentation:e.presentation,setFavourite:e.setFavourite,canFavourite:e.canFavourite,resourceThumbnailFallbackImageUrl:e.resourceThumbnailFallbackImageUrl,preferences:a.preferences,appLinks:e.widgetAppLinks,isScrollToTargetWidget:(null==e?void 0:e.scrollToWidgetId)===a.id,widgetTypeId:a.widgetId,yearGroups:e.yearGroups,lazyLoad:e.lazyLoad,dashboardTarget:y.ku.MoviesAndTv,widgetIndex:t,hasPermissions:e.hasPermissions,hasLocalPermissions:e.hasLocalPermissions,isPreviewing:e.isReadonly,isPlugin:e.isPlugin})})),d&&n.createElement(F,{dashboard:e.dashboard,isReadonly:e.isReadonly,imageUrl:e.emptyImageUrl,addWidgetApplink:e.widgetAppLinks.widgetWizard}))}var _=t(17475),B=t(183),H=t(39151),D=t(80889),G=t(31949),V=t(22902),q=t(79612),j=t(37802),z=t(76753),Q=t(73417),Y=t(99742),X=t(14070),Z=t(97291),J=t(51855),K=t(7179),$=t(27638),ee=t(23737),ae=t(30241),te=t(33192),ne=t(22490),ie=t(82431),re=i.T.encloseNamespace("moviesAndTV.moviesAndTV"),se={rating:function(e,a){return{application:Z.O.SEARCH,action:X.e.Search.HOME,params:{moviesAndTv:!0,rating:_.S.getFrontendParamValue([c.m.first(a),e])}}},classification:function(e){return{application:Z.O.SUBJECT,action:X.e.Subjects.CLASSIFICATION,args:[null==e?void 0:e.id,l.m.slugify(null==e?void 0:e.name)],params:{mtv:!0}}},videoType:function(e,a){return ne.W.getAppLink(e,Object.assign(Object.assign({},a),{moviesAndTv:!0,context:B.Q.Widget}))},series:function(e){return ie.j.getSeriesAppLink(e,{mtv:!0})},subText:function(e){return ie.j.getSeriesAppLink(e.series,{mtv:!0})},playlist:function(e){return{application:Z.O.PLAYLISTS,action:X.e.Playlists.PLAYLIST,args:[e.id,l.m.slugify(e.name)],params:{mtv:!0}}},company:function(e){return{application:Z.O.MOVIES_AND_TV,action:X.e.MoviesAndTv.COMPANY_DASHBOARD,args:[e.id,l.m.slugify(e.name)]}},classroomGuide:ne.W.getClassroomGuideAppLink,interactiveGuidance:ne.W.getInteractiveGuidanceAppLink,resourceGuidance:ne.W.getResourceGuidanceAppLink};function ce(e){var a,t,i=(0,V.T)(),c=i.hasPermissions,l=i.hasLocalPermissions,d=(0,j.r)(null),m=d.hasNewMoviesAndTv,u=d.isLoadingSettings,g=(0,C.r)(),p=(0,j.r)(null).exchangeTvProductOption,v=(0,J.G)().isPlugin,h=s.a.useBasicFetch(H.L.config()),k=s.a.useBasicFetch(G.N.currentUser()),E=(0,$.u)(o.LZ.ExpandableVideoThumbnail),b=E.setFavourite,f=E.canFavourite,T=(0,ee.y)({targetType:y.ku.MoviesAndTv,queryParams:e.queryParams,presentationSlug:e.presentationSlug}),A=T.dashboard,w=T.presentation;return(0,K.P)({app:"movies-and-tv"}),(0,q.M)(z.CG.getDefaultMetadata({title:null==w?void 0:w.name,phraseContext:{phraseHandler:re,titlePhrase:"pageTitle",descriptionPhrase:"pageDescription"},canonicalLink:te.f.getCanonicalLink(),hrefLang:te.f.getStaticRouteHrefLang(null==w?void 0:w.learningLevel,(function(){return{application:Z.O.MOVIES_AND_TV,action:X.e.MoviesAndTv.HOME}}),ae.XA),allowIndexing:te.f.allowIndexing()})),n.useEffect((function(){!u&&A.hasCompleted&&(m&&A.data||r.Q.C$.trigger({application:Z.O.DASHBOARD,action:X.e.Dashboard.HOME},{replace:!0}))}),[m,u,A.data,A.hasCompleted]),n.createElement(n.Fragment,null,n.createElement("div",{className:"px-4"},n.createElement(Q.T,null)),n.createElement(R,{dashboard:A.data,currentUser:k.data,getWidgetContentRequest:D._.dashboardWidgetContent,imageCdnUrl:null===(a=h.data)||void 0===a?void 0:a.imageCdnUrl,resourceThumbnailFallbackImageUrl:Y.W.Fallbacks.RESOURCE_THUMBNAIL,presentation:w,showPreviewingTooltip:(null===(t=k.data)||void 0===t?void 0:t.isAuthenticated)&&!c(x.C.StudentExperience),moviesAndTvIconUrl:Y.W.MoviesAndTv.DASHBOARD_ICON,widgetAppLinks:se,canFavourite:f,setFavourite:b,hasPermissions:c,hasLocalPermissions:l,exchangeTvProductOption:p,products:g,isPlugin:v}))}},73417:(e,a,t)=>{t.d(a,{T:()=>d});var n=t(32735),i=t(11607),r=t(83914),s=t(83345),c=t(87348),l=t(35223),o="shared.upgradeFeedbackBanner";function d(){var e=(0,c.Q)(),a=e.showFeedbackBanner,t=e.dismissFeedbackBanner;return a?n.createElement("div",{className:"alert bg-light-blue p-2 rounded text-info fw-semibold d-flex justify-content-between align-items-center"},n.createElement(s.x,{namespace:o,phrase:"message",options:{url:"https://www.clickvieweducation.com/en-au/blog/product/exchange-tv-new-look"}}),n.createElement(i.L,{onClick:t},n.createElement(r.x,{svgName:l.vn.Close,className:"ms-2 svg-container"}))):n.createElement(n.Fragment,null)}}}]);
+//# sourceMappingURL=1080-362271a654-lite.chunk.js.map

package/dist/scripts/{1080-d6dfc36c03-lite.chunk.js.map → 1080-362271a654-lite.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"scripts/1080-d6dfc36c03-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/apps/movies-and-tv/components/exchange-and-tv-links/exchange-and-tv-links.scss","file:///app/packages/libs/shared/src/apps/movies-and-tv/components/exchange-and-tv-links/ExchangeAndTvLinks.tsx","file:///app/packages/libs/shared/src/apps/movies-and-tv/components/movies-and-tv-dashboard/empty-state/MoviesAndTvDashboardEmptyState.tsx","file:///app/packages/libs/shared/src/apps/movies-and-tv/components/movies-and-tv-dashboard/movies-and-tv-dashboard.scss","file:///app/packages/libs/shared/src/apps/movies-and-tv/components/movies-and-tv-dashboard/MoviesAndTvDashboard.tsx","file:///app/packages/projects/lite/src/apps/movies-and-tv/views/movies-and-tv-view/MoviesAndTvView.tsx","file:///app/packages/projects/lite/src/shared/components/upgrade-feedback-banner/UpgradeFeedbackBanner.tsx"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"link\":\"voPXM\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { EntityType, LocationContext, UserAction } from 'libs/analytics/interfaces';\n\nimport { IconButton } from 'libs/shared/components/icon-button/IconButton';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { ProductId } from 'libs/shared/enums/ProductId';\nimport { UseProductsResponse } from 'libs/shared/hooks/UseProducts';\nimport { ExchangeTvProductOption } from 'libs/shared/interfaces/ExchangeTvProductOption';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport styles from './exchange-and-tv-links.scss';\n\nconst namespace = 'moviesAndTV.exchangeAndTvLinks';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface LinkProps {\n  backgroundImage: string;\n  backgroundColor: string;\n  title: string;\n  cta: string;\n  href: string;\n}\n\nfunction Link(props: LinkProps): JSX.Element {\n  function onClick(): void {\n    AnalyticsHelper.logUserAction({ href: props.href }, {\n      actionType: UserAction.Click,\n      entity: EntityType.Link,\n      location: LocationContext.ExchangeLinksWidget\n    });\n  }\n\n  const style: React.CSSProperties = {\n    backgroundColor: props.backgroundColor\n  };\n\n  if (props.backgroundImage)\n    style.backgroundImage = `url(${props.backgroundImage})`;\n\n  return (\n    <div\n      className={`d-flex justify-content-between align-items-center text-white p-3 mb-3 rounded-3 ${styles.link}`}\n      style={style}\n    >\n      <a className='h6 mb-0' href={props.href} target='_blank' onClick={onClick}>{props.title}</a>\n      <IconButton\n        href={props.href}\n        svgName={cvSvgLibrary.NewWindow}\n        openInNewTab\n        className='btn btn-outline-dark d-lg-block d-none'\n        onClick={onClick}\n      >\n        {props.cta}\n      </IconButton>\n    </div>\n  );\n}\n\ninterface ExchangeAndTvLinksProps {\n  isPrimary: boolean;\n  exchangeTvProductOption: ExchangeTvProductOption;\n  products: UseProductsResponse;\n}\n\nexport function ExchangeAndTvLinks(props: ExchangeAndTvLinksProps): JSX.Element {\n  const shouldShow = (\n    !props.products.isLoadingProducts &&\n    props.products.hasProduct(ProductId.Exchange) &&\n    props.exchangeTvProductOption === 'exchange_and_tv'\n  );\n\n  if (!shouldShow)\n    return <></>;\n\n  const exchangeUrl = props.products.products.data.find(p => p.id === ProductId.Exchange).url;\n\n  return (\n    <div>\n      <div className='curated-widget-header'>\n        <h2 className='h4 curated-widget-heading'>\n          <Text namespace={namespace} phrase='title' />\n        </h2>\n      </div>\n      <div className='row'>\n        <div className='col-md-6 col-12'>\n          <Link\n            title={getPhrase('exchangeText')}\n            cta={getPhrase('exchangeCta')}\n            backgroundColor='#7A76EB'\n            backgroundImage={props.isPrimary ? '' : 'https://img.clickviewapp.com/v2/thumbnails/7mqa32'}\n            href={exchangeUrl + '/exchange'}\n          />\n        </div>\n        <div className='col-md-6 col-12'>\n          <Link\n            title={getPhrase('tvText')}\n            cta={getPhrase('tvCta')}\n            backgroundColor='#40BCC3'\n            backgroundImage={props.isPrimary ? '' : 'https://img.clickviewapp.com/v2/thumbnails/Eo3L1k'}\n            href={exchangeUrl + '/tv'}\n          />\n        </div>\n      </div>\n    </div>\n  );\n}","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { EmptyState } from 'libs/shared/components/empty-states/EmptyState';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { CuratedDashboard, DashboardStatus } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nconst namespace = 'moviesAndTv.dashboardEmptyState';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface MoviesAndTvDashboardEmptyStateProps {\n  dashboard: CuratedDashboard;\n  imageUrl: string;\n  isReadonly: boolean;\n  addWidgetApplink?: () => Core.AppLink;\n}\n\nexport function MoviesAndTvDashboardEmptyState(props: MoviesAndTvDashboardEmptyStateProps): JSX.Element {\n  const isArchived = props.dashboard?.status === DashboardStatus.Archived;\n\n  return (\n    <EmptyState>\n      <EmptyState.Image src={props.imageUrl} altText={getPhrase('info')} />\n      <EmptyState.Heading>\n        <Text namespace={namespace} phrase='heading' />\n      </EmptyState.Heading>\n      <EmptyState.Info>\n        <Text namespace={namespace} phrase='info' />\n      </EmptyState.Info>\n      <Tooltip title={isArchived ? LanguageService.getPhrase(namespace, 'archivedCtaTooltip') : ''} spanHack>\n        <EmptyState.Cta\n          text={LanguageService.getPhrase(namespace, 'add')}\n          appLink={props.addWidgetApplink?.()}\n          className='btn btn-dark'\n          icon={cvSvgLibrary.Plus}\n          disabled={isArchived}\n        />\n      </Tooltip>\n    </EmptyState>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"icon\":\"Kmx7z\",\"title\":\"Hw1qq\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { ExchangeAndTvLinks } from 'libs/shared/apps/movies-and-tv/components/exchange-and-tv-links/ExchangeAndTvLinks';\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { WidgetContainerView } from 'libs/shared/components/widgets/curated-widgets/WidgetContainerView';\nimport { WidgetAppLinks } from 'libs/shared/components/widgets/curated-widgets/WidgetProps';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { PresentationLearningLevel } from 'libs/shared/enums/PresentationLearningLevel';\nimport { ProductId } from 'libs/shared/enums/ProductId';\nimport { WidgetTemplate } from 'libs/shared/enums/WidgetTemplate';\nimport { WidgetTypeId } from 'libs/shared/enums/WidgetTypeId';\nimport { HasLocalPermissionsFunc, HasPermissionsFunc } from 'libs/shared/hooks/usePermissions';\nimport { useProducts, UseProductsResponse } from 'libs/shared/hooks/UseProducts';\nimport { CanFavouriteFunc, CuratedDashboard, CuratedWidgetQueryParams, CurrentUser, DashboardTargetType, FavouriteFunc, Presentation, PresentationAudience, YearGroup } from 'libs/shared/interfaces';\nimport { ExchangeTvProductOption } from 'libs/shared/interfaces/ExchangeTvProductOption';\nimport { CuratedDashboardHelper } from 'libs/shared/utils/DashboardHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { MoviesAndTvDashboardEmptyState } from './empty-state/MoviesAndTvDashboardEmptyState';\n\nimport styles from './movies-and-tv-dashboard.scss';\n\nconst namespace = 'moviesAndTv.dashboard';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface MoviesAndDashboardProps {\n  dashboard: CuratedDashboard;\n  getWidgetContentRequest: (\n    id: string,\n    params: CuratedWidgetQueryParams,\n    widgetTemplate: WidgetTemplate\n  ) => Flight.Request;\n  imageCdnUrl: string;\n  currentUser: CurrentUser;\n  hasPermissions: HasPermissionsFunc;\n  hasLocalPermissions: HasLocalPermissionsFunc;\n  resourceThumbnailFallbackImageUrl: string;\n  audiences?: PresentationAudience[];\n  emptyImageUrl?: string;\n  moviesAndTvIconUrl?: string;\n  presentation: Presentation;\n  setFavourite?: FavouriteFunc;\n  canFavourite?: CanFavouriteFunc;\n  widgetAppLinks?: WidgetAppLinks;\n  scrollToWidgetId?: string;\n  isReadonly?: boolean;\n  yearGroups?: YearGroup[];\n  lazyLoad?: boolean;\n  showPreviewingTooltip?: boolean;\n  exchangeTvProductOption?: ExchangeTvProductOption;\n  products?: UseProductsResponse;\n  isPlugin: boolean;\n}\n\nexport function MoviesAndTvDashboard(props: MoviesAndDashboardProps): JSX.Element {\n  const widgets = ArrayHelper.sortBy(props.dashboard?.widgets, 'index');\n\n  const { hasProduct } = useProducts();\n\n  // todo replace with backend filtering widgets by permissions and products\n  const hasExchange = props.hasPermissions(PermissionName.Exchange) && hasProduct(ProductId.Exchange);\n  const filteredWidgets = props.isReadonly\n  // in Curator every widget is visible\n    ? widgets\n    : widgets.filter(w =>\n      (w.templateId !== WidgetTemplate.HeroBannerSmall && w.widgetId !== WidgetTypeId.Blurb)\n      || hasExchange);\n\n  function getWidgetContentRequest(id: string, widgetTypeId: WidgetTypeId, template: WidgetTemplate): Flight.Request {\n    const params = CuratedDashboardHelper.getWidgetParams(\n      widgetTypeId,\n      template,\n      CuratedDashboardHelper.getDashboardTargetType(props.dashboard)\n    );\n\n    return props.getWidgetContentRequest(id, params, template);\n  }\n\n  const showEmptyState = props.isReadonly && !filteredWidgets?.length;\n\n  return (\n    <div className='px-4'>\n      <div className='d-flex align-items-center'>\n        <div style={{ backgroundImage: `url(${props.moviesAndTvIconUrl})` }} className={`${styles.icon}`}></div>\n        <h1 className={`h2 ${styles.title} d-inline-block me-2`}>\n          <Text namespace={namespace} phrase='heading' />\n        </h1>\n        {props.showPreviewingTooltip &&\n          <div className='pt-1'>\n            <Tooltip title={getPhrase('tooltip')} spanHack>\n              <SvgContainer svgName={cvSvgLibrary.Info} />\n            </Tooltip>\n          </div>\n        }\n      </div>\n      <hr className='mt-2'/>\n      <ExchangeAndTvLinks\n        exchangeTvProductOption={props.exchangeTvProductOption}\n        products={props.products}\n        isPrimary={+PresentationLearningLevel[props.presentation?.learningLevel] === PresentationLearningLevel.Level_1}\n      />\n      {filteredWidgets.map((widget, idx) => {\n        return (\n          <WidgetContainerView\n            key={widget.id}\n            id={widget.id}\n            imageCdnUrl={props.imageCdnUrl}\n            getContentRequest={getWidgetContentRequest}\n            audiences={props.audiences}\n            name={widget.name}\n            description={widget.description}\n            templateId={widget.templateId}\n            metadata={widget.metadata}\n            presentation={props.presentation}\n            setFavourite={props.setFavourite}\n            canFavourite={props.canFavourite}\n            resourceThumbnailFallbackImageUrl={props.resourceThumbnailFallbackImageUrl}\n            preferences={widget.preferences}\n            appLinks={props.widgetAppLinks}\n            isScrollToTargetWidget={props?.scrollToWidgetId === widget.id}\n            widgetTypeId={widget.widgetId}\n            yearGroups={props.yearGroups}\n            lazyLoad={props.lazyLoad}\n            dashboardTarget={DashboardTargetType.MoviesAndTv}\n            widgetIndex={idx}\n            hasPermissions={props.hasPermissions}\n            hasLocalPermissions={props.hasLocalPermissions}\n            isPreviewing={props.isReadonly}\n            isPlugin={props.isPlugin}\n          />\n        );\n      })}\n\n      {showEmptyState && (\n        <MoviesAndTvDashboardEmptyState\n          dashboard={props.dashboard}\n          isReadonly={props.isReadonly}\n          imageUrl={props.emptyImageUrl}\n          addWidgetApplink={props.widgetAppLinks.widgetWizard}\n        />\n      )}\n    </div>\n  );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\nimport { Flight } from 'libs/common/flight';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { MoviesAndTvDashboard } from 'libs/shared/apps/movies-and-tv/components/movies-and-tv-dashboard/MoviesAndTvDashboard';\nimport { RatingFilterHelper } from 'libs/shared/apps/search/utils/RatingFilterHelper';\nimport { WidgetAppLinks } from 'libs/shared/components/widgets/curated-widgets/WidgetProps';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { RelatedVideosContext } from 'libs/shared/enums/RelatedVideosContext';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { DashboardRequests } from 'libs/shared/flight-requests/DashboardRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useProducts } from 'libs/shared/hooks/UseProducts';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { useSettings } from 'libs/shared/hooks/useSettings';\nimport { Classification, Company, Config, CurrentUser, DashboardTargetType, Playlist, Rating, Series, Video, VideoTypes } from 'libs/shared/interfaces';\nimport { GetVideoAppLinkOptions } from 'libs/shared/interfaces/VideoAppLinkOptions';\nimport { PageMetadataHelper } from 'libs/shared/utils/PageMetadataHelper';\n\nimport { UpgradeFeedbackBanner } from 'shared/components/upgrade-feedback-banner/UpgradeFeedbackBanner';\nimport { ImageUrls } from 'shared/constants/ImageUrls';\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { usePluginHelper } from 'shared/hooks/use-plugin-helper/usePluginHelper';\nimport { useDeepLinks } from 'shared/hooks/useDeepLinks';\nimport { useLiteFavourites } from 'shared/hooks/useLiteFavourites';\nimport { DashboardViewQueryParams } from 'shared/interfaces/query-params/DashboardViewQueryParams';\nimport { useFetchCuratedDashboard } from 'shared/utils/DashboardHelper';\nimport { REGIONAL_MTV_INDEXABILITY } from 'shared/utils/LiteRegionHelper';\nimport { SeoHelper } from 'shared/utils/SeoHelper';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\n\nimport { SeriesAppLinkHelper } from 'apps/series/SeriesAppLinkHelper';\n\nconst namespace = 'moviesAndTV.moviesAndTV';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst moviesAndTvAppLinks: WidgetAppLinks = {\n  rating: (rating: Rating, ratings: Rating[]) => {\n    return {\n      application: AppChannels.SEARCH,\n      action: Actions.Search.HOME,\n      params: {\n        moviesAndTv: true,\n        rating: RatingFilterHelper.getFrontendParamValue([ ArrayHelper.first(ratings), rating ])\n      }\n    };\n  },\n  classification: (classification?: Classification) => {\n    return {\n      application: AppChannels.SUBJECT,\n      action: Actions.Subjects.CLASSIFICATION,\n      args: [ classification?.id, TextHelper.slugify(classification?.name) ],\n      params: {\n        mtv: true\n      }\n    };\n  },\n\n  videoType: (video: VideoTypes, opts: GetVideoAppLinkOptions) => (\n    VideoAppLinkHelper.getAppLink(video, {\n      ...opts,\n      moviesAndTv: true,\n      context: RelatedVideosContext.Widget\n    })\n  ),\n\n  series: (series: Series) => SeriesAppLinkHelper.getSeriesAppLink(series, { mtv: true }),\n\n  subText: (video: Video) => SeriesAppLinkHelper.getSeriesAppLink(video.series, { mtv: true }),\n\n  playlist: (playlist: Playlist) => ({\n    application: AppChannels.PLAYLISTS,\n    action: Actions.Playlists.PLAYLIST,\n    args: [ playlist.id, TextHelper.slugify(playlist.name) ],\n    params: {\n      mtv: true\n    }\n  }),\n\n  company: (company: Company) => ({\n    application: AppChannels.MOVIES_AND_TV,\n    action: Actions.MoviesAndTv.COMPANY_DASHBOARD,\n    args: [ company.id, TextHelper.slugify(company.name) ]\n  }),\n\n  classroomGuide: VideoAppLinkHelper.getClassroomGuideAppLink,\n  interactiveGuidance: VideoAppLinkHelper.getInteractiveGuidanceAppLink,\n  resourceGuidance: VideoAppLinkHelper.getResourceGuidanceAppLink\n};\n\nexport interface MoviesAndTvProps {\n  presentationSlug?: string;\n  queryParams?: DashboardViewQueryParams;\n}\n\nexport function MoviesAndTvView(props: MoviesAndTvProps): JSX.Element {\n  const { hasPermissions, hasLocalPermissions } = usePermissions();\n  const { hasNewMoviesAndTv, isLoadingSettings } = useSettings(null);\n  const products = useProducts();\n  const { exchangeTvProductOption } = useSettings(null);\n  const { isPlugin } = usePluginHelper();\n\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n\n  const { setFavourite, canFavourite } = useLiteFavourites(LocationContext.ExpandableVideoThumbnail);\n\n  const {\n    dashboard,\n    presentation\n  } = useFetchCuratedDashboard({\n    targetType: DashboardTargetType.MoviesAndTv,\n    queryParams: props.queryParams,\n    presentationSlug: props.presentationSlug\n  });\n\n  useDeepLinks({ app: 'movies-and-tv' });\n  useSetPageMetadata(PageMetadataHelper.getDefaultMetadata({\n    title: presentation?.name,\n    phraseContext: {\n      phraseHandler: getPhrase,\n      titlePhrase: 'pageTitle',\n      descriptionPhrase: 'pageDescription'\n    },\n    canonicalLink: SeoHelper.getCanonicalLink(),\n    hrefLang: SeoHelper.getStaticRouteHrefLang(\n      presentation?.learningLevel,\n      () => ({ application: AppChannels.MOVIES_AND_TV, action: Actions.MoviesAndTv.HOME }),\n      REGIONAL_MTV_INDEXABILITY\n    ),\n    allowIndexing: SeoHelper.allowIndexing()\n  }));\n\n  React.useEffect(() => {\n    if (isLoadingSettings || !dashboard.hasCompleted)\n      return;\n\n    if (hasNewMoviesAndTv && dashboard.data)\n      return;\n\n    Core.AppLinkHelper.trigger(\n      { application: AppChannels.DASHBOARD, action: Actions.Dashboard.HOME },\n      { replace: true }\n    );\n  }, [ hasNewMoviesAndTv, isLoadingSettings, dashboard.data, dashboard.hasCompleted ]);\n\n  return (\n    <>\n      <div className='px-4'>\n        <UpgradeFeedbackBanner />\n      </div>\n      <MoviesAndTvDashboard\n        dashboard={dashboard.data}\n        currentUser={currentUser.data}\n        getWidgetContentRequest={DashboardRequests.dashboardWidgetContent}\n        imageCdnUrl={config.data?.imageCdnUrl}\n        resourceThumbnailFallbackImageUrl={ImageUrls.Fallbacks.RESOURCE_THUMBNAIL}\n        presentation={presentation}\n        showPreviewingTooltip={currentUser.data?.isAuthenticated && !hasPermissions(PermissionName.StudentExperience)}\n        moviesAndTvIconUrl={ImageUrls.MoviesAndTv.DASHBOARD_ICON}\n        widgetAppLinks={moviesAndTvAppLinks}\n        canFavourite={canFavourite}\n        setFavourite={setFavourite}\n        hasPermissions={hasPermissions}\n        hasLocalPermissions={hasLocalPermissions}\n        exchangeTvProductOption={exchangeTvProductOption}\n        products={products}\n        isPlugin={isPlugin}\n      />\n    </>\n  );\n}","import React from 'react';\n\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { useLiteUpgrade } from 'libs/shared/hooks/UseLiteUpgrade';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nconst namespace = 'shared.upgradeFeedbackBanner';\n\nexport function UpgradeFeedbackBanner(): JSX.Element {\n  const { showFeedbackBanner, dismissFeedbackBanner } = useLiteUpgrade();\n\n  if (!showFeedbackBanner)\n    return <></>;\n\n  return (\n    <div className='alert bg-light-blue p-2 rounded text-info fw-semibold d-flex justify-content-between align-items-center'>\n      <Text\n        namespace={namespace}\n        phrase='message'\n        options={{ url: 'https://www.clickvieweducation.com/en-au/blog/product/exchange-tv-new-look' }}\n      />\n      <DivButton\n        onClick={dismissFeedbackBanner}\n      >\n        <SvgContainer\n          svgName={cvSvgLibrary.Close}\n          className='ms-2 svg-container'\n        />\n      </DivButton>\n    </div>\n  );\n}"],"names":["namespace","getPhrase","LanguageService","Link","props","onClick","AnalyticsHelper","href","actionType","entity","location","style","backgroundColor","backgroundImage","className","target","title","IconButton","svgName","openInNewTab","cta","ExchangeAndTvLinks","products","isLoadingProducts","hasProduct","ProductId","exchangeTvProductOption","exchangeUrl","data","find","p","id","url","Text","phrase","isPrimary","MoviesAndTvDashboardEmptyState","isArchived","dashboard","status","EmptyState","src","imageUrl","altText","Tooltip","spanHack","text","appLink","addWidgetApplink","icon","disabled","MoviesAndTvDashboard","widgets","ArrayHelper","hasExchange","hasPermissions","PermissionName","filteredWidgets","isReadonly","filter","w","templateId","WidgetTemplate","widgetId","WidgetTypeId","getWidgetContentRequest","widgetTypeId","template","params","showEmptyState","length","moviesAndTvIconUrl","showPreviewingTooltip","SvgContainer","PresentationLearningLevel","presentation","learningLevel","map","widget","idx","WidgetContainerView","key","imageCdnUrl","getContentRequest","audiences","name","description","metadata","setFavourite","canFavourite","resourceThumbnailFallbackImageUrl","preferences","appLinks","widgetAppLinks","isScrollToTargetWidget","scrollToWidgetId","yearGroups","lazyLoad","dashboardTarget","widgetIndex","hasLocalPermissions","isPreviewing","isPlugin","emptyImageUrl","widgetWizard","moviesAndTvAppLinks","rating","ratings","application","action","moviesAndTv","RatingFilterHelper","classification","args","TextHelper","mtv","videoType","video","opts","VideoAppLinkHelper","context","RelatedVideosContext","series","SeriesAppLinkHelper","subText","playlist","company","classroomGuide","interactiveGuidance","resourceGuidance","MoviesAndTvView","usePermissions","useSettings","hasNewMoviesAndTv","isLoadingSettings","usePluginHelper","config","ConfigRequests","currentUser","UserRequests","useLiteFavourites","u","targetType","queryParams","presentationSlug","useDeepLinks","app","useSetPageMetadata","PageMetadataHelper","phraseContext","phraseHandler","titlePhrase","descriptionPhrase","canonicalLink","SeoHelper","hrefLang","allowIndexing","hasCompleted","replace","UpgradeFeedbackBanner","DashboardRequests","ImageUrls","isAuthenticated","showFeedbackBanner","dismissFeedbackBanner","options"],"sourceRoot":""}
+{"version":3,"file":"scripts/1080-362271a654-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/apps/movies-and-tv/components/exchange-and-tv-links/exchange-and-tv-links.scss","file:///app/packages/libs/shared/src/apps/movies-and-tv/components/exchange-and-tv-links/ExchangeAndTvLinks.tsx","file:///app/packages/libs/shared/src/apps/movies-and-tv/components/movies-and-tv-dashboard/empty-state/MoviesAndTvDashboardEmptyState.tsx","file:///app/packages/libs/shared/src/apps/movies-and-tv/components/movies-and-tv-dashboard/movies-and-tv-dashboard.scss","file:///app/packages/libs/shared/src/apps/movies-and-tv/components/movies-and-tv-dashboard/MoviesAndTvDashboard.tsx","file:///app/packages/projects/lite/src/apps/movies-and-tv/views/movies-and-tv-view/MoviesAndTvView.tsx","file:///app/packages/projects/lite/src/shared/components/upgrade-feedback-banner/UpgradeFeedbackBanner.tsx"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"link\":\"voPXM\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { EntityType, LocationContext, UserAction } from 'libs/analytics/interfaces';\n\nimport { IconButton } from 'libs/shared/components/icon-button/IconButton';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { ProductId } from 'libs/shared/enums/ProductId';\nimport { UseProductsResponse } from 'libs/shared/hooks/UseProducts';\nimport { ExchangeTvProductOption } from 'libs/shared/interfaces/ExchangeTvProductOption';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport styles from './exchange-and-tv-links.scss';\n\nconst namespace = 'moviesAndTV.exchangeAndTvLinks';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface LinkProps {\n  backgroundImage: string;\n  backgroundColor: string;\n  title: string;\n  cta: string;\n  href: string;\n}\n\nfunction Link(props: LinkProps): JSX.Element {\n  function onClick(): void {\n    AnalyticsHelper.logUserAction({ href: props.href }, {\n      actionType: UserAction.Click,\n      entity: EntityType.Link,\n      location: LocationContext.ExchangeLinksWidget\n    });\n  }\n\n  const style: React.CSSProperties = {\n    backgroundColor: props.backgroundColor\n  };\n\n  if (props.backgroundImage)\n    style.backgroundImage = `url(${props.backgroundImage})`;\n\n  return (\n    <div\n      className={`d-flex justify-content-between align-items-center text-white p-3 mb-3 rounded-3 ${styles.link}`}\n      style={style}\n    >\n      <a className='h6 mb-0' href={props.href} target='_blank' onClick={onClick}>{props.title}</a>\n      <IconButton\n        href={props.href}\n        svgName={cvSvgLibrary.NewWindow}\n        openInNewTab\n        className='btn btn-outline-dark d-lg-block d-none'\n        onClick={onClick}\n      >\n        {props.cta}\n      </IconButton>\n    </div>\n  );\n}\n\ninterface ExchangeAndTvLinksProps {\n  isPrimary: boolean;\n  exchangeTvProductOption: ExchangeTvProductOption;\n  products: UseProductsResponse;\n}\n\nexport function ExchangeAndTvLinks(props: ExchangeAndTvLinksProps): JSX.Element {\n  const shouldShow = (\n    !props.products.isLoadingProducts &&\n    props.products.hasProduct(ProductId.Exchange) &&\n    props.exchangeTvProductOption === 'exchange_and_tv'\n  );\n\n  if (!shouldShow)\n    return <></>;\n\n  const exchangeUrl = props.products.products.data.find(p => p.id === ProductId.Exchange).url;\n\n  return (\n    <div>\n      <div className='curated-widget-header'>\n        <h2 className='h4 curated-widget-heading'>\n          <Text namespace={namespace} phrase='title' />\n        </h2>\n      </div>\n      <div className='row'>\n        <div className='col-md-6 col-12'>\n          <Link\n            title={getPhrase('exchangeText')}\n            cta={getPhrase('exchangeCta')}\n            backgroundColor='#7A76EB'\n            backgroundImage={props.isPrimary ? '' : 'https://img.clickviewapp.com/v2/thumbnails/7mqa32'}\n            href={exchangeUrl + '/exchange'}\n          />\n        </div>\n        <div className='col-md-6 col-12'>\n          <Link\n            title={getPhrase('tvText')}\n            cta={getPhrase('tvCta')}\n            backgroundColor='#40BCC3'\n            backgroundImage={props.isPrimary ? '' : 'https://img.clickviewapp.com/v2/thumbnails/Eo3L1k'}\n            href={exchangeUrl + '/tv'}\n          />\n        </div>\n      </div>\n    </div>\n  );\n}","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { EmptyState } from 'libs/shared/components/empty-states/EmptyState';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { CuratedDashboard, DashboardStatus } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nconst namespace = 'moviesAndTv.dashboardEmptyState';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface MoviesAndTvDashboardEmptyStateProps {\n  dashboard: CuratedDashboard;\n  imageUrl: string;\n  isReadonly: boolean;\n  addWidgetApplink?: () => Core.AppLink;\n}\n\nexport function MoviesAndTvDashboardEmptyState(props: MoviesAndTvDashboardEmptyStateProps): JSX.Element {\n  const isArchived = props.dashboard?.status === DashboardStatus.Archived;\n\n  return (\n    <EmptyState>\n      <EmptyState.Image src={props.imageUrl} altText={getPhrase('info')} />\n      <EmptyState.Heading>\n        <Text namespace={namespace} phrase='heading' />\n      </EmptyState.Heading>\n      <EmptyState.Info>\n        <Text namespace={namespace} phrase='info' />\n      </EmptyState.Info>\n      <Tooltip title={isArchived ? LanguageService.getPhrase(namespace, 'archivedCtaTooltip') : ''} spanHack>\n        <EmptyState.Cta\n          text={LanguageService.getPhrase(namespace, 'add')}\n          appLink={props.addWidgetApplink?.()}\n          className='btn btn-dark'\n          icon={cvSvgLibrary.Plus}\n          disabled={isArchived}\n        />\n      </Tooltip>\n    </EmptyState>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"icon\":\"Kmx7z\",\"title\":\"Hw1qq\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { ExchangeAndTvLinks } from 'libs/shared/apps/movies-and-tv/components/exchange-and-tv-links/ExchangeAndTvLinks';\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { WidgetContainerView } from 'libs/shared/components/widgets/curated-widgets/WidgetContainerView';\nimport { WidgetAppLinks } from 'libs/shared/components/widgets/curated-widgets/WidgetProps';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { PresentationLearningLevel } from 'libs/shared/enums/PresentationLearningLevel';\nimport { ProductId } from 'libs/shared/enums/ProductId';\nimport { WidgetTemplate } from 'libs/shared/enums/WidgetTemplate';\nimport { WidgetTypeId } from 'libs/shared/enums/WidgetTypeId';\nimport { HasLocalPermissionsFunc, HasPermissionsFunc } from 'libs/shared/hooks/usePermissions';\nimport { useProducts, UseProductsResponse } from 'libs/shared/hooks/UseProducts';\nimport { CanFavouriteFunc, CuratedDashboard, CuratedWidgetQueryParams, CurrentUser, DashboardTargetType, FavouriteFunc, Presentation, PresentationAudience, YearGroup } from 'libs/shared/interfaces';\nimport { ExchangeTvProductOption } from 'libs/shared/interfaces/ExchangeTvProductOption';\nimport { CuratedDashboardHelper } from 'libs/shared/utils/DashboardHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { MoviesAndTvDashboardEmptyState } from './empty-state/MoviesAndTvDashboardEmptyState';\n\nimport styles from './movies-and-tv-dashboard.scss';\n\nconst namespace = 'moviesAndTv.dashboard';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface MoviesAndDashboardProps {\n  dashboard: CuratedDashboard;\n  getWidgetContentRequest: (\n    id: string,\n    params: CuratedWidgetQueryParams,\n    widgetTemplate: WidgetTemplate\n  ) => Flight.Request;\n  imageCdnUrl: string;\n  currentUser: CurrentUser;\n  hasPermissions: HasPermissionsFunc;\n  hasLocalPermissions: HasLocalPermissionsFunc;\n  resourceThumbnailFallbackImageUrl: string;\n  audiences?: PresentationAudience[];\n  emptyImageUrl?: string;\n  moviesAndTvIconUrl?: string;\n  presentation: Presentation;\n  setFavourite?: FavouriteFunc;\n  canFavourite?: CanFavouriteFunc;\n  widgetAppLinks?: WidgetAppLinks;\n  scrollToWidgetId?: string;\n  isReadonly?: boolean;\n  yearGroups?: YearGroup[];\n  lazyLoad?: boolean;\n  showPreviewingTooltip?: boolean;\n  exchangeTvProductOption?: ExchangeTvProductOption;\n  products?: UseProductsResponse;\n  isPlugin: boolean;\n}\n\nexport function MoviesAndTvDashboard(props: MoviesAndDashboardProps): JSX.Element {\n  const widgets = ArrayHelper.sortBy(props.dashboard?.widgets, 'index');\n\n  const { hasProduct } = useProducts();\n\n  // todo replace with backend filtering widgets by permissions and products\n  const hasExchange = props.hasPermissions(PermissionName.Exchange) && hasProduct(ProductId.Exchange);\n  const filteredWidgets = props.isReadonly\n  // in Curator every widget is visible\n    ? widgets\n    : widgets.filter(w =>\n      (w.templateId !== WidgetTemplate.HeroBannerSmall && w.widgetId !== WidgetTypeId.Blurb)\n      || hasExchange);\n\n  function getWidgetContentRequest(id: string, widgetTypeId: WidgetTypeId, template: WidgetTemplate): Flight.Request {\n    const params = CuratedDashboardHelper.getWidgetParams(\n      widgetTypeId,\n      template,\n      CuratedDashboardHelper.getDashboardTargetType(props.dashboard)\n    );\n\n    return props.getWidgetContentRequest(id, params, template);\n  }\n\n  const showEmptyState = props.isReadonly && !filteredWidgets?.length;\n\n  return (\n    <div className='px-4'>\n      <div className='d-flex align-items-center'>\n        <div style={{ backgroundImage: `url(${props.moviesAndTvIconUrl})` }} className={`${styles.icon}`}></div>\n        <h1 className={`h2 ${styles.title} d-inline-block me-2`}>\n          <Text namespace={namespace} phrase='heading' />\n        </h1>\n        {props.showPreviewingTooltip &&\n          <div className='pt-1'>\n            <Tooltip title={getPhrase('tooltip')} spanHack>\n              <SvgContainer svgName={cvSvgLibrary.Info} />\n            </Tooltip>\n          </div>\n        }\n      </div>\n      <hr className='mt-2'/>\n      <ExchangeAndTvLinks\n        exchangeTvProductOption={props.exchangeTvProductOption}\n        products={props.products}\n        isPrimary={+PresentationLearningLevel[props.presentation?.learningLevel] === PresentationLearningLevel.Level_1}\n      />\n      {filteredWidgets.map((widget, idx) => {\n        return (\n          <WidgetContainerView\n            key={widget.id}\n            id={widget.id}\n            imageCdnUrl={props.imageCdnUrl}\n            getContentRequest={getWidgetContentRequest}\n            audiences={props.audiences}\n            name={widget.name}\n            description={widget.description}\n            templateId={widget.templateId}\n            metadata={widget.metadata}\n            presentation={props.presentation}\n            setFavourite={props.setFavourite}\n            canFavourite={props.canFavourite}\n            resourceThumbnailFallbackImageUrl={props.resourceThumbnailFallbackImageUrl}\n            preferences={widget.preferences}\n            appLinks={props.widgetAppLinks}\n            isScrollToTargetWidget={props?.scrollToWidgetId === widget.id}\n            widgetTypeId={widget.widgetId}\n            yearGroups={props.yearGroups}\n            lazyLoad={props.lazyLoad}\n            dashboardTarget={DashboardTargetType.MoviesAndTv}\n            widgetIndex={idx}\n            hasPermissions={props.hasPermissions}\n            hasLocalPermissions={props.hasLocalPermissions}\n            isPreviewing={props.isReadonly}\n            isPlugin={props.isPlugin}\n          />\n        );\n      })}\n\n      {showEmptyState && (\n        <MoviesAndTvDashboardEmptyState\n          dashboard={props.dashboard}\n          isReadonly={props.isReadonly}\n          imageUrl={props.emptyImageUrl}\n          addWidgetApplink={props.widgetAppLinks.widgetWizard}\n        />\n      )}\n    </div>\n  );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\nimport { Flight } from 'libs/common/flight';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { MoviesAndTvDashboard } from 'libs/shared/apps/movies-and-tv/components/movies-and-tv-dashboard/MoviesAndTvDashboard';\nimport { RatingFilterHelper } from 'libs/shared/apps/search/utils/RatingFilterHelper';\nimport { WidgetAppLinks } from 'libs/shared/components/widgets/curated-widgets/WidgetProps';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { RelatedVideosContext } from 'libs/shared/enums/RelatedVideosContext';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { DashboardRequests } from 'libs/shared/flight-requests/DashboardRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useProducts } from 'libs/shared/hooks/UseProducts';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { useSettings } from 'libs/shared/hooks/useSettings';\nimport { Classification, Company, Config, CurrentUser, DashboardTargetType, Playlist, Rating, Series, Video, VideoTypes } from 'libs/shared/interfaces';\nimport { GetVideoAppLinkOptions } from 'libs/shared/interfaces/VideoAppLinkOptions';\nimport { PageMetadataHelper } from 'libs/shared/utils/PageMetadataHelper';\n\nimport { UpgradeFeedbackBanner } from 'shared/components/upgrade-feedback-banner/UpgradeFeedbackBanner';\nimport { ImageUrls } from 'shared/constants/ImageUrls';\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { usePluginHelper } from 'shared/hooks/use-plugin-helper/usePluginHelper';\nimport { useDeepLinks } from 'shared/hooks/useDeepLinks';\nimport { useLiteFavourites } from 'shared/hooks/useLiteFavourites';\nimport { DashboardViewQueryParams } from 'shared/interfaces/query-params/DashboardViewQueryParams';\nimport { useFetchCuratedDashboard } from 'shared/utils/DashboardHelper';\nimport { REGIONAL_MTV_INDEXABILITY } from 'shared/utils/LiteRegionHelper';\nimport { SeoHelper } from 'shared/utils/SeoHelper';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\n\nimport { SeriesAppLinkHelper } from 'apps/series/SeriesAppLinkHelper';\n\nconst namespace = 'moviesAndTV.moviesAndTV';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst moviesAndTvAppLinks: WidgetAppLinks = {\n  rating: (rating: Rating, ratings: Rating[]) => {\n    return {\n      application: AppChannels.SEARCH,\n      action: Actions.Search.HOME,\n      params: {\n        moviesAndTv: true,\n        rating: RatingFilterHelper.getFrontendParamValue([ ArrayHelper.first(ratings), rating ])\n      }\n    };\n  },\n  classification: (classification?: Classification) => {\n    return {\n      application: AppChannels.SUBJECT,\n      action: Actions.Subjects.CLASSIFICATION,\n      args: [ classification?.id, TextHelper.slugify(classification?.name) ],\n      params: {\n        mtv: true\n      }\n    };\n  },\n\n  videoType: (video: VideoTypes, opts: GetVideoAppLinkOptions) => (\n    VideoAppLinkHelper.getAppLink(video, {\n      ...opts,\n      moviesAndTv: true,\n      context: RelatedVideosContext.Widget\n    })\n  ),\n\n  series: (series: Series) => SeriesAppLinkHelper.getSeriesAppLink(series, { mtv: true }),\n\n  subText: (video: Video) => SeriesAppLinkHelper.getSeriesAppLink(video.series, { mtv: true }),\n\n  playlist: (playlist: Playlist) => ({\n    application: AppChannels.PLAYLISTS,\n    action: Actions.Playlists.PLAYLIST,\n    args: [ playlist.id, TextHelper.slugify(playlist.name) ],\n    params: {\n      mtv: true\n    }\n  }),\n\n  company: (company: Company) => ({\n    application: AppChannels.MOVIES_AND_TV,\n    action: Actions.MoviesAndTv.COMPANY_DASHBOARD,\n    args: [ company.id, TextHelper.slugify(company.name) ]\n  }),\n\n  classroomGuide: VideoAppLinkHelper.getClassroomGuideAppLink,\n  interactiveGuidance: VideoAppLinkHelper.getInteractiveGuidanceAppLink,\n  resourceGuidance: VideoAppLinkHelper.getResourceGuidanceAppLink\n};\n\nexport interface MoviesAndTvProps {\n  presentationSlug?: string;\n  queryParams?: DashboardViewQueryParams;\n}\n\nexport function MoviesAndTvView(props: MoviesAndTvProps): JSX.Element {\n  const { hasPermissions, hasLocalPermissions } = usePermissions();\n  const { hasNewMoviesAndTv, isLoadingSettings } = useSettings(null);\n  const products = useProducts();\n  const { exchangeTvProductOption } = useSettings(null);\n  const { isPlugin } = usePluginHelper();\n\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n\n  const { setFavourite, canFavourite } = useLiteFavourites(LocationContext.ExpandableVideoThumbnail);\n\n  const {\n    dashboard,\n    presentation\n  } = useFetchCuratedDashboard({\n    targetType: DashboardTargetType.MoviesAndTv,\n    queryParams: props.queryParams,\n    presentationSlug: props.presentationSlug\n  });\n\n  useDeepLinks({ app: 'movies-and-tv' });\n  useSetPageMetadata(PageMetadataHelper.getDefaultMetadata({\n    title: presentation?.name,\n    phraseContext: {\n      phraseHandler: getPhrase,\n      titlePhrase: 'pageTitle',\n      descriptionPhrase: 'pageDescription'\n    },\n    canonicalLink: SeoHelper.getCanonicalLink(),\n    hrefLang: SeoHelper.getStaticRouteHrefLang(\n      presentation?.learningLevel,\n      () => ({ application: AppChannels.MOVIES_AND_TV, action: Actions.MoviesAndTv.HOME }),\n      REGIONAL_MTV_INDEXABILITY\n    ),\n    allowIndexing: SeoHelper.allowIndexing()\n  }));\n\n  React.useEffect(() => {\n    if (isLoadingSettings || !dashboard.hasCompleted)\n      return;\n\n    if (hasNewMoviesAndTv && dashboard.data)\n      return;\n\n    Core.AppLinkHelper.trigger(\n      { application: AppChannels.DASHBOARD, action: Actions.Dashboard.HOME },\n      { replace: true }\n    );\n  }, [ hasNewMoviesAndTv, isLoadingSettings, dashboard.data, dashboard.hasCompleted ]);\n\n  return (\n    <>\n      <div className='px-4'>\n        <UpgradeFeedbackBanner />\n      </div>\n      <MoviesAndTvDashboard\n        dashboard={dashboard.data}\n        currentUser={currentUser.data}\n        getWidgetContentRequest={DashboardRequests.dashboardWidgetContent}\n        imageCdnUrl={config.data?.imageCdnUrl}\n        resourceThumbnailFallbackImageUrl={ImageUrls.Fallbacks.RESOURCE_THUMBNAIL}\n        presentation={presentation}\n        showPreviewingTooltip={currentUser.data?.isAuthenticated && !hasPermissions(PermissionName.StudentExperience)}\n        moviesAndTvIconUrl={ImageUrls.MoviesAndTv.DASHBOARD_ICON}\n        widgetAppLinks={moviesAndTvAppLinks}\n        canFavourite={canFavourite}\n        setFavourite={setFavourite}\n        hasPermissions={hasPermissions}\n        hasLocalPermissions={hasLocalPermissions}\n        exchangeTvProductOption={exchangeTvProductOption}\n        products={products}\n        isPlugin={isPlugin}\n      />\n    </>\n  );\n}","import React from 'react';\n\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { useLiteUpgrade } from 'libs/shared/hooks/UseLiteUpgrade';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nconst namespace = 'shared.upgradeFeedbackBanner';\n\nexport function UpgradeFeedbackBanner(): JSX.Element {\n  const { showFeedbackBanner, dismissFeedbackBanner } = useLiteUpgrade();\n\n  if (!showFeedbackBanner)\n    return <></>;\n\n  return (\n    <div className='alert bg-light-blue p-2 rounded text-info fw-semibold d-flex justify-content-between align-items-center'>\n      <Text\n        namespace={namespace}\n        phrase='message'\n        options={{ url: 'https://www.clickvieweducation.com/en-au/blog/product/exchange-tv-new-look' }}\n      />\n      <DivButton\n        onClick={dismissFeedbackBanner}\n      >\n        <SvgContainer\n          svgName={cvSvgLibrary.Close}\n          className='ms-2 svg-container'\n        />\n      </DivButton>\n    </div>\n  );\n}"],"names":["namespace","getPhrase","LanguageService","Link","props","onClick","AnalyticsHelper","href","actionType","entity","location","style","backgroundColor","backgroundImage","className","target","title","IconButton","svgName","openInNewTab","cta","ExchangeAndTvLinks","products","isLoadingProducts","hasProduct","ProductId","exchangeTvProductOption","exchangeUrl","data","find","p","id","url","Text","phrase","isPrimary","MoviesAndTvDashboardEmptyState","isArchived","dashboard","status","EmptyState","src","imageUrl","altText","Tooltip","spanHack","text","appLink","addWidgetApplink","icon","disabled","MoviesAndTvDashboard","widgets","ArrayHelper","hasExchange","hasPermissions","PermissionName","filteredWidgets","isReadonly","filter","w","templateId","WidgetTemplate","widgetId","WidgetTypeId","getWidgetContentRequest","widgetTypeId","template","params","showEmptyState","length","moviesAndTvIconUrl","showPreviewingTooltip","SvgContainer","PresentationLearningLevel","presentation","learningLevel","map","widget","idx","WidgetContainerView","key","imageCdnUrl","getContentRequest","audiences","name","description","metadata","setFavourite","canFavourite","resourceThumbnailFallbackImageUrl","preferences","appLinks","widgetAppLinks","isScrollToTargetWidget","scrollToWidgetId","yearGroups","lazyLoad","dashboardTarget","widgetIndex","hasLocalPermissions","isPreviewing","isPlugin","emptyImageUrl","widgetWizard","moviesAndTvAppLinks","rating","ratings","application","action","moviesAndTv","RatingFilterHelper","classification","args","TextHelper","mtv","videoType","video","opts","VideoAppLinkHelper","context","RelatedVideosContext","series","SeriesAppLinkHelper","subText","playlist","company","classroomGuide","interactiveGuidance","resourceGuidance","MoviesAndTvView","usePermissions","useSettings","hasNewMoviesAndTv","isLoadingSettings","usePluginHelper","config","ConfigRequests","currentUser","UserRequests","useLiteFavourites","u","targetType","queryParams","presentationSlug","useDeepLinks","app","useSetPageMetadata","PageMetadataHelper","phraseContext","phraseHandler","titlePhrase","descriptionPhrase","canonicalLink","SeoHelper","hrefLang","allowIndexing","hasCompleted","replace","UpgradeFeedbackBanner","DashboardRequests","ImageUrls","isAuthenticated","showFeedbackBanner","dismissFeedbackBanner","options"],"sourceRoot":""}

package/dist/scripts/1169-3df974a8eb-lite.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[1169],{1353:(e,t,n)=>{n.d(t,{$:()=>o});var a=n(32735),r=n(11607),i=n(54610),c=n(67453),l=n(22161);function o(e){var t=e.data;return a.createElement(r.L,{key:t.id,className:"p-1 pe-2 rounded-pill d-inline-flex align-items-center cursor-pointer ".concat(l.Z.tag," ").concat(e.selected?l.Z.selected:""),onClick:function(){return e.onChangeCurriculum(t.id.toString())}},a.createElement("div",{className:"bg-white ".concat(l.Z.cover," rounded-circle border")},a.createElement("img",{src:c.j.createUrl(t.cover.url,{size:i.h2.Small}),alt:t.name,className:"rounded-circle"})),a.createElement("div",{className:"ms-2"},t.name))}},38496:(e,t,n)=>{n.d(t,{p:()=>u});var a=n(32735),r=n(23481),i=n(23232),c=n(83345),l="shared.curriculumLinks",o=r.T.encloseNamespace(l);function u(e){return a.createElement(i.u,{className:"pt-3"},a.createElement(i.u.Image,{src:e.emptyStateUrl,altText:o("emptyInfo"),size:"small"}),a.createElement(i.u.Heading,null,a.createElement(c.x,{namespace:l,phrase:"emptyHeading"})),a.createElement(i.u.Info,null,a.createElement(c.x,{namespace:l,phrase:"emptyInfo"})))}},44599:(e,t,n)=>{n.d(t,{Z:()=>i});var a=n(32735);var r=function(){return a.createElement(a.Fragment,null,a.createElement("div",{className:"partial-loading-background rounded-pill py-1 px-2 d-inline-block me-1 mb-2 ".concat("vDcrq")}),a.createElement("div",null,a.createElement("div",{className:"partial-loading-background mb-1 ".concat("GXhoW")}),a.createElement("div",{className:"mb-2 d-flex"},a.createElement("div",{className:"me-1 align-self-start ".concat("goKaS")},a.createElement("div",{className:"partial-loading-background rounded-pill py-1 px-2 d-inline-block w-100 h-100"})),a.createElement("div",{className:"partial-loading-background ".concat("vFew6")}))))};function i(){return a.createElement("div",null,a.createElement("div",{className:"mb-3"},a.createElement(r,null)),a.createElement("div",{className:"mb-3"},a.createElement(r,null)),a.createElement("div",null,a.createElement(r,null)))}},34223:(e,t,n)=>{n.d(t,{Y:()=>g});var a=n(32735),r=n(38496),i=n(44599),c=n(83345),l=n(85597);const o={curriculumSubject:"i4D3h",curriculumSet:"WCdf9",areaLeafSet:"o8H8s",closeButton:"McsPs",leafDescriptionOnly:"xmEEo"};function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function s(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=u(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var a=n.call(e,"string");if("object"!=u(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==u(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}var m=/(.*)\s\((.*)?\)/i,v="shared.curriculumLinks",p="text-nowrap font-size-normal rounded-pill py-1 px-2 my-0 d-inline-block fw-semibold";function f(e){function t(){var t=p+" bg-white border";return!e.leaf.name&&e.uiContainsCodes?t+" border-secondary text-secondary":t+" border-dark"}var n=a.useRef();return a.useEffect((function(){if(n.current){var t=n.current.getBoundingClientRect().width;e.trySetMaxCodeWidth(t)}}),[n.current]),a.createElement("div",{className:"d-flex"},e.leaf.description?!e.leaf.name&&e.uiContainsCodes?a.createElement(a.Fragment,null,a.createElement("div",{className:"me-1 align-self-start",style:{minWidth:e.codeWidth?"".concat(e.codeWidth,"px"):"auto"}},a.createElement("h5",{ref:n,className:t()},a.createElement(c.x,{namespace:v,phrase:"noCode"}))),a.createElement("p",{className:"m-0 align-self-center",dangerouslySetInnerHTML:{__html:e.leaf.description}})):e.leaf.name||e.uiContainsCodes?a.createElement(a.Fragment,null,a.createElement("div",{className:"me-1 align-self-start",style:{minWidth:e.codeWidth?"".concat(e.codeWidth,"px"):"auto"}},a.createElement("h5",{ref:n,className:t()},e.leaf.name)),a.createElement("p",{className:"m-0 align-self-center",dangerouslySetInnerHTML:{__html:e.leaf.description}})):a.createElement("p",{className:"m-0",dangerouslySetInnerHTML:{__html:e.leaf.description}}):a.createElement("p",{className:"m-0",dangerouslySetInnerHTML:{__html:e.leaf.name}}))}function y(e){var t,n,r,i={},c=!1;function u(e){var t="mb-2";return e.name||c?t:t+" ms-4 "+o.leafDescriptionOnly}return e.linkSet.areasAndLeaves.forEach((function(e){var t=e[l.k.Area].map((function(e){return e.name})).join(" - ");i[t]?e[l.k.Leaf].forEach((function(e){i[t].push(e),e.name&&(c=!0)})):i[t]=e[l.k.Leaf]})),a.createElement(a.Fragment,null,a.createElement("h3",{className:"".concat(p," text-white bg-dark-blue fw-normal me-1 mb-2")},(t=e.linkSet[l.k.Audience].name,n=e.linkSet[l.k.Subject].name,(r=t.match(m))?"".concat(r[1]," • ").concat(r[2]," • ").concat(n):"".concat(t," • ").concat(n))),a.createElement("div",{className:"me-2 ".concat(o.curriculumSubject)},Object.keys(i).map((function(t,n){return a.createElement("div",{key:n,className:o.areaLeafSet},t&&a.createElement("h4",{className:"mb-1 font-size-normal"},t),a.createElement("ul",{className:"list-unstyled"},i[t].map((function(t){return a.createElement("li",{key:t.id,className:u(t)},a.createElement(f,{leaf:t,codeWidth:e.codeWidth,trySetMaxCodeWidth:e.trySetMaxCodeWidth,uiContainsCodes:c}))}))))}))))}function g(e){var t,n,c,u=(n=a.useState(0),c=2,function(e){if(Array.isArray(e))return e}(n)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,c,l=[],o=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(a=i.call(n)).done)&&(l.push(a.value),l.length!==t);o=!0);}catch(e){u=!0,r=e}finally{try{if(!o&&null!=n.return&&(c=n.return(),Object(c)!==c))return}finally{if(u)throw r}}return l}}(n,c)||function(e,t){if(e){if("string"==typeof e)return d(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}(n,c)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),m=u[0],v=u[1];function p(e){v((function(t){return t>=e?t:e}))}var f=a.useMemo((function(){var t={};return e.curriculumLinks.forEach((function(e){var n=null,a=null,r=[],i=[];e.forEach((function(e){switch(e.type){case l.k.Subject:n=e;break;case l.k.Audience:a=e;break;case l.k.Area:r.push(e);break;case l.k.Leaf:i.push(e)}}));var c="".concat(n.id,":").concat(a.id);t[c]?t[c].areasAndLeaves.push(s(s({},l.k.Area,r),l.k.Leaf,i)):t[c]=s(s(s({},l.k.Subject,n),l.k.Audience,a),"areasAndLeaves",[s(s({},l.k.Area,r),l.k.Leaf,i)])})),t}),[e.curriculumLinks]);return e.curriculumLinks?(null===(t=e.curriculumLinks)||void 0===t?void 0:t.length)?a.createElement("ul",{className:"list-unstyled m-0"},Object.keys(f).map((function(e,t){return a.createElement("li",{key:"linkset-".concat(t),className:o.curriculumSet},a.createElement(y,{linkSet:f[e],trySetMaxCodeWidth:p,codeWidth:m}))}))):a.createElement(r.p,{emptyStateUrl:e.emptyStateUrl}):a.createElement(i.Z,null)}},22283:(e,t,n)=>{n.d(t,{P:()=>l});var a=n(32735),r=n(1353),i=n(63112),c=n(65163);function l(e){var t,n,l;return a.createElement(c.eb,{collection:(null===(t=e.selectedCurriculum)||void 0===t?void 0:t.id)?e.curriculums.nonEmptyCurriculums:null,childClassName:"flex-shrink-0",childComponent:function(t){var n,i;return a.createElement(r.$,Object.assign({},t,{selected:(null===(i=null===(n=e.selectedCurriculum)||void 0===n?void 0:n.id)||void 0===i?void 0:i.toString())===t.data.id.toString(),onChangeCurriculum:e.onChangeCurriculum}))},partialLoadingComponent:function(){return a.createElement(i.o,null)},widgetDataDeps:[null===(l=null===(n=e.selectedCurriculum)||void 0===n?void 0:n.id)||void 0===l?void 0:l.toString(),e.onChangeCurriculum]})}},63112:(e,t,n)=>{n.d(t,{o:()=>i});var a=n(32735),r=n(91807),i=a.memo((function(e){var t=e.tagClass,n="partial-loading-background d-inline-block rounded-pill py-1 px-2 mb-1 me-1 text-nowrap ".concat(void 0===t?"":t," ").concat(r.Z.partialTag);return a.createElement("div",{className:"mt-1"},a.createElement("span",{className:n}," "))}))},65163:(e,t,n)=>{n.d(t,{QL:()=>a.Q,eb:()=>a.e});var a=n(16450);n(14244)},85597:(e,t,n)=>{var a;n.d(t,{k:()=>a}),function(e){e.Subject="CurriculumSubject",e.Audience="CurriculumAudience",e.Area="CurriculumArea",e.Leaf="CurriculumLeaf"}(a||(a={}))},61169:(e,t,n)=>{n.d(t,{R:()=>q});var a=n(32735),r=n(5640),i=n(42648),c=n(23481),l=n(75896),o=n(49985),u=n(65858),s=n(44599),d=n(83345),m=n(69883),v=n(59598),p=n(34223),f=n(22283);function y(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 g="shared.curriculumLinks",h=c.T.encloseNamespace(g);function E(e){var t,n,r=e.curriculums,c=r.hasLoaded,E=r.activeCurriculum,b=r.availableCurriculums,S=r.curriculumLinks,k=r.updateCurriculum,C=r.customerHasCurriculumLinks,I=(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,c,l=[],o=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(a=i.call(n)).done)&&(l.push(a.value),l.length!==t);o=!0);}catch(e){u=!0,r=e}finally{try{if(!o&&null!=n.return&&(c=n.return(),Object(c)!==c))return}finally{if(u)throw r}}return l}}(t,n)||function(e,t){if(e){if("string"==typeof e)return y(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)?y(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.")}()),A=I[0],L=I[1],N=(0,m.Z)();return a.useEffect((function(){c&&(A||L(null!=E?E:l.m.first(b)))}),[null==E?void 0:E.id,c]),e.canViewCurriculumLinks&&C?a.createElement("section",{id:v.K.CurriculumLinks,ref:function(t){var n;t&&(null===(n=e.headingRef)||void 0===n?void 0:n.current)&&e.headingRef.current.set(v.K.CurriculumLinks,t)},className:"play-page-section"},a.createElement("h2",{className:"h5 me-2 h-100"},a.createElement(d.x,{namespace:g,phrase:"heading"})),a.createElement("div",{className:"mb-2"},a.createElement(f.P,{curriculums:e.curriculums,selectedCurriculum:A,onChangeCurriculum:function(t){var n,a,r=b.find((function(e){return e.id.toString()===t}));(null==r?void 0:r.id)&&(null===(n=null==A?void 0:A.id)||void 0===n?void 0:n.toString())!==(null===(a=null==r?void 0:r.id)||void 0===a?void 0:a.toString())&&(L(r),k(r,(function(){o.k.logUserAction({id:r.id,name:r.id,description:r.description,videoId:e.video.id,videoName:e.video.name},{entity:u.py.Presentation,actionType:u.Vw.Select,descriptor:u.kD.Curriculum,location:u.LZ.PlayPage})}),(function(){L(A),N.error(h("updateFailed"))})))}})),a.createElement("div",{className:"rounded border position-relative"},a.createElement(i.$B,{autoHeight:!0,autoHeightMax:e.height},a.createElement("div",{className:"p-3"},c?a.createElement(p.Y,{curriculumLinks:S,emptyStateUrl:e.emptyStateUrl}):a.createElement(s.Z,null))))):a.createElement(a.Fragment,null)}var b=n(12059),S=n(51184),k=n(64921),C=n(95812),I=n(53709),A=n(40178),L=n(71063),N=n(10439),x=n(35429),w=n(4594),T=n(16714),R=n(22902),j=n(65332),O=n(76196),U=n(31908),V=n(26492),P=n(9465),M=n(91479),F=n(99092),G=n(47938),W=n(81024),_=n(78166),D=n(99742),H=n(14070),Z=n(97291),B=n(22490),K=n(63010),Y=n(14476),$=n(53256);const z={main:"xSI0l",expandedToc:"j5FCv"};var Q="shared.play";function q(e){var t,n,i,c,l,o,u,s,m=(0,x.g)(),p=(0,R.T)().hasPermissions,f=U.M.getCanBeConsumed(e.video).canConsume,y=(0,K.Q)(e.tableOfContentsId),g=y.tableOfContentsActiveId,h=y.setTableOfContentsActiveId,q=y.controlledId,X=y.setControlledId,J=y.tableOfContentsExpanded,ee=y.onToggleTableOfContents,te=(0,S.Wp)(e.video)&&e.featureAccess.canViewGlance,ne=(0,Y.i)(te),ae=ne.headingRef,re=ne.headingElements,ie=re.map((function(t){var n;return{id:t.id,name:$.d.getSectionHeading(t.id,{clips:e.clips,interactives:e.interactives,resources:null===(n=e.video.resources)||void 0===n?void 0:n.data})}})),ce=U.M.isVideoTypeArchived(e.video),le=p(T.C.StudentExperience);(0,j.D)({setActiveId:h,headingElements:re,controlledId:q,setControlledId:X}),(0,O.P)(re,q);var oe=a.useRef(!1),ue=(0,F.lU)();function se(){var e,t,n,a;oe.current=!(null===(t=null===(e=null==m?void 0:m.playerRef)||void 0===e?void 0:e.current)||void 0===t?void 0:t.isPaused()),null===(a=null===(n=null==m?void 0:m.playerRef)||void 0===n?void 0:n.current)||void 0===a||a.pause()}function de(){var e,t;oe.current&&(null===(t=null===(e=null==m?void 0:m.playerRef)||void 0===e?void 0:e.current)||void 0===t||t.play())}var me="picture-in-picture"===m.mode||e.featureAccess.canViewPublicLayout;return a.createElement(d.D.Provider,{value:Q},a.createElement("div",{className:"px-4 play-page-sections-container"},a.createElement("main",{className:"".concat(z.main," ").concat(e.shouldShowSideTableOfContents&&J?z.expandedToc:e.shouldShowSideTableOfContents&&!J?"pe-4":void 0)},a.createElement(G.W,{restrictions:e.video._restrictions,yearGroups:e.yearGroups,objectId:e.video.id,objectTypeId:w.E.Video,canManageVideoAccess:e.canManageVideoAccess}),ce&&a.createElement(V.T,{typeId:e.video.typeId,hasStudentExperience:le}),a.createElement("section",{id:v.K.Video,className:"mb-2 ".concat(L.M.GLOBAL_PLAYER_SELECTOR),ref:function(e){e&&(null==ae?void 0:ae.current)&&ae.current.set(v.K.Video,e)}},f&&a.createElement(N.r,{key:e.video.id,objectId:e.video.id,objectTypeId:e.video.typeId,shareId:e.shareId,context:null===(t=e.params)||void 0===t?void 0:t.context,contextId:null===(n=e.params)||void 0===n?void 0:n.contextId,playNext:null===(i=e.params)||void 0===i?void 0:i.playNext,moviesAndTv:null===(c=e.params)||void 0===c?void 0:c.mtv,startTime:null!==(o=null===(l=e.params)||void 0===l?void 0:l.t)&&void 0!==o?o:null===(u=e.params)||void 0===u?void 0:u.startTime,endTime:null===(s=e.params)||void 0===s?void 0:s.endTime,mode:"default",location:"play-page"}),a.createElement("div",{className:me?"":"d-none"},a.createElement(W.S,{video:e.video,appLink:{application:Z.O.SIGN_UP,action:H.e.SignUp.SIGN_UP},type:"picture-in-picture"===m.mode?"pip":"public"}))),a.createElement(M.v,{media:e.video,yearGroups:e.yearGroups,audiences:e.audiences,getSeriesAppLink:function(t){return ue.getSeriesAppLink(t,e.params.mtv)},featureAccess:e.featureAccess,shareId:e.shareId}),te?a.createElement(k.j,{video:e.video,pointsOfInterest:e.pointsOfInterest,setStartTime:function(e){var t;return null===(t=m.playerRef.current)||void 0===t?void 0:t.currentTime(e)},getTagAppLink:ue.getTagAppLink,suppressInteractivity:e.featureAccess.canViewPublicLayout,canViewGlance:te}):a.createElement(b.a,{video:e.video,headingRef:ae,onLaunchImmersiveReader:se,onExitImmersiveReader:de,getTagAppLink:ue.getTagAppLink,suppressInteractivity:e.featureAccess.canViewPublicLayout}),a.createElement(E,{headingRef:ae,video:e.video,height:A.x,curriculums:e.curriculums,emptyStateUrl:D.W.EmptyStates.CURRICULUM_LINKS,canViewCurriculumLinks:e.featureAccess.canViewCurriculumLinks}),a.createElement(I.M,{headingRef:ae,video:e.video,canViewResources:e.featureAccess.canViewResourceItems,imageCdnUrl:e.imageCdnUrl,getAppLink:ue.getResourceAppLink(e.video.id,e.shareId,e.featureAccess.canViewResourceItems),analyticsData:{videoId:e.video.id,videoName:e.video.name},resourceThumbnailFallbackUrl:D.W.Fallbacks.RESOURCE_THUMBNAIL}),a.createElement(C.J,{headingRef:ae,video:e.video,interactives:e.interactives,imageCdnUrl:e.imageCdnUrl,analyticsData:{videoId:e.video.id,videoName:e.video.name},canViewInteractives:e.featureAccess.canViewInteractives,yearGroups:e.yearGroups,setFavourite:e.setFavourite,canFavourite:e.canFavourite,isPlugin:e.isPlugin}),a.createElement(r.O,{video:e.video,headingRef:ae,clips:e.clips,canViewClips:e.featureAccess.canViewClips,yearGroups:e.yearGroups,audiences:e.audiences,imageCdnUrl:e.imageCdnUrl,setFavourite:e.setFavourite,canFavourite:e.canFavourite,analyticsData:{videoId:e.video.id,videoName:e.video.name},isPlugin:e.isPlugin}),te&&a.createElement(b.a,{video:e.video,headingRef:ae,onLaunchImmersiveReader:se,onExitImmersiveReader:de,getTagAppLink:ue.getTagAppLink,suppressInteractivity:e.featureAccess.canViewPublicLayout}),a.createElement(_.Z,{currentVideo:e.video,headingRef:ae,yearGroups:e.yearGroups,relatedVideos:e.relatedVideos,currentUser:e.currentUser,setFavourite:e.setFavourite,canFavourite:e.canFavourite,getVideoAppLink:function(t,n){return B.W.getAppLink(t,Object.assign(Object.assign({},n),{context:e.params.context,contextId:e.params.contextId,playNext:e.params.playNext,shareId:e.shareId,moviesAndTv:e.params.mtv}))},audiences:e.audiences,moviesAndTv:e.params.mtv,isPlugin:e.isPlugin})),a.createElement(P.h,{isExpanded:J,setIsExpanded:ee,items:ie,activeId:g,setControlledId:X,analyticsData:{videoId:e.video.id,videoName:e.video.name},showInSide:e.shouldShowSideTableOfContents})))}},22161:(e,t,n)=>{n.d(t,{Z:()=>a});const a={curriculumSubject:"GvGYH",curriculumSet:"d7RK0",areaLeafSet:"XRTAe",closeButton:"N3l5Q",heading:"hAxR4",leafDescriptionOnly:"h66ke",dropdown:"CsG6G",tag:"rdLqY",cover:"etwaD",active:"aDLMe",selected:"BMrSd"}}}]);
+//# sourceMappingURL=1169-3df974a8eb-lite.chunk.js.map

package/dist/scripts/1169-3df974a8eb-lite.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts/1169-3df974a8eb-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/components/curriculum-links/CurriculumLinkItem.tsx","file:///app/packages/libs/shared/src/components/curriculum-links/CurriculumLinksEmptyState.tsx","file:///app/packages/libs/shared/src/components/curriculum-links/partial-loading/PartialCurriculumLinks.tsx","file:///app/packages/libs/shared/src/components/curriculum-links/partial-loading/partial-curriculum-links.scss","file:///app/packages/libs/shared/src/components/play-page-v2/curriculum-links/curriculum-links.scss","file:///app/packages/libs/shared/src/components/play-page-v2/curriculum-links/CurriculumLinksV2.tsx","file:///app/packages/libs/shared/src/components/play-page-v2/curriculum-links/CurriculumsWidget.tsx","file:///app/packages/libs/shared/src/components/tags/PartialTagItem.tsx","file:///app/packages/libs/shared/src/enums/CurriculumType.ts","file:///app/packages/libs/shared/src/components/play-page-v2/curriculum-links/CurriculumLinksWithScrollbarV2.tsx","file:///app/packages/projects/lite/src/shared/views/play/v2/components/play-page/play-page.scss","file:///app/packages/projects/lite/src/shared/views/play/v2/components/play-page/PlayPageV2.tsx","file:///app/packages/libs/shared/src/components/curriculum-links/curriculum-links.scss"],"sourcesContent":["import React from 'react';\n\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { Presentation } from 'libs/shared/interfaces';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\n\nimport styles from './curriculum-links.scss';\n\ninterface CurriculumLinkItemProps {\n  data: Presentation;\n  onChangeCurriculum: (id: string) => any;\n  selected: boolean;\n}\n\nexport function CurriculumLinkItem(props: CurriculumLinkItemProps): JSX.Element {\n  const { data: curriculumTag } = props;\n\n  return (\n    <DivButton\n      key={curriculumTag.id}\n      className={`p-1 pe-2 rounded-pill d-inline-flex align-items-center cursor-pointer ${styles.tag} ${props.selected ? styles.selected : ''}`}\n      onClick={() => props.onChangeCurriculum(curriculumTag.id.toString())}\n    >\n      <div className={`bg-white ${styles.cover} rounded-circle border`}>\n        <img\n          src={ImageHelper.createUrl(curriculumTag.cover.url, { size: ImageSize.Small })}\n          alt={curriculumTag.name}\n          className='rounded-circle'\n        />\n      </div>\n      <div className='ms-2'>\n        {curriculumTag.name}\n      </div>\n    </DivButton>\n  );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { EmptyState } from 'libs/shared/components/empty-states/EmptyState';\nimport { Text } from 'libs/shared/components/text/Text';\n\nconst namespace = 'shared.curriculumLinks';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface CurriculumLinksEmptyStateProps {\n  emptyStateUrl: string;\n}\n\nexport function CurriculumLinksEmptyState(props: CurriculumLinksEmptyStateProps): JSX.Element {\n  return (\n    <EmptyState className='pt-3'>\n      <EmptyState.Image src={props.emptyStateUrl} altText={getPhrase('emptyInfo')} size='small'/>\n      <EmptyState.Heading>\n        <Text namespace={namespace} phrase='emptyHeading' />\n      </EmptyState.Heading>\n      <EmptyState.Info>\n        <Text namespace={namespace} phrase='emptyInfo' />\n      </EmptyState.Info>\n    </EmptyState>\n  );\n}","import React from 'react';\n\nimport styles from './partial-curriculum-links.scss';\n\nconst PartialCurriculumLinkSection = () => (\n  <>\n    <div className={`partial-loading-background rounded-pill py-1 px-2 d-inline-block me-1 mb-2 ${styles.audience}`} />\n    <div>\n      <div className={`partial-loading-background mb-1 ${styles.area}`} />\n\n      <div className='mb-2 d-flex'>\n        <div className={`me-1 align-self-start ${styles.code}`}>\n          <div className={`partial-loading-background rounded-pill py-1 px-2 d-inline-block w-100 h-100`} />\n        </div>\n        \n        <div className={`partial-loading-background ${styles.description}`} />\n      </div>\n    </div>\n  </>\n);\n\nexport function PartialCurriculumLinks(): JSX.Element {\n  return (\n    <div>\n      <div className='mb-3'>\n        <PartialCurriculumLinkSection />\n      </div>\n\n      <div className='mb-3'>\n        <PartialCurriculumLinkSection />\n      </div>\n\n      <div>\n        <PartialCurriculumLinkSection />\n      </div>\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"audience\":\"vDcrq\",\"area\":\"GXhoW\",\"code\":\"goKaS\",\"description\":\"vFew6\"};","// extracted by mini-css-extract-plugin\nexport default {\"curriculumSubject\":\"i4D3h\",\"curriculumSet\":\"WCdf9\",\"areaLeafSet\":\"o8H8s\",\"closeButton\":\"McsPs\",\"leafDescriptionOnly\":\"xmEEo\"};","import React from 'react';\n\nimport { CurriculumLinksEmptyState } from 'libs/shared/components/curriculum-links/CurriculumLinksEmptyState';\nimport { PartialCurriculumLinks } from 'libs/shared/components/curriculum-links/partial-loading/PartialCurriculumLinks';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { CurriculumType } from 'libs/shared/enums/CurriculumType';\nimport { Curriculum } from 'libs/shared/interfaces';\n\nimport styles from './curriculum-links.scss';\n\nconst BRACKET_SEGMENT_REGEX = /(.*)\\s\\((.*)?\\)/i;\n\nconst namespace = 'shared.curriculumLinks';\n\nconst BASE_PILL_CLASS = 'text-nowrap font-size-normal rounded-pill py-1 px-2 my-0 d-inline-block fw-semibold';\n\ninterface CurriculumStructure {\n  [CurriculumType.Subject]: Curriculum<CurriculumType.Subject>;\n  [CurriculumType.Audience]: Curriculum<CurriculumType.Audience>;\n  areasAndLeaves: Array<{\n    [CurriculumType.Area]: Curriculum<CurriculumType.Area>[];\n    [CurriculumType.Leaf]: Curriculum<CurriculumType.Leaf>[];\n  }>;\n}\n\ninterface CurriculumLeafProps {\n  leaf: Curriculum<CurriculumType.Leaf>;\n  codeWidth: number;\n  trySetMaxCodeWidth: React.Dispatch<React.SetStateAction<number>>;\n  uiContainsCodes: boolean;\n}\n\nfunction CurriculumLeaf(props: CurriculumLeafProps): JSX.Element {\n  function getCurriculumCodeClass(): string {\n    const baseClass = BASE_PILL_CLASS + ' bg-white border';\n\n    // If a leaf has no code but the rest of the UI has leaf nodes w/ codes, we show a special \"No code\" pill\n    if (!props.leaf.name && props.uiContainsCodes)\n      return baseClass + ' border-secondary text-secondary';\n\n    return baseClass + ' border-dark';\n  }\n\n  const codeRef = React.useRef<HTMLDivElement>();\n\n  React.useEffect(() => {\n    if (!codeRef.current)\n      return;\n\n    const { width } = codeRef.current.getBoundingClientRect();\n\n    props.trySetMaxCodeWidth(width);\n  }, [codeRef.current]);\n\n  return (\n    <div className='d-flex'>\n      {(() => {\n        if (!props.leaf.description)\n          return <p className='m-0' dangerouslySetInnerHTML={{ __html: props.leaf.name }} />;\n\n        /**\n         * If a leaf has no code but the rest of the UI has leaf nodes\n         * with codes, we show a special \"No code\" pill. Example: https://imgur.com/3L1Ela3\n         */\n        if (!props.leaf.name && props.uiContainsCodes) {\n          return (\n            <>\n              <div\n                className='me-1 align-self-start'\n                style={{ minWidth: props.codeWidth ? `${props.codeWidth}px` : 'auto' }}\n              >\n                <h5 ref={codeRef} className={getCurriculumCodeClass()}>\n                  <Text namespace={namespace} phrase='noCode' />\n                </h5>\n              </div>\n              <p className='m-0 align-self-center' dangerouslySetInnerHTML={{ __html: props.leaf.description }} />\n            </>\n          );\n        }\n\n        /**\n         * If a leaf has no code and the rest of the UI leaf nodes have no code, we just\n         * display the description with a bullet point. Example: https://imgur.com/jzJvmWs\n         */\n        if (!props.leaf.name && !props.uiContainsCodes)\n          return <p className='m-0' dangerouslySetInnerHTML={{ __html: props.leaf.description }} />;\n\n        return (\n          <>\n            <div\n              className='me-1 align-self-start'\n              style={{ minWidth: props.codeWidth ? `${props.codeWidth}px` : 'auto' }}\n            >\n              <h5 ref={codeRef} className={getCurriculumCodeClass()}>{props.leaf.name}</h5>\n            </div>\n            <p className='m-0 align-self-center' dangerouslySetInnerHTML={{ __html: props.leaf.description }} />\n          </>\n        );\n      })()}\n    </div>\n  );\n}\n\ninterface CurriculumSubjectProps {\n  linkSet: CurriculumStructure;\n  codeWidth: number;\n  trySetMaxCodeWidth: React.Dispatch<React.SetStateAction<number>>;\n}\n\nfunction CurriculumSubject(props: CurriculumSubjectProps): JSX.Element {\n  const areaAndLeafSets: { [areaText: string]: Curriculum<CurriculumType.Leaf>[]; } = {};\n\n  let uiContainsCodes = false;\n\n  props.linkSet.areasAndLeaves.forEach(areaAndLeafSet => {\n    const areaText = areaAndLeafSet[CurriculumType.Area].map(ca => ca.name).join(' - ');\n\n    if (areaAndLeafSets[areaText]) {\n      areaAndLeafSet[CurriculumType.Leaf].forEach(leaf => {\n        areaAndLeafSets[areaText].push(leaf);\n\n        // We need the info on if _any_ leaf node has a code in it. See why in the comments in `<CurriculumLeaf />`\n        if (leaf.name)\n          uiContainsCodes = true;\n      });\n\n      return;\n    }\n\n    areaAndLeafSets[areaText] = areaAndLeafSet[CurriculumType.Leaf];\n  });\n\n  function getAudienceText(): string {\n    const audienceSegment = props.linkSet[CurriculumType.Audience].name;\n    const subjectSegment = props.linkSet[CurriculumType.Subject].name;\n\n    /**\n     * In some curriculums, such as the UK curriculum, the audience string may contain a year group\n     * in brackets. For example, it may be \"Lower Key Stage 2 (Year 4)\".\n     * This regex will pull that segment out if it exists.\n     */\n    const audienceBracketSegments = audienceSegment.match(BRACKET_SEGMENT_REGEX);\n\n    if (audienceBracketSegments)\n      return `${audienceBracketSegments[1]} • ${audienceBracketSegments[2]} • ${subjectSegment}`;\n\n    return `${audienceSegment} • ${subjectSegment}`;\n  }\n\n  function getLeafStyleClass(leaf: Curriculum<CurriculumType.Leaf>): string {\n    const className = 'mb-2';\n\n    if (!leaf.name && !uiContainsCodes)\n      return className + ' ms-4 ' + styles.leafDescriptionOnly;\n\n    return className;\n  }\n\n  return (\n    <>\n      <h3 className={`${BASE_PILL_CLASS} text-white bg-dark-blue fw-normal me-1 mb-2`}>\n        {getAudienceText()}\n      </h3>\n\n      <div className={`me-2 ${styles.curriculumSubject}`}>\n        {Object.keys(areaAndLeafSets).map((areaText, i) => {\n          return (\n            <div key={i} className={styles.areaLeafSet} >\n              {areaText && <h4 className='mb-1 font-size-normal'>{areaText}</h4>}\n              <ul className='list-unstyled'>\n                {areaAndLeafSets[areaText].map(leaf => (\n                  <li key={leaf.id} className={getLeafStyleClass(leaf)}>\n                    <CurriculumLeaf\n                      leaf={leaf}\n                      codeWidth={props.codeWidth}\n                      trySetMaxCodeWidth={props.trySetMaxCodeWidth}\n                      uiContainsCodes={uiContainsCodes}\n                    />\n                  </li>\n                ))}\n              </ul>\n            </div>\n          );\n        })}\n      </div>\n    </>\n  );\n}\n\ninterface CurriculumLinksSet {\n  [subjectAndAudienceIdKey: string]: CurriculumStructure\n}\n\ninterface CurriculumLinksV2Props {\n  curriculumLinks?: Curriculum[][];\n  emptyStateUrl: string;\n}\n\nexport function CurriculumLinksV2(props: CurriculumLinksV2Props): JSX.Element {\n  const [ codeWidth, setCodeWidth ] = React.useState(0);\n\n  function trySetMaxCodeWidth(width: number): void {\n    /**\n     * The width of the curriculum code column should be identical for each leaf node, meaning\n     * the leaf description text will be perfectly vertically aligned all the way down.\n     * See here for example: https://imgur.com/MbganZf\n     * \n     * This is achieved by us setting the state for the maximum code width, and forcing all\n     * smaller codes to abide by that max width.\n     * \n     * This value is used in the `<CurriculumLeaf />` component.\n     */\n    setCodeWidth(currentVal => {\n      if (currentVal >= width)\n        return currentVal;\n\n      return width;\n    });\n  }\n\n  /**\n   * Here, we're taking the structure of links from the backend, and restructuring it in a way\n   * that resembles the structure of our UI more closely. The general idea is:\n   * \n   * CurriculumAudience - CurriculumSubject\n   *   CurriculumAreas\n   *     CurriculumLeaves\n   */\n  const curriculumLinkSets = React.useMemo(() => {\n    const newSet: CurriculumLinksSet = {};\n\n    props.curriculumLinks.forEach(linkSet => {\n      let subject: Curriculum<CurriculumType.Subject> = null;\n      let audience: Curriculum<CurriculumType.Audience> = null;\n      const areas: Curriculum<CurriculumType.Area>[] = [];\n      const leaves: Curriculum<CurriculumType.Leaf>[] = [];\n  \n      linkSet.forEach(curriculumObj => {\n        switch (curriculumObj.type) {\n          case CurriculumType.Subject:\n            subject = curriculumObj as Curriculum<CurriculumType.Subject>;\n            break;\n          case CurriculumType.Audience:\n            audience = curriculumObj as Curriculum<CurriculumType.Audience>;\n            break;\n          case CurriculumType.Area:\n            areas.push(curriculumObj as Curriculum<CurriculumType.Area>);\n            break;\n          case CurriculumType.Leaf:\n            leaves.push(curriculumObj as Curriculum<CurriculumType.Leaf>);\n            break;\n          default:\n            break;\n        }\n      });\n  \n      const key = `${subject.id}:${audience.id}`;\n  \n      if (newSet[key]) {\n        newSet[key].areasAndLeaves.push({\n          [CurriculumType.Area]: areas,\n          [CurriculumType.Leaf]: leaves\n        });\n  \n        return;\n      }\n  \n      newSet[key] = {\n        [CurriculumType.Subject]: subject,\n        [CurriculumType.Audience]: audience,\n        areasAndLeaves: [{\n          [CurriculumType.Area]: areas,\n          [CurriculumType.Leaf]: leaves\n        }]\n      };\n    });\n\n    return newSet;\n  }, [props.curriculumLinks]);\n\n  if (!props.curriculumLinks)\n    return <PartialCurriculumLinks />;\n\n  if (!props.curriculumLinks?.length) {\n    return <CurriculumLinksEmptyState emptyStateUrl={props.emptyStateUrl} />;\n  }\n\n  return (\n    <ul className='list-unstyled m-0'>\n      {Object.keys(curriculumLinkSets).map((linkSetKey, i) => (\n        <li key={`linkset-${i}`} className={styles.curriculumSet}>\n          <CurriculumSubject\n            linkSet={curriculumLinkSets[linkSetKey]}\n            trySetMaxCodeWidth={trySetMaxCodeWidth}\n            codeWidth={codeWidth}\n          />\n        </li>\n      ))}\n    </ul>\n  );\n}","import React from 'react';\n\nimport { CurriculumLinkItem } from 'libs/shared/components/curriculum-links/CurriculumLinkItem';\nimport { PartialTagItem } from 'libs/shared/components/tags/PartialTagItem';\nimport { DynamicWidget } from 'libs/shared/components/widgets/dynamic-widget';\nimport { CurriculumData, Presentation } from 'libs/shared/interfaces';\n\ninterface CurriculumsWidgetProps {\n  curriculums: CurriculumData;\n  selectedCurriculum: Presentation;\n  onChangeCurriculum: (curriculumId: string) => void;\n}\n\nexport function CurriculumsWidget(props: CurriculumsWidgetProps): JSX.Element {\n  return (\n    <DynamicWidget\n      collection={props.selectedCurriculum?.id ? props.curriculums.nonEmptyCurriculums : null}\n      childClassName='flex-shrink-0'\n      childComponent={_props => {\n        return (\n          <CurriculumLinkItem\n            {..._props}\n            selected={props.selectedCurriculum?.id?.toString() === _props.data.id.toString()}\n            onChangeCurriculum={props.onChangeCurriculum}\n          />\n        );\n      }}\n      partialLoadingComponent={() => <PartialTagItem />}\n      widgetDataDeps={[ props.selectedCurriculum?.id?.toString(), props.onChangeCurriculum ]}\n    />\n  );\n}","import React from 'react';\n\nimport styles from './tags.scss';\n\ninterface PartialTagItemProps {\n  tagClass?: string;\n}\n\nexport const PartialTagItem = React.memo(function({ tagClass = '' }: PartialTagItemProps): JSX.Element {\n  const classNames = `partial-loading-background d-inline-block rounded-pill py-1 px-2 mb-1 me-1 text-nowrap ${tagClass} ${styles.partialTag}`;\n\n  return (\n    <div className='mt-1'>\n      <span className={classNames}>&nbsp;</span>\n    </div>\n  );\n});","export enum CurriculumType {\n  Subject = 'CurriculumSubject',\n  Audience = 'CurriculumAudience',\n  Area = 'CurriculumArea',\n  Leaf = 'CurriculumLeaf'\n}","import React from 'react';\nimport { Scrollbars } from 'react-custom-scrollbars-2';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { EntityType, LocationContext, PresentationDescriptor, UserAction } from 'libs/analytics/interfaces';\n\nimport { PartialCurriculumLinks } from 'libs/shared/components/curriculum-links/partial-loading/PartialCurriculumLinks';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\nimport { CurriculumData, Presentation, Video } from 'libs/shared/interfaces';\nimport { PlayPageAnchor } from 'libs/shared/interfaces/PlayPageAnchor';\n\nimport { CurriculumLinksV2 } from './CurriculumLinksV2';\nimport { CurriculumsWidget } from './CurriculumsWidget';\n\nconst namespace = 'shared.curriculumLinks';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface CurriculumLinksWithScrollbarV2Props {\n  video: Video;\n  curriculums: CurriculumData;\n  emptyStateUrl: string;\n  height?: number;\n  canViewCurriculumLinks: boolean;\n  headingRef?: React.MutableRefObject<Map<PlayPageAnchor, HTMLElement>>;\n}\n\nexport function CurriculumLinksWithScrollbarV2(props: CurriculumLinksWithScrollbarV2Props): JSX.Element {\n  const {\n    hasLoaded,\n    activeCurriculum,\n    availableCurriculums,\n    curriculumLinks,\n    updateCurriculum,\n    customerHasCurriculumLinks\n  } = props.curriculums;\n\n  const [ selectedCurriculum, setSelectedCurriculum ] = React.useState<Presentation>();\n\n  const alerts = useAlerts();\n\n  React.useEffect(() => {\n    if (!hasLoaded)\n      return;\n\n    if (!selectedCurriculum)\n      setSelectedCurriculum(activeCurriculum ?? ArrayHelper.first(availableCurriculums));\n  }, [ activeCurriculum?.id, hasLoaded ]);\n\n  function onChangeCurriculum(curriculumId: string): void {\n    const newCurriculum = availableCurriculums.find(c => c.id.toString() === curriculumId);\n\n    if (!newCurriculum?.id)\n      return;\n\n    if (selectedCurriculum?.id?.toString() === newCurriculum?.id?.toString())\n      return;\n\n    setSelectedCurriculum(newCurriculum);\n\n    const onError = () => {\n      // If the request to change curriculum fails, we reset the select state and alert the user\n      setSelectedCurriculum(selectedCurriculum);\n      alerts.error(getPhrase('updateFailed'));\n    };\n\n    const onSuccess = () => {\n      AnalyticsHelper.logUserAction({\n        id: newCurriculum.id,\n        name: newCurriculum.id,\n        description: newCurriculum.description,\n        videoId: props.video.id,\n        videoName: props.video.name\n      }, {\n        entity: EntityType.Presentation,\n        actionType: UserAction.Select,\n        descriptor: PresentationDescriptor.Curriculum,\n        location: LocationContext.PlayPage\n      });\n    };\n\n    updateCurriculum(newCurriculum, onSuccess, onError);\n  }\n\n  if (!props.canViewCurriculumLinks || !customerHasCurriculumLinks)\n    return <></>;\n  \n  return (\n    <section\n      id={PlayPageAnchor.CurriculumLinks}\n      ref={el => {\n        (el && props.headingRef?.current) && props.headingRef.current.set(PlayPageAnchor.CurriculumLinks, el);\n      }}\n      className='play-page-section'\n    >\n      <h2 className='h5 me-2 h-100'>\n        <Text namespace={namespace} phrase='heading' />\n      </h2>\n      <div className='mb-2'>\n        <CurriculumsWidget\n          curriculums={props.curriculums}\n          selectedCurriculum={selectedCurriculum}\n          onChangeCurriculum={onChangeCurriculum}\n        />\n      </div>\n\n      <div className='rounded border position-relative'>\n        <Scrollbars autoHeight autoHeightMax={props.height}>\n          <div className='p-3'>\n            {!hasLoaded\n              ? <PartialCurriculumLinks />\n              : (\n                <CurriculumLinksV2\n                  curriculumLinks={curriculumLinks}\n                  emptyStateUrl={props.emptyStateUrl}\n                />\n              )}\n          </div>\n        </Scrollbars>\n      </div>\n    </section>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"main\":\"xSI0l\",\"expandedToc\":\"j5FCv\"};","import React from 'react';\n\nimport { PlayPageClips } from 'libs/shared/components/play-page-v2/clips-widget/PlayPageClips';\nimport { CurriculumLinksWithScrollbarV2 } from 'libs/shared/components/play-page-v2/curriculum-links/CurriculumLinksWithScrollbarV2';\nimport { VideoDetailsWithScrollbarV2 } from 'libs/shared/components/play-page-v2/details/VideoDetailsV2';\nimport { hasGlanceData } from 'libs/shared/components/play-page-v2/glance/VideoAtAGlanceUtilsV2';\nimport { VideoAtAGlanceV2 } from 'libs/shared/components/play-page-v2/glance/VideoAtAGlanceV2';\nimport { PlayPageInteractives } from 'libs/shared/components/play-page-v2/interactives-widget/PlayPageInteractives';\nimport { PlayPageResources } from 'libs/shared/components/play-page-v2/resources-widget/PlayPageResources';\nimport { LanguageNamespaceContext } from 'libs/shared/components/text/Text';\nimport { MINIMUM_GLANCE_HEIGHT } from 'libs/shared/constants/MinimumGlanceHeight';\nimport { SeoConstants } from 'libs/shared/constants/SeoConstants';\nimport { GlobalPlayerConsumer } from 'libs/shared/context/player-context/components/GlobalPlayerConsumer';\nimport { usePlayerContext } from 'libs/shared/context/player-context/PlayerContext';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useTableOfContentsActiveHeading } from 'libs/shared/hooks/useTableOfContentsActiveHeading';\nimport { useTableOfContentsScroll } from 'libs/shared/hooks/useTableOfContentsScroll';\nimport { CanFavouriteFunc, Clip, CurrentUser, CurriculumData, FavouriteFunc, InteractiveMetadata, PointOfInterest, PresentationAudience, Video, YearGroup } from 'libs/shared/interfaces';\nimport { PlayPageAnchor } from 'libs/shared/interfaces/PlayPageAnchor';\nimport { PlayViewQueryParams } from 'libs/shared/interfaces/query-params/PlayViewQueryParams';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { ArchivedBanner } from 'shared/components/play-page/ArchivedBanner';\nimport { TableOfContentsContainer } from 'shared/components/play-page/components/table-of-contents/TableOfContents';\nimport { PlayPageTitleAndActions } from 'shared/components/play-page/components/title-and-actions/PlayPageTitleAndActions';\nimport { getAppLinks } from 'shared/components/play-page/PlayPageUtils';\nimport { RestrictionBanner } from 'shared/components/play-page/RestrictionBanner';\nimport { PlayerPlaceholder } from 'shared/components/player-placeholder/PlayerPlaceholder';\nimport { RelatedVideos } from 'shared/components/related-videos/RelatedVideos';\nimport { ImageUrls } from 'shared/constants/ImageUrls';\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { RelatedVideosHash } from 'shared/hooks/useGetRelatedVideos';\nimport { VideoFeaturesHash } from 'shared/hooks/useVideoFeatureAccess';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\nimport { usePlayPageTableOfContent } from 'shared/views/play/v2/hooks/usePlayPageTableOfContent';\nimport { useSectionHeadings } from 'shared/views/play/v2/hooks/useSectionHeadings';\nimport { PlayPageUtils } from 'shared/views/play/v2/PlayPageUtilV2';\n\nimport styles from './play-page.scss';\n\nconst namespace = 'shared.play';\n\ninterface PlayPageV2Props {\n  video: Video;\n  clips: Clip[];\n  interactives: InteractiveMetadata[];\n  yearGroups: YearGroup[];\n  imageCdnUrl: string;\n  relatedVideos: RelatedVideosHash;\n  audiences: PresentationAudience[];\n  setFavourite?: FavouriteFunc;\n  canFavourite?: CanFavouriteFunc;\n  currentUser: CurrentUser;\n  pointsOfInterest?: PointOfInterest[];\n  playNext: boolean;\n  shareId?: string;\n  curriculums: CurriculumData;\n  featureAccess: VideoFeaturesHash;\n  params?: PlayViewQueryParams;\n  canManageVideoAccess: boolean;\n  tableOfContentsId: string;\n  shouldShowSideTableOfContents: boolean;\n  isPlugin: boolean;\n}\n\nexport function PlayPageV2(props: PlayPageV2Props): JSX.Element {\n  const playerContext = usePlayerContext();\n\n  const { hasPermissions } = usePermissions();\n  const { canConsume } = VideoHelper.getCanBeConsumed(props.video);\n\n  const {\n    tableOfContentsActiveId,\n    setTableOfContentsActiveId,\n    controlledId,\n    setControlledId,\n    tableOfContentsExpanded,\n    onToggleTableOfContents\n  } = usePlayPageTableOfContent(props.tableOfContentsId);\n\n  const hasGlance = hasGlanceData(props.video) && props.featureAccess.canViewGlance;\n\n  const { headingRef, headingElements } = useSectionHeadings(hasGlance);\n  const items = headingElements.map(ele => {\n    return {\n      id: ele.id as PlayPageAnchor,\n      name: PlayPageUtils.getSectionHeading(\n        ele.id as PlayPageAnchor,\n        {\n          clips: props.clips,\n          interactives: props.interactives,\n          resources: props.video.resources?.data\n        }\n      )\n    };\n  });\n\n  const isArchived = VideoHelper.isVideoTypeArchived(props.video);\n  const hasStudentExperience = hasPermissions(PermissionName.StudentExperience);\n\n  useTableOfContentsActiveHeading({\n    setActiveId: setTableOfContentsActiveId,\n    headingElements,\n    controlledId,\n    setControlledId\n  });\n\n  useTableOfContentsScroll(headingElements, controlledId);\n\n  /**\n   * Need to use a ref because if we use state, onExitImmersiveReader will have a stale\n   * reference of the state. This is because the state is changed in onLaunchImmersiveReader\n   * which is passed in at the same time as onExitImmersiveReader\n   */\n  const shouldPlayOnExitImmersiveReader = React.useRef(false);\n\n  const appLinkFns = getAppLinks();\n\n  function onLaunchImmersiveReader(): void {\n    shouldPlayOnExitImmersiveReader.current = !playerContext?.playerRef?.current?.isPaused();\n    playerContext?.playerRef?.current?.pause();\n  }\n\n  function onExitImmersiveReader(): void {\n    if (!shouldPlayOnExitImmersiveReader.current)\n      return;\n\n    playerContext?.playerRef?.current?.play();\n  }\n\n  function getMainClassName() {\n    if (props.shouldShowSideTableOfContents && tableOfContentsExpanded) {\n      return styles.expandedToc;\n    }\n    if (props.shouldShowSideTableOfContents && !tableOfContentsExpanded)\n      return 'pe-4';\n  }\n\n  const showPlayerPlaceholder = playerContext.mode === 'picture-in-picture' || props.featureAccess.canViewPublicLayout;\n\n  return (\n    <LanguageNamespaceContext.Provider value={namespace}>\n      <div className='px-4 play-page-sections-container'>\n        <main className={`${styles.main} ${getMainClassName()}`}>\n          <RestrictionBanner\n            restrictions={props.video._restrictions}\n            yearGroups={props.yearGroups}\n            objectId={props.video.id}\n            objectTypeId={MasterType.Video}\n            canManageVideoAccess={props.canManageVideoAccess}\n          />\n      \n          {isArchived && <ArchivedBanner typeId={props.video.typeId} hasStudentExperience={hasStudentExperience}/>}\n    \n          <section\n            id={PlayPageAnchor.Video}\n            className={`mb-2 ${SeoConstants.GLOBAL_PLAYER_SELECTOR}`}\n            ref={el => { (el && headingRef?.current) && headingRef.current.set(PlayPageAnchor.Video, el); }}\n          >\n            {canConsume && (\n              <GlobalPlayerConsumer\n                key={props.video.id}\n                objectId={props.video.id}\n                objectTypeId={props.video.typeId}\n                shareId={props.shareId}\n                context={props.params?.context}\n                contextId={props.params?.contextId}\n                playNext={props.params?.playNext}\n                moviesAndTv={props.params?.mtv}\n                startTime={props.params?.t ?? props.params?.startTime}\n                endTime={props.params?.endTime}\n                mode='default'\n                location='play-page'\n              />\n            )}\n            <div className={showPlayerPlaceholder ? '' : 'd-none'}>\n              <PlayerPlaceholder\n                video={props.video}\n                appLink={{\n                  application: AppChannels.SIGN_UP,\n                  action: Actions.SignUp.SIGN_UP\n                }}\n                type={playerContext.mode === 'picture-in-picture' ? 'pip' : 'public'}\n              />\n            </div>\n          </section>\n\n          <PlayPageTitleAndActions\n            media={props.video}\n            yearGroups={props.yearGroups}\n            audiences={props.audiences}\n            getSeriesAppLink={series => appLinkFns.getSeriesAppLink(series, props.params.mtv)}\n            featureAccess={props.featureAccess}\n            shareId={props.shareId}\n          />\n          {/* if no glance render video details here */}\n          {hasGlance ? (\n            <VideoAtAGlanceV2\n              video={props.video}\n              pointsOfInterest={props.pointsOfInterest}\n              setStartTime={(time: number) => playerContext.playerRef.current?.currentTime(time)}\n              getTagAppLink={appLinkFns.getTagAppLink}\n              suppressInteractivity={props.featureAccess.canViewPublicLayout}\n              canViewGlance={hasGlance}\n            />\n          ) : (\n            <VideoDetailsWithScrollbarV2\n              video={props.video}\n              headingRef={headingRef}\n              onLaunchImmersiveReader={onLaunchImmersiveReader}\n              onExitImmersiveReader={onExitImmersiveReader}\n              getTagAppLink={appLinkFns.getTagAppLink}\n              suppressInteractivity={props.featureAccess.canViewPublicLayout}\n            />\n          )}\n\n          <CurriculumLinksWithScrollbarV2\n            headingRef={headingRef}\n            video={props.video}\n            height={MINIMUM_GLANCE_HEIGHT}\n            curriculums={props.curriculums}\n            emptyStateUrl={ImageUrls.EmptyStates.CURRICULUM_LINKS}\n            canViewCurriculumLinks={props.featureAccess.canViewCurriculumLinks}\n          />\n \n          <PlayPageResources\n            headingRef={headingRef}\n            video={props.video}\n            canViewResources={props.featureAccess.canViewResourceItems}\n            imageCdnUrl={props.imageCdnUrl}\n            getAppLink={\n              appLinkFns.getResourceAppLink(props.video.id, props.shareId, props.featureAccess.canViewResourceItems)\n            }\n            analyticsData={{ videoId: props.video.id, videoName: props.video.name }}\n            resourceThumbnailFallbackUrl={ImageUrls.Fallbacks.RESOURCE_THUMBNAIL}\n          />\n\n          <PlayPageInteractives\n            headingRef={headingRef}\n            video={props.video}\n            interactives={props.interactives}\n            imageCdnUrl={props.imageCdnUrl}\n            analyticsData={{ videoId: props.video.id, videoName: props.video.name }}\n            canViewInteractives={props.featureAccess.canViewInteractives}\n            yearGroups={props.yearGroups}\n            setFavourite={props.setFavourite}\n            canFavourite={props.canFavourite}\n            isPlugin={props.isPlugin}\n          />\n\n          <PlayPageClips\n            video={props.video}\n            headingRef={headingRef}\n            clips={props.clips}\n            canViewClips={props.featureAccess.canViewClips}\n            yearGroups={props.yearGroups}\n            audiences={props.audiences}\n            imageCdnUrl={props.imageCdnUrl}\n            setFavourite={props.setFavourite}\n            canFavourite={props.canFavourite}\n            analyticsData={{ videoId: props.video.id, videoName: props.video.name }}\n            isPlugin={props.isPlugin}\n          />\n\n          {/* if has glance, render video details here */}\n          {hasGlance && (\n            <VideoDetailsWithScrollbarV2\n              video={props.video}\n              headingRef={headingRef}\n              onLaunchImmersiveReader={onLaunchImmersiveReader}\n              onExitImmersiveReader={onExitImmersiveReader}\n              getTagAppLink={appLinkFns.getTagAppLink}\n              suppressInteractivity={props.featureAccess.canViewPublicLayout}\n            />\n          )}\n\n          <RelatedVideos\n            currentVideo={props.video}\n            headingRef={headingRef}\n            yearGroups={props.yearGroups}\n            relatedVideos={props.relatedVideos}\n            currentUser={props.currentUser}\n            setFavourite={props.setFavourite}\n            canFavourite={props.canFavourite}\n            getVideoAppLink={(v, opts) => VideoAppLinkHelper.getAppLink(v, {\n              ...opts,\n              context: props.params.context,\n              contextId: props.params.contextId,\n              playNext: props.params.playNext,\n              shareId: props.shareId,\n              moviesAndTv: props.params.mtv\n            })}\n            audiences={props.audiences}\n            moviesAndTv={props.params.mtv}\n            isPlugin={props.isPlugin}\n          />\n        </main>\n\n        <TableOfContentsContainer\n          isExpanded={tableOfContentsExpanded}\n          setIsExpanded={onToggleTableOfContents}\n          items={items}\n          activeId={tableOfContentsActiveId}\n          setControlledId={setControlledId}\n          analyticsData={{ videoId: props.video.id, videoName: props.video.name }}\n          showInSide={props.shouldShowSideTableOfContents}\n        />\n\n      </div>\n    </LanguageNamespaceContext.Provider>\n  );\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"curriculumSubject\":\"GvGYH\",\"curriculumSet\":\"d7RK0\",\"areaLeafSet\":\"XRTAe\",\"closeButton\":\"N3l5Q\",\"heading\":\"hAxR4\",\"leafDescriptionOnly\":\"h66ke\",\"dropdown\":\"CsG6G\",\"tag\":\"rdLqY\",\"cover\":\"etwaD\",\"active\":\"aDLMe\",\"selected\":\"BMrSd\"};"],"names":["CurriculumLinkItem","props","curriculumTag","data","key","id","className","selected","onClick","onChangeCurriculum","toString","src","cover","url","size","alt","name","namespace","getPhrase","CurriculumLinksEmptyState","emptyStateUrl","altText","phrase","PartialCurriculumLinkSection","PartialCurriculumLinks","BRACKET_SEGMENT_REGEX","BASE_PILL_CLASS","CurriculumLeaf","getCurriculumCodeClass","baseClass","leaf","uiContainsCodes","codeRef","current","width","getBoundingClientRect","trySetMaxCodeWidth","description","style","minWidth","codeWidth","ref","Text","dangerouslySetInnerHTML","__html","CurriculumSubject","audienceSegment","subjectSegment","audienceBracketSegments","areaAndLeafSets","getLeafStyleClass","linkSet","areasAndLeaves","forEach","areaAndLeafSet","areaText","CurriculumType","map","ca","join","push","match","Object","keys","i","CurriculumLinksV2","setCodeWidth","currentVal","curriculumLinkSets","newSet","curriculumLinks","subject","audience","areas","leaves","curriculumObj","type","length","linkSetKey","CurriculumsWidget","collection","selectedCurriculum","curriculums","nonEmptyCurriculums","childClassName","childComponent","_props","partialLoadingComponent","widgetDataDeps","PartialTagItem","tagClass","classNames","LanguageService","CurriculumLinksWithScrollbarV2","hasLoaded","activeCurriculum","availableCurriculums","updateCurriculum","customerHasCurriculumLinks","setSelectedCurriculum","alerts","ArrayHelper","canViewCurriculumLinks","PlayPageAnchor","el","headingRef","set","curriculumId","newCurriculum","find","c","AnalyticsHelper","videoId","video","videoName","entity","actionType","descriptor","location","error","autoHeight","autoHeightMax","height","PlayPageV2","playerContext","hasPermissions","usePermissions","canConsume","VideoHelper","usePlayPageTableOfContent","tableOfContentsId","tableOfContentsActiveId","setTableOfContentsActiveId","controlledId","setControlledId","tableOfContentsExpanded","onToggleTableOfContents","hasGlance","featureAccess","canViewGlance","useSectionHeadings","headingElements","items","ele","clips","interactives","resources","isArchived","hasStudentExperience","PermissionName","useTableOfContentsActiveHeading","setActiveId","useTableOfContentsScroll","shouldPlayOnExitImmersiveReader","appLinkFns","onLaunchImmersiveReader","playerRef","isPaused","pause","onExitImmersiveReader","play","showPlayerPlaceholder","mode","canViewPublicLayout","value","shouldShowSideTableOfContents","RestrictionBanner","restrictions","_restrictions","yearGroups","objectId","objectTypeId","MasterType","canManageVideoAccess","ArchivedBanner","typeId","SeoConstants","GlobalPlayerConsumer","shareId","context","params","contextId","playNext","moviesAndTv","mtv","startTime","t","endTime","PlayerPlaceholder","appLink","application","action","PlayPageTitleAndActions","media","audiences","getSeriesAppLink","series","VideoAtAGlanceV2","pointsOfInterest","setStartTime","time","currentTime","getTagAppLink","suppressInteractivity","ImageUrls","PlayPageResources","canViewResources","canViewResourceItems","imageCdnUrl","getAppLink","getResourceAppLink","analyticsData","resourceThumbnailFallbackUrl","PlayPageInteractives","canViewInteractives","setFavourite","canFavourite","isPlugin","PlayPageClips","canViewClips","RelatedVideos","currentVideo","relatedVideos","currentUser","getVideoAppLink","v","opts","VideoAppLinkHelper","TableOfContents","isExpanded","setIsExpanded","activeId","showInSide"],"sourceRoot":""}

package/dist/scripts/{1285-1ba9b0640e-lite.chunk.js → 1285-818f4ed377-lite.chunk.js}

@@ -1,2 +1,2 @@
 "use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[1285],{92869:(e,t,a)=>{a.d(t,{t:()=>o});var n=a(48088),r=a(95846),o={preventScrollTop:function(){n.Radio.channel(r.G.SHELL).trigger("prevent:scroll:top")}}},37395:(e,t,a)=>{a.d(t,{t:()=>u});var n=a(32735),r=a(98269),o=a(92869),s=a(49985),l=a(65858),i=a(36848),c=a(83345);function d(e,t,a){var n;if(!t)return null;var r=null!==(n=e.params)&&void 0!==n?n:{};return a?(null==r?void 0:r.previous)?{application:e.application,action:e.action,args:e.args,params:Object.assign(Object.assign({},r),{cursor:null==r?void 0:r.previous,previous:null})}:{application:e.application,action:e.action,args:e.args,params:Object.assign(Object.assign({},r),{cursor:null,previous:null})}:{application:e.application,action:e.action,args:e.args,params:Object.assign(Object.assign({},r),{cursor:t,previous:r.cursor})}}function u(e){var t=e.appLink,a=e.cursors,u=e.className,m=e.buttonVariant,p=e.prevHack,g=e.scrollTop,f=e.onClick;function v(e){t&&!g&&o.t.preventScrollTop(),s.k.logUserAction({page:e},{location:l.LZ.Pagination,entity:l.py.Pagination,actionType:l.Vw.Navigate}),f&&f(a[e])}return t?n.createElement(c.D.Provider,{value:"shared.pagination"},n.createElement("div",{className:u},n.createElement(i.F,{appLink:d(t,a.previous,p),className:"btn btn-".concat(m," me-1 ").concat(a.previous?"":"disabled"),onClick:function(){return v("previous")},style:{display:"inline-block"}},n.createElement(c.x,{phrase:"previous"})),n.createElement(i.F,{appLink:d(t,a.next),className:"btn btn-".concat(m," ").concat(a.next?"":"disabled"),onClick:function(){return v("next")},style:{display:"inline-block"}},n.createElement(c.x,{phrase:"next"})))):n.createElement(c.D.Provider,{value:"shared.pagination"},n.createElement("div",{className:u},n.createElement(r.Z,{variant:m,className:"me-1 ".concat(a.previous?"":"disabled"),onClick:function(){return v("previous")}},n.createElement(c.x,{phrase:"previous"})),n.createElement(r.Z,{variant:m,className:"btn ".concat(a.next?"":"disabled"),onClick:function(){return v("next")}},n.createElement(c.x,{phrase:"next"}))))}u.defaultProps={className:"py-2",buttonVariant:"secondary"}},28469:(e,t,a)=>{a.d(t,{P:()=>o});var n=a(32735),r=a(23481).T.encloseNamespace("rostering.alert");function o(e){var t="classroom"===e.type?r("classroom"):r("hasRostering");return n.createElement("div",{className:"alert text-info bg-light-blue px-2 rounded-3 fw-semibold py-2 d-flex flex-wrap"},t," ")}},299:(e,t,a)=>{a.d(t,{X:()=>s});var n=a(32735),r=a(69217),o=a(94631),s=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},a=t.idField,s=void 0===a?"id":a,l=t.persistNamespace,i=t.initialState?t.initialState:new Map,c=n.useRef(i),d=(0,r.N)(),u=(0,o.D)(e),m=(0,o.D)(l);function p(){c.current.clear(),d()}function g(e){return"number"==typeof e?e=e.toString():"string"!=typeof e&&(e=e[s].toString()),c.current.get(e)}function f(){return!!(null==e?void 0:e.length)&&e.every(g)}function v(e){e.forEach((function(e){c.current.set(e,!0)})),d()}return n.useEffect((function(){t.initialState||l&&m===l||(null==u?void 0:u.map((function(e){return e[s]})).join())!==(null==e?void 0:e.map((function(e){return e[s]})).join())&&p()}),[u,m,e,t.initialState]),n.useEffect((function(){var e;(null===(e=t.preselectedIds)||void 0===e?void 0:e.length)&&v(t.preselectedIds)}),[]),{onToggleBulk:function(){var t=!f();e.forEach((function(e){t?c.current.set(e[s].toString(),!0):c.current.delete(e[s].toString())})),d()},onToggleItem:function(e){var t=!c.current.get(e.toString());t?c.current.set(e.toString(),t):c.current.delete(e.toString()),d()},getSelected:function(){return Array.from(c.current.keys())},isChecked:g,bulkChecked:f(),deselectAll:function(){(null==e?void 0:e.length)&&(e.forEach((function(e){c.current.delete(e[s].toString())})),d())},hasSomeSelections:function(){return!!(null==e?void 0:e.length)&&!!e.find((function(e){return g(e)}))},setSelected:v,getSelectedCount:function(){return c.current.size},reset:p,getMap:function(){return c.current}}}},94631:(e,t,a)=>{a.d(t,{D:()=>r});var n=a(32735);function r(e){var t=n.useRef();return n.useEffect((function(){t.current=e})),t.current}},36511:(e,t,a)=>{a.d(t,{I:()=>r});var n=a(40424);function r(e){switch(e){case n.R.Pink:return"pink";case n.R.Orange:return"orange";case n.R.Green:return"green";case n.R.Blue:return"blue";case n.R.Purple:return"purple";case n.R.Indigo:return"indigo";default:return"pink"}}},6925:(e,t,a)=>{a.r(t),a.d(t,{ClassroomStudentsView:()=>Te});var n=a(32735),r=a(70680),o=a(23481),s=a(20354),l=a(49985),i=a(65858),c=a(37395),d=a(28469),u=a(16714),m=a(76881),p=a(39151),g=a(31949),f=a(22902),v=a(79612),E=a(14070),S=a(97291),h=a(23232),b=a(83345),y=a(35223),k=a(99742),C="classrooms.classroomsEmptyState";function N(e){return n.createElement(b.D.Provider,{value:C},n.createElement(h.u,null,n.createElement(h.u.Image,{src:k.W.EmptyStates.Classrooms.STUDENTS}),n.createElement(h.u.Heading,null,n.createElement(b.x,{phrase:"noStudentsHeading"})),n.createElement(h.u.Info,{className:"w-33 ".concat(e.canManageUsers?"":"mb-0")},n.createElement(b.x,{phrase:"noStudentsInfo"})),e.canManageUsers&&!e.isRostering&&n.createElement(h.u.Cta,{text:o.T.getPhrase(C,"noStudentsCta"),appLink:{application:S.O.USER_MANAGER,action:E.e.UserManager.STUDENTS}}),!e.canManageUsers&&!e.isRostering&&n.createElement(h.u.Info,null,n.createElement(b.x,{phrase:"askAdmin"})),e.isRostering&&n.createElement("a",{className:"btn btn-link info-link font-semibold",href:"",target:"_blank"},o.T.getPhrase(C,"rosteringCta"))))}var T="classrooms.manageClassroomStudentsEmptyState",O=o.T.encloseNamespace(T),x="https://static.clickview.com.au/Primary/Documents/Student-engagement-ideas.pdf",w="";function U(){return n.createElement(b.D.Provider,{value:T},n.createElement(h.u,null,n.createElement(h.u.Image,{src:k.W.EmptyStates.Classrooms.STUDENTS}),n.createElement(h.u.Heading,null,n.createElement(b.x,{phrase:"emptyStateHeading"})),n.createElement(h.u.Info,{className:"mb-2"},n.createElement(b.x,{phrase:"emptyStateInfo"})),n.createElement("a",{className:"btn btn-link info-link font-semibold",href:w,target:"_blank"},O("rosteringCta"))))}function I(e){return e.schoolHasNoStudents?n.createElement(N,{canManageUsers:e.canManageUsers}):n.createElement(b.D.Provider,{value:T},n.createElement(h.u,null,n.createElement(h.u.Image,{src:k.W.EmptyStates.Classrooms.STUDENTS}),n.createElement(h.u.Heading,null,n.createElement(b.x,{phrase:"emptyStateHeading"})),n.createElement(h.u.Info,null,n.createElement(b.x,{phrase:"emptyStateInfo"})),n.createElement(h.u.Cta,{text:o.T.getPhrase(T,"addStudents"),icon:y.vn.Plus,appLink:{application:S.O.CLASSROOMS,action:E.e.Classrooms.ADD_STUDENTS_CHOICES,args:[e.classroom.id]}}),n.createElement("a",{className:"btn btn-link info-link font-semibold",href:x,target:"_blank"},e.classroomIdeasText)))}var R=a(81886),M=a(11607),P=a(89965),L=a(10874),A=a(83914),F=a(76177),G=a(86764),D=a(69883),H=a(299),j=a(3747),_=a(34509),Z=a(36848),B=a(36511);function V(e){var t;return e.group?n.createElement("div",{className:"classroom-pill text-white bg-".concat((0,B.I)(null===(t=e.group.metadata)||void 0===t?void 0:t.colour))},e.group.name):n.createElement(n.Fragment,null)}function X(e){return e.count?n.createElement(M.L,{onClick:e.onClick,className:"classroom-pill bg-white border border-dark"},"+",e.count):n.createElement(n.Fragment,null)}var W="classrooms.classroomGroupDropdown",Y=function(e,t){return{application:S.O.CLASSROOMS,action:E.e.Classrooms.NEW_GROUP,args:[e],params:{addStudents:t.map((function(e){return e.id}))}}},q=function(e,t){return e.filter((function(e){return t.users.data.find((function(t){return t.id.toString()===e.id.toString()}))})).length};function Q(e){var t,a=(0,H.X)(e.groups,{preselectedIds:e.preselections.map((function(e){return e.id}))}),r=a.onToggleItem,s=a.isChecked;n.useEffect((function(){e.groups.forEach((function(t){var a=q(e.selectedStudents,t);(!a||a!==e.selectedStudents.length||s(t.id))&&(a||!s(t.id))||r(t.id)}))}));var c={align:e.alignRight?"end":"start"};return e.disabled&&(c.show=!1),n.createElement(_.Z,Object.assign({},c),n.createElement(_.Z.Toggle,{as:"div",id:e.id,className:"".concat(e.disabled?"text-light":"cursor-pointer"," ").concat("me-2 d-inline-block svg-container sm"," no-caret")},n.createElement(A.x,{svgName:y.vn.Group,title:e.disabled?e.disabledTooltips:o.T.getPhrase(W,"addToGroupTooltip"),tooltipPlacement:"top",tooltipSpanHack:!0,tooltipSpanHackClassName:""})),n.createElement(_.Z.Menu,null,!!(null===(t=e.groups)||void 0===t?void 0:t.length)&&n.createElement("div",{className:"px-2 border-bottom mb-1"},n.createElement("p",{className:"mb-0"},n.createElement(b.x,{namespace:W,phrase:"addToGroup"})),n.createElement("ul",{className:"list-unstyled pe-3"},e.groups.map((function(t){return n.createElement("li",{key:t.id,className:"d-flex align-items-center bg-white my-1"},n.createElement(P.X,{id:"".concat(e.id,":").concat(t.id),checked:s(t.id),onChange:function(){return function(t){var a=!s(t.id);e.onSelectGroup(t,a),r(t.id)}(t)},indeterminate:!!q(e.selectedStudents,t)}),n.createElement(V,{group:t}))})))),n.createElement(Z.F,{onClick:function(){e.disabled||l.k.logUserAction({},l.k.mergeOptions(e.analyticsOptions,{actionType:i.Vw.Create,workflowPhase:i.eu.Start,entity:i.py.ClassroomGroup}))},appLink:Y(e.classroom.id,e.selectedStudents),className:e.disabled?"disabled":"text-nowrap d-flex align-items-center px-2"},n.createElement(A.x,{svgName:y.vn.Plus}),n.createElement(b.x,{namespace:W,phrase:"createNew"}))))}Q.defaultProps={preselections:[]};var $=a(91967),z=a(83657),J=a(20789),K=a(10038),ee=a(64818);const te={avatarContainer:"rfVnC",name:"RYLWZ"};function ae(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,r,o,s,l=[],i=!0,c=!1;try{if(o=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;i=!1}else for(;!(i=(n=o.call(a)).done)&&(l.push(n.value),l.length!==t);i=!0);}catch(e){c=!0,r=e}finally{try{if(!i&&null!=a.return&&(s=a.return(),Object(s)!==s))return}finally{if(c)throw r}}return l}}(e,t)||ne(e,t)||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.")}()}function ne(e,t){if(e){if("string"==typeof e)return re(e,t);var a={}.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?re(e,t):void 0}}function re(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=Array(t);a<t;a++)n[a]=e[a];return n}var oe=o.T.encloseNamespace("classrooms.manageClassroomStudentItem"),se=function(e){return{application:S.O.USER_MANAGER,action:E.e.UserManager.EDIT_USER,args:[e],params:{userType:m.Y.Learner}}},le=function(e,t){return{application:S.O.CLASSROOMS,action:E.e.Classrooms.REMOVE_STUDENTS,args:[t],params:{studentIds:[e]}}};function ie(e){var t,a=ae(n.useState(!1),2),r=a[0],o=a[1],s=ae(n.useState(!1),2),c=s[0],d=s[1],m=ae(n.useState({}),2),p=m[0],g=m[1],v=n.useRef(null),E=n.useRef(null),S=(0,f.T)().hasPermissions;n.useEffect((function(){y(),c||o(!0)}),[e.selectedGroups.length]);var h,b=$.q.throttle((function(){y(),o(!0)}),300);function y(){g(e.selectedGroups.reduce((function(e,t){return e[t.id]=!0,e}),{}))}return(0,K.H)((function(){c||b()})),n.useEffect((function(){if(v.current&&E.current&&r){var e=v.current.firstElementChild;if(e){var t,a,n=e.getBoundingClientRect().y,s={},l=function(e,t){var a="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!a){if(Array.isArray(e)||(a=ne(e))){a&&(e=a);var n=0,r=function(){};return{s:r,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,s=!0,l=!1;return{s:function(){a=a.call(e)},n:function(){var e=a.next();return s=e.done,e},e:function(e){l=!0,o=e},f:function(){try{s||null==a.return||a.return()}finally{if(l)throw o}}}}(v.current.children);try{for(l.s();!(a=l.n()).done;){var i=a.value;i.id&&(s[i.id]=i.getBoundingClientRect().y===n,t=s[i.id]?i.id:t)}}catch(e){l.e(e)}finally{l.f()}E.current.getBoundingClientRect().y!==n&&(s[t]=!1),g(s),o(!1)}}}),[r]),n.createElement("div",{className:"d-flex align-items-center py-1 px-4"},n.createElement(P.X,{id:e.student.id,checked:e.checked,onChange:e.onToggleCheckbox,className:"me-2",disabled:e.readOnly}),n.createElement("div",{className:"".concat(te.avatarContainer," me-2")},n.createElement(J.q,{imageCdnUrl:e.config.imageCdnUrl,initials:ee.l.getInitials(e.student.name,e.student.surname),imageUrl:null===(t=e.student.avatar)||void 0===t?void 0:t.url})),n.createElement("p",{className:"me-2 ".concat(te.name," text-truncate mb-0 text-nowrap")},e.student.name," ",e.student.surname),n.createElement("div",{className:"".concat(r?"invisible":""," me-auto d-flex flex-wrap mt-n1"),ref:v},e.selectedGroups.map((function(e){return p[e.id]?n.createElement("div",{key:e.id,className:"me-1 mt-1",id:e.id},n.createElement(V,{group:e})):n.createElement(n.Fragment,{key:e.id})})),n.createElement("div",{ref:E,className:"me-1 mt-1"},n.createElement(X,{count:Object.keys(p).reduce((function(e,t){return p[t]||e++,e}),0),onClick:function(){d(!0),y()}}))),n.createElement(Q,{id:"add-group-".concat(e.student.id),classroom:e.classroom,groups:e.classroomGroups,selectedStudents:[e.student],preselections:e.selectedGroups,onSelectGroup:function(t,a){return e.onToggleGroup(e.student,t,a)},analyticsOptions:{location:i.LZ.ManageClassroomStudentListItem},alignRight:!0,disabled:e.readOnly,disabledTooltips:e.readOnlyTooltip}),n.createElement(z.e,{actions:(h=[],S(u.C.ManageUsers)&&h.push({label:oe("editStudent"),appLink:se(e.student.id),disabled:e.readOnly,className:e.readOnly?"disabled":"",tooltip:e.readOnly?e.readOnlyTooltip:"",onClick:function(){l.k.logUserAction({id:e.student.id},{actionType:i.Vw.Edit,entity:i.py.User,workflowPhase:i.eu.Start,location:i.LZ.ManageClassroomStudentListItem})}}),h.push({label:oe("removeStudent"),appLink:le(e.student.id,e.classroom.id),disabled:e.readOnly,className:e.readOnly?"disabled":"text-danger",tooltip:e.readOnly?e.readOnlyTooltip:"",onClick:function(){l.k.logUserAction({id:e.classroom.id,userId:e.student.id},{actionType:i.Vw.Dissociate,entity:i.py.Classroom,descriptor:i.iF.User,workflowPhase:i.eu.Start,location:i.LZ.ManageClassroomStudentListItem})}}),h),actionsDropdownClassName:"btn"}))}var ce=a(88630),de="classrooms.manageClassroomStudents",ue=o.T.encloseNamespace(de);function me(e){var t,a=e.classroom,c=e.students,d=e.groups,u=(0,r.I0)(),m=(0,D.Z)(),p=(0,H.X)(c.data),g=p.getSelected().length,f=d.filter((function(e){var t,a;if(!(null===(a=null===(t=e.users)||void 0===t?void 0:t.data)||void 0===a?void 0:a.length))return!1;var n=!0,r=0,o=p.getSelected();if(o.length){var s=function(){var t=o[r];e.users.data.find((function(e){return e.id.toString()===t.toString()}))||(n=!1),r++};do{s()}while(r<o.length);return n}})),v=(0,j.a)(G.r.XLDown);return(null===(t=c.data)||void 0===t?void 0:t.length)?n.createElement(n.Fragment,null,n.createElement("div",{className:"d-flex align-items-center py-2 ".concat(v?"ps-2":"ps-4")},n.createElement(P.X,{id:"manage-classroom-students-bulk",onChange:p.onToggleBulk,checked:p.bulkChecked,className:"me-2",indeterminate:p.hasSomeSelections(),disabled:e.readOnly}),n.createElement(Q,{id:"bulk-add-group",classroom:a,selectedStudents:p.getSelected().map((function(t){return e.students.data.find((function(e){return e.id.toString()===t.toString()}))})),groups:d,onSelectGroup:function(e,t){var n=p.getSelected(),r=t?ce.F.addStudentsToGroup:ce.F.removeStudentsFromGroup;s.a.fetch(u,r(n,e.id,a.id,(function(){l.k.logUserAction({id:e.id,studentCount:n.length},{actionType:i.Vw.Associate,entity:i.py.ClassroomGroup,descriptor:i.iF.User,workflowPhase:i.eu.Complete,location:i.LZ.ManageClassroomStudents}),m.success(ue("addSuccess",{groupName:e.name,escapeText:!0}))}),(function(){m.error(ue("addError",{groupName:e.name,escapeText:!0}))})))},disabled:!g||e.readOnly,preselections:f,analyticsOptions:{location:i.LZ.ManageClassroomStudents},disabledTooltips:e.readOnly&&o.T.getPhrase(de,"disabledByRostering")}),n.createElement(M.L,{className:"me-auto ".concat(!g||e.readOnly?"text-light cursor-default":""),onClick:function(){if(g&&!e.readOnly){var t=p.getSelected();l.k.logUserAction({id:a.id,studentCount:t.length},{entity:i.py.Classroom,descriptor:i.iF.User,workflowPhase:i.eu.Start,actionType:i.Vw.Dissociate,location:i.LZ.ManageClassroomStudents}),R.Q.C$.trigger({application:S.O.CLASSROOMS,action:E.e.Classrooms.REMOVE_STUDENTS,args:[a.id],params:{studentIds:t}})}}},n.createElement(F.u,{spanHack:!0,title:e.readOnly?o.T.getPhrase(de,"disabledByRostering"):""},n.createElement(A.x,{svgName:y.vn.Delete,title:o.T.getPhrase(de,"delete"),tooltipPlacement:"top",tooltipSpanHack:!0}))),n.createElement(F.u,{spanHack:!0,title:e.readOnly?o.T.getPhrase(de,"disabledByRostering"):""},n.createElement(L.h,{onClick:function(){l.k.logUserAction({id:a.id},{entity:i.py.Classroom,descriptor:i.iF.User,workflowPhase:i.eu.Start,actionType:i.Vw.Associate,location:i.LZ.ManageClassroomStudents}),R.Q.C$.trigger({application:S.O.CLASSROOMS,action:E.e.Classrooms.ADD_STUDENTS_CHOICES,args:[a.id]})},svgName:y.vn.Plus,className:"btn btn-outline-dark",disabled:e.readOnly},n.createElement(b.x,{namespace:de,phrase:"addStudent"})))),n.createElement("ul",{className:"striped-list list-unstyled"},c.data.map((function(t){return n.createElement("li",{key:t.id},n.createElement(ie,{classroom:a,student:t,classroomGroups:e.groups,config:e.config,selectedGroups:e.groups.filter((function(e){return e.users.data.find((function(e){return e.id===t.id}))})),checked:p.isChecked(t.id),onToggleCheckbox:function(){return p.onToggleItem(t.id)},onToggleGroup:e.onToggleGroup,readOnly:e.readOnly,readOnlyTooltip:e.readOnly?ue("disabledByRostering"):""}))})))):n.createElement(I,{classroom:e.classroom,classroomIdeasText:ue("classroomIdeasText"),schoolHasNoStudents:e.schoolHasNoStudents,canManageUsers:e.canManageUsers})}var pe=a(49935),ge=a(5062);const fe="pJf6R",ve="MSvzY",Ee="IFmvc",Se="pOcvk";var he=n.memo((function(){return n.createElement("div",{className:"px-3"},n.createElement("div",{className:"mb-1 partial-loading-background ".concat("YrP_G")}),n.createElement("div",{className:"pb-3"},n.createElement(pe.b2,{numItems:2})),n.createElement("div",{className:"pb-2"},n.createElement(ge.Z,null)),n.createElement("div",{className:"d-flex align-items-center py-2"},n.createElement("div",{className:"mx-4 partial-loading-background ".concat(fe)}),n.createElement("div",{className:"me-2 partial-loading-background ".concat(ve)}),n.createElement("div",{className:"me-auto partial-loading-background ".concat(ve)}),n.createElement("div",{className:"partial-loading-background ".concat("j62jt")})),n.createElement("ul",{className:"striped-list list-unstyled"},Array(20).fill(null).map((function(e,t){return n.createElement("li",{key:t},n.createElement("div",{className:"d-flex align-items-center py-1 px-4"},n.createElement("div",{className:"me-2 partial-loading-background ".concat(fe)}),n.createElement("div",{className:"me-2 partial-loading-background ".concat("droqZ")}),n.createElement("div",{className:"w-25"},n.createElement("div",{className:"partial-loading-background ".concat("gorcb")})),n.createElement("div",{className:"me-auto d-flex"},Math.random()>.5?n.createElement(n.Fragment,null,n.createElement("div",{className:"partial-loading-background rounded-pill me-1 ".concat(Ee," ").concat("SdQ90")}),n.createElement("div",{className:"partial-loading-background rounded-pill ".concat(Ee," ").concat(Se)})):n.createElement("div",{className:"partial-loading-background rounded-pill ".concat(Ee," ").concat(Se)})),n.createElement("div",{className:"me-2 partial-loading-background ".concat(ve)}),n.createElement("div",{className:"partial-loading-background ".concat("S7p4K")})))}))))})),be=a(31491),ye=a(5289),ke=a(47288),Ce=o.T.encloseNamespace("classrooms.classroomStudents"),Ne={entity:i.py.ClassroomGroup,descriptor:i.iF.User,workflowPhase:i.eu.Complete,location:i.LZ.ManageClassroomStudentListItem};function Te(e){var t,a,o,h,b,y,k,C,N,T=s.a.useBasicFetch(g.N.currentUser()),O=s.a.useBasicFetch(T.data&&ce.F.getClassroom(e.id,T.data.id)),x=s.a.useBasicFetch(ce.F.getClassroomStudents(e.id,e.cursor)),w=s.a.useBasicFetch(T.data&&ke.N.getUsers(T.data.customerId,m.Y.Learner)),R=s.a.useBasicFetch(ce.F.getClassroomGroups(e.id)),M=s.a.useBasicFetch(p.L.config()),P=null===(a=null===(t=O.data)||void 0===t?void 0:t._integrations)||void 0===a?void 0:a.rostered,L=(0,r.I0)(),A=(0,f.T)().hasPermissions;function F(t,a,n){var r={id:a.id,studentCount:1},o=n?ce.F.addStudentsToGroup([t.id],a.id,e.id,(function(){l.k.logUserAction(r,Object.assign(Object.assign({},Ne),{actionType:i.Vw.Associate}))})):ce.F.removeStudentsFromGroup([t.id],a.id,e.id,(function(){l.k.logUserAction(r,Object.assign(Object.assign({},Ne),{actionType:i.Vw.Dissociate}))}));s.a.fetch(L,o)}return(0,v.M)({title:Ce("pageTitle",{classroomName:null===(o=O.data)||void 0===o?void 0:o.name})}),(0,be._)(O),O.data&&(null===(h=x.data)||void 0===h?void 0:h.data)&&(null===(b=R.data)||void 0===b?void 0:b.data)&&M.data&&w.data?n.createElement(ye.R,{classroom:O.data,currentUser:T.data,onTogglePin:function(e,t,a){if(!P){var n=e?ce.F.pinClassroom:ce.F.unpinClassroom;s.a.fetch(L,n(O.data,t,a))}},activeTab:"students",isRostered:P},function(){var e,t,a,r,o,s,l,i,c,m;return P?n.createElement(n.Fragment,null,n.createElement(d.P,{type:"classroom"}),(null===(t=null===(e=x.data)||void 0===e?void 0:e.data)||void 0===t?void 0:t.length)?n.createElement(me,{classroom:O.data,students:x.data,groups:R.data.data,onToggleGroup:F,config:M.data,schoolHasNoStudents:!(null===(r=null===(a=w.data)||void 0===a?void 0:a.data)||void 0===r?void 0:r.length),canManageUsers:A(u.C.ManageUsers),readOnly:!0}):n.createElement(U,null)):(null===(s=null===(o=x.data)||void 0===o?void 0:o.data)||void 0===s?void 0:s.length)?n.createElement(me,{classroom:O.data,students:x.data,groups:R.data.data,onToggleGroup:F,config:M.data,schoolHasNoStudents:!(null===(i=null===(l=w.data)||void 0===l?void 0:l.data)||void 0===i?void 0:i.length),canManageUsers:A(u.C.ManageUsers)}):n.createElement(I,{classroom:O.data,classroomIdeasText:Ce("classroomIdeasText"),schoolHasNoStudents:!(null===(m=null===(c=w.data)||void 0===c?void 0:c.data)||void 0===m?void 0:m.length),canManageUsers:A(u.C.ManageUsers)})}(),!!(null===(k=null===(y=x.data)||void 0===y?void 0:y.pagination)||void 0===k?void 0:k.cursors)&&n.createElement(c.t,{appLink:{application:S.O.CLASSROOMS,action:E.e.Classrooms.CLASSROOM_STUDENTS,args:[e.id]},cursors:null===(N=null===(C=x.data)||void 0===C?void 0:C.pagination)||void 0===N?void 0:N.cursors,buttonVariant:"outline-dark",className:"py-2 float-end",scrollTop:!0,prevHack:!0})):n.createElement(he,null)}}}]);
-//# sourceMappingURL=1285-1ba9b0640e-lite.chunk.js.map
+//# sourceMappingURL=1285-818f4ed377-lite.chunk.js.map