@clickview/lite 0.77.0-rc.2 → 0.77.0-rc.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/bundles.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "appBundle": "bundle-7d9d34118d.min.js",
2
+ "appBundle": "bundle-d91afd75fb.min.js",
3
3
  "cssBundle": "lite-app-abe150e464.css",
4
4
  "polyfillBundle": "polyfills-909f9fc0c1.min.js"
5
5
  }
@@ -1,2 +1,2 @@
1
- "use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[218],{38502:(e,a,t)=>{t.d(a,{r:()=>d});var n=t(32735),s=t(49985),r=t(15611),i=t(18559),c=t(11607),o=t(83914),l=t(22771);function m(e){return n.createElement(n.Fragment,null,!!e.tab.svgName&&n.createElement("div",{className:e.tab.name?"pe-1":""},n.createElement(o.x,{svgName:e.tab.svgName})),e.tab.name,"number"==typeof e.tab.count&&n.createElement("div",{className:"ps-2"},n.createElement(i.C,{type:i.g.Count,data:e.tab.count})))}function d(e){var a;return n.createElement("nav",{className:null!==(a=e.className)&&void 0!==a?a:"",ref:e.containerRef},n.createElement("ul",{className:"\n list-unstyled d-inline-block m-0 ".concat(l.Z.pillTabSelector,"\n ").concat(e.borderRadius?l.Z.radiusSmall:"","\n ").concat(e.listClassName,"\n ")},e.tabs.map(function(e,a){return n.createElement("li",{className:"\n p-0 ".concat(l.Z.tab," ").concat(e.active?"btn btn-dark":"btn btn-outline-dark","\n ").concat(e.name?l.Z.minWidth:""," ").concat(e.className,"\n "),key:a},e.appLink?n.createElement(r.F,{appLink:e.appLink,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,className:"\n cursor-pointer d-flex align-items-center justify-content-center\n text-decoration-none text-reset px-2 text-nowrap ".concat(l.Z.tabLink,"\n ")},n.createElement(m,{tab:e})):n.createElement(c.L,{className:"\n cursor-pointer d-flex align-items-center justify-content-center\n text-decoration-none text-reset px-2 text-nowrap ".concat(l.Z.tabLink,"\n "),onClick:function(){return function(e){!e.active&&e.onSelect&&(e.onSelect(),e.analyticsData&&e.analyticsOptions&&s.k.logUserAction(e.analyticsData,e.analyticsOptions))}(e)}},n.createElement(m,{tab:e})))})))}d.defaultProps={borderRadius:"lg"}},28469:(e,a,t)=>{t.d(a,{P:()=>r});var n=t(32735),s=t(23481).T.encloseNamespace("rostering.alert");function r(e){var a="classroom"===e.type?s("classroom"):s("hasRostering");return n.createElement("div",{className:"alert text-info bg-light-blue px-2 rounded-3 fw-semibold py-2 d-flex flex-wrap"},a," ")}},58739:(e,a,t)=>{var n;t.d(a,{K:()=>n}),function(e){e[e.Submitted=0]="Submitted",e[e.Queued=1]="Queued",e[e.Pending=2]="Pending",e[e.InProgress=3]="InProgress",e[e.Completed=4]="Completed",e[e.CompletedWithError=5]="CompletedWithError",e[e.Failed=6]="Failed"}(n||(n={}))},44538:(e,a,t)=>{t.d(a,{K:()=>c});var n=t(99940),s=t(97395),r=t(58739),i=t(38389),c={getRostering:function(){return{url:"{gateway}/v1/users/me/rostering",key:"rostering"}},getSyncList:function(e){var a={};if(e.cursor&&(a.cursor=e.cursor),e.sort&&("oldest"===e.sort?a.order="ASC":a.order="DESC"),e.jobStatus){var t=[];e.jobStatus.includes("completed")&&t.push.apply(t,[r.K.Completed,r.K.CompletedWithError]),e.jobStatus.includes("failed")&&t.push(r.K.Failed),e.jobStatus.includes("inProgress")&&t.push.apply(t,[r.K.Submitted,r.K.Queued,r.K.Pending,r.K.InProgress]),a.status=t}return a.type=i.m.Rostering,{url:s._.urlBuilder("{gateway}/v1/batch/jobs",a),key:"rostering:sync:".concat(e.cursor,":").concat(e.sort,":").concat(e.jobStatus)}},createJob:function(e,a,t){return{url:"{gateway}/v1/batch/jobs",key:"rostering:sync",type:n.k.POST,invalidationKeys:["rostering:sync"],data:e,success:a,error:t}},getJobSummary:function(e){return{url:"{gateway}/v1/batch/jobs/".concat(e,"/summary"),key:"job:summary:".concat(e)}},getSyncScheduleSettings:function(e){return{url:"{gateway}/v1/rostering/".concat(e,"/schedule"),key:"sync-settings:".concat(e)}},updateScheduleSetting:function(e,a,t,s,r){return{type:n.k.PUT,url:"{gateway}/v1/rostering/".concat(a,"/schedule"),key:"update:sync-settings:".concat(e.customerId,":").concat(a),invalidationKeys:["sync-settings:".concat(a)],data:e,success:t,error:s,always:r}}}},59278:(e,a,t)=>{t.d(a,{d:()=>g});var n=t(32735),s=t(23481),r=t(83657),i=t(38502),c=t(28469),o=t(83345),l=t(79967),m=t(14070),d=t(97291);const u={searchContainer:"rwTB7"};var p="classrooms.classroomsHeader",h=s.T.encloseNamespace(p);function g(e){var a,t=(0,l.k)(),s=t.xs||t.sm,g=[];e.hasShareFlowV2&&(g.push({name:h("overviewTab"),appLink:{application:d.O.CLASSROOMS,action:m.e.Classrooms.HOME},active:"overview"===e.activeTab}),g.push({name:h("classroomsTab"),appLink:{application:d.O.CLASSROOMS,action:m.e.Classrooms.VIEW_ALL},active:"classrooms"===e.activeTab}),g.push({name:h("openClassroomsTab"),appLink:{application:d.O.CLASSROOMS,action:m.e.Classrooms.OPEN_CLASSROOMS},active:"open-classrooms"===e.activeTab}));var b=e.hideTabs||1===g.length;return n.createElement("div",null,!!e.hasRostering&&n.createElement("div",{className:"my-3"},n.createElement(c.P,{type:"general"})),n.createElement("div",{className:"d-flex align-items-center mb-3"},n.createElement("h1",{className:"flex-fill h2 me-3 my-1"},n.createElement(o.x,{namespace:p,phrase:"heading"})),n.createElement("div",{className:"d-flex"},e.searchBar&&!s&&n.createElement("div",{className:"".concat(u.searchContainer," d-flex mb-2 mb-sm-0 me-2")},e.searchBar),n.createElement(r.e,{actions:null!==(a=e.actions)&&void 0!==a?a:[],actionsDropdownClassName:"btn btn-outline-dark"}))),!b&&n.createElement("div",{className:"mb-3"},n.createElement(i.r,{tabs:g})),s&&e.searchBar?n.createElement("div",{className:"mb-3"},e.searchBar):null)}},35599:(e,a,t)=>{t.d(a,{k:()=>m});var n=t(32735),s=t(87801),r=t(16714),i=t(67467),c=t(5056),o=t(28001),l=t(69003);function m(e){var a,t,m=e.hasShareFlowV2&&e.hasPermissions(r.C.ViewInsights),d=(0,l.cl)([]),u=null!==(a=e.loadingState)&&void 0!==a?a:o.L,p=null!==(t=e.emptyState)&&void 0!==t?t:i.o;return e.loading||e.shareData.showPartialLoading?n.createElement(u,null):e.shareData.sentShares.length?n.createElement("div",{className:e.className},n.createElement(c.R,{sentShares:e.shareData.sentShares,sharedObjects:e.shareData.sharedObjects.items,shareRecipients:e.shareData.shareRecipients.items,interactivesPendingReview:e.shareData.interactivesPendingReview.itemsArr,getObjectActions:function(a){return(0,l.sD)({share:a.share,sharedObject:a.sharedObject,audienceParams:d.audienceAppLinkParams,hasInsights:m,isPlugin:e.isPlugin,breakpoints:e.breakpoints})},groupByDateShared:!0,breakpoints:e.breakpoints,imageCdnUrl:e.imageCdnUrl,yearGroups:e.yearGroups,hasDemoInsights:e.hasDemoInsight}),(e.shareData.hasMore||e.shareData.isFetching)&&n.createElement(s._,{isFetching:e.shareData.isFetching,fetchNext:e.shareData.fetchNext,nextCursor:e.shareData.nextCursor})):n.createElement(p,null)}},22534:(e,a,t)=>{t.r(a),t.d(a,{OpenClassroomsView:()=>w});var n=t(32735),s=t(6044),r=t(23481),i=t(20354),c=t(2510),o=t(39151),l=t(1666),m=t(54405),d=t(44538),u=t(31949),p=t(79967),h=t(22902),g=t(79612),b=t(37802),v=t(14070),y=t(97291),S=t(46390),k=t(99998),E=t(98623),f=t(59278),C=t(35599),N=t(22767),O=r.T.encloseNamespace("classrooms.openClassrooms");function w(){var e,a,t,r=(0,p.k)(),w=(0,h.T)().hasPermissions,x=(0,b.r)(null).hasShareFlowV2,P=(0,S.G)().isPlugin,j=(0,k.R)(),D=j.experience,L=j.loading,F=i.a.useBasicFetch(u.N.currentUser()),R=i.a.useBasicFetch(o.L.config()),T=i.a.useBasicFetch(d.K.getRostering()),A=(null===(e=T.data)||void 0===e?void 0:e.status)&&"None"!==T.data.status,I=i.a.useBasicFetch((null===(a=F.data)||void 0===a?void 0:a.isAuthenticated)&&l.h.yearGroups(F.data.customerId)),U=i.a.useBasicFetch(m.X.interactiveMetadata()),B=(0,E.a)({interactiveInsights:!0,shouldFetch:x,params:{type:[c.y.Open]}});if((0,g.M)({title:O("pageTitle")}),!L&&"minimal"===D)return s.C$.trigger({application:y.O.CLASSROOMS,action:v.e.Classrooms.HOME}),n.createElement(n.Fragment,null);var K=!(!R.data||!U.data||!I.data||!T.hasCompleted||L);return n.createElement("div",{className:"px-3"},n.createElement(f.d,{actions:[],activeTab:"open-classrooms",hasRostering:A,hasShareFlowV2:x}),n.createElement(C.k,{loading:!K,shareData:B,hasShareFlowV2:x,hasPermissions:w,breakpoints:r,isPlugin:P,imageCdnUrl:null===(t=R.data)||void 0===t?void 0:t.imageCdnUrl,yearGroups:I.data,className:"mt-3",emptyState:function(){var e,a;return n.createElement(N.l,{heading:O("demoHeading"),demoInteractive:U.data,liteUrl:null===(e=R.data)||void 0===e?void 0:e.liteUrl,breakpoints:r,imageCdnUrl:null===(a=R.data)||void 0===a?void 0:a.imageCdnUrl,yearGroups:I.data,className:"mt-3",shareType:c.y.Open})}}))}},22767:(e,a,t)=>{t.d(a,{l:()=>d});var n=t(32735),s=t(23481),r=t(2510),i=t(55219),c=t(18006),o=t(9566);const l={background:"HAuP3"};var m=s.T.encloseNamespace("myShares.demoInsights");function d(e){var a,t=e.liteUrl.includes("staging"),s=e.breakpoints.xs||e.breakpoints.sm,d=e.shareType===r.y.Open?o.po:o.vJ,u=e.shareType===r.y.Open?o.$Z:o.GJ,p=Object.assign(Object.assign({},u),{sharedObject:Object.assign(Object.assign({},e.demoInteractive),{id:t?c.c:c.q})});return n.createElement("div",{className:e.className},n.createElement(i.g,{heading:null!==(a=e.heading)&&void 0!==a?a:m("demoHeading"),isFirst:!0}),n.createElement("div",{className:"".concat(l.background," rounded-3 mb-4")},n.createElement(i.F,{shareData:p,getObjectActions:function(){return[Object.assign(Object.assign({},o.VE),{button:!s,appLink:d})]},imageCdnUrl:e.imageCdnUrl,yearGroups:e.yearGroups,breakpoints:e.breakpoints,className:"bg-light-orange",appLink:function(){return d}})))}},18006:(e,a,t)=>{t.d(a,{c:()=>n,q:()=>s});var n="D8qRe7",s="GRWx6w"},22771:(e,a,t)=>{t.d(a,{Z:()=>n});const n={pillTabSelector:"Hdi6o",tab:"RvNxr",minWidth:"GHSz9",radiusSmall:"VhJJa",tabLink:"WFyvo"}}}]);
2
- //# sourceMappingURL=218-e2f474ccb6-lite.chunk.js.map
1
+ "use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[218],{38502:(e,a,t)=>{t.d(a,{r:()=>d});var n=t(32735),s=t(49985),r=t(15611),i=t(18559),c=t(11607),o=t(83914),l=t(22771);function m(e){return n.createElement(n.Fragment,null,!!e.tab.svgName&&n.createElement("div",{className:e.tab.name?"pe-1":""},n.createElement(o.x,{svgName:e.tab.svgName})),e.tab.name,"number"==typeof e.tab.count&&n.createElement("div",{className:"ps-2"},n.createElement(i.C,{type:i.g.Count,data:e.tab.count})))}function d(e){var a;return n.createElement("nav",{className:null!==(a=e.className)&&void 0!==a?a:"",ref:e.containerRef},n.createElement("ul",{className:"\n list-unstyled d-inline-block m-0 ".concat(l.Z.pillTabSelector,"\n ").concat(e.borderRadius?l.Z.radiusSmall:"","\n ").concat(e.listClassName,"\n ")},e.tabs.map(function(e,a){return n.createElement("li",{className:"\n p-0 ".concat(l.Z.tab," ").concat(e.active?"btn btn-dark":"btn btn-outline-dark","\n ").concat(e.name?l.Z.minWidth:""," ").concat(e.className,"\n "),key:a},e.appLink?n.createElement(r.F,{appLink:e.appLink,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,className:"\n cursor-pointer d-flex align-items-center justify-content-center\n text-decoration-none text-reset px-2 text-nowrap ".concat(l.Z.tabLink,"\n ")},n.createElement(m,{tab:e})):n.createElement(c.L,{className:"\n cursor-pointer d-flex align-items-center justify-content-center\n text-decoration-none text-reset px-2 text-nowrap ".concat(l.Z.tabLink,"\n "),onClick:function(){return function(e){!e.active&&e.onSelect&&(e.onSelect(),e.analyticsData&&e.analyticsOptions&&s.k.logUserAction(e.analyticsData,e.analyticsOptions))}(e)}},n.createElement(m,{tab:e})))})))}d.defaultProps={borderRadius:"lg"}},28469:(e,a,t)=>{t.d(a,{P:()=>r});var n=t(32735),s=t(23481).T.encloseNamespace("rostering.alert");function r(e){var a="classroom"===e.type?s("classroom"):s("hasRostering");return n.createElement("div",{className:"alert text-info bg-light-blue px-2 rounded-3 fw-semibold py-2 d-flex flex-wrap"},a," ")}},58739:(e,a,t)=>{var n;t.d(a,{K:()=>n}),function(e){e[e.Submitted=0]="Submitted",e[e.Queued=1]="Queued",e[e.Pending=2]="Pending",e[e.InProgress=3]="InProgress",e[e.Completed=4]="Completed",e[e.CompletedWithError=5]="CompletedWithError",e[e.Failed=6]="Failed"}(n||(n={}))},44538:(e,a,t)=>{t.d(a,{K:()=>c});var n=t(99940),s=t(97395),r=t(58739),i=t(38389),c={getRostering:function(){return{url:"{gateway}/v1/users/me/rostering",key:"rostering"}},getSyncList:function(e){var a={};if(e.cursor&&(a.cursor=e.cursor),e.sort&&("oldest"===e.sort?a.order="ASC":a.order="DESC"),e.jobStatus){var t=[];e.jobStatus.includes("completed")&&t.push.apply(t,[r.K.Completed,r.K.CompletedWithError]),e.jobStatus.includes("failed")&&t.push(r.K.Failed),e.jobStatus.includes("inProgress")&&t.push.apply(t,[r.K.Submitted,r.K.Queued,r.K.Pending,r.K.InProgress]),a.status=t}return a.type=i.m.Rostering,{url:s._.urlBuilder("{gateway}/v1/batch/jobs",a),key:"rostering:sync:".concat(e.cursor,":").concat(e.sort,":").concat(e.jobStatus)}},createJob:function(e,a,t){return{url:"{gateway}/v1/batch/jobs",key:"rostering:sync",type:n.k.POST,invalidationKeys:["rostering:sync"],data:e,success:a,error:t}},getJobSummary:function(e){return{url:"{gateway}/v1/batch/jobs/".concat(e,"/summary"),key:"job:summary:".concat(e)}},getSyncScheduleSettings:function(e){return{url:"{gateway}/v1/rostering/".concat(e,"/schedule"),key:"sync-settings:".concat(e)}},updateScheduleSetting:function(e,a,t,s,r){return{type:n.k.PUT,url:"{gateway}/v1/rostering/".concat(a,"/schedule"),key:"update:sync-settings:".concat(e.customerId,":").concat(a),invalidationKeys:["sync-settings:".concat(a)],data:e,success:t,error:s,always:r}}}},59278:(e,a,t)=>{t.d(a,{d:()=>g});var n=t(32735),s=t(23481),r=t(83657),i=t(38502),c=t(28469),o=t(83345),l=t(79967),m=t(14070),d=t(97291);const u={searchContainer:"rwTB7"};var p="classrooms.classroomsHeader",h=s.T.encloseNamespace(p);function g(e){var a,t=(0,l.k)(),s=t.xs||t.sm,g=[];e.hasShareFlowV2&&(g.push({name:h("overviewTab"),appLink:{application:d.O.CLASSROOMS,action:m.e.Classrooms.HOME},active:"overview"===e.activeTab}),g.push({name:h("classroomsTab"),appLink:{application:d.O.CLASSROOMS,action:m.e.Classrooms.VIEW_ALL},active:"classrooms"===e.activeTab}),g.push({name:h("openClassroomsTab"),appLink:{application:d.O.CLASSROOMS,action:m.e.Classrooms.OPEN_CLASSROOMS},active:"open-classrooms"===e.activeTab}));var b=e.hideTabs||1===g.length;return n.createElement("div",null,!!e.hasRostering&&n.createElement("div",{className:"my-3"},n.createElement(c.P,{type:"general"})),n.createElement("div",{className:"d-flex align-items-center mb-3"},n.createElement("h1",{className:"flex-fill h2 me-3 my-1"},n.createElement(o.x,{namespace:p,phrase:"heading"})),n.createElement("div",{className:"d-flex"},e.searchBar&&!s&&n.createElement("div",{className:"".concat(u.searchContainer," d-flex mb-2 mb-sm-0 me-2")},e.searchBar),n.createElement(r.e,{actions:null!==(a=e.actions)&&void 0!==a?a:[],actionsDropdownClassName:"btn btn-outline-dark"}))),!b&&n.createElement("div",{className:"mb-3"},n.createElement(i.r,{tabs:g})),s&&e.searchBar?n.createElement("div",{className:"mb-3"},e.searchBar):null)}},35599:(e,a,t)=>{t.d(a,{k:()=>m});var n=t(32735),s=t(87801),r=t(16714),i=t(67467),c=t(5056),o=t(28001),l=t(69003);function m(e){var a,t,m=e.hasShareFlowV2&&e.hasPermissions(r.C.ViewInsights),d=(0,l.cl)([]),u=null!==(a=e.loadingState)&&void 0!==a?a:o.L,p=null!==(t=e.emptyState)&&void 0!==t?t:i.o;return e.loading||e.shareData.showPartialLoading?n.createElement(u,null):e.shareData.sentShares.length?n.createElement("div",{className:e.className},n.createElement(c.R,{sentShares:e.shareData.sentShares,sharedObjects:e.shareData.sharedObjects.items,shareRecipients:e.shareData.shareRecipients.items,interactivesPendingReview:e.shareData.interactivesPendingReview.itemsArr,getObjectActions:function(a){return(0,l.sD)({share:a.share,sharedObject:a.sharedObject,audienceParams:d.audienceAppLinkParams,hasInsights:m,isPlugin:e.isPlugin,breakpoints:e.breakpoints})},groupByDateShared:!0,breakpoints:e.breakpoints,imageCdnUrl:e.imageCdnUrl,yearGroups:e.yearGroups,hasDemoInsights:e.hasDemoInsight}),(e.shareData.hasMore||e.shareData.isFetching)&&n.createElement(s._,{isFetching:e.shareData.isFetching,fetchNext:e.shareData.fetchNext,nextCursor:e.shareData.nextCursor})):n.createElement(p,null)}},22534:(e,a,t)=>{t.r(a),t.d(a,{OpenClassroomsView:()=>w});var n=t(32735),s=t(6044),r=t(23481),i=t(20354),c=t(2510),o=t(39151),l=t(1666),m=t(54405),d=t(44538),u=t(31949),p=t(79967),h=t(22902),g=t(79612),b=t(37802),v=t(14070),y=t(97291),S=t(46390),k=t(99998),E=t(98623),f=t(59278),C=t(35599),N=t(22767),O=r.T.encloseNamespace("classrooms.openClassrooms");function w(){var e,a,t,r=(0,p.k)(),w=(0,h.T)().hasPermissions,x=(0,b.r)(null).hasShareFlowV2,P=(0,S.G)().isPlugin,j=(0,k.R)(),L=j.experience,D=j.loading,F=i.a.useBasicFetch(u.N.currentUser()),R=i.a.useBasicFetch(o.L.config()),T=i.a.useBasicFetch(d.K.getRostering()),A=(null===(e=T.data)||void 0===e?void 0:e.status)&&"None"!==T.data.status,I=i.a.useBasicFetch((null===(a=F.data)||void 0===a?void 0:a.isAuthenticated)&&l.h.yearGroups(F.data.customerId)),B=i.a.useBasicFetch(m.X.interactiveMetadata()),K=(0,E.a)({interactiveInsights:!0,shouldFetch:x,params:{type:[c.y.Open]}});if((0,g.M)({title:O("pageTitle")}),!D&&"minimal"===L)return s.C$.trigger({application:y.O.CLASSROOMS,action:v.e.Classrooms.HOME}),n.createElement(n.Fragment,null);var G=!(!R.data||!B.data||!I.data||!T.hasCompleted||D);return n.createElement("div",{className:"px-3"},n.createElement(f.d,{actions:[],activeTab:"open-classrooms",hasRostering:A,hasShareFlowV2:x}),n.createElement(C.k,{loading:!G,shareData:K,hasShareFlowV2:x,hasPermissions:w,breakpoints:r,isPlugin:P,imageCdnUrl:null===(t=R.data)||void 0===t?void 0:t.imageCdnUrl,yearGroups:I.data,className:"mt-3",emptyState:function(){var e;return n.createElement(N.l,{heading:O("demoHeading"),demoInteractive:B.data,breakpoints:r,imageCdnUrl:null===(e=R.data)||void 0===e?void 0:e.imageCdnUrl,yearGroups:I.data,className:"mt-3",shareType:c.y.Open})}}))}},22767:(e,a,t)=>{t.d(a,{l:()=>d});var n=t(32735),s=t(23481),r=t(2510),i=t(55219),c=t(18006),o=t(9566);const l={background:"HAuP3"};var m=s.T.encloseNamespace("myShares.demoInsights");function d(e){var a,t=e.breakpoints.xs||e.breakpoints.sm,s=e.shareType===r.y.Open?o.po:o.vJ,d=e.shareType===r.y.Open?o.$Z:o.GJ,u=Object.assign(Object.assign({},d),{sharedObject:Object.assign(Object.assign({},e.demoInteractive),{id:c.A})});return n.createElement("div",{className:e.className},n.createElement(i.g,{heading:null!==(a=e.heading)&&void 0!==a?a:m("demoHeading"),isFirst:!0}),n.createElement("div",{className:"".concat(l.background," rounded-3 mb-4")},n.createElement(i.F,{shareData:u,getObjectActions:function(){return[Object.assign(Object.assign({},o.VE),{button:!t,appLink:s})]},imageCdnUrl:e.imageCdnUrl,yearGroups:e.yearGroups,breakpoints:e.breakpoints,className:"bg-light-orange",appLink:function(){return s}})))}},18006:(e,a,t)=>{t.d(a,{A:()=>n});var n="GRWx6w"},22771:(e,a,t)=>{t.d(a,{Z:()=>n});const n={pillTabSelector:"Hdi6o",tab:"RvNxr",minWidth:"GHSz9",radiusSmall:"VhJJa",tabLink:"WFyvo"}}}]);
2
+ //# sourceMappingURL=218-10e579bc5c-lite.chunk.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"scripts/218-10e579bc5c-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/components/pill-tab-selector/PillTabSelector.tsx","file:///app/packages/libs/shared/src/components/rostering/rostering-alert/RosteringAlert.tsx","file:///app/packages/libs/shared/src/enums/BatchJobStatus.ts","file:///app/packages/libs/shared/src/flight-requests/RosteringRequests.ts","file:///app/packages/projects/lite/src/apps/classrooms/components/classrooms-header/classrooms-header.scss","file:///app/packages/projects/lite/src/apps/classrooms/components/classrooms-header/ClassroomsHeader.tsx","file:///app/packages/projects/lite/src/apps/classrooms/components/open-classrooms-table/OpenClassroomsTable.tsx","file:///app/packages/projects/lite/src/apps/classrooms/views/open-classrooms/OpenClassroomsView.tsx","file:///app/packages/projects/lite/src/apps/my-shares/components/my-shares-demo-insight/my-shares-demo-insights.scss","file:///app/packages/projects/lite/src/apps/my-shares/components/my-shares-demo-insight/MySharesDemoInsight.tsx","file:///app/packages/projects/lite/src/apps/my-shares/constants/DemoInsights.ts","file:///app/packages/libs/shared/src/components/pill-tab-selector/pill-tab-selector.scss"],"sourcesContent":["import React from 'react';\n\nimport { Core } from 'libs/common/core';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { AnalyticsOptions } from 'libs/analytics/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { Badge, BadgeType } from 'libs/shared/components/badges/Badge';\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\n\nimport { SvgContainer } from '../svg-container/SvgContainer';\n\nimport styles from './pill-tab-selector.scss';\n\ninterface TabContentsProps {\n tab: PillTab;\n}\n\nfunction TabContents(props: TabContentsProps): JSX.Element {\n return (\n <>\n {!!props.tab.svgName && (\n <div className={props.tab.name ? 'pe-1' : ''}>\n <SvgContainer svgName={props.tab.svgName} />\n </div>\n )}\n\n {props.tab.name}\n\n {typeof (props.tab.count) === 'number' && (\n <div className='ps-2'>\n <Badge type={BadgeType.Count} data={props.tab.count} />\n </div>\n )}\n </>\n );\n}\n\nexport interface PillTab {\n name: string;\n active: boolean;\n svgName?: string;\n\n className?: string;\n\n appLink?: Core.AppLink;\n onSelect?: () => void;\n\n analyticsData?: HashObject;\n analyticsOptions?: AnalyticsOptions;\n\n count?: number;\n}\n\ninterface PillTabSelectorProps {\n tabs: PillTab[];\n containerRef?: (el: HTMLElement) => void;\n listClassName?: string;\n className?: string;\n borderRadius?: 'sm' | 'lg'\n}\n\nPillTabSelector.defaultProps = {\n borderRadius: 'lg'\n};\n\nexport function PillTabSelector(props: PillTabSelectorProps): JSX.Element {\n function onSelectTab(tab: PillTab): void {\n if (tab.active || !tab.onSelect)\n return;\n\n tab.onSelect();\n\n if (tab.analyticsData && tab.analyticsOptions)\n AnalyticsHelper.logUserAction(tab.analyticsData, tab.analyticsOptions);\n }\n\n return (\n <nav className={props.className ?? ''} ref={props.containerRef}>\n <ul className={`\n list-unstyled d-inline-block m-0 ${styles.pillTabSelector}\n ${props.borderRadius ? styles.radiusSmall : ''}\n ${props.listClassName}\n `}>\n {props.tabs.map((tab, index) => {\n return (\n <li\n className={`\n p-0 ${styles.tab} ${tab.active ? 'btn btn-dark' : 'btn btn-outline-dark'}\n ${tab.name ? styles.minWidth : ''} ${tab.className}\n `}\n key={index}\n >\n {tab.appLink ? (\n <AppLink\n appLink={tab.appLink}\n analyticsData={tab.analyticsData}\n analyticsOptions={tab.analyticsOptions}\n className={`\n cursor-pointer d-flex align-items-center justify-content-center\n text-decoration-none text-reset px-2 text-nowrap ${styles.tabLink}\n `}\n >\n <TabContents tab={tab} />\n </AppLink>\n ) : (\n <DivButton\n className={`\n cursor-pointer d-flex align-items-center justify-content-center\n text-decoration-none text-reset px-2 text-nowrap ${styles.tabLink}\n `}\n onClick={() => onSelectTab(tab)}\n >\n <TabContents tab={tab} />\n </DivButton>\n )}\n </li>\n );\n })}\n </ul>\n </nav>\n );\n}\n","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nconst namespace = 'rostering.alert';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface RosteringAlertProps {\n type?: 'classroom' | 'general';\n}\n\nexport function RosteringAlert(props: RosteringAlertProps) {\n const text = props.type === 'classroom' ? getPhrase('classroom') : getPhrase('hasRostering');\n\n return (\n <div className='alert text-info bg-light-blue px-2 rounded-3 fw-semibold py-2 d-flex flex-wrap'>\n {text}&nbsp;\n {/* todo add it back when KB article link is ready */}\n {/* <ExternalLink\n className='text-info text-underline'\n href={''}\n newTab\n >\n {LanguageService.getPhrase(namespace, 'learnMore')}\n </ExternalLink> */}\n </div>\n );\n}","export enum BatchJobStatus {\n Submitted = 0,\n Queued = 1,\n Pending = 2,\n InProgress = 3,\n Completed = 4,\n CompletedWithError = 5,\n Failed = 6\n}","import { HttpVerbs } from 'libs/common/backbone/enums/HttpVerbs';\nimport { UrlHelper } from 'libs/common/backbone/utils/UrlHelper';\nimport { Flight } from 'libs/common/flight';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { BulkJobsQueryParams } from 'libs/shared/components/bulk-jobs-filters/BulkJobsFilters';\nimport { BatchJobStatus } from 'libs/shared/enums/BatchJobStatus';\nimport { BatchJobType } from 'libs/shared/enums/BatchJobType';\nimport { BatchJob, ScheduleSettingRequest } from 'libs/shared/interfaces';\nimport { CreateBatchJobRequest } from 'libs/shared/interfaces';\n\nexport const RosteringRequests = {\n getRostering(): Flight.Request {\n return {\n url: `{gateway}/v1/users/me/rostering`,\n key: `rostering`\n };\n },\n\n getSyncList(queryParams: BulkJobsQueryParams): Flight.Request {\n const params: HashObject = {};\n if (queryParams.cursor)\n params.cursor = queryParams.cursor;\n\n if (queryParams.sort) {\n if (queryParams.sort === 'oldest')\n params.order = 'ASC';\n else\n params.order = 'DESC';\n }\n\n if (queryParams.jobStatus) {\n const statuses = [];\n if (queryParams.jobStatus.includes('completed')) {\n statuses.push(...[ BatchJobStatus.Completed, BatchJobStatus.CompletedWithError ]);\n }\n if (queryParams.jobStatus.includes('failed')) {\n statuses.push(BatchJobStatus.Failed);\n }\n if (queryParams.jobStatus.includes('inProgress')) {\n statuses.push(...[\n BatchJobStatus.Submitted,\n BatchJobStatus.Queued,\n BatchJobStatus.Pending,\n BatchJobStatus.InProgress ]);\n }\n params.status = statuses;\n }\n\n params.type = BatchJobType.Rostering;\n\n return {\n url: UrlHelper.urlBuilder('{gateway}/v1/batch/jobs', params),\n key: `rostering:sync:${queryParams.cursor}:${queryParams.sort}:${queryParams.jobStatus}`\n };\n },\n\n createJob(\n data: CreateBatchJobRequest,\n success?: (job: BatchJob) => void,\n error?: () => void\n ): Flight.Request {\n return {\n url: '{gateway}/v1/batch/jobs',\n key: 'rostering:sync',\n type: HttpVerbs.POST,\n invalidationKeys: ['rostering:sync'],\n data,\n success,\n error\n };\n },\n\n getJobSummary(id: string): Flight.Request {\n return {\n url: `{gateway}/v1/batch/jobs/${id}/summary`,\n key: `job:summary:${id}`\n };\n },\n\n getSyncScheduleSettings(integrationId: string): Flight.SimulatedRequest {\n return {\n url: `{gateway}/v1/rostering/${integrationId}/schedule`,\n key: `sync-settings:${integrationId}`\n };\n },\n\n updateScheduleSetting(\n data: ScheduleSettingRequest,\n integrationId: string,\n success?: () => void,\n error?: () => void,\n always?: () => void\n ): Flight.Request {\n return {\n type: HttpVerbs.PUT,\n url: `{gateway}/v1/rostering/${integrationId}/schedule`,\n key: `update:sync-settings:${data.customerId}:${integrationId}`,\n invalidationKeys: [`sync-settings:${integrationId}`],\n data,\n success,\n error,\n always\n };\n }\n};","// extracted by mini-css-extract-plugin\nexport default {\"searchContainer\":\"rwTB7\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { ActionOptions, Actions as ActionButton } from 'libs/shared/components/actions/Actions';\nimport { PillTab, PillTabSelector } from 'libs/shared/components/pill-tab-selector/PillTabSelector';\nimport { RosteringAlert } from 'libs/shared/components/rostering/rostering-alert/RosteringAlert';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nimport styles from './classrooms-header.scss';\n\nconst namespace = 'classrooms.classroomsHeader';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface ClassroomsHeaderProps {\n activeTab: 'overview' | 'classrooms' | 'open-classrooms';\n hideTabs?: boolean;\n actions?: ActionOptions[];\n searchBar?: React.ReactNode;\n hasRostering: boolean;\n hasShareFlowV2: boolean;\n}\n\nexport function ClassroomsHeader(props: ClassroomsHeaderProps): JSX.Element {\n const breakpoints = useBreakpoints();\n const isMobile = breakpoints.xs || breakpoints.sm;\n \n const tabs: PillTab[] = [];\n\n if (props.hasShareFlowV2) {\n tabs.push({\n name: getPhrase('overviewTab'),\n appLink: {\n application: AppChannels.CLASSROOMS,\n action: Actions.Classrooms.HOME\n },\n active: props.activeTab === 'overview'\n });\n \n tabs.push({\n name: getPhrase('classroomsTab'),\n appLink: {\n application: AppChannels.CLASSROOMS,\n action: Actions.Classrooms.VIEW_ALL\n },\n active: props.activeTab === 'classrooms'\n });\n \n tabs.push({\n name: getPhrase('openClassroomsTab'),\n appLink: {\n application: AppChannels.CLASSROOMS,\n action: Actions.Classrooms.OPEN_CLASSROOMS\n },\n active: props.activeTab === 'open-classrooms'\n });\n }\n\n const hideTabs = props.hideTabs || tabs.length === 1;\n\n return (\n <div>\n {!!props.hasRostering && (\n <div className='my-3'>\n <RosteringAlert type='general' />\n </div>\n )}\n\n <div className='d-flex align-items-center mb-3'>\n <h1 className='flex-fill h2 me-3 my-1'><Text namespace={namespace} phrase='heading' /></h1>\n\n <div className='d-flex'>\n {props.searchBar && !isMobile && (\n <div className={`${styles.searchContainer} d-flex mb-2 mb-sm-0 me-2`}>\n {props.searchBar}\n </div>\n )}\n\n <ActionButton\n actions={props.actions ?? []}\n actionsDropdownClassName='btn btn-outline-dark'\n />\n </div>\n </div>\n\n {!hideTabs && (\n <div className='mb-3'>\n <PillTabSelector tabs={tabs} />\n </div>\n )}\n\n {isMobile && props.searchBar ? (\n <div className='mb-3'>\n {props.searchBar}\n </div>\n ) : null}\n </div>\n );\n}","import React from 'react';\n\nimport { InfiniteScrollFooter } from 'libs/shared/components/infinite-scroll-footer/InfiniteScrollFooter';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { Breakpoints } from 'libs/shared/hooks/useBreakpoints';\nimport { HasPermissionsFunc } from 'libs/shared/hooks/usePermissions';\nimport { YearGroup } from 'libs/shared/interfaces';\n\nimport { useSharesTable } from 'shared/hooks/useSharesTable';\n\nimport { MySharesTableEmptyState } from 'apps/my-shares/components/my-shares-table/empty-state/MySharesTableEmptyState';\nimport { MySharesTable } from 'apps/my-shares/components/my-shares-table/MySharesTable';\nimport { PartialMySharesTable } from 'apps/my-shares/components/my-shares-table/partial-loading/PartialMySharesTable';\nimport { getShareObjectActions, getSharesParams } from 'apps/my-shares/views/my-shares/MySharesViewUtils';\n\ninterface OpenClassroomsTableProps {\n shareData: ReturnType<typeof useSharesTable>;\n hasShareFlowV2: boolean;\n hasPermissions: HasPermissionsFunc;\n breakpoints: Breakpoints;\n isPlugin: boolean;\n imageCdnUrl: string;\n yearGroups: YearGroup[];\n hasDemoInsight?: boolean;\n\n emptyState?: () => JSX.Element;\n loadingState?: () => JSX.Element;\n\n className?: string;\n loading?: boolean;\n}\n\nexport function OpenClassroomsTable(props: OpenClassroomsTableProps) {\n const hasInsightsPermission = props.hasShareFlowV2 && props.hasPermissions(PermissionName.ViewInsights);\n const sharesParams = getSharesParams([]);\n\n const LoadingComponent = props.loadingState ?? PartialMySharesTable;\n const EmptyStateComponent = props.emptyState ?? MySharesTableEmptyState;\n \n if (props.loading || props.shareData.showPartialLoading)\n return <LoadingComponent />;\n\n if (!props.shareData.sentShares.length)\n return <EmptyStateComponent />;\n\n return (\n <div className={props.className}>\n <MySharesTable\n sentShares={props.shareData.sentShares}\n sharedObjects={props.shareData.sharedObjects.items}\n shareRecipients={props.shareData.shareRecipients.items}\n interactivesPendingReview={props.shareData.interactivesPendingReview.itemsArr}\n getObjectActions={row => getShareObjectActions({\n share: row.share,\n sharedObject: row.sharedObject,\n audienceParams: sharesParams.audienceAppLinkParams,\n hasInsights: hasInsightsPermission,\n isPlugin: props.isPlugin,\n breakpoints: props.breakpoints\n })}\n groupByDateShared\n breakpoints={props.breakpoints}\n imageCdnUrl={props.imageCdnUrl}\n yearGroups={props.yearGroups}\n hasDemoInsights={props.hasDemoInsight}\n />\n {(props.shareData.hasMore || props.shareData.isFetching) &&\n <InfiniteScrollFooter\n isFetching={props.shareData.isFetching}\n fetchNext={props.shareData.fetchNext}\n nextCursor={props.shareData.nextCursor}\n />\n }\n </div>\n );\n}","import React from 'react';\n\nimport { AppLinkHelper } from 'libs/common/backbone/core';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\n\nimport { ShareType } from 'libs/shared/apps/share-v2/enums/ShareType';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { InsightsDemoRequests } from 'libs/shared/flight-requests/InsightsDemoRequests';\nimport { RosteringRequests } from 'libs/shared/flight-requests/RosteringRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { useSettings } from 'libs/shared/hooks/useSettings';\nimport { Config, CurrentUser, InteractiveMetadata, RosteringResponse, YearGroup } from 'libs/shared/interfaces';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { usePluginHelper } from 'shared/hooks/use-plugin-helper/usePluginHelper';\nimport { useClassroomExperience } from 'shared/hooks/useClassroomExperience';\nimport { useSharesTable } from 'shared/hooks/useSharesTable';\n\nimport { ClassroomsHeader } from 'apps/classrooms/components/classrooms-header/ClassroomsHeader';\nimport { OpenClassroomsTable } from 'apps/classrooms/components/open-classrooms-table/OpenClassroomsTable';\nimport { MySharesDemoInsight } from 'apps/my-shares/components/my-shares-demo-insight/MySharesDemoInsight';\n\nconst namespace = 'classrooms.openClassrooms';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport function OpenClassroomsView(): JSX.Element {\n const breakpoints = useBreakpoints();\n const { hasPermissions } = usePermissions();\n const { hasShareFlowV2 } = useSettings(null);\n const { isPlugin } = usePluginHelper();\n const { experience, loading } = useClassroomExperience();\n \n const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n const rostering = Flight.useBasicFetch<RosteringResponse>(RosteringRequests.getRostering());\n const hasRostering = rostering.data?.status && rostering.data.status !== 'None';\n const yearGroups = Flight.useBasicFetch<YearGroup[]>(\n currentUser.data?.isAuthenticated && CustomerRequests.yearGroups(currentUser.data.customerId)\n );\n const demoInteractive = Flight.useBasicFetch<InteractiveMetadata>(\n InsightsDemoRequests.interactiveMetadata()\n );\n const shareData = useSharesTable({\n interactiveInsights: true,\n shouldFetch: hasShareFlowV2,\n params: {\n type: [ShareType.Open]\n }\n });\n\n useSetPageMetadata({ title: getPhrase('pageTitle') });\n\n if (!loading && experience === 'minimal') {\n AppLinkHelper.trigger({\n application: AppChannels.CLASSROOMS,\n action: Actions.Classrooms.HOME\n });\n return <></>;\n }\n\n const loaded = !!config.data\n && !!demoInteractive.data\n && !!yearGroups.data\n && !!rostering.hasCompleted\n && !loading;\n\n return (\n <div className='px-3'>\n <ClassroomsHeader\n actions={[]}\n activeTab='open-classrooms'\n hasRostering={hasRostering}\n hasShareFlowV2={hasShareFlowV2}\n />\n\n <OpenClassroomsTable\n loading={!loaded}\n shareData={shareData}\n hasShareFlowV2={hasShareFlowV2}\n hasPermissions={hasPermissions}\n breakpoints={breakpoints}\n isPlugin={isPlugin}\n imageCdnUrl={config.data?.imageCdnUrl}\n yearGroups={yearGroups.data}\n className='mt-3'\n emptyState={() => (\n <MySharesDemoInsight\n heading={getPhrase('demoHeading')}\n demoInteractive={demoInteractive.data}\n breakpoints={breakpoints}\n imageCdnUrl={config.data?.imageCdnUrl}\n yearGroups={yearGroups.data}\n className='mt-3'\n shareType={ShareType.Open}\n />\n )}\n />\n \n </div>\n );\n}","// extracted by mini-css-extract-plugin\nexport default {\"background\":\"HAuP3\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { ShareType } from 'libs/shared/apps/share-v2/enums/ShareType';\nimport { Breakpoints } from 'libs/shared/hooks/useBreakpoints';\nimport { InteractiveMetadata, YearGroup } from 'libs/shared/interfaces';\n\nimport { MySharesTableHeading, MySharesTableRow } from 'apps/my-shares/components/my-shares-table-row/MySharesTableRow';\nimport { DEMO_INTERACTIVE_ID } from 'apps/my-shares/constants/DemoInsights';\nimport { DEMO_INSIGHTS_ACTION, DEMO_INSIGHTS_APPLINK, DEMO_INSIGHTS_OPEN_CLASSROOM_APPLINK, DEMO_INSIGHTS_OPEN_CLASSROOM_SHARE_TABLE_DATA, DEMO_INSIGHTS_SHARE_TABLE_DATA } from 'apps/my-shares/constants/MySharesDemoInsights';\n\nimport { MySharesTableData } from '../my-shares-table/MySharesTableUtils';\n\nimport styles from './my-shares-demo-insights.scss';\n\nconst namespace = 'myShares.demoInsights';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface MySharesDemoInsightProps {\n demoInteractive: InteractiveMetadata;\n imageCdnUrl: string;\n yearGroups: YearGroup[];\n breakpoints: Breakpoints;\n className?: string;\n heading?: string;\n shareType?: ShareType;\n}\n\nexport function MySharesDemoInsight(props: MySharesDemoInsightProps) {\n const isMobile = props.breakpoints.xs || props.breakpoints.sm;\n\n const appLink = props.shareType === ShareType.Open ? DEMO_INSIGHTS_OPEN_CLASSROOM_APPLINK : DEMO_INSIGHTS_APPLINK;\n\n function getDemoInteractive() {\n return {\n ...props.demoInteractive,\n id: DEMO_INTERACTIVE_ID\n };\n }\n\n function getObjectActions() {\n return [\n {\n ...DEMO_INSIGHTS_ACTION,\n button: !isMobile,\n appLink\n }\n ];\n }\n\n const demoShareTableData = props.shareType === ShareType.Open\n ? DEMO_INSIGHTS_OPEN_CLASSROOM_SHARE_TABLE_DATA\n : DEMO_INSIGHTS_SHARE_TABLE_DATA;\n\n const shareData: MySharesTableData = {\n ...demoShareTableData,\n sharedObject: getDemoInteractive()\n };\n\n return (\n <div className={props.className}>\n <MySharesTableHeading heading={props.heading ?? getPhrase('demoHeading')} isFirst={true} />\n\n <div className={`${styles.background} rounded-3 mb-4`}>\n <MySharesTableRow\n shareData={shareData}\n getObjectActions={getObjectActions}\n imageCdnUrl={props.imageCdnUrl}\n yearGroups={props.yearGroups}\n breakpoints={props.breakpoints}\n className='bg-light-orange'\n appLink={(() => appLink)}\n />\n </div>\n </div>\n );\n}","export const DEMO_INTERACTIVE_ID = 'GRWx6w';","// extracted by mini-css-extract-plugin\nexport default {\"pillTabSelector\":\"Hdi6o\",\"tab\":\"RvNxr\",\"minWidth\":\"GHSz9\",\"radiusSmall\":\"VhJJa\",\"tabLink\":\"WFyvo\"};"],"names":["TabContents","props","tab","svgName","className","name","count","type","data","PillTabSelector","ref","containerRef","borderRadius","listClassName","tabs","map","index","active","key","appLink","analyticsData","analyticsOptions","onClick","onSelect","onSelectTab","defaultProps","getPhrase","RosteringAlert","text","BatchJobStatus","RosteringRequests","getRostering","url","getSyncList","queryParams","params","cursor","sort","order","jobStatus","statuses","includes","push","status","createJob","success","error","invalidationKeys","getJobSummary","id","getSyncScheduleSettings","integrationId","updateScheduleSetting","always","customerId","namespace","LanguageService","ClassroomsHeader","breakpoints","useBreakpoints","isMobile","xs","sm","hasShareFlowV2","application","action","activeTab","hideTabs","length","hasRostering","Text","phrase","searchBar","actions","actionsDropdownClassName","OpenClassroomsTable","hasInsightsPermission","hasPermissions","sharesParams","LoadingComponent","loadingState","EmptyStateComponent","emptyState","loading","shareData","showPartialLoading","sentShares","sharedObjects","items","shareRecipients","interactivesPendingReview","itemsArr","getObjectActions","row","share","sharedObject","audienceParams","audienceAppLinkParams","hasInsights","isPlugin","groupByDateShared","imageCdnUrl","yearGroups","hasDemoInsights","hasDemoInsight","hasMore","isFetching","fetchNext","nextCursor","OpenClassroomsView","experience","currentUser","config","rostering","isAuthenticated","demoInteractive","interactiveInsights","shouldFetch","title","loaded","hasCompleted","heading","shareType","MySharesDemoInsight","ShareType","demoShareTableData","isFirst","MySharesTableRow","button","DEMO_INTERACTIVE_ID"],"sourceRoot":""}
@@ -0,0 +1,2 @@
1
+ "use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[4598],{18006:(e,a,t)=>{t.d(a,{A:()=>r});var r="GRWx6w"},44183:(e,a,t)=>{t.r(a),t.d(a,{InsightsHeatmapDemoView:()=>B});var r=t(32735),n=t(23481),i=t(2948),s=t(20354),c=t(26025),d=t(2510),l=t(60051),o=t(39151),u=t(54405),v=t(47812),p=t(31949),g=t(93322),m=t(79612),f=t(86702),h=t(9540),y=t(17132),b=t(18006),w=t(9566),A=t(10447);function k(e,a){(null==a||a>e.length)&&(a=e.length);for(var t=0,r=Array(a);t<a;t++)r[t]=e[t];return r}var j=n.T.encloseNamespace("shared.insightsHeatmap");function B(e){var a,t,n,B,O,S,F,E=(S=(0,i.D)(f.y.ANONYMISE_USERS),F=1,function(e){if(Array.isArray(e))return e}(S)||function(e,a){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,n,i,s,c=[],d=!0,l=!1;try{if(i=(t=t.call(e)).next,0===a){if(Object(t)!==t)return;d=!1}else for(;!(d=(r=i.call(t)).done)&&(c.push(r.value),c.length!==a);d=!0);}catch(e){l=!0,n=e}finally{try{if(!d&&null!=t.return&&(s=t.return(),Object(s)!==s))return}finally{if(l)throw n}}return c}}(S,F)||function(e,a){if(e){if("string"==typeof e)return k(e,a);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?k(e,a):void 0}}(S,F)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[0];(0,g.F)();var D=s.a.useBasicFetch(p.N.currentUser()),I=s.a.useBasicFetch(u.X.interactiveMetadata()),L=s.a.useBasicFetch(o.L.config()),R=c.B.getAudienceAppLinkParams(),_=c.B.getDateRangeAppLinkParams(),G=s.a.useBasicFetch(u.X.aggregateHeatmap()),N=s.a.useBasicFetch(u.X.individualHeatmap()),X=s.a.useBasicFetch(u.X.users()),C=s.a.useBasicFetch(u.X.videoViews()),H=s.a.useBasicFetch(I.data&&v.k.createViewKey(b.A,l.f.Share));(0,m.M)({title:I.data?j("pageTitle",{video:null===(a=I.data)||void 0===a?void 0:a.name}):null});var M=!!(D.data&&C.data&&I.data&&G.data&&H.data&&X.data),U=!!N.data,x=Object.assign(Object.assign({},R),_),P=e.type===d.y.Open?w._w:w.G6;return r.createElement("div",{className:"px-3"},r.createElement(h.j,{video:I.data,tabs:(0,A.aq)(null===(t=I.data)||void 0===t?void 0:t.id,"heatmap",x,e.type),dateRangeAppLinkParams:_,share:Object.assign(Object.assign({},P),{objectId:null===(n=I.data)||void 0===n?void 0:n.id}),yearGroups:[],markingRequired:e.type!==d.y.Open,isDemo:!0}),r.createElement(y.w,{aggregateEngagement:G.data,individualEngagement:null===(B=N.data)||void 0===B?void 0:B.data,yearGroups:null===(O=C.data)||void 0===O?void 0:O.yearGroupCount,config:L.data,users:X.data,viewKey:H.data,hasDataLoaded:M,tableDataLoaded:U,anonymiseUsers:E,hideStaffResults:!1}))}}}]);
2
+ //# sourceMappingURL=4598-fefc759cdf-lite.chunk.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"scripts/4598-fefc759cdf-lite.chunk.js","mappings":"oIAAO,IAAMA,EAAsB,Q,uXC2BnC,IACMC,EAAY,qBADA,0BAOZ,SAAUC,EAAwBC,G,kBAC/BC,G,GAAkB,OAAsB,qB,EAA8B,E,o4BAAxD,IAErB,SAEA,IAAMC,EAAc,kBAAkC,mBAChDC,EAAQ,kBACZ,2BAGIC,EAAS,kBAA6B,cAEtCC,EAAwB,+BACxBC,EAAyB,gCAEzBC,EAAsB,kBAC1B,wBAGIC,EAAuB,kBAC3B,yBAGIC,EAAQ,kBAAiC,aAEzCC,EAAa,kBAA6C,kBAE1DC,EAAU,kBAAoCR,EAAMS,MACxD,kBAA6B,IAAqB,aAEpD,OAAmB,CAAEC,MAAOV,EAAMS,KAAOd,EAAU,YAAa,CAAEK,MAAiB,QAAV,EAAAA,EAAMS,YAAI,eAAEE,OAAU,OAE/F,IAAMC,KACFb,EAAYU,MACZF,EAAWE,MACXT,EAAMS,MACNL,EAAoBK,MACpBD,EAAQC,MACRH,EAAMG,MAEJI,IAAoBR,EAAqBI,KAEzCK,EAAS,OAAH,wBACPZ,GACAC,GAGCY,EAAQlB,EAAMmB,OAAS,SAAiB,KAAqC,KAEnF,OACE,uBAAKC,UAAU,QACb,gBAAC,IAAc,CACbjB,MAAOA,EAAMS,KACbS,MAAM,QAAyC,QAAV,EAAAlB,EAAMS,YAAI,eAAEU,GAAI,UAAWL,EAAQjB,EAAMmB,MAC9Eb,uBAAwBA,EACxBY,MAAK,+BACAA,GAAK,CACRK,SAAoB,QAAV,EAAApB,EAAMS,YAAI,eAAEU,KAExBE,WAAY,GACZC,gBAAiBzB,EAAMmB,OAAS,SAChCO,QAAM,IAGR,gBAAC,IAAe,CACdnB,oBAAqBA,EAAoBK,KACzCJ,qBAA+C,QAAzB,EAAAA,EAAqBI,YAAI,eAAEA,KACjDY,WAA2B,QAAf,EAAAd,EAAWE,YAAI,eAAEe,eAC7BvB,OAAQA,EAAOQ,KACfH,MAAOA,EAAMG,KACbD,QAASA,EAAQC,KACjBG,cAAeA,EACfC,gBAAiBA,EACjBf,eAAgBA,EAChB2B,kBAAkB,IAI1B,C","sources":["file:///app/packages/projects/lite/src/apps/my-shares/constants/DemoInsights.ts","file:///app/packages/projects/lite/src/apps/my-shares/views/demo/heatmap/InsightsHeatmapDemoView.tsx"],"sourcesContent":["export const DEMO_INTERACTIVE_ID = 'GRWx6w';","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\nimport { Flight } from 'libs/common/react/index';\n\nimport { VideoViewEventResponse } from 'libs/shared/apps/analytics/interfaces/VideoViewEvent';\nimport { AnalyticsFilterHelper } from 'libs/shared/apps/analytics/utils/AnalyticsFilterUtils';\nimport { ShareType } from 'libs/shared/apps/share-v2/enums/ShareType';\nimport { MediaIdType } from 'libs/shared/enums/MediaIdType';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { InsightsDemoRequests } from 'libs/shared/flight-requests/InsightsDemoRequests';\nimport { PlayerRequests } from 'libs/shared/flight-requests/PlayerRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useLockContentWidth } from 'libs/shared/hooks/useLockContentWidth';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { Config, CurrentUser, Engagement, IndividualEngagementResponse, InteractiveMetadata, PlayerViewKey } from 'libs/shared/interfaces';\nimport { AnonUser } from 'libs/shared/interfaces/models/interactive-results/AnonUser';\n\nimport { ViewModelKeys } from 'shared/constants/LiteViewModels';\n\nimport { InsightsHeader } from 'apps/my-shares/components/insights-header/InsightsHeader';\nimport { InsightsHeatmap } from 'apps/my-shares/components/insights-heatmap/InsightsHeatmap';\nimport { DEMO_INTERACTIVE_ID } from 'apps/my-shares/constants/DemoInsights';\nimport { DEMO_INSIGHTS_OPEN_CLASSROOM_SHARE, DEMO_INSIGHTS_SHARE } from 'apps/my-shares/constants/MySharesDemoInsights';\nimport { getInsightsDemoInteractiveTabs } from 'apps/my-shares/utils/InsightsAppLinkUtils';\n\nconst namespace = 'shared.insightsHeatmap';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface InsightsHeatmapDemoViewProps {\n type?: ShareType;\n}\n\nexport function InsightsHeatmapDemoView(props: InsightsHeatmapDemoViewProps) {\n const [anonymiseUsers] = useViewModel<boolean>(ViewModelKeys.ANONYMISE_USERS);\n\n useLockContentWidth();\n\n const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n const video = Flight.useBasicFetch<InteractiveMetadata>(\n InsightsDemoRequests.interactiveMetadata()\n );\n\n const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n\n const audienceAppLinkParams = AnalyticsFilterHelper.getAudienceAppLinkParams();\n const dateRangeAppLinkParams = AnalyticsFilterHelper.getDateRangeAppLinkParams();\n\n const aggregateEngagement = Flight.useBasicFetch<Engagement>(\n InsightsDemoRequests.aggregateHeatmap()\n );\n\n const individualEngagement = Flight.useBasicFetch<IndividualEngagementResponse>(\n InsightsDemoRequests.individualHeatmap()\n );\n\n const users = Flight.useBasicFetch<AnonUser[]>(InsightsDemoRequests.users());\n\n const videoViews = Flight.useBasicFetch<VideoViewEventResponse>(InsightsDemoRequests.videoViews());\n\n const viewKey = Flight.useBasicFetch<PlayerViewKey>(video.data &&\n PlayerRequests.createViewKey(DEMO_INTERACTIVE_ID, MediaIdType.Share));\n\n useSetPageMetadata({ title: video.data ? getPhrase('pageTitle', { video: video.data?.name }) : null });\n\n const hasDataLoaded =\n !!currentUser.data &&\n !!videoViews.data &&\n !!video.data &&\n !!aggregateEngagement.data &&\n !!viewKey.data &&\n !!users.data;\n\n const tableDataLoaded = !!individualEngagement.data;\n\n const params = {\n ...audienceAppLinkParams,\n ...dateRangeAppLinkParams\n };\n\n const share = props.type === ShareType.Open ? DEMO_INSIGHTS_OPEN_CLASSROOM_SHARE : DEMO_INSIGHTS_SHARE;\n\n return (\n <div className='px-3'>\n <InsightsHeader\n video={video.data}\n tabs={getInsightsDemoInteractiveTabs(video.data?.id, 'heatmap', params, props.type)}\n dateRangeAppLinkParams={dateRangeAppLinkParams}\n share={{\n ...share,\n objectId: video.data?.id\n }}\n yearGroups={[]}\n markingRequired={props.type !== ShareType.Open}\n isDemo\n />\n\n <InsightsHeatmap\n aggregateEngagement={aggregateEngagement.data}\n individualEngagement={individualEngagement.data?.data}\n yearGroups={videoViews.data?.yearGroupCount}\n config={config.data}\n users={users.data}\n viewKey={viewKey.data}\n hasDataLoaded={hasDataLoaded}\n tableDataLoaded={tableDataLoaded}\n anonymiseUsers={anonymiseUsers}\n hideStaffResults={false}\n />\n </div>\n );\n}"],"names":["DEMO_INTERACTIVE_ID","getPhrase","InsightsHeatmapDemoView","props","anonymiseUsers","currentUser","video","config","audienceAppLinkParams","dateRangeAppLinkParams","aggregateEngagement","individualEngagement","users","videoViews","viewKey","data","title","name","hasDataLoaded","tableDataLoaded","params","share","type","className","tabs","id","objectId","yearGroups","markingRequired","isDemo","yearGroupCount","hideStaffResults"],"sourceRoot":""}
@@ -0,0 +1,2 @@
1
+ "use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[7617],{99746:(e,a,t)=>{t.d(a,{p:()=>p});var n=t(32735),r=t(57900),s=t(97395),i=t(2948),c=t(91693),l=t(83345),o=t(4594),m=t(35223),u=t(86702);function d(e,a){(null==a||a>e.length)&&(a=e.length);for(var t=0,n=Array(a);t<a;t++)n[t]=e[t];return n}var h="lite.insightsAdminAlert";function p(e){var a,t,p=(a=(0,i.D)(u.y.INSIGHTS_ADMIN_ALERT,!0,{storage:r.Z1.LocalStorage}),t=2,function(e){if(Array.isArray(e))return e}(a)||function(e,a){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,r,s,i,c=[],l=!0,o=!1;try{if(s=(t=t.call(e)).next,0===a){if(Object(t)!==t)return;l=!1}else for(;!(l=(n=s.call(t)).done)&&(c.push(n.value),c.length!==a);l=!0);}catch(e){o=!0,r=e}finally{try{if(!l&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(o)throw r}}return c}}(a,t)||function(e,a){if(e){if("string"==typeof e)return d(e,a);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?d(e,a):void 0}}(a,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),g=p[0],y=p[1];return e.hasAnalytics&&g?n.createElement("div",{role:"alert",className:"d-flex justify-content-between align-items-center bg-light-blue rounded p-2 mb-4"},n.createElement("div",null,n.createElement(l.x,{namespace:h,phrase:"adminAlert"}),n.createElement("a",{className:"text-info",href:function(){if(!e.video)return e.analyticsUrl;var a="";return e.video.typeId===o.E.Interactive&&(a="/interactives/".concat(e.video.id,"/views")),e.video.typeId===o.E.Video&&(a="/videos/".concat(e.video.id,"/views")),e.video.typeId===o.E.Clip&&(a="/clips/".concat(e.video.id,"/views")),s._.safeUrlConcat(e.analyticsUrl,a)}(),target:"_blank"},n.createElement(l.x,{namespace:h,phrase:"analytics"})),"."),n.createElement(c.h,{svgName:m.vn.Close,className:"text-blue",onClick:function(){y(!1)}})):n.createElement(n.Fragment,null)}},22767:(e,a,t)=>{t.d(a,{l:()=>u});var n=t(32735),r=t(23481),s=t(2510),i=t(55219),c=t(18006),l=t(9566);const o={background:"HAuP3"};var m=r.T.encloseNamespace("myShares.demoInsights");function u(e){var a,t=e.breakpoints.xs||e.breakpoints.sm,r=e.shareType===s.y.Open?l.po:l.vJ,u=e.shareType===s.y.Open?l.$Z:l.GJ,d=Object.assign(Object.assign({},u),{sharedObject:Object.assign(Object.assign({},e.demoInteractive),{id:c.A})});return n.createElement("div",{className:e.className},n.createElement(i.g,{heading:null!==(a=e.heading)&&void 0!==a?a:m("demoHeading"),isFirst:!0}),n.createElement("div",{className:"".concat(o.background," rounded-3 mb-4")},n.createElement(i.F,{shareData:d,getObjectActions:function(){return[Object.assign(Object.assign({},l.VE),{button:!t,appLink:r})]},imageCdnUrl:e.imageCdnUrl,yearGroups:e.yearGroups,breakpoints:e.breakpoints,className:"bg-light-orange",appLink:function(){return r}})))}},18006:(e,a,t)=>{t.d(a,{A:()=>n});var n="GRWx6w"},49243:(e,a,t)=>{t.r(a),t.d(a,{MySharesView:()=>D});var n=t(32735),r=t(81886),s=t(23481),i=t(20354),c=t(2510),l=t(15611),o=t(87801),m=t(83345),u=t(16714),d=t(39151),h=t(1666),p=t(54405),g=t(31949),y=t(25882),v=t(79967),b=t(22902),f=t(79612),E=t(37802),S=t(14070),k=t(97291),C=t(46390),I=t(99998),w=t(98623),A=t(99746),O=t(22767),N=t(67467),x=t(5056),L=t(28001),j=t(65858),U=t(97958),P=t(99742),F="myShares.mySharesEmptyState",M=s.T.encloseNamespace(F);function T(){return n.createElement(U.u,null,n.createElement(U.u.Image,{src:P.W.EmptyStates.MY_VIDEOS_PUBLIC,altText:M("heading")}),n.createElement(U.u.Heading,null,n.createElement(m.x,{namespace:F,phrase:"heading"})),n.createElement(U.u.Info,null,n.createElement(m.x,{namespace:F,phrase:"info"})),n.createElement(U.u.Cta,{text:s.T.getPhrase(F,"cta"),appLink:{application:k.O.SIGN_UP,action:S.e.SignUp.SIGN_UP},analyticsData:{},analyticsOptions:{actionType:j.Vw.Click,location:j.LZ.MySharesLanding,entity:j.py.AppLink,workflowPhase:j.eu.Start,descriptor:j.Yu.SignUp}}))}var _=t(69003),G="myShares.myShares",V=s.T.encloseNamespace(G);function D(e){var a,t,s;(0,f.M)({title:V("myShares")});var j=(0,b.T)(),U=j.hasPermissions,P=j.hasLocalPermissions,F=(0,E.r)(null),M=F.hasShareFlowV2,D=F.hasClassrooms,R=(0,C.G)().isPlugin,B=(0,v.k)(),H=(0,y.v)().accessPolicy,W=(0,I.R)().experience,Z=(0,_.cl)(e.typeId),J=!P(u.E.ViewMySharesLanding)||U(u.C.ViewMyShares)&&M,Y=M&&U(u.C.ViewInsights),$=(null===(a=null==H?void 0:H.metadata)||void 0===a?void 0:a.hasDemoInsights)||"minimal"===W,Q=i.a.useBasicFetch(d.L.config()),X=i.a.useBasicFetch(g.N.currentUser()),q=i.a.useBasicFetch((null===(t=X.data)||void 0===t?void 0:t.isAuthenticated)&&h.h.yearGroups(X.data.customerId)),z=i.a.useBasicFetch($&&p.X.interactiveMetadata()),K=(0,w.a)({interactiveInsights:!0,shouldFetch:J,params:{type:[c.y.Link,c.y.LegacyDirect]}});return n.useEffect(function(){U(u.C.ViewMyShares)&&M||r.Q.Ab.PageLoad("/")},[J]),J?n.createElement("div",{className:"px-3"},n.createElement(A.p,{analyticsUrl:null===(s=Q.data)||void 0===s?void 0:s.analyticsWebUrl,hasAnalytics:U(u.C.ViewCustomerAnalytics)}),n.createElement("div",{className:"border-bottom pb-2 mb-4"},n.createElement("h1",{className:"mb-2"},n.createElement(m.x,{namespace:G,phrase:"myShares"})),D&&n.createElement("p",{className:"mb-0"},n.createElement(m.x,{namespace:G,phrase:"classroomsHint"})," ",n.createElement(l.F,{appLink:{application:k.O.CLASSROOMS,action:S.e.Classrooms.HOME},className:"info-link"},n.createElement(m.x,{namespace:G,phrase:"classroomsCta"})))),$&&z.data&&n.createElement(O.l,{demoInteractive:z.data,breakpoints:B,imageCdnUrl:K.imageCdnUrl,yearGroups:q.data,shareType:c.y.Link}),function(){var e;return K.showPartialLoading?n.createElement(L.L,null):K.sentShares.length?n.createElement(n.Fragment,null,n.createElement(x.R,{sentShares:K.sentShares,sharedObjects:K.sharedObjects.items,shareRecipients:K.shareRecipients.items,interactivesPendingReview:K.interactivesPendingReview.itemsArr,getObjectActions:function(e){return(0,_.sD)({share:e.share,sharedObject:e.sharedObject,audienceParams:Z.audienceAppLinkParams,hasInsights:Y,isPlugin:R,breakpoints:B})},groupByDateShared:!0,breakpoints:B,hasDemoInsights:$,imageCdnUrl:null===(e=Q.data)||void 0===e?void 0:e.imageCdnUrl,yearGroups:q.data}),(K.hasMore||K.isFetching)&&n.createElement(o._,{isFetching:K.isFetching,fetchNext:K.fetchNext,nextCursor:K.nextCursor})):n.createElement(N.o,null)}()):n.createElement(T,null)}}}]);
2
+ //# sourceMappingURL=7617-4c7db70e5c-lite.chunk.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"scripts/7617-4c7db70e5c-lite.chunk.js","mappings":"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","sources":["file:///app/packages/projects/lite/src/apps/my-shares/components/insights-admin-alert/InsightsAdminAlert.tsx","file:///app/packages/projects/lite/src/apps/my-shares/components/my-shares-demo-insight/my-shares-demo-insights.scss","file:///app/packages/projects/lite/src/apps/my-shares/components/my-shares-demo-insight/MySharesDemoInsight.tsx","file:///app/packages/projects/lite/src/apps/my-shares/constants/DemoInsights.ts","file:///app/packages/projects/lite/src/apps/my-shares/views/my-shares/empty-state/MySharesEmptyState.tsx","file:///app/packages/projects/lite/src/apps/my-shares/views/my-shares/MySharesView.tsx"],"sourcesContent":["import React from 'react';\n\nimport { StorageType } from 'libs/common/backbone/utils/LocalStorageHelper';\nimport { UrlHelper } from 'libs/common/backbone/utils/UrlHelper';\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\n\nimport { IconButton } from 'libs/shared/components/icon-button/IconButton';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { VideoTypes } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { ViewModelKeys } from 'shared/constants/LiteViewModels';\n\nconst namespace = 'lite.insightsAdminAlert';\n\ninterface InsightsAdminAlertProps {\n hasAnalytics: boolean;\n analyticsUrl: string;\n video?: VideoTypes;\n}\n\n// eslint-disable-next-line rulesdir/require-view-title\nexport function InsightsAdminAlert(props: InsightsAdminAlertProps) {\n const [ show, setShow ] = useViewModel(\n ViewModelKeys.INSIGHTS_ADMIN_ALERT,\n true,\n { storage: StorageType.LocalStorage }\n );\n\n function onDismiss() {\n setShow(false);\n }\n\n function getAnalyticsUrl() {\n if (!props.video) return props.analyticsUrl;\n\n let videoRoute = '';\n\n if (props.video.typeId === MasterType.Interactive)\n videoRoute = `/interactives/${props.video.id}/views`;\n\n if (props.video.typeId === MasterType.Video)\n videoRoute = `/videos/${props.video.id}/views`;\n\n if (props.video.typeId === MasterType.Clip)\n videoRoute = `/clips/${props.video.id}/views`;\n\n return UrlHelper.safeUrlConcat(props.analyticsUrl, videoRoute);\n }\n\n if (!props.hasAnalytics || !show)\n return <></>;\n\n return (\n <div role='alert' className='d-flex justify-content-between align-items-center bg-light-blue rounded p-2 mb-4'>\n <div>\n <Text namespace={namespace} phrase='adminAlert' />\n <a className='text-info' href={getAnalyticsUrl()} target='_blank'>\n <Text namespace={namespace} phrase='analytics' />\n </a>.\n </div>\n <IconButton svgName={cvSvgLibrary.Close} className='text-blue' onClick={onDismiss} />\n </div>\n );\n}","// extracted by mini-css-extract-plugin\nexport default {\"background\":\"HAuP3\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { ShareType } from 'libs/shared/apps/share-v2/enums/ShareType';\nimport { Breakpoints } from 'libs/shared/hooks/useBreakpoints';\nimport { InteractiveMetadata, YearGroup } from 'libs/shared/interfaces';\n\nimport { MySharesTableHeading, MySharesTableRow } from 'apps/my-shares/components/my-shares-table-row/MySharesTableRow';\nimport { DEMO_INTERACTIVE_ID } from 'apps/my-shares/constants/DemoInsights';\nimport { DEMO_INSIGHTS_ACTION, DEMO_INSIGHTS_APPLINK, DEMO_INSIGHTS_OPEN_CLASSROOM_APPLINK, DEMO_INSIGHTS_OPEN_CLASSROOM_SHARE_TABLE_DATA, DEMO_INSIGHTS_SHARE_TABLE_DATA } from 'apps/my-shares/constants/MySharesDemoInsights';\n\nimport { MySharesTableData } from '../my-shares-table/MySharesTableUtils';\n\nimport styles from './my-shares-demo-insights.scss';\n\nconst namespace = 'myShares.demoInsights';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface MySharesDemoInsightProps {\n demoInteractive: InteractiveMetadata;\n imageCdnUrl: string;\n yearGroups: YearGroup[];\n breakpoints: Breakpoints;\n className?: string;\n heading?: string;\n shareType?: ShareType;\n}\n\nexport function MySharesDemoInsight(props: MySharesDemoInsightProps) {\n const isMobile = props.breakpoints.xs || props.breakpoints.sm;\n\n const appLink = props.shareType === ShareType.Open ? DEMO_INSIGHTS_OPEN_CLASSROOM_APPLINK : DEMO_INSIGHTS_APPLINK;\n\n function getDemoInteractive() {\n return {\n ...props.demoInteractive,\n id: DEMO_INTERACTIVE_ID\n };\n }\n\n function getObjectActions() {\n return [\n {\n ...DEMO_INSIGHTS_ACTION,\n button: !isMobile,\n appLink\n }\n ];\n }\n\n const demoShareTableData = props.shareType === ShareType.Open\n ? DEMO_INSIGHTS_OPEN_CLASSROOM_SHARE_TABLE_DATA\n : DEMO_INSIGHTS_SHARE_TABLE_DATA;\n\n const shareData: MySharesTableData = {\n ...demoShareTableData,\n sharedObject: getDemoInteractive()\n };\n\n return (\n <div className={props.className}>\n <MySharesTableHeading heading={props.heading ?? getPhrase('demoHeading')} isFirst={true} />\n\n <div className={`${styles.background} rounded-3 mb-4`}>\n <MySharesTableRow\n shareData={shareData}\n getObjectActions={getObjectActions}\n imageCdnUrl={props.imageCdnUrl}\n yearGroups={props.yearGroups}\n breakpoints={props.breakpoints}\n className='bg-light-orange'\n appLink={(() => appLink)}\n />\n </div>\n </div>\n );\n}","export const DEMO_INTERACTIVE_ID = 'GRWx6w';","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { EntityType, LocationContext, SignUpDescriptors, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { EmptyState } from 'libs/shared/components/empty-states/EmptyState';\nimport { Text } from 'libs/shared/components/text/Text';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nconst namespace = 'myShares.mySharesEmptyState';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport function MySharesEmptyState() {\n return (\n <EmptyState>\n <EmptyState.Image src={ImageUrls.EmptyStates.MY_VIDEOS_PUBLIC} altText={getPhrase('heading')} />\n <EmptyState.Heading><Text namespace={namespace} phrase='heading' /></EmptyState.Heading>\n <EmptyState.Info><Text namespace={namespace} phrase='info' /></EmptyState.Info>\n <EmptyState.Cta\n text={LanguageService.getPhrase(namespace, 'cta')}\n appLink={{\n application: AppChannels.SIGN_UP,\n action: Actions.SignUp.SIGN_UP\n }}\n analyticsData={{}}\n analyticsOptions={{\n actionType: UserAction.Click,\n location: LocationContext.MySharesLanding,\n entity: EntityType.AppLink,\n workflowPhase: WorkflowPhase.Start,\n descriptor: SignUpDescriptors.SignUp\n }}\n />\n </EmptyState>\n );\n}","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/react/index';\n\nimport { ShareType } from 'libs/shared/apps/share-v2/enums/ShareType';\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { InfiniteScrollFooter } from 'libs/shared/components/infinite-scroll-footer/InfiniteScrollFooter';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { LocalPermissionName, PermissionName } from 'libs/shared/enums/PermissionName';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { InsightsDemoRequests } from 'libs/shared/flight-requests/InsightsDemoRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useAccessPolicy } from 'libs/shared/hooks/useAccessPolicy';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { useSettings } from 'libs/shared/hooks/useSettings';\nimport { Config, CurrentUser, InteractiveMetadata, YearGroup } from 'libs/shared/interfaces';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { usePluginHelper } from 'shared/hooks/use-plugin-helper/usePluginHelper';\nimport { useClassroomExperience } from 'shared/hooks/useClassroomExperience';\nimport { useSharesTable } from 'shared/hooks/useSharesTable';\n\nimport { InsightsAdminAlert } from 'apps/my-shares/components/insights-admin-alert/InsightsAdminAlert';\nimport { MySharesDemoInsight } from 'apps/my-shares/components/my-shares-demo-insight/MySharesDemoInsight';\nimport { MySharesTableEmptyState } from 'apps/my-shares/components/my-shares-table/empty-state/MySharesTableEmptyState';\nimport { MySharesTable } from 'apps/my-shares/components/my-shares-table/MySharesTable';\nimport { PartialMySharesTable } from 'apps/my-shares/components/my-shares-table/partial-loading/PartialMySharesTable';\nimport { MySharesEmptyState } from 'apps/my-shares/views/my-shares/empty-state/MySharesEmptyState';\nimport { getShareObjectActions, getSharesParams } from 'apps/my-shares/views/my-shares/MySharesViewUtils';\n\nconst namespace = 'myShares.myShares';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface MySharesViewProps {\n typeId: string | string[];\n}\n\nexport function MySharesView(props: MySharesViewProps) {\n // Shared hooks\n useSetPageMetadata({ title: getPhrase('myShares') });\n const { hasPermissions, hasLocalPermissions } = usePermissions();\n const { hasShareFlowV2, hasClassrooms } = useSettings(null);\n const { isPlugin } = usePluginHelper();\n const breakpoints = useBreakpoints();\n const { accessPolicy } = useAccessPolicy();\n const { experience } = useClassroomExperience();\n\n const sharesParams = getSharesParams(props.typeId);\n\n // Local variables\n const shouldFetch = !hasLocalPermissions(LocalPermissionName.ViewMySharesLanding) ||\n hasPermissions(PermissionName.ViewMyShares) && hasShareFlowV2;\n const hasInsightsPermission = hasShareFlowV2 && hasPermissions(PermissionName.ViewInsights);\n const showDemoInsight = accessPolicy?.metadata?.hasDemoInsights || experience === 'minimal';\n\n // Flight fetching\n const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n const yearGroups = Flight.useBasicFetch<YearGroup[]>(\n currentUser.data?.isAuthenticated && CustomerRequests.yearGroups(currentUser.data.customerId)\n );\n const demoInteractive = Flight.useBasicFetch<InteractiveMetadata>(showDemoInsight &&\n InsightsDemoRequests.interactiveMetadata());\n\n const shareData = useSharesTable({\n interactiveInsights: true,\n shouldFetch,\n params: {\n type: [ ShareType.Link, ShareType.LegacyDirect ]\n }\n });\n\n React.useEffect(() => {\n if (!(hasPermissions(PermissionName.ViewMyShares) && hasShareFlowV2))\n Core.LocationUtils.PageLoad('/');\n }, [shouldFetch]);\n\n if (!shouldFetch)\n return <MySharesEmptyState />;\n\n return (\n <div className='px-3'>\n <InsightsAdminAlert\n analyticsUrl={config.data?.analyticsWebUrl}\n hasAnalytics={hasPermissions(PermissionName.ViewCustomerAnalytics)}\n />\n\n <div className='border-bottom pb-2 mb-4'>\n <h1 className='mb-2'><Text namespace={namespace} phrase='myShares' /></h1>\n {hasClassrooms && (\n <p className='mb-0'>\n <Text namespace={namespace} phrase='classroomsHint'/>\n &nbsp;\n <AppLink\n appLink={{ application: AppChannels.CLASSROOMS, action: Actions.Classrooms.HOME }}\n className='info-link'\n >\n <Text namespace={namespace} phrase='classroomsCta'/>\n </AppLink>\n </p>\n )}\n </div>\n\n {showDemoInsight && demoInteractive.data &&\n <MySharesDemoInsight\n demoInteractive={demoInteractive.data}\n breakpoints={breakpoints}\n imageCdnUrl={shareData.imageCdnUrl}\n yearGroups={yearGroups.data}\n shareType={ShareType.Link}\n />\n }\n\n {(() => {\n if (shareData.showPartialLoading)\n return <PartialMySharesTable />;\n\n if (!shareData.sentShares.length)\n return <MySharesTableEmptyState />;\n\n return (\n <>\n <MySharesTable\n sentShares={shareData.sentShares}\n sharedObjects={shareData.sharedObjects.items}\n shareRecipients={shareData.shareRecipients.items}\n interactivesPendingReview={shareData.interactivesPendingReview.itemsArr}\n getObjectActions={row => getShareObjectActions({\n share: row.share,\n sharedObject: row.sharedObject,\n audienceParams: sharesParams.audienceAppLinkParams,\n hasInsights: hasInsightsPermission,\n isPlugin,\n breakpoints\n })}\n groupByDateShared\n breakpoints={breakpoints}\n hasDemoInsights={showDemoInsight}\n imageCdnUrl={config.data?.imageCdnUrl}\n yearGroups={yearGroups.data}\n />\n {(shareData.hasMore || shareData.isFetching) &&\n <InfiniteScrollFooter\n isFetching={shareData.isFetching}\n fetchNext={shareData.fetchNext}\n nextCursor={shareData.nextCursor}\n />\n }\n </>\n );\n })()}\n </div>\n );\n}\n"],"names":["namespace","InsightsAdminAlert","props","storage","show","setShow","hasAnalytics","role","className","phrase","href","video","analyticsUrl","videoRoute","typeId","id","getAnalyticsUrl","target","svgName","onClick","getPhrase","LanguageService","MySharesDemoInsight","isMobile","breakpoints","xs","sm","shareType","ShareType","demoShareTableData","shareData","sharedObject","demoInteractive","heading","isFirst","MySharesTableRow","getObjectActions","button","appLink","imageCdnUrl","yearGroups","DEMO_INTERACTIVE_ID","MySharesEmptyState","EmptyState","src","ImageUrls","altText","Text","text","application","action","analyticsData","analyticsOptions","actionType","location","entity","workflowPhase","descriptor","SignUp","MySharesView","useSetPageMetadata","title","usePermissions","hasPermissions","hasLocalPermissions","useSettings","hasShareFlowV2","hasClassrooms","isPlugin","usePluginHelper","useBreakpoints","accessPolicy","useAccessPolicy","experience","useClassroomExperience","sharesParams","shouldFetch","PermissionName","hasInsightsPermission","showDemoInsight","metadata","hasDemoInsights","config","ConfigRequests","currentUser","UserRequests","data","isAuthenticated","CustomerRequests","customerId","InsightsDemoRequests","useSharesTable","interactiveInsights","params","type","analyticsWebUrl","AppLink","showPartialLoading","PartialMySharesTable","sentShares","length","MySharesTable","sharedObjects","items","shareRecipients","interactivesPendingReview","itemsArr","row","share","audienceParams","audienceAppLinkParams","hasInsights","groupByDateShared","hasMore","isFetching","InfiniteScrollFooter","fetchNext","nextCursor","MySharesTableEmptyState"],"sourceRoot":""}
@@ -1,2 +1,2 @@
1
- "use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[7843],{35599:(e,a,t)=>{t.d(a,{k:()=>m});var s=t(32735),n=t(87801),r=t(16714),l=t(67467),i=t(5056),o=t(28001),c=t(69003);function m(e){var a,t,m=e.hasShareFlowV2&&e.hasPermissions(r.C.ViewInsights),d=(0,c.cl)([]),u=null!==(a=e.loadingState)&&void 0!==a?a:o.L,p=null!==(t=e.emptyState)&&void 0!==t?t:l.o;return e.loading||e.shareData.showPartialLoading?s.createElement(u,null):e.shareData.sentShares.length?s.createElement("div",{className:e.className},s.createElement(i.R,{sentShares:e.shareData.sentShares,sharedObjects:e.shareData.sharedObjects.items,shareRecipients:e.shareData.shareRecipients.items,interactivesPendingReview:e.shareData.interactivesPendingReview.itemsArr,getObjectActions:function(a){return(0,c.sD)({share:a.share,sharedObject:a.sharedObject,audienceParams:d.audienceAppLinkParams,hasInsights:m,isPlugin:e.isPlugin,breakpoints:e.breakpoints})},groupByDateShared:!0,breakpoints:e.breakpoints,imageCdnUrl:e.imageCdnUrl,yearGroups:e.yearGroups,hasDemoInsights:e.hasDemoInsight}),(e.shareData.hasMore||e.shareData.isFetching)&&s.createElement(n._,{isFetching:e.shareData.isFetching,fetchNext:e.shareData.fetchNext,nextCursor:e.shareData.nextCursor})):s.createElement(p,null)}},49221:(e,a,t)=>{t.r(a),t.d(a,{ClassroomsView:()=>le});var s=t(32735),n=t(81886),r=t(67058),l=t(37802),i=t(99998),o=t(23481),c=t(20354),m=t(65858),d=t(2510),u=t(15611),p=t(83345),h=t(39151),g=t(1666),v=t(54405),E=t(44538),f=t(31949),y=t(79967),b=t(22902),C=t(79612),S=t(35223),N=t(14070),w=t(97291),k=t(46390),O=t(98623),x=t(31453),F=t(12528),L=t(83914),A=o.T.encloseNamespace("classrooms.classroomLabel"),P={"my-school-classrooms":"mySchoolClassrooms","favourite-classroom":"favouriteClassroom","open-classroom":"openClassroom"},T={"my-school-classrooms":"purple","favourite-classroom":"purple","open-classroom":"blue"};function U(e){var a;return s.createElement("div",{className:(0,x.A)("d-flex align-items-center gap-2",e.className)},s.createElement("div",null,s.createElement(F.f,{svgName:S.vn.Classrooms,svgSize:L.S.Standard,variant:T[e.type],textVariant:"white",svgWrapperClassName:"p-1"})),s.createElement("h2",{className:"h4 m-0"},null!==(a=e.text)&&void 0!==a?a:A(P[e.type])))}var D=t(59278),R=t(35599),I=t(7733),j=t(38129),G=t(9085),V="classrooms.pinnedClassroomsTiles";function M(){return s.createElement("div",{className:"py"},s.createElement(p.x,{namespace:V,phrase:"emptyPinnedClassrooms"}))}const B={pinnedClassroomTile:"jgtOl",pinnedClassroomTileImage:"TRhIX"};function _(){return s.createElement("div",{className:(0,x.A)("d-flex flex-column rounded overflow-hidden border border-gray-200",B.pinnedClassroomTile)},s.createElement("figure",{className:(0,x.A)("m-0",B.pinnedClassroomTileImage)}),s.createElement("div",{className:"d-flex flex-column gap-2 p-2"},s.createElement("span",{className:"partial-loading-background p-2 w-50"}),s.createElement("span",{className:"partial-loading-background p-2"})))}function q(e){return s.createElement("div",{className:"d-flex flex-row flex-wrap gap-3"},Array.from({length:e.size}).map(function(e,a){return s.createElement(_,{key:a})}))}var H="classrooms.pinnedClassroomsTiles";function W(e){var a=e.classroom.enrolments.data.filter(function(e){return e.role===j.tM.Student}).length,t=(0,G.s)(e.classroom.name,I.o);return s.createElement(u.F,{className:(0,x.A)("d-flex flex-column rounded overflow-hidden border border-gray-400",B.pinnedClassroomTile),appLink:{application:w.O.CLASSROOMS,action:N.e.Classrooms.CLASSROOM_HOME,args:[e.classroom.id]}},s.createElement("figure",{className:(0,x.A)("m-0",B.pinnedClassroomTileImage,t)}),s.createElement("div",{className:"d-flex flex-column gap-1 p-2"},s.createElement("span",{className:"fw-medium"},e.classroom.name),s.createElement("span",{className:"text-muted"},a?s.createElement(p.x,{namespace:H,phrase:"studentsCount",options:{smartCount:a}}):s.createElement(p.x,{namespace:H,phrase:"noStudents"}))))}function z(e){var a,t,n=null!==(a=e.emptyStateComponent)&&void 0!==a?a:M,r=null!==(t=e.loadingStateComponent)&&void 0!==t?t:q;return e.showPartialLoading?s.createElement(r,{size:5}):e.classrooms&&e.classrooms.length?s.createElement("div",{className:"d-flex flex-row flex-wrap gap-3"},e.classrooms.map(function(e){return s.createElement(W,{key:e.id,classroom:e})})):s.createElement(n,null)}var X=t(88630),Z=t(22767),J="classrooms.classroomsOverview",K=o.T.encloseNamespace(J);function Q(e){return s.createElement("div",{className:"d-flex flex-row justify-content-between align-items-center mb-3"},s.createElement(U,{type:e.type}),e.appLink&&!e.hideSeeAll&&s.createElement(u.F,{appLink:e.appLink},s.createElement(p.x,{namespace:J,phrase:"seeAll"})))}function Y(){var e,a,t,n,r,i,u,p,x;(0,C.M)({title:K("pageTitle")});var F=(0,y.k)(),L=(0,k.G)().isPlugin,A=(0,b.T)().hasPermissions,P=(0,l.r)(null).hasShareFlowV2,T=c.a.useBasicFetch(f.N.currentUser()),U=c.a.useBasicFetch(h.L.config()),I=c.a.useBasicFetch(v.X.interactiveMetadata()),j=c.a.useBasicFetch((null===(e=T.data)||void 0===e?void 0:e.isAuthenticated)&&g.h.yearGroups(T.data.customerId)),G=c.a.useBasicFetch(E.K.getRostering()),V=(null===(a=G.data)||void 0===a?void 0:a.status)&&"None"!==G.data.status,M=(0,O.a)({interactiveInsights:!0,shouldFetch:P,params:{type:[d.y.Open]}}),B=c.a.useBasicFetch(X.F.getPinnedClassrooms(null===(t=T.data)||void 0===t?void 0:t.id,null===(n=T.data)||void 0===n?void 0:n.customerId,{withStudents:!0,limit:5})),_=!!(U.data&&I.data&&j.data&&B.data);return s.createElement("div",{className:"px-3"},s.createElement(D.d,{activeTab:"overview",actions:[{label:o.T.getPhrase(J,"newClassroom"),appLink:{application:w.O.CLASSROOMS,action:N.e.Classrooms.NEW_CLASSROOM},svgName:S.vn.Plus,className:"btn btn-outline-dark",disabled:V,tooltip:V?K("disabledByRostering"):"",analyticsOptions:{actionType:m.Vw.Create,entity:m.py.Classroom,workflowPhase:m.eu.Start,location:m.LZ.ClassroomsList},button:!F.xs}],hasRostering:V,hasShareFlowV2:P}),s.createElement("section",{className:"mb-4"},s.createElement(Q,{type:"favourite-classroom",appLink:{application:w.O.CLASSROOMS,action:N.e.Classrooms.VIEW_ALL},hideSeeAll:!(null===(i=null===(r=B.data)||void 0===r?void 0:r.data)||void 0===i?void 0:i.length)}),s.createElement(z,{showPartialLoading:!_,classrooms:null===(u=B.data)||void 0===u?void 0:u.data})),s.createElement("section",{className:"mb-4"},s.createElement(Q,{type:"open-classroom",appLink:{application:w.O.CLASSROOMS,action:N.e.Classrooms.OPEN_CLASSROOMS},hideSeeAll:!(null===(p=M.sentShares)||void 0===p?void 0:p.length)}),s.createElement(R.k,{loading:!_,shareData:M,hasShareFlowV2:P,hasPermissions:A,breakpoints:F,isPlugin:L,imageCdnUrl:null===(x=U.data)||void 0===x?void 0:x.imageCdnUrl,yearGroups:j.data,className:"mt-3",emptyState:function(){var e,a;return s.createElement(Z.l,{heading:K("demoHeading"),demoInteractive:I.data,liteUrl:null===(e=U.data)||void 0===e?void 0:e.liteUrl,breakpoints:F,imageCdnUrl:null===(a=U.data)||void 0===a?void 0:a.imageCdnUrl,yearGroups:j.data,className:"mt-3",shareType:d.y.Open})}})))}var $=t(91047),ee=t(86073),ae=t(98461),te="classrooms.minimalClassroomsExperience",se=o.T.encloseNamespace(te),ne="/product/integrations";function re(){var e,a,t,n,r;(0,C.M)({title:se("pageTitle")});var i=(0,y.k)(),o=(0,k.G)().isPlugin,E=(0,b.T)().hasPermissions,S=(0,l.r)(null).hasShareFlowV2,x=c.a.useBasicFetch(f.N.currentUser()),F=c.a.useBasicFetch(h.L.config()),L=c.a.useBasicFetch(v.X.interactiveMetadata()),A=c.a.useBasicFetch((null===(e=x.data)||void 0===e?void 0:e.isAuthenticated)&&g.h.yearGroups(x.data.customerId)),P=(0,O.a)({interactiveInsights:!0,shouldFetch:S,params:{type:[d.y.Open]}}),T=!!F.data&&!!L.data&&!!A.data;return s.createElement("div",{className:"px-3"},s.createElement(D.d,{activeTab:"classrooms",hasRostering:!1,hasShareFlowV2:S,hideTabs:!0}),s.createElement("section",{className:"mb-4"},s.createElement(U,{type:"my-school-classrooms"}),s.createElement("div",{className:"d-flex flex-column flex-sm-row justify-content-between gap-2 bg-light-blue rounded p-3 align-items-center mt-3"},s.createElement("div",null,s.createElement(p.x,{namespace:te,phrase:"myClassroomsNotice"})," ",s.createElement(ae.d,{href:ee._.safeUrlConcat(null===(a=F.data)||void 0===a?void 0:a.marketingSiteUrl,ne),className:"text-underline",newTab:!0},s.createElement(p.x,{namespace:te,phrase:"learnMore"}))),s.createElement("div",null,s.createElement(u.F,{className:"btn btn-outline-dark hover-bg-white",appLink:{application:w.O.SIGN_UP,action:N.e.SignUp.UPGRADE},analyticsData:{},analyticsOptions:{actionType:m.Vw.Click,location:m.LZ.Classroom,entity:m.py.AppLink,descriptor:m.Yu.Upgrade,workflowPhase:m.eu.Start}},s.createElement(p.x,{namespace:te,phrase:"requestFullAccess"}))))),s.createElement("section",{className:"mb-4"},s.createElement(U,{type:"open-classroom"}),T&&s.createElement(s.Fragment,null,s.createElement(Z.l,{heading:se("demoHeading"),demoInteractive:L.data,liteUrl:null===(t=F.data)||void 0===t?void 0:t.liteUrl,breakpoints:i,imageCdnUrl:null===(n=F.data)||void 0===n?void 0:n.imageCdnUrl,yearGroups:A.data,className:"mt-3",shareType:d.y.Open}),s.createElement(R.k,{shareData:P,hasShareFlowV2:S,hasPermissions:E,breakpoints:i,isPlugin:o,imageCdnUrl:null===(r=F.data)||void 0===r?void 0:r.imageCdnUrl,yearGroups:A.data,className:"mt-3",emptyState:function(){return s.createElement(s.Fragment,null)},hasDemoInsight:!0}))))}function le(e){var a=(0,i.R)(),t=a.experience,o=a.loading,c=(0,l.r)(null).hasShareFlowV2;return o?s.createElement(s.Fragment,null):"none"===t?(n.Q.Ry.throw(new r.d),s.createElement(s.Fragment,null)):"full"===t&&c?s.createElement(Y,null):"full"!==t||c?s.createElement(re,null):s.createElement($.FullClassroomsExperienceView,{query:e.query})}},22767:(e,a,t)=>{t.d(a,{l:()=>d});var s=t(32735),n=t(23481),r=t(2510),l=t(55219),i=t(18006),o=t(9566);const c={background:"HAuP3"};var m=n.T.encloseNamespace("myShares.demoInsights");function d(e){var a,t=e.liteUrl.includes("staging"),n=e.breakpoints.xs||e.breakpoints.sm,d=e.shareType===r.y.Open?o.po:o.vJ,u=e.shareType===r.y.Open?o.$Z:o.GJ,p=Object.assign(Object.assign({},u),{sharedObject:Object.assign(Object.assign({},e.demoInteractive),{id:t?i.c:i.q})});return s.createElement("div",{className:e.className},s.createElement(l.g,{heading:null!==(a=e.heading)&&void 0!==a?a:m("demoHeading"),isFirst:!0}),s.createElement("div",{className:"".concat(c.background," rounded-3 mb-4")},s.createElement(l.F,{shareData:p,getObjectActions:function(){return[Object.assign(Object.assign({},o.VE),{button:!n,appLink:d})]},imageCdnUrl:e.imageCdnUrl,yearGroups:e.yearGroups,breakpoints:e.breakpoints,className:"bg-light-orange",appLink:function(){return d}})))}},18006:(e,a,t)=>{t.d(a,{c:()=>s,q:()=>n});var s="D8qRe7",n="GRWx6w"}}]);
2
- //# sourceMappingURL=7843-528e9d766e-lite.chunk.js.map
1
+ "use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[7843],{35599:(e,a,t)=>{t.d(a,{k:()=>m});var s=t(32735),n=t(87801),r=t(16714),l=t(67467),i=t(5056),o=t(28001),c=t(69003);function m(e){var a,t,m=e.hasShareFlowV2&&e.hasPermissions(r.C.ViewInsights),d=(0,c.cl)([]),u=null!==(a=e.loadingState)&&void 0!==a?a:o.L,p=null!==(t=e.emptyState)&&void 0!==t?t:l.o;return e.loading||e.shareData.showPartialLoading?s.createElement(u,null):e.shareData.sentShares.length?s.createElement("div",{className:e.className},s.createElement(i.R,{sentShares:e.shareData.sentShares,sharedObjects:e.shareData.sharedObjects.items,shareRecipients:e.shareData.shareRecipients.items,interactivesPendingReview:e.shareData.interactivesPendingReview.itemsArr,getObjectActions:function(a){return(0,c.sD)({share:a.share,sharedObject:a.sharedObject,audienceParams:d.audienceAppLinkParams,hasInsights:m,isPlugin:e.isPlugin,breakpoints:e.breakpoints})},groupByDateShared:!0,breakpoints:e.breakpoints,imageCdnUrl:e.imageCdnUrl,yearGroups:e.yearGroups,hasDemoInsights:e.hasDemoInsight}),(e.shareData.hasMore||e.shareData.isFetching)&&s.createElement(n._,{isFetching:e.shareData.isFetching,fetchNext:e.shareData.fetchNext,nextCursor:e.shareData.nextCursor})):s.createElement(p,null)}},49221:(e,a,t)=>{t.r(a),t.d(a,{ClassroomsView:()=>le});var s=t(32735),n=t(81886),r=t(67058),l=t(37802),i=t(99998),o=t(23481),c=t(20354),m=t(65858),d=t(2510),u=t(15611),p=t(83345),h=t(39151),g=t(1666),v=t(54405),E=t(44538),f=t(31949),y=t(79967),b=t(22902),C=t(79612),S=t(35223),N=t(14070),w=t(97291),k=t(46390),O=t(98623),x=t(31453),F=t(12528),L=t(83914),A=o.T.encloseNamespace("classrooms.classroomLabel"),P={"my-school-classrooms":"mySchoolClassrooms","favourite-classroom":"favouriteClassroom","open-classroom":"openClassroom"},T={"my-school-classrooms":"purple","favourite-classroom":"purple","open-classroom":"blue"};function D(e){var a;return s.createElement("div",{className:(0,x.A)("d-flex align-items-center gap-2",e.className)},s.createElement("div",null,s.createElement(F.f,{svgName:S.vn.Classrooms,svgSize:L.S.Standard,variant:T[e.type],textVariant:"white",svgWrapperClassName:"p-1"})),s.createElement("h2",{className:"h4 m-0"},null!==(a=e.text)&&void 0!==a?a:A(P[e.type])))}var R=t(59278),I=t(35599),U=t(7733),j=t(38129),G=t(9085),V="classrooms.pinnedClassroomsTiles";function M(){return s.createElement("div",{className:"py"},s.createElement(p.x,{namespace:V,phrase:"emptyPinnedClassrooms"}))}const B={pinnedClassroomTile:"jgtOl",pinnedClassroomTileImage:"TRhIX"};function _(){return s.createElement("div",{className:(0,x.A)("d-flex flex-column rounded overflow-hidden border border-gray-200",B.pinnedClassroomTile)},s.createElement("figure",{className:(0,x.A)("m-0",B.pinnedClassroomTileImage)}),s.createElement("div",{className:"d-flex flex-column gap-2 p-2"},s.createElement("span",{className:"partial-loading-background p-2 w-50"}),s.createElement("span",{className:"partial-loading-background p-2"})))}function H(e){return s.createElement("div",{className:"d-flex flex-row flex-wrap gap-3"},Array.from({length:e.size}).map(function(e,a){return s.createElement(_,{key:a})}))}var W="classrooms.pinnedClassroomsTiles";function q(e){var a=e.classroom.enrolments.data.filter(function(e){return e.role===j.tM.Student}).length,t=(0,G.s)(e.classroom.name,U.o);return s.createElement(u.F,{className:(0,x.A)("d-flex flex-column rounded overflow-hidden border border-gray-400",B.pinnedClassroomTile),appLink:{application:w.O.CLASSROOMS,action:N.e.Classrooms.CLASSROOM_HOME,args:[e.classroom.id]}},s.createElement("figure",{className:(0,x.A)("m-0",B.pinnedClassroomTileImage,t)}),s.createElement("div",{className:"d-flex flex-column gap-1 p-2"},s.createElement("span",{className:"fw-medium"},e.classroom.name),s.createElement("span",{className:"text-muted"},a?s.createElement(p.x,{namespace:W,phrase:"studentsCount",options:{smartCount:a}}):s.createElement(p.x,{namespace:W,phrase:"noStudents"}))))}function z(e){var a,t,n=null!==(a=e.emptyStateComponent)&&void 0!==a?a:M,r=null!==(t=e.loadingStateComponent)&&void 0!==t?t:H;return e.showPartialLoading?s.createElement(r,{size:5}):e.classrooms&&e.classrooms.length?s.createElement("div",{className:"d-flex flex-row flex-wrap gap-3"},e.classrooms.map(function(e){return s.createElement(q,{key:e.id,classroom:e})})):s.createElement(n,null)}var X=t(88630),Z=t(22767),J="classrooms.classroomsOverview",K=o.T.encloseNamespace(J);function Q(e){return s.createElement("div",{className:"d-flex flex-row justify-content-between align-items-center mb-3"},s.createElement(D,{type:e.type}),e.appLink&&!e.hideSeeAll&&s.createElement(u.F,{appLink:e.appLink},s.createElement(p.x,{namespace:J,phrase:"seeAll"})))}function Y(){var e,a,t,n,r,i,u,p,x;(0,C.M)({title:K("pageTitle")});var F=(0,y.k)(),L=(0,k.G)().isPlugin,A=(0,b.T)().hasPermissions,P=(0,l.r)(null).hasShareFlowV2,T=c.a.useBasicFetch(f.N.currentUser()),D=c.a.useBasicFetch(h.L.config()),U=c.a.useBasicFetch(v.X.interactiveMetadata()),j=c.a.useBasicFetch((null===(e=T.data)||void 0===e?void 0:e.isAuthenticated)&&g.h.yearGroups(T.data.customerId)),G=c.a.useBasicFetch(E.K.getRostering()),V=(null===(a=G.data)||void 0===a?void 0:a.status)&&"None"!==G.data.status,M=(0,O.a)({interactiveInsights:!0,shouldFetch:P,params:{type:[d.y.Open]}}),B=c.a.useBasicFetch(X.F.getPinnedClassrooms(null===(t=T.data)||void 0===t?void 0:t.id,null===(n=T.data)||void 0===n?void 0:n.customerId,{withStudents:!0,limit:5})),_=!!(D.data&&U.data&&j.data&&B.data);return s.createElement("div",{className:"px-3"},s.createElement(R.d,{activeTab:"overview",actions:[{label:o.T.getPhrase(J,"newClassroom"),appLink:{application:w.O.CLASSROOMS,action:N.e.Classrooms.NEW_CLASSROOM},svgName:S.vn.Plus,className:"btn btn-outline-dark",disabled:V,tooltip:V?K("disabledByRostering"):"",analyticsOptions:{actionType:m.Vw.Create,entity:m.py.Classroom,workflowPhase:m.eu.Start,location:m.LZ.ClassroomsList},button:!F.xs}],hasRostering:V,hasShareFlowV2:P}),s.createElement("section",{className:"mb-4"},s.createElement(Q,{type:"favourite-classroom",appLink:{application:w.O.CLASSROOMS,action:N.e.Classrooms.VIEW_ALL},hideSeeAll:!(null===(i=null===(r=B.data)||void 0===r?void 0:r.data)||void 0===i?void 0:i.length)}),s.createElement(z,{showPartialLoading:!_,classrooms:null===(u=B.data)||void 0===u?void 0:u.data})),s.createElement("section",{className:"mb-4"},s.createElement(Q,{type:"open-classroom",appLink:{application:w.O.CLASSROOMS,action:N.e.Classrooms.OPEN_CLASSROOMS},hideSeeAll:!(null===(p=M.sentShares)||void 0===p?void 0:p.length)}),s.createElement(I.k,{loading:!_,shareData:M,hasShareFlowV2:P,hasPermissions:A,breakpoints:F,isPlugin:L,imageCdnUrl:null===(x=D.data)||void 0===x?void 0:x.imageCdnUrl,yearGroups:j.data,className:"mt-3",emptyState:function(){var e;return s.createElement(Z.l,{heading:K("demoHeading"),demoInteractive:U.data,breakpoints:F,imageCdnUrl:null===(e=D.data)||void 0===e?void 0:e.imageCdnUrl,yearGroups:j.data,className:"mt-3",shareType:d.y.Open})}})))}var $=t(91047),ee=t(86073),ae=t(98461),te="classrooms.minimalClassroomsExperience",se=o.T.encloseNamespace(te),ne="/product/integrations";function re(){var e,a,t,n;(0,C.M)({title:se("pageTitle")});var r=(0,y.k)(),i=(0,k.G)().isPlugin,o=(0,b.T)().hasPermissions,E=(0,l.r)(null).hasShareFlowV2,S=c.a.useBasicFetch(f.N.currentUser()),x=c.a.useBasicFetch(h.L.config()),F=c.a.useBasicFetch(v.X.interactiveMetadata()),L=c.a.useBasicFetch((null===(e=S.data)||void 0===e?void 0:e.isAuthenticated)&&g.h.yearGroups(S.data.customerId)),A=(0,O.a)({interactiveInsights:!0,shouldFetch:E,params:{type:[d.y.Open]}}),P=!!x.data&&!!F.data&&!!L.data;return s.createElement("div",{className:"px-3"},s.createElement(R.d,{activeTab:"classrooms",hasRostering:!1,hasShareFlowV2:E,hideTabs:!0}),s.createElement("section",{className:"mb-4"},s.createElement(D,{type:"my-school-classrooms"}),s.createElement("div",{className:"d-flex flex-column flex-sm-row justify-content-between gap-2 bg-light-blue rounded p-3 align-items-center mt-3"},s.createElement("div",null,s.createElement(p.x,{namespace:te,phrase:"myClassroomsNotice"})," ",s.createElement(ae.d,{href:ee._.safeUrlConcat(null===(a=x.data)||void 0===a?void 0:a.marketingSiteUrl,ne),className:"text-underline",newTab:!0},s.createElement(p.x,{namespace:te,phrase:"learnMore"}))),s.createElement("div",null,s.createElement(u.F,{className:"btn btn-outline-dark hover-bg-white",appLink:{application:w.O.SIGN_UP,action:N.e.SignUp.UPGRADE},analyticsData:{},analyticsOptions:{actionType:m.Vw.Click,location:m.LZ.Classroom,entity:m.py.AppLink,descriptor:m.Yu.Upgrade,workflowPhase:m.eu.Start}},s.createElement(p.x,{namespace:te,phrase:"requestFullAccess"}))))),s.createElement("section",{className:"mb-4"},s.createElement(D,{type:"open-classroom"}),P&&s.createElement(s.Fragment,null,s.createElement(Z.l,{heading:se("demoHeading"),demoInteractive:F.data,breakpoints:r,imageCdnUrl:null===(t=x.data)||void 0===t?void 0:t.imageCdnUrl,yearGroups:L.data,className:"mt-3",shareType:d.y.Open}),s.createElement(I.k,{shareData:A,hasShareFlowV2:E,hasPermissions:o,breakpoints:r,isPlugin:i,imageCdnUrl:null===(n=x.data)||void 0===n?void 0:n.imageCdnUrl,yearGroups:L.data,className:"mt-3",emptyState:function(){return s.createElement(s.Fragment,null)},hasDemoInsight:!0}))))}function le(e){var a=(0,i.R)(),t=a.experience,o=a.loading,c=(0,l.r)(null).hasShareFlowV2;return o?s.createElement(s.Fragment,null):"none"===t?(n.Q.Ry.throw(new r.d),s.createElement(s.Fragment,null)):"full"===t&&c?s.createElement(Y,null):"full"!==t||c?s.createElement(re,null):s.createElement($.FullClassroomsExperienceView,{query:e.query})}},22767:(e,a,t)=>{t.d(a,{l:()=>d});var s=t(32735),n=t(23481),r=t(2510),l=t(55219),i=t(18006),o=t(9566);const c={background:"HAuP3"};var m=n.T.encloseNamespace("myShares.demoInsights");function d(e){var a,t=e.breakpoints.xs||e.breakpoints.sm,n=e.shareType===r.y.Open?o.po:o.vJ,d=e.shareType===r.y.Open?o.$Z:o.GJ,u=Object.assign(Object.assign({},d),{sharedObject:Object.assign(Object.assign({},e.demoInteractive),{id:i.A})});return s.createElement("div",{className:e.className},s.createElement(l.g,{heading:null!==(a=e.heading)&&void 0!==a?a:m("demoHeading"),isFirst:!0}),s.createElement("div",{className:"".concat(c.background," rounded-3 mb-4")},s.createElement(l.F,{shareData:u,getObjectActions:function(){return[Object.assign(Object.assign({},o.VE),{button:!t,appLink:n})]},imageCdnUrl:e.imageCdnUrl,yearGroups:e.yearGroups,breakpoints:e.breakpoints,className:"bg-light-orange",appLink:function(){return n}})))}},18006:(e,a,t)=>{t.d(a,{A:()=>s});var s="GRWx6w"}}]);
2
+ //# sourceMappingURL=7843-fb27a0c27f-lite.chunk.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"scripts/7843-fb27a0c27f-lite.chunk.js","mappings":"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","sources":["file:///app/packages/projects/lite/src/apps/classrooms/components/open-classrooms-table/OpenClassroomsTable.tsx","file:///app/packages/projects/lite/src/apps/classrooms/components/classroom-label/ClassroomLabel.tsx","file:///app/packages/projects/lite/src/apps/classrooms/components/pinned-classrooms-tiles/empty-state/EmptyPinnedClassroomsTiles.tsx","file:///app/packages/projects/lite/src/apps/classrooms/components/pinned-classrooms-tiles/pinned-classrooms-tiles.scss","file:///app/packages/projects/lite/src/apps/classrooms/components/pinned-classrooms-tiles/partial-loading/PartialPinnedClassroomsTiles.tsx","file:///app/packages/projects/lite/src/apps/classrooms/components/pinned-classrooms-tiles/PinnedClassroomsTiles.tsx","file:///app/packages/projects/lite/src/apps/classrooms/views/classrooms-overview/ClassroomsOverviewView.tsx","file:///app/packages/projects/lite/src/apps/classrooms/views/minimal-classrooms-experience/MinimalClassroomsExperienceView.tsx","file:///app/packages/projects/lite/src/apps/classrooms/views/classrooms/ClassroomsView.tsx","file:///app/packages/projects/lite/src/apps/my-shares/components/my-shares-demo-insight/my-shares-demo-insights.scss","file:///app/packages/projects/lite/src/apps/my-shares/components/my-shares-demo-insight/MySharesDemoInsight.tsx","file:///app/packages/projects/lite/src/apps/my-shares/constants/DemoInsights.ts"],"sourcesContent":["import React from 'react';\n\nimport { InfiniteScrollFooter } from 'libs/shared/components/infinite-scroll-footer/InfiniteScrollFooter';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { Breakpoints } from 'libs/shared/hooks/useBreakpoints';\nimport { HasPermissionsFunc } from 'libs/shared/hooks/usePermissions';\nimport { YearGroup } from 'libs/shared/interfaces';\n\nimport { useSharesTable } from 'shared/hooks/useSharesTable';\n\nimport { MySharesTableEmptyState } from 'apps/my-shares/components/my-shares-table/empty-state/MySharesTableEmptyState';\nimport { MySharesTable } from 'apps/my-shares/components/my-shares-table/MySharesTable';\nimport { PartialMySharesTable } from 'apps/my-shares/components/my-shares-table/partial-loading/PartialMySharesTable';\nimport { getShareObjectActions, getSharesParams } from 'apps/my-shares/views/my-shares/MySharesViewUtils';\n\ninterface OpenClassroomsTableProps {\n shareData: ReturnType<typeof useSharesTable>;\n hasShareFlowV2: boolean;\n hasPermissions: HasPermissionsFunc;\n breakpoints: Breakpoints;\n isPlugin: boolean;\n imageCdnUrl: string;\n yearGroups: YearGroup[];\n hasDemoInsight?: boolean;\n\n emptyState?: () => JSX.Element;\n loadingState?: () => JSX.Element;\n\n className?: string;\n loading?: boolean;\n}\n\nexport function OpenClassroomsTable(props: OpenClassroomsTableProps) {\n const hasInsightsPermission = props.hasShareFlowV2 && props.hasPermissions(PermissionName.ViewInsights);\n const sharesParams = getSharesParams([]);\n\n const LoadingComponent = props.loadingState ?? PartialMySharesTable;\n const EmptyStateComponent = props.emptyState ?? MySharesTableEmptyState;\n \n if (props.loading || props.shareData.showPartialLoading)\n return <LoadingComponent />;\n\n if (!props.shareData.sentShares.length)\n return <EmptyStateComponent />;\n\n return (\n <div className={props.className}>\n <MySharesTable\n sentShares={props.shareData.sentShares}\n sharedObjects={props.shareData.sharedObjects.items}\n shareRecipients={props.shareData.shareRecipients.items}\n interactivesPendingReview={props.shareData.interactivesPendingReview.itemsArr}\n getObjectActions={row => getShareObjectActions({\n share: row.share,\n sharedObject: row.sharedObject,\n audienceParams: sharesParams.audienceAppLinkParams,\n hasInsights: hasInsightsPermission,\n isPlugin: props.isPlugin,\n breakpoints: props.breakpoints\n })}\n groupByDateShared\n breakpoints={props.breakpoints}\n imageCdnUrl={props.imageCdnUrl}\n yearGroups={props.yearGroups}\n hasDemoInsights={props.hasDemoInsight}\n />\n {(props.shareData.hasMore || props.shareData.isFetching) &&\n <InfiniteScrollFooter\n isFetching={props.shareData.isFetching}\n fetchNext={props.shareData.fetchNext}\n nextCursor={props.shareData.nextCursor}\n />\n }\n </div>\n );\n}","import React from 'react';\nimport { ButtonProps } from 'react-bootstrap';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { classNames } from 'libs/common/react/utils/ClassNameHelper';\n\nimport { IconCircle } from 'libs/shared/components/icon-circle/IconCircle';\nimport { SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nconst namespace = 'classrooms.classroomLabel';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport type ClassroomLabelType = 'my-school-classrooms' | 'favourite-classroom' | 'open-classroom';\n\ninterface ClassroomLabelProps {\n type: ClassroomLabelType;\n className?: string;\n text?: string;\n}\n\nconst TypePhraseMap: {[key in ClassroomLabelType]: string} = {\n 'my-school-classrooms': 'mySchoolClassrooms',\n 'favourite-classroom': 'favouriteClassroom',\n 'open-classroom': 'openClassroom'\n};\n\nconst TypeVariantMap: {[key in ClassroomLabelType]: ButtonProps['variant']} = {\n 'my-school-classrooms': 'purple',\n 'favourite-classroom': 'purple',\n 'open-classroom': 'blue'\n};\n\nexport function ClassroomLabel(props: ClassroomLabelProps): JSX.Element {\n return (\n <div className={classNames('d-flex align-items-center gap-2', props.className)}>\n <div>\n <IconCircle\n svgName={cvSvgLibrary.Classrooms}\n svgSize={SvgContainerSize.Standard}\n variant={TypeVariantMap[props.type]}\n textVariant='white'\n svgWrapperClassName='p-1'\n />\n </div>\n <h2 className='h4 m-0'>\n {props.text ?? getPhrase(TypePhraseMap[props.type])}\n </h2>\n </div>\n );\n}","import React from 'react';\n\nimport { Text } from 'libs/shared/components/text/Text';\n\nconst namespace = 'classrooms.pinnedClassroomsTiles';\n\nexport function EmptyPinnedClassroomsTiles(): JSX.Element {\n return (\n <div className='py'>\n <Text namespace={namespace} phrase='emptyPinnedClassrooms' />\n </div>\n );\n}","// extracted by mini-css-extract-plugin\nexport default {\"pinnedClassroomTile\":\"jgtOl\",\"pinnedClassroomTileImage\":\"TRhIX\"};","import React from 'react';\n\nimport { classNames } from 'libs/common/react/utils/ClassNameHelper';\n\nimport styles from '../pinned-classrooms-tiles.scss';\n\ninterface PartialPinnedClassroomsTilesProps {\n size: number;\n}\n\nfunction PartialPinnedClassroomsTile(): JSX.Element {\n return (\n <div\n className={classNames('d-flex flex-column rounded overflow-hidden border border-gray-200', styles.pinnedClassroomTile)}\n >\n <figure\n className={classNames('m-0', styles.pinnedClassroomTileImage)}\n />\n\n <div className='d-flex flex-column gap-2 p-2'>\n <span className='partial-loading-background p-2 w-50'></span>\n <span className='partial-loading-background p-2'>\n </span>\n </div>\n </div>\n );\n}\n\nexport function PartialPinnedClassroomsTiles(props: PartialPinnedClassroomsTilesProps): JSX.Element {\n return (\n <div className='d-flex flex-row flex-wrap gap-3'>\n {Array.from({ length: props.size }).map((_, index) => <PartialPinnedClassroomsTile key={index} />)}\n </div>\n );\n}","import React from 'react';\n\nimport { classNames } from 'libs/common/react/utils/ClassNameHelper';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { BG_COLOUR_CLASS_NAMES } from 'libs/shared/constants/ColourClassNames';\nimport { Classroom, EnrolmentRole } from 'libs/shared/interfaces';\nimport { getDeterministicBgColorClass } from 'libs/shared/utils/getBgColorClass';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nimport { EmptyPinnedClassroomsTiles } from './empty-state/EmptyPinnedClassroomsTiles';\nimport { PartialPinnedClassroomsTiles } from './partial-loading/PartialPinnedClassroomsTiles';\n\nimport styles from './pinned-classrooms-tiles.scss';\n\nconst namespace = 'classrooms.pinnedClassroomsTiles';\n\ninterface PinnedClassroomsTileProps {\n classroom: Classroom;\n}\n\nfunction PinnedClassroomsTile(props: PinnedClassroomsTileProps): JSX.Element {\n const studentsCount = props.classroom.enrolments.data.filter(e => e.role === EnrolmentRole.Student).length;\n\n const bgColorClassName = getDeterministicBgColorClass(props.classroom.name, BG_COLOUR_CLASS_NAMES);\n\n return (\n <AppLink\n className={classNames('d-flex flex-column rounded overflow-hidden border border-gray-400', styles.pinnedClassroomTile)}\n appLink={{\n application: AppChannels.CLASSROOMS,\n action: Actions.Classrooms.CLASSROOM_HOME,\n args: [props.classroom.id]\n }}\n >\n <figure\n className={classNames('m-0', styles.pinnedClassroomTileImage, bgColorClassName)}\n />\n\n <div className='d-flex flex-column gap-1 p-2'>\n <span className='fw-medium'>{props.classroom.name}</span>\n <span className='text-muted'>\n {studentsCount\n ? <Text namespace={namespace} phrase='studentsCount' options={{ smartCount: studentsCount }} />\n : <Text namespace={namespace} phrase='noStudents' />\n }\n </span>\n </div>\n </AppLink>\n );\n}\n\ninterface PinnedClassroomsTilesProps {\n classrooms: Classroom[];\n showPartialLoading: boolean;\n emptyStateComponent?: () => JSX.Element;\n loadingStateComponent?: () => JSX.Element;\n}\n\nexport function PinnedClassroomsTiles(props: PinnedClassroomsTilesProps): JSX.Element {\n const EmptyState = props.emptyStateComponent ?? EmptyPinnedClassroomsTiles;\n const LoadingState = props.loadingStateComponent ?? PartialPinnedClassroomsTiles;\n\n if (props.showPartialLoading)\n return <LoadingState size={5} />;\n \n if (!props.classrooms || !props.classrooms.length)\n return <EmptyState />;\n \n return (\n <div className='d-flex flex-row flex-wrap gap-3'>\n {props.classrooms.map(classroom => (\n <PinnedClassroomsTile key={classroom.id} classroom={classroom} />\n ))}\n </div>\n );\n}","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/react/index';\n\nimport { EntityType, LocationContext, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { ShareType } from 'libs/shared/apps/share-v2/enums/ShareType';\nimport { ActionOptions } from 'libs/shared/components/actions/Actions';\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { InsightsDemoRequests } from 'libs/shared/flight-requests/InsightsDemoRequests';\nimport { RosteringRequests } from 'libs/shared/flight-requests/RosteringRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { useSettings } from 'libs/shared/hooks/useSettings';\nimport { ClassroomCollection, Config, CurrentUser, InteractiveMetadata, RosteringResponse, YearGroup } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { usePluginHelper } from 'shared/hooks/use-plugin-helper/usePluginHelper';\nimport { useSharesTable } from 'shared/hooks/useSharesTable';\n\nimport { ClassroomLabel, ClassroomLabelType } from 'apps/classrooms/components/classroom-label/ClassroomLabel';\nimport { ClassroomsHeader } from 'apps/classrooms/components/classrooms-header/ClassroomsHeader';\nimport { OpenClassroomsTable } from 'apps/classrooms/components/open-classrooms-table/OpenClassroomsTable';\nimport { PinnedClassroomsTiles } from 'apps/classrooms/components/pinned-classrooms-tiles/PinnedClassroomsTiles';\nimport { ClassroomRequests } from 'apps/classrooms/flight-requests/ClassroomRequests';\nimport { MySharesDemoInsight } from 'apps/my-shares/components/my-shares-demo-insight/MySharesDemoInsight';\n\nconst namespace = 'classrooms.classroomsOverview';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface ClassroomSectionHeadingProps {\n type: ClassroomLabelType;\n appLink?: Core.AppLink;\n hideSeeAll?: boolean;\n}\n\nfunction ClassroomSectionHeading(props: ClassroomSectionHeadingProps): JSX.Element {\n return (\n <div className='d-flex flex-row justify-content-between align-items-center mb-3'>\n <ClassroomLabel type={props.type} />\n {props.appLink && !props.hideSeeAll && (\n <AppLink appLink={props.appLink}>\n <Text namespace={namespace} phrase='seeAll' />\n </AppLink>\n )}\n </div>\n );\n}\n\nexport function ClassroomsOverviewView(): JSX.Element {\n useSetPageMetadata({\n title: getPhrase('pageTitle')\n });\n\n const breakpoints = useBreakpoints();\n const { isPlugin } = usePluginHelper();\n const { hasPermissions } = usePermissions();\n const { hasShareFlowV2 } = useSettings(null);\n\n const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n const demoInteractive = Flight.useBasicFetch<InteractiveMetadata>(\n InsightsDemoRequests.interactiveMetadata()\n );\n const yearGroups = Flight.useBasicFetch<YearGroup[]>(\n currentUser.data?.isAuthenticated && CustomerRequests.yearGroups(currentUser.data.customerId)\n );\n const rostering = Flight.useBasicFetch<RosteringResponse>(RosteringRequests.getRostering());\n const hasRostering = rostering.data?.status && rostering.data.status !== 'None';\n const shareData = useSharesTable({\n interactiveInsights: true,\n shouldFetch: hasShareFlowV2,\n params: {\n type: [ShareType.Open]\n }\n });\n const favouriteClassrooms = Flight.useBasicFetch<ClassroomCollection>(\n ClassroomRequests.getPinnedClassrooms(\n currentUser.data?.id,\n currentUser.data?.customerId,\n { withStudents: true, limit: 5 }\n )\n );\n\n function getActions(): ActionOptions[] {\n return [{\n label: LanguageService.getPhrase(namespace, 'newClassroom'),\n appLink: {\n application: AppChannels.CLASSROOMS,\n action: Actions.Classrooms.NEW_CLASSROOM\n },\n svgName: cvSvgLibrary.Plus,\n className: 'btn btn-outline-dark',\n disabled: hasRostering,\n tooltip: hasRostering ? getPhrase('disabledByRostering') : '',\n analyticsOptions: {\n actionType: UserAction.Create,\n entity: EntityType.Classroom,\n workflowPhase: WorkflowPhase.Start,\n location: LocationContext.ClassroomsList\n },\n button: !breakpoints.xs\n }];\n }\n \n const loaded = !!config.data && !!demoInteractive.data && !!yearGroups.data && !!favouriteClassrooms.data;\n\n return (\n <div className='px-3'>\n <ClassroomsHeader\n activeTab='overview'\n actions={getActions()}\n hasRostering={hasRostering}\n hasShareFlowV2={hasShareFlowV2}\n />\n\n <section className='mb-4'>\n <ClassroomSectionHeading\n type='favourite-classroom'\n appLink={{\n application: AppChannels.CLASSROOMS,\n action: Actions.Classrooms.VIEW_ALL\n }}\n hideSeeAll={!favouriteClassrooms.data?.data?.length}\n />\n\n <PinnedClassroomsTiles\n showPartialLoading={!loaded}\n classrooms={favouriteClassrooms.data?.data}\n />\n </section>\n\n <section className='mb-4'>\n <ClassroomSectionHeading\n type='open-classroom'\n appLink={{\n application: AppChannels.CLASSROOMS,\n action: Actions.Classrooms.OPEN_CLASSROOMS\n }}\n hideSeeAll={!shareData.sentShares?.length}\n />\n\n <OpenClassroomsTable\n loading={!loaded}\n shareData={shareData}\n hasShareFlowV2={hasShareFlowV2}\n hasPermissions={hasPermissions}\n breakpoints={breakpoints}\n isPlugin={isPlugin}\n imageCdnUrl={config.data?.imageCdnUrl}\n yearGroups={yearGroups.data}\n className='mt-3'\n emptyState={() => (\n <MySharesDemoInsight\n heading={getPhrase('demoHeading')}\n demoInteractive={demoInteractive.data}\n breakpoints={breakpoints}\n imageCdnUrl={config.data?.imageCdnUrl}\n yearGroups={yearGroups.data}\n className='mt-3'\n shareType={ShareType.Open}\n />\n )}\n />\n\n </section>\n </div>\n );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/react/index';\n\nimport { EntityType, LocationContext, SignUpDescriptors, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\nimport { UrlHelper } from 'libs/analytics/utils/UrlHelper';\n\nimport { ShareType } from 'libs/shared/apps/share-v2/enums/ShareType';\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { ExternalLink } from 'libs/shared/components/external-link/ExternalLink';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { InsightsDemoRequests } from 'libs/shared/flight-requests/InsightsDemoRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { useSettings } from 'libs/shared/hooks/useSettings';\nimport { Config, CurrentUser, InteractiveMetadata, YearGroup } from 'libs/shared/interfaces';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { usePluginHelper } from 'shared/hooks/use-plugin-helper/usePluginHelper';\nimport { useSharesTable } from 'shared/hooks/useSharesTable';\n\nimport { ClassroomLabel } from 'apps/classrooms/components/classroom-label/ClassroomLabel';\nimport { ClassroomsHeader } from 'apps/classrooms/components/classrooms-header/ClassroomsHeader';\nimport { OpenClassroomsTable } from 'apps/classrooms/components/open-classrooms-table/OpenClassroomsTable';\nimport { MySharesDemoInsight } from 'apps/my-shares/components/my-shares-demo-insight/MySharesDemoInsight';\n\nconst namespace = 'classrooms.minimalClassroomsExperience';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\nconst productIntegrationsPath = '/product/integrations';\n\nexport function MinimalClassroomsExperienceView(): JSX.Element {\n useSetPageMetadata({\n title: getPhrase('pageTitle')\n });\n\n const breakpoints = useBreakpoints();\n const { isPlugin } = usePluginHelper();\n const { hasPermissions } = usePermissions();\n const { hasShareFlowV2 } = useSettings(null);\n\n const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n const demoInteractive = Flight.useBasicFetch<InteractiveMetadata>(\n InsightsDemoRequests.interactiveMetadata()\n );\n const yearGroups = Flight.useBasicFetch<YearGroup[]>(\n currentUser.data?.isAuthenticated && CustomerRequests.yearGroups(currentUser.data.customerId)\n );\n const shareData = useSharesTable({\n interactiveInsights: true,\n shouldFetch: hasShareFlowV2,\n params: {\n type: [ShareType.Open]\n }\n });\n \n const loaded = !!config.data && !!demoInteractive.data && !!yearGroups.data;\n\n return (\n <div className='px-3'>\n <ClassroomsHeader\n activeTab='classrooms'\n hasRostering={false}\n hasShareFlowV2={hasShareFlowV2}\n hideTabs\n />\n\n <section className='mb-4'>\n <ClassroomLabel type='my-school-classrooms' />\n\n <div className='d-flex flex-column flex-sm-row justify-content-between gap-2 bg-light-blue rounded p-3 align-items-center mt-3'>\n <div>\n <Text namespace={namespace} phrase='myClassroomsNotice' />&nbsp;\n <ExternalLink\n href={UrlHelper.safeUrlConcat(config.data?.marketingSiteUrl, productIntegrationsPath)} className='text-underline'\n newTab\n >\n <Text namespace={namespace} phrase='learnMore' />\n </ExternalLink>\n </div>\n <div>\n <AppLink\n className='btn btn-outline-dark hover-bg-white'\n appLink={{\n application: AppChannels.SIGN_UP,\n action: Actions.SignUp.UPGRADE\n }}\n analyticsData={{}}\n analyticsOptions={{\n actionType: UserAction.Click,\n location: LocationContext.Classroom,\n entity: EntityType.AppLink,\n descriptor: SignUpDescriptors.Upgrade,\n workflowPhase: WorkflowPhase.Start\n }}\n >\n <Text namespace={namespace} phrase='requestFullAccess' />\n </AppLink>\n </div>\n </div>\n </section>\n\n <section className='mb-4'>\n <ClassroomLabel type='open-classroom' />\n\n {loaded &&\n <>\n <MySharesDemoInsight\n heading={getPhrase('demoHeading')}\n demoInteractive={demoInteractive.data}\n breakpoints={breakpoints}\n imageCdnUrl={config.data?.imageCdnUrl}\n yearGroups={yearGroups.data}\n className='mt-3'\n shareType={ShareType.Open}\n />\n \n <OpenClassroomsTable\n shareData={shareData}\n hasShareFlowV2={hasShareFlowV2}\n hasPermissions={hasPermissions}\n breakpoints={breakpoints}\n isPlugin={isPlugin}\n imageCdnUrl={config.data?.imageCdnUrl}\n yearGroups={yearGroups.data}\n className='mt-3'\n emptyState={() => <></>}\n hasDemoInsight\n />\n </>\n\n }\n </section>\n </div>\n );\n}","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\n\nimport { NotFoundError } from 'libs/shared/errors/general/not-found/NotFoundError';\nimport { useSettings } from 'libs/shared/hooks/useSettings';\n\nimport { useClassroomExperience } from 'shared/hooks/useClassroomExperience';\n\nimport { ClassroomsOverviewView } from '../classrooms-overview/ClassroomsOverviewView';\nimport { FullClassroomsExperienceView } from '../full-classrooms-experience/FullClassroomsExperienceView';\nimport { MinimalClassroomsExperienceView } from '../minimal-classrooms-experience/MinimalClassroomsExperienceView';\n\ninterface ClassroomsViewProps {\n query: string;\n}\n\n// eslint-disable-next-line rulesdir/require-view-title\nexport function ClassroomsView(props: ClassroomsViewProps): JSX.Element {\n const { experience, loading } = useClassroomExperience();\n const { hasShareFlowV2 } = useSettings(null);\n\n if (loading)\n return <></>;\n \n if (experience === 'none') {\n Core.ErrorHelper.throw(new NotFoundError());\n return <></>;\n }\n \n if (experience === 'full' && hasShareFlowV2) {\n return <ClassroomsOverviewView />;\n }\n\n if (experience === 'full' && !hasShareFlowV2) {\n return <FullClassroomsExperienceView query={props.query} />;\n }\n\n return <MinimalClassroomsExperienceView />;\n}","// extracted by mini-css-extract-plugin\nexport default {\"background\":\"HAuP3\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { ShareType } from 'libs/shared/apps/share-v2/enums/ShareType';\nimport { Breakpoints } from 'libs/shared/hooks/useBreakpoints';\nimport { InteractiveMetadata, YearGroup } from 'libs/shared/interfaces';\n\nimport { MySharesTableHeading, MySharesTableRow } from 'apps/my-shares/components/my-shares-table-row/MySharesTableRow';\nimport { DEMO_INTERACTIVE_ID } from 'apps/my-shares/constants/DemoInsights';\nimport { DEMO_INSIGHTS_ACTION, DEMO_INSIGHTS_APPLINK, DEMO_INSIGHTS_OPEN_CLASSROOM_APPLINK, DEMO_INSIGHTS_OPEN_CLASSROOM_SHARE_TABLE_DATA, DEMO_INSIGHTS_SHARE_TABLE_DATA } from 'apps/my-shares/constants/MySharesDemoInsights';\n\nimport { MySharesTableData } from '../my-shares-table/MySharesTableUtils';\n\nimport styles from './my-shares-demo-insights.scss';\n\nconst namespace = 'myShares.demoInsights';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface MySharesDemoInsightProps {\n demoInteractive: InteractiveMetadata;\n imageCdnUrl: string;\n yearGroups: YearGroup[];\n breakpoints: Breakpoints;\n className?: string;\n heading?: string;\n shareType?: ShareType;\n}\n\nexport function MySharesDemoInsight(props: MySharesDemoInsightProps) {\n const isMobile = props.breakpoints.xs || props.breakpoints.sm;\n\n const appLink = props.shareType === ShareType.Open ? DEMO_INSIGHTS_OPEN_CLASSROOM_APPLINK : DEMO_INSIGHTS_APPLINK;\n\n function getDemoInteractive() {\n return {\n ...props.demoInteractive,\n id: DEMO_INTERACTIVE_ID\n };\n }\n\n function getObjectActions() {\n return [\n {\n ...DEMO_INSIGHTS_ACTION,\n button: !isMobile,\n appLink\n }\n ];\n }\n\n const demoShareTableData = props.shareType === ShareType.Open\n ? DEMO_INSIGHTS_OPEN_CLASSROOM_SHARE_TABLE_DATA\n : DEMO_INSIGHTS_SHARE_TABLE_DATA;\n\n const shareData: MySharesTableData = {\n ...demoShareTableData,\n sharedObject: getDemoInteractive()\n };\n\n return (\n <div className={props.className}>\n <MySharesTableHeading heading={props.heading ?? getPhrase('demoHeading')} isFirst={true} />\n\n <div className={`${styles.background} rounded-3 mb-4`}>\n <MySharesTableRow\n shareData={shareData}\n getObjectActions={getObjectActions}\n imageCdnUrl={props.imageCdnUrl}\n yearGroups={props.yearGroups}\n breakpoints={props.breakpoints}\n className='bg-light-orange'\n appLink={(() => appLink)}\n />\n </div>\n </div>\n );\n}","export const DEMO_INTERACTIVE_ID = 'GRWx6w';"],"names":["OpenClassroomsTable","props","hasInsightsPermission","hasShareFlowV2","hasPermissions","sharesParams","LoadingComponent","loadingState","EmptyStateComponent","emptyState","loading","shareData","showPartialLoading","sentShares","length","className","sharedObjects","items","shareRecipients","interactivesPendingReview","itemsArr","getObjectActions","row","share","sharedObject","audienceParams","audienceAppLinkParams","hasInsights","isPlugin","breakpoints","groupByDateShared","imageCdnUrl","yearGroups","hasDemoInsights","hasDemoInsight","hasMore","isFetching","fetchNext","nextCursor","getPhrase","LanguageService","TypePhraseMap","TypeVariantMap","ClassroomLabel","IconCircle","svgName","svgSize","SvgContainer","S","variant","type","textVariant","svgWrapperClassName","text","EmptyPinnedClassroomsTiles","Text","namespace","phrase","PartialPinnedClassroomsTile","PartialPinnedClassroomsTiles","Array","from","size","map","_","index","key","PinnedClassroomsTile","studentsCount","classroom","enrolments","data","filter","e","role","bgColorClassName","name","AppLink","appLink","application","action","args","id","options","smartCount","PinnedClassroomsTiles","EmptyState","emptyStateComponent","LoadingState","loadingStateComponent","classrooms","ClassroomSectionHeading","hideSeeAll","ClassroomsOverviewView","useSetPageMetadata","title","useBreakpoints","usePluginHelper","usePermissions","useSettings","currentUser","UserRequests","config","ConfigRequests","demoInteractive","InsightsDemoRequests","isAuthenticated","CustomerRequests","customerId","rostering","RosteringRequests","hasRostering","status","useSharesTable","interactiveInsights","shouldFetch","params","ShareType","favouriteClassrooms","ClassroomRequests","withStudents","limit","loaded","ClassroomsHeader","activeTab","actions","label","disabled","tooltip","analyticsOptions","actionType","entity","workflowPhase","location","button","xs","MySharesDemoInsight","heading","shareType","productIntegrationsPath","MinimalClassroomsExperienceView","hideTabs","ExternalLink","href","UrlHelper","marketingSiteUrl","newTab","analyticsData","descriptor","ClassroomsView","useClassroomExperience","experience","NotFoundError","FullClassroomsExperienceView","query","isMobile","sm","demoShareTableData","isFirst","MySharesTableRow","DEMO_INTERACTIVE_ID"],"sourceRoot":""}