@clickview/lite 0.82.2 → 0.83.0-rc.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bundles.json +1 -1
- package/dist/languages/en.json +1 -1
- package/dist/scripts/1074-fdce06d863-lite.chunk.js +2 -0
- package/dist/scripts/1074-fdce06d863-lite.chunk.js.map +1 -0
- package/dist/scripts/{1199-da55d69853-lite.chunk.js → 1199-01cc084886-lite.chunk.js} +1 -1
- package/dist/scripts/{1199-da55d69853-lite.chunk.js.map → 1199-01cc084886-lite.chunk.js.map} +1 -1
- package/dist/scripts/{2664-87c8cbfa7f-lite.chunk.js → 2664-907153c03b-lite.chunk.js} +2 -2
- package/dist/scripts/2664-907153c03b-lite.chunk.js.map +1 -0
- package/dist/scripts/2970-024b1dd55d-lite.chunk.js +2 -0
- package/dist/scripts/2970-024b1dd55d-lite.chunk.js.map +1 -0
- package/dist/scripts/{8133-ffcff3b7fc-lite.chunk.js → 3392-f7f8cb65e5-lite.chunk.js} +3 -3
- package/dist/scripts/3392-f7f8cb65e5-lite.chunk.js.map +1 -0
- package/dist/scripts/3840-59e5e53cda-lite.chunk.js +2 -0
- package/dist/scripts/3840-59e5e53cda-lite.chunk.js.map +1 -0
- package/dist/scripts/{4177-285ddf9ae3-lite.chunk.js → 4177-2d876c7b14-lite.chunk.js} +2 -2
- package/dist/scripts/4177-2d876c7b14-lite.chunk.js.map +1 -0
- package/dist/scripts/{1336-1826f6e582-lite.chunk.js → 4208-0706461da6-lite.chunk.js} +2 -2
- package/dist/scripts/4208-0706461da6-lite.chunk.js.map +1 -0
- package/dist/scripts/{4578-7578bcf17a-lite.chunk.js → 4578-27028d26eb-lite.chunk.js} +2 -2
- package/dist/scripts/4578-27028d26eb-lite.chunk.js.map +1 -0
- package/dist/scripts/4598-8f5266e4c2-lite.chunk.js +2 -0
- package/dist/scripts/4598-8f5266e4c2-lite.chunk.js.map +1 -0
- package/dist/scripts/{4621-1f79d94416-lite.chunk.js → 4621-7fb0a05bcb-lite.chunk.js} +2 -2
- package/dist/scripts/4621-7fb0a05bcb-lite.chunk.js.map +1 -0
- package/dist/scripts/4806-a6f31d703c-lite.chunk.js +2 -0
- package/dist/scripts/4806-a6f31d703c-lite.chunk.js.map +1 -0
- package/dist/scripts/{4948-de1c75e7fb-lite.chunk.js → 4948-ba684e5f4f-lite.chunk.js} +1 -1
- package/dist/scripts/{4948-de1c75e7fb-lite.chunk.js.map → 4948-ba684e5f4f-lite.chunk.js.map} +1 -1
- package/dist/scripts/4985-7e02d5df40-lite.chunk.js +2 -0
- package/dist/scripts/4985-7e02d5df40-lite.chunk.js.map +1 -0
- package/dist/scripts/{5554-17bb3b86fc-lite.chunk.js → 5554-f1f3baf822-lite.chunk.js} +2 -2
- package/dist/scripts/5554-f1f3baf822-lite.chunk.js.map +1 -0
- package/dist/scripts/5712-7cee70c6b4-lite.chunk.js +2 -0
- package/dist/scripts/5712-7cee70c6b4-lite.chunk.js.map +1 -0
- package/dist/scripts/6550-d99e0ed75d-lite.chunk.js +2 -0
- package/dist/scripts/6550-d99e0ed75d-lite.chunk.js.map +1 -0
- package/dist/scripts/{6909-a9b8930e37-lite.chunk.js → 6909-ba75701156-lite.chunk.js} +2 -2
- package/dist/scripts/6909-ba75701156-lite.chunk.js.map +1 -0
- package/dist/scripts/7148-1ced1b5dce-lite.chunk.js +2 -0
- package/dist/scripts/7148-1ced1b5dce-lite.chunk.js.map +1 -0
- package/dist/scripts/7568-55e9b01367-lite.chunk.js +3 -0
- package/dist/scripts/7568-55e9b01367-lite.chunk.js.map +1 -0
- package/dist/scripts/{7617-9d34c841e6-lite.chunk.js → 7617-211f084b70-lite.chunk.js} +2 -2
- package/dist/scripts/7617-211f084b70-lite.chunk.js.map +1 -0
- package/dist/scripts/7742-514844bd1a-lite.chunk.js +2 -0
- package/dist/scripts/7742-514844bd1a-lite.chunk.js.map +1 -0
- package/dist/scripts/7843-cbebf1a786-lite.chunk.js +2 -0
- package/dist/scripts/7843-cbebf1a786-lite.chunk.js.map +1 -0
- package/dist/scripts/8077-870bd8e245-lite.chunk.js +3 -0
- package/dist/scripts/8077-870bd8e245-lite.chunk.js.map +1 -0
- package/dist/scripts/843-4dbc5df109-lite.chunk.js +3 -0
- package/dist/scripts/843-4dbc5df109-lite.chunk.js.LICENSE.txt +1 -0
- package/dist/scripts/843-4dbc5df109-lite.chunk.js.map +1 -0
- package/dist/scripts/8735-e74a148502-lite.chunk.js +2 -0
- package/dist/scripts/8735-e74a148502-lite.chunk.js.map +1 -0
- package/dist/scripts/8856-2d332952ae-lite.chunk.js +2 -0
- package/dist/scripts/8856-2d332952ae-lite.chunk.js.map +1 -0
- package/dist/scripts/904-2784e45cfc-lite.chunk.js +2 -0
- package/dist/scripts/904-2784e45cfc-lite.chunk.js.map +1 -0
- package/dist/scripts/{9042-fdc5ecb459-lite.chunk.js → 9042-fd7e79b891-lite.chunk.js} +1 -1
- package/dist/scripts/{9042-fdc5ecb459-lite.chunk.js.map → 9042-fd7e79b891-lite.chunk.js.map} +1 -1
- package/dist/scripts/9295-eb130a0b17-lite.chunk.js +2 -0
- package/dist/scripts/9295-eb130a0b17-lite.chunk.js.map +1 -0
- package/dist/scripts/9528-4e954d9dff-lite.chunk.js +2 -0
- package/dist/scripts/9528-4e954d9dff-lite.chunk.js.map +1 -0
- package/dist/scripts/{9742-5f99d74bb0-lite.chunk.js → 9742-3f6b75484a-lite.chunk.js} +2 -2
- package/dist/scripts/9742-3f6b75484a-lite.chunk.js.map +1 -0
- package/dist/scripts/979-6a70a0e616-lite.chunk.js +2 -0
- package/dist/scripts/979-6a70a0e616-lite.chunk.js.map +1 -0
- package/dist/scripts/{3612-8c6423bd51-lite.chunk.js → 9911-8892b6dbfe-lite.chunk.js} +2 -2
- package/dist/scripts/{3612-8c6423bd51-lite.chunk.js.map → 9911-8892b6dbfe-lite.chunk.js.map} +1 -1
- package/dist/scripts/bundle-f926852f33.min.js +3 -0
- package/dist/scripts/{bundle-9a3e49399a.min.js.map → bundle-f926852f33.min.js.map} +1 -1
- package/package.json +1 -1
- package/dist/css/2074-lite-ac8da6c78b.chunk.css +0 -4
- package/dist/scripts/1202-d96ad80884-lite.chunk.js +0 -2
- package/dist/scripts/1202-d96ad80884-lite.chunk.js.map +0 -1
- package/dist/scripts/1336-1826f6e582-lite.chunk.js.map +0 -1
- package/dist/scripts/2074-39b86b9a22-lite.chunk.js +0 -2
- package/dist/scripts/2074-39b86b9a22-lite.chunk.js.map +0 -1
- package/dist/scripts/2664-87c8cbfa7f-lite.chunk.js.map +0 -1
- package/dist/scripts/2888-2596e106a5-lite.chunk.js +0 -2
- package/dist/scripts/2888-2596e106a5-lite.chunk.js.map +0 -1
- package/dist/scripts/289-669c0c8222-lite.chunk.js +0 -2
- package/dist/scripts/289-669c0c8222-lite.chunk.js.map +0 -1
- package/dist/scripts/3840-98c79fc0d8-lite.chunk.js +0 -2
- package/dist/scripts/3840-98c79fc0d8-lite.chunk.js.map +0 -1
- package/dist/scripts/3893-2856933742-lite.chunk.js +0 -2
- package/dist/scripts/3893-2856933742-lite.chunk.js.map +0 -1
- package/dist/scripts/4006-9dfe9cec1b-lite.chunk.js +0 -3
- package/dist/scripts/4006-9dfe9cec1b-lite.chunk.js.map +0 -1
- package/dist/scripts/4177-285ddf9ae3-lite.chunk.js.map +0 -1
- package/dist/scripts/4578-7578bcf17a-lite.chunk.js.map +0 -1
- package/dist/scripts/4621-1f79d94416-lite.chunk.js.map +0 -1
- package/dist/scripts/4806-f36469abb7-lite.chunk.js +0 -2
- package/dist/scripts/4806-f36469abb7-lite.chunk.js.map +0 -1
- package/dist/scripts/4985-bdfa839f8f-lite.chunk.js +0 -2
- package/dist/scripts/4985-bdfa839f8f-lite.chunk.js.map +0 -1
- package/dist/scripts/5554-17bb3b86fc-lite.chunk.js.map +0 -1
- package/dist/scripts/5579-a9c152057f-lite.chunk.js +0 -2
- package/dist/scripts/5579-a9c152057f-lite.chunk.js.map +0 -1
- package/dist/scripts/5712-e784cfe89c-lite.chunk.js +0 -2
- package/dist/scripts/5712-e784cfe89c-lite.chunk.js.map +0 -1
- package/dist/scripts/6070-a390fdce21-lite.chunk.js +0 -2
- package/dist/scripts/6070-a390fdce21-lite.chunk.js.map +0 -1
- package/dist/scripts/6909-a9b8930e37-lite.chunk.js.map +0 -1
- package/dist/scripts/7401-98135f09e8-lite.chunk.js +0 -2
- package/dist/scripts/7401-98135f09e8-lite.chunk.js.map +0 -1
- package/dist/scripts/7617-9d34c841e6-lite.chunk.js.map +0 -1
- package/dist/scripts/7742-342db3ce4f-lite.chunk.js +0 -2
- package/dist/scripts/7742-342db3ce4f-lite.chunk.js.map +0 -1
- package/dist/scripts/7843-f6033528ce-lite.chunk.js +0 -2
- package/dist/scripts/7843-f6033528ce-lite.chunk.js.map +0 -1
- package/dist/scripts/787-dcb3a0a26c-lite.chunk.js +0 -2
- package/dist/scripts/787-dcb3a0a26c-lite.chunk.js.map +0 -1
- package/dist/scripts/8077-9fdb522d7e-lite.chunk.js +0 -2
- package/dist/scripts/8077-9fdb522d7e-lite.chunk.js.map +0 -1
- package/dist/scripts/8133-ffcff3b7fc-lite.chunk.js.map +0 -1
- package/dist/scripts/8364-ff63447d36-lite.chunk.js +0 -3
- package/dist/scripts/8364-ff63447d36-lite.chunk.js.map +0 -1
- package/dist/scripts/8672-6967ce8a23-lite.chunk.js +0 -2
- package/dist/scripts/8672-6967ce8a23-lite.chunk.js.map +0 -1
- package/dist/scripts/9295-4242401e60-lite.chunk.js +0 -2
- package/dist/scripts/9295-4242401e60-lite.chunk.js.map +0 -1
- package/dist/scripts/9742-5f99d74bb0-lite.chunk.js.map +0 -1
- package/dist/scripts/979-4b893e5603-lite.chunk.js +0 -2
- package/dist/scripts/979-4b893e5603-lite.chunk.js.map +0 -1
- package/dist/scripts/9911-9272b96e46-lite.chunk.js +0 -2
- package/dist/scripts/9911-9272b96e46-lite.chunk.js.map +0 -1
- package/dist/scripts/bundle-9a3e49399a.min.js +0 -3
- /package/dist/css/{787-lite-5a317efacd.chunk.css → 2970-lite-5a317efacd.chunk.css} +0 -0
- /package/dist/css/{6070-lite-45dc286aab.chunk.css → 6550-lite-45dc286aab.chunk.css} +0 -0
- /package/dist/css/{2888-lite-856c02f000.chunk.css → 7148-lite-856c02f000.chunk.css} +0 -0
- /package/dist/css/{8364-lite-db31e36b79.chunk.css → 843-lite-db31e36b79.chunk.css} +0 -0
- /package/dist/css/{9911-lite-856c02f000.chunk.css → 8735-lite-856c02f000.chunk.css} +0 -0
- /package/dist/css/{5579-lite-f8e496136d.chunk.css → 8856-lite-f8e496136d.chunk.css} +0 -0
- /package/dist/css/{289-lite-2435a34b13.chunk.css → 904-lite-2435a34b13.chunk.css} +0 -0
- /package/dist/css/{1202-lite-4a892bdbf2.chunk.css → 9528-lite-4a892bdbf2.chunk.css} +0 -0
- /package/dist/css/{3612-lite-2b4142796a.chunk.css → 9911-lite-2b4142796a.chunk.css} +0 -0
- /package/dist/scripts/{4006-9dfe9cec1b-lite.chunk.js.LICENSE.txt → 3392-f7f8cb65e5-lite.chunk.js.LICENSE.txt} +0 -0
- /package/dist/scripts/{8133-ffcff3b7fc-lite.chunk.js.LICENSE.txt → 7568-55e9b01367-lite.chunk.js.LICENSE.txt} +0 -0
- /package/dist/scripts/{8364-ff63447d36-lite.chunk.js.LICENSE.txt → 8077-870bd8e245-lite.chunk.js.LICENSE.txt} +0 -0
- /package/dist/scripts/{bundle-9a3e49399a.min.js.LICENSE.txt → bundle-f926852f33.min.js.LICENSE.txt} +0 -0
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[3840],{22406:(e,t,n)=>{n.d(t,{r:()=>u});var a=n(32735),r=n(23481),i=n(83914),o=n(36532),l=n(35223);const s={tag:"XRj8d",tooltip:"X6mLk"};var c="specialEventCalendar.comingSoonTag";function u(e){return a.createElement(o.u,{title:r.T.getPhrase(c,"tooltip"),spanHackClassName:"d-block ".concat(s.tooltip),spanHack:!0},a.createElement("div",{className:"d-flex text-dark align-items-center ".concat(s.tag," ").concat(e.className)},a.createElement(i.x,{svgName:l.vn.Timer}),!e.onlyIcon&&r.T.getPhrase(c,"comingSoon")))}},78408:(e,t,n)=>{n.d(t,{s:()=>o});var a=n(32735),r=n(15611);const i={dateItem:"I3SBm",label:"PRORs",body:"RfiM_",bodyDay:"ZOVny",bodyRange:"vYhXN",bodyMonth:"mYslO",month:"EPkkQ"};function o(e){var t,n,o;return a.createElement(r.F,{appLink:null===(t=e.getAppLink)||void 0===t?void 0:t.call(e),className:"text-decoration-none text-center bg-white text-dark border border-3 ".concat(null===(n=e.theme)||void 0===n?void 0:n.border," rounded-3 d-block fw-semibold ").concat(e.className),analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},a.createElement("div",{className:"position-relative ".concat(i.dateItem)},a.createElement("div",{className:"".concat(null===(o=e.theme)||void 0===o?void 0:o.background," py-1 ").concat(i.label," d-flex align-items-center justify-content-center")},e.label?e.label:a.createElement(a.Fragment,null," ")),a.createElement("div",{className:"".concat(function(){switch(e.body.type){case"range":return i.bodyRange;case"day":return i.bodyDay;case"month":return i.bodyMonth}}()," ").concat(i.body," my-2")},e.body.text),a.createElement("div",{className:"mb-0 ".concat(i.month)},e.month)))}},49087:(e,t,n)=>{n.d(t,{G:()=>i});var a=n(1048),r=n(4594),i={isPlaylist:function(e){return(null==e?void 0:e.typeId)===r.E.Playlist},isOwner:function(e,t){var n;return!(!t||!e||a.t.isEmpty(e._liteOwner))&&e._liteOwner.id.toString()===(null===(n=t.id)||void 0===n?void 0:n.toString())},getVideoCount:function(e){var t,n,a;if(e){var r=0;return(null===(t=e.videos)||void 0===t?void 0:t.count)&&(r+=e.videos.count),(null===(n=e.clips)||void 0===n?void 0:n.count)&&(r+=e.clips.count),(null===(a=e.interactives)||void 0===a?void 0:a.count)&&(r+=e.interactives.count),r}}}},67814:(e,t,n)=>{n.d(t,{p:()=>k,v:()=>L});var a=n(32735),r=n(110),i=n(50690),o=n(22406),l=n(78408),s=n(83657),c=n(23481),u=n(15611),d=n(83914),m=n(35223),p="shared.backButton";function f(e){var t=Object.assign({textShadow:!0},e),n=t.backToName,r=t.appLink,i=t.color,o=t.extraClasses,l=t.textShadow,s=n?c.T.getPhrase(p,"backTo",{backToName:n}):c.T.getPhrase(p,"back"),f="black"===i?"":"text-white",v=l?"text-shadow":"";return a.createElement(u.F,{appLink:r,className:"d-inline-flex align-items-center h5 mb-0 ".concat(o," ").concat(f," ").concat(v)},a.createElement(d.x,{svgName:m.vn.ChevronLeft,size:d.S.Medium}),a.createElement("span",{className:"ms-1"},s))}f.defaultProps={color:"black",extraClasses:""};var v=n(4527),y=n(83345),h=n(7733),g=n(10587),b=n(94232),w=n(54610),C=n(79967),S=n(9085),E=n(67453);const A={bannerContent:"sSCTB",actionsContainer:"Z5WI2",bannerContentWithLogo:"rgs7Q",container:"M51HJ",logoContainer:"vkeJk",logoContainerLeft:"M3U9B",logoHeading:"EtRwC",specialEventContainer:"rOxDc",headingLarge:"_8pnV",heading:"JXVBH"};var I="".concat(g.y[w.__.Banners].width,":").concat(g.y[w.__.Banners].height);function O(e){return e.length<160?"h1":A.headingLarge}var k=a.memo(function(e){var t,n,c,u,d=e.heading,m=e.banner,p=e.imageCdnUrl,g=e.actions,k=e.sortComponent,L=e.blockColourClass,P=e.specialEvent,N=a.useContext(b.n),x=(0,C.k)().xxl?1920:1200,j=a.useMemo(function(){if(!P||e.showComingSoon)return!1;var t=r.O.format(new Date,"YYYY-MM-DD");return P.endDate?P.startDate<=t&&P.endDate>=t:P.startDate===t},[P]),F=e.imageOptions||{width:x,ratio:I,resizeType:w.Nq.Cover},T=!!m&&!!p&&E.j.createBannerUrl(m,{fallbackBaseUrl:p,fallbackCategoryName:d,type:w.__.Banners},F),V={className:"banner banner-header ".concat(e.bannerClassName),style:T?{backgroundImage:"url('".concat(T,"')")}:{}};!m&&L&&(delete V.style,V.className+=" ".concat(L));var D=e.detailsComponent,M=(0,S.x)(e.heading,h.o);return i.b.renderInPortalIfExists(a.createElement("header",Object.assign({},V),a.createElement("div",{className:"container ".concat(A.container," position-relative inner-banner")},e.backButtonAppLink&&a.createElement("div",{className:"pt-3"},a.createElement(f,{appLink:e.backButtonAppLink,backToName:e.backButtonText,extraClasses:e.backButtonClasses,color:"white"})),a.createElement("div",{className:"".concat(e.alignLogoLeft?"position-absolute top-50 start-0 translate-middle-y w-100 ps-4":"".concat(A.bannerContent," px-2 ").concat((null===(t=e.logo)||void 0===t?void 0:t.url)?A.bannerContentWithLogo:""))},!!P&&a.createElement("div",{className:"position-relative ".concat(A.specialEventContainer)},a.createElement(l.s,{body:{type:P.endDate?"range":"day",text:P.endDate?"".concat(r.O.format(P.startDate,"DD"),"-").concat(r.O.format(P.endDate,"DD")):r.O.format(P.startDate,"DD")},month:function(e){return e.endDate?r.O.isSame(e.startDate,e.endDate,"month")?r.O.format(e.startDate,"MMMM"):"".concat(r.O.format(e.startDate,"MMM")," - ").concat(r.O.format(e.endDate,"MMM")):r.O.format(e.startDate,"MMMM")}(P),theme:e.calendarTheme})),a.createElement("div",null,j&&a.createElement("div",{className:"rounded-pill py-1 px-2 my-1 me-1 fw-semibold bg-light-blue lh-1 d-inline-block"},a.createElement(y.x,{namespace:"shared.bannerHeader",phrase:"onToday"})),e.showComingSoon&&a.createElement(o.r,{className:"pe-2 fw-semibold mb-1 rounded-pill justify-content-start text-nowrap"}),a.createElement("div",{className:"d-flex align-items-center"},e.alignLogoLeft&&(null===(n=e.logo)||void 0===n?void 0:n.url)&&a.createElement("div",{className:"".concat(A.logoContainerLeft," d-none d-md-block rounded-circle overflow-hidden me-3 ").concat(M)},a.createElement(v.w,{src:E.j.createUrl(null===(c=e.logo)||void 0===c?void 0:c.url,{size:w.h2.Medium}),style:{backgroundColor:e.logoBgColour}})),a.createElement("h1",{className:"text-white text-shadow pe-3 position-static ".concat(A.heading," ").concat(O(d)," ").concat(e.alignLogoLeft?"w-50":"")},d,D&&a.createElement(D,null)))),!!g&&a.createElement("div",{className:A.actionsContainer},a.createElement(s.e,{actions:g,sortComponent:k,actionsDropdownClassName:e.actionsDropdownClassName}))),!e.alignLogoLeft&&!!(null===(u=e.logo)||void 0===u?void 0:u.url)&&a.createElement("div",{className:A.logoContainer},a.createElement("img",{src:E.j.createUrl(e.logo.url,{size:w.h2.Medium}),className:"rounded-circle"})))),null==N?void 0:N.container)},function(e,t){var n,a;return e.actions===t.actions&&e.heading===t.heading&&(null===(n=e.logo)||void 0===n?void 0:n.url)===(null===(a=t.logo)||void 0===a?void 0:a.url)});function L(){var e=a.useContext(b.n);return i.b.renderInPortalIfExists(a.createElement("div",{className:"partial-banner partial-loading-background ".concat(A.banner)}),null==e?void 0:e.container)}},94644:(e,t,n)=>{n.d(t,{r:()=>u});var a=n(50242),r=n(81886),i=n(67058),o=n(14553),l=n(49267),s=n(49075),c={notFound:i.d,forbidden:{rating:o.q,yearLevel:o.q,region:l.a,privacy:o.q},badRequest:s._,internalServerError:s._};function u(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(e){var i;i="number"==typeof e?e:e.status;var o=Object.assign(Object.assign({},c),t);i&&r.Q.Ry.isStatusCodeError(i)&&(i!==a.o.InternalServer?i!==a.o.NotFound?i!==a.o.Forbidden?n.badRequest||r.Q.Ry.throw(new o.badRequest):n.forbidden||r.Q.Ry.throw(new o.forbidden.privacy):n.notFound||r.Q.Ry.throw(new o.notFound):n.internalServerError||r.Q.Ry.throw(new s._))}}},39902:(e,t,n)=>{n.d(t,{FN:()=>f,SW:()=>v,fh:()=>p});var a=n(32735),r=n(20354),i=n(75896);function o(e){return function(e){if(Array.isArray(e))return s(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||l(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function l(e,t){if(e){if("string"==typeof e)return s(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function u(e,t,n){return(t=function(e){var t=function(e){if("object"!=c(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==c(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var d=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n},m=50;function p(e,t){var n=i.m.chunk(e,m).map(function(e){return t(i.m.uniq(e))}),a=r.a.useBasicFetchAll(n),o=i.m.flatten(a.data),l=a.data.length?o.reduce(function(e,t){return Object.assign(Object.assign({},e),u({},t.id,t))},{}):null;return{itemsArr:o,items:l,isFetching:a.isFetching,hasCompleted:a.hasCompleted}}function f(e,t,n){var r=null!=n?n:function(e){return"object"===c(e)?e.id:e},i=v({getRequest:t,_getKey:n}),o=i.fetchItems,l=d(i,["fetchItems"]);return a.useEffect(function(){(null==e?void 0:e.length)&&o(e)},[null==e?void 0:e.map(r).join(",")]),l}function v(e){var t,n,s,d,p,f=null!==(t=e._getKey)&&void 0!==t?t:function(e){return"object"===c(e)?e.id:e},v=a.useRef(new Set),y=(d=a.useState([]),p=2,function(e){if(Array.isArray(e))return e}(d)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,l=[],s=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(a=i.call(n)).done)&&(l.push(a.value),l.length!==t);s=!0);}catch(e){c=!0,r=e}finally{try{if(!s&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw r}}return l}}(d,p)||l(d,p)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),h=y[0],g=y[1],b=r.a.useBasicFetchAll(h),w=i.m.flatten(b.data),C=b.data.length?w.reduce(function(e,t){return Object.assign(Object.assign({},e),u({},f(t),t))},{}):null;return{hasFirstRequestCompleted:!!(null===(s=null===(n=b.responses)||void 0===n?void 0:n[0])||void 0===s?void 0:s.hasCompleted),itemsArr:w,items:C,isFetching:b.isFetching,fetchItems:function(t){if(null==t?void 0:t.length){var n=[];t.forEach(function(e){var t=f(e);v.current.has(t)||(n.push(e),v.current.add(t))}),n.length&&g(function(t){return[].concat(o(t),o(i.m.chunk(n,m).map(e.getRequest)))})}}}}},91286:(e,t,n)=>{n.d(t,{v:()=>o});var a=n(32735),r=n(94644);function i(e){return e.map(function(e){return e.statusCode}).join(":")}function o(e,t,n){var o=Array.isArray(e)?e:[e];(0,a.useEffect)(function(){o.forEach(function(e){(0,r.r)(e.statusCode,t,n)})},[i(o),t,n])}},60115:(e,t,n)=>{n.d(t,{K:()=>c});var a=n(32735),r=n(50242),i=n(91967),o=400,l=n(45719);function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}function c(e,t,n,c,u,d){var m,p,f,v,y=(m=(0,a.useState)(0),p=2,function(e){if(Array.isArray(e))return e}(m)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,l=[],s=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(a=i.call(n)).done)&&(l.push(a.value),l.length!==t);s=!0);}catch(e){c=!0,r=e}finally{try{if(!s&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw r}}return l}}(m,p)||function(e,t){if(e){if("string"==typeof e)return s(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}(m,p)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),h=y[0],g=y[1],b=t,w=(0,l.P)(function(t){if(!e)return null;var n=e(t);return n?n.key:null},c,u);return f={fetchNextPage:function(){if(t&&e&&w)return g(function(e){return e+1}),b(w.nextCursor)},hasMore:!!(null==w?void 0:w.nextCursor),isFetching:null==w?void 0:w.isFetching,scrollContainer:d},v=function(){if(!f.isFetching){if(f.scrollContainer){var e=f.scrollContainer;if(e.getBoundingClientRect().height+e.scrollTop<e.scrollHeight-o)return}else if(window.innerHeight+document.documentElement.scrollTop<document.documentElement.scrollHeight-o)return;f.fetchNextPage()}},(0,a.useEffect)(function(){var e=i.q.throttle(v,200),t=f.scrollContainer||window;return f.hasMore&&t.addEventListener("scroll",e),function(){return t.removeEventListener("scroll",e)}},[f.hasMore,f.fetchNextPage,f.scrollContainer]),(0,a.useEffect)(function(){w&&w.shouldInitialFetch&&t&&(b(),g(function(e){return e+1}))},[null==w?void 0:w.shouldInitialFetch,t]),(0,a.useEffect)(function(){var e,t;if((null==w?void 0:w.statusCode)&&i.q.isFunction(n)){var a=+(null===(t=null===(e=w.statusCode)||void 0===e?void 0:e.toString())||void 0===t?void 0:t.substr(0,1));a!==r.k.ClientError&&a!==r.k.ServerError||n(h,w.statusCode)}},[null==w?void 0:w.statusCode]),{items:null==w?void 0:w.items,hasMore:!!(null==w?void 0:w.nextCursor),nextCursor:null==w?void 0:w.nextCursor,isFetching:null==w?void 0:w.isFetching,totalItems:null==w?void 0:w.totalItems,hasFirstPageCompleted:null==w?void 0:w.hasFirstPageCompleted}}},63719:(e,t,n)=>{n.d(t,{h:()=>l});var a=n(32735),r=n(77316);function i(e,t){if(e){if("string"==typeof e)return o(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(e,t):void 0}}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}function l(e){var t,n,l=(t=a.useMemo(function(){return r.p.getBuilder()},[]),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,l=[],s=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(a=i.call(n)).done)&&(l.push(a.value),l.length!==t);s=!0);}catch(e){c=!0,r=e}finally{try{if(!s&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw r}}return l}}(t,n)||i(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),s=l[0],c=(0,l[1])(s);return c&&e?[].concat(function(e){return function(e){if(Array.isArray(e))return o(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||i(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}(c),[Object.assign(Object.assign({},e),{active:!0})]):c}},93840:(e,t,n)=>{n.r(t),n.d(t,{PlaylistView:()=>Te});var a=n(32735),r=n(70680),i=n(23481),o=n(81886),l=n(20354),s=n(65858),c=n(49087),u=n(87801),d=n(51365),m=n(183),p=n(89454),f=n(21750),v=n(39151),y=n(1666),h=n(5112),g=n(31949),b=n(69883),w=n(63719),C=n(56520),S=n(91286),E=n(60115),A=n(22902);function I(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}var O=n(79612),k=n(76753),L=n(54569),P=n(31908),N=n(14070),x=n(97291),j=n(58321),F=n(7179),T=n(97816),V=n(10741),D=n(33192),M=n(22490),B=n(110),U=n(28400),R=n(97392),_=n(83345),G="playlists.playlistHeaderDetails",H=function(e){var t=e.className;return a.createElement("span",{className:t},"•")};function q(e){var t=e._liteOwner;if(t)return t.name&&t.surname?U.m.toTitleCase(t.name+" "+t.surname.substring(0,1)):t.name?t.name.split(" ")[0]:void 0}function Y(e){var t,n,r=c.G.isOwner(e.playlist,e.currentUser),i=null===(t=e.playlist.followers)||void 0===t?void 0:t.count,o=function(e){if(!e.contentModifiedDate)return"";var t=new Date,n=B.O.convertUTCToLocal(e.contentModifiedDate);return B.O.isBefore(n,B.O.subtract(t,1,"month"))?"":B.O.fromNow(n)}(e.playlist);return a.createElement("div",{className:e.detailsClassName},!e.hideOwnerName&&!r&&a.createElement(a.Fragment,null,(null===(n=e.playlist._isClickViewCurated)||void 0===n?void 0:n.value)?a.createElement(a.Fragment,null,a.createElement("div",{className:e.clickViewAvatarClassName},a.createElement(R.F,null)),a.createElement("span",null,"ClickView")):a.createElement(_.x,{namespace:G,phrase:"createdBy",options:{user:q(e.playlist)}}),a.createElement(H,{className:e.separatorClassName})),"number"==typeof e.totalVideos&&a.createElement(_.x,{namespace:G,phrase:"videos",options:{smartCount:e.totalVideos}}),i>0&&a.createElement(a.Fragment,null,a.createElement(H,{className:e.separatorClassName}),a.createElement(_.x,{namespace:G,phrase:"followers",options:{smartCount:i}})),!!o&&a.createElement(a.Fragment,null,a.createElement(H,{className:e.separatorClassName}),a.createElement(_.x,{namespace:G,phrase:"lastUpdated",options:{timeAgo:o}})))}var Q=n(67814),W=n(49935),$=n(7733),X=n(86764),z=n(16714),Z=n(3747),J=n(37802),K=n(9085),ee=n(46390);const te={partialDescription:"vDX0m"};function ne(){return a.createElement(a.Fragment,null,a.createElement(Q.v,null),a.createElement("div",{className:"mb-2"},a.createElement("div",{className:"partial-loading-background my-2 border-bottom ".concat(te.partialDescription)})))}var ae=n(49985),re=n(80783),ie=n(35223),oe=n(40254),le=i.T.encloseNamespace("playlists.playlistHeader"),se={getPlaylistActions:function(e,t){var n,a,r,i,o,l,u=t.isAuthenticated,d=t.isPlugin,m=t.isMobile,p=t.setIsFollowing,f=t.isFollowing,v=t.setShowFollowSpinner,y=t.showFollowSpinner,h=t.isUserCurator,g=t.openInCuratorLink,b={id:e.playlist.id,name:e.playlist.name,followerCount:null===(n=e.playlist.followers)||void 0===n?void 0:n.count,videoCount:null===(a=e.playlist.videos)||void 0===a?void 0:a.count,interactiveCount:null===(r=e.playlist.interactives)||void 0===r?void 0:r.count,clipCount:null===(i=e.playlist.clips)||void 0===i?void 0:i.count,isClickViewPlaylist:null===(o=e.playlist._isClickViewCurated)||void 0===o?void 0:o.value},w={location:s.LZ.Banner,entity:s.py.Playlist,workflowPhase:s.eu.Start},S=[];if(!u)return S;if(t.isGuest)return S;var E=c.G.isOwner(e.playlist,e.currentUser),A=re.z.hideAssignButtonOnVideoActions(e.currentUser),I=t.hasShareFlowV2&&!t.isStudent&&!A;return d||(e.playAllAppLink&&S.push({label:le("playAll"),appLink:e.playAllAppLink,svgName:ie.vn.Play,className:m?"":"btn btn-outline-dark me-2",button:!m,analyticsData:b,analyticsOptions:Object.assign(Object.assign({},w),{actionType:s.Vw.Play})}),I&&S.push({label:le("assign"),appLink:oe.W.flowSelector({entityType:"playlist",objectId:e.playlist.id}),svgName:ie.vn.Classrooms,className:m?"":"btn btn-outline-dark me-2",button:!m,analyticsData:b,analyticsOptions:Object.assign(Object.assign({},w),{actionType:s.Vw.Share,entity:s.py.Assign})}),h&&S.push({label:(0,C.eR)(),href:g,openInNewTab:!0}),S.push({label:!I&&le("share"),tooltip:I&&le("share"),appLink:{application:x.O.SHARE,action:N.e.Share.SHARE,args:[e.playlist.id],params:{entityType:"playlist"}},svgName:t.hasShareFlowV2?ie.vn.Link:ie.vn.Share,className:m?"":"btn btn-outline-dark me-2 align-self-stretch",button:!m,analyticsData:b,analyticsOptions:Object.assign(Object.assign({},w),{actionType:s.Vw.Share,eventVersion:s.eq.V3})})),E||S.push({label:le(f?"following":"follow"),onClick:function(){p(!f),v(!0),e.follow(!f,function(){v(!1),ae.k.logUserAction(b,Object.assign(Object.assign({},w),{actionType:s.Vw.Follow,descriptor:f?s.DL.Off:s.DL.On,workflowPhase:s.eu.Complete}))},function(){v(!1),p(f)})},svgName:f?ie.vn.BellFilled:ie.vn.Bell,className:m?"":"btn follow-btn btn-".concat(f?"outline-dark":"dark"," me-2"),button:!m,showSpinner:y}),E&&(S.push({label:le("edit"),appLink:{application:x.O.PLAYLISTS,action:N.e.Playlists.EDIT_PLAYLIST,args:[e.playlist.id]},svgName:ie.vn.Edit,button:!1,analyticsData:b,analyticsOptions:Object.assign(Object.assign({},w),{actionType:s.Vw.Edit})}),S.push({label:le("delete"),appLink:{application:x.O.PLAYLISTS,action:N.e.Playlists.DELETE_PLAYLIST,args:[e.playlist.id]},svgName:ie.vn.Delete,className:"text-danger",button:!1,analyticsData:b,analyticsOptions:Object.assign(Object.assign({},w),{actionType:s.Vw.Delete})})),(null===(l=e.playlist._isClickViewCurated)||void 0===l?void 0:l.value)&&S.push({label:le("copy"),appLink:{application:x.O.PLAYLISTS,action:N.e.Playlists.COPY_PLAYLIST,args:[e.playlist.id]},button:!1,analyticsData:b,analyticsOptions:Object.assign(Object.assign({},w),{actionType:s.Vw.Copy})}),S}};const ce={clickViewAvatar:"PHe9c"};function ue(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,l=[],s=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(a=i.call(n)).done)&&(l.push(a.value),l.length!==t);s=!0);}catch(e){c=!0,r=e}finally{try{if(!s&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw r}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return de(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?de(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function de(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}function me(e){var t=(0,ee.G)().isPlugin,n=(0,A.T)().hasPermissions,r=(0,J.r)(null).hasShareFlowV2,i=ue(a.useState(e.isFollowing),2),o=i[0],l=i[1],s=ue(a.useState(!1),2),c=s[0],u=s[1];a.useEffect(function(){return l(e.isFollowing)},[e.isFollowing]);var d=(0,Z.a)(X.r.XS);if(e.showPartialLoading)return a.createElement(ne,null);var m=e.playlist.description,p=se.getPlaylistActions(e,{isAuthenticated:e.currentUser.isAuthenticated,isPlugin:t,isMobile:d,setIsFollowing:l,isFollowing:o,setShowFollowSpinner:u,showFollowSpinner:c,isUserCurator:e.isUserCurator,openInCuratorLink:e.openInCuratorLink,hasShareFlowV2:r,isStudent:n(z.C.StudentExperience),isGuest:n(z.C.GuestExperience)}),f=e.getBreadcrumbs();return a.createElement(a.Fragment,null,a.createElement(Q.p,{heading:e.playlist.name,banner:e.playlist.banner,imageCdnUrl:e.imageCdnUrl,actions:p.length&&p,actionsDropdownClassName:"btn btn-outline-dark",blockColourClass:(0,K.x)(e.playlist.name,$.o),detailsComponent:function(){return a.createElement(Y,{playlist:e.playlist,currentUser:e.currentUser,detailsClassName:"mb-n1 font-size-normal fw-normal mt-1",clickViewAvatarClassName:ce.clickViewAvatar,separatorClassName:"mx-1",totalVideos:e.totalVideos})}}),(!!m||!!(null==f?void 0:f.length))&&a.createElement("div",{className:"border-bottom py-3"},!e.playlist||e.classificationId&&!e.topicPath?a.createElement(W.b2,null):a.createElement("div",{className:"pb-2"},a.createElement(W.Oo,{breadcrumbs:f})),!!m&&a.createElement("p",{className:"mb-0"},m)))}var pe=n(56050),fe=n(91967),ve=n(83914),ye=n(1860),he=n(3534);function ge(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}var be=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n};function we(e){var t,n,r=e.onSortComplete,i=e.onSortStart,l=e.showPartialLoading,s=be(e,["onSortComplete","onSortStart","showPartialLoading"]),c=(t=a.useState(),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,l=[],s=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(a=i.call(n)).done)&&(l.push(a.value),l.length!==t);s=!0);}catch(e){c=!0,r=e}finally{try{if(!s&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw r}}return l}}(t,n)||function(e,t){if(e){if("string"==typeof e)return ge(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?ge(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),u=c[0],d=c[1];return l?a.createElement(ye.S,{withReordering:e.canEdit||e.showIndexes}):e.canEdit?a.createElement(he.NB,Object.assign({},s,{currentSortingIndex:u,onSortStart:function(t){var n=e.videos.findIndex(function(e){return e.id.toString()===t.active.id.toString()});d(n),fe.q.isFunction(i)&&i(n)},onSortEnd:function(t){d(null);var n=t.active,a=t.over,i=e.videos.findIndex(function(e){return e.id.toString()===n.id.toString()}),l=e.videos.findIndex(function(e){return e.id.toString()===a.id.toString()});fe.q.isFunction(r)?r(i,l):o.Q.Ry.throw(new pe.H("An onSortComplete callback function must be passed to SortableVideoListComponent"))},dragHandleIcon:ie.vn.Hamburger,dragHandleIconSize:ve.S.XXL,presentationAudiences:e.presentationAudiences})):a.createElement(he.E4,Object.assign({},s))}var Ce=n(97958),Se=n(99742),Ee="playlists.playlistEmptyState";function Ae(){return a.createElement(_.D.Provider,{value:Ee},a.createElement(Ce.u,null,a.createElement(Ce.u.Image,{src:Se.W.EmptyStates.Playlists.PLAYLIST_VIDEOS}),a.createElement(Ce.u.Heading,null,a.createElement(_.x,{phrase:"heading"})),a.createElement(Ce.u.Info,null,a.createElement(_.x,{phrase:"info"}))))}n(75896);var Ie=n(81493),Oe=n(9680),ke=n(10671);function Le(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}var Pe=i.T.encloseNamespace("playlists.playlist");function Ne(e,t,n){ae.k.logUserAction({id:t,playlistId:e},{location:s.LZ.VideoList,entity:s.py.Video,actionType:s.Vw.Move,workflowPhase:n})}var xe={notFound:Ie.N,forbidden:{privacy:Oe.J}};function je(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}var Fe=i.T.encloseNamespace("playlists.playlist");function Te(e){var t,n,i,B,U,R,_,G,H,q,Y,Q,W,$,X,z=(0,r.I0)(),Z=(0,b.Z)(),J=l.a.useBasicFetch(v.L.config()),K=l.a.useBasicFetch(g.N.currentUser()),ee=(0,C.R0)(),te=ee.isUserCurator,ne=ee.getOpenInCurationStudioLink,ae=(0,A.T)().hasPermissions,re=l.a.useBasicFetch((null===(t=K.data)||void 0===t?void 0:t.isAuthenticated)&&y.h.yearGroups(K.data.customerId)),oe=l.a.useBasicFetch(e.classificationId&&f.x.path(e.classificationId)),le=l.a.useBasicFetch(e.classificationId&&f.x.classification(e.classificationId,null===(n=K.data)||void 0===n?void 0:n.id)),se=l.a.useBasicFetch(le.hasCompleted&&f.x.presentationById(null===(i=le.data)||void 0===i?void 0:i.presentationId)),ce=(null===(B=K.data)||void 0===B?void 0:B.isAuthenticated)?!e.classificationId||se.hasCompleted:!!(null===(U=se.data)||void 0===U?void 0:U.id),ue=l.a.useBasicFetch(ce&&p.O.presentationAudiences(null===(R=se.data)||void 0===R?void 0:R.id)),de=(0,j.U)({locationContext:s.LZ.VideoThumbnail,mtv:e.moviesAndTv,sharedPlaylist:!!e.shareId}).commonVideoProps,pe=e.shareId?h.C.getSharedPlaylist(e.playlistId,e.shareId):h.C.getPlaylist(e.playlistId),fe=e.shareId?h.C.getSharedPlaylistVideosCount(e.playlistId,e.shareId):h.C.getPlaylistVideosCount(e.playlistId),ve=l.a.useBasicFetch(pe),ye=l.a.useBasicFetch(fe),he=function(e,t,n){var a=(0,ke._)({location:ke.i.VideoItem,shareId:n});return c.G.isOwner(e,t)?Object.assign(Object.assign({},a),{getVideoActions:function(t,n){var r,i=P.M.getCanBeConsumed(t).canConsume,o={label:Pe("removeFromPlaylist"),button:!1,svgName:ie.vn.Delete,appLink:{application:x.O.PLAYLISTS,action:N.e.Playlists.REMOVE_VIDEO_FROM_PLAYLIST,args:[t.id,e.id],params:{typeId:t.typeId}},className:"text-danger",analyticsOptions:{entity:s.py.Video,actionType:s.Vw.Dissociate,location:s.LZ.VideoListItem,workflowPhase:s.eu.Start,descriptor:s.iF.Playlist},analyticsData:{id:t.id,playlistId:e.id},group:"delete"};return i?[].concat(function(e){if(Array.isArray(e))return Le(e)}(r=a.getVideoActions(t,n))||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(r)||function(e,t){if(e){if("string"==typeof e)return Le(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Le(e,t):void 0}}(r)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),[o]):[o]}}):a}(ve.data,K.data,e.shareId);(0,S.v)(ve,xe);var ge=function(t){return e.shareId?h.C.getSharedPlaylistVideos(e.playlistId,e.shareId,t):h.C.getPlaylistVideos(e.playlistId,t)},be=l.a.useBasicFetch((null===(_=K.data)||void 0===_?void 0:_.id)&&h.C.getIsFollowingPlaylist(e.playlistId,null===(G=K.data)||void 0===G?void 0:G.id)),Ce=function(e){l.a.getFetch(z)(ge(e))},Se=(0,E.K)(ge,Ce),Ee=Se.items,Ie=Se.hasMore,Oe=Se.isFetching;(0,T.V)(Ee);var Te,Ve,De,Me,Be,Ue,Re=function(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,l=[],s=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(a=i.call(n)).done)&&(l.push(a.value),l.length!==t);s=!0);}catch(e){c=!0,r=e}finally{try{if(!s&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw r}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return je(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?je(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}((Te=Ee,Be=(0,a.useState)(),Ue=2,Ve=function(e){if(Array.isArray(e))return e}(Be)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,l=[],s=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(a=i.call(n)).done)&&(l.push(a.value),l.length!==t);s=!0);}catch(e){c=!0,r=e}finally{try{if(!s&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw r}}return l}}(Be,Ue)||function(e,t){if(e){if("string"==typeof e)return I(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?I(e,t):void 0}}(Be,Ue)||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.")}(),De=Ve[0],Me=Ve[1],(0,a.useEffect)(function(){De&&(Te.length!==De.length||function(e,t){var n=!0;if(e.length!==t.length)return!1;for(var a=0;a<e.length;a++)if(e[a].id!==t[a].id){n=!1;break}return n}(Te,De))&&Me(null)},[Te]),[De,Me]),2),_e=Re[0],Ge=Re[1];(0,F.P)({id:e.playlistId,app:"playlists",shareId:e.shareId}),(0,O.M)(k.CG.getPlaylistMetadata({content:ve.data,phraseContext:{phraseHandler:Fe,titlePhrase:"pageTitle",descriptionPhrase:"pageDescription"},canonicalLink:D.f.getCanonicalLink({stripPresentationSlug:!0}),allowIndexing:!1}));var He=!!Ee&&0===Ee.length,qe=function(t,n){var a,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return M.W.getAppLink(t,Object.assign(Object.assign({},r),{contextId:e.playlistId,context:m.Q.Playlist,shareId:e.shareId,moviesAndTv:e.moviesAndTv,playNext:n,includeContext:(null===(a=K.data)||void 0===a?void 0:a.isAuthenticated)||!!e.shareId}))},Ye=!(null===(H=K.data)||void 0===H?void 0:H.isAuthenticated)||!!be.hasCompleted,Qe=null==Ee?void 0:Ee.find(function(e){var t;return null===(t=P.M.getCanBeConsumed(e))||void 0===t?void 0:t.canConsume}),We=c.G.isOwner(ve.data,K.data),$e=Ee&&K.data&&J.data,Xe=(0,w.h)({name:null===(q=ve.data)||void 0===q?void 0:q.name});return a.createElement(d.M.Provider,{value:(null===(Y=K.data)||void 0===Y?void 0:Y.isAuthenticated)&&he},a.createElement("div",{className:"bg-white px-3"},a.createElement(me,{playlist:ve.data,currentUser:K.data,isFollowing:null===(Q=be.data)||void 0===Q?void 0:Q.isFollowing,follow:function(t,n,a){var r,i=t?h.C.followPlaylist:h.C.unfollowPlaylist;l.a.fetch(z,i(e.playlistId,null===(r=K.data)||void 0===r?void 0:r.id,n,function(){a(),Z.error(Fe(t?"followError":"unfollowError"))}))},playAllAppLink:Qe&&qe(Qe,!0),showPartialLoading:!ve.data||!$e||!Ye,imageCdnUrl:!!J.data&&J.data.imageCdnUrl,getBreadcrumbs:function(){return e.hideBreadCrumbs?null:Xe},topicPath:oe.data,moviesAndTv:e.moviesAndTv,classificationId:e.classificationId,isUserCurator:te,openInCuratorLink:ne(null===(W=ve.data)||void 0===W?void 0:W.typeId,null===($=ve.data)||void 0===$?void 0:$.id),totalVideos:c.G.getVideoCount(ye.data)}),a.createElement("div",{className:"mt-2"},He?a.createElement(Ae,null):a.createElement(we,{videos:_e||Ee,yearGroups:re.data,playlistId:!!ve.data&&ve.data.id,onSortStart:function(t){var n=Ee[t];n&&Ne(e.playlistId,n.id,s.eu.Start)},onSortComplete:function(t,n){if(t!==n){var a=Ee[t];if(a){var r=L.l.reorder(Ee,t,n),i=r.reorderedItems,o=r.reorderRequest;Ge(i),Ne(e.playlistId,a.id,s.eu.Complete),l.a.fetch(z,h.C.reorderVideos(e.playlistId,o,null,function(){Ge(null)}))}}},canEdit:We,showPartialLoading:!$e,getVideoAppLink:function(e,t){return qe(e,!1,t)},showSignIn:!(null===(X=K.data)||void 0===X?void 0:X.isAuthenticated),getSignInAppLink:function(e){var t=o.Q.C$.getHref(e),n="/"!==t?{redirectUrl:t}:{};return{application:x.O.DEFAULT,action:N.e.Default.CHALLENGE,params:n}},canRemovePrivateVideos:We,presentationAudiences:e.moviesAndTv?null:ue.data,showIndexes:!0,hasPermissions:ae,getPreviewQuestionsAppLink:function(e){return V.j.getPreviewQuestionsAppLink(e)},commonVideoProps:de})),(Ie||Oe)&&a.createElement(u._,{isFetching:Oe,fetchNext:Ce})))}},58321:(e,t,n)=>{n.d(t,{U:()=>f});var a=n(20354),r=n(16714),i=n(39151),o=n(1666),l=n(31949),s=n(22902),c=n(37802),u=n(22490),d=n(82431),m=n(46390),p=n(27638);function f(e){var t,n,f,v=e||{},y=v.locationContext,h=v.mtv,g=v.flightNamespace,b=v.sharedPlaylist,w=(0,m.G)(),C=w.isPlugin,S=w.params,E=(0,p.u)(y,g),A=E.setFavourite,I=E.canFavourite,O=(0,c.r)(null),k=O.hasTopicDirectories,L=O.isLoadingSettings,P=(0,s.T)(),N=P.hasPermissions,x=P.isLoaded,j=N(r.C.StudentExperience),F=N(r.C.GuestExperience),T=a.a.useBasicFetch(i.L.config()),V=a.a.useBasicFetch(l.N.currentUser()),D=a.a.useBasicFetch((null===(t=V.data)||void 0===t?void 0:t.isAuthenticated)&&o.h.yearGroups(V.data.customerId));return{hasCommonVideoPropsCompleted:!L&&x&&T.hasCompleted&&V.hasCompleted&&(!(null===(n=V.data)||void 0===n?void 0:n.isAuthenticated)||D.hasCompleted),commonVideoProps:{subTextType:"series",getSubTextAppLink:function(e){var t;return"series"in e?b&&!(null===(t=V.data)||void 0===t?void 0:t.isAuthenticated)?null:d.j.getSeriesAppLink(e.series,{mtv:h}):null},isPlugin:C,isPluginPopup:!!(null==S?void 0:S.popup),canFavourite:I,setFavourite:A,imageCdnUrl:null===(f=T.data)||void 0===f?void 0:f.imageCdnUrl,yearGroups:D.data,getClassroomGuideAppLink:u.W.getClassroomGuideAppLink,getInteractiveGuidanceAppLink:u.W.getInteractiveGuidanceAppLink,getResourceGuidanceAppLink:u.W.getResourceGuidanceAppLink,showNewVideoIndicator:k,companyLogoFallbackUrl:null,hasStudentExperience:j,hasGuestExperience:F}}}},97816:(e,t,n)=>{n.d(t,{V:()=>l,l:()=>s});var a=n(1575),r=n(39902),i=n(31908);function o(e){return e?Array.isArray(e)?e.filter(function(e){return!!e&&(i.M.isVideo(e)||i.M.isClip(e))}):"data"in e?e.data.filter(function(e){return!!e&&(i.M.isVideo(e)||i.M.isClip(e))}):[]:[]}function l(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=o(e).map(function(e){return e.id});(0,r.FN)(n,function(e){return a.R.videoMixinAssocs(e,t.flightNamespace)},null)}function s(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=(0,r.SW)({getRequest:function(t){return a.R.videoMixinAssocs(t,e.flightNamespace)}}).fetchItems;return{fetchObjects:function(e){return t(o(e).map(function(e){return e.id}))}}}}}]);
|
|
2
|
+
//# sourceMappingURL=3840-59e5e53cda-lite.chunk.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scripts/3840-59e5e53cda-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/apps/calendar/components/coming-soon-tag/coming-soon-tag.scss","file:///app/packages/libs/shared/src/apps/calendar/components/coming-soon-tag/ComingSoonTag.tsx","file:///app/packages/libs/shared/src/apps/calendar/components/generic-calendar-date/generic-calendar-date.scss","file:///app/packages/libs/shared/src/apps/calendar/components/generic-calendar-date/GenericCalendarDate.tsx","file:///app/packages/libs/shared/src/apps/playlists/utils/PlaylistHelper.ts","file:///app/packages/libs/shared/src/components/back-button/BackButton.tsx","file:///app/packages/libs/shared/src/components/banner-header/banner-header.scss","file:///app/packages/libs/shared/src/components/banner-header/BannerHeader.tsx","file:///app/packages/libs/shared/src/errors/handlers/HttpErrorHandlers.ts","file:///app/packages/libs/shared/src/hooks/UseBatchFetch.ts","file:///app/packages/libs/shared/src/hooks/UseHandleObjectError.ts","file:///app/packages/libs/shared/src/hooks/UseInfiniteScroll.ts","file:///app/packages/libs/shared/src/hooks/UseInfiniteList.ts","file:///app/packages/libs/shared/src/hooks/useBreadcrumbs.ts","file:///app/packages/libs/shared/src/apps/playlists/components/playlist-header-details/PlaylistHeaderDetails.tsx","file:///app/packages/projects/lite/src/apps/playlists/components/playlist-header/partial-loading/partial-playlist-header.scss","file:///app/packages/projects/lite/src/apps/playlists/components/playlist-header/partial-loading/PartialPlaylistHeader.tsx","file:///app/packages/projects/lite/src/apps/playlists/components/playlist-header/PlaylistHeaderUtils.ts","file:///app/packages/projects/lite/src/apps/playlists/components/playlist-header/playlist-header.scss","file:///app/packages/projects/lite/src/apps/playlists/components/playlist-header/PlaylistHeader.tsx","file:///app/packages/projects/lite/src/apps/playlists/components/video-list/SortableVideoListContainer.tsx","file:///app/packages/projects/lite/src/apps/playlists/views/playlist/empty-state/PlaylistEmptyState.tsx","file:///app/packages/projects/lite/src/apps/playlists/views/playlist/PlaylistViewUtils.ts","file:///app/packages/projects/lite/src/apps/playlists/views/playlist/PlaylistView.tsx","file:///app/packages/libs/shared/src/hooks/UseReorderedItems.ts","file:///app/packages/projects/lite/src/shared/hooks/useCommonVideoProps.ts","file:///app/packages/projects/lite/src/shared/hooks/useVideoMixin.ts"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"tag\":\"XRj8d\",\"tooltip\":\"X6mLk\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport styles from './coming-soon-tag.scss';\n\nconst namespace = 'specialEventCalendar.comingSoonTag';\n\ninterface ComingSoonProps {\n className?: string;\n onlyIcon?: boolean;\n}\n\nexport function ComingSoonTag(props: ComingSoonProps): JSX.Element {\n return (\n <Tooltip title={LanguageService.getPhrase(namespace, 'tooltip')} spanHackClassName={`d-block ${styles.tooltip}`} spanHack>\n <div className={`d-flex text-dark align-items-center ${styles.tag} ${props.className}`}>\n <SvgContainer svgName={cvSvgLibrary.Timer} />\n {!props.onlyIcon && LanguageService.getPhrase(namespace, 'comingSoon')}\n </div>\n </Tooltip>\n );\n}","// extracted by mini-css-extract-plugin\nexport default {\"dateItem\":\"I3SBm\",\"label\":\"PRORs\",\"body\":\"RfiM_\",\"bodyDay\":\"ZOVny\",\"bodyRange\":\"vYhXN\",\"bodyMonth\":\"mYslO\",\"month\":\"EPkkQ\"};","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { AnalyticsOptions } from 'libs/analytics/interfaces';\n\nimport { CalendarTheme } from 'libs/shared/apps/calendar/interfaces/CalendarTheme';\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\n\nimport styles from './generic-calendar-date.scss';\n\nexport interface GenericCalendarDateProps {\n label?: string;\n body: {\n type: 'month' | 'range' | 'day';\n text: string;\n };\n month?: string;\n getAppLink?: () => Core.AppLink;\n analyticsData?: HashObject;\n analyticsOptions?: AnalyticsOptions;\n className?: string;\n theme?: CalendarTheme;\n}\n\nexport function GenericCalendarDate(props: GenericCalendarDateProps): JSX.Element {\n function getBodyClass(): string {\n switch (props.body.type) {\n case 'range':\n return styles.bodyRange;\n case 'day':\n return styles.bodyDay;\n case 'month':\n return styles.bodyMonth;\n }\n }\n\n return (\n <AppLink\n appLink={props.getAppLink?.()}\n className={`text-decoration-none text-center bg-white text-dark border border-3 ${props.theme?.border} rounded-3 d-block fw-semibold ${props.className}`}\n analyticsData={props.analyticsData}\n analyticsOptions={props.analyticsOptions}\n >\n <div className={`position-relative ${styles.dateItem}`}>\n <div className={`${props.theme?.background} py-1 ${styles.label} d-flex align-items-center justify-content-center`}>\n {props.label ? props.label : <> </>}\n </div>\n <div className={`${getBodyClass()} ${styles.body} my-2`}>\n {props.body.text}\n </div>\n <div className={`mb-0 ${styles.month}`}>\n {props.month}\n </div>\n </div>\n </AppLink>\n );\n}","import { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\n\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { BaseObject, CurrentUser, Playlist } from 'libs/shared/interfaces';\n\nexport const PlaylistHelper = {\n isPlaylist(obj: BaseObject): obj is Playlist {\n return obj?.typeId === MasterType.Playlist;\n },\n\n isOwner(playlist: Playlist, currentUser: CurrentUser): boolean {\n if (!currentUser || !playlist || ObjectHelper.isEmpty(playlist._liteOwner))\n return false;\n\n return playlist._liteOwner.id.toString() === currentUser.id?.toString();\n },\n\n getVideoCount(playlist: Playlist): number {\n if (!playlist)\n return;\n\n let count = 0;\n\n if (playlist.videos?.count)\n count += playlist.videos.count;\n\n if (playlist.clips?.count)\n count += playlist.clips.count;\n\n if (playlist.interactives?.count)\n count += playlist.interactives.count;\n\n return count;\n }\n};","import * as React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nconst namespace = 'shared.backButton';\n\ninterface BackButtonProps {\n appLink: Core.AppLink;\n backToName?: string;\n color?: 'black' | 'white';\n extraClasses?: string;\n /**\n * Whether or not the button text has a text shadow. Defaults to true\n */\n textShadow?: boolean;\n}\n\nBackButton.defaultProps = {\n color: 'black',\n extraClasses: ''\n};\n\nexport function BackButton(props: BackButtonProps): React.ReactElement {\n const { backToName, appLink, color, extraClasses, textShadow } = {\n textShadow: true,\n ...props\n };\n\n const backPhrase = backToName\n ? LanguageService.getPhrase(namespace, 'backTo', { backToName })\n : LanguageService.getPhrase(namespace, 'back');\n\n const colorClass = color === 'black' ? '' : 'text-white';\n const textShadowClass = textShadow ? 'text-shadow' : '';\n\n return (\n <AppLink\n appLink={appLink}\n className={`d-inline-flex align-items-center h5 mb-0 ${extraClasses} ${colorClass} ${textShadowClass}`}\n >\n <SvgContainer svgName={cvSvgLibrary.ChevronLeft} size={SvgContainerSize.Medium} />\n <span className='ms-1'>{backPhrase}</span>\n </AppLink>\n );\n}","// extracted by mini-css-extract-plugin\nexport default {\"bannerContent\":\"sSCTB\",\"actionsContainer\":\"Z5WI2\",\"bannerContentWithLogo\":\"rgs7Q\",\"container\":\"M51HJ\",\"logoContainer\":\"vkeJk\",\"logoContainerLeft\":\"M3U9B\",\"logoHeading\":\"EtRwC\",\"specialEventContainer\":\"rOxDc\",\"headingLarge\":\"_8pnV\",\"heading\":\"JXVBH\"};","import * as React from 'react';\n\nimport { Core } from 'libs/common/core';\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\nimport { PortalHelper } from 'libs/common/react/utils/PortalHelper';\n\nimport { ComingSoonTag } from 'libs/shared/apps/calendar/components/coming-soon-tag/ComingSoonTag';\nimport { GenericCalendarDate } from 'libs/shared/apps/calendar/components/generic-calendar-date/GenericCalendarDate';\nimport { CalendarTheme } from 'libs/shared/apps/calendar/interfaces/CalendarTheme';\nimport { ActionOptions, Actions } from 'libs/shared/components/actions/Actions';\nimport { BackButton } from 'libs/shared/components/back-button/BackButton';\nimport { LazyImage } from 'libs/shared/components/lazy-image/LazyImage';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { BG_COLOUR_CLASS_NAMES } from 'libs/shared/constants/ColourClassNames';\nimport { ImageMinDimensions } from 'libs/shared/constants/ImageSizes';\nimport { BannerPortalContext } from 'libs/shared/context/BannerPortalContext';\nimport { ImageSize, ImageType, ResizeType } from 'libs/shared/enums/Images';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\nimport { Banner, CalendarEvent, Logo } from 'libs/shared/interfaces';\nimport { getBgColorClass } from 'libs/shared/utils/getBgColorClass';\nimport { ImageHelper, ImageOptions } from 'libs/shared/utils/ImageHelper';\n\nimport styles from './banner-header.scss';\n\nconst RATIO = `${ImageMinDimensions[ImageType.Banners].width}:${ImageMinDimensions[ImageType.Banners].height}`;\nconst DEFAULT_WIDTH = 1200; // This is ImageSize.Large for a Banner.\nconst LARGE_SCREEN_WIDTH = 1920;\n\nfunction useGetImageWidth(): number {\n const breakpoints = useBreakpoints();\n\n if (breakpoints.xxl)\n return LARGE_SCREEN_WIDTH;\n\n return DEFAULT_WIDTH;\n}\n\nfunction getSizeClass(heading: string): string {\n if (heading.length < 160)\n return 'h1';\n\n return styles.headingLarge;\n}\n\ninterface BannerHeaderProps {\n heading: string;\n banner?: Banner;\n bannerClassName?: string;\n imageCdnUrl?: string;\n logo?: Logo;\n logoBgColour?: string;\n actions?: ActionOptions[];\n specialEvent?: CalendarEvent;\n backButtonAppLink?: Core.AppLink;\n backButtonText?: string;\n backButtonClasses?: string;\n sortComponent?: JSX.Element;\n blockColourClass?: string;\n actionsDropdownClassName?: string;\n detailsComponent?: () => React.ReactElement;\n imageOptions?: ImageOptions;\n showComingSoon?: boolean;\n alignLogoLeft?: boolean;\n calendarTheme?: CalendarTheme;\n}\n\nconst namespace = 'shared.bannerHeader';\n\nexport const BannerHeader = React.memo(function(props: React.PropsWithChildren<BannerHeaderProps>): React.ReactElement {\n const { heading, banner, imageCdnUrl, actions, sortComponent, blockColourClass, specialEvent } = props;\n\n const portalContainerContext = React.useContext(BannerPortalContext);\n\n const imageWidth = useGetImageWidth();\n\n const specialEventIsToday = React.useMemo(() => {\n if (!specialEvent || props.showComingSoon)\n return false;\n\n const today = DateHelper.format(new Date(), 'YYYY-MM-DD');\n\n if (!specialEvent.endDate)\n return specialEvent.startDate === today;\n\n return specialEvent.startDate <= today && specialEvent.endDate >= today;\n }, [specialEvent]);\n\n function getSpecialEventMonthText(specialEvent: CalendarEvent): string {\n if (!specialEvent.endDate)\n return DateHelper.format(specialEvent.startDate, 'MMMM');\n\n if (DateHelper.isSame(specialEvent.startDate, specialEvent.endDate, 'month'))\n return DateHelper.format(specialEvent.startDate, 'MMMM');\n\n return `${DateHelper.format(specialEvent.startDate, 'MMM')} - ${DateHelper.format(specialEvent.endDate, 'MMM')}`;\n }\n\n const imageOptions = props.imageOptions || {\n width: imageWidth,\n ratio: RATIO,\n resizeType: ResizeType.Cover\n };\n\n const url = !!banner && !!imageCdnUrl && ImageHelper.createBannerUrl(banner, {\n fallbackBaseUrl: imageCdnUrl,\n fallbackCategoryName: heading,\n type: ImageType.Banners\n }, imageOptions);\n\n const containerProps: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> = {\n className: `banner banner-header ${props.bannerClassName}`,\n style: url ? { backgroundImage: `url('${url}')` } : {}\n };\n\n if (!banner && blockColourClass) {\n delete containerProps.style;\n containerProps.className += ` ${blockColourClass}`;\n }\n\n const DetailsComponent = props.detailsComponent;\n\n const logoFallbackBgClassName = getBgColorClass(props.heading, BG_COLOUR_CLASS_NAMES);\n\n return PortalHelper.renderInPortalIfExists(\n // \"banner\" is used in playlists in Online. banner-header is used by all other projects\n <header {...containerProps}>\n <div className={`container ${styles.container} position-relative inner-banner`}>\n {props.backButtonAppLink && (\n <div className='pt-3'>\n <BackButton\n appLink={props.backButtonAppLink}\n backToName={props.backButtonText}\n extraClasses={props.backButtonClasses}\n color='white'\n />\n </div>\n )}\n \n <div className={`${props.alignLogoLeft ? 'position-absolute top-50 start-0 translate-middle-y w-100 ps-4' : `${styles.bannerContent} px-2 ${props.logo?.url ? styles.bannerContentWithLogo : ''}`}`}>\n {!!specialEvent && (\n <div className={`position-relative ${styles.specialEventContainer}`}>\n <GenericCalendarDate\n body={{\n type: specialEvent.endDate ? 'range' : 'day',\n text: specialEvent.endDate\n ? `${DateHelper.format(specialEvent.startDate, 'DD')}-${DateHelper.format(specialEvent.endDate, 'DD')}`\n : DateHelper.format(specialEvent.startDate, 'DD')\n }}\n month={getSpecialEventMonthText(specialEvent)}\n theme={props.calendarTheme}\n />\n </div>\n )}\n <div>\n {specialEventIsToday && (\n <div className='rounded-pill py-1 px-2 my-1 me-1 fw-semibold bg-light-blue lh-1 d-inline-block'>\n <Text namespace={namespace} phrase='onToday' />\n </div>\n )}\n {props.showComingSoon && (\n <ComingSoonTag className='pe-2 fw-semibold mb-1 rounded-pill justify-content-start text-nowrap' />\n )}\n <div className='d-flex align-items-center'>\n {props.alignLogoLeft && props.logo?.url &&\n <div className={`${styles.logoContainerLeft} d-none d-md-block rounded-circle overflow-hidden me-3 ${logoFallbackBgClassName}`}>\n <LazyImage\n src={ImageHelper.createUrl(props.logo?.url, { size: ImageSize.Medium })}\n style={{ backgroundColor: props.logoBgColour }}\n />\n </div>\n }\n <h1 className={`text-white text-shadow pe-3 position-static ${styles.heading} ${getSizeClass(heading)} ${props.alignLogoLeft ? 'w-50' : ''}`}>\n {heading}\n {DetailsComponent && <DetailsComponent />}\n </h1>\n </div>\n </div>\n {!!actions && (\n <div className={styles.actionsContainer}>\n <Actions\n actions={actions}\n sortComponent={sortComponent}\n actionsDropdownClassName={props.actionsDropdownClassName}\n />\n </div>\n )}\n </div>\n {!props.alignLogoLeft && !!props.logo?.url &&\n <div className={styles.logoContainer}>\n <img\n src={ImageHelper.createUrl(props.logo.url, { size: ImageSize.Medium })}\n className='rounded-circle'\n />\n </div>\n }\n </div>\n </header>,\n portalContainerContext?.container\n );\n}, (prevProps, nextProps): boolean => (\n prevProps.actions === nextProps.actions\n && prevProps.heading === nextProps.heading\n && prevProps.logo?.url === nextProps.logo?.url\n));\n\nexport function PartialBannerHeader(): JSX.Element {\n const portalContainerContext = React.useContext(BannerPortalContext);\n\n return PortalHelper.renderInPortalIfExists(\n <div className={`partial-banner partial-loading-background ${styles.banner}`} />,\n portalContainerContext?.container\n );\n}","import { BaseError } from 'libs/common/backbone/core/BaseError';\nimport { HttpStatus } from 'libs/common/backbone/enums/HttpStatus';\nimport { Xhr } from 'libs/common/backbone/interfaces';\nimport { Core } from 'libs/common/core';\n\nimport { NotFoundError } from 'libs/shared/errors/general/not-found/NotFoundError';\nimport { PrivateResourceError } from 'libs/shared/errors/general/private-resource/PrivateResourceError';\nimport { RegionLockedResourceError } from 'libs/shared/errors/general/region-locked-resource/RegionLockedResourceError';\nimport { UnspecifiedError } from 'libs/shared/errors/general/unspecified-error/UnspecifiedError';\nimport { VideoTypes } from 'libs/shared/interfaces';\n\nexport interface HttpErrorMap {\n notFound?: new () => BaseError;\n forbidden?: {\n rating?: new (description: string) => BaseError;\n yearLevel?: new (description: string) => BaseError;\n region?: new () => BaseError;\n privacy?: new (video?: VideoTypes) => BaseError;\n };\n badRequest?: new () => BaseError;\n internalServerError?: new () => BaseError;\n}\n\nexport type IgnoreHttpErrorMap = {\n [key in keyof HttpErrorMap]: boolean;\n};\n\nconst defaultErrors: HttpErrorMap = {\n notFound: NotFoundError,\n forbidden: {\n rating: PrivateResourceError,\n yearLevel: PrivateResourceError,\n region: RegionLockedResourceError,\n privacy: PrivateResourceError\n },\n badRequest: UnspecifiedError,\n internalServerError: UnspecifiedError\n};\n\nexport function handleHttpError(\n info: HttpStatus | Xhr,\n customErrorMap: HttpErrorMap = {},\n /**\n * Prevent certain errors in the errorMap from being thrown\n * so that you may implement your own handler\n */\n ignoreMap: IgnoreHttpErrorMap = {}\n): void {\n if (!info)\n return;\n\n let statusCode: HttpStatus;\n\n if (typeof(info) === 'number') {\n statusCode = info;\n } else {\n statusCode = info.status;\n }\n\n const errorMap = {\n ...defaultErrors,\n ...customErrorMap\n };\n\n if (!statusCode)\n return;\n\n if (!Core.ErrorHelper.isStatusCodeError(statusCode))\n return;\n\n if (statusCode === HttpStatus.InternalServer) {\n if (!ignoreMap.internalServerError)\n Core.ErrorHelper.throw(new UnspecifiedError());\n return;\n }\n\n if (statusCode === HttpStatus.NotFound) {\n if (!ignoreMap.notFound)\n Core.ErrorHelper.throw(new errorMap.notFound());\n return;\n }\n\n if (statusCode === HttpStatus.Forbidden) {\n /**\n * TODO: Work out how to go about handling all forbidden errors, such as region locking, year levels,\n * ratings, and privacy.\n */\n if (!ignoreMap.forbidden)\n Core.ErrorHelper.throw(new errorMap.forbidden.privacy());\n return;\n }\n\n if (!ignoreMap.badRequest)\n Core.ErrorHelper.throw(new errorMap.badRequest());\n}\n\nexport function handleXhrError(xhr: Xhr, customErrorMap?: HttpErrorMap): void {\n handleHttpError(xhr.status, customErrorMap);\n}","import React from 'react';\n\nimport { Flight } from 'libs/common/flight';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { BaseObject } from 'libs/shared/interfaces';\n\nconst CHUNK_SIZE = 50;\n\nexport interface UseBatchFetchResult<T extends BaseObject> {\n itemsArr: T[];\n items: { [key: string]: T} | null;\n isFetching: boolean;\n hasCompleted: boolean;\n}\n\n/**\n * Used to fetch multiple items by id with Flight. Will fetch 25 items at a time firing off multiple\n * requests if there are more than 25 items.\n * This will return items as null until we have all our items. Items will be returned as an object with\n * their ids as they key for easy mapping\n * \n * @param itemIds \n * @param getRequest \n */\nexport function useBatchFetch<T extends BaseObject>(\n itemIds: string[],\n getRequest: (ids: string[]) => Flight.Request\n): UseBatchFetchResult<T> {\n const chunks = ArrayHelper.chunk<string>(itemIds, CHUNK_SIZE);\n\n const requests = chunks.map(chunk => getRequest(ArrayHelper.uniq(chunk)));\n\n const responses = Flight.useBasicFetchAll<T[]>(requests);\n\n const itemsArr = ArrayHelper.flatten(responses.data);\n const items = responses.data.length\n ? itemsArr.reduce((acc, item) => ({ ...acc, [item.id]: item }), {})\n : null;\n\n return {\n itemsArr,\n items,\n isFetching: responses.isFetching,\n hasCompleted: responses.hasCompleted\n };\n}\n\n/**\n * When you need the useBatchFetch() behavior, but your list of objects to hydrate\n * will grow, such as on a scrolling page. useGrowingBatchFetch() will use local state\n * to determine what we've already built a request for and what items are new\n * as to not re-fetch items - Sha\n */\nexport function useGrowingBatchFetch<TResponse, TObjects = string>(\n objs: TObjects[],\n getRequest: (items: TObjects[]) => Flight.Request,\n _getKey?: (obj: TObjects) => string\n) {\n const getKey = _getKey ?? ((obj: any) => {\n if (typeof obj === 'object')\n return obj.id;\n\n return obj;\n });\n\n const { fetchItems, ...data } = useGrowingBatchFetchFunc<TResponse, TObjects>({ getRequest, _getKey });\n\n React.useEffect(() => {\n if (!objs?.length)\n return;\n\n fetchItems(objs);\n }, [objs?.map(getKey).join(',')]);\n\n return data;\n}\n\ninterface UseGrowingBatchFetchFuncOptions<TObjects> {\n getRequest: (items: TObjects[]) => Flight.Request;\n _getKey?: (obj: TObjects) => string;\n}\n\n/**\n * When you need the useGrowingBatchFetch() behaviour, but need to trigger the\n * fetch manually and update the objects - Nish \n */\nexport function useGrowingBatchFetchFunc<TResponse, TObjects = string>(\n options: UseGrowingBatchFetchFuncOptions<TObjects>\n) {\n const getKey = options._getKey ?? ((obj: any) => {\n if (typeof obj === 'object')\n return obj.id;\n\n return obj;\n });\n\n const fetchedItems = React.useRef<Set<string>>(new Set<string>());\n const [ requests, setRequests ] = React.useState<Flight.Request[]>([]);\n\n function fetchItems(objs: TObjects[]) {\n if (!objs?.length)\n return;\n\n const unfetchedItems: TObjects[] = [];\n \n objs.forEach(obj => {\n const key = getKey(obj);\n\n if (fetchedItems.current.has(key))\n return;\n\n unfetchedItems.push(obj);\n fetchedItems.current.add(key);\n });\n \n if (!unfetchedItems.length)\n return;\n \n setRequests(r => ([ ...r, ...ArrayHelper.chunk<TObjects>(unfetchedItems, CHUNK_SIZE).map(options.getRequest) ]));\n }\n\n const responses = Flight.useBasicFetchAll<TResponse[]>(requests);\n const itemsArr = ArrayHelper.flatten(responses.data);\n const items = responses.data.length\n ? itemsArr.reduce<Record<string, TResponse>>((acc, item) => ({ ...acc, [getKey(item)]: item }), {})\n : null;\n\n return {\n hasFirstRequestCompleted: !!responses.responses?.[0]?.hasCompleted,\n itemsArr,\n items,\n isFetching: responses.isFetching,\n fetchItems\n };\n}\n","import { useEffect } from 'react';\n\nimport { Flight } from 'libs/common/flight';\n\nimport { handleHttpError, HttpErrorMap, IgnoreHttpErrorMap } from 'libs/shared/errors/handlers/HttpErrorHandlers';\n\nfunction generateCacheKey(flightObjs: Array<Flight.Response<any>>): string {\n return flightObjs.map(obj => obj.statusCode).join(':');\n}\n\n// TODO: Change this to just `useHandleHttpError` and only accept a status code.\nexport function useHandleObjectError(\n _flightObjs: Flight.Response<any> | Array<Flight.Response<any>>,\n customErrors?: HttpErrorMap,\n ignoreErrors?: IgnoreHttpErrorMap\n): void {\n const flightObjs = Array.isArray(_flightObjs) ? _flightObjs : [_flightObjs];\n\n useEffect(() => {\n flightObjs.forEach(obj => {\n handleHttpError(obj.statusCode, customErrors, ignoreErrors);\n });\n }, [ generateCacheKey(flightObjs), customErrors, ignoreErrors ]);\n}","import { useEffect } from 'react';\n\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\n\nconst SCROLL_TOLERANCE = 400; // value in px\n\ninterface UseInfiniteScrollOptions {\n fetchNextPage: () => void;\n hasMore: boolean;\n isFetching: boolean;\n scrollContainer?: HTMLElement;\n}\n\nexport function useInfiniteScroll(options: UseInfiniteScrollOptions): void {\n const handleScroll = (): void => {\n if (options.isFetching)\n return;\n\n if (!options.scrollContainer) {\n const currentScrollHeight = window.innerHeight + document.documentElement.scrollTop;\n \n const totalHeight = document.documentElement.scrollHeight - SCROLL_TOLERANCE;\n \n if (currentScrollHeight < totalHeight)\n return;\n } else {\n const { scrollContainer } = options;\n const currentScrollHeight = scrollContainer.getBoundingClientRect().height + scrollContainer.scrollTop;\n \n const totalHeight = scrollContainer.scrollHeight - SCROLL_TOLERANCE;\n \n if (currentScrollHeight < totalHeight)\n return;\n }\n\n options.fetchNextPage();\n };\n\n useEffect(() => {\n const onScroll = FunctionHelper.throttle(handleScroll, 200);\n\n const scrollContainer = options.scrollContainer || window;\n\n if (options.hasMore)\n scrollContainer.addEventListener('scroll', onScroll);\n\n return () => scrollContainer.removeEventListener('scroll', onScroll);\n }, [ options.hasMore, options.fetchNextPage, options.scrollContainer ]);\n}","import { useEffect, useState } from 'react';\n\nimport { HttpStatus, HttpStatusClass } from 'libs/common/backbone/enums/HttpStatus';\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\nimport { Flight } from 'libs/common/flight';\n\nimport { BaseObject, BasePaginatedCollection } from 'libs/shared/interfaces';\n\nimport { useInfiniteScroll } from './UseInfiniteScroll';\nimport { useSelectAllPages } from './UseSelectAllPages';\n\nexport interface UseInfiniteListResult<T extends BaseObject> {\n items: T[];\n hasMore: boolean;\n isFetching: boolean;\n nextCursor: string;\n totalItems?: number;\n hasFirstPageCompleted: boolean;\n}\n\n/**\n * Hook to extract an infinite list from the application state,\n * save it locally in state and only update when new data\n * is fetched.\n * \n * @param getRequest - callback function to get the request for each page.\n * Can be false if the request requires data that hasn't yet been fetched - e.g. user id.\n * \n * @param fetchNext - callback function to fetch a page.\n * Can be false if the request requires data that hasn't yet been fetched - e.g. user id.\n */\nexport function useInfiniteList<TObject = BaseObject, TResponse = BasePaginatedCollection<TObject>>(\n getRequest: ((cursor?: string) => Flight.Request) | false,\n fetchNext: ((cursor?: string) => void) | false,\n onError?: (pageNumber: number, statusCode: HttpStatus) => void,\n getItems?: (responseData: TResponse) => TObject[],\n getCursor?: (responseData: TResponse) => string,\n scrollContainer?: HTMLElement\n): UseInfiniteListResult<TObject> {\n const [ pagesFetched, setPagesFetched ] = useState(0);\n\n const fetchNextFn = fetchNext as (cursor?: string) => void;\n\n function getKey(cursor?: string): string {\n if (!getRequest)\n return null;\n\n const request = getRequest(cursor);\n\n if (!request)\n return null;\n\n return request.key;\n }\n\n const response = useSelectAllPages<TObject, TResponse>(\n getKey,\n getItems,\n getCursor\n );\n\n function fetchNextPage(): void {\n if (!fetchNext || !getRequest || !response)\n return;\n\n setPagesFetched(currentVal => currentVal + 1);\n return fetchNextFn(response.nextCursor);\n }\n\n useInfiniteScroll({\n fetchNextPage,\n hasMore: !!response?.nextCursor,\n isFetching: response?.isFetching,\n scrollContainer\n });\n\n useEffect(() => {\n if (!response)\n return;\n\n if (response.shouldInitialFetch && fetchNext) {\n fetchNextFn();\n setPagesFetched(currentVal => currentVal + 1);\n }\n }, [ response?.shouldInitialFetch, fetchNext ]);\n\n useEffect(() => {\n if (!response?.statusCode || !FunctionHelper.isFunction(onError))\n return;\n\n const httpStatusClass: HttpStatusClass = +(response.statusCode?.toString()?.substr(0, 1));\n\n if (httpStatusClass !== HttpStatusClass.ClientError && httpStatusClass !== HttpStatusClass.ServerError)\n return;\n\n onError(pagesFetched, response.statusCode);\n }, [response?.statusCode]);\n\n return {\n items: response?.items,\n hasMore: !!response?.nextCursor,\n nextCursor: response?.nextCursor,\n isFetching: response?.isFetching,\n totalItems: response?.totalItems,\n hasFirstPageCompleted: response?.hasFirstPageCompleted\n };\n}","import React from 'react';\n\nimport { Breadcrumb } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { BreadcrumbService } from 'libs/shared/services/BreadcrumbService';\n\nexport function useBreadcrumbs(current: Breadcrumb): Breadcrumb[] {\n const [ match, useBuilder ] = React.useMemo(() => BreadcrumbService.getBuilder(), []);\n\n const breadcrumbs = useBuilder(match);\n\n if (!breadcrumbs || !current)\n return breadcrumbs;\n\n return [ ...breadcrumbs, { ...current, active: true }];\n}\n\n","import React from 'react';\n\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\n\nimport { PlaylistHelper } from 'libs/shared/apps/playlists/utils/PlaylistHelper';\nimport { ClickViewAvatar } from 'libs/shared/components/clickview-avatar/ClickViewAvatar';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { CurrentUser, Playlist } from 'libs/shared/interfaces';\n\nconst namespace = 'playlists.playlistHeaderDetails';\n\nconst Separator = ({ className }: { className: string }) =>\n <span className={className}>•</span>;\n\nfunction getPlaylistOwnerName(playlist: Playlist): string {\n const { _liteOwner } = playlist;\n\n if (!_liteOwner)\n return;\n\n if (_liteOwner.name && _liteOwner.surname)\n return TextHelper.toTitleCase(_liteOwner.name + ' ' + _liteOwner.surname.substring(0, 1));\n\n if (_liteOwner.name)\n return _liteOwner.name.split(' ')[0];\n}\n\nfunction getLastUpdated(playlist: Playlist): string {\n if (!playlist.contentModifiedDate)\n return '';\n\n const now = new Date();\n const lastUpdated = DateHelper.convertUTCToLocal(playlist.contentModifiedDate);\n\n // Don't show if last updated over a month ago\n if (DateHelper.isBefore(lastUpdated, DateHelper.subtract(now, 1, 'month')))\n return '';\n\n return DateHelper.fromNow(lastUpdated);\n}\n\ninterface PlaylistHeaderDetailsProps {\n playlist: Playlist;\n currentUser: CurrentUser;\n totalVideos: number;\n \n hideOwnerName?: boolean;\n\n // Custom classes for everything as online and lite use different styles\n detailsClassName: string;\n clickViewAvatarClassName: string;\n separatorClassName: string;\n}\n\nexport function PlaylistHeaderDetails(props: PlaylistHeaderDetailsProps): React.ReactElement {\n const currentUserIsOwner = PlaylistHelper.isOwner(props.playlist, props.currentUser);\n\n const followerCount = props.playlist.followers?.count;\n\n const lastUpdated = getLastUpdated(props.playlist);\n\n return (\n <div className={props.detailsClassName}>\n {/* Owner name */}\n {(!props.hideOwnerName && !currentUserIsOwner) && (\n <>\n {props.playlist._isClickViewCurated?.value ? (\n <>\n <div className={props.clickViewAvatarClassName}>\n <ClickViewAvatar />\n </div>\n <span>ClickView</span>\n </>\n ) : (\n <Text namespace={namespace} phrase='createdBy' options={{ user: getPlaylistOwnerName(props.playlist) }} />\n )}\n\n <Separator className={props.separatorClassName} />\n </>\n )}\n\n {/* Video count */}\n {typeof props.totalVideos === 'number' && (\n <Text namespace={namespace} phrase='videos' options={{ smartCount: props.totalVideos }} />\n )}\n\n {/* Follower count */}\n {followerCount > 0 && (\n <>\n <Separator className={props.separatorClassName} />\n <Text namespace={namespace} phrase='followers' options={{ smartCount: followerCount }} />\n </>\n )}\n\n {/* Last updated */}\n {!!lastUpdated && (\n <>\n <Separator className={props.separatorClassName} />\n <Text namespace={namespace} phrase='lastUpdated' options={{ timeAgo: lastUpdated }} />\n </>\n )}\n </div>\n );\n}","// extracted by mini-css-extract-plugin\nexport default {\"partialDescription\":\"vDX0m\"};","import React from 'react';\n\nimport { PartialBannerHeader } from 'libs/shared/components/banner-header/BannerHeader';\n\nimport styles from './partial-playlist-header.scss';\n\nexport function PartialPlaylistHeader(): JSX.Element {\n return (\n <>\n <PartialBannerHeader />\n <div className='mb-2'>\n <div className={`partial-loading-background my-2 border-bottom ${styles.partialDescription}`} />\n </div>\n </>\n );\n}","import { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { AnalyticsOptions, EntityType, EventVersion, LocationContext, ToggleDescriptor, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { PlaylistHelper } from 'libs/shared/apps/playlists/utils/PlaylistHelper';\nimport { ActionOptions } from 'libs/shared/components/actions/Actions';\nimport { getOpenInCurationStudioLabel } from 'libs/shared/hooks/useCurationStudio';\nimport { AssignHelper } from 'libs/shared/utils/AssignHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nimport { AssignAppLinkHelper } from 'apps/assign/utils/AssignAppLinkHelper';\n\nimport { PlaylistHeaderProps } from './PlaylistHeader';\n\nconst namespace = 'playlists.playlistHeader';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface GetPlaylistActionsArgs {\n isAuthenticated: boolean;\n isPlugin: boolean;\n isMobile: boolean;\n setIsFollowing: (val: boolean) => void;\n isFollowing: boolean;\n setShowFollowSpinner: (val: boolean) => void;\n showFollowSpinner: boolean;\n isUserCurator: boolean;\n openInCuratorLink: string;\n hasShareFlowV2: boolean;\n isStudent: boolean;\n isGuest: boolean;\n}\n\nexport const PlaylistHeaderUtils = {\n getPlaylistActions(headerProps: PlaylistHeaderProps, args: GetPlaylistActionsArgs): ActionOptions[] {\n const {\n isAuthenticated,\n isPlugin,\n isMobile,\n setIsFollowing,\n isFollowing,\n setShowFollowSpinner,\n showFollowSpinner,\n isUserCurator,\n openInCuratorLink\n } = args;\n\n const analyticsData = {\n id: headerProps.playlist.id,\n name: headerProps.playlist.name,\n followerCount: headerProps.playlist.followers?.count,\n videoCount: headerProps.playlist.videos?.count,\n interactiveCount: headerProps.playlist.interactives?.count,\n clipCount: headerProps.playlist.clips?.count,\n isClickViewPlaylist: headerProps.playlist._isClickViewCurated?.value\n };\n\n const analyticsOptions: AnalyticsOptions = {\n location: LocationContext.Banner,\n entity: EntityType.Playlist,\n workflowPhase: WorkflowPhase.Start\n };\n\n const actions: ActionOptions[] = [];\n\n if (!isAuthenticated)\n return actions;\n\n if (args.isGuest)\n return actions;\n\n const isOwner = PlaylistHelper.isOwner(headerProps.playlist, headerProps.currentUser);\n const hideAssignButton = AssignHelper.hideAssignButtonOnVideoActions(headerProps.currentUser);\n const hasAssignActionButton = args.hasShareFlowV2 && !args.isStudent && !hideAssignButton;\n\n if (!isPlugin) {\n if (headerProps.playAllAppLink) {\n actions.push({\n label: getPhrase('playAll'),\n appLink: headerProps.playAllAppLink,\n svgName: cvSvgLibrary.Play,\n className: !isMobile ? 'btn btn-outline-dark me-2' : '',\n button: !isMobile,\n analyticsData,\n analyticsOptions: {\n ...analyticsOptions,\n actionType: UserAction.Play\n }\n });\n }\n\n if (hasAssignActionButton) {\n actions.push({\n label: getPhrase('assign'),\n appLink: AssignAppLinkHelper.flowSelector({\n entityType: 'playlist',\n objectId: headerProps.playlist.id\n }),\n svgName: cvSvgLibrary.Classrooms,\n className: !isMobile ? 'btn btn-outline-dark me-2' : '',\n button: !isMobile,\n analyticsData,\n analyticsOptions: {\n ...analyticsOptions,\n actionType: UserAction.Share,\n entity: EntityType.Assign\n }\n });\n }\n \n if (isUserCurator)\n actions.push({\n label: getOpenInCurationStudioLabel(),\n href: openInCuratorLink,\n openInNewTab: true\n });\n\n actions.push({\n label: !hasAssignActionButton && getPhrase('share'),\n tooltip: hasAssignActionButton && getPhrase('share'),\n appLink: {\n application: AppChannels.SHARE,\n action: Actions.Share.SHARE,\n args: [headerProps.playlist.id],\n params: { entityType: 'playlist' }\n },\n svgName: args.hasShareFlowV2 ? cvSvgLibrary.Link : cvSvgLibrary.Share,\n className: !isMobile ? 'btn btn-outline-dark me-2 align-self-stretch' : '',\n button: !isMobile,\n analyticsData,\n analyticsOptions: {\n ...analyticsOptions,\n actionType: UserAction.Share,\n eventVersion: EventVersion.V3\n }\n });\n }\n\n if (!isOwner) {\n actions.push({\n label: getPhrase(isFollowing ? 'following' : 'follow'),\n onClick: () => {\n setIsFollowing(!isFollowing);\n setShowFollowSpinner(true);\n headerProps.follow(\n !isFollowing,\n () => {\n setShowFollowSpinner(false);\n AnalyticsHelper.logUserAction(analyticsData, {\n ...analyticsOptions,\n actionType: UserAction.Follow,\n descriptor: isFollowing ? ToggleDescriptor.Off : ToggleDescriptor.On,\n workflowPhase: WorkflowPhase.Complete\n });\n },\n () => {\n setShowFollowSpinner(false);\n setIsFollowing(isFollowing);\n }\n );\n },\n svgName: isFollowing ? cvSvgLibrary.BellFilled : cvSvgLibrary.Bell,\n className: !isMobile\n ? `btn follow-btn btn-${isFollowing ? 'outline-dark' : 'dark'} me-2`\n : '',\n button: !isMobile,\n showSpinner: showFollowSpinner\n });\n }\n\n if (isOwner) {\n actions.push({\n label: getPhrase('edit'),\n appLink: {\n application: AppChannels.PLAYLISTS,\n action: Actions.Playlists.EDIT_PLAYLIST,\n args: [headerProps.playlist.id]\n },\n svgName: cvSvgLibrary.Edit,\n button: false,\n analyticsData,\n analyticsOptions: {\n ...analyticsOptions,\n actionType: UserAction.Edit\n }\n });\n\n actions.push({\n label: getPhrase('delete'),\n appLink: {\n application: AppChannels.PLAYLISTS,\n action: Actions.Playlists.DELETE_PLAYLIST,\n args: [headerProps.playlist.id]\n },\n svgName: cvSvgLibrary.Delete,\n className: 'text-danger',\n button: false,\n analyticsData,\n analyticsOptions: {\n ...analyticsOptions,\n actionType: UserAction.Delete\n }\n });\n }\n\n if (headerProps.playlist._isClickViewCurated?.value) {\n actions.push({\n label: getPhrase('copy'),\n appLink: {\n application: AppChannels.PLAYLISTS,\n action: Actions.Playlists.COPY_PLAYLIST,\n args: [headerProps.playlist.id]\n },\n button: false,\n analyticsData,\n analyticsOptions: {\n ...analyticsOptions,\n actionType: UserAction.Copy\n }\n });\n }\n\n return actions;\n }\n};\n","// extracted by mini-css-extract-plugin\nexport default {\"clickViewAvatar\":\"PHe9c\"};","import * as React from 'react';\n\nimport { Core } from 'libs/common/core';\n\nimport { PlaylistHeaderDetails } from 'libs/shared/apps/playlists/components/playlist-header-details/PlaylistHeaderDetails';\nimport { ActionOptions } from 'libs/shared/components/actions/Actions';\nimport { BannerHeader } from 'libs/shared/components/banner-header/BannerHeader';\nimport { Breadcrumb, Breadcrumbs, PartialBreadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { BG_COLOUR_CLASS_NAMES } from 'libs/shared/constants/ColourClassNames';\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { useMediaQuery } from 'libs/shared/hooks/UseMediaQuery';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useSettings } from 'libs/shared/hooks/useSettings';\nimport { Classification, CurrentUser, Playlist } from 'libs/shared/interfaces';\nimport { getBgColorClass } from 'libs/shared/utils/getBgColorClass';\n\nimport { usePluginHelper } from 'shared/hooks/use-plugin-helper/usePluginHelper';\n\nimport { PartialPlaylistHeader } from './partial-loading/PartialPlaylistHeader';\nimport { PlaylistHeaderUtils } from './PlaylistHeaderUtils';\n\nimport styles from './playlist-header.scss';\n\nexport interface PlaylistHeaderProps {\n playlist: Playlist;\n currentUser: CurrentUser;\n isFollowing: boolean;\n follow: (shouldFollow: boolean, onSuccess: () => void, onError: () => void) => void;\n imageCdnUrl: string;\n showPartialLoading: boolean;\n playAllAppLink: Core.AppLink;\n isUserCurator: boolean;\n openInCuratorLink: string;\n\n // For breadcrumbs\n getBreadcrumbs: () => Breadcrumb[];\n topicPath: Classification[];\n moviesAndTv: boolean;\n classificationId: string;\n totalVideos: number;\n}\n\nexport function PlaylistHeader(props: PlaylistHeaderProps): JSX.Element {\n const { isPlugin } = usePluginHelper();\n const { hasPermissions } = usePermissions();\n const { hasShareFlowV2 } = useSettings(null);\n\n // Store isFollowing in local state so that it updates immediately.\n const [ isFollowing, setIsFollowing ] = React.useState(props.isFollowing);\n const [ showFollowSpinner, setShowFollowSpinner ] = React.useState(false);\n\n React.useEffect(() => setIsFollowing(props.isFollowing), [props.isFollowing]);\n\n const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n if (props.showPartialLoading)\n return <PartialPlaylistHeader />;\n\n const description = props.playlist.description;\n\n const actions: ActionOptions[] = PlaylistHeaderUtils.getPlaylistActions(props, {\n isAuthenticated: props.currentUser.isAuthenticated,\n isPlugin,\n isMobile,\n setIsFollowing,\n isFollowing,\n setShowFollowSpinner,\n showFollowSpinner,\n isUserCurator: props.isUserCurator,\n openInCuratorLink: props.openInCuratorLink,\n hasShareFlowV2,\n isStudent: hasPermissions(PermissionName.StudentExperience),\n isGuest: hasPermissions(PermissionName.GuestExperience)\n });\n\n const breadcrumbs = props.getBreadcrumbs();\n\n return (\n <>\n <BannerHeader\n heading={props.playlist.name}\n banner={props.playlist.banner}\n imageCdnUrl={props.imageCdnUrl}\n actions={actions.length && actions}\n actionsDropdownClassName='btn btn-outline-dark'\n blockColourClass={getBgColorClass(props.playlist.name, BG_COLOUR_CLASS_NAMES)}\n detailsComponent={() => (\n <PlaylistHeaderDetails\n playlist={props.playlist}\n currentUser={props.currentUser}\n detailsClassName='mb-n1 font-size-normal fw-normal mt-1'\n clickViewAvatarClassName={styles.clickViewAvatar}\n separatorClassName='mx-1'\n totalVideos={props.totalVideos}\n />\n )}\n />\n {(!!description || !!breadcrumbs?.length) && (\n <div className='border-bottom py-3'>\n {(() => {\n if (!props.playlist || (props.classificationId && !props.topicPath))\n return <PartialBreadcrumbs />;\n\n return (\n <div className='pb-2'>\n <Breadcrumbs breadcrumbs={breadcrumbs} />\n </div>\n );\n })()}\n {!!description && <p className='mb-0'>{description}</p>}\n </div>\n )}\n </>\n );\n}\n","import * as React from 'react';\nimport { DragEndEvent, DragStartEvent } from '@dnd-kit/core';\n\nimport { DevError } from 'libs/common/backbone/errors/DevError';\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\nimport { Core } from 'libs/common/core';\n\nimport { SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { PartialVideoList } from 'libs/shared/components/video-list/partial-loading/PartialVideoList';\nimport { SortableVideoList, VideoList, VideoListProps } from 'libs/shared/components/video-list/VideoList';\nimport { YearGroup } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\ninterface SortableVideoListContainerProps extends VideoListProps {\n playlistId: string;\n yearGroups: YearGroup[];\n onSortComplete: (oldIdx: number, newIdx: number) => void;\n onSortStart?: (index: number) => void;\n canEdit?: boolean;\n showPartialLoading?: boolean;\n fetchRestrictions?: () => void;\n showSignIn?: boolean;\n}\n\nexport function SortableVideoListContainer(props: SortableVideoListContainerProps): React.ReactElement {\n const { onSortComplete, onSortStart, showPartialLoading, ...videoListProps } = props;\n\n const [ currentSortingIndex, setCurrentSortingIndex ] = React.useState<number>();\n\n const onSortStartHandler = (event: DragStartEvent) => {\n const index = props.videos.findIndex(v => v.id.toString() === event.active.id.toString());\n\n setCurrentSortingIndex(index);\n\n if (FunctionHelper.isFunction(onSortStart))\n onSortStart(index);\n };\n\n const onSortEnd = (event: DragEndEvent) => {\n setCurrentSortingIndex(null);\n\n const { active, over } = event;\n \n const oldIndex = props.videos.findIndex(v => v.id.toString() === active.id.toString());\n const newIndex = props.videos.findIndex(v => v.id.toString() === over.id.toString());\n\n if (!FunctionHelper.isFunction(onSortComplete)) {\n Core.ErrorHelper.throw(new DevError('An onSortComplete callback function must be passed to SortableVideoListComponent'));\n return;\n }\n \n onSortComplete(oldIndex, newIndex);\n };\n\n if (showPartialLoading)\n return <PartialVideoList withReordering={props.canEdit || props.showIndexes} />;\n\n if (!props.canEdit)\n return <VideoList {...videoListProps} />;\n\n return (\n <SortableVideoList\n {...videoListProps}\n currentSortingIndex={currentSortingIndex}\n onSortStart={onSortStartHandler}\n onSortEnd={onSortEnd}\n dragHandleIcon={cvSvgLibrary.Hamburger}\n dragHandleIconSize={SvgContainerSize.XXL}\n presentationAudiences={props.presentationAudiences}\n />\n );\n}","import React from 'react';\n\nimport { EmptyState } from 'libs/shared/components/empty-states/EmptyState';\nimport { LanguageNamespaceContext, Text } from 'libs/shared/components/text/Text';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\n\nconst namespace = 'playlists.playlistEmptyState';\n\nexport function PlaylistEmptyState(): JSX.Element {\n return (\n <LanguageNamespaceContext.Provider value={namespace}>\n <EmptyState>\n <EmptyState.Image src={ImageUrls.EmptyStates.Playlists.PLAYLIST_VIDEOS} />\n\n <EmptyState.Heading><Text phrase='heading' /></EmptyState.Heading>\n\n <EmptyState.Info><Text phrase='info' /></EmptyState.Info>\n </EmptyState>\n </LanguageNamespaceContext.Provider>\n );\n}","import { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { AssocDescriptor, EntityType, LocationContext, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { PlaylistHelper } from 'libs/shared/apps/playlists/utils/PlaylistHelper';\nimport { VideoActionsOptions } from 'libs/shared/context/VideoActionsContext';\nimport { CurrentUser, Playlist, Video, VideoTypes } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { PlaylistNotFoundError } from 'shared/errors/playlists/playlist-not-found/LitePlaylistNotFoundError';\nimport { PlaylistPrivateError } from 'shared/errors/playlists/playlist-private/PlaylistPrivateError';\nimport { useVideoActions, VideoActionsLocation } from 'shared/hooks/use-video-actions/useVideoActions';\n\nconst getPhrase = LanguageService.encloseNamespace('playlists.playlist');\n\n/**\n * NOTE:\n * This will be wrong if we increase the playlist limit from 100, or\n * stop fetching all 100 videos at once.\n */\nexport function getLastUpdatedDate(videos: Video[]): string {\n const videoLastUpdatedDates: string[] = videos && videos.length && videos.map(v => v.dateAssociated);\n\n return (videoLastUpdatedDates && videoLastUpdatedDates.length)\n ? ArrayHelper.max<string, number>(videoLastUpdatedDates, (date: string) => new Date(date).getTime())\n : null;\n}\n\nexport function usePlaylistViewVideoActions(\n playlist: Playlist,\n currentUser: CurrentUser,\n shareId: string\n) {\n const videoActions = useVideoActions({ location: VideoActionsLocation.VideoItem, shareId });\n\n if (!PlaylistHelper.isOwner(playlist, currentUser))\n return videoActions;\n\n const getVideoActions = (video: VideoTypes, options?: VideoActionsOptions) => {\n const { canConsume } = VideoHelper.getCanBeConsumed(video);\n\n const removeFromPlaylistAction = {\n label: getPhrase('removeFromPlaylist'),\n button: false,\n svgName: cvSvgLibrary.Delete,\n appLink: {\n application: AppChannels.PLAYLISTS,\n action: Actions.Playlists.REMOVE_VIDEO_FROM_PLAYLIST,\n args: [ video.id, playlist.id ],\n params: { typeId: video.typeId }\n },\n className: 'text-danger',\n analyticsOptions: {\n entity: EntityType.Video,\n actionType: UserAction.Dissociate,\n location: LocationContext.VideoListItem,\n workflowPhase: WorkflowPhase.Start,\n descriptor: AssocDescriptor.Playlist\n },\n analyticsData: {\n id: video.id,\n playlistId: playlist.id\n },\n group: 'delete'\n };\n\n if (!canConsume)\n return [removeFromPlaylistAction];\n\n return [ ...videoActions.getVideoActions(video, options), removeFromPlaylistAction ];\n };\n\n return {\n ...videoActions,\n getVideoActions\n };\n}\n\nexport function logSortAction(playlistId: string, videoId: string, workflowPhase: WorkflowPhase): void {\n AnalyticsHelper.logUserAction({ id: videoId, playlistId }, {\n location: LocationContext.VideoList,\n entity: EntityType.Video,\n actionType: UserAction.Move,\n workflowPhase\n });\n}\n\nexport const playlistErrors = {\n notFound: PlaylistNotFoundError,\n forbidden: {\n privacy: PlaylistPrivateError\n }\n};","import * as React from 'react';\nimport { useDispatch } from 'react-redux';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\nimport { Flight } from 'libs/common/flight';\n\nimport { LocationContext, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { PlaylistHelper } from 'libs/shared/apps/playlists/utils/PlaylistHelper';\nimport { InfiniteScrollFooter } from 'libs/shared/components/infinite-scroll-footer/InfiniteScrollFooter';\nimport { VideoActionsContext } from 'libs/shared/context/VideoActionsContext';\nimport { RelatedVideosContext } from 'libs/shared/enums/RelatedVideosContext';\nimport { AudienceRequests } from 'libs/shared/flight-requests/AudienceRequests';\nimport { ClassificationRequests } from 'libs/shared/flight-requests/ClassificationRequests';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { PlaylistRequests } from 'libs/shared/flight-requests/PlaylistRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\nimport { useBreadcrumbs } from 'libs/shared/hooks/useBreadcrumbs';\nimport { useCurationStudio } from 'libs/shared/hooks/useCurationStudio';\nimport { useHandleObjectError } from 'libs/shared/hooks/UseHandleObjectError';\nimport { useInfiniteList } from 'libs/shared/hooks/UseInfiniteList';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useReorderedItems } from 'libs/shared/hooks/UseReorderedItems';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { Classification, Config, Following, OnlineCurrentUser, Playlist, Presentation, PresentationAudience, VideoTypes, YearGroup } from 'libs/shared/interfaces';\nimport { GetVideoAppLinkOptions } from 'libs/shared/interfaces/VideoAppLinkOptions';\nimport { PageMetadataHelper } from 'libs/shared/utils/PageMetadataHelper';\nimport { ReorderHelper } from 'libs/shared/utils/ReorderHelper';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { useCommonVideoProps } from 'shared/hooks/useCommonVideoProps';\nimport { useDeepLinks } from 'shared/hooks/useDeepLinks';\nimport { useVideoMixin } from 'shared/hooks/useVideoMixin';\nimport { InteractiveHelpers } from 'shared/utils/InteractiveHelper';\nimport { SeoHelper } from 'shared/utils/SeoHelper';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\n\nimport { PlaylistHeader } from 'apps/playlists/components/playlist-header/PlaylistHeader';\nimport { SortableVideoListContainer } from 'apps/playlists/components/video-list/SortableVideoListContainer';\n\nimport { PlaylistEmptyState } from './empty-state/PlaylistEmptyState';\nimport { logSortAction, playlistErrors, usePlaylistViewVideoActions } from './PlaylistViewUtils';\n\nconst namespace = 'playlists.playlist';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface PlaylistViewProps {\n playlistId: string;\n shareId?: string;\n classificationId?: string;\n moviesAndTv?: boolean;\n hideBreadCrumbs?: boolean;\n}\n\nexport function PlaylistView(props: PlaylistViewProps): React.ReactElement {\n const dispatch = useDispatch();\n const alerts = useAlerts();\n\n const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n const currentUser = Flight.useBasicFetch<OnlineCurrentUser>(UserRequests.currentUser());\n const { isUserCurator, getOpenInCurationStudioLink } = useCurationStudio();\n const { hasPermissions } = usePermissions();\n\n const yearGroups = Flight.useBasicFetch<YearGroup[]>(\n currentUser.data?.isAuthenticated && CustomerRequests.yearGroups(currentUser.data.customerId)\n );\n\n const topicPath = Flight.useBasicFetch<Classification[]>(\n props.classificationId &&\n ClassificationRequests.path(props.classificationId)\n );\n\n const classification = Flight.useBasicFetch<Classification>(\n props.classificationId &&\n ClassificationRequests.classification(props.classificationId, currentUser.data?.id)\n );\n\n const classificationPresentation = Flight.useBasicFetch<Presentation>(\n classification.hasCompleted &&\n ClassificationRequests.presentationById(classification.data?.presentationId)\n );\n\n const shouldFetchAudiences = !currentUser.data?.isAuthenticated\n ? !!classificationPresentation.data?.id\n : !props.classificationId || classificationPresentation.hasCompleted;\n\n const audiences = Flight.useBasicFetch<PresentationAudience[]>(\n shouldFetchAudiences &&\n AudienceRequests.presentationAudiences(classificationPresentation.data?.id)\n );\n\n const { commonVideoProps } = useCommonVideoProps({\n locationContext: LocationContext.VideoThumbnail,\n mtv: props.moviesAndTv,\n sharedPlaylist: !!props.shareId\n });\n\n const playlistRequest = props.shareId\n ? PlaylistRequests.getSharedPlaylist(props.playlistId, props.shareId)\n : PlaylistRequests.getPlaylist(props.playlistId);\n\n const playlistItemCountRequest = props.shareId\n ? PlaylistRequests.getSharedPlaylistVideosCount(props.playlistId, props.shareId)\n : PlaylistRequests.getPlaylistVideosCount(props.playlistId);\n\n const playlist = Flight.useBasicFetch<Playlist>(playlistRequest);\n const playlistWithCounts = Flight.useBasicFetch<Playlist>(playlistItemCountRequest);\n\n const getVideoItemActions = usePlaylistViewVideoActions(playlist.data, currentUser.data, props.shareId);\n\n useHandleObjectError(playlist, playlistErrors);\n\n const getVideosRequest = (cursor?: string) => {\n return props.shareId\n ? PlaylistRequests.getSharedPlaylistVideos(props.playlistId, props.shareId, cursor)\n : PlaylistRequests.getPlaylistVideos(props.playlistId, cursor);\n };\n\n const following = Flight.useBasicFetch<Following>(\n currentUser.data?.id &&\n PlaylistRequests.getIsFollowingPlaylist(props.playlistId, currentUser.data?.id)\n );\n\n const fetchNext = (cursor?: string) => {\n Flight.getFetch(dispatch)(getVideosRequest(cursor));\n };\n\n const { items: videos, hasMore, isFetching } = useInfiniteList<VideoTypes>(getVideosRequest, fetchNext);\n\n useVideoMixin(videos);\n\n // Locally stored array of videos used to immediately reflect changes in order.\n const [ reorderedVideos, setReorderedVideos ] = useReorderedItems(videos);\n\n useDeepLinks({ id: props.playlistId, app: 'playlists', shareId: props.shareId });\n useSetPageMetadata(PageMetadataHelper.getPlaylistMetadata({\n content: playlist.data,\n phraseContext: {\n phraseHandler: getPhrase,\n titlePhrase: 'pageTitle',\n descriptionPhrase: 'pageDescription'\n },\n canonicalLink: SeoHelper.getCanonicalLink({ stripPresentationSlug: true }),\n allowIndexing: false\n }));\n\n const onSortStart = (index: number) => {\n const video = videos[index];\n\n if (video)\n logSortAction(props.playlistId, video.id, WorkflowPhase.Start);\n };\n\n const onSortComplete = (oldIdx: number, newIdx: number) => {\n if (oldIdx === newIdx)\n return;\n\n const video = videos[oldIdx];\n\n if (!video)\n return;\n\n const { reorderedItems, reorderRequest } = ReorderHelper.reorder(videos, oldIdx, newIdx);\n setReorderedVideos(reorderedItems);\n\n logSortAction(props.playlistId, video.id, WorkflowPhase.Complete);\n\n const onError = () => {\n setReorderedVideos(null);\n };\n\n Flight.fetch(dispatch, PlaylistRequests.reorderVideos(props.playlistId, reorderRequest, null, onError));\n };\n\n const follow = (shouldFollow: boolean, onSuccess: () => void, onError: () => void) => {\n const req = shouldFollow\n ? PlaylistRequests.followPlaylist\n : PlaylistRequests.unfollowPlaylist;\n\n const error = () => {\n onError();\n alerts.error(getPhrase(shouldFollow ? 'followError' : 'unfollowError'));\n };\n\n Flight.fetch(dispatch, req(props.playlistId, currentUser.data?.id, onSuccess, error));\n };\n\n const playlistIsEmpty = !!videos && videos.length === 0;\n\n const getVideoAppLink = (\n video: VideoTypes,\n playNext: boolean,\n options: GetVideoAppLinkOptions = {}\n ) => {\n return VideoAppLinkHelper.getAppLink(video, {\n ...options,\n contextId: props.playlistId,\n context: RelatedVideosContext.Playlist,\n shareId: props.shareId,\n moviesAndTv: props.moviesAndTv,\n playNext,\n includeContext: currentUser.data?.isAuthenticated || !!props.shareId\n });\n };\n\n const isFollowingComplete = !currentUser.data?.isAuthenticated || !!following.hasCompleted;\n\n // The play all applink should start from the first consumable video\n const firstPlayAllVideo = videos?.find(v => VideoHelper.getCanBeConsumed(v)?.canConsume);\n const canEdit = PlaylistHelper.isOwner(playlist.data, currentUser.data);\n\n const videoDataLoaded = (\n videos && currentUser.data && config.data\n );\n\n const getSignInAppLink = (appLink: Core.AppLink): Core.AppLink => {\n const redirectUrl = Core.AppLinkHelper.getHref(appLink);\n const params = redirectUrl !== '/' ? { redirectUrl } : {};\n \n return {\n application: AppChannels.DEFAULT,\n action: Actions.Default.CHALLENGE,\n params\n };\n };\n\n const breadcrumbs = useBreadcrumbs({ name: playlist.data?.name });\n\n return (\n <VideoActionsContext.Provider value={currentUser.data?.isAuthenticated && getVideoItemActions}>\n <div className='bg-white px-3'>\n <PlaylistHeader\n playlist={playlist.data}\n currentUser={currentUser.data}\n isFollowing={following.data?.isFollowing}\n follow={follow}\n playAllAppLink={firstPlayAllVideo && getVideoAppLink(firstPlayAllVideo, true)}\n showPartialLoading={!playlist.data || !videoDataLoaded || !isFollowingComplete}\n imageCdnUrl={!!config.data && config.data.imageCdnUrl}\n getBreadcrumbs={() => props.hideBreadCrumbs ? null : breadcrumbs}\n topicPath={topicPath.data}\n moviesAndTv={props.moviesAndTv}\n classificationId={props.classificationId}\n isUserCurator={isUserCurator}\n openInCuratorLink={getOpenInCurationStudioLink(playlist.data?.typeId, playlist.data?.id)}\n totalVideos={PlaylistHelper.getVideoCount(playlistWithCounts.data)}\n />\n <div className='mt-2'>\n {!playlistIsEmpty\n ? (\n <SortableVideoListContainer\n videos={reorderedVideos || videos}\n yearGroups={yearGroups.data}\n playlistId={!!playlist.data && playlist.data.id}\n onSortStart={onSortStart}\n onSortComplete={onSortComplete}\n canEdit={canEdit}\n showPartialLoading={!videoDataLoaded}\n getVideoAppLink={(v, opts) => getVideoAppLink(v, false, opts)}\n showSignIn={!currentUser.data?.isAuthenticated}\n getSignInAppLink={getSignInAppLink}\n canRemovePrivateVideos={canEdit}\n presentationAudiences={props.moviesAndTv ? null : audiences.data}\n showIndexes={true}\n hasPermissions={hasPermissions}\n getPreviewQuestionsAppLink={interactive => InteractiveHelpers.getPreviewQuestionsAppLink(interactive)}\n commonVideoProps={commonVideoProps}\n />\n ) : <PlaylistEmptyState />\n }\n </div>\n {(hasMore || isFetching) && <InfiniteScrollFooter isFetching={isFetching} fetchNext={fetchNext} />}\n </div>\n </VideoActionsContext.Provider>\n );\n}\n","import { useEffect, useState } from 'react';\n\nimport { BaseObject } from 'libs/shared/interfaces';\n\nfunction isOrderEqual(arr1: BaseObject[], arr2: BaseObject[]): boolean {\n let isEqual = true;\n\n if (arr1.length !== arr2.length)\n return false;\n\n for (let i = 0; i < arr1.length; i++) {\n if (arr1[i].id !== arr2[i].id) {\n isEqual = false;\n break;\n }\n }\n\n return isEqual;\n}\n\n/**\n * This function can be used to temporarily store an array of reordered objects\n * until the array obtained from the application store updates to the new order.\n * \n * @param items array of objects from application store.\n */\nexport function useReorderedItems<T extends BaseObject>(\n items: T[]\n): [ T[], React.Dispatch<React.SetStateAction<T[]>> ] {\n const [ reorderedItems, setReorderedItems ] = useState<T[]>();\n\n useEffect(() => {\n if (!reorderedItems)\n return;\n\n if (items.length !== reorderedItems.length || isOrderEqual(items, reorderedItems))\n setReorderedItems(null);\n }, [items]);\n\n return [ reorderedItems, setReorderedItems ];\n}","import { Core } from 'libs/common/backbone/index';\nimport { Flight } from 'libs/common/react/index';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useSettings } from 'libs/shared/hooks/useSettings';\nimport { Config, CurrentUser, VideoTypes, YearGroup } from 'libs/shared/interfaces';\nimport { CommonVideoProps } from 'libs/shared/interfaces/CommonVideoProps';\n\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\n\nimport { SeriesAppLinkHelper } from 'apps/series/SeriesAppLinkHelper';\n\nimport { usePluginHelper } from './use-plugin-helper/usePluginHelper';\nimport { useLiteFavourites } from './useLiteFavourites';\n\ninterface UseCommonVideoPropsResult {\n hasCommonVideoPropsCompleted: boolean;\n commonVideoProps: CommonVideoProps;\n}\n\ninterface UseCommonVideoPropsOptions {\n locationContext: LocationContext,\n mtv?: boolean;\n flightNamespace?: string;\n sharedPlaylist?: boolean;\n}\n\nexport function useCommonVideoProps(options: UseCommonVideoPropsOptions): UseCommonVideoPropsResult {\n const { locationContext, mtv, flightNamespace, sharedPlaylist } = options || {};\n\n const { isPlugin, params } = usePluginHelper();\n const { setFavourite, canFavourite } = useLiteFavourites(locationContext, flightNamespace);\n const { hasTopicDirectories, isLoadingSettings } = useSettings(null);\n const { hasPermissions, isLoaded: hasLoadedPermissions } = usePermissions();\n const hasStudentExperience = hasPermissions(PermissionName.StudentExperience);\n const hasGuestExperience = hasPermissions(PermissionName.GuestExperience);\n\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\n function getSubTextAppLink(video: VideoTypes): Core.AppLink {\n if (!('series' in video))\n return null;\n\n /**\n * We do not allow navigating to series on shared playlists when the user is not signed in\n * because most series are customer created and will be empty for public users\n * \n * We do not have to do this for shared series, because all the series links are self referencing\n * - Sha\n */\n if (sharedPlaylist && !currentUser.data?.isAuthenticated)\n return null;\n \n return SeriesAppLinkHelper.getSeriesAppLink(video.series, { mtv });\n }\n\n const hasCommonVideoPropsCompleted = (\n !isLoadingSettings &&\n hasLoadedPermissions &&\n config.hasCompleted &&\n currentUser.hasCompleted &&\n (!currentUser.data?.isAuthenticated || yearGroups.hasCompleted)\n );\n\n return {\n hasCommonVideoPropsCompleted,\n commonVideoProps: {\n subTextType: 'series',\n getSubTextAppLink,\n isPlugin,\n isPluginPopup: !!params?.popup,\n canFavourite,\n setFavourite,\n imageCdnUrl: config.data?.imageCdnUrl,\n yearGroups: yearGroups.data,\n getClassroomGuideAppLink: VideoAppLinkHelper.getClassroomGuideAppLink,\n getInteractiveGuidanceAppLink: VideoAppLinkHelper.getInteractiveGuidanceAppLink,\n getResourceGuidanceAppLink: VideoAppLinkHelper.getResourceGuidanceAppLink,\n showNewVideoIndicator: hasTopicDirectories,\n companyLogoFallbackUrl: null,\n hasStudentExperience,\n hasGuestExperience\n }\n };\n}","import { Flight } from 'libs/common/react/index';\n\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { useGrowingBatchFetch, useGrowingBatchFetchFunc } from 'libs/shared/hooks/UseBatchFetch';\nimport { Clip, ClipCollection, Video, VideoCollection } from 'libs/shared/interfaces';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\ntype Types = Video[] | VideoCollection | Clip[] | ClipCollection;\n\nfunction getValidObjects(objects: Types): (Video | Clip)[] {\n if (!objects)\n return [];\n\n if (Array.isArray(objects))\n return objects.filter(o => !!o && (VideoHelper.isVideo(o) || VideoHelper.isClip(o)));\n\n if ('data' in objects)\n return objects.data.filter(o => !!o && (VideoHelper.isVideo(o) || VideoHelper.isClip(o)));\n\n return [];\n}\n\ninterface VideoMixinOptions {\n /**\n * If the videos that are having new data mixed into are sitting on an explicit Flight namespace,\n * providing that namespace here is required\n */\n flightNamespace?: string;\n}\n\nexport function useVideoMixin(objects: Types, options: VideoMixinOptions = {}) {\n const videoIds = getValidObjects(objects).map(v => v.id);\n\n useGrowingBatchFetch(\n videoIds,\n ids => VideoRequests.videoMixinAssocs(ids, options.flightNamespace),\n null\n );\n}\n\nexport function useVideoMixinFunc(options: VideoMixinOptions = {}) {\n function getRequest(ids: string[]): Flight.Request {\n return VideoRequests.videoMixinAssocs(ids, options.flightNamespace);\n }\n \n function fetchObjects(items: Types) {\n return fetchItems(getValidObjects(items).map(v => v.id));\n }\n\n const { fetchItems } = useGrowingBatchFetchFunc({ getRequest });\n\n return { fetchObjects };\n}"],"names":["namespace","ComingSoonTag","props","Tooltip","title","LanguageService","spanHackClassName","spanHack","className","SvgContainer","svgName","onlyIcon","GenericCalendarDate","AppLink","appLink","getAppLink","theme","border","analyticsData","analyticsOptions","background","label","body","type","getBodyClass","text","month","PlaylistHelper","isPlaylist","obj","typeId","isOwner","playlist","currentUser","_liteOwner","id","toString","getVideoCount","count","videos","clips","interactives","BackButton","textShadow","backToName","color","extraClasses","backPhrase","colorClass","textShadowClass","size","S","defaultProps","RATIO","width","height","getSizeClass","heading","length","BannerHeader","banner","imageCdnUrl","actions","sortComponent","blockColourClass","specialEvent","portalContainerContext","BannerPortalContext","imageWidth","useBreakpoints","xxl","specialEventIsToday","showComingSoon","today","DateHelper","Date","endDate","startDate","imageOptions","ratio","resizeType","url","ImageHelper","fallbackBaseUrl","fallbackCategoryName","containerProps","bannerClassName","style","backgroundImage","DetailsComponent","detailsComponent","logoFallbackBgClassName","getBgColorClass","PortalHelper","backButtonAppLink","backButtonText","backButtonClasses","alignLogoLeft","logo","getSpecialEventMonthText","calendarTheme","Text","phrase","LazyImage","src","backgroundColor","logoBgColour","Actions","actionsDropdownClassName","container","prevProps","nextProps","PartialBannerHeader","defaultErrors","notFound","forbidden","rating","yearLevel","region","privacy","badRequest","internalServerError","handleHttpError","info","customErrorMap","ignoreMap","statusCode","status","errorMap","CHUNK_SIZE","useBatchFetch","itemIds","getRequest","requests","map","chunk","responses","itemsArr","data","items","reduce","acc","item","isFetching","hasCompleted","useGrowingBatchFetch","objs","_getKey","getKey","useGrowingBatchFetchFunc","fetchItems","join","options","fetchedItems","Set","setRequests","hasFirstRequestCompleted","unfetchedItems","forEach","key","current","has","push","add","r","generateCacheKey","flightObjs","useHandleObjectError","_flightObjs","customErrors","ignoreErrors","Array","isArray","useEffect","SCROLL_TOLERANCE","useInfiniteList","fetchNext","onError","getItems","getCursor","scrollContainer","handleScroll","useState","pagesFetched","setPagesFetched","fetchNextFn","response","cursor","request","fetchNextPage","currentVal","nextCursor","hasMore","getBoundingClientRect","scrollTop","scrollHeight","window","innerHeight","document","documentElement","onScroll","FunctionHelper","addEventListener","removeEventListener","shouldInitialFetch","httpStatusClass","substr","HttpStatus","totalItems","hasFirstPageCompleted","useBreadcrumbs","match","breadcrumbs","useBuilder","active","Separator","getPlaylistOwnerName","name","surname","TextHelper","substring","split","PlaylistHeaderDetails","currentUserIsOwner","followerCount","followers","lastUpdated","contentModifiedDate","now","getLastUpdated","detailsClassName","hideOwnerName","_isClickViewCurated","value","clickViewAvatarClassName","ClickViewAvatar","user","separatorClassName","totalVideos","smartCount","timeAgo","PartialPlaylistHeader","getPhrase","PlaylistHeaderUtils","getPlaylistActions","headerProps","args","isAuthenticated","isPlugin","isMobile","setIsFollowing","isFollowing","setShowFollowSpinner","showFollowSpinner","isUserCurator","openInCuratorLink","videoCount","interactiveCount","clipCount","isClickViewPlaylist","location","entity","workflowPhase","isGuest","hideAssignButton","AssignHelper","hasAssignActionButton","hasShareFlowV2","isStudent","playAllAppLink","button","actionType","AssignAppLinkHelper","entityType","objectId","href","openInNewTab","tooltip","application","action","params","eventVersion","onClick","follow","AnalyticsHelper","descriptor","showSpinner","PlaylistHeader","usePluginHelper","hasPermissions","usePermissions","useSettings","showPartialLoading","description","PermissionName","getBreadcrumbs","classificationId","topicPath","Breadcrumbs","SortableVideoListContainer","onSortComplete","onSortStart","videoListProps","currentSortingIndex","setCurrentSortingIndex","PartialVideoList","withReordering","canEdit","showIndexes","event","index","findIndex","v","onSortEnd","over","oldIndex","newIndex","DevError","dragHandleIcon","dragHandleIconSize","presentationAudiences","VideoList","PlaylistEmptyState","EmptyState","ImageUrls","logSortAction","playlistId","videoId","playlistErrors","PlaylistPrivateError","PlaylistView","dispatch","alerts","config","ConfigRequests","UserRequests","useCurationStudio","getOpenInCurationStudioLink","yearGroups","CustomerRequests","customerId","ClassificationRequests","classification","classificationPresentation","presentationId","shouldFetchAudiences","audiences","AudienceRequests","commonVideoProps","useCommonVideoProps","locationContext","mtv","moviesAndTv","sharedPlaylist","shareId","playlistRequest","PlaylistRequests","playlistItemCountRequest","playlistWithCounts","getVideoItemActions","videoActions","useVideoActions","getVideoActions","video","canConsume","VideoHelper","removeFromPlaylistAction","group","usePlaylistViewVideoActions","getVideosRequest","following","useVideoMixin","reorderedItems","setReorderedItems","arr1","arr2","isEqual","i","isOrderEqual","reorderedVideos","setReorderedVideos","useDeepLinks","app","useSetPageMetadata","PageMetadataHelper","content","phraseContext","phraseHandler","titlePhrase","descriptionPhrase","canonicalLink","SeoHelper","stripPresentationSlug","allowIndexing","playlistIsEmpty","playNext","VideoAppLinkHelper","contextId","context","RelatedVideosContext","includeContext","isFollowingComplete","firstPlayAllVideo","find","videoDataLoaded","VideoActionsContext","shouldFollow","onSuccess","req","error","hideBreadCrumbs","oldIdx","newIdx","ReorderHelper","reorderRequest","getVideoAppLink","opts","showSignIn","getSignInAppLink","redirectUrl","canRemovePrivateVideos","getPreviewQuestionsAppLink","interactive","InteractiveHelper","InfiniteScrollFooter","flightNamespace","u","setFavourite","canFavourite","hasTopicDirectories","isLoadingSettings","hasLoadedPermissions","isLoaded","hasStudentExperience","hasGuestExperience","hasCommonVideoPropsCompleted","subTextType","getSubTextAppLink","series","isPluginPopup","popup","getClassroomGuideAppLink","getInteractiveGuidanceAppLink","getResourceGuidanceAppLink","showNewVideoIndicator","companyLogoFallbackUrl","getValidObjects","objects","filter","o","videoIds","ids","useVideoMixinFunc","fetchObjects"],"sourceRoot":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[4177],{28469:(e,t,n)=>{n.d(t,{P:()=>o});var a=n(32735),r=n(23481).T.encloseNamespace("rostering.alert");function o(e){var t="classroom"===e.type?r("classroom"):r("hasRostering");return a.createElement("div",{className:"alert text-info bg-light-blue px-2 rounded-3 fw-semibold py-2 d-flex flex-wrap"},t," ")}},299:(e,t,n)=>{n.d(t,{X:()=>s});var a=n(32735),r=n(69217),o=n(94631),s=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.idField,s=void 0===n?"id":n,i=t.persistNamespace,l=t.initialState?t.initialState:new Map,c=a.useRef(l),d=(0,r.N)(),u=(0,o.D)(e),m=(0,o.D)(i);function g(){c.current.clear(),d()}function p(e){return"number"==typeof e?e=e.toString():"string"!=typeof e&&(e=e[s].toString()),c.current.get(e)}function f(){return!!(null==e?void 0:e.length)&&e.every(p)}function v(e){e.forEach(function(e){c.current.set(e,!0)}),d()}return a.useEffect(function(){t.initialState||i&&m===i||(null==u?void 0:u.map(function(e){return e[s]}).join())!==(null==e?void 0:e.map(function(e){return e[s]}).join())&&g()},[u,m,e,t.initialState]),a.useEffect(function(){var e;(null===(e=t.preselectedIds)||void 0===e?void 0:e.length)&&v(t.preselectedIds)},[]),{onToggleBulk:function(){var t=!f();e.forEach(function(e){t?c.current.set(e[s].toString(),!0):c.current.delete(e[s].toString())}),d()},onToggleItem:function(e){var t=!c.current.get(e.toString());t?c.current.set(e.toString(),t):c.current.delete(e.toString()),d()},getSelected:function(){return Array.from(c.current.keys())},isChecked:p,bulkChecked:f(),deselectAll:function(){(null==e?void 0:e.length)&&(e.forEach(function(e){c.current.delete(e[s].toString())}),d())},hasSomeSelections:function(){return!!(null==e?void 0:e.length)&&!!e.find(function(e){return p(e)})},setSelected:v,getSelectedCount:function(){return c.current.size},reset:g,getMap:function(){return c.current}}}},36511:(e,t,n)=>{n.d(t,{I:()=>r});var a=n(56644);function r(e){switch(e){case a.R.Pink:return"pink";case a.R.Orange:return"orange";case a.R.Green:return"green";case a.R.Blue:return"blue";case a.R.Purple:return"purple";case a.R.Indigo:return"indigo";default:return"pink"}}},35115:(e,t,n)=>{n.d(t,{p:()=>d});var a=n(32735),r=n(49935),o=n(95278);const s="pJf6R",i="MSvzY",l="IFmvc",c="pOcvk";var d=a.memo(function(){return a.createElement("div",{className:"px-3"},a.createElement("div",{className:"mb-1 partial-loading-background ".concat("YrP_G")}),a.createElement("div",{className:"pb-3"},a.createElement(r.b2,{numItems:2})),a.createElement("div",{className:"pb-2"},a.createElement(o.Z,null)),a.createElement("div",{className:"d-flex align-items-center py-2"},a.createElement("div",{className:"mx-4 partial-loading-background ".concat(s)}),a.createElement("div",{className:"me-2 partial-loading-background ".concat(i)}),a.createElement("div",{className:"me-auto partial-loading-background ".concat(i)}),a.createElement("div",{className:"partial-loading-background ".concat("j62jt")})),a.createElement("ul",{className:"striped-list list-unstyled"},Array(20).fill(null).map(function(e,t){return a.createElement("li",{key:t},a.createElement("div",{className:"d-flex align-items-center py-1 px-4"},a.createElement("div",{className:"me-2 partial-loading-background ".concat(s)}),a.createElement("div",{className:"me-2 partial-loading-background ".concat("droqZ")}),a.createElement("div",{className:"w-25"},a.createElement("div",{className:"partial-loading-background ".concat("gorcb")})),a.createElement("div",{className:"me-auto d-flex"},Math.random()>.5?a.createElement(a.Fragment,null,a.createElement("div",{className:"partial-loading-background rounded-pill me-1 ".concat(l," ").concat("SdQ90")}),a.createElement("div",{className:"partial-loading-background rounded-pill ".concat(l," ").concat(c)})):a.createElement("div",{className:"partial-loading-background rounded-pill ".concat(l," ").concat(c)})),a.createElement("div",{className:"me-2 partial-loading-background ".concat(i)}),a.createElement("div",{className:"partial-loading-background ".concat("S7p4K")})))})))})},79232:(e,t,n)=>{n.r(t),n.d(t,{ClassroomStudentsView:()=>Ne});var a=n(32735),r=n(70680),o=n(23481),s=n(20354),i=n(75896),l=n(49985),c=n(65858),d=n(37395),u=n(28469),m=n(16714),g=n(76881),p=n(39151),f=n(31949),v=n(22902),S=n(79612),E=n(37802),h=n(14070),y=n(97291),b=n(97958),k=n(83345),C=n(35223),N=n(99742),O="classrooms.classroomsEmptyState";function T(e){return a.createElement(k.D.Provider,{value:O},a.createElement(b.u,null,a.createElement(b.u.Image,{src:N.W.EmptyStates.Classrooms.STUDENTS}),a.createElement(b.u.Heading,null,a.createElement(k.x,{phrase:"noStudentsHeading"})),a.createElement(b.u.Info,{className:"w-33 ".concat(e.canManageUsers?"":"mb-0")},a.createElement(k.x,{phrase:"noStudentsInfo"})),e.canManageUsers&&!e.isRostering&&a.createElement(b.u.Cta,{text:o.T.getPhrase(O,"noStudentsCta"),appLink:{application:y.O.USER_MANAGER,action:h.e.UserManager.STUDENTS}}),!e.canManageUsers&&!e.isRostering&&a.createElement(b.u.Info,null,a.createElement(k.x,{phrase:"askAdmin"})),e.isRostering&&a.createElement("a",{className:"btn btn-link info-link font-semibold",href:"",target:"_blank"},o.T.getPhrase(O,"rosteringCta"))))}var w="classrooms.manageClassroomStudentsEmptyState",x=o.T.encloseNamespace(w),I="https://static.clickview.com.au/Primary/Documents/Student-engagement-ideas.pdf",U="";function A(){return a.createElement(k.D.Provider,{value:w},a.createElement(b.u,null,a.createElement(b.u.Image,{src:N.W.EmptyStates.Classrooms.STUDENTS}),a.createElement(b.u.Heading,null,a.createElement(k.x,{phrase:"emptyStateHeading"})),a.createElement(b.u.Info,{className:"mb-2"},a.createElement(k.x,{phrase:"emptyStateInfo"})),a.createElement("a",{className:"btn btn-link info-link font-semibold",href:U,target:"_blank"},x("rosteringCta"))))}function M(e){return e.schoolHasNoStudents?a.createElement(T,{canManageUsers:e.canManageUsers}):a.createElement(k.D.Provider,{value:w},a.createElement(b.u,null,a.createElement(b.u.Image,{src:N.W.EmptyStates.Classrooms.STUDENTS}),a.createElement(b.u.Heading,null,a.createElement(k.x,{phrase:"emptyStateHeading"})),a.createElement(b.u.Info,null,a.createElement(k.x,{phrase:"emptyStateInfo"})),a.createElement(b.u.Cta,{text:o.T.getPhrase(w,"addStudents"),icon:C.vn.Plus,appLink:{application:y.O.CLASSROOMS,action:h.e.Classrooms.ADD_STUDENTS_CHOICES,args:[e.classroom.id]}}),a.createElement("a",{className:"btn btn-link info-link font-semibold",href:I,target:"_blank"},e.classroomIdeasText)))}var R=n(81886),j=n(11607),G=n(89965),F=n(91693),P=n(83914),L=n(36532),D=n(86764),B=n(69883),H=n(299),_=n(3747),V=n(23999),Z=n(15611),W=n(36511);const X={maxWidth:"A0VzW"};function q(e){var t;return e.group?a.createElement("div",{className:"classroom-pill ".concat(X.maxWidth," text-white text-truncate bg-").concat((0,W.I)(null===(t=e.group.metadata)||void 0===t?void 0:t.colour))},a.createElement("p",{className:"text-truncate mb-0",title:e.group.name},e.group.name)):a.createElement(a.Fragment,null)}function Y(e){return e.count?a.createElement(j.L,{onClick:e.onClick,className:"classroom-pill bg-white border border-dark"},"+",e.count):a.createElement(a.Fragment,null)}var $="classrooms.classroomGroupDropdown",z=function(e,t){return{application:y.O.CLASSROOMS,action:h.e.Classrooms.NEW_GROUP,args:[e],params:{addStudents:t.map(function(e){return e.id})}}};function Q(e){var t,n=(0,H.X)(e.groups,{preselectedIds:e.preselections.map(function(e){return e.id})}),r=n.onToggleItem,s=n.isChecked,i=e.groups.reduce(function(t,n){return t[n.id]=function(e,t){var n=new Set(t.users.data.map(function(e){return e.id.toString()}));return e.every(function(e){return n.has(e.id.toString())})}(e.selectedStudents,n),t},{});a.useEffect(function(){e.groups.forEach(function(e){var t=i[e.id];(!t||s(e.id))&&(t||!s(e.id))||r(e.id)})},[Object.entries(i).sort(function(e,t){return e[0].localeCompare(t[0])}).join(",")]);var d={align:e.alignRight?"end":"start"};return e.disabled&&(d.show=!1),a.createElement(V.Z,Object.assign({},d),a.createElement(V.Z.Toggle,{as:"div",id:e.id,className:"".concat(e.disabled?"text-light":"cursor-pointer"," ").concat("me-2 d-inline-block svg-container sm"," no-caret")},a.createElement(P.x,{svgName:C.vn.Group,title:e.disabled?e.disabledTooltips:o.T.getPhrase($,"addToGroupTooltip"),tooltipPlacement:"top",tooltipSpanHack:!0,tooltipSpanHackClassName:""})),a.createElement(V.Z.Menu,null,!!(null===(t=e.groups)||void 0===t?void 0:t.length)&&a.createElement("div",{className:"px-2 border-bottom mb-1"},a.createElement("p",{className:"mb-0"},a.createElement(k.x,{namespace:$,phrase:"addToGroup"})),a.createElement("ul",{className:"list-unstyled pe-3"},e.groups.map(function(t){var n=function(e,t){var n=new Set(t.users.data.map(function(e){return e.id.toString()}));return e.every(function(e){return!n.has(e.id.toString())})}(e.selectedStudents,t),o=!!e.isBulk&&!i[t.id]&&!n;return a.createElement("li",{key:t.id,className:"d-flex align-items-center bg-white my-1"},a.createElement(G.X,{id:"".concat(e.id,":").concat(t.id),checked:s(t.id),onChange:function(){return function(t){var n=!s(t.id);e.onSelectGroup(t,n),r(t.id)}(t)},indeterminate:o}),a.createElement(q,{group:t}))}))),a.createElement(Z.F,{onClick:function(){e.disabled||l.k.logUserAction({classroom:{id:e.classroom.id,name:e.classroom.name}},l.k.mergeOptions(e.analyticsOptions,{actionType:c.Vw.Create,workflowPhase:c.eu.Start,entity:c.py.ClassroomGroup}))},appLink:z(e.classroom.id,e.selectedStudents),className:e.disabled?"disabled":"text-nowrap d-flex align-items-center px-2"},a.createElement(P.x,{svgName:C.vn.Plus}),a.createElement(k.x,{namespace:$,phrase:"createNew"}))))}Q.defaultProps={preselections:[]};var J=n(91967),K=n(83657),ee=n(97408),te=n(10038),ne=n(64818);const ae={avatarContainer:"rfVnC",name:"RYLWZ"};function re(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,o,s,i=[],l=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(a=o.call(n)).done)&&(i.push(a.value),i.length!==t);l=!0);}catch(e){c=!0,r=e}finally{try{if(!l&&null!=n.return&&(s=n.return(),Object(s)!==s))return}finally{if(c)throw r}}return i}}(e,t)||oe(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function oe(e,t){if(e){if("string"==typeof e)return se(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?se(e,t):void 0}}function se(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}var ie=o.T.encloseNamespace("classrooms.manageClassroomStudentItem"),le=function(e){return{application:y.O.USER_MANAGER,action:h.e.UserManager.EDIT_USER,args:[e],params:{userType:g.Y.Learner}}},ce=function(e,t){return{application:y.O.CLASSROOMS,action:h.e.Classrooms.REMOVE_STUDENTS,args:[t],params:{studentIds:[e]}}};function de(e){var t,n=re(a.useState(!1),2),r=n[0],o=n[1],s=re(a.useState(!1),2),i=s[0],d=s[1],u=re(a.useState({}),2),g=u[0],p=u[1],f=a.useRef(null),S=a.useRef(null),E=a.useRef(e.selectedGroups),h=(0,v.T)().hasPermissions;a.useEffect(function(){E.current=e.selectedGroups,k(),i||o(!0)},[e.selectedGroups.length]);var y,b=J.q.throttle(function(){k(),o(!0)},300);function k(){p(E.current.reduce(function(e,t){return e[t.id]=!0,e},{}))}return(0,te.H)(function(){i||b()}),a.useEffect(function(){if(f.current&&S.current&&r){var e=f.current.firstElementChild;if(e){var t,n,a=e.getBoundingClientRect().y,s={},i=function(e){var t="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!t){if(Array.isArray(e)||(t=oe(e))){t&&(e=t);var n=0,a=function(){};return{s:a,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var r,o=!0,s=!1;return{s:function(){t=t.call(e)},n:function(){var e=t.next();return o=e.done,e},e:function(e){s=!0,r=e},f:function(){try{o||null==t.return||t.return()}finally{if(s)throw r}}}}(f.current.children);try{for(i.s();!(n=i.n()).done;){var l=n.value;l.id&&(s[l.id]=l.getBoundingClientRect().y===a,t=s[l.id]?l.id:t)}}catch(e){i.e(e)}finally{i.f()}S.current.getBoundingClientRect().y!==a&&(s[t]=!1),p(s),o(!1)}}},[r]),a.createElement("div",{className:"d-flex align-items-center py-1 px-4"},a.createElement(G.X,{id:e.student.id,checked:e.checked,onChange:e.onToggleCheckbox,className:"me-2",disabled:e.readOnly}),a.createElement("div",{className:"".concat(ae.avatarContainer," flex-shrink-0 me-2")},a.createElement(ee.q,{imageCdnUrl:e.config.imageCdnUrl,initials:ne.l.getInitials(e.student.name,e.student.surname),imageUrl:null===(t=e.student.avatar)||void 0===t?void 0:t.url})),a.createElement("p",{className:"me-2 ".concat(ae.name," text-truncate mb-0 text-nowrap")},e.student.name," ",e.student.surname),a.createElement("div",{className:"".concat(r?"invisible":""," me-auto d-flex flex-wrap mt-n1"),ref:f},e.selectedGroups.map(function(e){return g[e.id]?a.createElement("div",{key:e.id,className:"me-1 mt-1",id:e.id},a.createElement(q,{group:e})):a.createElement(a.Fragment,{key:e.id})}),a.createElement("div",{ref:S,className:"me-1 mt-1"},a.createElement(Y,{count:Object.keys(g).reduce(function(e,t){return g[t]||e++,e},0),onClick:function(){d(!0),k()}}))),a.createElement(Q,{id:"add-group-".concat(e.student.id),classroom:e.classroom,groups:e.classroomGroups,selectedStudents:[e.student],preselections:e.selectedGroups,onSelectGroup:function(t,n){return e.onToggleGroup(e.student,t,n)},analyticsOptions:{location:c.LZ.ManageClassroomStudentListItem},alignRight:!0,disabled:e.readOnly,disabledTooltips:e.readOnlyTooltip}),a.createElement(K.e,{actions:(y=[],h(m.C.ManageUsers)&&y.push({label:ie("editStudent"),appLink:le(e.student.id),disabled:e.readOnly,className:e.readOnly?"disabled":"",tooltip:e.readOnly?e.readOnlyTooltip:"",onClick:function(){l.k.logUserAction({id:e.student.id},{actionType:c.Vw.Edit,entity:c.py.User,workflowPhase:c.eu.Start,location:c.LZ.ManageClassroomStudentListItem})}}),y.push({label:ie("removeStudent"),appLink:ce(e.student.id,e.classroom.id),disabled:e.readOnly,className:e.readOnly?"disabled":"text-danger",tooltip:e.readOnly?e.readOnlyTooltip:"",onClick:function(){l.k.logUserAction({id:e.classroom.id,name:e.classroom.name,userId:e.student.id},{actionType:c.Vw.Dissociate,entity:c.py.Classroom,descriptor:c.iF.User,workflowPhase:c.eu.Start,location:c.LZ.ManageClassroomStudentListItem})}}),y),actionsDropdownClassName:"btn"}))}var ue=n(88630),me="classrooms.manageClassroomStudents",ge=o.T.encloseNamespace(me);function pe(e){var t,n=e.classroom,i=e.students,d=e.groups,u=(0,r.I0)(),m=(0,B.Z)(),g=(0,H.X)(i.data),p=g.getSelected().length,f=d.filter(function(e){var t,n;if(!(null===(n=null===(t=e.users)||void 0===t?void 0:t.data)||void 0===n?void 0:n.length))return!1;var a=!0,r=0,o=g.getSelected();if(o.length){var s=function(){var t=o[r];e.users.data.find(function(e){return e.id.toString()===t.toString()})||(a=!1),r++};do{s()}while(r<o.length);return a}}),v=(0,_.a)(D.r.XLDown);if(!(null===(t=i.data)||void 0===t?void 0:t.length))return a.createElement(M,{classroom:e.classroom,classroomIdeasText:ge("classroomIdeasText"),schoolHasNoStudents:e.schoolHasNoStudents,canManageUsers:e.canManageUsers});var S=g.getSelected().map(function(t){return e.students.data.find(function(e){return e.id.toString()===t.toString()})}).filter(function(e){return!!e});return a.createElement(a.Fragment,null,a.createElement("div",{className:"d-flex align-items-center py-2 ".concat(v?"ps-2":"ps-4")},a.createElement(G.X,{id:"manage-classroom-students-bulk",onChange:g.onToggleBulk,checked:g.bulkChecked,className:"me-2",indeterminate:g.hasSomeSelections(),disabled:e.readOnly}),a.createElement(Q,{id:"bulk-add-group",classroom:n,selectedStudents:S,isBulk:!0,groups:d,onSelectGroup:function(t,a){var r=g.getSelected();e.onBulkSelectGroup(i.data.filter(function(e){return r.includes(e.id.toString())}),t,a);var o=a?ue.F.addStudentsToGroup:ue.F.removeStudentsFromGroup;s.a.fetch(u,o(r,t.id,n.id,function(){l.k.logUserAction({id:t.id,studentCount:r.length},{actionType:c.Vw.Associate,entity:c.py.ClassroomGroup,descriptor:c.iF.User,workflowPhase:c.eu.Complete,location:c.LZ.ManageClassroomStudents}),m.success(ge("addSuccess",{groupName:t.name,escapeText:!0}))},function(){m.error(ge("addError",{groupName:t.name,escapeText:!0}))}))},disabled:!p||e.readOnly,preselections:f,analyticsOptions:{location:c.LZ.ManageClassroomStudents},disabledTooltips:e.readOnly&&o.T.getPhrase(me,"disabledByRostering")}),a.createElement(j.L,{className:"me-auto ".concat(!p||e.readOnly?"text-light cursor-default":""),onClick:function(){if(p&&!e.readOnly){var t=g.getSelected();l.k.logUserAction({id:n.id,studentCount:t.length},{entity:c.py.Classroom,descriptor:c.iF.User,workflowPhase:c.eu.Start,actionType:c.Vw.Dissociate,location:c.LZ.ManageClassroomStudents}),R.Q.C$.trigger({application:y.O.CLASSROOMS,action:h.e.Classrooms.REMOVE_STUDENTS,args:[n.id],params:{studentIds:t}})}}},a.createElement(L.u,{spanHack:!0,title:e.readOnly?o.T.getPhrase(me,"disabledByRostering"):""},a.createElement(P.x,{svgName:C.vn.Delete,title:o.T.getPhrase(me,"delete"),tooltipPlacement:"top",tooltipSpanHack:!0}))),a.createElement(L.u,{spanHack:!0,title:e.readOnly?o.T.getPhrase(me,"disabledByRostering"):""},a.createElement(F.h,{onClick:function(){l.k.logUserAction({id:n.id},{entity:c.py.Classroom,descriptor:c.iF.User,workflowPhase:c.eu.Start,actionType:c.Vw.Associate,location:c.LZ.ManageClassroomStudents}),R.Q.C$.trigger({application:y.O.CLASSROOMS,action:h.e.Classrooms.ADD_STUDENTS_CHOICES,args:[n.id]})},svgName:C.vn.Plus,className:"btn btn-outline-dark",disabled:e.readOnly},a.createElement(k.x,{namespace:me,phrase:"addStudent"})))),a.createElement("ul",{className:"striped-list list-unstyled"},i.data.map(function(t){return a.createElement("li",{key:t.id},a.createElement(de,{classroom:n,student:t,classroomGroups:e.groups,config:e.config,selectedGroups:e.groups.filter(function(e){return e.users.data.find(function(e){return e.id===t.id})}),checked:g.isChecked(t.id),onToggleCheckbox:function(){return g.onToggleItem(t.id)},onToggleGroup:e.onToggleGroup,readOnly:e.readOnly,readOnlyTooltip:e.readOnly?ge("disabledByRostering"):""}))})))}var fe=n(35115),ve=n(31491),Se=n(22602),Ee=n(47288);function he(e){return function(e){if(Array.isArray(e))return be(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||ye(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function ye(e,t){if(e){if("string"==typeof e)return be(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?be(e,t):void 0}}function be(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}var ke=o.T.encloseNamespace("classrooms.classroomStudents"),Ce={entity:c.py.ClassroomGroup,descriptor:c.iF.User,workflowPhase:c.eu.Complete,location:c.LZ.ManageClassroomStudentListItem};function Ne(e){var t,n,o,b,k,C,N,O,T,w,x,I,U=(0,E.r)(null).hasShareFlowV2,R=s.a.useBasicFetch(f.N.currentUser()),j=s.a.useBasicFetch(R.data&&ue.F.getClassroom(e.id,R.data.id)),G=s.a.useBasicFetch(ue.F.getClassroomStudents(e.id,e.cursor)),F=s.a.useBasicFetch(R.data&&Ee.N.getUsers(R.data.customerId,g.Y.Learner)),P=s.a.useBasicFetch(ue.F.getClassroomGroups(e.id)),L=s.a.useBasicFetch(p.L.config()),D=(x=a.useState(null===(t=P.data)||void 0===t?void 0:t.data),I=2,function(e){if(Array.isArray(e))return e}(x)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,o,s,i=[],l=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(a=o.call(n)).done)&&(i.push(a.value),i.length!==t);l=!0);}catch(e){c=!0,r=e}finally{try{if(!l&&null!=n.return&&(s=n.return(),Object(s)!==s))return}finally{if(c)throw r}}return i}}(x,I)||ye(x,I)||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.")}()),B=D[0],H=D[1];a.useEffect(function(){P.hasCompleted&&!P.isFetching&&H(P.data.data)},[P.hasCompleted,P.isFetching]);var _=null===(o=null===(n=j.data)||void 0===n?void 0:n._integrations)||void 0===o?void 0:o.rostered,V=(0,r.I0)(),Z=(0,v.T)().hasPermissions;function W(t,n,a){var r={id:n.id,studentCount:1},o=he(B);o=a?o.map(function(e){return e.id===n.id?Object.assign(Object.assign({},e),{users:Object.assign(Object.assign({},e.users),{data:i.m.uniq([].concat(he(e.users.data),[t]),"id")})}):e}):o.map(function(e){return e.id===n.id?Object.assign(Object.assign({},e),{users:Object.assign(Object.assign({},e.users),{data:e.users.data.filter(function(e){return e.id!==t.id})})}):e}),H(o);var d=a?ue.F.addStudentsToGroup([t.id],n.id,e.id,function(){l.k.logUserAction(r,Object.assign(Object.assign({},Ce),{actionType:c.Vw.Associate}))}):ue.F.removeStudentsFromGroup([t.id],n.id,e.id,function(){l.k.logUserAction(r,Object.assign(Object.assign({},Ce),{actionType:c.Vw.Dissociate}))});s.a.fetch(V,d)}function X(e,t,n){var a=he(B);a=n?a.map(function(n){return n.id!==t.id?n:Object.assign(Object.assign({},n),{users:Object.assign(Object.assign({},n.users),{data:i.m.uniq([].concat(he(n.users.data),he(e)),"id")})})}):a.map(function(n){return n.id!==t.id?n:Object.assign(Object.assign({},n),{users:Object.assign(Object.assign({},n.users),{data:n.users.data.filter(function(t){return!e.some(function(e){return e.id===t.id})})})})}),H(a)}return(0,S.M)({title:ke("pageTitle",{classroomName:null===(b=j.data)||void 0===b?void 0:b.name})}),(0,ve._)(j),j.data&&(null===(k=G.data)||void 0===k?void 0:k.data)&&(null===(C=P.data)||void 0===C?void 0:C.data)&&L.data&&F.data&&B?a.createElement(Se.R,{classroom:j.data,currentUser:R.data,onTogglePin:function(e,t,n){if(!_){var a=e?ue.F.pinClassroom:ue.F.unpinClassroom;s.a.fetch(V,a(j.data,t,n))}},activeTab:"students",isRostered:_,hasShareFlowV2:U},function(){var e,t,n,r,o,s,i,l,c,d;return _?a.createElement(a.Fragment,null,a.createElement(u.P,{type:"classroom"}),(null===(t=null===(e=G.data)||void 0===e?void 0:e.data)||void 0===t?void 0:t.length)?a.createElement(pe,{classroom:j.data,students:G.data,groups:B,onToggleGroup:W,onBulkSelectGroup:X,config:L.data,schoolHasNoStudents:!(null===(r=null===(n=F.data)||void 0===n?void 0:n.data)||void 0===r?void 0:r.length),canManageUsers:Z(m.C.ManageUsers),readOnly:!0}):a.createElement(A,null)):(null===(s=null===(o=G.data)||void 0===o?void 0:o.data)||void 0===s?void 0:s.length)?a.createElement(pe,{classroom:j.data,students:G.data,groups:B,onToggleGroup:W,onBulkSelectGroup:X,config:L.data,schoolHasNoStudents:!(null===(l=null===(i=F.data)||void 0===i?void 0:i.data)||void 0===l?void 0:l.length),canManageUsers:Z(m.C.ManageUsers)}):a.createElement(M,{classroom:j.data,classroomIdeasText:ke("classroomIdeasText"),schoolHasNoStudents:!(null===(d=null===(c=F.data)||void 0===c?void 0:c.data)||void 0===d?void 0:d.length),canManageUsers:Z(m.C.ManageUsers)})}(),!!(null===(O=null===(N=G.data)||void 0===N?void 0:N.pagination)||void 0===O?void 0:O.cursors)&&a.createElement(d.t,{appLink:{application:y.O.CLASSROOMS,action:h.e.Classrooms.CLASSROOM_STUDENTS,args:[e.id]},cursors:null===(w=null===(T=G.data)||void 0===T?void 0:T.pagination)||void 0===w?void 0:w.cursors,buttonVariant:"outline-dark",className:"py-2 float-end",prevHack:!0})):a.createElement(fe.p,null)}},99998:(e,t,n)=>{n.d(t,{R:()=>s});var a=n(16714),r=n(22902),o=n(37802);function s(){var e=(0,o.r)(null),t=e.hasShareFlowV2,n=e.hasClassrooms,s=e.isLoadingSettings,i=(0,r.T)(),l=i.hasPermissions,c=i.isLoaded,d=i.getGatedPermission;return{experience:n?"soft-gate"===d(a.C.ViewClassrooms)?"minimal":l(a.C.ViewClassrooms)?"full":t?"minimal":void 0:"none",loading:s||!c}}}}]);
|
|
2
|
-
//# sourceMappingURL=4177-
|
|
1
|
+
"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[4177],{28469:(e,t,n)=>{n.d(t,{P:()=>o});var a=n(32735),r=n(23481).T.encloseNamespace("rostering.alert");function o(e){var t="classroom"===e.type?r("classroom"):r("hasRostering");return a.createElement("div",{className:"alert text-info bg-light-blue px-2 rounded-3 fw-semibold py-2 d-flex flex-wrap"},t," ")}},299:(e,t,n)=>{n.d(t,{X:()=>s});var a=n(32735),r=n(69217),o=n(94631),s=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.idField,s=void 0===n?"id":n,i=t.persistNamespace,l=t.initialState?t.initialState:new Map,c=a.useRef(l),d=(0,r.N)(),u=(0,o.D)(e),m=(0,o.D)(i);function g(){c.current.clear(),d()}function p(e){return"number"==typeof e?e=e.toString():"string"!=typeof e&&(e=e[s].toString()),c.current.get(e)}function f(){return!!(null==e?void 0:e.length)&&e.every(p)}function v(e){e.forEach(function(e){c.current.set(e,!0)}),d()}return a.useEffect(function(){t.initialState||i&&m===i||(null==u?void 0:u.map(function(e){return e[s]}).join())!==(null==e?void 0:e.map(function(e){return e[s]}).join())&&g()},[u,m,e,t.initialState]),a.useEffect(function(){var e;(null===(e=t.preselectedIds)||void 0===e?void 0:e.length)&&v(t.preselectedIds)},[]),{onToggleBulk:function(){var t=!f();e.forEach(function(e){t?c.current.set(e[s].toString(),!0):c.current.delete(e[s].toString())}),d()},onToggleItem:function(e){var t=!c.current.get(e.toString());t?c.current.set(e.toString(),t):c.current.delete(e.toString()),d()},getSelected:function(){return Array.from(c.current.keys())},isChecked:p,bulkChecked:f(),deselectAll:function(){(null==e?void 0:e.length)&&(e.forEach(function(e){c.current.delete(e[s].toString())}),d())},hasSomeSelections:function(){return!!(null==e?void 0:e.length)&&!!e.find(function(e){return p(e)})},setSelected:v,getSelectedCount:function(){return c.current.size},reset:g,getMap:function(){return c.current}}}},36511:(e,t,n)=>{n.d(t,{I:()=>r});var a=n(56644);function r(e){switch(e){case a.R.Pink:return"pink";case a.R.Orange:return"orange";case a.R.Green:return"green";case a.R.Blue:return"blue";case a.R.Purple:return"purple";case a.R.Indigo:return"indigo";default:return"pink"}}},35115:(e,t,n)=>{n.d(t,{p:()=>d});var a=n(32735),r=n(49935),o=n(95278);const s="pJf6R",i="MSvzY",l="IFmvc",c="pOcvk";var d=a.memo(function(){return a.createElement("div",{className:"px-3"},a.createElement("div",{className:"mb-1 partial-loading-background ".concat("YrP_G")}),a.createElement("div",{className:"pb-3"},a.createElement(r.b2,{numItems:2})),a.createElement("div",{className:"pb-2"},a.createElement(o.Z,null)),a.createElement("div",{className:"d-flex align-items-center py-2"},a.createElement("div",{className:"mx-4 partial-loading-background ".concat(s)}),a.createElement("div",{className:"me-2 partial-loading-background ".concat(i)}),a.createElement("div",{className:"me-auto partial-loading-background ".concat(i)}),a.createElement("div",{className:"partial-loading-background ".concat("j62jt")})),a.createElement("ul",{className:"striped-list list-unstyled"},Array(20).fill(null).map(function(e,t){return a.createElement("li",{key:t},a.createElement("div",{className:"d-flex align-items-center py-1 px-4"},a.createElement("div",{className:"me-2 partial-loading-background ".concat(s)}),a.createElement("div",{className:"me-2 partial-loading-background ".concat("droqZ")}),a.createElement("div",{className:"w-25"},a.createElement("div",{className:"partial-loading-background ".concat("gorcb")})),a.createElement("div",{className:"me-auto d-flex"},Math.random()>.5?a.createElement(a.Fragment,null,a.createElement("div",{className:"partial-loading-background rounded-pill me-1 ".concat(l," ").concat("SdQ90")}),a.createElement("div",{className:"partial-loading-background rounded-pill ".concat(l," ").concat(c)})):a.createElement("div",{className:"partial-loading-background rounded-pill ".concat(l," ").concat(c)})),a.createElement("div",{className:"me-2 partial-loading-background ".concat(i)}),a.createElement("div",{className:"partial-loading-background ".concat("S7p4K")})))})))})},79232:(e,t,n)=>{n.r(t),n.d(t,{ClassroomStudentsView:()=>Ne});var a=n(32735),r=n(70680),o=n(23481),s=n(20354),i=n(75896),l=n(49985),c=n(65858),d=n(37395),u=n(28469),m=n(16714),g=n(76881),p=n(39151),f=n(31949),v=n(22902),S=n(79612),E=n(37802),h=n(14070),y=n(97291),b=n(97958),k=n(83345),C=n(35223),N=n(99742),O="classrooms.classroomsEmptyState";function T(e){return a.createElement(k.D.Provider,{value:O},a.createElement(b.u,null,a.createElement(b.u.Image,{src:N.W.EmptyStates.Classrooms.STUDENTS}),a.createElement(b.u.Heading,null,a.createElement(k.x,{phrase:"noStudentsHeading"})),a.createElement(b.u.Info,{className:"w-33 ".concat(e.canManageUsers?"":"mb-0")},a.createElement(k.x,{phrase:"noStudentsInfo"})),e.canManageUsers&&!e.isRostering&&a.createElement(b.u.Cta,{text:o.T.getPhrase(O,"noStudentsCta"),appLink:{application:y.O.USER_MANAGER,action:h.e.UserManager.STUDENTS}}),!e.canManageUsers&&!e.isRostering&&a.createElement(b.u.Info,null,a.createElement(k.x,{phrase:"askAdmin"})),e.isRostering&&a.createElement("a",{className:"btn btn-link info-link font-semibold",href:"",target:"_blank"},o.T.getPhrase(O,"rosteringCta"))))}var w="classrooms.manageClassroomStudentsEmptyState",x=o.T.encloseNamespace(w),I="https://static.clickview.com.au/Primary/Documents/Student-engagement-ideas.pdf",U="";function A(){return a.createElement(k.D.Provider,{value:w},a.createElement(b.u,null,a.createElement(b.u.Image,{src:N.W.EmptyStates.Classrooms.STUDENTS}),a.createElement(b.u.Heading,null,a.createElement(k.x,{phrase:"emptyStateHeading"})),a.createElement(b.u.Info,{className:"mb-2"},a.createElement(k.x,{phrase:"emptyStateInfo"})),a.createElement("a",{className:"btn btn-link info-link font-semibold",href:U,target:"_blank"},x("rosteringCta"))))}function M(e){return e.schoolHasNoStudents?a.createElement(T,{canManageUsers:e.canManageUsers}):a.createElement(k.D.Provider,{value:w},a.createElement(b.u,null,a.createElement(b.u.Image,{src:N.W.EmptyStates.Classrooms.STUDENTS}),a.createElement(b.u.Heading,null,a.createElement(k.x,{phrase:"emptyStateHeading"})),a.createElement(b.u.Info,null,a.createElement(k.x,{phrase:"emptyStateInfo"})),a.createElement(b.u.Cta,{text:o.T.getPhrase(w,"addStudents"),icon:C.vn.Plus,appLink:{application:y.O.CLASSROOMS,action:h.e.Classrooms.ADD_STUDENTS_CHOICES,args:[e.classroom.id]}}),a.createElement("a",{className:"btn btn-link info-link font-semibold",href:I,target:"_blank"},e.classroomIdeasText)))}var R=n(81886),j=n(11607),F=n(89965),G=n(91693),P=n(83914),L=n(36532),D=n(86764),B=n(69883),H=n(299),_=n(3747),V=n(23999),Z=n(15611),W=n(36511);const X={maxWidth:"A0VzW"};function q(e){var t;return e.group?a.createElement("div",{className:"classroom-pill ".concat(X.maxWidth," text-white text-truncate bg-").concat((0,W.I)(null===(t=e.group.metadata)||void 0===t?void 0:t.colour))},a.createElement("p",{className:"text-truncate mb-0",title:e.group.name},e.group.name)):a.createElement(a.Fragment,null)}function Y(e){return e.count?a.createElement(j.L,{onClick:e.onClick,className:"classroom-pill bg-white border border-dark"},"+",e.count):a.createElement(a.Fragment,null)}var $="classrooms.classroomGroupDropdown",z=function(e,t){return{application:y.O.CLASSROOMS,action:h.e.Classrooms.NEW_GROUP,args:[e],params:{addStudents:t.map(function(e){return e.id})}}};function Q(e){var t,n=(0,H.X)(e.groups,{preselectedIds:e.preselections.map(function(e){return e.id})}),r=n.onToggleItem,s=n.isChecked,i=e.groups.reduce(function(t,n){return t[n.id]=function(e,t){var n=new Set(t.users.data.map(function(e){return e.id.toString()}));return e.every(function(e){return n.has(e.id.toString())})}(e.selectedStudents,n),t},{});a.useEffect(function(){e.groups.forEach(function(e){var t=i[e.id];(!t||s(e.id))&&(t||!s(e.id))||r(e.id)})},[Object.entries(i).sort(function(e,t){return e[0].localeCompare(t[0])}).join(",")]);var d={align:e.alignRight?"end":"start"};return e.disabled&&(d.show=!1),a.createElement(V.Z,Object.assign({},d),a.createElement(V.Z.Toggle,{as:"div",id:e.id,className:"".concat(e.disabled?"text-light":"cursor-pointer"," ").concat("me-2 d-inline-block svg-container sm"," no-caret")},a.createElement(P.x,{svgName:C.vn.Group,title:e.disabled?e.disabledTooltips:o.T.getPhrase($,"addToGroupTooltip"),tooltipPlacement:"top",tooltipSpanHack:!0,tooltipSpanHackClassName:""})),a.createElement(V.Z.Menu,null,!!(null===(t=e.groups)||void 0===t?void 0:t.length)&&a.createElement("div",{className:"px-2 border-bottom mb-1"},a.createElement("p",{className:"mb-0"},a.createElement(k.x,{namespace:$,phrase:"addToGroup"})),a.createElement("ul",{className:"list-unstyled pe-3"},e.groups.map(function(t){var n=function(e,t){var n=new Set(t.users.data.map(function(e){return e.id.toString()}));return e.every(function(e){return!n.has(e.id.toString())})}(e.selectedStudents,t),o=!!e.isBulk&&!i[t.id]&&!n;return a.createElement("li",{key:t.id,className:"d-flex align-items-center bg-white my-1"},a.createElement(F.X,{id:"".concat(e.id,":").concat(t.id),checked:s(t.id),onChange:function(){return function(t){var n=!s(t.id);e.onSelectGroup(t,n),r(t.id)}(t)},indeterminate:o}),a.createElement(q,{group:t}))}))),a.createElement(Z.F,{onClick:function(){e.disabled||l.k.logUserAction({classroom:{id:e.classroom.id,name:e.classroom.name}},l.k.mergeOptions(e.analyticsOptions,{actionType:c.Vw.Create,workflowPhase:c.eu.Start,entity:c.py.ClassroomGroup}))},appLink:z(e.classroom.id,e.selectedStudents),className:e.disabled?"disabled":"text-nowrap d-flex align-items-center px-2"},a.createElement(P.x,{svgName:C.vn.Plus}),a.createElement(k.x,{namespace:$,phrase:"createNew"}))))}Q.defaultProps={preselections:[]};var J=n(91967),K=n(83657),ee=n(97408),te=n(10038),ne=n(64818);const ae={avatarContainer:"rfVnC",name:"RYLWZ"};function re(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,o,s,i=[],l=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(a=o.call(n)).done)&&(i.push(a.value),i.length!==t);l=!0);}catch(e){c=!0,r=e}finally{try{if(!l&&null!=n.return&&(s=n.return(),Object(s)!==s))return}finally{if(c)throw r}}return i}}(e,t)||oe(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function oe(e,t){if(e){if("string"==typeof e)return se(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?se(e,t):void 0}}function se(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}var ie=o.T.encloseNamespace("classrooms.manageClassroomStudentItem"),le=function(e){return{application:y.O.USER_MANAGER,action:h.e.UserManager.EDIT_USER,args:[e],params:{userType:g.Y.Learner}}},ce=function(e,t){return{application:y.O.CLASSROOMS,action:h.e.Classrooms.REMOVE_STUDENTS,args:[t],params:{studentIds:[e]}}};function de(e){var t,n=re(a.useState(!1),2),r=n[0],o=n[1],s=re(a.useState(!1),2),i=s[0],d=s[1],u=re(a.useState({}),2),g=u[0],p=u[1],f=a.useRef(null),S=a.useRef(null),E=a.useRef(e.selectedGroups),h=(0,v.T)().hasPermissions;a.useEffect(function(){E.current=e.selectedGroups,k(),i||o(!0)},[e.selectedGroups.length]);var y,b=J.q.throttle(function(){k(),o(!0)},300);function k(){p(E.current.reduce(function(e,t){return e[t.id]=!0,e},{}))}return(0,te.H)(function(){i||b()}),a.useEffect(function(){if(f.current&&S.current&&r){var e=f.current.firstElementChild;if(e){var t,n,a=e.getBoundingClientRect().y,s={},i=function(e){var t="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!t){if(Array.isArray(e)||(t=oe(e))){t&&(e=t);var n=0,a=function(){};return{s:a,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var r,o=!0,s=!1;return{s:function(){t=t.call(e)},n:function(){var e=t.next();return o=e.done,e},e:function(e){s=!0,r=e},f:function(){try{o||null==t.return||t.return()}finally{if(s)throw r}}}}(f.current.children);try{for(i.s();!(n=i.n()).done;){var l=n.value;l.id&&(s[l.id]=l.getBoundingClientRect().y===a,t=s[l.id]?l.id:t)}}catch(e){i.e(e)}finally{i.f()}S.current.getBoundingClientRect().y!==a&&(s[t]=!1),p(s),o(!1)}}},[r]),a.createElement("div",{className:"d-flex align-items-center py-1 px-4"},a.createElement(F.X,{id:e.student.id,checked:e.checked,onChange:e.onToggleCheckbox,className:"me-2",disabled:e.readOnly}),a.createElement("div",{className:"".concat(ae.avatarContainer," flex-shrink-0 me-2")},a.createElement(ee.q,{imageCdnUrl:e.config.imageCdnUrl,initials:ne.l.getInitials(e.student.name,e.student.surname),imageUrl:null===(t=e.student.avatar)||void 0===t?void 0:t.url})),a.createElement("p",{className:"me-2 ".concat(ae.name," text-truncate mb-0 text-nowrap")},e.student.name," ",e.student.surname),a.createElement("div",{className:"".concat(r?"invisible":""," me-auto d-flex flex-wrap mt-n1"),ref:f},e.selectedGroups.map(function(e){return g[e.id]?a.createElement("div",{key:e.id,className:"me-1 mt-1",id:e.id},a.createElement(q,{group:e})):a.createElement(a.Fragment,{key:e.id})}),a.createElement("div",{ref:S,className:"me-1 mt-1"},a.createElement(Y,{count:Object.keys(g).reduce(function(e,t){return g[t]||e++,e},0),onClick:function(){d(!0),k()}}))),a.createElement(Q,{id:"add-group-".concat(e.student.id),classroom:e.classroom,groups:e.classroomGroups,selectedStudents:[e.student],preselections:e.selectedGroups,onSelectGroup:function(t,n){return e.onToggleGroup(e.student,t,n)},analyticsOptions:{location:c.LZ.ManageClassroomStudentListItem},alignRight:!0,disabled:e.readOnly,disabledTooltips:e.readOnlyTooltip}),a.createElement(K.e,{actions:(y=[],h(m.C.ManageUsers)&&y.push({label:ie("editStudent"),appLink:le(e.student.id),disabled:e.readOnly,className:e.readOnly?"disabled":"",tooltip:e.readOnly?e.readOnlyTooltip:"",onClick:function(){l.k.logUserAction({id:e.student.id},{actionType:c.Vw.Edit,entity:c.py.User,workflowPhase:c.eu.Start,location:c.LZ.ManageClassroomStudentListItem})}}),y.push({label:ie("removeStudent"),appLink:ce(e.student.id,e.classroom.id),disabled:e.readOnly,className:e.readOnly?"disabled":"text-danger",tooltip:e.readOnly?e.readOnlyTooltip:"",onClick:function(){l.k.logUserAction({id:e.classroom.id,name:e.classroom.name,userId:e.student.id},{actionType:c.Vw.Dissociate,entity:c.py.Classroom,descriptor:c.iF.User,workflowPhase:c.eu.Start,location:c.LZ.ManageClassroomStudentListItem})}}),y),actionsDropdownClassName:"btn"}))}var ue=n(88630),me="classrooms.manageClassroomStudents",ge=o.T.encloseNamespace(me);function pe(e){var t,n=e.classroom,i=e.students,d=e.groups,u=(0,r.I0)(),m=(0,B.Z)(),g=(0,H.X)(i.data),p=g.getSelected().length,f=d.filter(function(e){var t,n;if(!(null===(n=null===(t=e.users)||void 0===t?void 0:t.data)||void 0===n?void 0:n.length))return!1;var a=!0,r=0,o=g.getSelected();if(o.length){var s=function(){var t=o[r];e.users.data.find(function(e){return e.id.toString()===t.toString()})||(a=!1),r++};do{s()}while(r<o.length);return a}}),v=(0,_.a)(D.r.XLDown);if(!(null===(t=i.data)||void 0===t?void 0:t.length))return a.createElement(M,{classroom:e.classroom,classroomIdeasText:ge("classroomIdeasText"),schoolHasNoStudents:e.schoolHasNoStudents,canManageUsers:e.canManageUsers});var S=g.getSelected().map(function(t){return e.students.data.find(function(e){return e.id.toString()===t.toString()})}).filter(function(e){return!!e});return a.createElement(a.Fragment,null,a.createElement("div",{className:"d-flex align-items-center py-2 ".concat(v?"ps-2":"ps-4")},a.createElement(F.X,{id:"manage-classroom-students-bulk",onChange:g.onToggleBulk,checked:g.bulkChecked,className:"me-2",indeterminate:g.hasSomeSelections(),disabled:e.readOnly}),a.createElement(Q,{id:"bulk-add-group",classroom:n,selectedStudents:S,isBulk:!0,groups:d,onSelectGroup:function(t,a){var r=g.getSelected();e.onBulkSelectGroup(i.data.filter(function(e){return r.includes(e.id.toString())}),t,a);var o=a?ue.F.addStudentsToGroup:ue.F.removeStudentsFromGroup;s.a.fetch(u,o(r,t.id,n.id,function(){l.k.logUserAction({id:t.id,studentCount:r.length},{actionType:c.Vw.Associate,entity:c.py.ClassroomGroup,descriptor:c.iF.User,workflowPhase:c.eu.Complete,location:c.LZ.ManageClassroomStudents}),m.success(ge("addSuccess",{groupName:t.name,escapeText:!0}))},function(){m.error(ge("addError",{groupName:t.name,escapeText:!0}))}))},disabled:!p||e.readOnly,preselections:f,analyticsOptions:{location:c.LZ.ManageClassroomStudents},disabledTooltips:e.readOnly&&o.T.getPhrase(me,"disabledByRostering")}),a.createElement(j.L,{className:"me-auto ".concat(!p||e.readOnly?"text-light cursor-default":""),onClick:function(){if(p&&!e.readOnly){var t=g.getSelected();l.k.logUserAction({id:n.id,studentCount:t.length},{entity:c.py.Classroom,descriptor:c.iF.User,workflowPhase:c.eu.Start,actionType:c.Vw.Dissociate,location:c.LZ.ManageClassroomStudents}),R.Q.C$.trigger({application:y.O.CLASSROOMS,action:h.e.Classrooms.REMOVE_STUDENTS,args:[n.id],params:{studentIds:t}})}}},a.createElement(L.u,{spanHack:!0,title:e.readOnly?o.T.getPhrase(me,"disabledByRostering"):""},a.createElement(P.x,{svgName:C.vn.Delete,title:o.T.getPhrase(me,"delete"),tooltipPlacement:"top",tooltipSpanHack:!0}))),a.createElement(L.u,{spanHack:!0,title:e.readOnly?o.T.getPhrase(me,"disabledByRostering"):""},a.createElement(G.h,{onClick:function(){l.k.logUserAction({id:n.id},{entity:c.py.Classroom,descriptor:c.iF.User,workflowPhase:c.eu.Start,actionType:c.Vw.Associate,location:c.LZ.ManageClassroomStudents}),R.Q.C$.trigger({application:y.O.CLASSROOMS,action:h.e.Classrooms.ADD_STUDENTS_CHOICES,args:[n.id]})},svgName:C.vn.Plus,className:"btn btn-outline-dark",disabled:e.readOnly},a.createElement(k.x,{namespace:me,phrase:"addStudent"})))),a.createElement("ul",{className:"striped-list list-unstyled"},i.data.map(function(t){return a.createElement("li",{key:t.id},a.createElement(de,{classroom:n,student:t,classroomGroups:e.groups,config:e.config,selectedGroups:e.groups.filter(function(e){return e.users.data.find(function(e){return e.id===t.id})}),checked:g.isChecked(t.id),onToggleCheckbox:function(){return g.onToggleItem(t.id)},onToggleGroup:e.onToggleGroup,readOnly:e.readOnly,readOnlyTooltip:e.readOnly?ge("disabledByRostering"):""}))})))}var fe=n(35115),ve=n(31491),Se=n(22602),Ee=n(47288);function he(e){return function(e){if(Array.isArray(e))return be(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||ye(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function ye(e,t){if(e){if("string"==typeof e)return be(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?be(e,t):void 0}}function be(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}var ke=o.T.encloseNamespace("classrooms.classroomStudents"),Ce={entity:c.py.ClassroomGroup,descriptor:c.iF.User,workflowPhase:c.eu.Complete,location:c.LZ.ManageClassroomStudentListItem};function Ne(e){var t,n,o,b,k,C,N,O,T,w,x,I,U=(0,E.r)(null).hasShareFlowV2,R=s.a.useBasicFetch(f.N.currentUser()),j=s.a.useBasicFetch(R.data&&ue.F.getClassroom(e.id,R.data.id)),F=s.a.useBasicFetch(ue.F.getClassroomStudents(e.id,e.cursor)),G=s.a.useBasicFetch(R.data&&Ee.N.getUsers(R.data.customerId,g.Y.Learner)),P=s.a.useBasicFetch(ue.F.getClassroomGroups(e.id)),L=s.a.useBasicFetch(p.L.config()),D=(x=a.useState(null===(t=P.data)||void 0===t?void 0:t.data),I=2,function(e){if(Array.isArray(e))return e}(x)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,o,s,i=[],l=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(a=o.call(n)).done)&&(i.push(a.value),i.length!==t);l=!0);}catch(e){c=!0,r=e}finally{try{if(!l&&null!=n.return&&(s=n.return(),Object(s)!==s))return}finally{if(c)throw r}}return i}}(x,I)||ye(x,I)||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.")}()),B=D[0],H=D[1];a.useEffect(function(){P.hasCompleted&&!P.isFetching&&H(P.data.data)},[P.hasCompleted,P.isFetching]);var _=null===(o=null===(n=j.data)||void 0===n?void 0:n._integrations)||void 0===o?void 0:o.rostered,V=(0,r.I0)(),Z=(0,v.T)().hasPermissions;function W(t,n,a){var r={id:n.id,studentCount:1},o=he(B);o=a?o.map(function(e){return e.id===n.id?Object.assign(Object.assign({},e),{users:Object.assign(Object.assign({},e.users),{data:i.m.uniq([].concat(he(e.users.data),[t]),"id")})}):e}):o.map(function(e){return e.id===n.id?Object.assign(Object.assign({},e),{users:Object.assign(Object.assign({},e.users),{data:e.users.data.filter(function(e){return e.id!==t.id})})}):e}),H(o);var d=a?ue.F.addStudentsToGroup([t.id],n.id,e.id,function(){l.k.logUserAction(r,Object.assign(Object.assign({},Ce),{actionType:c.Vw.Associate}))}):ue.F.removeStudentsFromGroup([t.id],n.id,e.id,function(){l.k.logUserAction(r,Object.assign(Object.assign({},Ce),{actionType:c.Vw.Dissociate}))});s.a.fetch(V,d)}function X(e,t,n){var a=he(B);a=n?a.map(function(n){return n.id!==t.id?n:Object.assign(Object.assign({},n),{users:Object.assign(Object.assign({},n.users),{data:i.m.uniq([].concat(he(n.users.data),he(e)),"id")})})}):a.map(function(n){return n.id!==t.id?n:Object.assign(Object.assign({},n),{users:Object.assign(Object.assign({},n.users),{data:n.users.data.filter(function(t){return!e.some(function(e){return e.id===t.id})})})})}),H(a)}return(0,S.M)({title:ke("pageTitle",{classroomName:null===(b=j.data)||void 0===b?void 0:b.name})}),(0,ve._)(j),j.data&&(null===(k=F.data)||void 0===k?void 0:k.data)&&(null===(C=P.data)||void 0===C?void 0:C.data)&&L.data&&G.data&&B?a.createElement(Se.R,{classroom:j.data,currentUser:R.data,onTogglePin:function(e,t,n){if(!_){var a=e?ue.F.pinClassroom:ue.F.unpinClassroom;s.a.fetch(V,a(j.data,t,n))}},activeTab:"students",isRostered:_,hasShareFlowV2:U},function(){var e,t,n,r,o,s,i,l,c,d;return _?a.createElement(a.Fragment,null,a.createElement(u.P,{type:"classroom"}),(null===(t=null===(e=F.data)||void 0===e?void 0:e.data)||void 0===t?void 0:t.length)?a.createElement(pe,{classroom:j.data,students:F.data,groups:B,onToggleGroup:W,onBulkSelectGroup:X,config:L.data,schoolHasNoStudents:!(null===(r=null===(n=G.data)||void 0===n?void 0:n.data)||void 0===r?void 0:r.length),canManageUsers:Z(m.C.ManageUsers),readOnly:!0}):a.createElement(A,null)):(null===(s=null===(o=F.data)||void 0===o?void 0:o.data)||void 0===s?void 0:s.length)?a.createElement(pe,{classroom:j.data,students:F.data,groups:B,onToggleGroup:W,onBulkSelectGroup:X,config:L.data,schoolHasNoStudents:!(null===(l=null===(i=G.data)||void 0===i?void 0:i.data)||void 0===l?void 0:l.length),canManageUsers:Z(m.C.ManageUsers)}):a.createElement(M,{classroom:j.data,classroomIdeasText:ke("classroomIdeasText"),schoolHasNoStudents:!(null===(d=null===(c=G.data)||void 0===c?void 0:c.data)||void 0===d?void 0:d.length),canManageUsers:Z(m.C.ManageUsers)})}(),!!(null===(O=null===(N=F.data)||void 0===N?void 0:N.pagination)||void 0===O?void 0:O.cursors)&&a.createElement(d.t,{appLink:{application:y.O.CLASSROOMS,action:h.e.Classrooms.CLASSROOM_STUDENTS,args:[e.id]},cursors:null===(w=null===(T=F.data)||void 0===T?void 0:T.pagination)||void 0===w?void 0:w.cursors,buttonVariant:"outline-dark",className:"py-2 float-end",prevHack:!0})):a.createElement(fe.p,null)}},99998:(e,t,n)=>{n.d(t,{R:()=>s});var a=n(16714),r=n(22902),o=n(37802);function s(){var e=(0,o.r)(null),t=e.hasShareFlowV2,n=e.hasClassrooms,s=e.isLoadingSettings,i=(0,r.T)(),l=i.hasPermissions,c=i.isLoaded;return{experience:n?l(a.C.ViewClassrooms)?"full":t?"minimal":void 0:"none",loading:s||!c}}}}]);
|
|
2
|
+
//# sourceMappingURL=4177-2d876c7b14-lite.chunk.js.map
|