@clickview/lite 0.52.0 → 0.52.2-dev.0

package/dist/scripts/{1080-5b00242a31-lite.chunk.js → 1080-d24c9657ec-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 text-shadow mb-0",href:e.href,target:"_blank",onClick:a},e.title),n.createElement(m.h,{href:e.href,svgName:p.vn.NewWindow,openInNewTab:!0,className:"btn btn-outline-dark d-lg-block d-none",onClick:a},e.cta))}function 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),x=t(32624),A=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(A.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(x.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}),x=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&&x.hasCompleted&&(m&&x.data||r.Q.C$.trigger({application:Z.O.DASHBOARD,action:X.e.Dashboard.HOME},{replace:!0}))}),[m,u,x.data,x.hasCompleted]),n.createElement(n.Fragment,null,n.createElement("div",{className:"px-4"},n.createElement(Q.T,null)),n.createElement(R,{dashboard:x.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(A.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-5b00242a31-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 text-shadow mb-0",href:e.href,target:"_blank",onClick:a},e.title),n.createElement(m.h,{href:e.href,svgName:p.vn.NewWindow,openInNewTab:!0,className:"btn btn-outline-dark d-lg-block d-none",onClick:a},e.cta))}function 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),x=t(32624),A=t(16714),w=t(72639),L=t(78479),P=t(42308),C=t(15311),y=t(40424),I=t(77843),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(A.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(x.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}),x=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&&x.hasCompleted&&(m&&x.data||r.Q.C$.trigger({application:Z.O.DASHBOARD,action:X.e.Dashboard.HOME},{replace:!0}))}),[m,u,x.data,x.hasCompleted]),n.createElement(n.Fragment,null,n.createElement("div",{className:"px-4"},n.createElement(Q.T,null)),n.createElement(R,{dashboard:x.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(A.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-d24c9657ec-lite.chunk.js.map

package/dist/scripts/{1080-5b00242a31-lite.chunk.js.map → 1080-d24c9657ec-lite.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"scripts/1080-5b00242a31-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 text-shadow mb-0' href={props.href} target='_blank' onClick={onClick}>{props.title}</a>\n      <IconButton\n        href={props.href}\n        svgName={cvSvgLibrary.NewWindow}\n        openInNewTab\n        className='btn btn-outline-dark d-lg-block d-none'\n        onClick={onClick}\n      >\n        {props.cta}\n      </IconButton>\n    </div>\n  );\n}\n\ninterface ExchangeAndTvLinksProps {\n  isPrimary: boolean;\n  exchangeTvProductOption: ExchangeTvProductOption;\n  products: UseProductsResponse;\n}\n\nexport function ExchangeAndTvLinks(props: ExchangeAndTvLinksProps): JSX.Element {\n  const shouldShow = (\n    !props.products.isLoadingProducts &&\n    props.products.hasProduct(ProductId.Exchange) &&\n    props.exchangeTvProductOption === 'exchange_and_tv'\n  );\n\n  if (!shouldShow)\n    return <></>;\n\n  const exchangeUrl = props.products.products.data.find(p => p.id === ProductId.Exchange).url;\n\n  return (\n    <div>\n      <div className='curated-widget-header'>\n        <h2 className='h4 curated-widget-heading'>\n          <Text namespace={namespace} phrase='title' />\n        </h2>\n      </div>\n      <div className='row'>\n        <div className='col-md-6 col-12'>\n          <Link\n            title={getPhrase('exchangeText')}\n            cta={getPhrase('exchangeCta')}\n            backgroundColor='#7A76EB'\n            backgroundImage={props.isPrimary ? '' : 'https://img.clickviewapp.com/v2/thumbnails/7mqa32'}\n            href={exchangeUrl + '/exchange'}\n          />\n        </div>\n        <div className='col-md-6 col-12'>\n          <Link\n            title={getPhrase('tvText')}\n            cta={getPhrase('tvCta')}\n            backgroundColor='#40BCC3'\n            backgroundImage={props.isPrimary ? '' : 'https://img.clickviewapp.com/v2/thumbnails/Eo3L1k'}\n            href={exchangeUrl + '/tv'}\n          />\n        </div>\n      </div>\n    </div>\n  );\n}","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { EmptyState } from 'libs/shared/components/empty-states/EmptyState';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { CuratedDashboard, DashboardStatus } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nconst namespace = 'moviesAndTv.dashboardEmptyState';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface MoviesAndTvDashboardEmptyStateProps {\n  dashboard: CuratedDashboard;\n  imageUrl: string;\n  isReadonly: boolean;\n  addWidgetApplink?: () => Core.AppLink;\n}\n\nexport function MoviesAndTvDashboardEmptyState(props: MoviesAndTvDashboardEmptyStateProps): JSX.Element {\n  const isArchived = props.dashboard?.status === DashboardStatus.Archived;\n\n  return (\n    <EmptyState>\n      <EmptyState.Image src={props.imageUrl} altText={getPhrase('info')} />\n      <EmptyState.Heading>\n        <Text namespace={namespace} phrase='heading' />\n      </EmptyState.Heading>\n      <EmptyState.Info>\n        <Text namespace={namespace} phrase='info' />\n      </EmptyState.Info>\n      <Tooltip title={isArchived ? LanguageService.getPhrase(namespace, 'archivedCtaTooltip') : ''} spanHack>\n        <EmptyState.Cta\n          text={LanguageService.getPhrase(namespace, 'add')}\n          appLink={props.addWidgetApplink?.()}\n          className='btn btn-dark'\n          icon={cvSvgLibrary.Plus}\n          disabled={isArchived}\n        />\n      </Tooltip>\n    </EmptyState>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"icon\":\"Kmx7z\",\"title\":\"Hw1qq\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { ExchangeAndTvLinks } from 'libs/shared/apps/movies-and-tv/components/exchange-and-tv-links/ExchangeAndTvLinks';\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { WidgetContainerView } from 'libs/shared/components/widgets/curated-widgets/WidgetContainerView';\nimport { WidgetAppLinks } from 'libs/shared/components/widgets/curated-widgets/WidgetProps';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { PresentationLearningLevel } from 'libs/shared/enums/PresentationLearningLevel';\nimport { ProductId } from 'libs/shared/enums/ProductId';\nimport { WidgetTemplate } from 'libs/shared/enums/WidgetTemplate';\nimport { WidgetTypeId } from 'libs/shared/enums/WidgetTypeId';\nimport { HasLocalPermissionsFunc, HasPermissionsFunc } from 'libs/shared/hooks/usePermissions';\nimport { useProducts, UseProductsResponse } from 'libs/shared/hooks/UseProducts';\nimport { 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-d24c9657ec-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 text-shadow mb-0' href={props.href} target='_blank' onClick={onClick}>{props.title}</a>\n      <IconButton\n        href={props.href}\n        svgName={cvSvgLibrary.NewWindow}\n        openInNewTab\n        className='btn btn-outline-dark d-lg-block d-none'\n        onClick={onClick}\n      >\n        {props.cta}\n      </IconButton>\n    </div>\n  );\n}\n\ninterface ExchangeAndTvLinksProps {\n  isPrimary: boolean;\n  exchangeTvProductOption: ExchangeTvProductOption;\n  products: UseProductsResponse;\n}\n\nexport function ExchangeAndTvLinks(props: ExchangeAndTvLinksProps): JSX.Element {\n  const shouldShow = (\n    !props.products.isLoadingProducts &&\n    props.products.hasProduct(ProductId.Exchange) &&\n    props.exchangeTvProductOption === 'exchange_and_tv'\n  );\n\n  if (!shouldShow)\n    return <></>;\n\n  const exchangeUrl = props.products.products.data.find(p => p.id === ProductId.Exchange).url;\n\n  return (\n    <div>\n      <div className='curated-widget-header'>\n        <h2 className='h4 curated-widget-heading'>\n          <Text namespace={namespace} phrase='title' />\n        </h2>\n      </div>\n      <div className='row'>\n        <div className='col-md-6 col-12'>\n          <Link\n            title={getPhrase('exchangeText')}\n            cta={getPhrase('exchangeCta')}\n            backgroundColor='#7A76EB'\n            backgroundImage={props.isPrimary ? '' : 'https://img.clickviewapp.com/v2/thumbnails/7mqa32'}\n            href={exchangeUrl + '/exchange'}\n          />\n        </div>\n        <div className='col-md-6 col-12'>\n          <Link\n            title={getPhrase('tvText')}\n            cta={getPhrase('tvCta')}\n            backgroundColor='#40BCC3'\n            backgroundImage={props.isPrimary ? '' : 'https://img.clickviewapp.com/v2/thumbnails/Eo3L1k'}\n            href={exchangeUrl + '/tv'}\n          />\n        </div>\n      </div>\n    </div>\n  );\n}","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { EmptyState } from 'libs/shared/components/empty-states/EmptyState';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { CuratedDashboard, DashboardStatus } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nconst namespace = 'moviesAndTv.dashboardEmptyState';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface MoviesAndTvDashboardEmptyStateProps {\n  dashboard: CuratedDashboard;\n  imageUrl: string;\n  isReadonly: boolean;\n  addWidgetApplink?: () => Core.AppLink;\n}\n\nexport function MoviesAndTvDashboardEmptyState(props: MoviesAndTvDashboardEmptyStateProps): JSX.Element {\n  const isArchived = props.dashboard?.status === DashboardStatus.Archived;\n\n  return (\n    <EmptyState>\n      <EmptyState.Image src={props.imageUrl} altText={getPhrase('info')} />\n      <EmptyState.Heading>\n        <Text namespace={namespace} phrase='heading' />\n      </EmptyState.Heading>\n      <EmptyState.Info>\n        <Text namespace={namespace} phrase='info' />\n      </EmptyState.Info>\n      <Tooltip title={isArchived ? LanguageService.getPhrase(namespace, 'archivedCtaTooltip') : ''} spanHack>\n        <EmptyState.Cta\n          text={LanguageService.getPhrase(namespace, 'add')}\n          appLink={props.addWidgetApplink?.()}\n          className='btn btn-dark'\n          icon={cvSvgLibrary.Plus}\n          disabled={isArchived}\n        />\n      </Tooltip>\n    </EmptyState>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"icon\":\"Kmx7z\",\"title\":\"Hw1qq\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { ExchangeAndTvLinks } from 'libs/shared/apps/movies-and-tv/components/exchange-and-tv-links/ExchangeAndTvLinks';\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { WidgetContainerView } from 'libs/shared/components/widgets/curated-widgets/WidgetContainerView';\nimport { WidgetAppLinks } from 'libs/shared/components/widgets/curated-widgets/WidgetProps';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { PresentationLearningLevel } from 'libs/shared/enums/PresentationLearningLevel';\nimport { ProductId } from 'libs/shared/enums/ProductId';\nimport { WidgetTemplate } from 'libs/shared/enums/WidgetTemplate';\nimport { WidgetTypeId } from 'libs/shared/enums/WidgetTypeId';\nimport { HasLocalPermissionsFunc, HasPermissionsFunc } from 'libs/shared/hooks/usePermissions';\nimport { useProducts, UseProductsResponse } from 'libs/shared/hooks/UseProducts';\nimport { 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/{9173-2392d447a6-lite.chunk.js → 1104-f057c6dea1-lite.chunk.js}

@@ -1,3 +1,3 @@
-/*! For license information please see 9173-2392d447a6-lite.chunk.js.LICENSE.txt */
-"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[9173],{75919:(t,e,n)=>{n.d(e,{N:()=>i});var r=n(32735);const o={annotation:"LkdHB",above:"ROdbm",below:"OzyHx",left:"W9EBF",right:"zhio2",divider:"cdR_p",imageContainer:"QZZMF"};function i(t){return r.createElement("div",{className:(e="d-flex align-items-center text-center position-relative w-100 ".concat(o.imageContainer),"center"===t.contentPosition&&(e+=" px-5 justify-content-center"),"right"===t.contentPosition&&(e+=" me-n5 justify-content-end"),e)},!!t.annotationUrl&&r.createElement("div",{className:function(){var e=o.annotation;switch(t.annotationPosition){case"top-left":e+=" ".concat(o.above," ").concat(o.left);break;case"top-right":e+=" ".concat(o.above," ").concat(o.right);break;case"bottom-left":e+=" ".concat(o.below," ").concat(o.left);break;case"bottom-right":e+=" ".concat(o.below," ").concat(o.right)}return t.annotationClassName&&(e+=" ".concat(t.annotationClassName)),e}()},r.createElement("img",{className:"img-fluid",src:t.annotationUrl})),t.children,"right"===t.contentPosition&&r.createElement("div",{className:o.divider}));var e}i.defaultProps={contentPosition:"center"}},68276:(t,e,n)=>{n.r(e),n.d(e,{OnboardingUsageIntentionView:()=>_});var r=n(32735),o=n(23481),i=n(65858),a=n(38304),c=n(83345),l=n(84703),s=n(99742),u=n(75359),f=n(11607);const h={icon:"ohit6",description:"DmrW6",option:"KOzYf"};function m(t){return r.createElement("ul",{className:"list-unstyled mb-0"},t.options.map((function(e){return r.createElement("li",{key:e.id,className:"".concat(h.option," mb-2 border border-2 rounded-3 ").concat(t.selection===e.id?"border-dark bg-light-blue":"border-transparent")},r.createElement(f.L,{onClick:function(){return t.setSelection(e.id)},className:"d-flex align-items-center p-2"},r.createElement("div",{className:"rounded border border-dark ".concat(e.colourClass," ").concat(h.icon)},r.createElement("img",{src:e.imageUrl,className:"img-fluid"})),r.createElement("div",null,r.createElement("h2",{className:"mb-1 h6"},e.title),r.createElement("p",{className:"mb-0 ".concat(h.description)},e.description))))})))}var d=n(12058),p=n(40695),g=n(75919),v=n(73190),y=n(90815);const b={notSureImage:"MuA8k",searchVideoImage:"d82DS",searchVideoAnnotation:"BxbBK",browseTopicsAnnotation:"hwc8g",notSureAnnotation:"PwDKP",evaluatingAnnotation:"VGkUH"};function E(t){return E="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},E(t)}function O(){O=function(){return e};var t,e={},n=Object.prototype,r=n.hasOwnProperty,o=Object.defineProperty||function(t,e,n){t[e]=n.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",l=i.toStringTag||"@@toStringTag";function s(t,e,n){return Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{s({},"")}catch(t){s=function(t,e,n){return t[e]=n}}function u(t,e,n,r){var i=e&&e.prototype instanceof v?e:v,a=Object.create(i.prototype),c=new L(r||[]);return o(a,"_invoke",{value:S(t,n,c)}),a}function f(t,e,n){try{return{type:"normal",arg:t.call(e,n)}}catch(t){return{type:"throw",arg:t}}}e.wrap=u;var h="suspendedStart",m="suspendedYield",d="executing",p="completed",g={};function v(){}function y(){}function b(){}var N={};s(N,a,(function(){return this}));var w=Object.getPrototypeOf,I=w&&w(w(T([])));I&&I!==n&&r.call(I,a)&&(N=I);var U=b.prototype=v.prototype=Object.create(N);function _(t){["next","throw","return"].forEach((function(e){s(t,e,(function(t){return this._invoke(e,t)}))}))}function x(t,e){function n(o,i,a,c){var l=f(t[o],t,i);if("throw"!==l.type){var s=l.arg,u=s.value;return u&&"object"==E(u)&&r.call(u,"__await")?e.resolve(u.__await).then((function(t){n("next",t,a,c)}),(function(t){n("throw",t,a,c)})):e.resolve(u).then((function(t){s.value=t,a(s)}),(function(t){return n("throw",t,a,c)}))}c(l.arg)}var i;o(this,"_invoke",{value:function(t,r){function o(){return new e((function(e,o){n(t,r,e,o)}))}return i=i?i.then(o,o):o()}})}function S(e,n,r){var o=h;return function(i,a){if(o===d)throw Error("Generator is already running");if(o===p){if("throw"===i)throw a;return{value:t,done:!0}}for(r.method=i,r.arg=a;;){var c=r.delegate;if(c){var l=A(c,r);if(l){if(l===g)continue;return l}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if(o===h)throw o=p,r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);o=d;var s=f(e,n,r);if("normal"===s.type){if(o=r.done?p:m,s.arg===g)continue;return{value:s.arg,done:r.done}}"throw"===s.type&&(o=p,r.method="throw",r.arg=s.arg)}}}function A(e,n){var r=n.method,o=e.iterator[r];if(o===t)return n.delegate=null,"throw"===r&&e.iterator.return&&(n.method="return",n.arg=t,A(e,n),"throw"===n.method)||"return"!==r&&(n.method="throw",n.arg=new TypeError("The iterator does not provide a '"+r+"' method")),g;var i=f(o,e.iterator,n.arg);if("throw"===i.type)return n.method="throw",n.arg=i.arg,n.delegate=null,g;var a=i.arg;return a?a.done?(n[e.resultName]=a.value,n.next=e.nextLoc,"return"!==n.method&&(n.method="next",n.arg=t),n.delegate=null,g):a:(n.method="throw",n.arg=new TypeError("iterator result is not an object"),n.delegate=null,g)}function C(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function k(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function L(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(C,this),this.reset(!0)}function T(e){if(e||""===e){var n=e[a];if(n)return n.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function n(){for(;++o<e.length;)if(r.call(e,o))return n.value=e[o],n.done=!1,n;return n.value=t,n.done=!0,n};return i.next=i}}throw new TypeError(E(e)+" is not iterable")}return y.prototype=b,o(U,"constructor",{value:b,configurable:!0}),o(b,"constructor",{value:y,configurable:!0}),y.displayName=s(b,l,"GeneratorFunction"),e.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===y||"GeneratorFunction"===(e.displayName||e.name))},e.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,b):(t.__proto__=b,s(t,l,"GeneratorFunction")),t.prototype=Object.create(U),t},e.awrap=function(t){return{__await:t}},_(x.prototype),s(x.prototype,c,(function(){return this})),e.AsyncIterator=x,e.async=function(t,n,r,o,i){void 0===i&&(i=Promise);var a=new x(u(t,n,r,o),i);return e.isGeneratorFunction(n)?a:a.next().then((function(t){return t.done?t.value:a.next()}))},_(U),s(U,l,"Generator"),s(U,a,(function(){return this})),s(U,"toString",(function(){return"[object Generator]"})),e.keys=function(t){var e=Object(t),n=[];for(var r in e)n.push(r);return n.reverse(),function t(){for(;n.length;){var r=n.pop();if(r in e)return t.value=r,t.done=!1,t}return t.done=!0,t}},e.values=T,L.prototype={constructor:L,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(k),!e)for(var n in this)"t"===n.charAt(0)&&r.call(this,n)&&!isNaN(+n.slice(1))&&(this[n]=t)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(e){if(this.done)throw e;var n=this;function o(r,o){return c.type="throw",c.arg=e,n.next=r,o&&(n.method="next",n.arg=t),!!o}for(var i=this.tryEntries.length-1;i>=0;--i){var a=this.tryEntries[i],c=a.completion;if("root"===a.tryLoc)return o("end");if(a.tryLoc<=this.prev){var l=r.call(a,"catchLoc"),s=r.call(a,"finallyLoc");if(l&&s){if(this.prev<a.catchLoc)return o(a.catchLoc,!0);if(this.prev<a.finallyLoc)return o(a.finallyLoc)}else if(l){if(this.prev<a.catchLoc)return o(a.catchLoc,!0)}else{if(!s)throw Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return o(a.finallyLoc)}}}},abrupt:function(t,e){for(var n=this.tryEntries.length-1;n>=0;--n){var o=this.tryEntries[n];if(o.tryLoc<=this.prev&&r.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,g):this.complete(a)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),g},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.finallyLoc===t)return this.complete(n.completion,n.afterLoc),k(n),g}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.tryLoc===t){var r=n.completion;if("throw"===r.type){var o=r.arg;k(n)}return o}}throw Error("illegal catch attempt")},delegateYield:function(e,n,r){return this.delegate={iterator:T(e),resultName:n,nextLoc:r},"next"===this.method&&(this.arg=t),g}},e}function N(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=Array(e);n<e;n++)r[n]=t[n];return r}var w=function(t,e,n,r){return new(n||(n=Promise))((function(o,i){function a(t){try{l(r.next(t))}catch(t){i(t)}}function c(t){try{l(r.throw(t))}catch(t){i(t)}}function l(t){var e;t.done?o(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(a,c)}l((r=r.apply(t,e||[])).next())}))},I="onboarding.usageIntention",U=o.T.encloseNamespace(I);function _(t){var e,n,o=(0,v.Q)(t.redirectUrl),f=o.onClickBack,h=o.exitOnboarding,E=o.completeStepAsync,_=o.onSaveError,x=(0,y.H)().logEvent,S=a.m.getUsageIntention(),A=(e=r.useState(S),n=2,function(t){if(Array.isArray(t))return t}(e)||function(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,o,i,a,c=[],l=!0,s=!1;try{if(i=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=i.call(n)).done)&&(c.push(r.value),c.length!==e);l=!0);}catch(t){s=!0,o=t}finally{try{if(!l&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw o}}return c}}(e,n)||function(t,e){if(t){if("string"==typeof t)return N(t,e);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?N(t,e):void 0}}(e,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.")}()),C=A[0],k=A[1],L=(0,l.n)(),T=function(){var t=[{id:"search-video",imageUrl:s.W.OnboardingV2.UsageIntention.SEARCH_VIDEO_ICON,colourClass:"bg-blue",title:U("searchVideoTitle"),description:U("searchVideoDescription")},{id:"browse-topics",imageUrl:s.W.OnboardingV2.UsageIntention.BROWSE_TOPICS_ICON,colourClass:"bg-yellow",title:U("browseTopicsTitle"),description:U("browseTopicsDescription")}];return L&&t.push({id:"evaluating-for-school",imageUrl:s.W.OnboardingV2.UsageIntention.EVALUATING_ICON,colourClass:"bg-green",title:U("evaluatingTitle"),description:U("evaluatingDescription")}),t.push({id:"not-sure",imageUrl:s.W.OnboardingV2.UsageIntention.NOT_SURE_ICON,colourClass:"bg-indigo",title:U("notSureTitle"),description:U("notSureDescription")}),t}();return r.createElement(p.z,{namespace:I},r.createElement(p.z.Left,{className:"bg-dark-blue d-flex align-items-center"},("search-video"===C||!C)&&r.createElement(g.N,{annotationUrl:s.W.OnboardingV2.UsageIntention.SEARCH_VIDEO_ANNOTATION,annotationPosition:"top-left",annotationClassName:"ps-5 ms-4 ".concat(b.searchVideoAnnotation)},r.createElement("img",{className:"img-fluid ".concat(b.searchVideoImage),src:s.W.OnboardingV2.UsageIntention.SEARCH_VIDEO_BACKGROUND})),"browse-topics"===C&&r.createElement(g.N,{annotationUrl:s.W.OnboardingV2.UsageIntention.BROWSE_TOPICS_ANNOTATION,annotationPosition:"bottom-left",annotationClassName:"ps-5 ms-4 ".concat(b.browseTopicsAnnotation)},r.createElement("img",{className:"img-fluid",src:s.W.OnboardingV2.UsageIntention.BROWSE_TOPICS_BACKGROUND})),"evaluating-for-school"===C&&r.createElement(g.N,{annotationUrl:s.W.OnboardingV2.UsageIntention.EVALUATING_ANNOTATION,annotationPosition:"top-left",annotationClassName:"ps-5 ms-4 ".concat(b.evaluatingAnnotation)},r.createElement("img",{className:"img-fluid ".concat(b.notSureImage),src:s.W.OnboardingV2.UsageIntention.EVALUATING_BACKGROUND})),"not-sure"===C&&r.createElement(g.N,{annotationUrl:s.W.OnboardingV2.UsageIntention.NOT_SURE_ANNOTATION,annotationPosition:"top-left",annotationClassName:"ps-5 ms-4 ".concat(b.notSureAnnotation)},r.createElement("img",{className:"img-fluid ".concat(b.notSureImage),src:s.W.OnboardingV2.UsageIntention.NOT_SURE_BACKGROUND}))),r.createElement(p.z.Right,{hasCustomButtons:!1,onClickNext:function(){return w(this,void 0,void 0,O().mark((function t(){return O().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(C){t.next=2;break}return t.abrupt("return");case 2:return a.m.updateUsageIntention(C),x(i.Vw.Click,i.Ix.Next,{usageIntention:C}),t.prev=4,t.next=7,E();case 7:t.next=13;break;case 9:return t.prev=9,t.t0=t.catch(4),_(),t.abrupt("return",Promise.reject());case 13:case"end":return t.stop()}}),t,null,[[4,9]])})))},onClickBack:f,onClickComeBackLater:h,disableNext:!C},r.createElement(u.W,null,r.createElement(c.x,{phrase:"heading"})),r.createElement(d.X,null,r.createElement(c.x,{phrase:L?"infoKdm":"info"})),r.createElement(m,{options:T,selection:C,setSelection:function(t){var e;x(i.Vw.Select,i.Ix.SelectOption,{optionId:t,optionName:null===(e=T.find((function(e){return e.id===t})))||void 0===e?void 0:e.title}),k(t)}}),r.createElement(d.X,{className:"pb-4"},r.createElement(c.x,{phrase:"dontWorry"})),r.createElement("div",{className:"d-none"},r.createElement("img",{src:s.W.OnboardingV2.UsageIntention.SEARCH_VIDEO_BACKGROUND}),r.createElement("img",{src:s.W.OnboardingV2.UsageIntention.BROWSE_TOPICS_BACKGROUND}),r.createElement("img",{src:s.W.OnboardingV2.UsageIntention.EVALUATING_BACKGROUND}),r.createElement("img",{src:s.W.OnboardingV2.UsageIntention.NOT_SURE_BACKGROUND}))))}}}]);
-//# sourceMappingURL=9173-2392d447a6-lite.chunk.js.map
+/*! For license information please see 1104-f057c6dea1-lite.chunk.js.LICENSE.txt */
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[1104],{75919:(t,e,n)=>{n.d(e,{N:()=>i});var r=n(32735);const o={annotation:"LkdHB",above:"ROdbm",below:"OzyHx",left:"W9EBF",right:"zhio2",divider:"cdR_p",imageContainer:"QZZMF"};function i(t){return r.createElement("div",{className:(e="d-flex align-items-center text-center position-relative w-100 ".concat(o.imageContainer),"center"===t.contentPosition&&(e+=" px-5 justify-content-center"),"right"===t.contentPosition&&(e+=" me-n5 justify-content-end"),e)},!!t.annotationUrl&&r.createElement("div",{className:function(){var e=o.annotation;switch(t.annotationPosition){case"top-left":e+=" ".concat(o.above," ").concat(o.left);break;case"top-right":e+=" ".concat(o.above," ").concat(o.right);break;case"bottom-left":e+=" ".concat(o.below," ").concat(o.left);break;case"bottom-right":e+=" ".concat(o.below," ").concat(o.right)}return t.annotationClassName&&(e+=" ".concat(t.annotationClassName)),e}()},r.createElement("img",{className:"img-fluid",src:t.annotationUrl})),t.children,"right"===t.contentPosition&&r.createElement("div",{className:o.divider}));var e}i.defaultProps={contentPosition:"center"}},68276:(t,e,n)=>{n.r(e),n.d(e,{OnboardingUsageIntentionView:()=>_});var r=n(32735),o=n(23481),i=n(65858),a=n(38304),c=n(83345),l=n(84703),s=n(99742),u=n(75359),f=n(11607);const h={icon:"ohit6",description:"DmrW6",option:"KOzYf"};function m(t){return r.createElement("ul",{className:"list-unstyled mb-0"},t.options.map((function(e){return r.createElement("li",{key:e.id,className:"".concat(h.option," mb-2 border border-2 rounded-3 ").concat(t.selection===e.id?"border-dark bg-light-blue":"border-transparent")},r.createElement(f.L,{onClick:function(){return t.setSelection(e.id)},className:"d-flex align-items-center p-2"},r.createElement("div",{className:"rounded border border-dark ".concat(e.colourClass," ").concat(h.icon)},r.createElement("img",{src:e.imageUrl,className:"img-fluid"})),r.createElement("div",null,r.createElement("h2",{className:"mb-1 h6"},e.title),r.createElement("p",{className:"mb-0 ".concat(h.description)},e.description))))})))}var d=n(12058),p=n(40695),g=n(75919),v=n(73190),y=n(90815);const b={notSureImage:"MuA8k",searchVideoImage:"d82DS",searchVideoAnnotation:"BxbBK",browseTopicsAnnotation:"hwc8g",notSureAnnotation:"PwDKP",evaluatingAnnotation:"VGkUH"};function E(t){return E="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},E(t)}function O(){O=function(){return e};var t,e={},n=Object.prototype,r=n.hasOwnProperty,o=Object.defineProperty||function(t,e,n){t[e]=n.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",l=i.toStringTag||"@@toStringTag";function s(t,e,n){return Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{s({},"")}catch(t){s=function(t,e,n){return t[e]=n}}function u(t,e,n,r){var i=e&&e.prototype instanceof v?e:v,a=Object.create(i.prototype),c=new L(r||[]);return o(a,"_invoke",{value:S(t,n,c)}),a}function f(t,e,n){try{return{type:"normal",arg:t.call(e,n)}}catch(t){return{type:"throw",arg:t}}}e.wrap=u;var h="suspendedStart",m="suspendedYield",d="executing",p="completed",g={};function v(){}function y(){}function b(){}var N={};s(N,a,(function(){return this}));var w=Object.getPrototypeOf,I=w&&w(w(T([])));I&&I!==n&&r.call(I,a)&&(N=I);var U=b.prototype=v.prototype=Object.create(N);function _(t){["next","throw","return"].forEach((function(e){s(t,e,(function(t){return this._invoke(e,t)}))}))}function x(t,e){function n(o,i,a,c){var l=f(t[o],t,i);if("throw"!==l.type){var s=l.arg,u=s.value;return u&&"object"==E(u)&&r.call(u,"__await")?e.resolve(u.__await).then((function(t){n("next",t,a,c)}),(function(t){n("throw",t,a,c)})):e.resolve(u).then((function(t){s.value=t,a(s)}),(function(t){return n("throw",t,a,c)}))}c(l.arg)}var i;o(this,"_invoke",{value:function(t,r){function o(){return new e((function(e,o){n(t,r,e,o)}))}return i=i?i.then(o,o):o()}})}function S(e,n,r){var o=h;return function(i,a){if(o===d)throw Error("Generator is already running");if(o===p){if("throw"===i)throw a;return{value:t,done:!0}}for(r.method=i,r.arg=a;;){var c=r.delegate;if(c){var l=A(c,r);if(l){if(l===g)continue;return l}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if(o===h)throw o=p,r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);o=d;var s=f(e,n,r);if("normal"===s.type){if(o=r.done?p:m,s.arg===g)continue;return{value:s.arg,done:r.done}}"throw"===s.type&&(o=p,r.method="throw",r.arg=s.arg)}}}function A(e,n){var r=n.method,o=e.iterator[r];if(o===t)return n.delegate=null,"throw"===r&&e.iterator.return&&(n.method="return",n.arg=t,A(e,n),"throw"===n.method)||"return"!==r&&(n.method="throw",n.arg=new TypeError("The iterator does not provide a '"+r+"' method")),g;var i=f(o,e.iterator,n.arg);if("throw"===i.type)return n.method="throw",n.arg=i.arg,n.delegate=null,g;var a=i.arg;return a?a.done?(n[e.resultName]=a.value,n.next=e.nextLoc,"return"!==n.method&&(n.method="next",n.arg=t),n.delegate=null,g):a:(n.method="throw",n.arg=new TypeError("iterator result is not an object"),n.delegate=null,g)}function C(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function k(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function L(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(C,this),this.reset(!0)}function T(e){if(e||""===e){var n=e[a];if(n)return n.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function n(){for(;++o<e.length;)if(r.call(e,o))return n.value=e[o],n.done=!1,n;return n.value=t,n.done=!0,n};return i.next=i}}throw new TypeError(E(e)+" is not iterable")}return y.prototype=b,o(U,"constructor",{value:b,configurable:!0}),o(b,"constructor",{value:y,configurable:!0}),y.displayName=s(b,l,"GeneratorFunction"),e.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===y||"GeneratorFunction"===(e.displayName||e.name))},e.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,b):(t.__proto__=b,s(t,l,"GeneratorFunction")),t.prototype=Object.create(U),t},e.awrap=function(t){return{__await:t}},_(x.prototype),s(x.prototype,c,(function(){return this})),e.AsyncIterator=x,e.async=function(t,n,r,o,i){void 0===i&&(i=Promise);var a=new x(u(t,n,r,o),i);return e.isGeneratorFunction(n)?a:a.next().then((function(t){return t.done?t.value:a.next()}))},_(U),s(U,l,"Generator"),s(U,a,(function(){return this})),s(U,"toString",(function(){return"[object Generator]"})),e.keys=function(t){var e=Object(t),n=[];for(var r in e)n.push(r);return n.reverse(),function t(){for(;n.length;){var r=n.pop();if(r in e)return t.value=r,t.done=!1,t}return t.done=!0,t}},e.values=T,L.prototype={constructor:L,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(k),!e)for(var n in this)"t"===n.charAt(0)&&r.call(this,n)&&!isNaN(+n.slice(1))&&(this[n]=t)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(e){if(this.done)throw e;var n=this;function o(r,o){return c.type="throw",c.arg=e,n.next=r,o&&(n.method="next",n.arg=t),!!o}for(var i=this.tryEntries.length-1;i>=0;--i){var a=this.tryEntries[i],c=a.completion;if("root"===a.tryLoc)return o("end");if(a.tryLoc<=this.prev){var l=r.call(a,"catchLoc"),s=r.call(a,"finallyLoc");if(l&&s){if(this.prev<a.catchLoc)return o(a.catchLoc,!0);if(this.prev<a.finallyLoc)return o(a.finallyLoc)}else if(l){if(this.prev<a.catchLoc)return o(a.catchLoc,!0)}else{if(!s)throw Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return o(a.finallyLoc)}}}},abrupt:function(t,e){for(var n=this.tryEntries.length-1;n>=0;--n){var o=this.tryEntries[n];if(o.tryLoc<=this.prev&&r.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,g):this.complete(a)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),g},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.finallyLoc===t)return this.complete(n.completion,n.afterLoc),k(n),g}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.tryLoc===t){var r=n.completion;if("throw"===r.type){var o=r.arg;k(n)}return o}}throw Error("illegal catch attempt")},delegateYield:function(e,n,r){return this.delegate={iterator:T(e),resultName:n,nextLoc:r},"next"===this.method&&(this.arg=t),g}},e}function N(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=Array(e);n<e;n++)r[n]=t[n];return r}var w=function(t,e,n,r){return new(n||(n=Promise))((function(o,i){function a(t){try{l(r.next(t))}catch(t){i(t)}}function c(t){try{l(r.throw(t))}catch(t){i(t)}}function l(t){var e;t.done?o(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(a,c)}l((r=r.apply(t,e||[])).next())}))},I="onboarding.usageIntention",U=o.T.encloseNamespace(I);function _(t){var e,n,o=(0,v.Q)(t.redirectUrl),f=o.onClickBack,h=o.exitOnboarding,E=o.completeStepAsync,_=o.onSaveError,x=(0,y.H)().logEvent,S=a.m.getUsageIntention(),A=(e=r.useState(S),n=2,function(t){if(Array.isArray(t))return t}(e)||function(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,o,i,a,c=[],l=!0,s=!1;try{if(i=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=i.call(n)).done)&&(c.push(r.value),c.length!==e);l=!0);}catch(t){s=!0,o=t}finally{try{if(!l&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw o}}return c}}(e,n)||function(t,e){if(t){if("string"==typeof t)return N(t,e);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?N(t,e):void 0}}(e,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.")}()),C=A[0],k=A[1],L=(0,l.n)(),T=function(){var t=[{id:"search-video",imageUrl:s.W.OnboardingV2.UsageIntention.SEARCH_VIDEO_ICON,colourClass:"bg-blue",title:U("searchVideoTitle"),description:U("searchVideoDescription")},{id:"browse-topics",imageUrl:s.W.OnboardingV2.UsageIntention.BROWSE_TOPICS_ICON,colourClass:"bg-yellow",title:U("browseTopicsTitle"),description:U("browseTopicsDescription")}];return L&&t.push({id:"evaluating-for-school",imageUrl:s.W.OnboardingV2.UsageIntention.EVALUATING_ICON,colourClass:"bg-green",title:U("evaluatingTitle"),description:U("evaluatingDescription")}),t.push({id:"not-sure",imageUrl:s.W.OnboardingV2.UsageIntention.NOT_SURE_ICON,colourClass:"bg-indigo",title:U("notSureTitle"),description:U("notSureDescription")}),t}();return r.createElement(p.z,{namespace:I},r.createElement(p.z.Left,{className:"bg-dark-blue d-flex align-items-center"},("search-video"===C||!C)&&r.createElement(g.N,{annotationUrl:s.W.OnboardingV2.UsageIntention.SEARCH_VIDEO_ANNOTATION,annotationPosition:"top-left",annotationClassName:"ps-5 ms-4 ".concat(b.searchVideoAnnotation)},r.createElement("img",{className:"img-fluid ".concat(b.searchVideoImage),src:s.W.OnboardingV2.UsageIntention.SEARCH_VIDEO_BACKGROUND})),"browse-topics"===C&&r.createElement(g.N,{annotationUrl:s.W.OnboardingV2.UsageIntention.BROWSE_TOPICS_ANNOTATION,annotationPosition:"bottom-left",annotationClassName:"ps-5 ms-4 ".concat(b.browseTopicsAnnotation)},r.createElement("img",{className:"img-fluid",src:s.W.OnboardingV2.UsageIntention.BROWSE_TOPICS_BACKGROUND})),"evaluating-for-school"===C&&r.createElement(g.N,{annotationUrl:s.W.OnboardingV2.UsageIntention.EVALUATING_ANNOTATION,annotationPosition:"top-left",annotationClassName:"ps-5 ms-4 ".concat(b.evaluatingAnnotation)},r.createElement("img",{className:"img-fluid ".concat(b.notSureImage),src:s.W.OnboardingV2.UsageIntention.EVALUATING_BACKGROUND})),"not-sure"===C&&r.createElement(g.N,{annotationUrl:s.W.OnboardingV2.UsageIntention.NOT_SURE_ANNOTATION,annotationPosition:"top-left",annotationClassName:"ps-5 ms-4 ".concat(b.notSureAnnotation)},r.createElement("img",{className:"img-fluid ".concat(b.notSureImage),src:s.W.OnboardingV2.UsageIntention.NOT_SURE_BACKGROUND}))),r.createElement(p.z.Right,{hasCustomButtons:!1,onClickNext:function(){return w(this,void 0,void 0,O().mark((function t(){return O().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(C){t.next=2;break}return t.abrupt("return");case 2:return a.m.updateUsageIntention(C),x(i.Vw.Click,i.Ix.Next,{usageIntention:C}),t.prev=4,t.next=7,E();case 7:t.next=13;break;case 9:return t.prev=9,t.t0=t.catch(4),_(),t.abrupt("return",Promise.reject());case 13:case"end":return t.stop()}}),t,null,[[4,9]])})))},onClickBack:f,onClickComeBackLater:h,disableNext:!C},r.createElement(u.W,null,r.createElement(c.x,{phrase:"heading"})),r.createElement(d.X,null,r.createElement(c.x,{phrase:L?"infoKdm":"info"})),r.createElement(m,{options:T,selection:C,setSelection:function(t){var e;x(i.Vw.Select,i.Ix.SelectOption,{optionId:t,optionName:null===(e=T.find((function(e){return e.id===t})))||void 0===e?void 0:e.title}),k(t)}}),r.createElement(d.X,{className:"pb-4"},r.createElement(c.x,{phrase:"dontWorry"})),r.createElement("div",{className:"d-none"},r.createElement("img",{src:s.W.OnboardingV2.UsageIntention.SEARCH_VIDEO_BACKGROUND}),r.createElement("img",{src:s.W.OnboardingV2.UsageIntention.BROWSE_TOPICS_BACKGROUND}),r.createElement("img",{src:s.W.OnboardingV2.UsageIntention.EVALUATING_BACKGROUND}),r.createElement("img",{src:s.W.OnboardingV2.UsageIntention.NOT_SURE_BACKGROUND}))))}}}]);
+//# sourceMappingURL=1104-f057c6dea1-lite.chunk.js.map

package/dist/scripts/{9173-2392d447a6-lite.chunk.js.map → 1104-f057c6dea1-lite.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"scripts/9173-2392d447a6-lite.chunk.js","mappings":"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","sources":["file:///app/packages/projects/lite/src/apps/onboarding/components/left-panel-item/left-panel-item.scss","file:///app/packages/projects/lite/src/apps/onboarding/components/left-panel-item/LeftPanelItem.tsx","file:///app/packages/projects/lite/src/apps/onboarding/components/icon-options/icon-options.scss","file:///app/packages/projects/lite/src/apps/onboarding/components/icon-options/IconOptions.tsx","file:///app/packages/projects/lite/src/apps/onboarding/views/usage-intention/usage-intention.scss","file:///app/packages/projects/lite/src/apps/onboarding/views/usage-intention/OnboardingUsageIntentionView.tsx"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"annotation\":\"LkdHB\",\"above\":\"ROdbm\",\"below\":\"OzyHx\",\"left\":\"W9EBF\",\"right\":\"zhio2\",\"divider\":\"cdR_p\",\"imageContainer\":\"QZZMF\"};","import React from 'react';\n\nimport styles from './left-panel-item.scss';\n\ninterface LeftPanelItemProps {\n  contentPosition?: 'center' | 'right';\n  annotationUrl?: string;\n  annotationPosition?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';\n  annotationClassName?: string;\n}\n\nLeftPanelItem.defaultProps = {\n  contentPosition: 'center'\n};\n\nexport function LeftPanelItem(props: React.PropsWithChildren<LeftPanelItemProps>): JSX.Element {\n  function getAnnotationClassName(): string {\n    let className = styles.annotation;\n\n    switch (props.annotationPosition) {\n      case 'top-left': {\n        className += ` ${styles.above} ${styles.left}`;\n        break;\n      }\n\n      case 'top-right': {\n        className += ` ${styles.above} ${styles.right}`;\n        break;\n      }\n\n      case 'bottom-left': {\n        className += ` ${styles.below} ${styles.left}`;\n        break;\n      }\n\n      case 'bottom-right': {\n        className += ` ${styles.below} ${styles.right}`;\n        break;\n      }\n    }\n\n    if (props.annotationClassName)\n      className += ` ${props.annotationClassName}`;\n\n    return className;\n  }\n\n  function getContainerClassName(): string {\n    let className = `d-flex align-items-center text-center position-relative w-100 ${styles.imageContainer}`;\n\n    if (props.contentPosition === 'center')\n      className += ' px-5 justify-content-center';\n\n    if (props.contentPosition === 'right')\n      className += ' me-n5 justify-content-end';\n\n    return className;\n  }\n\n  return (\n    <div className={getContainerClassName()}>\n      {!!props.annotationUrl && (\n        <div className={getAnnotationClassName()}>\n          <img className={`img-fluid`} src={props.annotationUrl} />\n        </div>\n      )}\n\n      {props.children}\n      {props.contentPosition === 'right' && (\n        <div className={styles.divider} />\n      )}\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"icon\":\"ohit6\",\"description\":\"DmrW6\",\"option\":\"KOzYf\"};","import React from 'react';\n\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\n\nimport styles from './icon-options.scss';\n\nexport interface OnboardingIconOption<TId extends string = string> {\n  id: TId;\n  imageUrl: string;\n  colourClass: string;\n  title: string;\n  description: string;\n}\n\ninterface IconOptionsProps<TId extends string = string> {\n  options: OnboardingIconOption<TId>[];\n  selection: TId;\n  setSelection: (id: TId) => void;\n}\n\nexport function IconOptions<TId extends string = string>(props: IconOptionsProps<TId>): JSX.Element {\n  return (\n    <ul className='list-unstyled mb-0'>\n      {props.options.map(option => {\n        return (\n          <li\n            key={option.id}\n            className={`${styles.option} mb-2 border border-2 rounded-3 ${props.selection === option.id ? 'border-dark bg-light-blue' : 'border-transparent'}`}\n          >\n            <DivButton\n              onClick={() => props.setSelection(option.id)}\n              className={`d-flex align-items-center p-2`}\n            >\n              <div className={`rounded border border-dark ${option.colourClass} ${styles.icon}`}>\n                <img src={option.imageUrl} className='img-fluid' />\n              </div>\n\n              <div>\n                <h2 className='mb-1 h6'>{option.title}</h2>\n                <p className={`mb-0 ${styles.description}`}>{option.description}</p>\n              </div>\n            </DivButton>\n          </li>\n        );\n      })}\n    </ul>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"notSureImage\":\"MuA8k\",\"searchVideoImage\":\"d82DS\",\"searchVideoAnnotation\":\"BxbBK\",\"browseTopicsAnnotation\":\"hwc8g\",\"notSureAnnotation\":\"PwDKP\",\"evaluatingAnnotation\":\"VGkUH\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { OnboardingDescriptor, UserAction } from 'libs/analytics/interfaces';\n\nimport { OnboardingUsageIntention } from 'libs/shared/apps/onboarding/interfaces/OnboardingUsageIntention';\nimport { OnboardingPathwayHelper } from 'libs/shared/apps/onboarding/utils/OnboardingPathwayHelper';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { useIsKDM } from 'libs/shared/hooks/UseIsKdm';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\n\nimport { OnboardingScreenHeading } from 'apps/onboarding/components/heading/OnboardingScreenHeading';\nimport { IconOptions, OnboardingIconOption } from 'apps/onboarding/components/icon-options/IconOptions';\nimport { OnboardingScreenInfo } from 'apps/onboarding/components/info/OnboardingScreenInfo';\nimport { OnboardingLayout } from 'apps/onboarding/components/layout/OnboardingLayout';\nimport { LeftPanelItem } from 'apps/onboarding/components/left-panel-item/LeftPanelItem';\nimport { useOnboardingCallbacks } from 'apps/onboarding/hooks/useOnboardingCallbacks';\nimport { useOnboardingEventLogger } from 'apps/onboarding/hooks/useOnboardingEventLogger';\nimport { OnboardingViewProps } from 'apps/onboarding/interfaces/OnboardingViewProps';\n\nimport styles from './usage-intention.scss';\n\nconst namespace = 'onboarding.usageIntention';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport function OnboardingUsageIntentionView(props: OnboardingViewProps): JSX.Element {\n  const { onClickBack, exitOnboarding, completeStepAsync, onSaveError } = useOnboardingCallbacks(props.redirectUrl);\n  const { logEvent } = useOnboardingEventLogger();\n\n  const initialSelection = OnboardingPathwayHelper.getUsageIntention();\n  const [ selection, setSelection ] = React.useState<OnboardingUsageIntention>(initialSelection);\n\n  const isKDM = useIsKDM();\n\n  function getOptions(): OnboardingIconOption<OnboardingUsageIntention>[] {\n    const usageIntentions: OnboardingIconOption<OnboardingUsageIntention>[] = [{\n      id: 'search-video',\n      imageUrl: ImageUrls.OnboardingV2.UsageIntention.SEARCH_VIDEO_ICON,\n      colourClass: 'bg-blue',\n      title: getPhrase('searchVideoTitle'),\n      description: getPhrase('searchVideoDescription')\n    }, {\n      id: 'browse-topics',\n      imageUrl: ImageUrls.OnboardingV2.UsageIntention.BROWSE_TOPICS_ICON,\n      colourClass: 'bg-yellow',\n      title: getPhrase('browseTopicsTitle'),\n      description: getPhrase('browseTopicsDescription')\n    }];\n\n    if (isKDM) {\n      usageIntentions.push({\n        id: 'evaluating-for-school',\n        imageUrl: ImageUrls.OnboardingV2.UsageIntention.EVALUATING_ICON,\n        colourClass: 'bg-green',\n        title: getPhrase('evaluatingTitle'),\n        description: getPhrase('evaluatingDescription')\n      });\n    }\n\n    usageIntentions.push({\n      id: 'not-sure',\n      imageUrl: ImageUrls.OnboardingV2.UsageIntention.NOT_SURE_ICON,\n      colourClass: 'bg-indigo',\n      title: getPhrase('notSureTitle'),\n      description: getPhrase('notSureDescription')\n    });\n\n    return usageIntentions;\n  }\n\n  const usageIntentions = getOptions();\n\n  function onSelectOption(option: OnboardingUsageIntention): void {\n    logEvent(UserAction.Select, OnboardingDescriptor.SelectOption, {\n      optionId: option,\n      optionName: usageIntentions.find(u => u.id === option)?.title\n    });\n\n    setSelection(option);\n  }\n\n  async function onClickNext(): Promise<void> {\n    if (!selection)\n      return;\n\n    OnboardingPathwayHelper.updateUsageIntention(selection);\n    logEvent(UserAction.Click, OnboardingDescriptor.Next, {\n      usageIntention: selection\n    });\n\n    try {\n      await completeStepAsync();\n    } catch {\n      onSaveError();\n      return Promise.reject();\n    }\n  }\n\n  return (\n    <OnboardingLayout namespace={namespace}>\n      <OnboardingLayout.Left className='bg-dark-blue d-flex align-items-center'>\n        {(selection === 'search-video' || !selection) && (\n          <LeftPanelItem\n            annotationUrl={ImageUrls.OnboardingV2.UsageIntention.SEARCH_VIDEO_ANNOTATION}\n            annotationPosition='top-left'\n            annotationClassName={`ps-5 ms-4 ${styles.searchVideoAnnotation}`}\n          >\n            <img\n              className={`img-fluid ${styles.searchVideoImage}`}\n              src={ImageUrls.OnboardingV2.UsageIntention.SEARCH_VIDEO_BACKGROUND}\n            />\n          </LeftPanelItem>\n        )}\n        {selection === 'browse-topics' && (\n          <LeftPanelItem\n            annotationUrl={ImageUrls.OnboardingV2.UsageIntention.BROWSE_TOPICS_ANNOTATION}\n            annotationPosition='bottom-left'\n            annotationClassName={`ps-5 ms-4 ${styles.browseTopicsAnnotation}`}\n          >\n            <img\n              className={`img-fluid`}\n              src={ImageUrls.OnboardingV2.UsageIntention.BROWSE_TOPICS_BACKGROUND}\n            />\n          </LeftPanelItem>\n        )}\n        {selection === 'evaluating-for-school' && (\n          <LeftPanelItem\n            annotationUrl={ImageUrls.OnboardingV2.UsageIntention.EVALUATING_ANNOTATION}\n            annotationPosition='top-left'\n            annotationClassName={`ps-5 ms-4 ${styles.evaluatingAnnotation}`}\n          >\n            <img\n              className={`img-fluid ${styles.notSureImage}`}\n              src={ImageUrls.OnboardingV2.UsageIntention.EVALUATING_BACKGROUND}\n            />\n          </LeftPanelItem>\n        )}\n        {selection === 'not-sure' && (\n          <LeftPanelItem\n            annotationUrl={ImageUrls.OnboardingV2.UsageIntention.NOT_SURE_ANNOTATION}\n            annotationPosition='top-left'\n            annotationClassName={`ps-5 ms-4 ${styles.notSureAnnotation}`}\n          >\n            <img\n              className={`img-fluid ${styles.notSureImage}`}\n              src={ImageUrls.OnboardingV2.UsageIntention.NOT_SURE_BACKGROUND}\n            />\n          </LeftPanelItem>\n        )}\n      </OnboardingLayout.Left>\n\n      <OnboardingLayout.Right\n        hasCustomButtons={false}\n        onClickNext={onClickNext}\n        onClickBack={onClickBack}\n        onClickComeBackLater={exitOnboarding}\n        disableNext={!selection}\n      >\n        <OnboardingScreenHeading>\n          <Text phrase='heading' />\n        </OnboardingScreenHeading>\n\n        <OnboardingScreenInfo>\n          <Text phrase={isKDM ? 'infoKdm' : 'info'} />\n        </OnboardingScreenInfo>\n\n        <IconOptions<OnboardingUsageIntention>\n          options={usageIntentions}\n          selection={selection}\n          setSelection={onSelectOption}\n        />\n\n        <OnboardingScreenInfo className='pb-4'>\n          <Text phrase='dontWorry' />\n        </OnboardingScreenInfo>\n\n        {/* Pre-load the images so it's not as jarring when the user switches between them */}\n        <div className='d-none'>\n          <img src={ImageUrls.OnboardingV2.UsageIntention.SEARCH_VIDEO_BACKGROUND} />\n          <img src={ImageUrls.OnboardingV2.UsageIntention.BROWSE_TOPICS_BACKGROUND} />\n          <img src={ImageUrls.OnboardingV2.UsageIntention.EVALUATING_BACKGROUND} />\n          <img src={ImageUrls.OnboardingV2.UsageIntention.NOT_SURE_BACKGROUND} />\n        </div>\n      </OnboardingLayout.Right>\n    </OnboardingLayout>\n  );\n}"],"names":["LeftPanelItem","props","className","contentPosition","annotationUrl","annotationPosition","annotationClassName","getAnnotationClassName","src","children","defaultProps","IconOptions","options","map","option","key","id","selection","DivButton","onClick","setSelection","colourClass","imageUrl","title","description","namespace","getPhrase","LanguageService","OnboardingUsageIntentionView","useOnboardingCallbacks","redirectUrl","onClickBack","exitOnboarding","completeStepAsync","onSaveError","logEvent","useOnboardingEventLogger","initialSelection","OnboardingPathwayHelper","isKDM","usageIntentions","ImageUrls","push","getOptions","OnboardingLayout","hasCustomButtons","onClickNext","usageIntention","Promise","reject","onClickComeBackLater","disableNext","OnboardingScreenHeading","Text","phrase","OnboardingScreenInfo","optionId","optionName","find","u"],"sourceRoot":""}
+{"version":3,"file":"scripts/1104-f057c6dea1-lite.chunk.js","mappings":"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","sources":["file:///app/packages/projects/lite/src/apps/onboarding/components/left-panel-item/left-panel-item.scss","file:///app/packages/projects/lite/src/apps/onboarding/components/left-panel-item/LeftPanelItem.tsx","file:///app/packages/projects/lite/src/apps/onboarding/components/icon-options/icon-options.scss","file:///app/packages/projects/lite/src/apps/onboarding/components/icon-options/IconOptions.tsx","file:///app/packages/projects/lite/src/apps/onboarding/views/usage-intention/usage-intention.scss","file:///app/packages/projects/lite/src/apps/onboarding/views/usage-intention/OnboardingUsageIntentionView.tsx"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"annotation\":\"LkdHB\",\"above\":\"ROdbm\",\"below\":\"OzyHx\",\"left\":\"W9EBF\",\"right\":\"zhio2\",\"divider\":\"cdR_p\",\"imageContainer\":\"QZZMF\"};","import React from 'react';\n\nimport styles from './left-panel-item.scss';\n\ninterface LeftPanelItemProps {\n  contentPosition?: 'center' | 'right';\n  annotationUrl?: string;\n  annotationPosition?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';\n  annotationClassName?: string;\n}\n\nLeftPanelItem.defaultProps = {\n  contentPosition: 'center'\n};\n\nexport function LeftPanelItem(props: React.PropsWithChildren<LeftPanelItemProps>): JSX.Element {\n  function getAnnotationClassName(): string {\n    let className = styles.annotation;\n\n    switch (props.annotationPosition) {\n      case 'top-left': {\n        className += ` ${styles.above} ${styles.left}`;\n        break;\n      }\n\n      case 'top-right': {\n        className += ` ${styles.above} ${styles.right}`;\n        break;\n      }\n\n      case 'bottom-left': {\n        className += ` ${styles.below} ${styles.left}`;\n        break;\n      }\n\n      case 'bottom-right': {\n        className += ` ${styles.below} ${styles.right}`;\n        break;\n      }\n    }\n\n    if (props.annotationClassName)\n      className += ` ${props.annotationClassName}`;\n\n    return className;\n  }\n\n  function getContainerClassName(): string {\n    let className = `d-flex align-items-center text-center position-relative w-100 ${styles.imageContainer}`;\n\n    if (props.contentPosition === 'center')\n      className += ' px-5 justify-content-center';\n\n    if (props.contentPosition === 'right')\n      className += ' me-n5 justify-content-end';\n\n    return className;\n  }\n\n  return (\n    <div className={getContainerClassName()}>\n      {!!props.annotationUrl && (\n        <div className={getAnnotationClassName()}>\n          <img className={`img-fluid`} src={props.annotationUrl} />\n        </div>\n      )}\n\n      {props.children}\n      {props.contentPosition === 'right' && (\n        <div className={styles.divider} />\n      )}\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"icon\":\"ohit6\",\"description\":\"DmrW6\",\"option\":\"KOzYf\"};","import React from 'react';\n\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\n\nimport styles from './icon-options.scss';\n\nexport interface OnboardingIconOption<TId extends string = string> {\n  id: TId;\n  imageUrl: string;\n  colourClass: string;\n  title: string;\n  description: string;\n}\n\ninterface IconOptionsProps<TId extends string = string> {\n  options: OnboardingIconOption<TId>[];\n  selection: TId;\n  setSelection: (id: TId) => void;\n}\n\nexport function IconOptions<TId extends string = string>(props: IconOptionsProps<TId>): JSX.Element {\n  return (\n    <ul className='list-unstyled mb-0'>\n      {props.options.map(option => {\n        return (\n          <li\n            key={option.id}\n            className={`${styles.option} mb-2 border border-2 rounded-3 ${props.selection === option.id ? 'border-dark bg-light-blue' : 'border-transparent'}`}\n          >\n            <DivButton\n              onClick={() => props.setSelection(option.id)}\n              className={`d-flex align-items-center p-2`}\n            >\n              <div className={`rounded border border-dark ${option.colourClass} ${styles.icon}`}>\n                <img src={option.imageUrl} className='img-fluid' />\n              </div>\n\n              <div>\n                <h2 className='mb-1 h6'>{option.title}</h2>\n                <p className={`mb-0 ${styles.description}`}>{option.description}</p>\n              </div>\n            </DivButton>\n          </li>\n        );\n      })}\n    </ul>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"notSureImage\":\"MuA8k\",\"searchVideoImage\":\"d82DS\",\"searchVideoAnnotation\":\"BxbBK\",\"browseTopicsAnnotation\":\"hwc8g\",\"notSureAnnotation\":\"PwDKP\",\"evaluatingAnnotation\":\"VGkUH\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { OnboardingDescriptor, UserAction } from 'libs/analytics/interfaces';\n\nimport { OnboardingUsageIntention } from 'libs/shared/apps/onboarding/interfaces/OnboardingUsageIntention';\nimport { OnboardingPathwayHelper } from 'libs/shared/apps/onboarding/utils/OnboardingPathwayHelper';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { useIsKDM } from 'libs/shared/hooks/UseIsKdm';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\n\nimport { OnboardingScreenHeading } from 'apps/onboarding/components/heading/OnboardingScreenHeading';\nimport { IconOptions, OnboardingIconOption } from 'apps/onboarding/components/icon-options/IconOptions';\nimport { OnboardingScreenInfo } from 'apps/onboarding/components/info/OnboardingScreenInfo';\nimport { OnboardingLayout } from 'apps/onboarding/components/layout/OnboardingLayout';\nimport { LeftPanelItem } from 'apps/onboarding/components/left-panel-item/LeftPanelItem';\nimport { useOnboardingCallbacks } from 'apps/onboarding/hooks/useOnboardingCallbacks';\nimport { useOnboardingEventLogger } from 'apps/onboarding/hooks/useOnboardingEventLogger';\nimport { OnboardingViewProps } from 'apps/onboarding/interfaces/OnboardingViewProps';\n\nimport styles from './usage-intention.scss';\n\nconst namespace = 'onboarding.usageIntention';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport function OnboardingUsageIntentionView(props: OnboardingViewProps): JSX.Element {\n  const { onClickBack, exitOnboarding, completeStepAsync, onSaveError } = useOnboardingCallbacks(props.redirectUrl);\n  const { logEvent } = useOnboardingEventLogger();\n\n  const initialSelection = OnboardingPathwayHelper.getUsageIntention();\n  const [ selection, setSelection ] = React.useState<OnboardingUsageIntention>(initialSelection);\n\n  const isKDM = useIsKDM();\n\n  function getOptions(): OnboardingIconOption<OnboardingUsageIntention>[] {\n    const usageIntentions: OnboardingIconOption<OnboardingUsageIntention>[] = [{\n      id: 'search-video',\n      imageUrl: ImageUrls.OnboardingV2.UsageIntention.SEARCH_VIDEO_ICON,\n      colourClass: 'bg-blue',\n      title: getPhrase('searchVideoTitle'),\n      description: getPhrase('searchVideoDescription')\n    }, {\n      id: 'browse-topics',\n      imageUrl: ImageUrls.OnboardingV2.UsageIntention.BROWSE_TOPICS_ICON,\n      colourClass: 'bg-yellow',\n      title: getPhrase('browseTopicsTitle'),\n      description: getPhrase('browseTopicsDescription')\n    }];\n\n    if (isKDM) {\n      usageIntentions.push({\n        id: 'evaluating-for-school',\n        imageUrl: ImageUrls.OnboardingV2.UsageIntention.EVALUATING_ICON,\n        colourClass: 'bg-green',\n        title: getPhrase('evaluatingTitle'),\n        description: getPhrase('evaluatingDescription')\n      });\n    }\n\n    usageIntentions.push({\n      id: 'not-sure',\n      imageUrl: ImageUrls.OnboardingV2.UsageIntention.NOT_SURE_ICON,\n      colourClass: 'bg-indigo',\n      title: getPhrase('notSureTitle'),\n      description: getPhrase('notSureDescription')\n    });\n\n    return usageIntentions;\n  }\n\n  const usageIntentions = getOptions();\n\n  function onSelectOption(option: OnboardingUsageIntention): void {\n    logEvent(UserAction.Select, OnboardingDescriptor.SelectOption, {\n      optionId: option,\n      optionName: usageIntentions.find(u => u.id === option)?.title\n    });\n\n    setSelection(option);\n  }\n\n  async function onClickNext(): Promise<void> {\n    if (!selection)\n      return;\n\n    OnboardingPathwayHelper.updateUsageIntention(selection);\n    logEvent(UserAction.Click, OnboardingDescriptor.Next, {\n      usageIntention: selection\n    });\n\n    try {\n      await completeStepAsync();\n    } catch {\n      onSaveError();\n      return Promise.reject();\n    }\n  }\n\n  return (\n    <OnboardingLayout namespace={namespace}>\n      <OnboardingLayout.Left className='bg-dark-blue d-flex align-items-center'>\n        {(selection === 'search-video' || !selection) && (\n          <LeftPanelItem\n            annotationUrl={ImageUrls.OnboardingV2.UsageIntention.SEARCH_VIDEO_ANNOTATION}\n            annotationPosition='top-left'\n            annotationClassName={`ps-5 ms-4 ${styles.searchVideoAnnotation}`}\n          >\n            <img\n              className={`img-fluid ${styles.searchVideoImage}`}\n              src={ImageUrls.OnboardingV2.UsageIntention.SEARCH_VIDEO_BACKGROUND}\n            />\n          </LeftPanelItem>\n        )}\n        {selection === 'browse-topics' && (\n          <LeftPanelItem\n            annotationUrl={ImageUrls.OnboardingV2.UsageIntention.BROWSE_TOPICS_ANNOTATION}\n            annotationPosition='bottom-left'\n            annotationClassName={`ps-5 ms-4 ${styles.browseTopicsAnnotation}`}\n          >\n            <img\n              className={`img-fluid`}\n              src={ImageUrls.OnboardingV2.UsageIntention.BROWSE_TOPICS_BACKGROUND}\n            />\n          </LeftPanelItem>\n        )}\n        {selection === 'evaluating-for-school' && (\n          <LeftPanelItem\n            annotationUrl={ImageUrls.OnboardingV2.UsageIntention.EVALUATING_ANNOTATION}\n            annotationPosition='top-left'\n            annotationClassName={`ps-5 ms-4 ${styles.evaluatingAnnotation}`}\n          >\n            <img\n              className={`img-fluid ${styles.notSureImage}`}\n              src={ImageUrls.OnboardingV2.UsageIntention.EVALUATING_BACKGROUND}\n            />\n          </LeftPanelItem>\n        )}\n        {selection === 'not-sure' && (\n          <LeftPanelItem\n            annotationUrl={ImageUrls.OnboardingV2.UsageIntention.NOT_SURE_ANNOTATION}\n            annotationPosition='top-left'\n            annotationClassName={`ps-5 ms-4 ${styles.notSureAnnotation}`}\n          >\n            <img\n              className={`img-fluid ${styles.notSureImage}`}\n              src={ImageUrls.OnboardingV2.UsageIntention.NOT_SURE_BACKGROUND}\n            />\n          </LeftPanelItem>\n        )}\n      </OnboardingLayout.Left>\n\n      <OnboardingLayout.Right\n        hasCustomButtons={false}\n        onClickNext={onClickNext}\n        onClickBack={onClickBack}\n        onClickComeBackLater={exitOnboarding}\n        disableNext={!selection}\n      >\n        <OnboardingScreenHeading>\n          <Text phrase='heading' />\n        </OnboardingScreenHeading>\n\n        <OnboardingScreenInfo>\n          <Text phrase={isKDM ? 'infoKdm' : 'info'} />\n        </OnboardingScreenInfo>\n\n        <IconOptions<OnboardingUsageIntention>\n          options={usageIntentions}\n          selection={selection}\n          setSelection={onSelectOption}\n        />\n\n        <OnboardingScreenInfo className='pb-4'>\n          <Text phrase='dontWorry' />\n        </OnboardingScreenInfo>\n\n        {/* Pre-load the images so it's not as jarring when the user switches between them */}\n        <div className='d-none'>\n          <img src={ImageUrls.OnboardingV2.UsageIntention.SEARCH_VIDEO_BACKGROUND} />\n          <img src={ImageUrls.OnboardingV2.UsageIntention.BROWSE_TOPICS_BACKGROUND} />\n          <img src={ImageUrls.OnboardingV2.UsageIntention.EVALUATING_BACKGROUND} />\n          <img src={ImageUrls.OnboardingV2.UsageIntention.NOT_SURE_BACKGROUND} />\n        </div>\n      </OnboardingLayout.Right>\n    </OnboardingLayout>\n  );\n}"],"names":["LeftPanelItem","props","className","contentPosition","annotationUrl","annotationPosition","annotationClassName","getAnnotationClassName","src","children","defaultProps","IconOptions","options","map","option","key","id","selection","DivButton","onClick","setSelection","colourClass","imageUrl","title","description","namespace","getPhrase","LanguageService","OnboardingUsageIntentionView","useOnboardingCallbacks","redirectUrl","onClickBack","exitOnboarding","completeStepAsync","onSaveError","logEvent","useOnboardingEventLogger","initialSelection","OnboardingPathwayHelper","isKDM","usageIntentions","ImageUrls","push","getOptions","OnboardingLayout","hasCustomButtons","onClickNext","usageIntention","Promise","reject","onClickComeBackLater","disableNext","OnboardingScreenHeading","Text","phrase","OnboardingScreenInfo","optionId","optionName","find","u"],"sourceRoot":""}