@clickview/lite 0.0.28-dev.7 → 0.0.28-dev.8
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/css/29.chunk.css +4 -6
- package/dist/css/30.chunk.css +4 -4
- package/dist/css/32.chunk.css +10 -0
- package/dist/scripts/{24-45a9ac8417.chunk.js → 24-1f7fd5e4ab.chunk.js} +1 -1
- package/dist/scripts/{30-60d12fca33.chunk.js → 29-c7b24ca63e.chunk.js} +1 -1
- package/dist/scripts/{31-8fe86c507a.chunk.js → 30-643783660d.chunk.js} +1 -1
- package/dist/scripts/{32-83a8d05218.chunk.js → 31-0fc9ad4f18.chunk.js} +1 -1
- package/dist/scripts/32-9a16e24d0b.chunk.js +1 -0
- package/dist/scripts/38-9cb4167673.chunk.js +1 -0
- package/dist/scripts/39-04fa24b2e4.chunk.js +1 -0
- package/dist/scripts/40-85b8f7b482.chunk.js +1 -0
- package/dist/scripts/42-6d5fa0fdd7.chunk.js +1 -0
- package/dist/scripts/{44-e475c3b807.chunk.js → 44-a215d06efd.chunk.js} +1 -1
- package/dist/scripts/47-b27211aec0.chunk.js +1 -0
- package/dist/scripts/{48-bff73a5695.chunk.js → 48-9f96ef6904.chunk.js} +1 -1
- package/dist/scripts/49-a2aad44864.chunk.js +1 -0
- package/dist/scripts/{5-0dfec2c154.chunk.js → 5-261c84a6c7.chunk.js} +1 -1
- package/dist/scripts/54-2172b719d9.chunk.js +1 -0
- package/dist/scripts/{58-3e4a1ac469.chunk.js → 58-a8b6d617c2.chunk.js} +1 -1
- package/dist/scripts/59-21c1114954.chunk.js +1 -0
- package/dist/scripts/60-d2b42e9594.chunk.js +1 -0
- package/dist/scripts/8-b52827c5db.chunk.js +1 -0
- package/dist/scripts/{bundle-6ce70b90e6.min.js → bundle-2dfaa99ab4.min.js} +4 -4
- package/dist/scripts/bundles.json +1 -1
- package/package.json +1 -1
- package/dist/css/31.chunk.css +0 -8
- package/dist/scripts/29-a8b3fae95f.chunk.js +0 -1
- package/dist/scripts/38-c584f6b358.chunk.js +0 -1
- package/dist/scripts/39-426cb23a97.chunk.js +0 -1
- package/dist/scripts/40-48fd6507ac.chunk.js +0 -1
- package/dist/scripts/42-23e92ed276.chunk.js +0 -1
- package/dist/scripts/47-36371db2df.chunk.js +0 -1
- package/dist/scripts/49-9bc7c041f6.chunk.js +0 -1
- package/dist/scripts/54-bfdae0cdb5.chunk.js +0 -1
- package/dist/scripts/59-86e36ea8f6.chunk.js +0 -1
- package/dist/scripts/60-6cdfde1bec.chunk.js +0 -1
- package/dist/scripts/8-cf7e29d6c4.chunk.js +0 -1
package/dist/css/29.chunk.css
CHANGED
|
@@ -1,10 +1,8 @@
|
|
|
1
|
-
|
|
1
|
+
._3s0oA{position:fixed;bottom:0;right:0;left:0;width:100%;text-align:center;box-shadow:0px -2px 4px rgba(0,0,0,0.1);z-index:1010}._2k_n0{position:absolute;bottom:1.25rem;left:50%;transform:translateX(-50%)}
|
|
2
2
|
|
|
3
|
-
.
|
|
3
|
+
._1LDb6 ._3QEWB._2y-iF,._1LDb6 ._3QEWB._1kGNY{position:absolute;top:50%;transform:translate(.3125rem, -25%);width:0;height:0;border-left:.3125rem solid transparent;border-right:.3125rem solid transparent;border-top:.3125rem solid #333;content:''}._1LDb6{height:10rem;width:10rem;background-size:cover;background-position:center;list-style:none;cursor:pointer;display:inline-block;position:relative}._1LDb6:focus{outline:none}._1LDb6._2w4FH{cursor:default}._1LDb6._2w4FH::after{background-color:#fff;opacity:.85;position:absolute;top:0;left:0;right:0;bottom:0;border:4px solid rgba(255,255,255,0.85);content:''}._1LDb6._1lSYv{position:relative}._1LDb6._1lSYv._2w4FH::after{content:'';position:absolute;border:4px solid #bce8cd;top:0;bottom:0;left:0;right:0}._1LDb6._1lSYv._3Mxuo::after{content:'';border:none}._1LDb6._1lSYv::after{content:'';position:absolute;border:4px solid #5DC786;top:0;bottom:0;left:0;right:0}._1LDb6 ._3HCeK{background-color:rgba(255,255,255,0.8);display:flex;justify-content:space-between;align-items:center;font-weight:500;position:absolute;bottom:0;left:0;width:100%;min-height:3rem}._1LDb6 ._3QEWB{position:relative}._1LDb6 ._3QEWB._1kGNY{border-left:.3125rem solid transparent;border-right:.3125rem solid transparent;border-bottom:.3125rem solid #333;border-top:none}._1LDb6 ._2msq4{border-radius:50%;width:1.75rem;height:1.75rem;display:flex;justify-content:center;align-items:center}._1LDb6 ._2VQLv{border:1px solid #333}._1LDb6 .AHd64{background-color:#5DC786;color:#fff;border:1px solid #5DC786}
|
|
4
4
|
|
|
5
|
-
.
|
|
5
|
+
.G_RXX{display:flex;flex-wrap:wrap;padding:0;width:57.5rem;box-sizing:border-box;margin:0 auto}.G_RXX>span{margin:.75rem}._38ohZ{list-style:none}@media (max-width: 1199px){.G_RXX{width:46rem}}@media (max-width: 991px){.G_RXX{width:34.5rem}}@media (max-width: 767px){.G_RXX{width:23rem}}
|
|
6
6
|
|
|
7
|
-
.
|
|
8
|
-
|
|
9
|
-
._2XeBG{height:100%;flex:1}._2XeBG input{height:100%;border:none;outline:none;padding:0}._2TW1g{position:absolute;top:100%;left:0;right:0;z-index:100}.d4Lu3{width:calc(100% - 34px)}.d4Lu3:last-child{border-bottom:none !important}.d4Lu3 form{flex:1;margin-top:.3125rem}
|
|
7
|
+
._1rrH2{width:10rem;height:10rem;list-style:none;margin:.625rem}._15Qdz{display:flex;flex-wrap:wrap;padding:0;margin:0}
|
|
10
8
|
|
package/dist/css/30.chunk.css
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
.
|
|
1
|
+
._286KF{position:absolute;bottom:1.25rem;right:1.25rem}._3TSgh{max-height:4.8rem;word-break:break-word}
|
|
2
2
|
|
|
3
|
-
.
|
|
3
|
+
._7KNC2{width:18.75rem;height:1.3125rem}.Vk_wR{width:12.5rem;height:1.3125rem}._3peRZ{padding-bottom:56.25%}._1F7_f{width:1.25rem;height:1.25rem}
|
|
4
4
|
|
|
5
|
-
.
|
|
5
|
+
._2ws_7 svg{transform:scale(1.2)}
|
|
6
6
|
|
|
7
|
-
.
|
|
7
|
+
._1_KC6{color:#313543}.VXlcl{width:1.75rem;height:1.75rem}
|
|
8
8
|
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
.-L0yF:focus{border-color:#D7D7D7;box-shadow:none}.ahMdW{position:absolute;top:100%;left:0;right:0;z-index:100}.xstWL:last-child{border-bottom:none !important}._3YTCa{background-color:#f8f8f8}._1wn3m:hover ._1BwBs{color:#313543 !important}.qxZOe{padding-left:2.25rem}._3U4W-{padding-right:2.25rem}._2rgzF{padding-right:2.25rem}._1DLw5{position:absolute;top:50%;transform:translateY(-50%)}.AZCtZ{left:.375rem}._1R52s{right:.375rem}
|
|
2
|
+
|
|
3
|
+
._1oZbe{width:6rem}
|
|
4
|
+
|
|
5
|
+
.n3Xwz{opacity:0;width:2.25rem}._3o7ic{word-break:break-word}._3o7ic:hover .n3Xwz,._3o7ic._1zZJW .n3Xwz{opacity:1}._3J2yY{width:2.25rem;height:2.25rem}.MJnId{width:calc(100% - 2.25rem)}._2iCWs{width:calc(100% - 2.25rem - 2.25rem)}._21cpJ{padding:0.3rem}
|
|
6
|
+
|
|
7
|
+
._3kISo{padding:0.1rem 0.2rem}._2H6mG,._3lIc_,.C_P0V{width:1rem;height:1rem}._3lIc_{margin-left:0.2rem}.C_P0V{border-color:transparent;box-sizing:content-box}
|
|
8
|
+
|
|
9
|
+
._2XeBG{height:100%;flex:1}._2XeBG input{height:100%;border:none;outline:none;padding:0}._2TW1g{position:absolute;top:100%;left:0;right:0;z-index:100}.d4Lu3{width:calc(100% - 34px)}.d4Lu3:last-child{border-bottom:none !important}.d4Lu3 form{flex:1;margin-top:.3125rem}
|
|
10
|
+
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[24],{1258:function(e,a,t){"use strict";var n=t(0),r=t.n(n),o=t(1264),c=t.n(o);function l(e){return r.a.createElement("img",{alt:"",role:"presentation",src:e.src,className:c.a.image})}var i=t(4),s=t(140),u=t(34);function m(e){if(!e.icon){return r.a.createElement("button",{onClick:function(){u.a.isFunction(e.onClick)&&e.onClick(),e.appLink&&i.a.AppLinkHelper.trigger(e.appLink)},className:"btn btn-dark"},e.text)}return r.a.createElement(s.a,{className:"btn btn-dark",onClick:e.onClick,appLink:e.appLink,svgName:e.icon},e.text)}t.d(a,"a",(function(){return d}));var d=function(e){return r.a.createElement("div",{className:"text-center pt-5 d-flex flex-column align-items-center"},e.children)};d.Image=function(e){return r.a.createElement(l,Object.assign({},e))},d.Cta=function(e){return r.a.createElement(m,Object.assign({},e))},d.Heading=function(e){return r.a.createElement("h2",{className:e.className||"h6"},e.children)},d.Info=function(e){return r.a.createElement("p",{className:e.className||"mb-3 w-33"},e.children)}},1264:function(e,a,t){e.exports={image:"_3T3Ux"}},1267:function(e,a,t){"use strict";var n,r=t(0),o=t(34),c=t(46),l=t(77),i=t(362),s=t(33),u=function(e){var a=e.breadcrumb,t=a.label,n=a.appLink,o=a.active;return r.createElement("li",{className:"breadcrumb-item".concat(o?" active":"")},o?r.createElement("strong",null,t):r.createElement(s.a,{appLink:n},t))},m=function(e){var a=e.breadcrumbs;return r.createElement("ol",{className:"breadcrumb m-0 p-0"},a.map((function(e,a){return r.createElement(u,{key:a,breadcrumb:e})})))};function d(e){return function(e){if(Array.isArray(e))return f(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||g(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 p(e,a){return function(e){if(Array.isArray(e))return e}(e)||function(e,a){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var t=[],n=!0,r=!1,o=void 0;try{for(var c,l=e[Symbol.iterator]();!(n=(c=l.next()).done)&&(t.push(c.value),!a||t.length!==a);n=!0);}catch(e){r=!0,o=e}finally{try{n||null==l.return||l.return()}finally{if(r)throw o}}return t}(e,a)||g(e,a)||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 g(e,a){if(e){if("string"==typeof e)return f(e,a);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?f(e,a):void 0}}function f(e,a){(null==a||a>e.length)&&(a=e.length);for(var t=0,n=new Array(a);t<a;t++)n[t]=e[t];return n}function b(e,a,t){return{label:e.name,appLink:a(e),active:t}}function v(e){var a=function(e,a){var t=e.currentItem,n=e.getItemAppLink,i=e.getParent,s=e.rootItem,u=e.data,m=e.subview,g=p(Object(r.useState)([]),2),f=g[0],v=g[1],E=null==u?void 0:u.map((function(e){return null==e?void 0:e.name})).join("-");r.useEffect((function(){if(!a&&!c.a.isEmpty(u)){var e=u.map((function(e,a){return b(e,n,a+1===u.length)}));s&&e.unshift(s),v(e)}}),[E,n]),r.useEffect((function(){if(a&&o.a.isFunction(i)){var e=[b(t,n,!0)];for(t=i(t);t;)e.unshift(b(t,n)),t=i(t);return s&&e.unshift(s),v(e)}}),[t,i,n,s]);var y=r.useRef({label:m,appLink:null,active:!0}).current;if(m){f.includes(y)||v([].concat(d(f),[y]));var h=f.filter((function(e){return e.active&&e!==y}));h.length&&(l.a.first(h).active=!1)}return f}(e,e.type===n.Dynamic);return r.createElement("nav",{"aria-label":"breadcrumb"},r.createElement(m,{breadcrumbs:a}))}t.d(a,"a",(function(){return n})),t.d(a,"b",(function(){return v})),t.d(a,"c",(function(){return E})),function(e){e[e.Static=0]="Static",e[e.Dynamic=1]="Dynamic"}(n||(n={}));var E=r.memo((function(e){var a=e.numItems,t=void 0===a?3:a;return r.createElement("nav",{"aria-label":"breadcrumb"},r.createElement("ol",{className:"breadcrumb m-0 p-0"},i.a.getPartialLoadingItems({numItems:t}).map((function(e,a){var t=e.width;return r.createElement("li",{key:a,className:"breadcrumb-item"},r.createElement("span",{className:"d-inline-block partial-loading-background",style:{width:t},dangerouslySetInnerHTML:{__html:" "}}))}))))}))},1302:function(e,a,t){"use strict";t.d(a,"a",(function(){return r}));var n=t(0);function r(e){return n.createElement("div",{className:"custom-control custom-checkbox ".concat(e.className)},n.createElement("input",{type:"checkbox",className:"custom-control-input",id:e.id,name:e.name,checked:e.checked,onChange:e.onChange,disabled:e.disabled}),n.createElement("label",{className:"custom-control-label cursor-pointer",htmlFor:e.id},e.label))}r.defaultProps={checked:!1,label:"",className:""}},1316:function(e,a,t){"use strict";t.d(a,"a",(function(){return r}));var n=t(105);function r(e){switch(e){case n.ClassroomGroupColour.Pink:return"bg-pink";case n.ClassroomGroupColour.Orange:return"bg-orange";case n.ClassroomGroupColour.Green:return"bg-green";case n.ClassroomGroupColour.Blue:return"bg-blue";case n.ClassroomGroupColour.Purple:return"bg-purple";case n.ClassroomGroupColour.Indigo:return"bg-indigo";default:return"bg-pink"}}},1347:function(e,a,t){"use strict";t.d(a,"a",(function(){return i}));var n=t(0),r=t.n(n);function o(e,a,t){return a in e?Object.defineProperty(e,a,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[a]=t,e}function c(e,a){return function(e){if(Array.isArray(e))return e}(e)||function(e,a){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var t=[],n=!0,r=!1,o=void 0;try{for(var c,l=e[Symbol.iterator]();!(n=(c=l.next()).done)&&(t.push(c.value),!a||t.length!==a);n=!0);}catch(e){r=!0,o=e}finally{try{n||null==l.return||l.return()}finally{if(r)throw o}}return t}(e,a)||function(e,a){if(!e)return;if("string"==typeof e)return l(e,a);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return l(e,a)}(e,a)||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 l(e,a){(null==a||a>e.length)&&(a=e.length);for(var t=0,n=new Array(a);t<a;t++)n[t]=e[t];return n}var i=function(e){var a,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=r.a.useState(!1),l=c(n,2),i=l[0],s=l[1],u=r.a.useState({}),m=c(u,2),d=m[0],p=m[1],g=t.idField,f=void 0===g?"id":g;function b(){var a=!i;s(a);var t=e.reduce((function(e,t){return e[t[f]]=a,e}),{});p(t)}function v(a){var t=!d[a.toString()],n=Object.assign(Object.assign({},d),o({},a.toString(),t));p(n),Object.keys(n).filter((function(e){return n[e]})).length!==e.length?!t&&i&&s(!1):s(!0)}function E(e){return!!i||("string"!=typeof e&&"number"!=typeof e&&(e=e[f]),d[e])}function y(){return i?Object.keys(d):Object.keys(d).filter((function(e){return d[e]}))}return r.a.useEffect((function(){if(null==e?void 0:e.length){var a=e.reduce((function(e,a){var n,r=!1;return(null===(n=null==t?void 0:t.preselectedIds)||void 0===n?void 0:n.includes(a[f]))&&(r=!0),e[a[f].toString()]=r,e}),{});p(a)}}),[e,null===(a=null==t?void 0:t.preselectedIds)||void 0===a?void 0:a.length]),{onToggleBulk:b,onToggleItem:v,getSelected:y,isChecked:E,bulkChecked:i}}},1494:function(e,a,t){e.exports={pillTabSelector:"_33p-_"}},1593:function(e,a,t){e.exports={pill:"_1k1_A"}},1594:function(e,a,t){e.exports={colourColumn:"_2ujQc",groupColour:"_1hs4t"}},1595:function(e,a,t){e.exports={colourColumn:"_3oYG9"}},1596:function(e,a,t){e.exports={partialSize:"_1HB_G"}},1597:function(e,a,t){e.exports={heading:"_3W4zl",checkbox:"_11WXC",actionIcon:"_1K3UF",addStudents:"_1sqTe",studentName:"_3cfGe",group:"_2HHY1",sm:"_3_EMi",lg:"_3L-SN",moreActions:"_9PVrB"}},1598:function(e,a,t){e.exports={heading:"_2TMwg",nameHeading:"_1TlYf",colourHeading:"_3_Tfc",newGroup:"_3oBoz",group:"_3aWN8",colourPicker:"_2NcjR",actionIcon:"_3bhju"}},1599:function(e,a,t){e.exports={actionsContainer:"_3wYTF"}},1942:function(e,a,t){"use strict";t.r(a);var n=t(0),r=t.n(n),o=t(76),c=t(20),l=t(9),i=t(4),s=t(355),u=t(55),m=t(125),d=t(194),p=t(1267),g=t(358),f=t(16),b=t(80),v=t(15),E=t(68),y=t(1),h=t(37),S=t(7),C=t(10),k=t(354),N=t(1494),O=t.n(N);function w(e){return r.a.createElement("nav",null,r.a.createElement("ul",{className:"list-unstyled d-inline-block border border-dark m-0 ".concat(O.a.pillTabSelector)},e.tabs.map((function(e){return r.a.createElement("li",{className:"p-0 ".concat(e.active?"btn btn-dark":"btn btn-outline-dark"),key:e.name},r.a.createElement(k.a,{className:"cursor-pointer py-1",onClick:function(){return function(e){e.active||e.onSelect()}(e)}},e.name))}))))}var A=t(254),T=t(360),x=t(249),L=t(140),I=t(26),G=t(1302),_=t(1347),P=t(34),j=t(310),M=t(366),U=t(36),R=t(33),D=t(1316),H=t(1593),F=t.n(H);function W(e){var a,t;return e.group?e.onClick?r.a.createElement(k.a,{onClick:e.onClick,className:"".concat(F.a.pill," text-white ").concat(Object(D.a)(null===(a=e.group.metadata)||void 0===a?void 0:a.colour))},e.group.name):r.a.createElement("div",{className:"".concat(F.a.pill," text-white ").concat(Object(D.a)(null===(t=e.group.metadata)||void 0===t?void 0:t.colour))},e.group.name):r.a.createElement(r.a.Fragment,null)}function B(e){return e.count?r.a.createElement(k.a,{onClick:e.onClick,className:"".concat(F.a.pill," bg-white border border-dark")},"+",e.count):r.a.createElement(r.a.Fragment,null)}var z="classrooms.classroomGroupDropdown";function V(e){var a,t=Object(_.a)(e.groups,{preselectedIds:e.preselections.map((function(e){return e.id}))}),n=t.onToggleItem,o=t.isChecked;function c(a){var t=e.addOnly||!o(a.id);e.onSelectGroup(a,t),!e.addOnly&&n(a.id)}var l,i,s={alignRight:!!e.alignRight};return e.disabled&&(s.show=!1),r.a.createElement(U.Dropdown,Object.assign({},s),r.a.createElement(U.Dropdown.Toggle,{as:"div",id:e.id,className:"".concat(e.disabled?"text-light":"cursor-pointer"," ").concat("mr-2 d-inline-block svg-container sm"," no-caret")},r.a.createElement(I.a,{svgName:f.b.Tag})),r.a.createElement(U.Dropdown.Menu,null,!!(null===(a=e.groups)||void 0===a?void 0:a.length)&&r.a.createElement("div",{className:"px-2 border-bottom mb-1"},r.a.createElement("p",{className:"mb-0"},r.a.createElement(u.b,{namespace:z,phrase:"addToGroup"})),r.a.createElement("ul",{className:"list-unstyled pr-3"},e.groups.map((function(a){return r.a.createElement("li",{key:a.id,className:"d-flex align-items-center bg-white my-1"},!e.addOnly&&r.a.createElement(G.a,{id:"".concat(e.id,":").concat(a.id),checked:o(a.id),onChange:function(){return c(a)}}),r.a.createElement(W,{group:a,onClick:function(){return c(a)}}))})))),r.a.createElement(R.a,{onClick:function(){h.a.logUserAction({},h.a.mergeOptions(e.analyticsOptions,{actionType:y.UserAction.Create,workflowPhase:y.WorkflowPhase.Start,entity:y.EntityType.ClassroomGroup}))},appLink:(l=e.classroom.id,i=e.studentIds,{application:S.a.CLASSROOMS,action:C.a.Classrooms.NEW_GROUP,args:[l],params:{addStudents:i}}),className:"text-nowrap d-flex align-items-center px-2"},r.a.createElement(I.a,{svgName:f.b.Plus}),r.a.createElement(u.b,{namespace:z,phrase:"createNew"}))))}function Y(e,a){return function(e){if(Array.isArray(e))return e}(e)||function(e,a){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var t=[],n=!0,r=!1,o=void 0;try{for(var c,l=e[Symbol.iterator]();!(n=(c=l.next()).done)&&(t.push(c.value),!a||t.length!==a);n=!0);}catch(e){r=!0,o=e}finally{try{n||null==l.return||l.return()}finally{if(r)throw o}}return t}(e,a)||X(e,a)||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 X(e,a){if(e){if("string"==typeof e)return $(e,a);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?$(e,a):void 0}}function $(e,a){(null==a||a>e.length)&&(a=e.length);for(var t=0,n=new Array(a);t<a;t++)n[t]=e[t];return n}V.defaultProps={preselections:[]};var J=l.a.encloseNamespace("classrooms.manageClassroomStudentItem");function q(e){var a=Y(r.a.useState(!1),2),t=a[0],n=a[1],o=Y(r.a.useState(!1),2),c=o[0],l=o[1],i=Y(r.a.useState({}),2),s=i[0],u=i[1],m=r.a.useRef(null),d=r.a.useRef(null);r.a.useEffect((function(){E(),c||n(!0)}),[e.selectedGroups.length]);var p,f,b,v=P.a.throttle((function(){E(),n(!0)}),300);function E(){u(e.selectedGroups.reduce((function(e,a){return e[a.id]=!0,e}),{}))}return Object(M.a)((function(){c||v()})),r.a.useEffect((function(){if(m.current&&d.current&&t){var e=m.current.firstElementChild;if(e){var a,r,o=e.getBoundingClientRect().y,c={},l=function(e,a){var t;if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(t=X(e))||a&&e&&"number"==typeof e.length){t&&(e=t);var n=0,r=function(){};return{s:r,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,c=!0,l=!1;return{s:function(){t=e[Symbol.iterator]()},n:function(){var e=t.next();return c=e.done,e},e:function(e){l=!0,o=e},f:function(){try{c||null==t.return||t.return()}finally{if(l)throw o}}}}(m.current.children);try{for(l.s();!(r=l.n()).done;){var i=r.value;i.id&&(c[i.id]=i.getBoundingClientRect().y===o,a=c[i.id]?i.id:a)}}catch(e){l.e(e)}finally{l.f()}d.current.getBoundingClientRect().y!==o&&(c[a]=!1),u(c),n(!1)}}}),[t]),r.a.createElement("div",{className:"d-flex align-items-center py-1 px-4"},r.a.createElement(G.a,{id:e.student.id,checked:e.checked,onChange:e.onToggleCheckbox,className:"mr-2"}),r.a.createElement("p",{className:"mb-0 pr-2 w-25 text-truncate text-nowrap"},e.student.name," ",e.student.surname),r.a.createElement("div",{className:"".concat(t?"invisible":""," mr-auto d-flex flex-wrap mt-n1 w-75"),ref:m},e.selectedGroups.map((function(e){return s[e.id]?r.a.createElement("div",{key:e.id,className:"mr-1 mt-1",id:e.id},r.a.createElement(W,{group:e})):r.a.createElement(r.a.Fragment,{key:e.id})})),r.a.createElement("div",{ref:d,className:"mr-1 mt-1"},r.a.createElement(B,{count:Object.keys(s).reduce((function(e,a){return s[a]||e++,e}),0),onClick:function(){l(!0),E()}}))),r.a.createElement(V,{id:"add-group-".concat(e.student.id),classroom:e.classroom,groups:e.classroomGroups,studentIds:[e.student.id],preselections:e.selectedGroups,onSelectGroup:function(a,t){return e.onToggleGroup(e.student,a,t)},analyticsOptions:{location:y.LocationContext.ManageClassroomStudentListItem},alignRight:!0}),r.a.createElement(g.a,{actions:[{label:J("editStudent"),appLink:(b=e.student.id,{application:S.a.USER_MANAGER,action:C.a.UserManager.EDIT_USER,args:[b],params:{userType:j.a.Learner}}),onClick:function(){h.a.logUserAction({id:e.student.id},{actionType:y.UserAction.Edit,entity:y.EntityType.User,workflowPhase:y.WorkflowPhase.Start,location:y.LocationContext.ManageClassroomStudentListItem})}},{label:J("removeStudent"),appLink:(p=e.student.id,f=e.classroom.id,{application:S.a.CLASSROOMS,action:C.a.Classrooms.REMOVE_STUDENTS,args:[f],params:{studentIds:[p]}}),className:"text-danger",onClick:function(){h.a.logUserAction({id:e.classroom.id,userId:e.student.id},{actionType:y.UserAction.Dissociate,entity:y.EntityType.Classroom,descriptor:y.AssocDescriptor.User,workflowPhase:y.WorkflowPhase.Start,location:y.LocationContext.ManageClassroomStudentListItem})}}],actionsDropdownClassName:"btn"}))}var K=l.a.encloseNamespace("classrooms.manageClassroomStudents");function Q(e){var a=e.classroom,t=e.students,r=e.groups,l=Object(o.useDispatch)(),s=Object(x.a)(),m=Object(_.a)(t.data),d=m.onToggleBulk,p=m.onToggleItem,g=m.getSelected,E=m.isChecked,N=m.bulkChecked,O=g().length,w=r.filter((function(e){var a,t;if(!(null===(t=null===(a=e.users)||void 0===a?void 0:a.data)||void 0===t?void 0:t.length))return!1;var n=!0,r=0,o=g();if(o.length){var c=function(){var a=o[r];e.users.data.find((function(e){return e.id.toString()===a.toString()}))||(n=!1),r++};do{c()}while(r<o.length);return n}}));var A=Object(b.a)(v.a.XLDown);return n.createElement(n.Fragment,null,n.createElement("div",{className:"d-flex align-items-center py-2 ".concat(A?"pl-2":"pl-4")},n.createElement(G.a,{id:"manage-classroom-students-bulk",onChange:d,checked:N,className:"mr-2"}),n.createElement(V,{id:"bulk-add-group",classroom:a,studentIds:g(),groups:r,onSelectGroup:function(e){var t=g();c.a.fetch(l,T.a.addStudentsToGroup(t,e.id,a.id,(function(){h.a.logUserAction({id:e.id,studentCount:t.length},{actionType:y.UserAction.Associate,entity:y.EntityType.ClassroomGroup,descriptor:y.AssocDescriptor.User,workflowPhase:y.WorkflowPhase.Complete,location:y.LocationContext.ManageClassroomStudents}),s.success(K("addSuccess",{groupName:e.name}))}),(function(){s.error(K("addError",{groupName:e.name}))})))},disabled:!O,preselections:w,analyticsOptions:{location:y.LocationContext.ManageClassroomStudents},addOnly:!0}),n.createElement(k.a,{className:"mr-auto ".concat(O?"":"text-light cursor-default"),onClick:function(){O&&(h.a.logUserAction({id:a.id},{entity:y.EntityType.Classroom,descriptor:y.AssocDescriptor.User,workflowPhase:y.WorkflowPhase.Start,actionType:y.UserAction.Dissociate,location:y.LocationContext.ManageClassroomStudents}),i.a.AppLinkHelper.trigger({application:S.a.CLASSROOMS,action:C.a.Classrooms.REMOVE_STUDENTS,args:[a.id],params:{studentIds:g()}}))}},n.createElement(I.a,{svgName:f.b.Delete})),n.createElement(L.a,{onClick:function(){h.a.logUserAction({id:a.id},{entity:y.EntityType.Classroom,descriptor:y.AssocDescriptor.User,workflowPhase:y.WorkflowPhase.Start,actionType:y.UserAction.Associate,location:y.LocationContext.ManageClassroomStudents}),i.a.AppLinkHelper.trigger({application:S.a.CLASSROOMS,action:C.a.Classrooms.ADD_STUDENTS,args:[a.id]})},svgName:f.b.Plus,className:"btn btn-outline-dark"},n.createElement(u.b,{namespace:"classrooms.manageClassroomStudents",phrase:"addStudent"}))),n.createElement("ul",{className:"striped-list list-unstyled"},t.data.map((function(t){return n.createElement("li",{key:t.id},n.createElement(q,{classroom:a,student:t,classroomGroups:e.groups,selectedGroups:e.groups.filter((function(e){return e.users.data.find((function(e){return e.id===t.id}))})),checked:E(t.id),onToggleCheckbox:function(){return p(t.id)},onToggleGroup:e.onToggleGroup}))}))))}var Z=t(1594),ee=t.n(Z);function ae(e){var a;return r.a.createElement(r.a.Fragment,null,r.a.createElement("div",{className:"d-flex align-items-center px-3 py-1"},r.a.createElement("div",{className:"mr-2 d-inline-block ".concat(ee.a.colourColumn)},r.a.createElement("div",{className:"".concat(Object(D.a)(null===(a=e.group.metadata)||void 0===a?void 0:a.colour)," ").concat(ee.a.groupColour)})),r.a.createElement("p",{className:"mb-0 mr-auto"},e.group.name),r.a.createElement(k.a,{className:"mr-2",onClick:function(){h.a.logUserAction({id:e.group.id},{entity:y.EntityType.ClassroomGroup,workflowPhase:y.WorkflowPhase.Start,actionType:y.UserAction.Edit,location:y.LocationContext.ManageClassroomGroupListItem}),i.a.AppLinkHelper.trigger({application:S.a.CLASSROOMS,action:C.a.Classrooms.EDIT_GROUP,args:[e.classroom.id,e.group.id]})}},r.a.createElement(I.a,{svgName:f.b.Edit})),r.a.createElement(k.a,{onClick:function(){h.a.logUserAction({id:e.group.id},{entity:y.EntityType.ClassroomGroup,workflowPhase:y.WorkflowPhase.Start,actionType:y.UserAction.Delete,location:y.LocationContext.ManageClassroomGroupListItem}),i.a.AppLinkHelper.trigger({application:S.a.CLASSROOMS,action:C.a.Classrooms.DELETE_GROUP,args:[e.classroom.id,e.group.id]})}},r.a.createElement(I.a,{svgName:f.b.Delete}))))}var te=t(1595),ne=t.n(te);function re(e){var a;var t,r=Object(b.a)(v.a.XLDown);return n.createElement(u.a.Provider,{value:"classrooms.manageClassroomGroups"},n.createElement("div",{className:"py-2"},n.createElement("div",{className:"d-flex align-items-center mb-2 ".concat(r?"":"pl-3")},n.createElement("h2",{className:"h6 mb-0 mr-2 ".concat(ne.a.colourColumn)},n.createElement(u.b,{phrase:"colour"})),n.createElement("h2",{className:"h6 mb-0"},n.createElement(u.b,{phrase:"groupName"})),n.createElement(L.a,{appLink:(t=e.classroom.id,{application:S.a.CLASSROOMS,action:C.a.Classrooms.NEW_GROUP,args:[t]}),onClick:function(){h.a.logUserAction({classroomId:e.classroom.id},{workflowPhase:y.WorkflowPhase.Start,entity:y.EntityType.ClassroomGroup,actionType:y.UserAction.Create,location:y.LocationContext.ManageClassroomGroups})},className:"btn btn-outline-dark ml-auto",svgName:f.b.Plus},n.createElement(u.b,{phrase:"createNew"}))),n.createElement("ul",{className:"striped-list list-unstyled"},!!(null===(a=e.groups)||void 0===a?void 0:a.length)&&e.groups.map((function(a){return n.createElement("li",{key:a.id},n.createElement(ae,{classroom:e.classroom,group:a}))})))))}var oe=t(251),ce=t(1258);function le(e){return r.a.createElement(u.a.Provider,{value:"classrooms.manageClassroomStudentsEmptyState"},r.a.createElement(ce.a,null,r.a.createElement(ce.a.Image,{src:oe.a.EmptyStates.Classrooms.STUDENTS}),r.a.createElement(ce.a.Heading,null,r.a.createElement(u.b,{phrase:"emptyStateHeading"})),r.a.createElement(ce.a.Info,null,r.a.createElement(u.b,{phrase:"emptyStateInfo"})),r.a.createElement(ce.a.Cta,{text:l.a.getPhrase("classrooms.manageClassroomStudentsEmptyState","addStudents"),icon:f.b.Plus,appLink:{application:S.a.CLASSROOMS,action:C.a.Classrooms.ADD_STUDENTS,args:[e.classroom.id]}})))}var ie=t(1596),se=t.n(ie);function ue(){return r.a.createElement("div",{className:"partial-loading-background ".concat(O.a.pillTabSelector," ").concat(se.a.partialSize)})}var me=t(1597),de=t.n(me),pe=r.a.memo((function(){return r.a.createElement("div",{className:"px-3"},r.a.createElement("div",{className:"mb-1 partial-loading-background ".concat(de.a.heading)}),r.a.createElement("div",{className:"pb-3"},r.a.createElement(p.c,{numItems:2})),r.a.createElement("div",{className:"pb-2"},r.a.createElement(ue,null)),r.a.createElement("div",{className:"d-flex align-items-center py-2"},r.a.createElement("div",{className:"mx-4 partial-loading-background ".concat(de.a.checkbox)}),r.a.createElement("div",{className:"mr-2 partial-loading-background ".concat(de.a.actionIcon)}),r.a.createElement("div",{className:"mr-auto partial-loading-background ".concat(de.a.actionIcon)}),r.a.createElement("div",{className:"partial-loading-background ".concat(de.a.addStudents)})),r.a.createElement("ul",{className:"striped-list list-unstyled"},Array(20).fill(null).map((function(e,a){return r.a.createElement("li",{key:a},r.a.createElement("div",{className:"d-flex align-items-center py-1 px-4"},r.a.createElement("div",{className:"mr-2 partial-loading-background ".concat(de.a.checkbox)}),r.a.createElement("div",{className:"w-25"},r.a.createElement("div",{className:"partial-loading-background ".concat(de.a.studentName)})),r.a.createElement("div",{className:"mr-auto d-flex"},Math.random()>.5?r.a.createElement(r.a.Fragment,null,r.a.createElement("div",{className:"partial-loading-background rounded-pill mr-1 ".concat(de.a.group," ").concat(de.a.lg)}),r.a.createElement("div",{className:"partial-loading-background rounded-pill ".concat(de.a.group," ").concat(de.a.sm)})):r.a.createElement("div",{className:"partial-loading-background rounded-pill ".concat(de.a.group," ").concat(de.a.sm)})),r.a.createElement("div",{className:"mr-2 partial-loading-background ".concat(de.a.actionIcon)}),r.a.createElement("div",{className:"partial-loading-background ".concat(de.a.moreActions)})))}))))})),ge=t(1598),fe=t.n(ge);function be(){return r.a.createElement("div",{className:"px-3"},r.a.createElement("div",{className:"mb-1 partial-loading-background ".concat(fe.a.heading)}),r.a.createElement("div",{className:"pb-3"},r.a.createElement(p.c,{numItems:2})),r.a.createElement("div",{className:"pb-2"},r.a.createElement(ue,null)),r.a.createElement("div",{className:"py-2"},r.a.createElement("div",{className:"d-flex align-items-center"},r.a.createElement("div",{className:"w-25 mb-2"},r.a.createElement("div",{className:"partial-loading-background ".concat(fe.a.nameHeading)})),r.a.createElement("div",{className:"w-25 mb-2"},r.a.createElement("div",{className:"partial-loading-background ".concat(fe.a.colourHeading)})),r.a.createElement("div",{className:"partial-loading-background ml-auto ".concat(fe.a.newGroup)})),r.a.createElement("ul",{className:"list-unstyled"},Array(8).fill(null).map((function(e,a){return r.a.createElement("li",{key:a,className:"mb-2"},r.a.createElement("div",{className:"d-flex align-items-center"},r.a.createElement("div",{className:"w-25"},r.a.createElement("div",{className:"partial-loading-background ".concat(fe.a.group)})),r.a.createElement("div",{className:"d-inline-block mr-4"},r.a.createElement("div",{className:"partial-loading-background ".concat(fe.a.colourPicker)})),r.a.createElement("div",{className:"partial-loading-background mr-2 ".concat(fe.a.actionIcon)}),r.a.createElement("div",{className:"partial-loading-background ".concat(fe.a.actionIcon)})))})))))}function ve(e){return r.a.createElement(u.a.Provider,{value:"classrooms.manageClassroomGroupsEmptyState"},r.a.createElement(ce.a,null,r.a.createElement(ce.a.Image,{src:oe.a.EmptyStates.Classrooms.GROUPS}),r.a.createElement(ce.a.Heading,null,r.a.createElement(u.b,{phrase:"heading"})),r.a.createElement(ce.a.Info,null,r.a.createElement(u.b,{phrase:"info"})),r.a.createElement(ce.a.Cta,{text:l.a.getPhrase("classrooms.manageClassroomGroupsEmptyState","addGroups"),icon:f.b.Plus,appLink:{application:S.a.CLASSROOMS,action:C.a.Classrooms.NEW_GROUP,args:[e.classroomId]}})))}var Ee=t(1599),ye=t.n(Ee);t.d(a,"ManageClassroomView",(function(){return Ce}));var he=l.a.encloseNamespace("classrooms.manageClassroom"),Se={entity:y.EntityType.ClassroomGroup,descriptor:y.AssocDescriptor.User,workflowPhase:y.WorkflowPhase.Complete,location:y.LocationContext.ManageClassroomStudentListItem};function Ce(e){var a,t,n=c.a.useBasicFetch(E.a.currentUser()),l=c.a.useBasicFetch(n.data&&T.a.getClassroom(e.id,n.data.id)),k=c.a.useBasicFetch(T.a.getClassroomStudents(e.id)),N=c.a.useBasicFetch(T.a.getClassroomGroups(e.id));Object(s.a)(he("students"===e.activeTab?"pageTitleStudents":"pageTitleGroups"));var O=Object(d.a)().hasPermissions,x=Object(o.useDispatch)(),L=Object(b.a)(v.a.SMDown);function I(a,t,n){var r={id:t.id,studentCount:1},o=n?T.a.addStudentsToGroup([a.id],t.id,e.id,(function(){h.a.logUserAction(r,Object.assign(Object.assign({},Se),{actionType:y.UserAction.Associate}))})):T.a.removeStudentsFromGroup([a.id],t.id,e.id,(function(){h.a.logUserAction(r,Object.assign(Object.assign({},Se),{actionType:y.UserAction.Dissociate}))}));c.a.fetch(x,o)}var G=[{name:he("students"),onSelect:function(){i.a.AppLinkHelper.trigger({application:S.a.CLASSROOMS,action:C.a.Classrooms.MANAGE_CLASSROOM,args:[e.id],params:{tab:"students"}})},active:"students"===e.activeTab},{name:he("groups"),onSelect:function(){i.a.AppLinkHelper.trigger({application:S.a.CLASSROOMS,action:C.a.Classrooms.MANAGE_CLASSROOM,args:[e.id],params:{tab:"groups"}})},active:"groups"===e.activeTab}],_=[{label:he("editClassroom"),appLink:{application:S.a.CLASSROOMS,action:C.a.Classrooms.EDIT_CLASSROOM,args:[e.id]},className:"btn btn-outline-dark",svgName:f.b.Edit,button:!L},{label:he("delete"),className:"text-danger",appLink:{application:S.a.CLASSROOMS,action:C.a.Classrooms.DELETE_CLASSROOM,args:[e.id]}}];return O(m.a.CreateClassrooms)?l.data&&(null===(a=k.data)||void 0===a?void 0:a.data)&&(null===(t=N.data)||void 0===t?void 0:t.data)?r.a.createElement(u.a.Provider,{value:"classrooms.manageClassroom"},r.a.createElement("div",{className:"px-3 position-relative"},r.a.createElement("h1",{className:"mb-1"},r.a.createElement(u.b,{phrase:"manageClassroom"})),r.a.createElement("div",{className:ye.a.actionsContainer},r.a.createElement(g.a,{actions:_,actionsDropdownClassName:"btn btn-outline-dark"})),r.a.createElement("div",{className:"pb-3"},r.a.createElement(p.b,{type:p.a.Static,data:[{name:he("classroomsBreadcrumb")},l.data,{name:he("manageClassroom")}],currentItem:{name:he("manageClassroom")},getItemAppLink:function(e){var a,t;return"id"in e?(null===(t=null===(a=k.data)||void 0===a?void 0:a.data)||void 0===t?void 0:t.length)?{application:S.a.CLASSROOMS,action:C.a.Classrooms.CLASSROOM,args:[e.id]}:null:{application:S.a.CLASSROOMS,action:C.a.Classrooms.HOME}}})),r.a.createElement("div",{className:"pb-2"},r.a.createElement(w,{tabs:G})),function(){var a,t,n,o;return"students"===e.activeTab?(null===(t=null===(a=k.data)||void 0===a?void 0:a.data)||void 0===t?void 0:t.length)?r.a.createElement(Q,{classroom:l.data,students:k.data,groups:N.data.data,onToggleGroup:I}):r.a.createElement(le,{classroom:l.data}):(null===(o=null===(n=N.data)||void 0===n?void 0:n.data)||void 0===o?void 0:o.length)?r.a.createElement(re,{classroom:l.data,groups:N.data.data}):r.a.createElement(ve,{classroomId:l.data.id})}())):"students"===e.activeTab?r.a.createElement(pe,null):r.a.createElement(be,null):(i.a.ErrorHelper.throw(new A.a),r.a.createElement(r.a.Fragment,null))}Ce.defaultProps={activeTab:"students"}}}]);
|
|
1
|
+
(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[24],{1258:function(e,a,t){"use strict";var n=t(0),r=t.n(n),o=t(1264),c=t.n(o);function l(e){return r.a.createElement("img",{alt:"",role:"presentation",src:e.src,className:c.a.image})}var i=t(4),s=t(140),u=t(34);function m(e){if(!e.icon){return r.a.createElement("button",{onClick:function(){u.a.isFunction(e.onClick)&&e.onClick(),e.appLink&&i.a.AppLinkHelper.trigger(e.appLink)},className:"btn btn-dark"},e.text)}return r.a.createElement(s.a,{className:"btn btn-dark",onClick:e.onClick,appLink:e.appLink,svgName:e.icon},e.text)}t.d(a,"a",(function(){return d}));var d=function(e){return r.a.createElement("div",{className:"text-center pt-5 d-flex flex-column align-items-center"},e.children)};d.Image=function(e){return r.a.createElement(l,Object.assign({},e))},d.Cta=function(e){return r.a.createElement(m,Object.assign({},e))},d.Heading=function(e){return r.a.createElement("h2",{className:e.className||"h6"},e.children)},d.Info=function(e){return r.a.createElement("p",{className:e.className||"mb-3 w-33"},e.children)}},1264:function(e,a,t){e.exports={image:"_3T3Ux"}},1267:function(e,a,t){"use strict";var n,r=t(0),o=t(34),c=t(46),l=t(77),i=t(362),s=t(33),u=function(e){var a=e.breadcrumb,t=a.label,n=a.appLink,o=a.active;return r.createElement("li",{className:"breadcrumb-item".concat(o?" active":"")},o?r.createElement("strong",null,t):r.createElement(s.a,{appLink:n},t))},m=function(e){var a=e.breadcrumbs;return r.createElement("ol",{className:"breadcrumb m-0 p-0"},a.map((function(e,a){return r.createElement(u,{key:a,breadcrumb:e})})))};function d(e){return function(e){if(Array.isArray(e))return f(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||g(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 p(e,a){return function(e){if(Array.isArray(e))return e}(e)||function(e,a){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var t=[],n=!0,r=!1,o=void 0;try{for(var c,l=e[Symbol.iterator]();!(n=(c=l.next()).done)&&(t.push(c.value),!a||t.length!==a);n=!0);}catch(e){r=!0,o=e}finally{try{n||null==l.return||l.return()}finally{if(r)throw o}}return t}(e,a)||g(e,a)||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 g(e,a){if(e){if("string"==typeof e)return f(e,a);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?f(e,a):void 0}}function f(e,a){(null==a||a>e.length)&&(a=e.length);for(var t=0,n=new Array(a);t<a;t++)n[t]=e[t];return n}function b(e,a,t){return{label:e.name,appLink:a(e),active:t}}function v(e){var a=function(e,a){var t=e.currentItem,n=e.getItemAppLink,i=e.getParent,s=e.rootItem,u=e.data,m=e.subview,g=p(Object(r.useState)([]),2),f=g[0],v=g[1],E=null==u?void 0:u.map((function(e){return null==e?void 0:e.name})).join("-");r.useEffect((function(){if(!a&&!c.a.isEmpty(u)){var e=u.map((function(e,a){return b(e,n,a+1===u.length)}));s&&e.unshift(s),v(e)}}),[E,n]),r.useEffect((function(){if(a&&o.a.isFunction(i)){var e=[b(t,n,!0)];for(t=i(t);t;)e.unshift(b(t,n)),t=i(t);return s&&e.unshift(s),v(e)}}),[t,i,n,s]);var y=r.useRef({label:m,appLink:null,active:!0}).current;if(m){f.includes(y)||v([].concat(d(f),[y]));var h=f.filter((function(e){return e.active&&e!==y}));h.length&&(l.a.first(h).active=!1)}return f}(e,e.type===n.Dynamic);return r.createElement("nav",{"aria-label":"breadcrumb"},r.createElement(m,{breadcrumbs:a}))}t.d(a,"a",(function(){return n})),t.d(a,"b",(function(){return v})),t.d(a,"c",(function(){return E})),function(e){e[e.Static=0]="Static",e[e.Dynamic=1]="Dynamic"}(n||(n={}));var E=r.memo((function(e){var a=e.numItems,t=void 0===a?3:a;return r.createElement("nav",{"aria-label":"breadcrumb"},r.createElement("ol",{className:"breadcrumb m-0 p-0"},i.a.getPartialLoadingItems({numItems:t}).map((function(e,a){var t=e.width;return r.createElement("li",{key:a,className:"breadcrumb-item"},r.createElement("span",{className:"d-inline-block partial-loading-background",style:{width:t},dangerouslySetInnerHTML:{__html:" "}}))}))))}))},1302:function(e,a,t){"use strict";t.d(a,"a",(function(){return r}));var n=t(0);function r(e){return n.createElement("div",{className:"custom-control custom-checkbox ".concat(e.className)},n.createElement("input",{type:"checkbox",className:"custom-control-input",id:e.id,name:e.name,checked:e.checked,onChange:e.onChange,disabled:e.disabled}),n.createElement("label",{className:"custom-control-label cursor-pointer",htmlFor:e.id},e.label))}r.defaultProps={checked:!1,label:"",className:""}},1316:function(e,a,t){"use strict";t.d(a,"a",(function(){return r}));var n=t(105);function r(e){switch(e){case n.ClassroomGroupColour.Pink:return"bg-pink";case n.ClassroomGroupColour.Orange:return"bg-orange";case n.ClassroomGroupColour.Green:return"bg-green";case n.ClassroomGroupColour.Blue:return"bg-blue";case n.ClassroomGroupColour.Purple:return"bg-purple";case n.ClassroomGroupColour.Indigo:return"bg-indigo";default:return"bg-pink"}}},1347:function(e,a,t){"use strict";t.d(a,"a",(function(){return i}));var n=t(0),r=t.n(n);function o(e,a,t){return a in e?Object.defineProperty(e,a,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[a]=t,e}function c(e,a){return function(e){if(Array.isArray(e))return e}(e)||function(e,a){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var t=[],n=!0,r=!1,o=void 0;try{for(var c,l=e[Symbol.iterator]();!(n=(c=l.next()).done)&&(t.push(c.value),!a||t.length!==a);n=!0);}catch(e){r=!0,o=e}finally{try{n||null==l.return||l.return()}finally{if(r)throw o}}return t}(e,a)||function(e,a){if(!e)return;if("string"==typeof e)return l(e,a);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return l(e,a)}(e,a)||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 l(e,a){(null==a||a>e.length)&&(a=e.length);for(var t=0,n=new Array(a);t<a;t++)n[t]=e[t];return n}var i=function(e){var a,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=r.a.useState(!1),l=c(n,2),i=l[0],s=l[1],u=r.a.useState({}),m=c(u,2),d=m[0],p=m[1],g=t.idField,f=void 0===g?"id":g;function b(){var a=!i;s(a);var t=e.reduce((function(e,t){return e[t[f]]=a,e}),{});p(t)}function v(a){var t=!d[a.toString()],n=Object.assign(Object.assign({},d),o({},a.toString(),t));p(n),Object.keys(n).filter((function(e){return n[e]})).length!==e.length?!t&&i&&s(!1):s(!0)}function E(e){return!!i||("string"!=typeof e&&"number"!=typeof e&&(e=e[f]),d[e])}function y(){return i?Object.keys(d):Object.keys(d).filter((function(e){return d[e]}))}return r.a.useEffect((function(){if(null==e?void 0:e.length){var a=e.reduce((function(e,a){var n,r=!1;return(null===(n=null==t?void 0:t.preselectedIds)||void 0===n?void 0:n.includes(a[f]))&&(r=!0),e[a[f].toString()]=r,e}),{});p(a)}}),[e,null===(a=null==t?void 0:t.preselectedIds)||void 0===a?void 0:a.length]),{onToggleBulk:b,onToggleItem:v,getSelected:y,isChecked:E,bulkChecked:i}}},1494:function(e,a,t){e.exports={pillTabSelector:"_33p-_"}},1593:function(e,a,t){e.exports={pill:"_1k1_A"}},1594:function(e,a,t){e.exports={colourColumn:"_2ujQc",groupColour:"_1hs4t"}},1595:function(e,a,t){e.exports={colourColumn:"_3oYG9"}},1596:function(e,a,t){e.exports={partialSize:"_1HB_G"}},1597:function(e,a,t){e.exports={heading:"_3W4zl",checkbox:"_11WXC",actionIcon:"_1K3UF",addStudents:"_1sqTe",studentName:"_3cfGe",group:"_2HHY1",sm:"_3_EMi",lg:"_3L-SN",moreActions:"_9PVrB"}},1598:function(e,a,t){e.exports={heading:"_2TMwg",nameHeading:"_1TlYf",colourHeading:"_3_Tfc",newGroup:"_3oBoz",group:"_3aWN8",colourPicker:"_2NcjR",actionIcon:"_3bhju"}},1599:function(e,a,t){e.exports={actionsContainer:"_3wYTF"}},1942:function(e,a,t){"use strict";t.r(a);var n=t(0),r=t.n(n),o=t(76),c=t(20),l=t(9),i=t(4),s=t(355),u=t(55),m=t(125),d=t(194),p=t(1267),g=t(358),f=t(16),b=t(80),v=t(15),E=t(68),y=t(1),h=t(37),S=t(7),C=t(10),k=t(354),N=t(1494),O=t.n(N);function w(e){return r.a.createElement("nav",null,r.a.createElement("ul",{className:"list-unstyled d-inline-block border border-dark m-0 ".concat(O.a.pillTabSelector)},e.tabs.map((function(e){return r.a.createElement("li",{className:"p-0 ".concat(e.active?"btn btn-dark":"btn btn-outline-dark"),key:e.name},r.a.createElement(k.a,{className:"cursor-pointer py-1",onClick:function(){return function(e){e.active||e.onSelect()}(e)}},e.name))}))))}var A=t(254),T=t(360),x=t(249),L=t(140),I=t(26),G=t(1302),_=t(1347),P=t(34),j=t(310),M=t(366),U=t(36),R=t(33),D=t(1316),H=t(1593),F=t.n(H);function W(e){var a,t;return e.group?e.onClick?r.a.createElement(k.a,{onClick:e.onClick,className:"".concat(F.a.pill," text-white ").concat(Object(D.a)(null===(a=e.group.metadata)||void 0===a?void 0:a.colour))},e.group.name):r.a.createElement("div",{className:"".concat(F.a.pill," text-white ").concat(Object(D.a)(null===(t=e.group.metadata)||void 0===t?void 0:t.colour))},e.group.name):r.a.createElement(r.a.Fragment,null)}function B(e){return e.count?r.a.createElement(k.a,{onClick:e.onClick,className:"".concat(F.a.pill," bg-white border border-dark")},"+",e.count):r.a.createElement(r.a.Fragment,null)}var z="classrooms.classroomGroupDropdown";function V(e){var a,t=Object(_.a)(e.groups,{preselectedIds:e.preselections.map((function(e){return e.id}))}),n=t.onToggleItem,o=t.isChecked;function c(a){var t=e.addOnly||!o(a.id);e.onSelectGroup(a,t),!e.addOnly&&n(a.id)}var l,i,s={alignRight:!!e.alignRight};return e.disabled&&(s.show=!1),r.a.createElement(U.Dropdown,Object.assign({},s),r.a.createElement(U.Dropdown.Toggle,{as:"div",id:e.id,className:"".concat(e.disabled?"text-light":"cursor-pointer"," ").concat("mr-2 d-inline-block svg-container sm"," no-caret")},r.a.createElement(I.a,{svgName:f.b.Tag})),r.a.createElement(U.Dropdown.Menu,null,!!(null===(a=e.groups)||void 0===a?void 0:a.length)&&r.a.createElement("div",{className:"px-2 border-bottom mb-1"},r.a.createElement("p",{className:"mb-0"},r.a.createElement(u.b,{namespace:z,phrase:"addToGroup"})),r.a.createElement("ul",{className:"list-unstyled pr-3"},e.groups.map((function(a){return r.a.createElement("li",{key:a.id,className:"d-flex align-items-center bg-white my-1"},!e.addOnly&&r.a.createElement(G.a,{id:"".concat(e.id,":").concat(a.id),checked:o(a.id),onChange:function(){return c(a)}}),r.a.createElement(W,{group:a,onClick:function(){return c(a)}}))})))),r.a.createElement(R.a,{onClick:function(){h.a.logUserAction({},h.a.mergeOptions(e.analyticsOptions,{actionType:y.UserAction.Create,workflowPhase:y.WorkflowPhase.Start,entity:y.EntityType.ClassroomGroup}))},appLink:(l=e.classroom.id,i=e.studentIds,{application:S.a.CLASSROOMS,action:C.a.Classrooms.NEW_GROUP,args:[l],params:{addStudents:i}}),className:"text-nowrap d-flex align-items-center px-2"},r.a.createElement(I.a,{svgName:f.b.Plus}),r.a.createElement(u.b,{namespace:z,phrase:"createNew"}))))}function Y(e,a){return function(e){if(Array.isArray(e))return e}(e)||function(e,a){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var t=[],n=!0,r=!1,o=void 0;try{for(var c,l=e[Symbol.iterator]();!(n=(c=l.next()).done)&&(t.push(c.value),!a||t.length!==a);n=!0);}catch(e){r=!0,o=e}finally{try{n||null==l.return||l.return()}finally{if(r)throw o}}return t}(e,a)||X(e,a)||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 X(e,a){if(e){if("string"==typeof e)return $(e,a);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?$(e,a):void 0}}function $(e,a){(null==a||a>e.length)&&(a=e.length);for(var t=0,n=new Array(a);t<a;t++)n[t]=e[t];return n}V.defaultProps={preselections:[]};var J=l.a.encloseNamespace("classrooms.manageClassroomStudentItem");function q(e){var a=Y(r.a.useState(!1),2),t=a[0],n=a[1],o=Y(r.a.useState(!1),2),c=o[0],l=o[1],i=Y(r.a.useState({}),2),s=i[0],u=i[1],m=r.a.useRef(null),d=r.a.useRef(null);r.a.useEffect((function(){E(),c||n(!0)}),[e.selectedGroups.length]);var p,f,b,v=P.a.throttle((function(){E(),n(!0)}),300);function E(){u(e.selectedGroups.reduce((function(e,a){return e[a.id]=!0,e}),{}))}return Object(M.a)((function(){c||v()})),r.a.useEffect((function(){if(m.current&&d.current&&t){var e=m.current.firstElementChild;if(e){var a,r,o=e.getBoundingClientRect().y,c={},l=function(e,a){var t;if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(t=X(e))||a&&e&&"number"==typeof e.length){t&&(e=t);var n=0,r=function(){};return{s:r,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,c=!0,l=!1;return{s:function(){t=e[Symbol.iterator]()},n:function(){var e=t.next();return c=e.done,e},e:function(e){l=!0,o=e},f:function(){try{c||null==t.return||t.return()}finally{if(l)throw o}}}}(m.current.children);try{for(l.s();!(r=l.n()).done;){var i=r.value;i.id&&(c[i.id]=i.getBoundingClientRect().y===o,a=c[i.id]?i.id:a)}}catch(e){l.e(e)}finally{l.f()}d.current.getBoundingClientRect().y!==o&&(c[a]=!1),u(c),n(!1)}}}),[t]),r.a.createElement("div",{className:"d-flex align-items-center py-1 px-4"},r.a.createElement(G.a,{id:e.student.id,checked:e.checked,onChange:e.onToggleCheckbox,className:"mr-2"}),r.a.createElement("p",{className:"mb-0 pr-2 w-25 text-truncate text-nowrap"},e.student.name," ",e.student.surname),r.a.createElement("div",{className:"".concat(t?"invisible":""," mr-auto d-flex flex-wrap mt-n1 w-75"),ref:m},e.selectedGroups.map((function(e){return s[e.id]?r.a.createElement("div",{key:e.id,className:"mr-1 mt-1",id:e.id},r.a.createElement(W,{group:e})):r.a.createElement(r.a.Fragment,{key:e.id})})),r.a.createElement("div",{ref:d,className:"mr-1 mt-1"},r.a.createElement(B,{count:Object.keys(s).reduce((function(e,a){return s[a]||e++,e}),0),onClick:function(){l(!0),E()}}))),r.a.createElement(V,{id:"add-group-".concat(e.student.id),classroom:e.classroom,groups:e.classroomGroups,studentIds:[e.student.id],preselections:e.selectedGroups,onSelectGroup:function(a,t){return e.onToggleGroup(e.student,a,t)},analyticsOptions:{location:y.LocationContext.ManageClassroomStudentListItem},alignRight:!0}),r.a.createElement(g.a,{actions:[{label:J("editStudent"),appLink:(b=e.student.id,{application:S.a.USER_MANAGER,action:C.a.UserManager.EDIT_USER,args:[b],params:{userType:j.a.Learner}}),onClick:function(){h.a.logUserAction({id:e.student.id},{actionType:y.UserAction.Edit,entity:y.EntityType.User,workflowPhase:y.WorkflowPhase.Start,location:y.LocationContext.ManageClassroomStudentListItem})}},{label:J("removeStudent"),appLink:(p=e.student.id,f=e.classroom.id,{application:S.a.CLASSROOMS,action:C.a.Classrooms.REMOVE_STUDENTS,args:[f],params:{studentIds:[p]}}),className:"text-danger",onClick:function(){h.a.logUserAction({id:e.classroom.id,userId:e.student.id},{actionType:y.UserAction.Dissociate,entity:y.EntityType.Classroom,descriptor:y.AssocDescriptor.User,workflowPhase:y.WorkflowPhase.Start,location:y.LocationContext.ManageClassroomStudentListItem})}}],actionsDropdownClassName:"btn"}))}var K=l.a.encloseNamespace("classrooms.manageClassroomStudents");function Q(e){var a=e.classroom,t=e.students,r=e.groups,l=Object(o.useDispatch)(),s=Object(x.a)(),m=Object(_.a)(t.data),d=m.onToggleBulk,p=m.onToggleItem,g=m.getSelected,E=m.isChecked,N=m.bulkChecked,O=g().length,w=r.filter((function(e){var a,t;if(!(null===(t=null===(a=e.users)||void 0===a?void 0:a.data)||void 0===t?void 0:t.length))return!1;var n=!0,r=0,o=g();if(o.length){var c=function(){var a=o[r];e.users.data.find((function(e){return e.id.toString()===a.toString()}))||(n=!1),r++};do{c()}while(r<o.length);return n}}));var A=Object(b.a)(v.a.XLDown);return n.createElement(n.Fragment,null,n.createElement("div",{className:"d-flex align-items-center py-2 ".concat(A?"pl-2":"pl-4")},n.createElement(G.a,{id:"manage-classroom-students-bulk",onChange:d,checked:N,className:"mr-2"}),n.createElement(V,{id:"bulk-add-group",classroom:a,studentIds:g(),groups:r,onSelectGroup:function(e){var t=g();c.a.fetch(l,T.a.addStudentsToGroup(t,e.id,a.id,(function(){h.a.logUserAction({id:e.id,studentCount:t.length},{actionType:y.UserAction.Associate,entity:y.EntityType.ClassroomGroup,descriptor:y.AssocDescriptor.User,workflowPhase:y.WorkflowPhase.Complete,location:y.LocationContext.ManageClassroomStudents}),s.success(K("addSuccess",{groupName:e.name}))}),(function(){s.error(K("addError",{groupName:e.name}))})))},disabled:!O,preselections:w,analyticsOptions:{location:y.LocationContext.ManageClassroomStudents},addOnly:!0}),n.createElement(k.a,{className:"mr-auto ".concat(O?"":"text-light cursor-default"),onClick:function(){O&&(h.a.logUserAction({id:a.id},{entity:y.EntityType.Classroom,descriptor:y.AssocDescriptor.User,workflowPhase:y.WorkflowPhase.Start,actionType:y.UserAction.Dissociate,location:y.LocationContext.ManageClassroomStudents}),i.a.AppLinkHelper.trigger({application:S.a.CLASSROOMS,action:C.a.Classrooms.REMOVE_STUDENTS,args:[a.id],params:{studentIds:g()}}))}},n.createElement(I.a,{svgName:f.b.Delete})),n.createElement(L.a,{onClick:function(){h.a.logUserAction({id:a.id},{entity:y.EntityType.Classroom,descriptor:y.AssocDescriptor.User,workflowPhase:y.WorkflowPhase.Start,actionType:y.UserAction.Associate,location:y.LocationContext.ManageClassroomStudents}),i.a.AppLinkHelper.trigger({application:S.a.CLASSROOMS,action:C.a.Classrooms.ADD_STUDENTS,args:[a.id]})},svgName:f.b.Plus,className:"btn btn-outline-dark"},n.createElement(u.b,{namespace:"classrooms.manageClassroomStudents",phrase:"addStudent"}))),n.createElement("ul",{className:"striped-list list-unstyled"},t.data.map((function(t){return n.createElement("li",{key:t.id},n.createElement(q,{classroom:a,student:t,classroomGroups:e.groups,selectedGroups:e.groups.filter((function(e){return e.users.data.find((function(e){return e.id===t.id}))})),checked:E(t.id),onToggleCheckbox:function(){return p(t.id)},onToggleGroup:e.onToggleGroup}))}))))}var Z=t(1594),ee=t.n(Z);function ae(e){var a;return r.a.createElement(r.a.Fragment,null,r.a.createElement("div",{className:"d-flex align-items-center px-3 py-1"},r.a.createElement("div",{className:"mr-2 d-inline-block ".concat(ee.a.colourColumn)},r.a.createElement("div",{className:"".concat(Object(D.a)(null===(a=e.group.metadata)||void 0===a?void 0:a.colour)," ").concat(ee.a.groupColour)})),r.a.createElement("p",{className:"mb-0 mr-auto"},e.group.name),r.a.createElement(k.a,{className:"mr-2",onClick:function(){h.a.logUserAction({id:e.group.id},{entity:y.EntityType.ClassroomGroup,workflowPhase:y.WorkflowPhase.Start,actionType:y.UserAction.Edit,location:y.LocationContext.ManageClassroomGroupListItem}),i.a.AppLinkHelper.trigger({application:S.a.CLASSROOMS,action:C.a.Classrooms.EDIT_GROUP,args:[e.classroom.id,e.group.id]})}},r.a.createElement(I.a,{svgName:f.b.Edit})),r.a.createElement(k.a,{onClick:function(){h.a.logUserAction({id:e.group.id},{entity:y.EntityType.ClassroomGroup,workflowPhase:y.WorkflowPhase.Start,actionType:y.UserAction.Delete,location:y.LocationContext.ManageClassroomGroupListItem}),i.a.AppLinkHelper.trigger({application:S.a.CLASSROOMS,action:C.a.Classrooms.DELETE_GROUP,args:[e.classroom.id,e.group.id]})}},r.a.createElement(I.a,{svgName:f.b.Delete}))))}var te=t(1595),ne=t.n(te);function re(e){var a;var t,r=Object(b.a)(v.a.XLDown);return n.createElement(u.a.Provider,{value:"classrooms.manageClassroomGroups"},n.createElement("div",{className:"py-2"},n.createElement("div",{className:"d-flex align-items-center mb-2 ".concat(r?"":"pl-3")},n.createElement("h2",{className:"h6 mb-0 mr-2 ".concat(ne.a.colourColumn)},n.createElement(u.b,{phrase:"colour"})),n.createElement("h2",{className:"h6 mb-0"},n.createElement(u.b,{phrase:"groupName"})),n.createElement(L.a,{appLink:(t=e.classroom.id,{application:S.a.CLASSROOMS,action:C.a.Classrooms.NEW_GROUP,args:[t]}),onClick:function(){h.a.logUserAction({classroomId:e.classroom.id},{workflowPhase:y.WorkflowPhase.Start,entity:y.EntityType.ClassroomGroup,actionType:y.UserAction.Create,location:y.LocationContext.ManageClassroomGroups})},className:"btn btn-outline-dark ml-auto",svgName:f.b.Plus},n.createElement(u.b,{phrase:"createNew"}))),n.createElement("ul",{className:"striped-list list-unstyled"},!!(null===(a=e.groups)||void 0===a?void 0:a.length)&&e.groups.map((function(a){return n.createElement("li",{key:a.id},n.createElement(ae,{classroom:e.classroom,group:a}))})))))}var oe=t(251),ce=t(1258);function le(e){return r.a.createElement(u.a.Provider,{value:"classrooms.manageClassroomStudentsEmptyState"},r.a.createElement(ce.a,null,r.a.createElement(ce.a.Image,{src:oe.a.EmptyStates.Classrooms.STUDENTS}),r.a.createElement(ce.a.Heading,null,r.a.createElement(u.b,{phrase:"emptyStateHeading"})),r.a.createElement(ce.a.Info,null,r.a.createElement(u.b,{phrase:"emptyStateInfo"})),r.a.createElement(ce.a.Cta,{text:l.a.getPhrase("classrooms.manageClassroomStudentsEmptyState","addStudents"),icon:f.b.Plus,appLink:{application:S.a.CLASSROOMS,action:C.a.Classrooms.ADD_STUDENTS,args:[e.classroom.id]}})))}var ie=t(1596),se=t.n(ie);function ue(){return r.a.createElement("div",{className:"partial-loading-background ".concat(O.a.pillTabSelector," ").concat(se.a.partialSize)})}var me=t(1597),de=t.n(me),pe=r.a.memo((function(){return r.a.createElement("div",{className:"px-3"},r.a.createElement("div",{className:"mb-1 partial-loading-background ".concat(de.a.heading)}),r.a.createElement("div",{className:"pb-3"},r.a.createElement(p.c,{numItems:2})),r.a.createElement("div",{className:"pb-2"},r.a.createElement(ue,null)),r.a.createElement("div",{className:"d-flex align-items-center py-2"},r.a.createElement("div",{className:"mx-4 partial-loading-background ".concat(de.a.checkbox)}),r.a.createElement("div",{className:"mr-2 partial-loading-background ".concat(de.a.actionIcon)}),r.a.createElement("div",{className:"mr-auto partial-loading-background ".concat(de.a.actionIcon)}),r.a.createElement("div",{className:"partial-loading-background ".concat(de.a.addStudents)})),r.a.createElement("ul",{className:"striped-list list-unstyled"},Array(20).fill(null).map((function(e,a){return r.a.createElement("li",{key:a},r.a.createElement("div",{className:"d-flex align-items-center py-1 px-4"},r.a.createElement("div",{className:"mr-2 partial-loading-background ".concat(de.a.checkbox)}),r.a.createElement("div",{className:"w-25"},r.a.createElement("div",{className:"partial-loading-background ".concat(de.a.studentName)})),r.a.createElement("div",{className:"mr-auto d-flex"},Math.random()>.5?r.a.createElement(r.a.Fragment,null,r.a.createElement("div",{className:"partial-loading-background rounded-pill mr-1 ".concat(de.a.group," ").concat(de.a.lg)}),r.a.createElement("div",{className:"partial-loading-background rounded-pill ".concat(de.a.group," ").concat(de.a.sm)})):r.a.createElement("div",{className:"partial-loading-background rounded-pill ".concat(de.a.group," ").concat(de.a.sm)})),r.a.createElement("div",{className:"mr-2 partial-loading-background ".concat(de.a.actionIcon)}),r.a.createElement("div",{className:"partial-loading-background ".concat(de.a.moreActions)})))}))))})),ge=t(1598),fe=t.n(ge);function be(){return r.a.createElement("div",{className:"px-3"},r.a.createElement("div",{className:"mb-1 partial-loading-background ".concat(fe.a.heading)}),r.a.createElement("div",{className:"pb-3"},r.a.createElement(p.c,{numItems:2})),r.a.createElement("div",{className:"pb-2"},r.a.createElement(ue,null)),r.a.createElement("div",{className:"py-2"},r.a.createElement("div",{className:"d-flex align-items-center"},r.a.createElement("div",{className:"w-25 mb-2"},r.a.createElement("div",{className:"partial-loading-background ".concat(fe.a.nameHeading)})),r.a.createElement("div",{className:"w-25 mb-2"},r.a.createElement("div",{className:"partial-loading-background ".concat(fe.a.colourHeading)})),r.a.createElement("div",{className:"partial-loading-background ml-auto ".concat(fe.a.newGroup)})),r.a.createElement("ul",{className:"list-unstyled"},Array(8).fill(null).map((function(e,a){return r.a.createElement("li",{key:a,className:"mb-2"},r.a.createElement("div",{className:"d-flex align-items-center"},r.a.createElement("div",{className:"w-25"},r.a.createElement("div",{className:"partial-loading-background ".concat(fe.a.group)})),r.a.createElement("div",{className:"d-inline-block mr-4"},r.a.createElement("div",{className:"partial-loading-background ".concat(fe.a.colourPicker)})),r.a.createElement("div",{className:"partial-loading-background mr-2 ".concat(fe.a.actionIcon)}),r.a.createElement("div",{className:"partial-loading-background ".concat(fe.a.actionIcon)})))})))))}function ve(e){return r.a.createElement(u.a.Provider,{value:"classrooms.manageClassroomGroupsEmptyState"},r.a.createElement(ce.a,null,r.a.createElement(ce.a.Image,{src:oe.a.EmptyStates.Classrooms.GROUPS}),r.a.createElement(ce.a.Heading,null,r.a.createElement(u.b,{phrase:"heading"})),r.a.createElement(ce.a.Info,null,r.a.createElement(u.b,{phrase:"info"})),r.a.createElement(ce.a.Cta,{text:l.a.getPhrase("classrooms.manageClassroomGroupsEmptyState","addGroups"),icon:f.b.Plus,appLink:{application:S.a.CLASSROOMS,action:C.a.Classrooms.NEW_GROUP,args:[e.classroomId]}})))}var Ee=t(1599),ye=t.n(Ee);t.d(a,"ManageClassroomView",(function(){return Ce}));var he=l.a.encloseNamespace("classrooms.manageClassroom"),Se={entity:y.EntityType.ClassroomGroup,descriptor:y.AssocDescriptor.User,workflowPhase:y.WorkflowPhase.Complete,location:y.LocationContext.ManageClassroomStudentListItem};function Ce(e){var a,t,n=c.a.useBasicFetch(E.a.currentUser()),l=c.a.useBasicFetch(n.data&&T.a.getClassroom(e.id,n.data.id)),k=c.a.useBasicFetch(T.a.getClassroomStudents(e.id)),N=c.a.useBasicFetch(T.a.getClassroomGroups(e.id));Object(s.a)(he("students"===e.activeTab?"pageTitleStudents":"pageTitleGroups"));var O=Object(d.a)().hasPermissions,x=Object(o.useDispatch)(),L=Object(b.a)(v.a.SMDown);function I(a,t,n){var r={id:t.id,studentCount:1},o=n?T.a.addStudentsToGroup([a.id],t.id,e.id,(function(){h.a.logUserAction(r,Object.assign(Object.assign({},Se),{actionType:y.UserAction.Associate}))})):T.a.removeStudentsFromGroup([a.id],t.id,e.id,(function(){h.a.logUserAction(r,Object.assign(Object.assign({},Se),{actionType:y.UserAction.Dissociate}))}));c.a.fetch(x,o)}var G=[{name:he("students"),onSelect:function(){i.a.AppLinkHelper.trigger({application:S.a.CLASSROOMS,action:C.a.Classrooms.MANAGE_CLASSROOM,args:[e.id],params:{tab:"students"}})},active:"students"===e.activeTab},{name:he("groups"),onSelect:function(){i.a.AppLinkHelper.trigger({application:S.a.CLASSROOMS,action:C.a.Classrooms.MANAGE_CLASSROOM,args:[e.id],params:{tab:"groups"}})},active:"groups"===e.activeTab}],_=[{label:he("editClassroom"),appLink:{application:S.a.CLASSROOMS,action:C.a.Classrooms.EDIT_CLASSROOM,args:[e.id]},className:"btn btn-outline-dark mr-2",svgName:f.b.Edit,button:!L},{label:he("delete"),className:"text-danger",appLink:{application:S.a.CLASSROOMS,action:C.a.Classrooms.DELETE_CLASSROOM,args:[e.id]}}];return O(m.a.CreateClassrooms)?l.data&&(null===(a=k.data)||void 0===a?void 0:a.data)&&(null===(t=N.data)||void 0===t?void 0:t.data)?r.a.createElement(u.a.Provider,{value:"classrooms.manageClassroom"},r.a.createElement("div",{className:"px-3 position-relative"},r.a.createElement("h1",{className:"mb-1"},r.a.createElement(u.b,{phrase:"manageClassroom"})),r.a.createElement("div",{className:ye.a.actionsContainer},r.a.createElement(g.a,{actions:_,actionsDropdownClassName:"btn btn-outline-dark"})),r.a.createElement("div",{className:"pb-3"},r.a.createElement(p.b,{type:p.a.Static,data:[{name:he("classroomsBreadcrumb")},l.data,{name:he("manageClassroom")}],currentItem:{name:he("manageClassroom")},getItemAppLink:function(e){var a,t;return"id"in e?(null===(t=null===(a=k.data)||void 0===a?void 0:a.data)||void 0===t?void 0:t.length)?{application:S.a.CLASSROOMS,action:C.a.Classrooms.CLASSROOM,args:[e.id]}:null:{application:S.a.CLASSROOMS,action:C.a.Classrooms.HOME}}})),r.a.createElement("div",{className:"pb-2"},r.a.createElement(w,{tabs:G})),function(){var a,t,n,o;return"students"===e.activeTab?(null===(t=null===(a=k.data)||void 0===a?void 0:a.data)||void 0===t?void 0:t.length)?r.a.createElement(Q,{classroom:l.data,students:k.data,groups:N.data.data,onToggleGroup:I}):r.a.createElement(le,{classroom:l.data}):(null===(o=null===(n=N.data)||void 0===n?void 0:n.data)||void 0===o?void 0:o.length)?r.a.createElement(re,{classroom:l.data,groups:N.data.data}):r.a.createElement(ve,{classroomId:l.data.id})}())):"students"===e.activeTab?r.a.createElement(pe,null):r.a.createElement(be,null):(i.a.ErrorHelper.throw(new A.a),r.a.createElement(r.a.Fragment,null))}Ce.defaultProps={activeTab:"students"}}}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[30],{1275:function(e,t,n){"use strict";var a=n(0),r=n.n(a),c=n(26),l=n(16),i=n(1290),u=n.n(i),o=function(e){return e.selectedChildrenCount?a.createElement("div",{className:"".concat(u.a.itemStatus," ").concat(u.a.green)},e.selectedChildrenCount):a.createElement(a.Fragment,null)},s=function(e){var t;return t=e.selected?a.createElement(c.a,{svgName:l.b.Check}):e.radioButton?a.createElement(a.Fragment,null," "):a.createElement(c.a,{svgName:l.b.Plus}),a.createElement("div",{className:"".concat(u.a.itemStatus," ").concat(e.selected?u.a.green:u.a.unchecked)},t)};function d(e){var t,n="".concat(u.a.expandCaret," ").concat(e.expand?u.a.up:u.a.down);return r.a.createElement("li",{className:(t=u.a.preferenceItem,e.extraClasses&&(t+=" "+e.extraClasses),e.isDisabled&&(t+=" "+u.a.disabled),e.isSelected&&!e.isExpandable&&(t+=" "+u.a.selected),e.hideStatus&&(t+=" "+u.a.noBorder),t),onClick:e.onClick,"aria-checked":e.isSelected,"aria-haspopup":e.isExpandable,role:e.isExpandable?"button":"checkbox",style:{backgroundImage:"url(".concat(e.imageUrl,")")},tabIndex:0},r.a.createElement("div",{className:"".concat(u.a.textBox," p-2")},r.a.createElement("p",{className:"m-0 text-truncate"},e.name,r.a.createElement("span",{className:e.isExpandable?n:""})),!e.hideStatus&&r.a.createElement(r.a.Fragment,null,e.isExpandable?r.a.createElement(o,{selectedChildrenCount:e.selectedChildCount}):r.a.createElement(s,{selected:e.isSelected,radioButton:e.radioButton}))))}n.d(t,"a",(function(){return d}))},1288:function(e,t,n){"use strict";n.d(t,"a",(function(){return b}));var a=n(0),r=n(34),c=n(366),l=n(102),i=n(15),u=n(1314),o=n.n(u);function s(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,r=!1,c=void 0;try{for(var l,i=e[Symbol.iterator]();!(a=(l=i.next()).done)&&(n.push(l.value),!t||n.length!==t);a=!0);}catch(e){r=!0,c=e}finally{try{a||null==i.return||i.return()}finally{if(r)throw c}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return d(e,t)}(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 d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function f(e){var t="justify-content-".concat(e.justify);return a.createElement("div",{className:"py-3 bg-white ".concat(o.a.stickyFooter)},a.createElement("div",{className:"w-75 mx-auto d-flex ".concat(t)},e.children))}function m(e){var t=Object(l.a)(),n=t===i.a.SM||t===i.a.XS?"w-100":"w-75",r="justify-content-".concat(e.justify);return a.createElement("div",{className:"".concat(n," ").concat(r," ").concat(o.a.nonStickyFooter," d-flex px-3")},e.children)}function b(e){var t=function(){return window.innerHeight+window.scrollY>=document.body.offsetHeight-50},n=s(a.useState(!1),2),l=n[0],i=n[1];a.useEffect((function(){return i(!t())}),[]);var u=r.a.throttle((function(){var e=!t();!l||e?!l&&e&&i(!0):i(!1)}),100);return a.useEffect((function(){return window.addEventListener("scroll",u),function(){return window.removeEventListener("scroll",u)}}),[l,i]),Object(c.a)(u,u,[l,i]),l?a.createElement(f,Object.assign({},e),e.children):a.createElement(m,Object.assign({},e),e.children)}b.defaultProps={justify:"between"}},1289:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(0),r=Object(a.createContext)(void 0)},1290:function(e,t,n){e.exports={preferenceItem:"_1LDb6",expandCaret:"_3QEWB",down:"_2y-iF",up:"_1kGNY",disabled:"_2w4FH",selected:"_1lSYv",noBorder:"_3Mxuo",textBox:"_3HCeK",itemStatus:"_2msq4",unchecked:"_2VQLv",green:"AHd64"}},1293:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var a=n(0),r=n(84),c=n(40),l=n(1289),i=n(1275),u=n(103);function o(e){var t,n,o=a.useContext(l.a),s=e.subject.cover?r.a.createUrl(e.subject.cover.url,{size:c.b.Small}):"",d=e.subject.isExpandableOption?e.subject.children.map((function(e){return e.id})):[],f=e.hasSelectedBulk?0:null===(t=null==o?void 0:o.selectedSubjects)||void 0===t?void 0:t.filter((function(e){return d.includes(e)})).length,m=a.createElement(i.a,{name:e.subject.name,imageUrl:s,onClick:e.onClick,isSelected:e.selected,isDisabled:e.disabled,isExpandable:e.subject.isExpandableOption,expand:(null===(n=null==o?void 0:o.expandedSubject)||void 0===n?void 0:n.id)===e.subject.id,selectedChildCount:f,extraClasses:e.extraClasses,hideStatus:e.hideStatus});return e.disabled?a.createElement("span",null,m):a.createElement(u.a,{title:e.subject.name},a.createElement("span",null,m))}},1301:function(e,t,n){"use strict";n.d(t,"a",(function(){return m}));var a=n(0),r=n(77),c=n(15),l=n(102),i=n(1310),u=n(1289),o=n(1311),s=n.n(o),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};function f(e){var t=a.useContext(u.a),n=t.expandedSubject,r=t.selectedSubjects;return a.createElement(a.Fragment,null,e.subjects.map((function(t){var c=function(e,t){return!(!t||e.id===t.id)&&!t.children.find((function(t){return t.id===e.id}))}(t,n),l=e.onSelect;return t.isExpandableOption&&(l=e.onExpand),c&&(l=e.onCollapse),e.hasSelectedBulk&&(l=function(){}),a.createElement(i.c,{key:t.id,subject:t,selected:!e.hasSelectedBulk&&r.includes(t.id),disabled:e.hasSelectedBulk||c,onClick:function(){return l(t)},hasSelectedBulk:e.hasSelectedBulk})})))}function m(e){var t=e.subjects,n=e.hasSelectedBulk,i=d(e,["subjects","hasSelectedBulk"]),o=a.useContext(u.a).expandedSubject,b=function(){switch(Object(l.a)()){case c.a.LG:default:return 5;case c.a.MD:return 4;case c.a.SM:return 3;case c.a.XS:return 2}}(),p=t.reduce((function(e,t,n){return n%b==0?e.push([t]):r.a.last(e).push(t),e}),[]);return a.createElement("ul",{className:s.a.grid},p.map((function(e,t){var r=o&&!!e.find((function(e){return o.id===e.id&&e.isExpandableOption}));return a.createElement(a.Fragment,{key:t},a.createElement(f,Object.assign({subjects:e,hasSelectedBulk:n},i)),r&&a.createElement("li",{className:"".concat(s.a.subgrid," m-0")},a.createElement(m,Object.assign({subjects:o.children,hasSelectedBulk:n},i))))})))}},1310:function(e,t,n){"use strict";var a=n(1288);n.d(t,"a",(function(){return a.a}));n(1313),n(1301);var r=n(1293);n.d(t,"c",(function(){return r.a}));var c=n(1275);n.d(t,"b",(function(){return c.a}))},1311:function(e,t,n){e.exports={grid:"G_RXX",subgrid:"_38ohZ"}},1314:function(e,t,n){e.exports={stickyFooter:"_3s0oA",nonStickyFooter:"_2k_n0"}},1320:function(e,t,n){"use strict";n.d(t,"a",(function(){return l}));var a=n(0),r=n.n(a),c=n(354);function l(e){var t=e.on&&!e.disabled?"on":"",n=e.disabled?"disabled":"",a=e.hideOutline?"outline-none":"";return r.a.createElement(c.a,{onClick:function(){e.disabled||e.onClick.apply(e,arguments)},className:"".concat("d-inline-block float-right align-top custom-toggle toggle-option"," ").concat(t," ").concat(n," ").concat(a)},r.a.createElement("span",{className:"handle"}))}},1371:function(e,t,n){"use strict";var a;n.d(t,"a",(function(){return a})),function(e){e[e.Permanent=0]="Permanent",e[e.Temporary=1]="Temporary"}(a||(a={}))},1479:function(e,t,n){"use strict";n.d(t,"a",(function(){return u}));var a=n(0),r=n(1311),c=n.n(r),l=n(1480),i=n.n(l);function u(e){var t="grid"===e.style?c.a.grid:i.a.partialSubjectList;return a.createElement("ul",{className:t},Array(e.count).fill(null).map((function(e,t){return a.createElement("li",{key:t,className:"".concat(i.a.partialSubject," partial-loading-background")})})))}},1480:function(e,t,n){e.exports={partialSubject:"_1rrH2",partialSubjectList:"_15Qdz"}},1941:function(e,t,n){"use strict";n.r(t),n.d(t,"SubjectPreferencesView",(function(){return _}));var a=n(0),r=n(36),c=n(76),l=n(20),i=n(4),u=n(77),o=n(9),s=n(1469),d=n(1296),f=n(55),m=n(33),b=n(1320),p=n(1289),v=n(1301),h=n(1479),E=n(1288),S=n(1471),g=n(249),y=n(375),j=n(374),k=n(68),x=n(1371),w=n(1336);function O(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,r=!1,c=void 0;try{for(var l,i=e[Symbol.iterator]();!(a=(l=i.next()).done)&&(n.push(l.value),!t||n.length!==t);a=!0);}catch(e){r=!0,c=e}finally{try{a||null==i.return||i.return()}finally{if(r)throw c}}return n}(e,t)||A(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 C(e){return function(e){if(Array.isArray(e))return N(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||A(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 A(e,t){if(e){if("string"==typeof e)return N(e,t);var n=Object.prototype.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)?N(e,t):void 0}}function N(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var B="subjects.subjectPreferencesView";function _(e){var t,n=e.redirectUrl,A=O(a.useState(0),2)[1],N=O(a.useState([]),2),_=N[0],L=N[1],P=O(a.useState(null),2),F=P[0],I=P[1],H=O(a.useState(null),2),U=H[0],M=H[1],D=O(a.useState(!_.length),2),T=D[0],R=D[1],X=O(a.useState(!1),2),z=X[0],G=X[1],Q=l.a.useBasicFetch(k.a.currentUser()),V=l.a.useBasicFetch(d.a.allSubjectPreferences()),Y=Object(s.a)(),q=l.a.useBasicFetch(Q.statusCode?y.a.setting(Q.data.id,j.a.BulkOnboardingPreferencesState):null),J=Object(c.useDispatch)(),$=Object(g.a)(),K=w.a.hasBulkSelectedSubjects(U);function W(){A((function(e){return 1===e&&(G(!1),i.a.AppLinkHelper.trigger(w.a.buildAppLink("summary",n))),e-1}))}function Z(){A(0),G(!1),R(!1),$.error(o.a.getPhrase(B,"error"))}function ee(){var e=null;switch(U){case S.a.None:default:e=S.a.AllSubjects;break;case S.a.AllSubjects:e=S.a.None;break;case S.a.AllLevels:e=S.a.AllSubjectsAndAllLevels;break;case S.a.AllSubjectsAndAllLevels:e=S.a.AllLevels}M(e),I(null),l.a.fetch(J,y.a.updateSetting(Q.data.id,j.a.BulkOnboardingPreferencesState,e,x.a.Permanent))}a.useEffect((function(){var e;(null===(e=Y.data)||void 0===e?void 0:e.length)?L(u.a.uniq([].concat(C(_),C(Y.data.map((function(e){return e.id})))))):L([])}),[Y.data]),a.useEffect((function(){q.data&&!U&&M(q.data.value)}),[null===(t=q.data)||void 0===t?void 0:t.value]),a.useEffect((function(){R(!_.length&&!K)}),[_,K]);var te=function(e){if(!(null==e?void 0:e.length))return[];var t=[];return e.forEach((function(e){e.children&&e.children.length?t.push(Object.assign(Object.assign({},e),{isExpandableOption:!0,children:[Object.assign({},e)].concat(C(e.children))})):t.push(Object.assign({},e))})),t}(V.data);return a.createElement(f.a.Provider,{value:B},a.createElement(p.a.Provider,{value:{selectedSubjects:_,expandedSubject:F}},a.createElement("form",{className:"p-3 pb-5"},a.createElement("div",{className:"position-relative"},a.createElement("div",{className:"text-center mb-4"},a.createElement("h1",{className:"mb-3"},a.createElement(f.b,{phrase:"heading"})),a.createElement("p",{className:"m-0 h6"},a.createElement(f.b,{phrase:"infoRow1"})),a.createElement("p",{className:"h6"},a.createElement(f.b,{phrase:"infoRow2"}))),V.data&&Y.data?a.createElement(v.a,{subjects:te,onSelect:function(e){L(u.a.addOrRemoveImmutable(_,e.id))},onExpand:function(e){I(F&&F.id===e.id?null:e)},onCollapse:function(){I(null)},hasSelectedBulk:K}):a.createElement(h.a,{style:"grid",count:7})),a.createElement(E.a,null,a.createElement("div",null,a.createElement(m.a,{appLink:w.a.buildAppLink("levels",n),className:"btn btn-outline-dark"},a.createElement(f.b,{phrase:"back"}))),a.createElement("div",{className:"d-flex align-items-center justify-content-right"},a.createElement("div",{className:"d-flex mr-3"},a.createElement("p",{onClick:ee,className:"mr-2 mb-0 font-weight-bold"},a.createElement(f.b,{phrase:"allSubjects"})),a.createElement(b.a,{onClick:ee,on:K,hideOutline:!0})),a.createElement(r.Button,{variant:"dark",disabled:T,onClick:function(){var e;if(!T&&(_.length||K))if(Y.data&&Y.data.map((function(e){return e.id})).sort().toString()!==_.sort().toString()&&!K){A(0),G(!0),R(!0);var t=_.filter((function(e){var t;return!(null===(t=Y.data)||void 0===t?void 0:t.find((function(t){return t.id===e})))})),a=null===(e=Y.data)||void 0===e?void 0:e.filter((function(e){return!_.includes(e.id)}));(null==t?void 0:t.length)&&(A((function(e){return e+1})),l.a.fetch(J,d.a.followSubjects(t,W,Z))),(null==a?void 0:a.length)&&(A((function(e){return e+1})),l.a.fetch(J,d.a.unfollowSubjects(a.map((function(e){return e.id})),W,Z)))}else i.a.AppLinkHelper.trigger(w.a.buildAppLink("summary",n))}},z?a.createElement(r.Spinner,{as:"span",animation:"border",role:"status",size:"sm"}):a.createElement(f.b,{phrase:"next",options:{smartCount:_.length}})))))))}}}]);
|
|
1
|
+
(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[29],{1275:function(e,t,n){"use strict";var a=n(0),r=n.n(a),c=n(26),l=n(16),i=n(1290),u=n.n(i),o=function(e){return e.selectedChildrenCount?a.createElement("div",{className:"".concat(u.a.itemStatus," ").concat(u.a.green)},e.selectedChildrenCount):a.createElement(a.Fragment,null)},s=function(e){var t;return t=e.selected?a.createElement(c.a,{svgName:l.b.Check}):e.radioButton?a.createElement(a.Fragment,null," "):a.createElement(c.a,{svgName:l.b.Plus}),a.createElement("div",{className:"".concat(u.a.itemStatus," ").concat(e.selected?u.a.green:u.a.unchecked)},t)};function d(e){var t,n="".concat(u.a.expandCaret," ").concat(e.expand?u.a.up:u.a.down);return r.a.createElement("li",{className:(t=u.a.preferenceItem,e.extraClasses&&(t+=" "+e.extraClasses),e.isDisabled&&(t+=" "+u.a.disabled),e.isSelected&&!e.isExpandable&&(t+=" "+u.a.selected),e.hideStatus&&(t+=" "+u.a.noBorder),t),onClick:e.onClick,"aria-checked":e.isSelected,"aria-haspopup":e.isExpandable,role:e.isExpandable?"button":"checkbox",style:{backgroundImage:"url(".concat(e.imageUrl,")")},tabIndex:0},r.a.createElement("div",{className:"".concat(u.a.textBox," p-2")},r.a.createElement("p",{className:"m-0 text-truncate"},e.name,r.a.createElement("span",{className:e.isExpandable?n:""})),!e.hideStatus&&r.a.createElement(r.a.Fragment,null,e.isExpandable?r.a.createElement(o,{selectedChildrenCount:e.selectedChildCount}):r.a.createElement(s,{selected:e.isSelected,radioButton:e.radioButton}))))}n.d(t,"a",(function(){return d}))},1288:function(e,t,n){"use strict";n.d(t,"a",(function(){return b}));var a=n(0),r=n(34),c=n(366),l=n(102),i=n(15),u=n(1314),o=n.n(u);function s(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,r=!1,c=void 0;try{for(var l,i=e[Symbol.iterator]();!(a=(l=i.next()).done)&&(n.push(l.value),!t||n.length!==t);a=!0);}catch(e){r=!0,c=e}finally{try{a||null==i.return||i.return()}finally{if(r)throw c}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return d(e,t)}(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 d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function f(e){var t="justify-content-".concat(e.justify);return a.createElement("div",{className:"py-3 bg-white ".concat(o.a.stickyFooter)},a.createElement("div",{className:"w-75 mx-auto d-flex ".concat(t)},e.children))}function m(e){var t=Object(l.a)(),n=t===i.a.SM||t===i.a.XS?"w-100":"w-75",r="justify-content-".concat(e.justify);return a.createElement("div",{className:"".concat(n," ").concat(r," ").concat(o.a.nonStickyFooter," d-flex px-3")},e.children)}function b(e){var t=function(){return window.innerHeight+window.scrollY>=document.body.offsetHeight-50},n=s(a.useState(!1),2),l=n[0],i=n[1];a.useEffect((function(){return i(!t())}),[]);var u=r.a.throttle((function(){var e=!t();!l||e?!l&&e&&i(!0):i(!1)}),100);return a.useEffect((function(){return window.addEventListener("scroll",u),function(){return window.removeEventListener("scroll",u)}}),[l,i]),Object(c.a)(u,u,[l,i]),l?a.createElement(f,Object.assign({},e),e.children):a.createElement(m,Object.assign({},e),e.children)}b.defaultProps={justify:"between"}},1289:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(0),r=Object(a.createContext)(void 0)},1290:function(e,t,n){e.exports={preferenceItem:"_1LDb6",expandCaret:"_3QEWB",down:"_2y-iF",up:"_1kGNY",disabled:"_2w4FH",selected:"_1lSYv",noBorder:"_3Mxuo",textBox:"_3HCeK",itemStatus:"_2msq4",unchecked:"_2VQLv",green:"AHd64"}},1293:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var a=n(0),r=n(84),c=n(40),l=n(1289),i=n(1275),u=n(103);function o(e){var t,n,o=a.useContext(l.a),s=e.subject.cover?r.a.createUrl(e.subject.cover.url,{size:c.b.Small}):"",d=e.subject.isExpandableOption?e.subject.children.map((function(e){return e.id})):[],f=e.hasSelectedBulk?0:null===(t=null==o?void 0:o.selectedSubjects)||void 0===t?void 0:t.filter((function(e){return d.includes(e)})).length,m=a.createElement(i.a,{name:e.subject.name,imageUrl:s,onClick:e.onClick,isSelected:e.selected,isDisabled:e.disabled,isExpandable:e.subject.isExpandableOption,expand:(null===(n=null==o?void 0:o.expandedSubject)||void 0===n?void 0:n.id)===e.subject.id,selectedChildCount:f,extraClasses:e.extraClasses,hideStatus:e.hideStatus});return e.disabled?a.createElement("span",null,m):a.createElement(u.a,{title:e.subject.name},a.createElement("span",null,m))}},1301:function(e,t,n){"use strict";n.d(t,"a",(function(){return m}));var a=n(0),r=n(77),c=n(15),l=n(102),i=n(1310),u=n(1289),o=n(1311),s=n.n(o),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};function f(e){var t=a.useContext(u.a),n=t.expandedSubject,r=t.selectedSubjects;return a.createElement(a.Fragment,null,e.subjects.map((function(t){var c=function(e,t){return!(!t||e.id===t.id)&&!t.children.find((function(t){return t.id===e.id}))}(t,n),l=e.onSelect;return t.isExpandableOption&&(l=e.onExpand),c&&(l=e.onCollapse),e.hasSelectedBulk&&(l=function(){}),a.createElement(i.c,{key:t.id,subject:t,selected:!e.hasSelectedBulk&&r.includes(t.id),disabled:e.hasSelectedBulk||c,onClick:function(){return l(t)},hasSelectedBulk:e.hasSelectedBulk})})))}function m(e){var t=e.subjects,n=e.hasSelectedBulk,i=d(e,["subjects","hasSelectedBulk"]),o=a.useContext(u.a).expandedSubject,b=function(){switch(Object(l.a)()){case c.a.LG:default:return 5;case c.a.MD:return 4;case c.a.SM:return 3;case c.a.XS:return 2}}(),p=t.reduce((function(e,t,n){return n%b==0?e.push([t]):r.a.last(e).push(t),e}),[]);return a.createElement("ul",{className:s.a.grid},p.map((function(e,t){var r=o&&!!e.find((function(e){return o.id===e.id&&e.isExpandableOption}));return a.createElement(a.Fragment,{key:t},a.createElement(f,Object.assign({subjects:e,hasSelectedBulk:n},i)),r&&a.createElement("li",{className:"".concat(s.a.subgrid," m-0")},a.createElement(m,Object.assign({subjects:o.children,hasSelectedBulk:n},i))))})))}},1310:function(e,t,n){"use strict";var a=n(1288);n.d(t,"a",(function(){return a.a}));n(1313),n(1301);var r=n(1293);n.d(t,"c",(function(){return r.a}));var c=n(1275);n.d(t,"b",(function(){return c.a}))},1311:function(e,t,n){e.exports={grid:"G_RXX",subgrid:"_38ohZ"}},1314:function(e,t,n){e.exports={stickyFooter:"_3s0oA",nonStickyFooter:"_2k_n0"}},1320:function(e,t,n){"use strict";n.d(t,"a",(function(){return l}));var a=n(0),r=n.n(a),c=n(354);function l(e){var t=e.on&&!e.disabled?"on":"",n=e.disabled?"disabled":"",a=e.hideOutline?"outline-none":"";return r.a.createElement(c.a,{onClick:function(){e.disabled||e.onClick.apply(e,arguments)},className:"".concat("d-inline-block float-right align-top custom-toggle toggle-option"," ").concat(t," ").concat(n," ").concat(a)},r.a.createElement("span",{className:"handle"}))}},1371:function(e,t,n){"use strict";var a;n.d(t,"a",(function(){return a})),function(e){e[e.Permanent=0]="Permanent",e[e.Temporary=1]="Temporary"}(a||(a={}))},1479:function(e,t,n){"use strict";n.d(t,"a",(function(){return u}));var a=n(0),r=n(1311),c=n.n(r),l=n(1480),i=n.n(l);function u(e){var t="grid"===e.style?c.a.grid:i.a.partialSubjectList;return a.createElement("ul",{className:t},Array(e.count).fill(null).map((function(e,t){return a.createElement("li",{key:t,className:"".concat(i.a.partialSubject," partial-loading-background")})})))}},1480:function(e,t,n){e.exports={partialSubject:"_1rrH2",partialSubjectList:"_15Qdz"}},1941:function(e,t,n){"use strict";n.r(t),n.d(t,"SubjectPreferencesView",(function(){return _}));var a=n(0),r=n(36),c=n(76),l=n(20),i=n(4),u=n(77),o=n(9),s=n(1469),d=n(1296),f=n(55),m=n(33),b=n(1320),p=n(1289),v=n(1301),h=n(1479),E=n(1288),S=n(1471),g=n(249),y=n(375),j=n(374),k=n(68),x=n(1371),w=n(1336);function O(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,r=!1,c=void 0;try{for(var l,i=e[Symbol.iterator]();!(a=(l=i.next()).done)&&(n.push(l.value),!t||n.length!==t);a=!0);}catch(e){r=!0,c=e}finally{try{a||null==i.return||i.return()}finally{if(r)throw c}}return n}(e,t)||A(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 C(e){return function(e){if(Array.isArray(e))return N(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||A(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 A(e,t){if(e){if("string"==typeof e)return N(e,t);var n=Object.prototype.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)?N(e,t):void 0}}function N(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var B="subjects.subjectPreferencesView";function _(e){var t,n=e.redirectUrl,A=O(a.useState(0),2)[1],N=O(a.useState([]),2),_=N[0],L=N[1],P=O(a.useState(null),2),F=P[0],I=P[1],H=O(a.useState(null),2),U=H[0],M=H[1],D=O(a.useState(!_.length),2),T=D[0],R=D[1],X=O(a.useState(!1),2),z=X[0],G=X[1],Q=l.a.useBasicFetch(k.a.currentUser()),V=l.a.useBasicFetch(d.a.allSubjectPreferences()),Y=Object(s.a)(),q=l.a.useBasicFetch(Q.statusCode?y.a.setting(Q.data.id,j.a.BulkOnboardingPreferencesState):null),J=Object(c.useDispatch)(),$=Object(g.a)(),K=w.a.hasBulkSelectedSubjects(U);function W(){A((function(e){return 1===e&&(G(!1),i.a.AppLinkHelper.trigger(w.a.buildAppLink("summary",n))),e-1}))}function Z(){A(0),G(!1),R(!1),$.error(o.a.getPhrase(B,"error"))}function ee(){var e=null;switch(U){case S.a.None:default:e=S.a.AllSubjects;break;case S.a.AllSubjects:e=S.a.None;break;case S.a.AllLevels:e=S.a.AllSubjectsAndAllLevels;break;case S.a.AllSubjectsAndAllLevels:e=S.a.AllLevels}M(e),I(null),l.a.fetch(J,y.a.updateSetting(Q.data.id,j.a.BulkOnboardingPreferencesState,e,x.a.Permanent))}a.useEffect((function(){var e;(null===(e=Y.data)||void 0===e?void 0:e.length)?L(u.a.uniq([].concat(C(_),C(Y.data.map((function(e){return e.id})))))):L([])}),[Y.data]),a.useEffect((function(){q.data&&!U&&M(q.data.value)}),[null===(t=q.data)||void 0===t?void 0:t.value]),a.useEffect((function(){R(!_.length&&!K)}),[_,K]);var te=function(e){if(!(null==e?void 0:e.length))return[];var t=[];return e.forEach((function(e){e.children&&e.children.length?t.push(Object.assign(Object.assign({},e),{isExpandableOption:!0,children:[Object.assign({},e)].concat(C(e.children))})):t.push(Object.assign({},e))})),t}(V.data);return a.createElement(f.a.Provider,{value:B},a.createElement(p.a.Provider,{value:{selectedSubjects:_,expandedSubject:F}},a.createElement("form",{className:"p-3 pb-5"},a.createElement("div",{className:"position-relative"},a.createElement("div",{className:"text-center mb-4"},a.createElement("h1",{className:"mb-3"},a.createElement(f.b,{phrase:"heading"})),a.createElement("p",{className:"m-0 h6"},a.createElement(f.b,{phrase:"infoRow1"})),a.createElement("p",{className:"h6"},a.createElement(f.b,{phrase:"infoRow2"}))),V.data&&Y.data?a.createElement(v.a,{subjects:te,onSelect:function(e){L(u.a.addOrRemoveImmutable(_,e.id))},onExpand:function(e){I(F&&F.id===e.id?null:e)},onCollapse:function(){I(null)},hasSelectedBulk:K}):a.createElement(h.a,{style:"grid",count:7})),a.createElement(E.a,null,a.createElement("div",null,a.createElement(m.a,{appLink:w.a.buildAppLink("levels",n),className:"btn btn-outline-dark"},a.createElement(f.b,{phrase:"back"}))),a.createElement("div",{className:"d-flex align-items-center justify-content-right"},a.createElement("div",{className:"d-flex mr-3"},a.createElement("p",{onClick:ee,className:"mr-2 mb-0 font-weight-bold"},a.createElement(f.b,{phrase:"allSubjects"})),a.createElement(b.a,{onClick:ee,on:K,hideOutline:!0})),a.createElement(r.Button,{variant:"dark",disabled:T,onClick:function(){var e;if(!T&&(_.length||K))if(Y.data&&Y.data.map((function(e){return e.id})).sort().toString()!==_.sort().toString()&&!K){A(0),G(!0),R(!0);var t=_.filter((function(e){var t;return!(null===(t=Y.data)||void 0===t?void 0:t.find((function(t){return t.id===e})))})),a=null===(e=Y.data)||void 0===e?void 0:e.filter((function(e){return!_.includes(e.id)}));(null==t?void 0:t.length)&&(A((function(e){return e+1})),l.a.fetch(J,d.a.followSubjects(t,W,Z))),(null==a?void 0:a.length)&&(A((function(e){return e+1})),l.a.fetch(J,d.a.unfollowSubjects(a.map((function(e){return e.id})),W,Z)))}else i.a.AppLinkHelper.trigger(w.a.buildAppLink("summary",n))}},z?a.createElement(r.Spinner,{as:"span",animation:"border",role:"status",size:"sm"}):a.createElement(f.b,{phrase:"next",options:{smartCount:_.length}})))))))}}}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[31],{1267:function(e,t,a){"use strict";var n,r=a(0),i=a(34),o=a(46),c=a(77),s=a(362),l=a(33),u=function(e){var t=e.breadcrumb,a=t.label,n=t.appLink,i=t.active;return r.createElement("li",{className:"breadcrumb-item".concat(i?" active":"")},i?r.createElement("strong",null,a):r.createElement(l.a,{appLink:n},a))},d=function(e){var t=e.breadcrumbs;return r.createElement("ol",{className:"breadcrumb m-0 p-0"},t.map((function(e,t){return r.createElement(u,{key:t,breadcrumb:e})})))};function m(e){return function(e){if(Array.isArray(e))return f(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||b(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 p(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(n=(o=c.next()).done)&&(a.push(o.value),!t||a.length!==t);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==c.return||c.return()}finally{if(r)throw i}}return a}(e,t)||b(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 b(e,t){if(e){if("string"==typeof e)return f(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?f(e,t):void 0}}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function g(e,t,a){return{label:e.name,appLink:t(e),active:a}}function v(e){var t=function(e,t){var a=e.currentItem,n=e.getItemAppLink,s=e.getParent,l=e.rootItem,u=e.data,d=e.subview,b=p(Object(r.useState)([]),2),f=b[0],v=b[1],y=null==u?void 0:u.map((function(e){return null==e?void 0:e.name})).join("-");r.useEffect((function(){if(!t&&!o.a.isEmpty(u)){var e=u.map((function(e,t){return g(e,n,t+1===u.length)}));l&&e.unshift(l),v(e)}}),[y,n]),r.useEffect((function(){if(t&&i.a.isFunction(s)){var e=[g(a,n,!0)];for(a=s(a);a;)e.unshift(g(a,n)),a=s(a);return l&&e.unshift(l),v(e)}}),[a,s,n,l]);var h=r.useRef({label:d,appLink:null,active:!0}).current;if(d){f.includes(h)||v([].concat(m(f),[h]));var E=f.filter((function(e){return e.active&&e!==h}));E.length&&(c.a.first(E).active=!1)}return f}(e,e.type===n.Dynamic);return r.createElement("nav",{"aria-label":"breadcrumb"},r.createElement(d,{breadcrumbs:t}))}a.d(t,"a",(function(){return n})),a.d(t,"b",(function(){return v})),a.d(t,"c",(function(){return y})),function(e){e[e.Static=0]="Static",e[e.Dynamic=1]="Dynamic"}(n||(n={}));var y=r.memo((function(e){var t=e.numItems,a=void 0===t?3:t;return r.createElement("nav",{"aria-label":"breadcrumb"},r.createElement("ol",{className:"breadcrumb m-0 p-0"},s.a.getPartialLoadingItems({numItems:a}).map((function(e,t){var a=e.width;return r.createElement("li",{key:t,className:"breadcrumb-item"},r.createElement("span",{className:"d-inline-block partial-loading-background",style:{width:a},dangerouslySetInnerHTML:{__html:" "}}))}))))}))},1272:function(e,t,a){"use strict";var n,r=a(9),i=a(194);!function(e){e[e.AddToPlaylist=0]="AddToPlaylist",e[e.RemoveFromPlaylist=1]="RemoveFromPlaylist",e[e.Share=2]="Share",e[e.EditDetails=3]="EditDetails",e[e.Download=4]="Download",e[e.Delete=5]="Delete",e[e.ViewCurriculumLinks=6]="ViewCurriculumLinks",e[e.CreateClip=7]="CreateClip",e[e.CreateInteractive=8]="CreateInteractive"}(n||(n={}));var o=a(102),c=a(15),s=a(16),l=a(125),u=a(1),d=a(7),m=a(10);function p(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}var b=function(e,t,a){var i,o=r.a.encloseNamespace("shared.utils"),l=t===c.a.XS,b={id:e.id};return p(i={},n.AddToPlaylist,{order:0,label:o("addToPlaylist"),button:!l,className:"btn btn-link",svgName:s.b.AddToPlaylists,appLink:{application:d.a.PLAYLISTS,action:m.a.Playlists.ADD_TO_PLAYLIST,args:[e.id]},analyticsOptions:Object.assign(Object.assign({},a),{actionType:u.UserAction.Associate,descriptor:u.AssocDescriptor.Playlist,workflowPhase:u.WorkflowPhase.Start}),analyticsData:b}),p(i,n.Share,{order:10,label:o("share"),svgName:s.b.Share2,appLink:{application:d.a.SHARE,action:m.a.Share.SHARE,args:[e.id],params:{entityType:"video"}},button:!l,className:"btn btn-link",analyticsOptions:Object.assign(Object.assign({},a),{actionType:u.UserAction.Share,workflowPhase:u.WorkflowPhase.Start}),analyticsData:b}),p(i,n.CreateInteractive,{order:20,label:o("createInteractive"),button:!1,analyticsOptions:Object.assign(Object.assign({},a),{actionType:u.UserAction.Create,entity:u.EntityType.Interactive,workflowPhase:u.WorkflowPhase.Start}),analyticsData:{videoId:e.id},appLink:{application:d.a.INTERACTIVES,action:m.a.Interactives.NEW_INTERACTIVE,args:[e.id]}}),p(i,n.CreateClip,{order:30,label:o("createClip"),button:!1,appLink:{application:d.a.DEFAULT,action:m.a.Default.CREATE_CLIP,args:[e.id]},analyticsOptions:Object.assign(Object.assign({},a),{actionType:u.UserAction.Create,entity:u.EntityType.Clip,workflowPhase:u.WorkflowPhase.Start}),analyticsData:{videoId:e.id}}),p(i,n.EditDetails,{order:40,label:o("editDetails"),button:!1,appLink:{application:d.a.DEFAULT,action:m.a.Default.EDIT_VIDEO,args:[e.id]},analyticsOptions:Object.assign(Object.assign({},a),{actionType:u.UserAction.Edit,workflowPhase:u.WorkflowPhase.Start}),analyticsData:b}),p(i,n.ViewCurriculumLinks,{order:50,label:o("viewCurriculumLinks"),button:!1,appLink:{application:d.a.DEFAULT,action:m.a.Default.VIEW_CURRICULUM_LINKS,args:[e.id]},analyticsOptions:Object.assign(Object.assign({},a),{actionType:u.UserAction.Click,workflowPhase:u.WorkflowPhase.Complete,descriptor:u.VideoActionDescriptor.ViewCurriculumLinks}),analyticsData:b}),p(i,n.Download,{order:60,label:o("download"),button:!1,appLink:{application:d.a.DEFAULT,action:m.a.Default.DOWNLOAD_VIDEO,args:[e.id]},analyticsOptions:Object.assign(Object.assign({},a),{actionType:u.UserAction.Download,workflowPhase:u.WorkflowPhase.Start}),analyticsData:b}),p(i,n.Delete,{order:70,label:o("delete"),button:!1,appLink:{application:d.a.DEFAULT,action:m.a.Default.DELETE_VIDEO,args:[e.id]},className:"btn btn-link text-danger",analyticsOptions:Object.assign(Object.assign({},a),{actionType:u.UserAction.Delete,workflowPhase:u.WorkflowPhase.Start}),analyticsData:b}),i},f=a(1273),g=a.n(f);function v(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}a.d(t,"a",(function(){return y})),a.d(t,"b",(function(){return k}));var y;!function(e){e[e.PlayPage=0]="PlayPage",e[e.VideoItem=1]="VideoItem"}(y||(y={}));var h=function(e,t){var a,i=r.a.encloseNamespace("liteShared.hooks"),o=t===c.a.XS,s={entity:u.EntityType.Video,location:u.LocationContext.VideoListItem},l=b(e,t,s);return Object.assign(Object.assign({},l),(v(a={},n.AddToPlaylist,Object.assign(Object.assign({},l[n.AddToPlaylist]),{label:o?i("addToPlaylist"):null})),v(a,n.Share,Object.assign(Object.assign({},l[n.Share]),{label:o?i("share"):null})),a))},E=function(e,t){var a,i=r.a.encloseNamespace("liteShared.hooks"),o=t===c.a.XS,l=t===c.a.SM||t===c.a.MD||o,d={entity:u.EntityType.Video,location:u.LocationContext.PlayPage},m=b(e,t,d);return Object.assign(Object.assign({},m),(v(a={},n.CreateInteractive,Object.assign(Object.assign({},m[n.CreateInteractive]),{order:l?20:0,label:i("makeInteractive"),svgName:s.b.CreateInteractive,className:"".concat(l?"":"btn btn-outline-dark mr-2"," ").concat(g.a.createInteractive),button:!l})),v(a,n.AddToPlaylist,Object.assign(Object.assign({},m[n.AddToPlaylist]),{order:l?0:10,className:o?"":"btn btn-outline-dark mr-2"})),v(a,n.Share,Object.assign(Object.assign({},m[n.Share]),{order:l?10:20,className:o?"":"btn btn-outline-dark mr-2"})),a))},k=function(e,t){var a=Object(i.a)().hasPermissions,r=Object(o.a)();return function(i){var o,c,s,u=function(e){switch(e){case y.PlayPage:return E;case y.VideoItem:default:return h}}(e)(i,r),d=[u[n.AddToPlaylist]];return a(l.a.ShareVideos)&&d.push(u[n.Share]),(null===(c=null===(o=i._curriculumLinks)||void 0===o?void 0:o.value)||void 0===c?void 0:c.length)&&d.push(u[n.ViewCurriculumLinks]),(null===(s=i.owner)||void 0===s?void 0:s.id)&&(null==t?void 0:t.id)&&i.owner.id.toString()===t.id.toString()&&(d.push(u[n.EditDetails]),d.push(u[n.Delete]),d.push(u[n.Download])),a(l.a.CreateClips)&&d.push(u[n.CreateClip]),a(l.a.CreateInteractives)&&d.push(u[n.CreateInteractive]),d}}},1273:function(e,t,a){e.exports={createInteractive:"_2ws_7"}},1276:function(e,t,a){"use strict";a.d(t,"a",(function(){return u}));var n=a(0),r=a.n(n),i=a(36),o=a(15),c=a(102),s=a(1279),l=a.n(s);function u(e){return r.a.createElement(r.a.Fragment,null,Array(e.numVideos).fill(null).map((function(t,a){return r.a.createElement(d,Object.assign({key:a},e))})))}function d(e){var t=Object(c.a)(),a=t===o.a.XS,n=t===o.a.SM||t===o.a.MD,s=e.withReordering&&!a;return r.a.createElement(i.Row,{className:"py-2"},r.a.createElement(i.Col,{xs:a?12:n?4:3,className:"flex-column align-items-flex-start mb-1"},r.a.createElement(i.Row,null,!!s&&r.a.createElement("div",{className:"d-flex align-items-center justify-content-center col-2"},r.a.createElement("div",{className:"partial-loading-background ".concat(l.a.partialDragHandle)})),r.a.createElement(i.Col,{xs:s?10:12},r.a.createElement("div",{className:"partial-loading-background rounded-lg ".concat(l.a.partialThumbnail)})))),r.a.createElement(i.Col,{xs:a?12:n?8:9},r.a.createElement("div",{className:"partial-loading-background ".concat(l.a.partialSeriesLink)}),r.a.createElement("div",{className:"partial-loading-background mb-1 ".concat(l.a.partialName)}),r.a.createElement("div",{className:"partial-loading-background ".concat(l.a.partialDescription)}),r.a.createElement("div",{className:"partial-loading-background ".concat(l.a.partialBadges)}),r.a.createElement("div",{className:"partial-loading-background ".concat(l.a.partialActions)})))}u.defaultProps={numVideos:15}},1277:function(e,t,a){"use strict";a.d(t,"a",(function(){return u}));var n=a(0),r=a(76),i=a(20),o=a(34);function c(e){return function(e){if(Array.isArray(e))return s(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return s(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return s(e,t)}(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 s(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}var l=function(e){return e&&e.data&&e.data.pagination&&e.data.pagination.cursors&&e.data.pagination.cursors.next};function u(e){return Object(r.useSelector)(Object(n.useMemo)((function(){return function(t){for(var a=e,n=o.a.isFunction(e)&&i.a.getResponse(t,a()),r=n&&n.isFetching,s=n&&n.shouldFetch,u=n&&n.data&&n.data.data,d=l(n);d&&(r=(n=i.a.getResponse(t,a(d))).isFetching,!n.shouldFetch);){var m=n.data&&n.data.data;m&&u.push.apply(u,c(m));var p=l(n);d=p===d?null:p}return{shouldInitialFetch:s,items:u,nextCursor:d,isFetching:r}}}),[e]))}},1279:function(e,t,a){e.exports={partialName:"_7KNC2",partialDescription:"Vk_wR",partialThumbnail:"_3peRZ",partialDragHandle:"_1F7_f"}},1280:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var n=a(0),r=a(34);function i(e,t,a){var i=function(){a||(window.innerHeight+document.documentElement.scrollTop<document.documentElement.scrollHeight-400||e())};Object(n.useEffect)((function(){var e=r.a.throttle(i,200);return t&&window.addEventListener("scroll",e),function(){return window.removeEventListener("scroll",e)}}),[t,e])}},1281:function(e,t,a){"use strict";a.d(t,"a",(function(){return l}));var n=a(0),r=a(36),i=a(26),o=a(16),c=a(1282),s=a.n(c);function l(e){return n.createElement("div",{className:"p-3 text-center ".concat(s.a.container)},e.isFetching?n.createElement(r.Spinner,{as:"span",animation:"border",role:"status",className:s.a.spinner}):n.createElement(i.a,{svgName:o.b.ChevronDown,className:"svg-container cursor-pointer",size:i.b.Large,onClick:e.onClick}))}},1282:function(e,t,a){e.exports={container:"_1_KC6",spinner:"VXlcl"}},1303:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(0),r=a(1277),i=a(1280);function o(e,t){var a=t,o=Object(r.a)(e&&function(t){return e(t).key});return Object(i.a)((function(){return t&&a(o.nextCursor)}),!!o.nextCursor,o.isFetching),Object(n.useEffect)((function(){o.shouldInitialFetch&&t&&a()}),[o.shouldInitialFetch,t]),{items:o.items,hasMore:!!o.nextCursor,isFetching:o.isFetching}}},1321:function(e,t,a){"use strict";var n=a(0),r=a(9),i=a(26),o=a(33),c=a(16);function s(e){var t=e.backToName,a=e.appLink,s=e.color,l=e.extraClasses,u=t?r.a.getPhrase("shared.backButton","backTo",{backToName:t}):r.a.getPhrase("shared.backButton","back"),d="black"===s?"":"text-white";return n.createElement(o.a,{appLink:a,className:"d-inline-flex text-shadow align-items-center h5 mb-0 ".concat(l," ").concat(d)},n.createElement(i.a,{svgName:c.b.ChevronLeft,size:i.b.Medium}),n.createElement("span",{className:"ml-1"},u))}s.defaultProps={color:"black",extraClasses:""};var l=a(84),u=a(40),d=a(358),m=a(1328),p=a.n(m);a.d(t,"a",(function(){return b})),a.d(t,"b",(function(){return f}));var b=n.memo((function(e){var t=e.heading,a=e.banner,r=e.imageCdnUrl,i=e.actions,o=e.sortComponent,c=e.blockColourClass,m=l.a.createBannerUrl(a,{fallbackBaseUrl:r,fallbackCategoryName:t,type:u.c.Banners},{size:u.b.Large,resizeType:u.d.Cover}),b={className:"banner banner-header",style:{backgroundImage:"url('".concat(m,"')")}};return!a&&c&&(delete b.style,b.className+=" ".concat(c)),n.createElement("div",Object.assign({},b),e.backButtonAppLink&&n.createElement("div",{className:"pt-3"},n.createElement(s,{appLink:e.backButtonAppLink,backToName:e.backButtonText,extraClasses:e.backButtonClasses,color:"white"})),n.createElement("h1",{className:"".concat(p.a.text," text-white text-shadow position-absolute mb-3 clamp-2")},t),!!i&&n.createElement("div",{className:p.a.actionsContainer},n.createElement(d.a,{actions:i,sortComponent:o,actionsDropdownClassName:e.actionsDropdownClassName})))}),(function(e,t){return e.actions===t.actions})),f=function(){return n.createElement("div",{className:"partial-banner partial-loading-background"})}},1328:function(e,t,a){e.exports={actionsContainer:"_286KF",text:"_3TSgh"}},1356:function(e,t,a){"use strict";a.d(t,"a",(function(){return s}));var n=a(104),r=a(260),i=function(e){return"{gateway}/v1/objects/".concat(e,"?query=").concat(r.a.SERIES)},o=function(e,t,a){return"{gateway}/v1/objects/".concat(e,"/videos?query=").concat(n.b.VideoCollectionWithAssocs(t,!0)).concat(function(e){return e?"&cursor=".concat(e):""}(a))},c=function(e){return"/api/domain/v1/subjects/".concat(e,"/path")},s={series:function(e){return{url:i(e),key:"series:".concat(e)}},seriesVideos:function(e,t){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return{url:o(e,t,a),key:"series:".concat(e,":videos:").concat(a)}},breadcrumbs:function(e){if(e)return{url:c(e),key:"series:".concat(e,":breadcrumbs")}}}},1911:function(e,t,a){"use strict";a.r(t),a.d(t,"SeriesView",(function(){return R}));var n=a(0),r=a(76),i=a(20),o=a(9),c=a(4),s=a(47),l=a(355),u=a(77),d=a(37),m=a(1),p=a(68),b=a(171),f=a(311),g=a(1321),v=a(1267),y=a(364),h=a(1276),E=a(16),k=a(249),w=a(125),S=a(194),O=a(99),A=a(1356),C=a(10),I=a(7),j=a(254),D=a(1272),T=a(361),N=a(1303),L=a(1281),P=a(224);function F(e){return function(e){if(Array.isArray(e))return x(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return x(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return x(e,t)}(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 x(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}var V=o.a.encloseNamespace("shared.series"),U=function(e){return{application:I.a.SUBJECT,action:C.a.Subjects.CLASSIFICATION,args:[e.id,s.a.slugify(e.name)]}},_=function(e){return[{label:o.a.getPhrase("shared.series","share"),appLink:e&&{application:I.a.SHARE,action:C.a.Share.SHARE,args:[e.id],params:{entityType:"series"}},svgName:E.b.Share,className:"btn btn-outline-dark mr-2",button:!0}]};function R(e){var t,a,E=Object(r.useDispatch)(),x=Object(k.a)(),R=Object(S.a)().hasPermissions,B=i.a.useBasicFetch(b.a.config()),M=i.a.useBasicFetch(p.a.currentUser()),H=i.a.useBasicFetch(A.a.series(e.id));Object(l.a)(null===(t=H.data)||void 0===t?void 0:t.name);var W,X,z=Object(D.b)(D.a.VideoItem,M.data),J=i.a.useBasicFetch(e.classificationId&&A.a.breadcrumbs(e.classificationId)),K=function(t){var a;return A.a.seriesVideos(e.id,null===(a=M.data)||void 0===a?void 0:a.id,t)},Y=function(e){return i.a.getFetch(E,K(e))()},$=Object(N.a)(!!M.data&&K,Y),q=$.items,Z=$.hasMore,G=$.isFetching;function Q(e,t,a){i.a.fetch(E,f.a.updateIsVideoFavourited(e,M.data,t,(function(){d.a.logUserAction({id:e.id},{entity:m.EntityType.Video,actionType:m.UserAction.Favourite,descriptor:t?m.ToggleDescriptor.On:m.ToggleDescriptor.Off,location:m.LocationContext.VideoThumbnail,workflowPhase:m.WorkflowPhase.Complete}),x.success(o.a.getPhrase("shared.series",t?"favourited":"unfavourited",{video:e.name}))}),a))}return H.hasError?(c.a.ErrorHelper.throw(new j.a),n.createElement(n.Fragment,null)):n.createElement(T.a.Provider,{value:z},n.createElement("div",{className:"px-3"},B.data&&H.data?n.createElement(g.a,{heading:V("series",{seriesName:H.data.name}),banner:H.data.banner,imageCdnUrl:B.data.imageCdnUrl,backButtonAppLink:function(){if(e.classificationId){if(!J.data)return null;var t=s.a.slugify(u.a.last(J.data).name);return{application:I.a.SUBJECT,action:C.a.Subjects.CLASSIFICATION,args:[e.classificationId,t]}}return{application:I.a.DASHBOARD,action:C.a.Dashboard.HOME}}(),backButtonText:e.classificationId?J.data?u.a.last(J.data).name:null:o.a.getPhrase("shared.series","discover"),actions:_(H.data)}):n.createElement(g.b,null),n.createElement("div",null,n.createElement("div",{className:"border-bottom py-3 mb-3"},!H.data||e.classificationId&&!J.data?n.createElement(v.c,null):n.createElement(v.b,{currentItem:H.data,type:v.a.Static,getItemAppLink:U,data:J.data?[].concat(F(J.data),[H.data]):[H.data],rootItem:{label:V("dashboard"),appLink:{application:I.a.DASHBOARD,action:C.a.Dashboard.HOME}}}),(null===(a=H.data)||void 0===a?void 0:a.description)&&n.createElement("p",{className:"pt-2 mb-0"},H.data.description)),q?n.createElement(n.Fragment,null,n.createElement(y.c,{videos:q,getVideoAppLink:(X=e.id,function(e){var t={context:P.a.Series,contextId:X};return O.a.getVideoProgress(e)&&(t.t=Math.floor(O.a.getVideoProgress(e))),{application:I.a.DEFAULT,action:C.a.Default.PLAY_VIDEO,args:[e.id,s.a.slugify(e.name)],params:t}}),getSeriesAppLink:(W=e.classificationId?{classificationId:e.classificationId}:null,function(e){return{application:I.a.DEFAULT,action:C.a.Default.SERIES,args:[e.id,s.a.slugify(e.name)],params:W||null}}),setFavourite:Q,hideFavouriteButton:!R(w.a.FavouriteVideos)}),Z&&n.createElement(L.a,{onClick:Y,isFetching:G})):n.createElement(h.a,null))))}}}]);
|
|
1
|
+
(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[30],{1267:function(e,t,a){"use strict";var n,r=a(0),i=a(34),o=a(46),c=a(77),s=a(362),l=a(33),u=function(e){var t=e.breadcrumb,a=t.label,n=t.appLink,i=t.active;return r.createElement("li",{className:"breadcrumb-item".concat(i?" active":"")},i?r.createElement("strong",null,a):r.createElement(l.a,{appLink:n},a))},d=function(e){var t=e.breadcrumbs;return r.createElement("ol",{className:"breadcrumb m-0 p-0"},t.map((function(e,t){return r.createElement(u,{key:t,breadcrumb:e})})))};function m(e){return function(e){if(Array.isArray(e))return f(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||b(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 p(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(n=(o=c.next()).done)&&(a.push(o.value),!t||a.length!==t);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==c.return||c.return()}finally{if(r)throw i}}return a}(e,t)||b(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 b(e,t){if(e){if("string"==typeof e)return f(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?f(e,t):void 0}}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function g(e,t,a){return{label:e.name,appLink:t(e),active:a}}function v(e){var t=function(e,t){var a=e.currentItem,n=e.getItemAppLink,s=e.getParent,l=e.rootItem,u=e.data,d=e.subview,b=p(Object(r.useState)([]),2),f=b[0],v=b[1],y=null==u?void 0:u.map((function(e){return null==e?void 0:e.name})).join("-");r.useEffect((function(){if(!t&&!o.a.isEmpty(u)){var e=u.map((function(e,t){return g(e,n,t+1===u.length)}));l&&e.unshift(l),v(e)}}),[y,n]),r.useEffect((function(){if(t&&i.a.isFunction(s)){var e=[g(a,n,!0)];for(a=s(a);a;)e.unshift(g(a,n)),a=s(a);return l&&e.unshift(l),v(e)}}),[a,s,n,l]);var h=r.useRef({label:d,appLink:null,active:!0}).current;if(d){f.includes(h)||v([].concat(m(f),[h]));var E=f.filter((function(e){return e.active&&e!==h}));E.length&&(c.a.first(E).active=!1)}return f}(e,e.type===n.Dynamic);return r.createElement("nav",{"aria-label":"breadcrumb"},r.createElement(d,{breadcrumbs:t}))}a.d(t,"a",(function(){return n})),a.d(t,"b",(function(){return v})),a.d(t,"c",(function(){return y})),function(e){e[e.Static=0]="Static",e[e.Dynamic=1]="Dynamic"}(n||(n={}));var y=r.memo((function(e){var t=e.numItems,a=void 0===t?3:t;return r.createElement("nav",{"aria-label":"breadcrumb"},r.createElement("ol",{className:"breadcrumb m-0 p-0"},s.a.getPartialLoadingItems({numItems:a}).map((function(e,t){var a=e.width;return r.createElement("li",{key:t,className:"breadcrumb-item"},r.createElement("span",{className:"d-inline-block partial-loading-background",style:{width:a},dangerouslySetInnerHTML:{__html:" "}}))}))))}))},1272:function(e,t,a){"use strict";var n,r=a(9),i=a(194);!function(e){e[e.AddToPlaylist=0]="AddToPlaylist",e[e.RemoveFromPlaylist=1]="RemoveFromPlaylist",e[e.Share=2]="Share",e[e.EditDetails=3]="EditDetails",e[e.Download=4]="Download",e[e.Delete=5]="Delete",e[e.ViewCurriculumLinks=6]="ViewCurriculumLinks",e[e.CreateClip=7]="CreateClip",e[e.CreateInteractive=8]="CreateInteractive"}(n||(n={}));var o=a(102),c=a(15),s=a(16),l=a(125),u=a(1),d=a(7),m=a(10);function p(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}var b=function(e,t,a){var i,o=r.a.encloseNamespace("shared.utils"),l=t===c.a.XS,b={id:e.id};return p(i={},n.AddToPlaylist,{order:0,label:o("addToPlaylist"),button:!l,className:"btn btn-link",svgName:s.b.AddToPlaylists,appLink:{application:d.a.PLAYLISTS,action:m.a.Playlists.ADD_TO_PLAYLIST,args:[e.id]},analyticsOptions:Object.assign(Object.assign({},a),{actionType:u.UserAction.Associate,descriptor:u.AssocDescriptor.Playlist,workflowPhase:u.WorkflowPhase.Start}),analyticsData:b}),p(i,n.Share,{order:10,label:o("share"),svgName:s.b.Share2,appLink:{application:d.a.SHARE,action:m.a.Share.SHARE,args:[e.id],params:{entityType:"video"}},button:!l,className:"btn btn-link",analyticsOptions:Object.assign(Object.assign({},a),{actionType:u.UserAction.Share,workflowPhase:u.WorkflowPhase.Start}),analyticsData:b}),p(i,n.CreateInteractive,{order:20,label:o("createInteractive"),button:!1,analyticsOptions:Object.assign(Object.assign({},a),{actionType:u.UserAction.Create,entity:u.EntityType.Interactive,workflowPhase:u.WorkflowPhase.Start}),analyticsData:{videoId:e.id},appLink:{application:d.a.INTERACTIVES,action:m.a.Interactives.NEW_INTERACTIVE,args:[e.id]}}),p(i,n.CreateClip,{order:30,label:o("createClip"),button:!1,appLink:{application:d.a.DEFAULT,action:m.a.Default.CREATE_CLIP,args:[e.id]},analyticsOptions:Object.assign(Object.assign({},a),{actionType:u.UserAction.Create,entity:u.EntityType.Clip,workflowPhase:u.WorkflowPhase.Start}),analyticsData:{videoId:e.id}}),p(i,n.EditDetails,{order:40,label:o("editDetails"),button:!1,appLink:{application:d.a.DEFAULT,action:m.a.Default.EDIT_VIDEO,args:[e.id]},analyticsOptions:Object.assign(Object.assign({},a),{actionType:u.UserAction.Edit,workflowPhase:u.WorkflowPhase.Start}),analyticsData:b}),p(i,n.ViewCurriculumLinks,{order:50,label:o("viewCurriculumLinks"),button:!1,appLink:{application:d.a.DEFAULT,action:m.a.Default.VIEW_CURRICULUM_LINKS,args:[e.id]},analyticsOptions:Object.assign(Object.assign({},a),{actionType:u.UserAction.Click,workflowPhase:u.WorkflowPhase.Complete,descriptor:u.VideoActionDescriptor.ViewCurriculumLinks}),analyticsData:b}),p(i,n.Download,{order:60,label:o("download"),button:!1,appLink:{application:d.a.DEFAULT,action:m.a.Default.DOWNLOAD_VIDEO,args:[e.id]},analyticsOptions:Object.assign(Object.assign({},a),{actionType:u.UserAction.Download,workflowPhase:u.WorkflowPhase.Start}),analyticsData:b}),p(i,n.Delete,{order:70,label:o("delete"),button:!1,appLink:{application:d.a.DEFAULT,action:m.a.Default.DELETE_VIDEO,args:[e.id]},className:"btn btn-link text-danger",analyticsOptions:Object.assign(Object.assign({},a),{actionType:u.UserAction.Delete,workflowPhase:u.WorkflowPhase.Start}),analyticsData:b}),i},f=a(1273),g=a.n(f);function v(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}a.d(t,"a",(function(){return y})),a.d(t,"b",(function(){return k}));var y;!function(e){e[e.PlayPage=0]="PlayPage",e[e.VideoItem=1]="VideoItem"}(y||(y={}));var h=function(e,t){var a,i=r.a.encloseNamespace("liteShared.hooks"),o=t===c.a.XS,s={entity:u.EntityType.Video,location:u.LocationContext.VideoListItem},l=b(e,t,s);return Object.assign(Object.assign({},l),(v(a={},n.AddToPlaylist,Object.assign(Object.assign({},l[n.AddToPlaylist]),{label:o?i("addToPlaylist"):null})),v(a,n.Share,Object.assign(Object.assign({},l[n.Share]),{label:o?i("share"):null})),a))},E=function(e,t){var a,i=r.a.encloseNamespace("liteShared.hooks"),o=t===c.a.XS,l=t===c.a.SM||t===c.a.MD||o,d={entity:u.EntityType.Video,location:u.LocationContext.PlayPage},m=b(e,t,d);return Object.assign(Object.assign({},m),(v(a={},n.CreateInteractive,Object.assign(Object.assign({},m[n.CreateInteractive]),{order:l?20:0,label:i("makeInteractive"),svgName:s.b.CreateInteractive,className:"".concat(l?"":"btn btn-outline-dark mr-2"," ").concat(g.a.createInteractive),button:!l})),v(a,n.AddToPlaylist,Object.assign(Object.assign({},m[n.AddToPlaylist]),{order:l?0:10,className:o?"":"btn btn-outline-dark mr-2"})),v(a,n.Share,Object.assign(Object.assign({},m[n.Share]),{order:l?10:20,className:o?"":"btn btn-outline-dark mr-2"})),a))},k=function(e,t){var a=Object(i.a)().hasPermissions,r=Object(o.a)();return function(i){var o,c,s,u=function(e){switch(e){case y.PlayPage:return E;case y.VideoItem:default:return h}}(e)(i,r),d=[u[n.AddToPlaylist]];return a(l.a.ShareVideos)&&d.push(u[n.Share]),(null===(c=null===(o=i._curriculumLinks)||void 0===o?void 0:o.value)||void 0===c?void 0:c.length)&&d.push(u[n.ViewCurriculumLinks]),(null===(s=i.owner)||void 0===s?void 0:s.id)&&(null==t?void 0:t.id)&&i.owner.id.toString()===t.id.toString()&&(d.push(u[n.EditDetails]),d.push(u[n.Delete]),d.push(u[n.Download])),a(l.a.CreateClips)&&d.push(u[n.CreateClip]),a(l.a.CreateInteractives)&&d.push(u[n.CreateInteractive]),d}}},1273:function(e,t,a){e.exports={createInteractive:"_2ws_7"}},1276:function(e,t,a){"use strict";a.d(t,"a",(function(){return u}));var n=a(0),r=a.n(n),i=a(36),o=a(15),c=a(102),s=a(1279),l=a.n(s);function u(e){return r.a.createElement(r.a.Fragment,null,Array(e.numVideos).fill(null).map((function(t,a){return r.a.createElement(d,Object.assign({key:a},e))})))}function d(e){var t=Object(c.a)(),a=t===o.a.XS,n=t===o.a.SM||t===o.a.MD,s=e.withReordering&&!a;return r.a.createElement(i.Row,{className:"py-2"},r.a.createElement(i.Col,{xs:a?12:n?4:3,className:"flex-column align-items-flex-start mb-1"},r.a.createElement(i.Row,null,!!s&&r.a.createElement("div",{className:"d-flex align-items-center justify-content-center col-2"},r.a.createElement("div",{className:"partial-loading-background ".concat(l.a.partialDragHandle)})),r.a.createElement(i.Col,{xs:s?10:12},r.a.createElement("div",{className:"partial-loading-background rounded-lg ".concat(l.a.partialThumbnail)})))),r.a.createElement(i.Col,{xs:a?12:n?8:9},r.a.createElement("div",{className:"partial-loading-background ".concat(l.a.partialSeriesLink)}),r.a.createElement("div",{className:"partial-loading-background mb-1 ".concat(l.a.partialName)}),r.a.createElement("div",{className:"partial-loading-background ".concat(l.a.partialDescription)}),r.a.createElement("div",{className:"partial-loading-background ".concat(l.a.partialBadges)}),r.a.createElement("div",{className:"partial-loading-background ".concat(l.a.partialActions)})))}u.defaultProps={numVideos:15}},1277:function(e,t,a){"use strict";a.d(t,"a",(function(){return u}));var n=a(0),r=a(76),i=a(20),o=a(34);function c(e){return function(e){if(Array.isArray(e))return s(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return s(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return s(e,t)}(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 s(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}var l=function(e){return e&&e.data&&e.data.pagination&&e.data.pagination.cursors&&e.data.pagination.cursors.next};function u(e){return Object(r.useSelector)(Object(n.useMemo)((function(){return function(t){for(var a=e,n=o.a.isFunction(e)&&i.a.getResponse(t,a()),r=n&&n.isFetching,s=n&&n.shouldFetch,u=n&&n.data&&n.data.data,d=l(n);d&&(r=(n=i.a.getResponse(t,a(d))).isFetching,!n.shouldFetch);){var m=n.data&&n.data.data;m&&u.push.apply(u,c(m));var p=l(n);d=p===d?null:p}return{shouldInitialFetch:s,items:u,nextCursor:d,isFetching:r}}}),[e]))}},1279:function(e,t,a){e.exports={partialName:"_7KNC2",partialDescription:"Vk_wR",partialThumbnail:"_3peRZ",partialDragHandle:"_1F7_f"}},1280:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var n=a(0),r=a(34);function i(e,t,a){var i=function(){a||(window.innerHeight+document.documentElement.scrollTop<document.documentElement.scrollHeight-400||e())};Object(n.useEffect)((function(){var e=r.a.throttle(i,200);return t&&window.addEventListener("scroll",e),function(){return window.removeEventListener("scroll",e)}}),[t,e])}},1281:function(e,t,a){"use strict";a.d(t,"a",(function(){return l}));var n=a(0),r=a(36),i=a(26),o=a(16),c=a(1282),s=a.n(c);function l(e){return n.createElement("div",{className:"p-3 text-center ".concat(s.a.container)},e.isFetching?n.createElement(r.Spinner,{as:"span",animation:"border",role:"status",className:s.a.spinner}):n.createElement(i.a,{svgName:o.b.ChevronDown,className:"svg-container cursor-pointer",size:i.b.Large,onClick:e.onClick}))}},1282:function(e,t,a){e.exports={container:"_1_KC6",spinner:"VXlcl"}},1303:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(0),r=a(1277),i=a(1280);function o(e,t){var a=t,o=Object(r.a)(e&&function(t){return e(t).key});return Object(i.a)((function(){return t&&a(o.nextCursor)}),!!o.nextCursor,o.isFetching),Object(n.useEffect)((function(){o.shouldInitialFetch&&t&&a()}),[o.shouldInitialFetch,t]),{items:o.items,hasMore:!!o.nextCursor,isFetching:o.isFetching}}},1321:function(e,t,a){"use strict";var n=a(0),r=a(9),i=a(26),o=a(33),c=a(16);function s(e){var t=e.backToName,a=e.appLink,s=e.color,l=e.extraClasses,u=t?r.a.getPhrase("shared.backButton","backTo",{backToName:t}):r.a.getPhrase("shared.backButton","back"),d="black"===s?"":"text-white";return n.createElement(o.a,{appLink:a,className:"d-inline-flex text-shadow align-items-center h5 mb-0 ".concat(l," ").concat(d)},n.createElement(i.a,{svgName:c.b.ChevronLeft,size:i.b.Medium}),n.createElement("span",{className:"ml-1"},u))}s.defaultProps={color:"black",extraClasses:""};var l=a(84),u=a(40),d=a(358),m=a(1328),p=a.n(m);a.d(t,"a",(function(){return b})),a.d(t,"b",(function(){return f}));var b=n.memo((function(e){var t=e.heading,a=e.banner,r=e.imageCdnUrl,i=e.actions,o=e.sortComponent,c=e.blockColourClass,m=l.a.createBannerUrl(a,{fallbackBaseUrl:r,fallbackCategoryName:t,type:u.c.Banners},{size:u.b.Large,resizeType:u.d.Cover}),b={className:"banner banner-header",style:{backgroundImage:"url('".concat(m,"')")}};return!a&&c&&(delete b.style,b.className+=" ".concat(c)),n.createElement("div",Object.assign({},b),e.backButtonAppLink&&n.createElement("div",{className:"pt-3"},n.createElement(s,{appLink:e.backButtonAppLink,backToName:e.backButtonText,extraClasses:e.backButtonClasses,color:"white"})),n.createElement("h1",{className:"".concat(p.a.text," text-white text-shadow position-absolute mb-3 clamp-2")},t),!!i&&n.createElement("div",{className:p.a.actionsContainer},n.createElement(d.a,{actions:i,sortComponent:o,actionsDropdownClassName:e.actionsDropdownClassName})))}),(function(e,t){return e.actions===t.actions})),f=function(){return n.createElement("div",{className:"partial-banner partial-loading-background"})}},1328:function(e,t,a){e.exports={actionsContainer:"_286KF",text:"_3TSgh"}},1356:function(e,t,a){"use strict";a.d(t,"a",(function(){return s}));var n=a(104),r=a(260),i=function(e){return"{gateway}/v1/objects/".concat(e,"?query=").concat(r.a.SERIES)},o=function(e,t,a){return"{gateway}/v1/objects/".concat(e,"/videos?query=").concat(n.b.VideoCollectionWithAssocs(t,!0)).concat(function(e){return e?"&cursor=".concat(e):""}(a))},c=function(e){return"/api/domain/v1/subjects/".concat(e,"/path")},s={series:function(e){return{url:i(e),key:"series:".concat(e)}},seriesVideos:function(e,t){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return{url:o(e,t,a),key:"series:".concat(e,":videos:").concat(a)}},breadcrumbs:function(e){if(e)return{url:c(e),key:"series:".concat(e,":breadcrumbs")}}}},1911:function(e,t,a){"use strict";a.r(t),a.d(t,"SeriesView",(function(){return R}));var n=a(0),r=a(76),i=a(20),o=a(9),c=a(4),s=a(47),l=a(355),u=a(77),d=a(37),m=a(1),p=a(68),b=a(171),f=a(311),g=a(1321),v=a(1267),y=a(364),h=a(1276),E=a(16),k=a(249),w=a(125),S=a(194),O=a(99),A=a(1356),C=a(10),I=a(7),j=a(254),D=a(1272),T=a(361),N=a(1303),L=a(1281),P=a(224);function F(e){return function(e){if(Array.isArray(e))return x(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return x(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return x(e,t)}(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 x(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}var V=o.a.encloseNamespace("shared.series"),U=function(e){return{application:I.a.SUBJECT,action:C.a.Subjects.CLASSIFICATION,args:[e.id,s.a.slugify(e.name)]}},_=function(e){return[{label:o.a.getPhrase("shared.series","share"),appLink:e&&{application:I.a.SHARE,action:C.a.Share.SHARE,args:[e.id],params:{entityType:"series"}},svgName:E.b.Share,className:"btn btn-outline-dark mr-2",button:!0}]};function R(e){var t,a,E=Object(r.useDispatch)(),x=Object(k.a)(),R=Object(S.a)().hasPermissions,B=i.a.useBasicFetch(b.a.config()),M=i.a.useBasicFetch(p.a.currentUser()),H=i.a.useBasicFetch(A.a.series(e.id));Object(l.a)(null===(t=H.data)||void 0===t?void 0:t.name);var W,X,z=Object(D.b)(D.a.VideoItem,M.data),J=i.a.useBasicFetch(e.classificationId&&A.a.breadcrumbs(e.classificationId)),K=function(t){var a;return A.a.seriesVideos(e.id,null===(a=M.data)||void 0===a?void 0:a.id,t)},Y=function(e){return i.a.getFetch(E,K(e))()},$=Object(N.a)(!!M.data&&K,Y),q=$.items,Z=$.hasMore,G=$.isFetching;function Q(e,t,a){i.a.fetch(E,f.a.updateIsVideoFavourited(e,M.data,t,(function(){d.a.logUserAction({id:e.id},{entity:m.EntityType.Video,actionType:m.UserAction.Favourite,descriptor:t?m.ToggleDescriptor.On:m.ToggleDescriptor.Off,location:m.LocationContext.VideoThumbnail,workflowPhase:m.WorkflowPhase.Complete}),x.success(o.a.getPhrase("shared.series",t?"favourited":"unfavourited",{video:e.name}))}),a))}return H.hasError?(c.a.ErrorHelper.throw(new j.a),n.createElement(n.Fragment,null)):n.createElement(T.a.Provider,{value:z},n.createElement("div",{className:"px-3"},B.data&&H.data?n.createElement(g.a,{heading:V("series",{seriesName:H.data.name}),banner:H.data.banner,imageCdnUrl:B.data.imageCdnUrl,backButtonAppLink:function(){if(e.classificationId){if(!J.data)return null;var t=s.a.slugify(u.a.last(J.data).name);return{application:I.a.SUBJECT,action:C.a.Subjects.CLASSIFICATION,args:[e.classificationId,t]}}return{application:I.a.DASHBOARD,action:C.a.Dashboard.HOME}}(),backButtonText:e.classificationId?J.data?u.a.last(J.data).name:null:o.a.getPhrase("shared.series","discover"),actions:_(H.data)}):n.createElement(g.b,null),n.createElement("div",null,n.createElement("div",{className:"border-bottom py-3 mb-3"},!H.data||e.classificationId&&!J.data?n.createElement(v.c,null):n.createElement(v.b,{currentItem:H.data,type:v.a.Static,getItemAppLink:U,data:J.data?[].concat(F(J.data),[H.data]):[H.data],rootItem:{label:V("dashboard"),appLink:{application:I.a.DASHBOARD,action:C.a.Dashboard.HOME}}}),(null===(a=H.data)||void 0===a?void 0:a.description)&&n.createElement("p",{className:"pt-2 mb-0"},H.data.description)),q?n.createElement(n.Fragment,null,n.createElement(y.c,{videos:q,getVideoAppLink:(X=e.id,function(e){var t={context:P.a.Series,contextId:X};return O.a.getVideoProgress(e)&&(t.t=Math.floor(O.a.getVideoProgress(e))),{application:I.a.DEFAULT,action:C.a.Default.PLAY_VIDEO,args:[e.id,s.a.slugify(e.name)],params:t}}),getSeriesAppLink:(W=e.classificationId?{classificationId:e.classificationId}:null,function(e){return{application:I.a.DEFAULT,action:C.a.Default.SERIES,args:[e.id,s.a.slugify(e.name)],params:W||null}}),setFavourite:Q,hideFavouriteButton:!R(w.a.FavouriteVideos)}),Z&&n.createElement(L.a,{onClick:Y,isFetching:G})):n.createElement(h.a,null))))}}}]);
|