@clickview/lite 0.0.25-rc.0 → 0.0.25

package/dist/scripts/18-33efcac0c6.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[18],{1267:function(e,t,n){e.exports={levelList:"_3ClyO",imageContainer:"_2I-AB"}},1324:function(e,t,n){"use strict";n.r(t);var a=n(0),r=n(61),c=n(33),l=n(14),i=n(2),s=n(127),u=n(7),o=n(879),d=n(73),m=n(872),f=n(912),b=n(958),p=n(51),v=n(875),h=n(1001),g=n(824),E=n(248),y=n(154),x=n(957),k=n(250),S=n(898),j=n(1267),C=n.n(j);function w(e){return function(e){if(Array.isArray(e))return O(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 N(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 A(e,t){if(e){if("string"==typeof e)return O(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)?O(e,t):void 0}}function O(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}n.d(t,"LevelPreferencesView",(function(){return B}));function B(e){var t,n=e.redirectUrl,j=N(a.useState(0),2)[1],A=N(a.useState([]),2),O=A[0],B=A[1],L=N(a.useState(!O.length),2),I=L[0],P=L[1],_=N(a.useState(!1),2),F=_[0],D=_[1],H=N(a.useState(null),2),M=H[0],U=H[1],T=l.a.useBasicFetch(y.a.currentUser()),X=l.a.useBasicFetch(o.a.allLevelPreferences()),G=l.a.useBasicFetch(o.a.myLevelPreferences()),K=l.a.useBasicFetch(o.a.availablePresentations()),R=l.a.useBasicFetch(T.statusCode?x.a.setting(T.data.id,E.a.HasCompletedOnboarding):null),W=l.a.useBasicFetch(T.statusCode?x.a.setting(T.data.id,E.a.BulkOnboardingPreferencesState):null),q=Object(r.useDispatch)(),z=Object(g.a)(),J=S.a.hasBulkSelectedLevels(M);function Q(e){var t=s.a.addOrRemoveImmutable(O,e.masterId);B(t)}function V(){j((function(e){return 1===e&&(D(!1),i.a.AppLinkHelper.trigger(S.a.buildAppLink("subjects",n))),e-1}))}function Y(){j(0),D(!1),P(!1),z.error(u.a.getPhrase("subjects.levelPreferences","error"))}function Z(){var e,t=null;switch(null===(e=W.data)||void 0===e?void 0:e.value){case h.a.None:default:t=h.a.AllLevels;break;case h.a.AllLevels:t=h.a.None;break;case h.a.AllSubjects:t=h.a.AllSubjectsAndAllLevels;break;case h.a.AllSubjectsAndAllLevels:t=h.a.AllSubjects}S.a.hasBulkSelectedLevels(t)&&B([]),U(t),l.a.fetch(q,x.a.updateSetting(T.data.id,E.a.BulkOnboardingPreferencesState,t,k.a.Permanent))}a.useEffect((function(){var e;if(null===(e=G.data)||void 0===e?void 0:e.length){var t=G.data.map((function(e){return e.masterId}));B(s.a.uniq([].concat(w(O),w(t))))}else B([])}),[G.data]),a.useEffect((function(){W.data&&!M&&U(W.data.value)}),[null===(t=W.data)||void 0===t?void 0:t.value]),a.useEffect((function(){P(!J&&!O.length)}),[O,J]);var $=function(){var e;if(null===(e=R.data)||void 0===e?void 0:e.value)return null;var t=S.a.hasManyPresentationTypes(K.data),a=t.hasManyCurriculumPresentations,r=t.hasManySubjectPresentations;return a?S.a.buildAppLink("curriculum",n):r?S.a.buildAppLink("school-level",n):S.a.buildAppLink("welcome",n)}();return a.createElement(d.a.Provider,{value:"subjects.levelPreferences"},a.createElement("form",{className:"p-3"},a.createElement("div",{className:"position-relative"},a.createElement("div",{className:"text-center mb-3"},a.createElement("h1",{className:"mb-3"},a.createElement(d.b,{phrase:"heading"})),a.createElement("p",{className:"h6"},a.createElement(d.b,{phrase:"info"}))),X.data?a.createElement("ul",{className:"d-flex flex-wrap justify-content-center mx-auto mb-0 pl-0 py-3 ".concat(C.a.levelList)},X.data.map((function(e){return a.createElement(f.a,{key:e.masterId,audience:e,highlight:O.includes(e.masterId),setAudience:Q,extraClasses:"h4 py-1 px-3 mx-1 mb-1",isDisabled:J})}))):a.createElement("div",{className:"w-33 mx-auto py-3"},a.createElement(b.a,{align:"center"}))),a.createElement("div",{className:"mx-auto ".concat(C.a.imageContainer)},a.createElement("img",{className:"img-fluid",src:"/images/onboarding/year-levels.png",alt:"",role:"presentation"})),a.createElement(m.a,{justify:$?"between":"end"},!!$&&a.createElement("div",null,a.createElement(p.a,{appLink:$,className:"btn btn-light"},a.createElement(d.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:Z,className:"mr-2 mb-0 font-weight-bold"},a.createElement(d.b,{phrase:"allLevels"})),a.createElement(v.a,{onClick:Z,on:J,hideOutline:!0})),a.createElement(c.Button,{variant:"dark",disabled:I,onClick:function(){var e,t,a;if(O.length||J)if(G.data&&G.data.map((function(e){return e.masterId})).sort().toString()!==O.sort().toString()){j(0),D(!0),P(!0);var r=O.filter((function(e){var t;return!(null===(t=G.data)||void 0===t?void 0:t.find((function(t){return t.masterId===e})))})),c=null===(e=G.data)||void 0===e?void 0:e.filter((function(e){return!O.includes(e.masterId)}));(null===(t=r)||void 0===t?void 0:t.length)&&(j((function(e){return e+1})),l.a.fetch(q,o.a.followLevels(r,V,Y))),(null===(a=c)||void 0===a?void 0:a.length)&&(j((function(e){return e+1})),l.a.fetch(q,o.a.unfollowLevels(c.map((function(e){return e.masterId})),V,Y)))}else i.a.AppLinkHelper.trigger(S.a.buildAppLink("subjects",n))}},F?a.createElement(c.Spinner,{as:"span",animation:"border",role:"status",size:"sm"}):a.createElement(d.b,{phrase:"next"}))))))}},824:function(e,t,n){"use strict";n.d(t,"a",(function(){return l}));var a=n(153),r=n(48),c=n(52),l=function(){var e=Object(a.a)(c.a.ALERT);return{success:function(t){e.success(t)()},error:function(t){e.error(t)()},warning:function(t){e.createAlert({type:r.a.Warning,heading:r.c.Warning,message:t})}}}},825:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(0);function r(e){return a.createElement("div",{role:"button",tabIndex:0,className:"".concat(e.className?e.className:""," cursor-pointer"),onKeyDown:function(t){return"Enter"===t.key&&e.onClick(t)},onClick:e.onClick,style:e.style?e.style:{}},e.children)}},841:function(e,t,n){"use strict";var a=n(0),r=n.n(a),c=n(55),l=n(13),i=n(857),s=n.n(i),u=function(e){return e.selectedChildrenCount?a.createElement("div",{className:"".concat(s.a.itemStatus," ").concat(s.a.green)},e.selectedChildrenCount):a.createElement(a.Fragment,null)},o=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(s.a.itemStatus," ").concat(e.selected?s.a.green:s.a.unchecked)},t)};function d(e){var t,n="".concat(s.a.expandCaret," ").concat(e.expand?s.a.up:s.a.down);return r.a.createElement("li",{className:(t=s.a.preferenceItem,e.extraClasses&&(t+=" "+e.extraClasses),e.isDisabled&&(t+=" "+s.a.disabled),e.isSelected&&!e.isExpandable&&(t+=" "+s.a.selected),e.hideStatus&&(t+=" "+s.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(s.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(u,{selectedChildrenCount:e.selectedChildCount}):r.a.createElement(o,{selected:e.isSelected,radioButton:e.radioButton}))))}n.d(t,"a",(function(){return d}))},855:function(e,t,n){"use strict";n.d(t,"a",(function(){return s}));var a=n(0),r=n(45),c=n(236),l=n(883),i=n.n(l);function s(e){var t=Object(c.a)(),n=t===r.a.SM||t===r.a.XS?"w-100":"w-75",l="justify-content-".concat(e.justify);return a.createElement("div",{className:"".concat(n," ").concat(l," ").concat(i.a.preferenceFooter," d-flex px-3")},e.children)}s.defaultProps={justify:"between"}},856:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(0),r=Object(a.createContext)(void 0)},857: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"}},859:function(e,t,n){"use strict";n.d(t,"a",(function(){return u}));var a=n(0),r=n(155),c=n(115),l=n(856),i=n(841),s=n(156);function u(e){var t,n,u,o,d=a.useContext(l.a),m=e.subject.cover?r.a.createUrl(e.subject.cover.url,{size:c.a.Small}):"",f=e.subject.isExpandableOption?e.subject.children.map((function(e){return e.id})):[],b=e.hasSelectedBulk?0:null===(n=null===(t=d)||void 0===t?void 0:t.selectedSubjects)||void 0===n?void 0:n.filter((function(e){return f.includes(e)})).length,p=a.createElement(i.a,{name:e.subject.name,imageUrl:m,onClick:e.onClick,isSelected:e.selected,isDisabled:e.disabled,isExpandable:e.subject.isExpandableOption,expand:(null===(o=null===(u=d)||void 0===u?void 0:u.expandedSubject)||void 0===o?void 0:o.id)===e.subject.id,selectedChildCount:b,extraClasses:e.extraClasses,hideStatus:e.hideStatus});return e.disabled?a.createElement("span",null,p):a.createElement(s.a,{title:e.subject.name},a.createElement("span",null,p))}},866:function(e,t,n){"use strict";n.d(t,"a",(function(){return f}));var a=n(0),r=n(127),c=n(45),l=n(236),i=n(872),s=n(856),u=n(873),o=n.n(u),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 m(e){var t=a.useContext(s.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(e){return l(t)},hasSelectedBulk:e.hasSelectedBulk})})))}function f(e){var t=e.subjects,n=e.hasSelectedBulk,i=d(e,["subjects","hasSelectedBulk"]),u=a.useContext(s.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:o.a.grid},p.map((function(e,t){var r=u&&!!e.find((function(e){return u.id===e.id&&e.isExpandableOption}));return a.createElement(a.Fragment,{key:t},a.createElement(m,Object.assign({subjects:e,hasSelectedBulk:n},i)),r&&a.createElement("li",{className:"".concat(o.a.subgrid," m-0")},a.createElement(f,Object.assign({subjects:u.children,hasSelectedBulk:n},i))))})))}},872:function(e,t,n){"use strict";var a=n(855);n.d(t,"a",(function(){return a.a}));n(880),n(866);var r=n(859);n.d(t,"c",(function(){return r.a}));var c=n(841);n.d(t,"b",(function(){return c.a}))},873:function(e,t,n){e.exports={grid:"G_RXX",subgrid:"_38ohZ"}},875:function(e,t,n){"use strict";n.d(t,"a",(function(){return l}));var a=n(0),r=n.n(a),c=n(825);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"}))}},883:function(e,t,n){e.exports={preferenceFooter:"P29kw"}},912:function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var a=n(0),r=n(935),c=n.n(r),l=n(35);function i(e){var t=e.audience,n=e.highlight,r=e.setAudience,i=e.isDisabled,s=e.extraClasses,u=function(e,t){return e?t?"".concat(c.a.disabledHighlighted," text-light"):"badge-info text-light":t?"".concat(c.a.disabled," text-muted"):"badge-light"}(n,i),o="badge-pill d-inline-block mr-1 ".concat(i?"cursor-default":"cursor-pointer"," ").concat(u," ").concat(s);return a.createElement("span",{className:o,onClick:function(){!i&&l.a.isFunction(r)&&r(t,!n)},role:"checkbox","aria-checked":n},t.name.split(" ").map((function(e){return e.charAt(0).toUpperCase()+e.substring(1)})).join(" "))}i.defaultProps={extraClasses:""}},935:function(e,t,n){e.exports={disabled:"_1KxF9",disabledHighlighted:"pbuec"}},958:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(0);function r(e){var t=e.width,n=void 0===t?90:t,r=e.height,c=void 0===r?35:r,l=e.count,i=void 0===l?5:l,s=e.align,u="center"===(void 0===s?"left":s)?"justify-content-center":"justify-content-start";return a.createElement("ul",{className:"d-flex flex-wrap pl-0 m-0 ".concat(u)},Array(i).fill(null).map((function(e,t){return a.createElement("li",{key:t,className:"partial-loading-background mx-1 mb-1 badge-pill list-unstyled",style:{height:"".concat(c,"px"),width:"".concat(n,"px")}})})))}}}]);

package/dist/scripts/18-5affadddcc.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[18],{1266:function(e,t,n){e.exports={levelList:"_3ClyO",imageContainer:"_2I-AB"}},1323:function(e,t,n){"use strict";n.r(t);var a=n(0),r=n(61),c=n(33),l=n(14),i=n(2),s=n(127),u=n(7),o=n(878),d=n(73),m=n(871),f=n(911),b=n(957),p=n(51),v=n(874),h=n(1e3),g=n(823),E=n(248),y=n(154),x=n(956),k=n(249),S=n(897),j=n(1266),C=n.n(j);function w(e){return function(e){if(Array.isArray(e))return O(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 N(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 A(e,t){if(e){if("string"==typeof e)return O(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)?O(e,t):void 0}}function O(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}n.d(t,"LevelPreferencesView",(function(){return B}));function B(e){var t,n=e.redirectUrl,j=N(a.useState(0),2)[1],A=N(a.useState([]),2),O=A[0],B=A[1],L=N(a.useState(!O.length),2),I=L[0],P=L[1],_=N(a.useState(!1),2),F=_[0],D=_[1],H=N(a.useState(null),2),M=H[0],U=H[1],T=l.a.useBasicFetch(y.a.currentUser()),X=l.a.useBasicFetch(o.a.allLevelPreferences()),G=l.a.useBasicFetch(o.a.myLevelPreferences()),K=l.a.useBasicFetch(o.a.availablePresentations()),R=l.a.useBasicFetch(T.statusCode?x.a.setting(T.data.id,E.a.HasCompletedOnboarding):null),W=l.a.useBasicFetch(T.statusCode?x.a.setting(T.data.id,E.a.BulkOnboardingPreferencesState):null),q=Object(r.useDispatch)(),z=Object(g.a)(),J=S.a.hasBulkSelectedLevels(M);function Q(e){var t=s.a.addOrRemoveImmutable(O,e.masterId);B(t)}function V(){j((function(e){return 1===e&&(D(!1),i.a.AppLinkHelper.trigger(S.a.buildAppLink("subjects",n))),e-1}))}function Y(){j(0),D(!1),P(!1),z.error(u.a.getPhrase("subjects.levelPreferences","error"))}function Z(){var e,t=null;switch(null===(e=W.data)||void 0===e?void 0:e.value){case h.a.None:default:t=h.a.AllLevels;break;case h.a.AllLevels:t=h.a.None;break;case h.a.AllSubjects:t=h.a.AllSubjectsAndAllLevels;break;case h.a.AllSubjectsAndAllLevels:t=h.a.AllSubjects}S.a.hasBulkSelectedLevels(t)&&B([]),U(t),l.a.fetch(q,x.a.updateSetting(T.data.id,E.a.BulkOnboardingPreferencesState,t,k.a.Permanent))}a.useEffect((function(){var e;if(null===(e=G.data)||void 0===e?void 0:e.length){var t=G.data.map((function(e){return e.masterId}));B(s.a.uniq([].concat(w(O),w(t))))}else B([])}),[G.data]),a.useEffect((function(){W.data&&!M&&U(W.data.value)}),[null===(t=W.data)||void 0===t?void 0:t.value]),a.useEffect((function(){P(!J&&!O.length)}),[O,J]);var $=function(){var e;if(null===(e=R.data)||void 0===e?void 0:e.value)return null;var t=S.a.hasManyPresentationTypes(K.data),a=t.hasManyCurriculumPresentations,r=t.hasManySubjectPresentations;return a?S.a.buildAppLink("curriculum",n):r?S.a.buildAppLink("school-level",n):S.a.buildAppLink("welcome",n)}();return a.createElement(d.a.Provider,{value:"subjects.levelPreferences"},a.createElement("form",{className:"p-3"},a.createElement("div",{className:"position-relative"},a.createElement("div",{className:"text-center mb-3"},a.createElement("h1",{className:"mb-3"},a.createElement(d.b,{phrase:"heading"})),a.createElement("p",{className:"h6"},a.createElement(d.b,{phrase:"info"}))),X.data?a.createElement("ul",{className:"d-flex flex-wrap justify-content-center mx-auto mb-0 pl-0 py-3 ".concat(C.a.levelList)},X.data.map((function(e){return a.createElement(f.a,{key:e.masterId,audience:e,highlight:O.includes(e.masterId),setAudience:Q,extraClasses:"h4 py-1 px-3 mx-1 mb-1",isDisabled:J})}))):a.createElement("div",{className:"w-33 mx-auto py-3"},a.createElement(b.a,{align:"center"}))),a.createElement("div",{className:"mx-auto ".concat(C.a.imageContainer)},a.createElement("img",{className:"img-fluid",src:"/images/onboarding/year-levels.png",alt:"",role:"presentation"})),a.createElement(m.a,{justify:$?"between":"end"},!!$&&a.createElement("div",null,a.createElement(p.a,{appLink:$,className:"btn btn-light"},a.createElement(d.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:Z,className:"mr-2 mb-0 font-weight-bold"},a.createElement(d.b,{phrase:"allLevels"})),a.createElement(v.a,{onClick:Z,on:J,hideOutline:!0})),a.createElement(c.Button,{variant:"dark",disabled:I,onClick:function(){var e,t,a;if(O.length||J)if(G.data&&G.data.map((function(e){return e.masterId})).sort().toString()!==O.sort().toString()){j(0),D(!0),P(!0);var r=O.filter((function(e){var t;return!(null===(t=G.data)||void 0===t?void 0:t.find((function(t){return t.masterId===e})))})),c=null===(e=G.data)||void 0===e?void 0:e.filter((function(e){return!O.includes(e.masterId)}));(null===(t=r)||void 0===t?void 0:t.length)&&(j((function(e){return e+1})),l.a.fetch(q,o.a.followLevels(r,V,Y))),(null===(a=c)||void 0===a?void 0:a.length)&&(j((function(e){return e+1})),l.a.fetch(q,o.a.unfollowLevels(c.map((function(e){return e.masterId})),V,Y)))}else i.a.AppLinkHelper.trigger(S.a.buildAppLink("subjects",n))}},F?a.createElement(c.Spinner,{as:"span",animation:"border",role:"status",size:"sm"}):a.createElement(d.b,{phrase:"next"}))))))}},823:function(e,t,n){"use strict";n.d(t,"a",(function(){return l}));var a=n(153),r=n(48),c=n(52),l=function(){var e=Object(a.a)(c.a.ALERT);return{success:function(t){e.success(t)()},error:function(t){e.error(t)()},warning:function(t){e.createAlert({type:r.a.Warning,heading:r.c.Warning,message:t})}}}},824:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(0);function r(e){return a.createElement("div",{role:"button",tabIndex:0,className:"".concat(e.className?e.className:""," cursor-pointer"),onKeyDown:function(t){return"Enter"===t.key&&e.onClick(t)},onClick:e.onClick,style:e.style?e.style:{}},e.children)}},840:function(e,t,n){"use strict";var a=n(0),r=n.n(a),c=n(55),l=n(13),i=n(856),s=n.n(i),u=function(e){return e.selectedChildrenCount?a.createElement("div",{className:"".concat(s.a.itemStatus," ").concat(s.a.green)},e.selectedChildrenCount):a.createElement(a.Fragment,null)},o=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(s.a.itemStatus," ").concat(e.selected?s.a.green:s.a.unchecked)},t)};function d(e){var t,n="".concat(s.a.expandCaret," ").concat(e.expand?s.a.up:s.a.down);return r.a.createElement("li",{className:(t=s.a.preferenceItem,e.extraClasses&&(t+=" "+e.extraClasses),e.isDisabled&&(t+=" "+s.a.disabled),e.isSelected&&!e.isExpandable&&(t+=" "+s.a.selected),e.hideStatus&&(t+=" "+s.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(s.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(u,{selectedChildrenCount:e.selectedChildCount}):r.a.createElement(o,{selected:e.isSelected,radioButton:e.radioButton}))))}n.d(t,"a",(function(){return d}))},854:function(e,t,n){"use strict";n.d(t,"a",(function(){return s}));var a=n(0),r=n(45),c=n(236),l=n(882),i=n.n(l);function s(e){var t=Object(c.a)(),n=t===r.a.SM||t===r.a.XS?"w-100":"w-75",l="justify-content-".concat(e.justify);return a.createElement("div",{className:"".concat(n," ").concat(l," ").concat(i.a.preferenceFooter," d-flex px-3")},e.children)}s.defaultProps={justify:"between"}},855:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(0),r=Object(a.createContext)(void 0)},856: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"}},858:function(e,t,n){"use strict";n.d(t,"a",(function(){return u}));var a=n(0),r=n(155),c=n(115),l=n(855),i=n(840),s=n(156);function u(e){var t,n,u,o,d=a.useContext(l.a),m=e.subject.cover?r.a.createUrl(e.subject.cover.url,{size:c.a.Small}):"",f=e.subject.isExpandableOption?e.subject.children.map((function(e){return e.id})):[],b=e.hasSelectedBulk?0:null===(n=null===(t=d)||void 0===t?void 0:t.selectedSubjects)||void 0===n?void 0:n.filter((function(e){return f.includes(e)})).length,p=a.createElement(i.a,{name:e.subject.name,imageUrl:m,onClick:e.onClick,isSelected:e.selected,isDisabled:e.disabled,isExpandable:e.subject.isExpandableOption,expand:(null===(o=null===(u=d)||void 0===u?void 0:u.expandedSubject)||void 0===o?void 0:o.id)===e.subject.id,selectedChildCount:b,extraClasses:e.extraClasses,hideStatus:e.hideStatus});return e.disabled?a.createElement("span",null,p):a.createElement(s.a,{title:e.subject.name},a.createElement("span",null,p))}},865:function(e,t,n){"use strict";n.d(t,"a",(function(){return f}));var a=n(0),r=n(127),c=n(45),l=n(236),i=n(871),s=n(855),u=n(872),o=n.n(u),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 m(e){var t=a.useContext(s.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(e){return l(t)},hasSelectedBulk:e.hasSelectedBulk})})))}function f(e){var t=e.subjects,n=e.hasSelectedBulk,i=d(e,["subjects","hasSelectedBulk"]),u=a.useContext(s.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:o.a.grid},p.map((function(e,t){var r=u&&!!e.find((function(e){return u.id===e.id&&e.isExpandableOption}));return a.createElement(a.Fragment,{key:t},a.createElement(m,Object.assign({subjects:e,hasSelectedBulk:n},i)),r&&a.createElement("li",{className:"".concat(o.a.subgrid," m-0")},a.createElement(f,Object.assign({subjects:u.children,hasSelectedBulk:n},i))))})))}},871:function(e,t,n){"use strict";var a=n(854);n.d(t,"a",(function(){return a.a}));n(879),n(865);var r=n(858);n.d(t,"c",(function(){return r.a}));var c=n(840);n.d(t,"b",(function(){return c.a}))},872:function(e,t,n){e.exports={grid:"G_RXX",subgrid:"_38ohZ"}},874:function(e,t,n){"use strict";n.d(t,"a",(function(){return l}));var a=n(0),r=n.n(a),c=n(824);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"}))}},882:function(e,t,n){e.exports={preferenceFooter:"P29kw"}},911:function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var a=n(0),r=n(934),c=n.n(r),l=n(35);function i(e){var t=e.audience,n=e.highlight,r=e.setAudience,i=e.isDisabled,s=e.extraClasses,u=function(e,t){return e?t?"".concat(c.a.disabledHighlighted," text-light"):"badge-info text-light":t?"".concat(c.a.disabled," text-muted"):"badge-light"}(n,i),o="badge-pill d-inline-block mr-1 ".concat(i?"cursor-default":"cursor-pointer"," ").concat(u," ").concat(s);return a.createElement("span",{className:o,onClick:function(){!i&&l.a.isFunction(r)&&r(t,!n)},role:"checkbox","aria-checked":n},t.name.split(" ").map((function(e){return e.charAt(0).toUpperCase()+e.substring(1)})).join(" "))}i.defaultProps={extraClasses:""}},934:function(e,t,n){e.exports={disabled:"_1KxF9",disabledHighlighted:"pbuec"}},957:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(0);function r(e){var t=e.width,n=void 0===t?90:t,r=e.height,c=void 0===r?35:r,l=e.count,i=void 0===l?5:l,s=e.align,u="center"===(void 0===s?"left":s)?"justify-content-center":"justify-content-start";return a.createElement("ul",{className:"d-flex flex-wrap pl-0 m-0 ".concat(u)},Array(i).fill(null).map((function(e,t){return a.createElement("li",{key:t,className:"partial-loading-background mx-1 mb-1 badge-pill list-unstyled",style:{height:"".concat(c,"px"),width:"".concat(n,"px")}})})))}}}]);

package/dist/scripts/18-69049350eb.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[18],{1253:function(e,t,n){e.exports={levelList:"_3ClyO",imageContainer:"_2I-AB"}},1309:function(e,t,n){"use strict";n.r(t);var a=n(0),r=n(60),c=n(36),l=n(14),i=n(2),s=n(125),u=n(7),o=n(870),d=n(76),m=n(864),f=n(904),b=n(948),p=n(50),v=n(867),h=n(991),g=n(815),E=n(244),y=n(153),x=n(947),S=n(245),k=n(890),j=n(1253),C=n.n(j);function w(e){return function(e){if(Array.isArray(e))return A(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||N(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 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)||N(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 N(e,t){if(e){if("string"==typeof e)return A(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)?A(e,t):void 0}}function A(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}n.d(t,"LevelPreferencesView",(function(){return L}));function L(e){var t,n=e.redirectUrl,j=O(a.useState(0),2)[1],N=O(a.useState([]),2),A=N[0],L=N[1],B=O(a.useState(!A.length),2),I=B[0],P=B[1],_=O(a.useState(!1),2),F=_[0],M=_[1],X=O(a.useState(null),2),D=X[0],H=X[1],U=l.a.useBasicFetch(y.a.currentUser()),G=l.a.useBasicFetch(o.a.allLevelPreferences()),T=l.a.useBasicFetch(o.a.myLevelPreferences()),K=l.a.useBasicFetch(o.a.availablePresentations()),R=l.a.useBasicFetch(U.statusCode?x.a.setting(U.data.id,E.a.HasCompletedOnboarding):null),W=l.a.useBasicFetch(U.statusCode?x.a.setting(U.data.id,E.a.BulkOnboardingPreferencesState):null),q=Object(r.useDispatch)(),z=Object(g.a)(),J=k.a.hasBulkSelectedLevels(D);function Q(e){var t=s.a.addOrRemoveImmutable(A,e.masterId);L(t)}function V(){j((function(e){return 1===e&&(M(!1),i.a.AppLinkHelper.trigger(k.a.buildAppLink("subjects",n))),e-1}))}function Y(){j(0),M(!1),P(!1),z.error(u.a.getPhrase("subjects.levelPreferences","error"))}function Z(){var e,t=null;switch(null===(e=W.data)||void 0===e?void 0:e.value){case h.a.None:default:t=h.a.AllLevels;break;case h.a.AllLevels:t=h.a.None;break;case h.a.AllSubjects:t=h.a.AllSubjectsAndAllLevels;break;case h.a.AllSubjectsAndAllLevels:t=h.a.AllSubjects}k.a.hasBulkSelectedLevels(t)&&L([]),H(t),l.a.fetch(q,x.a.updateSetting(U.data.id,E.a.BulkOnboardingPreferencesState,t,S.a.Permanent))}a.useEffect((function(){var e;if(null===(e=T.data)||void 0===e?void 0:e.length){var t=T.data.map((function(e){return e.masterId}));L(s.a.uniq([].concat(w(A),w(t))))}else L([])}),[T.data]),a.useEffect((function(){W.data&&!D&&H(W.data.value)}),[null===(t=W.data)||void 0===t?void 0:t.value]),a.useEffect((function(){P(!J&&!A.length)}),[A,J]);var $=function(){var e;if(null===(e=R.data)||void 0===e?void 0:e.value)return null;var t=k.a.hasManyPresentationTypes(K.data),a=t.hasManyCurriculumPresentations,r=t.hasManySubjectPresentations;return a?k.a.buildAppLink("curriculum",n):r?k.a.buildAppLink("school-level",n):k.a.buildAppLink("welcome",n)}();return a.createElement(d.a.Provider,{value:"subjects.levelPreferences"},a.createElement("form",{className:"p-3"},a.createElement("div",{className:"position-relative"},a.createElement("div",{className:"text-center mb-3"},a.createElement("h1",{className:"mb-3"},a.createElement(d.b,{phrase:"heading"})),a.createElement("p",{className:"h6"},a.createElement(d.b,{phrase:"info"}))),G.data?a.createElement("ul",{className:"d-flex flex-wrap justify-content-center mx-auto mb-0 pl-0 py-3 ".concat(C.a.levelList)},G.data.map((function(e){return a.createElement(f.a,{key:e.masterId,audience:e,highlight:A.includes(e.masterId),setAudience:Q,extraClasses:"h4 py-1 px-3 mx-1 mb-1",isDisabled:J})}))):a.createElement("div",{className:"w-33 mx-auto py-3"},a.createElement(b.a,{align:"center"}))),a.createElement("div",{className:"mx-auto ".concat(C.a.imageContainer)},a.createElement("img",{className:"img-fluid",src:"/images/onboarding/year-levels.png",alt:"",role:"presentation"})),a.createElement(m.a,{justify:$?"between":"end"},!!$&&a.createElement("div",null,a.createElement(p.a,{appLink:$,className:"btn btn-light"},a.createElement(d.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:Z,className:"mr-2 mb-0 font-weight-bold"},a.createElement(d.b,{phrase:"allLevels"})),a.createElement(v.a,{onClick:Z,on:J,hideOutline:!0})),a.createElement(c.Button,{variant:"dark",disabled:I,onClick:function(){var e,t,a;if(A.length||J)if(T.data&&T.data.map((function(e){return e.masterId})).sort().toString()!==A.sort().toString()){j(0),M(!0),P(!0);var r=A.filter((function(e){var t;return!(null===(t=T.data)||void 0===t?void 0:t.find((function(t){return t.masterId===e})))})),c=null===(e=T.data)||void 0===e?void 0:e.filter((function(e){return!A.includes(e.masterId)}));(null===(t=r)||void 0===t?void 0:t.length)&&(j((function(e){return e+1})),l.a.fetch(q,o.a.followLevels(r,V,Y))),(null===(a=c)||void 0===a?void 0:a.length)&&(j((function(e){return e+1})),l.a.fetch(q,o.a.unfollowLevels(c.map((function(e){return e.masterId})),V,Y)))}else i.a.AppLinkHelper.trigger(k.a.buildAppLink("subjects",n))}},F?a.createElement(c.Spinner,{as:"span",animation:"border",role:"status",size:"sm"}):a.createElement(d.b,{phrase:"next"}))))))}},815:function(e,t,n){"use strict";n.d(t,"a",(function(){return l}));var a=n(152),r=n(46),c=n(55),l=function(){var e=Object(a.a)(c.a.ALERT);return{success:function(t){e.success(t)()},error:function(t){e.error(t)()},warning:function(t){e.createAlert({type:r.a.Warning,heading:r.c.Warning,message:t})}}}},816:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(0);function r(e){return a.createElement("div",{role:"button",tabIndex:0,className:"".concat(e.className?e.className:""," cursor-pointer"),onKeyDown:function(t){return"Enter"===t.key&&e.onClick(t)},onClick:e.onClick,style:e.style?e.style:{}},e.children)}},828:function(e,t,n){"use strict";n.d(t,"a",(function(){return c}));var a=n(150),r=n(151);function c(){var e=Object(r.a)(a.a.XS),t=Object(r.a)(a.a.SM),n=Object(r.a)(a.a.MD),c=Object(r.a)(a.a.LG),l=Object(r.a)(a.a.XL),i=Object(r.a)(a.a.XXL),s=a.a.LG;return e&&(s=a.a.XS),t&&(s=a.a.SM),n&&(s=a.a.MD),c&&(s=a.a.LG),l&&(s=a.a.XL),i&&(s=a.a.XXL),s}},832:function(e,t,n){"use strict";var a=n(0),r=n.n(a),c=n(52),l=n(13),i=n(844),s=n.n(i),u=function(e){return e.selectedChildrenCount?a.createElement("div",{className:"".concat(s.a.itemStatus," ").concat(s.a.green)},e.selectedChildrenCount):a.createElement(a.Fragment,null)},o=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(s.a.itemStatus," ").concat(e.selected?s.a.green:s.a.unchecked)},t)};function d(e){var t,n="".concat(s.a.expandCaret," ").concat(e.expand?s.a.up:s.a.down);return r.a.createElement("li",{className:(t=s.a.preferenceItem,e.extraClasses&&(t+=" "+e.extraClasses),e.isDisabled&&(t+=" "+s.a.disabled),e.isSelected&&!e.isExpandable&&(t+=" "+s.a.selected),e.hideStatus&&(t+=" "+s.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(s.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(u,{selectedChildrenCount:e.selectedChildCount}):r.a.createElement(o,{selected:e.isSelected,radioButton:e.radioButton}))))}n.d(t,"a",(function(){return d}))},842:function(e,t,n){"use strict";n.d(t,"a",(function(){return s}));var a=n(0),r=n(150),c=n(828),l=n(874),i=n.n(l);function s(e){var t=Object(c.a)(),n=t===r.a.SM||t===r.a.XS?"w-100":"w-75",l="justify-content-".concat(e.justify);return a.createElement("div",{className:"".concat(n," ").concat(l," ").concat(i.a.preferenceFooter," d-flex px-3")},e.children)}s.defaultProps={justify:"between"}},843:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(0),r=Object(a.createContext)(void 0)},844: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"}},848:function(e,t,n){"use strict";n.d(t,"a",(function(){return u}));var a=n(0),r=n(154),c=n(112),l=n(843),i=n(832),s=n(155);function u(e){var t,n,u,o,d=a.useContext(l.a),m=e.subject.cover?r.a.createUrl(e.subject.cover.url,{size:c.a.Small}):"",f=e.subject.isExpandableOption?e.subject.children.map((function(e){return e.id})):[],b=e.hasSelectedBulk?0:null===(n=null===(t=d)||void 0===t?void 0:t.selectedSubjects)||void 0===n?void 0:n.filter((function(e){return f.includes(e)})).length,p=a.createElement(i.a,{name:e.subject.name,imageUrl:m,onClick:e.onClick,isSelected:e.selected,isDisabled:e.disabled,isExpandable:e.subject.isExpandableOption,expand:(null===(o=null===(u=d)||void 0===u?void 0:u.expandedSubject)||void 0===o?void 0:o.id)===e.subject.id,selectedChildCount:b,extraClasses:e.extraClasses,hideStatus:e.hideStatus});return e.disabled?a.createElement("span",null,p):a.createElement(s.a,{title:e.subject.name},p)}},855:function(e,t,n){"use strict";n.d(t,"a",(function(){return f}));var a=n(0),r=n(125),c=n(150),l=n(828),i=n(864),s=n(843),u=n(865),o=n.n(u),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 m(e){var t=a.useContext(s.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(e){return l(t)},hasSelectedBulk:e.hasSelectedBulk})})))}function f(e){var t=e.subjects,n=e.hasSelectedBulk,i=d(e,["subjects","hasSelectedBulk"]),u=a.useContext(s.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:o.a.grid},p.map((function(e,t){var r=u&&!!e.find((function(e){return u.id===e.id&&e.isExpandableOption}));return a.createElement(a.Fragment,{key:t},a.createElement(m,Object.assign({subjects:e,hasSelectedBulk:n},i)),r&&a.createElement("li",{className:"".concat(o.a.subgrid," m-0")},a.createElement(f,Object.assign({subjects:u.children,hasSelectedBulk:n},i))))})))}},864:function(e,t,n){"use strict";var a=n(842);n.d(t,"a",(function(){return a.a}));n(871),n(855);var r=n(848);n.d(t,"c",(function(){return r.a}));var c=n(832);n.d(t,"b",(function(){return c.a}))},865:function(e,t,n){e.exports={grid:"G_RXX",subgrid:"_38ohZ"}},867:function(e,t,n){"use strict";n.d(t,"a",(function(){return l}));var a=n(0),r=n.n(a),c=n(816);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"}))}},874:function(e,t,n){e.exports={preferenceFooter:"P29kw"}},904:function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var a=n(0),r=n(923),c=n.n(r),l=n(34);function i(e){var t=e.audience,n=e.highlight,r=e.setAudience,i=e.isDisabled,s=e.extraClasses,u=function(e,t){return e?t?"".concat(c.a.disabledHighlighted," text-light"):"badge-info text-light":t?"".concat(c.a.disabled," text-muted"):"badge-light"}(n,i),o="badge-pill d-inline-block mr-1 ".concat(i?"cursor-default":"cursor-pointer"," ").concat(u," ").concat(s);return a.createElement("span",{className:o,onClick:function(){!i&&l.a.isFunction(r)&&r(t,!n)},role:"checkbox","aria-checked":n},t.name.split(" ").map((function(e){return e.charAt(0).toUpperCase()+e.substring(1)})).join(" "))}i.defaultProps={extraClasses:""}},923:function(e,t,n){e.exports={disabled:"_1KxF9",disabledHighlighted:"pbuec"}},948:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(0);function r(e){var t=e.width,n=void 0===t?90:t,r=e.height,c=void 0===r?35:r,l=e.count,i=void 0===l?5:l,s=e.align,u="center"===(void 0===s?"left":s)?"justify-content-center":"justify-content-start";return a.createElement("ul",{className:"d-flex flex-wrap pl-0 m-0 ".concat(u)},Array(i).fill(null).map((function(e,t){return a.createElement("li",{key:t,className:"partial-loading-background mx-1 mb-1 badge-pill list-unstyled",style:{height:"".concat(c,"px"),width:"".concat(n,"px")}})})))}}}]);

package/dist/scripts/18.chunk.js

@@ -0,0 +1,339 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[18],{
+
+/***/ "../../libs/shared/src/components/back-button/BackButton.tsx":
+/*!*******************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/back-button/BackButton.tsx ***!
+  \*******************************************************************************************************/
+/*! exports provided: BackButton */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BackButton", function() { return BackButton; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
+/* harmony import */ var _app_link_AppLink__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+/* harmony import */ var _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+
+
+
+
+
+var namespace = 'shared.backButton';
+BackButton.defaultProps = {
+  color: 'black',
+  extraClasses: ''
+};
+function BackButton(_ref) {
+  var backToName = _ref.backToName,
+      appLink = _ref.appLink,
+      color = _ref.color,
+      extraClasses = _ref.extraClasses;
+  var backPhrase = backToName ? _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, 'backTo', {
+    backToName: backToName
+  }) : _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, 'back');
+  var colorClass = color === 'black' ? '' : 'text-light';
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_app_link_AppLink__WEBPACK_IMPORTED_MODULE_3__["AppLink"], {
+    appLink: appLink,
+    className: "d-inline-flex align-items-center h5 mb-0 ".concat(extraClasses, " ").concat(colorClass)
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__["SvgContainer"], {
+    svgName: _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_4__["cvSvgLibrary"].ChevronLeft,
+    size: _svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__["SvgContainerSize"].Medium
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", {
+    className: 'ml-1'
+  }, backPhrase));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/banner-header/BannerHeader.tsx":
+/*!***********************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/banner-header/BannerHeader.tsx ***!
+  \***********************************************************************************************************/
+/*! exports provided: BannerHeader, PartialBannerHeader */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BannerHeader", function() { return BannerHeader; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PartialBannerHeader", function() { return PartialBannerHeader; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _back_button_BackButton__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../back-button/BackButton */ "../../libs/shared/src/components/back-button/BackButton.tsx");
+/* harmony import */ var _utils_ImageHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../utils/ImageHelper */ "../../libs/shared/src/utils/ImageHelper.ts");
+/* harmony import */ var _enums_Images__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../enums/Images */ "../../libs/shared/src/enums/Images.ts");
+/* harmony import */ var _actions_Actions__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../actions/Actions */ "../../libs/shared/src/components/actions/Actions.tsx");
+/* harmony import */ var _banner_header_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./banner-header.scss */ "../../libs/shared/src/components/banner-header/banner-header.scss");
+/* harmony import */ var _banner_header_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_banner_header_scss__WEBPACK_IMPORTED_MODULE_5__);
+
+
+
+
+
+
+var BannerHeader = react__WEBPACK_IMPORTED_MODULE_0__["memo"](function (props) {
+  var heading = props.heading,
+      banner = props.banner,
+      imageCdnUrl = props.imageCdnUrl,
+      actions = props.actions,
+      sortComponent = props.sortComponent;
+  var url = _utils_ImageHelper__WEBPACK_IMPORTED_MODULE_2__["ImageHelper"].createBannerUrl(banner, {
+    fallbackBaseUrl: imageCdnUrl,
+    fallbackCategoryName: heading,
+    type: _enums_Images__WEBPACK_IMPORTED_MODULE_3__["ImageType"].Banners
+  }, {
+    size: _enums_Images__WEBPACK_IMPORTED_MODULE_3__["ImageSize"].Large,
+    resizeType: _enums_Images__WEBPACK_IMPORTED_MODULE_3__["ResizeType"].Cover
+  });
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'banner-header',
+    style: {
+      backgroundImage: "url('".concat(url, "')")
+    }
+  }, props.backButtonAppLink && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'pt-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_back_button_BackButton__WEBPACK_IMPORTED_MODULE_1__["BackButton"], {
+    appLink: props.backButtonAppLink,
+    backToName: props.backButtonText,
+    extraClasses: props.backButtonClasses,
+    color: 'white'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h1", {
+    className: "".concat(_banner_header_scss__WEBPACK_IMPORTED_MODULE_5___default.a.text, " text-white text-shadow position-absolute mb-3 clamp-2")
+  }, heading), !!actions && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: _banner_header_scss__WEBPACK_IMPORTED_MODULE_5___default.a.actionsContainer
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_actions_Actions__WEBPACK_IMPORTED_MODULE_4__["Actions"], {
+    actions: actions,
+    sortComponent: sortComponent
+  })));
+}, function (prevProps, nextProps) {
+  return prevProps.actions === nextProps.actions;
+});
+var PartialBannerHeader = function PartialBannerHeader() {
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "partial-banner partial-loading-background"
+  });
+};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/banner-header/banner-header.scss":
+/*!*************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/banner-header/banner-header.scss ***!
+  \*************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"actionsContainer":"cv--actionsContainer--286KF","text":"cv--text--3TSgh"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/breadcrumbs/BreadcrumbList.tsx":
+/*!***********************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/breadcrumbs/BreadcrumbList.tsx ***!
+  \***********************************************************************************************************/
+/*! exports provided: BreadcrumbItem, BreadcrumbList */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BreadcrumbItem", function() { return BreadcrumbItem; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BreadcrumbList", function() { return BreadcrumbList; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _app_link_AppLink__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+
+
+var BreadcrumbItem = function BreadcrumbItem(_ref) {
+  var _ref$breadcrumb = _ref.breadcrumb,
+      label = _ref$breadcrumb.label,
+      appLink = _ref$breadcrumb.appLink,
+      active = _ref$breadcrumb.active;
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("li", {
+    className: "breadcrumb-item".concat(active ? ' active' : '')
+  }, active ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("strong", null, label) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_app_link_AppLink__WEBPACK_IMPORTED_MODULE_1__["AppLink"], {
+    appLink: appLink
+  }, label));
+};
+var BreadcrumbList = function BreadcrumbList(_ref2) {
+  var breadcrumbs = _ref2.breadcrumbs;
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("ol", {
+    className: 'breadcrumb m-0 p-0'
+  }, breadcrumbs.map(function (b, idx) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](BreadcrumbItem, {
+      key: idx,
+      breadcrumb: b
+    });
+  }));
+};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/breadcrumbs/Breadcrumbs.tsx":
+/*!********************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/breadcrumbs/Breadcrumbs.tsx ***!
+  \********************************************************************************************************/
+/*! exports provided: BreadcrumbType, Breadcrumbs, PartialBreadcrumbs */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BreadcrumbType", function() { return BreadcrumbType; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Breadcrumbs", function() { return Breadcrumbs; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PartialBreadcrumbs", function() { return PartialBreadcrumbs; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../common/src/backbone/utils/FunctionHelper */ "../../libs/common/src/backbone/utils/FunctionHelper.ts");
+/* harmony import */ var _common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../common/src/react/utils/ObjectHelper */ "../../libs/common/src/react/utils/ObjectHelper.ts");
+/* harmony import */ var _common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../common/src/react/utils/ArrayHelper */ "../../libs/common/src/react/utils/ArrayHelper.ts");
+/* harmony import */ var _utils_PartialLoadingHelper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../utils/PartialLoadingHelper */ "../../libs/shared/src/utils/PartialLoadingHelper.ts");
+/* harmony import */ var _BreadcrumbList__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./BreadcrumbList */ "../../libs/shared/src/components/breadcrumbs/BreadcrumbList.tsx");
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { 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 _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+
+
+
+
+
+var BreadcrumbType;
+
+(function (BreadcrumbType) {
+  BreadcrumbType[BreadcrumbType["Static"] = 0] = "Static";
+  BreadcrumbType[BreadcrumbType["Dynamic"] = 1] = "Dynamic";
+})(BreadcrumbType || (BreadcrumbType = {}));
+
+function buildBreadcrumb(item, getItemAppLink, active) {
+  return {
+    label: item.name,
+    appLink: getItemAppLink(item),
+    active: active
+  };
+}
+
+function useGetBreadcrumbs(props, isDynamic) {
+  var _a;
+
+  var currentItem = props.currentItem,
+      getItemAppLink = props.getItemAppLink,
+      getParent = props.getParent,
+      rootItem = props.rootItem,
+      data = props.data,
+      subview = props.subview;
+
+  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_0__["useState"])([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      breadcrumbs = _useState2[0],
+      setBreadcrumbs = _useState2[1];
+
+  var key = (_a = data) === null || _a === void 0 ? void 0 : _a.map(function (o) {
+    var _a;
+
+    return (_a = o) === null || _a === void 0 ? void 0 : _a.name;
+  }).join('-'); // Uss static/pre-defined array of data to build the breadcrumb structure
+
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    if (isDynamic || _common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_2__["ObjectHelper"].isEmpty(data)) return;
+
+    var _breadcrumbs = data.map(function (d, index) {
+      return buildBreadcrumb(d, getItemAppLink, index + 1 === data.length);
+    });
+
+    if (rootItem) _breadcrumbs.unshift(rootItem);
+    setBreadcrumbs(_breadcrumbs);
+  }, [key]); // Dynamically build the breadcrumb structure
+
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    if (!isDynamic || !_common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_1__["FunctionHelper"].isFunction(getParent)) return;
+    var _breadcrumbs = [buildBreadcrumb(currentItem, getItemAppLink, true)];
+    currentItem = getParent(currentItem);
+
+    while (currentItem) {
+      _breadcrumbs.unshift(buildBreadcrumb(currentItem, getItemAppLink));
+
+      currentItem = getParent(currentItem);
+    }
+
+    if (rootItem) _breadcrumbs.unshift(rootItem);
+    return setBreadcrumbs(_breadcrumbs);
+  }, [currentItem, getParent, getItemAppLink, rootItem]);
+
+  var _React$useRef = react__WEBPACK_IMPORTED_MODULE_0__["useRef"]({
+    label: subview,
+    appLink: null,
+    active: true
+  }),
+      subviewBreadcrumb = _React$useRef.current; // Replace "active" item with the subview
+
+
+  if (subview) {
+    if (!breadcrumbs.includes(subviewBreadcrumb)) setBreadcrumbs([].concat(_toConsumableArray(breadcrumbs), [subviewBreadcrumb]));
+    var selectedBreadcrumb = breadcrumbs.filter(function (crumb) {
+      return crumb.active && crumb !== subviewBreadcrumb;
+    });
+    if (selectedBreadcrumb.length) _common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_3__["ArrayHelper"].first(selectedBreadcrumb).active = false;
+  }
+
+  return breadcrumbs;
+}
+
+function Breadcrumbs(props) {
+  var type = props.type;
+  var isDynamic = type === BreadcrumbType.Dynamic;
+  var breadcrumbs = useGetBreadcrumbs(props, isDynamic);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("nav", {
+    "aria-label": 'breadcrumb'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_BreadcrumbList__WEBPACK_IMPORTED_MODULE_5__["BreadcrumbList"], {
+    breadcrumbs: breadcrumbs
+  }));
+}
+var PARTIAL_BREADCRUMB_ITEMS = _utils_PartialLoadingHelper__WEBPACK_IMPORTED_MODULE_4__["PartialLoadingHelper"].getPartialLoadingItems({
+  numItems: 3
+});
+var PartialBreadcrumbs = function PartialBreadcrumbs() {
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("nav", {
+    "aria-label": 'breadcrumb'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("ol", {
+    className: 'breadcrumb m-0 p-0'
+  }, PARTIAL_BREADCRUMB_ITEMS.map(function (_ref, idx) {
+    var width = _ref.width;
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("li", {
+      key: idx,
+      className: 'breadcrumb-item'
+    }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", {
+      className: 'd-inline-block partial-loading-background',
+      style: {
+        width: width
+      },
+      dangerouslySetInnerHTML: {
+        __html: '&nbsp'
+      }
+    }));
+  })));
+};
+
+/***/ })
+
+}]);
+//# sourceMappingURL=18.chunk.js.map

package/dist/scripts/18.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/back-button/BackButton.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/banner-header/BannerHeader.tsx","webpack://@clickview/lite/C:/ClickView Projects/@clickview/packages/libs/shared/src/components/banner-header/banner-header.scss?f381","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/breadcrumbs/BreadcrumbList.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAEA;AACA;AACA;AAEA,IAAM,SAAS,GAAG,mBAAlB;AASA,UAAU,CAAC,YAAX,GAA0B;AACxB,OAAK,EAAE,OADiB;AAExB,cAAY,EAAE;AAFU,CAA1B;AAKM,SAAU,UAAV,OAAkF;AAAA,MAA3D,UAA2D,QAA3D,UAA2D;AAAA,MAA/C,OAA+C,QAA/C,OAA+C;AAAA,MAAtC,KAAsC,QAAtC,KAAsC;AAAA,MAA/B,YAA+B,QAA/B,YAA+B;AACtF,MAAM,UAAU,GAAG,UAAU,GACzB,6FAAe,CAAC,SAAhB,CAA0B,SAA1B,EAAqC,QAArC,EAA+C;AAAE,cAAU,EAAV;AAAF,GAA/C,CADyB,GAEzB,6FAAe,CAAC,SAAhB,CAA0B,SAA1B,EAAqC,MAArC,CAFJ;AAIA,MAAM,UAAU,GAAG,KAAK,KAAK,OAAV,GAAoB,EAApB,GAAyB,YAA5C;AAEA,SACE,oDAAC,yDAAD,EAAQ;AAAC,WAAO,EAAE,OAAV;AAAmB,aAAS,qDAA8C,YAA9C,cAA8D,UAA9D;AAA5B,GAAR,EACE,oDAAC,wEAAD,EAAa;AAAC,WAAO,EAAE,6DAAY,CAAC,WAAvB;AAAoC,QAAI,EAAE,4EAAgB,CAAC;AAA3D,GAAb,CADF,EAEE;AAAM,aAAS,EAAC;AAAhB,KAAwB,UAAxB,CAFF,CADF;AAMD,C;;;;;;;;;;;;ACnCD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;AACA;AACA;AAEA;AAaO,IAAM,YAAY,GAAG,2CAAW,UAAS,KAAT,EAA0D;AAAA,MACvF,OADuF,GAC9B,KAD8B,CACvF,OADuF;AAAA,MAC9E,MAD8E,GAC9B,KAD8B,CAC9E,MAD8E;AAAA,MACtE,WADsE,GAC9B,KAD8B,CACtE,WADsE;AAAA,MACzD,OADyD,GAC9B,KAD8B,CACzD,OADyD;AAAA,MAChD,aADgD,GAC9B,KAD8B,CAChD,aADgD;AAG/F,MAAM,GAAG,GAAG,8DAAW,CAAC,eAAZ,CAA4B,MAA5B,EAAoC;AAC9C,mBAAe,EAAE,WAD6B;AAE9C,wBAAoB,EAAE,OAFwB;AAG9C,QAAI,EAAE,uDAAS,CAAC;AAH8B,GAApC,EAIT;AACD,QAAI,EAAE,uDAAS,CAAC,KADf;AAED,cAAU,EAAE,wDAAU,CAAC;AAFtB,GAJS,CAAZ;AASA,SACE;AAAK,aAAS,EAAC,eAAf;AAA+B,SAAK,EAAE;AAAE,qBAAe,iBAAU,GAAV;AAAjB;AAAtC,KACG,KAAK,CAAC,iBAAN,IACC;AAAK,aAAS,EAAC;AAAf,KACE,oDAAC,kEAAD,EAAW;AACT,WAAO,EAAE,KAAK,CAAC,iBADN;AAET,cAAU,EAAE,KAAK,CAAC,cAFT;AAGT,gBAAY,EAAE,KAAK,CAAC,iBAHX;AAIT,SAAK,EAAC;AAJG,GAAX,CADF,CAFJ,EAWE;AAAI,aAAS,YAAK,0DAAM,CAAC,IAAZ;AAAb,KACG,OADH,CAXF,EAcG,CAAC,CAAC,OAAF,IACC;AAAK,aAAS,EAAE,0DAAM,CAAC;AAAvB,KACE,oDAAC,wDAAD,EAAQ;AAAC,WAAO,EAAE,OAAV;AAAmB,iBAAa,EAAE;AAAlC,GAAR,CADF,CAfJ,CADF;AAsBD,CAlC2B,EAkCzB,UAAC,SAAD,EAAY,SAAZ;AAAA,SACD,SAAS,CAAC,OAAV,KAAsB,SAAS,CAAC,OAD/B;AAAA,CAlCyB,CAArB;AAsCA,IAAM,mBAAmB,GAAG,SAAtB,mBAAsB;AAAA,SAAM;AAAK,aAAS;AAAd,IAAN;AAAA,CAA5B,C;;;;;;;;;;;AC5DP;AACA,kBAAkB,2E;;;;;;;;;;;;ACDlB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAYO,IAAM,cAAc,GAAG,SAAjB,cAAiB;AAAA,6BAAG,UAAH;AAAA,MAAiB,KAAjB,mBAAiB,KAAjB;AAAA,MAAwB,OAAxB,mBAAwB,OAAxB;AAAA,MAAiC,MAAjC,mBAAiC,MAAjC;AAAA,SAC5B;AAAI,aAAS,2BAAoB,MAAM,GAAG,SAAH,GAAe,EAAzC;AAAb,KACG,MAAM,GACH,oEAAS,KAAT,CADG,GAEH,oDAAC,yDAAD,EAAQ;AAAC,WAAO,EAAE;AAAV,GAAR,EAA4B,KAA5B,CAHN,CAD4B;AAAA,CAAvB;AAaA,IAAM,cAAc,GAAG,SAAjB,cAAiB;AAAA,MAAG,WAAH,SAAG,WAAH;AAAA,SAC5B;AAAI,aAAS,EAAC;AAAd,KACG,WAAW,CAAC,GAAZ,CAAgB,UAAC,CAAD,EAAI,GAAJ;AAAA,WAAY,oDAAC,cAAD,EAAe;AAAC,SAAG,EAAE,GAAN;AAAW,gBAAU,EAAE;AAAvB,KAAf,CAAZ;AAAA,GAAhB,CADH,CAD4B;AAAA,CAAvB,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC3BP;AACA;AAGA;AACA;AACA;AAGA;AAEA;AAEA,IAAY,cAAZ;;AAAA,WAAY,cAAZ,EAA0B;AACxB;AACA;AACD,CAHD,EAAY,cAAc,KAAd,cAAc,MAA1B;;AAKA,SAAS,eAAT,CACE,IADF,EACW,cADX,EACsD,MADtD,EACsE;AAEpE,SAAQ;AACN,SAAK,EAAE,IAAI,CAAC,IADN;AAEN,WAAO,EAAE,cAAc,CAAC,IAAD,CAFjB;AAGN,UAAM,EAAN;AAHM,GAAR;AAKD;;AAED,SAAS,iBAAT,CAAiD,KAAjD,EAA6E,SAA7E,EAA+F;;;AAAA,MACvF,WADuF,GACnB,KADmB,CACvF,WADuF;AAAA,MAC1E,cAD0E,GACnB,KADmB,CAC1E,cAD0E;AAAA,MAC1D,SAD0D,GACnB,KADmB,CAC1D,SAD0D;AAAA,MAC/C,QAD+C,GACnB,KADmB,CAC/C,QAD+C;AAAA,MACrC,IADqC,GACnB,KADmB,CACrC,IADqC;AAAA,MAC/B,OAD+B,GACnB,KADmB,CAC/B,OAD+B;;AAAA,kBAErD,sDAAQ,CAAe,EAAf,CAF6C;AAAA;AAAA,MAErF,WAFqF;AAAA,MAExE,cAFwE;;AAI7F,MAAM,GAAG,SAAG,IAAH,MAAO,IAAP,IAAO,aAAP,GAAO,MAAP,GAAO,GAAE,GAAF,CAAM,WAAC,EAAG;AAAA;;AAAA,iBAAC,CAAD,MAAE,IAAF,IAAE,aAAF,GAAE,MAAF,GAAE,GAAE,IAAJ;AAAQ,GAAlB,EAAoB,IAApB,CAAyB,GAAzB,CAAhB,CAJ6F,CAM7F;;AACA,kDAAgB,YAAK;AACnB,QAAI,SAAS,IAAI,iFAAY,CAAC,OAAb,CAAqB,IAArB,CAAjB,EACE;;AAEF,QAAM,YAAY,GAAG,IAAI,CAAC,GAAL,CAAS,UAAC,CAAD,EAAI,KAAJ;AAAA,aAAsB,eAAe,CAAC,CAAD,EAAI,cAAJ,EAAoB,KAAK,GAAG,CAAR,KAAc,IAAI,CAAC,MAAvC,CAArC;AAAA,KAAT,CAArB;;AAEA,QAAI,QAAJ,EACE,YAAY,CAAC,OAAb,CAAqB,QAArB;AAEF,kBAAc,CAAC,YAAD,CAAd;AAED,GAXD,EAWG,CAAC,GAAD,CAXH,EAP6F,CAqB7F;;AACA,kDAAgB,YAAK;AACnB,QAAI,CAAC,SAAD,IAAc,CAAC,wFAAc,CAAC,UAAf,CAA0B,SAA1B,CAAnB,EACE;AAEF,QAAM,YAAY,GAAG,CAAC,eAAe,CAAI,WAAJ,EAAiB,cAAjB,EAAiC,IAAjC,CAAhB,CAArB;AAEA,eAAW,GAAG,SAAS,CAAC,WAAD,CAAvB;;AAEA,WAAO,WAAP,EAAoB;AAClB,kBAAY,CAAC,OAAb,CAAqB,eAAe,CAAI,WAAJ,EAAiB,cAAjB,CAApC;;AACA,iBAAW,GAAG,SAAS,CAAC,WAAD,CAAvB;AACD;;AAED,QAAI,QAAJ,EACE,YAAY,CAAC,OAAb,CAAqB,QAArB;AAEF,WAAO,cAAc,CAAC,YAAD,CAArB;AAED,GAlBD,EAkBG,CAAE,WAAF,EAAe,SAAf,EAA0B,cAA1B,EAA0C,QAA1C,CAlBH;;AAtB6F,sBA0CtD,6CAAyB;AAC9D,SAAK,EAAE,OADuD;AAE9D,WAAO,EAAE,IAFqD;AAG9D,UAAM,EAAE;AAHsD,GAAzB,CA1CsD;AAAA,MA0C5E,iBA1C4E,iBA0CrF,OA1CqF,EAgD7F;;;AACA,MAAI,OAAJ,EAAa;AACX,QAAI,CAAC,WAAW,CAAC,QAAZ,CAAqB,iBAArB,CAAL,EACE,cAAc,8BAAM,WAAN,IAAmB,iBAAnB,GAAd;AAEF,QAAM,kBAAkB,GAAG,WAAW,CAAC,MAAZ,CAAoB,eAAK;AAAA,aAAI,KAAK,CAAC,MAAN,IAAgB,KAAK,KAAK,iBAA9B;AAAA,KAAzB,CAA3B;AACA,QAAI,kBAAkB,CAAC,MAAvB,EACE,+EAAW,CAAC,KAAZ,CAAkB,kBAAlB,EAAsC,MAAtC,GAA+C,KAA/C;AACH;;AAED,SAAO,WAAP;AACD;;AAYK,SAAU,WAAV,CAA4C,KAA5C,EAAsE;AAAA,MAClE,IADkE,GACzD,KADyD,CAClE,IADkE;AAG1E,MAAM,SAAS,GAAG,IAAI,KAAK,cAAc,CAAC,OAA1C;AACA,MAAM,WAAW,GAAG,iBAAiB,CAAC,KAAD,EAAQ,SAAR,CAArC;AAEA,SACE;AAAA,kBAAgB;AAAhB,KACE,oDAAC,8DAAD,EAAe;AAAC,eAAW,EAAE;AAAd,GAAf,CADF,CADF;AAKD;AAED,IAAM,wBAAwB,GAAG,gFAAoB,CAAC,sBAArB,CAA4C;AAAE,UAAQ,EAAE;AAAZ,CAA5C,CAAjC;AAEO,IAAM,kBAAkB,GAAG,SAArB,kBAAqB;AAAA,SAChC;AAAA,kBAAgB;AAAhB,KACE;AAAI,aAAS,EAAC;AAAd,KACG,wBAAwB,CAAC,GAAzB,CAA6B,gBAAY,GAAZ;AAAA,QAAG,KAAH,QAAG,KAAH;AAAA,WAC5B;AAAI,SAAG,EAAE,GAAT;AAAc,eAAS,EAAC;AAAxB,OACE;AAAM,eAAS,EAAC,2CAAhB;AAA4D,WAAK,EAAE;AAAE,aAAK,EAAL;AAAF,OAAnE;AAA8E,6BAAuB,EAAE;AAAE,cAAM,EAAE;AAAV;AAAvG,MADF,CAD4B;AAAA,GAA7B,CADH,CADF,CADgC;AAAA,CAA3B,C","file":"scripts/18.chunk.js","sourcesContent":["import * as React from 'react';\r\nimport { Core } from 'libs/common/core';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\n\r\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\n\r\nconst namespace = 'shared.backButton';\r\n\r\ninterface BackButtonProps {\r\n  appLink: Core.AppLink;\r\n  backToName?: string;\r\n  color?: 'black' | 'white';\r\n  extraClasses?: string;\r\n}\r\n\r\nBackButton.defaultProps = {\r\n  color: 'black',\r\n  extraClasses: ''\r\n};\r\n\r\nexport function BackButton({ backToName, appLink, color, extraClasses }: BackButtonProps): React.ReactElement {\r\n  const backPhrase = backToName\r\n    ? LanguageService.getPhrase(namespace, 'backTo', { backToName })\r\n    : LanguageService.getPhrase(namespace, 'back');\r\n\r\n  const colorClass = color === 'black' ? '' : 'text-light';\r\n\r\n  return (\r\n    <AppLink appLink={appLink} className={`d-inline-flex align-items-center h5 mb-0 ${extraClasses} ${colorClass}`}>\r\n      <SvgContainer svgName={cvSvgLibrary.ChevronLeft} size={SvgContainerSize.Medium} />\r\n      <span className='ml-1'>{backPhrase}</span>\r\n    </AppLink>\r\n  );\r\n}","import * as React from 'react';\r\nimport { Core } from 'libs/common/core';\r\n\r\nimport { BackButton } from 'libs/shared/components/back-button/BackButton';\r\nimport { Banner } from 'libs/shared/interfaces';\r\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\r\nimport { ImageType, ImageSize, ResizeType } from 'libs/shared/enums/Images';\r\nimport { Actions, ActionOptions } from 'libs/shared/components/actions/Actions';\r\n\r\nimport styles from './banner-header.scss';\r\n\r\ninterface BannerHeaderProps {\r\n  heading: string;\r\n  banner: Banner;\r\n  imageCdnUrl: string;\r\n  actions?: ActionOptions[];\r\n  backButtonAppLink?: Core.AppLink;\r\n  backButtonText?: string;\r\n  backButtonClasses?: string;\r\n  sortComponent?: JSX.Element;\r\n}\r\n\r\nexport const BannerHeader = React.memo(function(props: React.PropsWithChildren<BannerHeaderProps>): React.ReactElement {\r\n  const { heading, banner, imageCdnUrl, actions, sortComponent } = props;\r\n\r\n  const url = ImageHelper.createBannerUrl(banner, {\r\n    fallbackBaseUrl: imageCdnUrl,\r\n    fallbackCategoryName: heading,\r\n    type: ImageType.Banners,\r\n  }, {\r\n    size: ImageSize.Large,\r\n    resizeType: ResizeType.Cover\r\n  });\r\n\r\n  return (\r\n    <div className='banner-header' style={{ backgroundImage: `url('${url}')` }}>\r\n      {props.backButtonAppLink && (\r\n        <div className='pt-3'>\r\n          <BackButton\r\n            appLink={props.backButtonAppLink}\r\n            backToName={props.backButtonText}\r\n            extraClasses={props.backButtonClasses}\r\n            color='white'\r\n          />\r\n        </div>\r\n      )}\r\n      <h1 className={`${styles.text} text-white text-shadow position-absolute mb-3 clamp-2`}>\r\n        {heading}\r\n      </h1>\r\n      {!!actions && (\r\n        <div className={styles.actionsContainer}>\r\n          <Actions actions={actions} sortComponent={sortComponent} />\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n}, (prevProps, nextProps): boolean => (\r\n  prevProps.actions === nextProps.actions\r\n));\r\n\r\nexport const PartialBannerHeader = () => <div className={`partial-banner partial-loading-background`} />;","// extracted by mini-css-extract-plugin\nmodule.exports = {\"actionsContainer\":\"cv--actionsContainer--286KF\",\"text\":\"cv--text--3TSgh\"};","import * as React from 'react';\r\nimport { Core } from 'libs/common/core';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\n\r\nexport interface Breadcrumb {\r\n  label: string;\r\n  appLink: Core.AppLink;\r\n  active?: boolean;\r\n}\r\n\r\ninterface BreadcrumbItemProps {\r\n  breadcrumb: Breadcrumb;\r\n}\r\n\r\nexport const BreadcrumbItem = ({ breadcrumb: { label, appLink, active } }: BreadcrumbItemProps) => (\r\n  <li className={`breadcrumb-item${active ? ' active' : ''}`}>\r\n    {active\r\n      ? <strong>{label}</strong>\r\n      : <AppLink appLink={appLink}>{label}</AppLink>\r\n    }\r\n  </li>\r\n);\r\n\r\ninterface BreadcrumbListProps {\r\n  breadcrumbs: Breadcrumb[];\r\n}\r\n\r\nexport const BreadcrumbList = ({ breadcrumbs }: BreadcrumbListProps) => (\r\n  <ol className='breadcrumb m-0 p-0'>\r\n    {breadcrumbs.map((b, idx) => <BreadcrumbItem key={idx} breadcrumb={b} />)}\r\n  </ol>\r\n);","import * as React from 'react';\r\nimport { useState } from 'react';\r\n\r\nimport { Core } from 'libs/common/core';\r\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\r\nimport { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\r\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\r\n\r\nimport { BaseObject } from 'libs/shared/interfaces';\r\nimport { PartialLoadingHelper } from 'libs/shared/utils/PartialLoadingHelper';\r\n\r\nimport { Breadcrumb, BreadcrumbList } from './BreadcrumbList';\r\n\r\nexport enum BreadcrumbType {\r\n  Static,\r\n  Dynamic\r\n}\r\n\r\nfunction buildBreadcrumb<T extends BaseObject>(\r\n  item: T, getItemAppLink: (item: T) => Core.AppLink, active?: boolean\r\n): Breadcrumb {\r\n  return ({\r\n    label: item.name,\r\n    appLink: getItemAppLink(item),\r\n    active\r\n  });\r\n}\r\n\r\nfunction useGetBreadcrumbs<T extends BaseObject>(props: BreadcrumbsProps<T>, isDynamic: boolean): Breadcrumb[] {\r\n  let { currentItem, getItemAppLink, getParent, rootItem, data, subview } = props;\r\n  const [ breadcrumbs, setBreadcrumbs ] = useState<Breadcrumb[]>([]);\r\n\r\n  const key = data?.map(o => o?.name).join('-');\r\n\r\n  // Uss static/pre-defined array of data to build the breadcrumb structure\r\n  React.useEffect(() => {\r\n    if (isDynamic || ObjectHelper.isEmpty(data))\r\n      return;\r\n\r\n    const _breadcrumbs = data.map((d, index: number) => buildBreadcrumb(d, getItemAppLink, index + 1 === data.length));\r\n\r\n    if (rootItem)\r\n      _breadcrumbs.unshift(rootItem);\r\n\r\n    setBreadcrumbs(_breadcrumbs);\r\n\r\n  }, [key]);\r\n\r\n\r\n  // Dynamically build the breadcrumb structure\r\n  React.useEffect(() => {\r\n    if (!isDynamic || !FunctionHelper.isFunction(getParent))\r\n      return;\r\n\r\n    const _breadcrumbs = [buildBreadcrumb<T>(currentItem, getItemAppLink, true)];\r\n\r\n    currentItem = getParent(currentItem);\r\n\r\n    while (currentItem) {\r\n      _breadcrumbs.unshift(buildBreadcrumb<T>(currentItem, getItemAppLink));\r\n      currentItem = getParent(currentItem);\r\n    }\r\n\r\n    if (rootItem)\r\n      _breadcrumbs.unshift(rootItem);\r\n\r\n    return setBreadcrumbs(_breadcrumbs);\r\n\r\n  }, [ currentItem, getParent, getItemAppLink, rootItem ]);\r\n\r\n  const { current: subviewBreadcrumb } = React.useRef<Breadcrumb>({\r\n    label: subview,\r\n    appLink: null,\r\n    active: true\r\n  });\r\n\r\n  // Replace \"active\" item with the subview\r\n  if (subview) {\r\n    if (!breadcrumbs.includes(subviewBreadcrumb))\r\n      setBreadcrumbs([ ...breadcrumbs, subviewBreadcrumb ]);\r\n\r\n    const selectedBreadcrumb = breadcrumbs.filter((crumb => crumb.active && crumb !== subviewBreadcrumb));\r\n    if (selectedBreadcrumb.length)\r\n      ArrayHelper.first(selectedBreadcrumb).active = false;\r\n  }\r\n\r\n  return breadcrumbs;\r\n}\r\n\r\ninterface BreadcrumbsProps<T> {\r\n  type: BreadcrumbType;\r\n  currentItem: T;\r\n  getItemAppLink: (item: T) => Core.AppLink;\r\n  getParent?: (item: T) => T;\r\n  rootItem?: Breadcrumb;\r\n  data?: T[];\r\n  subview?: string; // E.g. \"Series\", \"Playlists\"\r\n}\r\n\r\nexport function Breadcrumbs<T extends BaseObject>(props: BreadcrumbsProps<T>): React.ReactElement {\r\n  const { type } = props;\r\n\r\n  const isDynamic = type === BreadcrumbType.Dynamic;\r\n  const breadcrumbs = useGetBreadcrumbs(props, isDynamic);\r\n\r\n  return (\r\n    <nav aria-label='breadcrumb'>\r\n      <BreadcrumbList breadcrumbs={breadcrumbs} />\r\n    </nav>\r\n  );\r\n}\r\n\r\nconst PARTIAL_BREADCRUMB_ITEMS = PartialLoadingHelper.getPartialLoadingItems({ numItems: 3 });\r\n\r\nexport const PartialBreadcrumbs = () => (\r\n  <nav aria-label='breadcrumb'>\r\n    <ol className='breadcrumb m-0 p-0'>\r\n      {PARTIAL_BREADCRUMB_ITEMS.map(({ width }, idx) =>\r\n        <li key={idx} className='breadcrumb-item'>\r\n          <span className='d-inline-block partial-loading-background' style={{ width }} dangerouslySetInnerHTML={{ __html: '&nbsp' }} />\r\n        </li>\r\n      )}\r\n    </ol>\r\n  </nav>\r\n);"],"sourceRoot":""}

package/dist/scripts/19-2380200cfb.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[19],{1263:function(e,t,a){e.exports={partialDate:"_2wbjP"}},1317:function(e,t,a){"use strict";a.r(t);var n=a(0),r=a.n(n),i=a(61),o=a(14),c=a(237),s=a(7),l=a(242),u=a(128),d=a(154),m=a(831),p=a(73),v=a(40),f=a(3),g=a(239),y=a(850),b=a(824),E=a(5),h=a(10),k=a(843),N=a(90),w=a(2),O=a(127),L=a(47),C=a(830),A=a(837),S="watchHistory.watchHistoryVideoList",j=function(e){return{application:E.a.DEFAULT,action:h.a.Default.PLAY_VIDEO,args:[e.id,L.a.slugify(e.name)],params:e.lastProgressPoint?{t:Math.floor(e.lastProgressPoint)}:{}}},D=function(e){return{application:E.a.DEFAULT,action:h.a.Default.SERIES,args:[e.id,L.a.slugify(e.name)]}};function P(e){var t=O.a.groupBy(e.videoHistory.data,"lastDateWatched"),a={},r=Object.keys(t).sort().reverse();r.forEach((function(n){a[n]=t[n].map((function(t){var a=e.videos.find((function(e){return e.id.toString()===t.videoId.toString()}));return a?Object.assign(Object.assign({},a),{lastProgressPoint:t.lastProgressPoint}):null})).filter(Boolean)}));var i=w.a.AppLinkHelper.getCurrentAppLink();return n.createElement(n.Fragment,null,r.map((function(t){return n.createElement("div",{key:t,className:"pb-3"},n.createElement("h2",{className:"h4"},function(e){var t=N().diff(e,"days");return 0===t?s.a.getPhrase(S,"today"):1===t?s.a.getPhrase(S,"yesterday"):N(e).format("Do MMMM")}(t)),n.createElement(C.c,{videos:a[t],getVideoAppLink:j,getSeriesAppLink:D,setFavourite:e.setFavourite}))})),e.videoHistory.pagination.cursors&&n.createElement(A.b,{appLink:i,cursors:e.videoHistory.pagination.cursors}))}var x=a(848),F=a(1263),I=a.n(F);function T(){return r.a.createElement("div",{className:"px-3"},r.a.createElement("div",{className:"mb-3"},r.a.createElement("div",{className:"".concat(I.a.partialDate," mb-2 partial-loading-background")}),r.a.createElement(x.a,{numVideos:2})),r.a.createElement("div",{className:"mb-3"},r.a.createElement("div",{className:"".concat(I.a.partialDate," mb-2 partial-loading-background")}),r.a.createElement(x.a,{numVideos:3})),r.a.createElement("div",{className:"mb-3"},r.a.createElement("div",{className:"".concat(I.a.partialDate," mb-2 partial-loading-background")}),r.a.createElement(x.a,{numVideos:2})),r.a.createElement("div",{className:"mb-3"},r.a.createElement("div",{className:"".concat(I.a.partialDate," mb-2 partial-loading-background")}),r.a.createElement(x.a,{numVideos:5})))}a.d(t,"getVideoActionAppLink",(function(){return V})),a.d(t,"WatchHistoryView",(function(){return H}));function V(){return function(e,t){switch(t){case u.a.AddToPlaylist:return{application:E.a.PLAYLISTS,action:h.a.Playlists.ADD_TO_PLAYLIST,args:[e.id]};case u.a.Share:return{application:E.a.DEFAULT,action:h.a.Default.SHARE,args:[e.id],params:{entityType:"video"}}}}}function H(e){var t,a,r;Object(c.a)(s.a.getPhrase("watchHistory.watchHistory","pageTitle"));var E=Object(i.useDispatch)(),h=Object(b.a)(),N=o.a.useBasicFetch(d.a.currentUser()),w=o.a.useBasicFetch(!!N.data&&k.a.userVideoHistory(N.data.customerId,N.data.id,e.cursor)),O=null===(a=null===(t=w.data)||void 0===t?void 0:t.data)||void 0===a?void 0:a.map((function(e){return e.videoId})),L=o.a.useBasicFetch((null===(r=O)||void 0===r?void 0:r.length)&&g.a.hydratedVideos(O));function C(e,t,a){o.a.fetch(E,m.a.updateIsVideoFavourited(e.id,N.data.id,t,(function(){v.a.logUserAction({id:e.id},{entity:f.d.Video,actionType:f.n.Favourite,descriptor:t?f.m.On:f.m.Off,location:f.j.VideoThumbnail,workflowPhase:f.o.Complete}),h.success(s.a.getPhrase("watchHistory.watchHistory",t?"favourited":"unfavourited",{video:e.name}))}),a))}return Object(y.a)(L.data,{watchHistory:!1}),n.createElement(p.a.Provider,{value:"watchHistory.watchHistory"},n.createElement("div",{className:"px-3"},n.createElement("h1",null,n.createElement(p.b,{phrase:"heading"})),function(){var e;return w.data?(null===(e=w.data.data)||void 0===e?void 0:e.length)?L.data?n.createElement(l.a.Provider,{value:{videoActions:[u.a.AddToPlaylist,u.a.Share],getActionAppLink:V(),hideLabel:!0}},n.createElement(P,{videoHistory:w.data,videos:L.data,setFavourite:C})):n.createElement(T,null):n.createElement(p.b,{phrase:"emptyState"}):n.createElement(T,null)}()))}},825:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var n=a(0);function r(e){return n.createElement("div",{role:"button",tabIndex:0,className:"".concat(e.className?e.className:""," cursor-pointer"),onKeyDown:function(t){return"Enter"===t.key&&e.onClick(t)},onClick:e.onClick,style:e.style?e.style:{}},e.children)}},827:function(e,t,a){e.exports={buttonList:"_2v9CT",dropdownToggle:"AYBvQ"}},828:function(e,t,a){"use strict";var n=a(0),r=a(33),i=a(240),o=a(40),c=a(55),s=a(51),l=a(13),u=a(827),d=a.n(u),m=a(35);function p(e){var t="dropdown-item";return e&&(t+=" ".concat(e)),t}function v(e){if(e.action.appLink)return n.createElement(s.a,{appLink:e.action.appLink,onClick:e.action.onClick,className:p(e.action.className),analyticsData:e.action.analyticsData,analyticsOptions:e.action.analyticsOptions},e.action.label);return n.createElement("span",{className:"cursor-pointer ".concat(p(e.action.className)),onClick:function(t){e.action.analyticsData&&e.action.analyticsOptions&&o.a.logUserAction(e.action.analyticsData,e.action.analyticsOptions),m.a.isFunction(e.action.onClick)&&e.action.onClick(t)}},e.action.label)}function f(e){if(!e.actions||!e.actions.length)return n.createElement(n.Fragment,null);var t="actions-dropdown-".concat(i.a.getRandomInt()),a="px-0 ".concat(d.a.dropdownToggle);return e.dropdownToggleClassName&&(a+=" ".concat(e.dropdownToggleClassName)),n.createElement(r.Dropdown,{className:e.className?e.className:"",alignRight:!0},n.createElement(r.Dropdown.Toggle,{as:"button",type:"button",id:t,className:a},n.createElement(c.a,{svgName:l.b.More,size:c.b.Small})),n.createElement(r.Dropdown.Menu,null,e.actions.map((function(e,t){return n.createElement(v,{key:t,action:e})}))))}f.defaultProps={dropdownToggleClassName:"btn btn-light"};var g=a(235),y=a(156);function b(e){var t="ml-2";e.className&&(t+=" ".concat(e.className));var a=e.showSpinner?n.createElement(r.Spinner,{as:"span",animation:"border",role:"status",size:"sm"}):e.children;if(e.tooltip)return n.createElement(y.a,{title:e.tooltip},n.createElement(g.a,{appLink:e.appLink,svgName:e.svgName,onClick:e.onClick,className:t,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},a));if(e.svgName)return n.createElement(g.a,{onClick:e.onClick,appLink:e.appLink,svgName:e.svgName,className:t,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},a);if(e.appLink)return n.createElement(s.a,{onClick:e.onClick,appLink:e.appLink,className:t,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},a);return n.createElement("button",{onClick:function(t){e.analyticsData&&e.analyticsOptions&&o.a.logUserAction(e.analyticsData,e.analyticsOptions),m.a.isFunction(e.onClick)&&e.onClick(t)},className:t},a)}function E(e){var t=[],a=[];e.actions.forEach((function(e){e.button?t.push(e):a.push(e)}));var r="d-flex";return e.className&&(r+=" ".concat(e.className)),n.createElement("div",{className:r},n.createElement(n.Fragment,null,!!t.length&&n.createElement("span",{className:d.a.buttonList},t.map((function(e,t){return n.createElement(n.Fragment,{key:t},e.label?n.createElement(b,{appLink:e.appLink,onClick:e.onClick,svgName:e.svgName,className:e.className,tooltip:e.tooltip,showSpinner:e.showSpinner,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},e.label):n.createElement(g.a,{appLink:e.appLink,onClick:e.onClick,svgName:e.svgName,className:e.className,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions}))}))),e.sortComponent?e.sortComponent:"",!!a.length&&n.createElement(f,{actions:a,className:!!t.length&&"ml-2",dropdownToggleClassName:e.actionsDropdownClassName})))}a.d(t,"a",(function(){return E}))},830:function(e,t,a){"use strict";a.d(t,"a",(function(){return s})),a.d(t,"c",(function(){return l})),a.d(t,"b",(function(){return u}));var n=a(0),r=a(818),i=a(2),o=a(837),c=a(844),s=n.createContext({isSortable:!1});function l(e){var t=n.useContext(s).isSortable?c.a:c.b,a=i.a.AppLinkHelper.getCurrentAppLink();return n.createElement(n.Fragment,null,n.createElement("div",{className:"position-relative"},e.videos.map((function(a,r){return n.createElement(t,{key:a.id,idx:r,index:r,video:a,getVideoAppLink:e.getVideoAppLink,getSeriesAppLink:e.getSeriesAppLink,setFavourite:e.setFavourite,hideInteractiveBadge:e.hideInteractiveBadge})}))),e.cursors&&n.createElement(o.b,{appLink:a,cursors:e.cursors}))}var u=Object(r.SortableContainer)((function(e){return n.createElement(s.Provider,{value:{isSortable:!0,currentSortingIndex:e.currentSortingIndex}},n.createElement(l,Object.assign({},e)))}))},831:function(e,t,a){"use strict";a.d(t,"a",(function(){return s}));var n=a(21),r=a(46),i=function(e,t){var a={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(a[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(a[n[r]]=e[n[r]])}return a};function o(e,t,a,r){return{url:"/api/domain/v2/objects/".concat(t),key:"favourite:video:".concat(t,":").concat(e),data:{favouriteVideos:e},type:n.a.PUT,invalidationKeys:["favourite:videos:".concat(t),"video:is:favourited:".concat(t)],success:a,error:r}}function c(e,t,a,r){return{url:"/api/domain/v2/objects/".concat(t,"/favouriteVideos/").concat(e),key:"favourite:video:".concat(t,":").concat(e),type:n.a.DELETE,invalidationKeys:["favourite:videos:".concat(t),"video:is:favourited:".concat(t)],success:a,error:r}}var s={favouriteVideos:function(e,t){var a="".concat(r.a.VIDEO_COLLECTION).concat(function(e){return e?"&cursor=".concat(e):""}(t));return{url:"/api/domain/v2/objects/".concat(e,"/favouriteVideos?query=").concat(a),key:"favourite:videos:".concat(e).concat(t?":".concat(t):"")}},updateIsVideoFavourited:function(e,t,a,n,r){return(a?o:c)(e,t,n,r)},isFavourited:function(e,t){var a=t.slice().sort(),n=a.map((function(e){return"id=".concat(e)}));if(n.length)return{url:"/api/domain/v2/objects?query=favouritedBy{id:".concat(e,"}&").concat(n.join("&")),key:"video:is:favourited:".concat(e,":by:id:").concat(a.join(",")),formatData:function(e){var t;if(!(null===(t=e)||void 0===t?void 0:t.length))return e;return e.map((function(e){var t,a,n=e.favouritedBy,r=i(e,["favouritedBy"]);return Object.assign(Object.assign({},r),{isFavourited:!!(null===(a=null===(t=n)||void 0===t?void 0:t.data)||void 0===a?void 0:a.length)})}))}}}}},837:function(e,t,a){"use strict";a.d(t,"b",(function(){return u})),a.d(t,"a",(function(){return d}));var n=a(0),r=a(825),i=a(51),o=a(73),c=a(40),s=a(3);function l(e,t){return t?{application:e.application,action:e.action,args:e.args,params:Object.assign({},e.params,{cursor:t})}:null}function u(e){var t=e.appLink,a=e.cursors,r=e.className;function u(e){c.a.logUserAction({page:e},{location:s.j.Pagination,entity:s.d.Pagination,actionType:s.n.Navigate})}return n.createElement(o.a.Provider,{value:"shared.pagination"},n.createElement("div",{className:r},n.createElement(i.a,{appLink:l(t,a.previous),className:"btn btn-secondary mr-1 ".concat(a.previous?"":"disabled"),onClick:function(){return u("previous")}},n.createElement(o.b,{phrase:"previous"})),n.createElement(i.a,{appLink:l(t,a.next),className:"btn btn-secondary ".concat(a.next?"":"disabled"),onClick:function(){return u("next")}},n.createElement(o.b,{phrase:"next"}))))}function d(e){function t(e){c.a.logUserAction({page:e},{location:s.j.Pagination,entity:s.d.Pagination,actionType:s.n.Navigate})}return n.createElement(o.a.Provider,{value:"shared.pagination"},n.createElement("div",{className:e.className},n.createElement(r.a,{onClick:function(){1!==e.currentPage&&(t("previous"),e.onClickBack())},className:"btn btn-secondary mr-1 cursor-pointer ".concat(1===e.currentPage?"disabled":"")},n.createElement(o.b,{phrase:"previous"})),n.createElement(r.a,{onClick:function(){e.currentPage!==e.totalPages&&(t("next"),e.onClickNext())},className:"btn btn-secondary cursor-pointer ".concat(e.currentPage===e.totalPages?"disabled":"")},n.createElement(o.b,{phrase:"next"}))))}u.defaultProps={className:"py-2"},d.defaultProps={className:"py-2"}},843:function(e,t,a){"use strict";a.d(t,"a",(function(){return n}));var n={userVideoHistory:function(e,t,a,n,r,i){var o="video:history:".concat(e,":").concat(t),c="/api/videoviews/v1/customers/".concat(e,"/users/").concat(t,"/videos/history");return a&&(o+=":".concat(a),c+="?cursor=".concat(a)),{key:o,url:c,success:n,error:r,always:i}},videoHistory:function(e,t,a,n,r,i){var o=a.sort().map((function(e){return"videoId=".concat(e)}));return{key:"video:history:".concat(e,":").concat(t,":videos:").concat(o.join("&")),url:"/api/videoviews/v1/customers/".concat(e,"/users/").concat(t,"/videos/history?").concat(o.join("&")),formatData:function(e){var t;return(null===(t=e)||void 0===t?void 0:t.length)?e.map((function(e){return{id:e.videoId,lastProgressPoint:e.lastProgressPoint}})):e},success:n,error:r,always:i}}}},844:function(e,t,a){"use strict";var n=a(0),r=a(33),i=a(818),o=a(860),c=a(245),s=a(55),l=a(839),u=a(854),d=a(45),m=function(e){return!!e&&e.series&&!!e.series.id},p=a(13),v=a(830),f=a(35),g=a(828),y=a(242),b=a(128),E=a(107),h=a(845),k=a.n(h),N=[b.a.AddToPlaylist,b.a.Share];function w(e){var t=n.useContext(y.a),a=t.videoActions,r=void 0===a?N:a,i=t.getActionAppLink,o=t.hideLabel,c=Object(E.a)(d.a.XS);if(!f.a.isFunction(i))return n.createElement(n.Fragment,null);var s=[];return r.forEach((function(t){var a=i(e.video,t);a&&s.push(Object.assign({appLink:a,className:"btn btn-link",button:!c},Object(b.b)()[t]))})),o&&!c&&(s=s.map((function(e){return Object.assign(Object.assign({},e),{label:null})}))),n.createElement(g.a,{actions:s,className:"float-right mt-n1",actionsDropdownClassName:"btn btn-link rounded-circle p-0 ".concat(k.a.actionsDropdown)})}var O=a(73),L=a(846),C=a.n(L);function A(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)||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,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 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}function j(e){var t=A(n.useState(e.truncate),2),a=t[0],r=t[1];return Object(E.a)(d.a.XS)?n.createElement(n.Fragment,null):n.createElement("div",{className:"position-relative overflow-hidden ".concat(a?"clamp-2":"")},n.createElement("p",{className:"m-0"},e.video.description,!!e.isExpandable&&n.createElement("span",{className:"cursor-pointer ".concat(C.a.ellipsis),onClick:function(){return r(!a)}},n.createElement(O.b,{namespace:"shared.videoItemDescription",phrase:a?"showMore":"showLess"}))))}j.defaultProps={truncate:!0};var D=a(51);function P(e){return n.createElement(D.a,{appLink:e.appLink},n.createElement("h5",{className:"m-0 mb-1 clamp-2"},e.video.name))}var x=a(863),F=a(858),I=a(847),T=a.n(I),V=a(236),H=a(3);a.d(t,"b",(function(){return M})),a.d(t,"a",(function(){return _}));var B=Object(i.SortableHandle)((function(){return n.createElement(r.Col,{xs:2,className:"d-flex justify-content-center align-items-center cursor-pointer ".concat(T.a.dragHandleContainer)},n.createElement(s.a,{svgName:p.b.Handle,size:s.b.Small}))}));function M(e){var t,a=Object(V.a)(),i=a===d.a.XS,s=a===d.a.SM||a===d.a.MD,p=a===d.a.SM,f=n.useContext(v.a).isSortable&&!i,g=e.getVideoAppLink(e.video),y=m(e.video)&&e.getSeriesAppLink(e.video.series);return n.createElement(r.Row,{className:"py-2"},n.createElement(r.Col,{xs:i?12:s?4:3,className:"flex-column align-items-flex-start mb-1"},n.createElement(r.Row,null,!!f&&n.createElement(B,null),n.createElement(r.Col,{xs:(t=f,t?10:12)},n.createElement(o.a,{video:e.video,appLink:g,seriesAppLink:y,size:f?l.a.Small:l.a.Medium,textPosition:u.a.Independent,setFavourite:e.setFavourite,type:"static",analyticsOptions:{location:H.j.VideoListItem}})))),n.createElement(r.Col,{xs:i?12:s?8:9},n.createElement(w,{video:e.video}),n.createElement(c.a,{className:"d-block",video:e.video,appLink:y,analyticsOptions:{location:H.j.VideoListItem}}),n.createElement(P,{video:e.video,appLink:e.getVideoAppLink(e.video)}),n.createElement(x.a,null,n.createElement(F.a,{type:F.b.Rating,data:e.video.rating}),n.createElement(F.a,{type:F.b.ProductionYear,data:e.video.productionYear}),!e.hideInteractiveBadge&&n.createElement(F.a,{type:F.b.Interactive,data:e.video.interactives})),!p&&n.createElement(j,{video:e.video})))}var _=Object(i.SortableElement)((function(e){return n.createElement(M,Object.assign({},e))}))},845:function(e,t,a){e.exports={actionsDropdown:"XR0aX"}},846:function(e,t,a){e.exports={ellipsis:"LJY5U"}},847:function(e,t,a){e.exports={dragHandleContainer:"_24s1b"}},848:function(e,t,a){"use strict";a.d(t,"a",(function(){return u}));var n=a(0),r=a.n(n),i=a(33),o=a(45),c=a(236),s=a(849),l=a.n(s);function u(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(r.a.Fragment,null,Array(e.numVideos).fill(null).map((function(e,t){return r.a.createElement(i.Row,{key:t,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}},849:function(e,t,a){e.exports={partialName:"_7KNC2",partialDescription:"Vk_wR",partialThumbnail:"_3peRZ",partialDragHandle:"_1F7_f"}},850:function(e,t,a){"use strict";a.d(t,"a",(function(){return m}));var n=a(14),r=a(154),i=a(831),o=a(239),c=a(843);function s(e){return function(e){if(Array.isArray(e))return l(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 l(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 l(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 l(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 u={ratings:!0,favourites:!0,watchHistory:!0};function d(e,t){var a,r=n.a.useGetResponse(null===(a=t)||void 0===a?void 0:a.key),i=n.a.useGetFetch(t);e&&t&&r.shouldFetch&&i()}function m(e){var t,a,l,m=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},p=Object.assign(Object.assign({},u),m),v=p.ratings,f=p.favourites,g=p.watchHistory,y=n.a.useBasicFetch(r.a.currentUser()),b=e&&(Array.isArray(e)?e.filter(Boolean).map((function(e){return e.id})):e.data.filter(Boolean).map((function(e){return e.id}))),E=y.data,h=[];v&&(h=[].concat(s(h),[!!(null===(t=b)||void 0===t?void 0:t.length)&&o.a.videoRatings(b)])),f&&(h=[].concat(s(h),[!!(null===(a=b)||void 0===a?void 0:a.length)&&E&&i.a.isFavourited(E.id,b)])),g&&(h=[].concat(s(h),[!!(null===(l=b)||void 0===l?void 0:l.length)&&E&&c.a.videoHistory(E.customerId,E.id,b)])),h.forEach((function(t){return d(!!e,t)}))}}}]);

package/dist/scripts/19-d394ae9543.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[19],{1262:function(e,t,a){e.exports={partialDate:"_2wbjP"}},1316:function(e,t,a){"use strict";a.r(t);var n=a(0),r=a.n(n),i=a(61),o=a(14),c=a(237),s=a(7),l=a(242),u=a(128),d=a(154),m=a(830),p=a(73),v=a(40),f=a(3),g=a(239),y=a(849),b=a(823),E=a(5),h=a(10),k=a(842),N=a(90),w=a(2),O=a(127),L=a(47),C=a(829),A=a(836),S="watchHistory.watchHistoryVideoList",j=function(e){return{application:E.a.DEFAULT,action:h.a.Default.PLAY_VIDEO,args:[e.id,L.a.slugify(e.name)],params:e.lastProgressPoint?{t:Math.floor(e.lastProgressPoint)}:{}}},D=function(e){return{application:E.a.DEFAULT,action:h.a.Default.SERIES,args:[e.id,L.a.slugify(e.name)]}};function P(e){var t=O.a.groupBy(e.videoHistory.data,"lastDateWatched"),a={},r=Object.keys(t).sort().reverse();r.forEach((function(n){a[n]=t[n].map((function(t){var a=e.videos.find((function(e){return e.id.toString()===t.videoId.toString()}));return a?Object.assign(Object.assign({},a),{lastProgressPoint:t.lastProgressPoint}):null})).filter(Boolean)}));var i=w.a.AppLinkHelper.getCurrentAppLink();return n.createElement(n.Fragment,null,r.map((function(t){return n.createElement("div",{key:t,className:"pb-3"},n.createElement("h2",{className:"h4"},function(e){var t=N().diff(e,"days");return 0===t?s.a.getPhrase(S,"today"):1===t?s.a.getPhrase(S,"yesterday"):N(e).format("Do MMMM")}(t)),n.createElement(C.c,{videos:a[t],getVideoAppLink:j,getSeriesAppLink:D,setFavourite:e.setFavourite}))})),e.videoHistory.pagination.cursors&&n.createElement(A.b,{appLink:i,cursors:e.videoHistory.pagination.cursors}))}var x=a(847),F=a(1262),I=a.n(F);function T(){return r.a.createElement("div",{className:"px-3"},r.a.createElement("div",{className:"mb-3"},r.a.createElement("div",{className:"".concat(I.a.partialDate," mb-2 partial-loading-background")}),r.a.createElement(x.a,{numVideos:2})),r.a.createElement("div",{className:"mb-3"},r.a.createElement("div",{className:"".concat(I.a.partialDate," mb-2 partial-loading-background")}),r.a.createElement(x.a,{numVideos:3})),r.a.createElement("div",{className:"mb-3"},r.a.createElement("div",{className:"".concat(I.a.partialDate," mb-2 partial-loading-background")}),r.a.createElement(x.a,{numVideos:2})),r.a.createElement("div",{className:"mb-3"},r.a.createElement("div",{className:"".concat(I.a.partialDate," mb-2 partial-loading-background")}),r.a.createElement(x.a,{numVideos:5})))}a.d(t,"getVideoActionAppLink",(function(){return V})),a.d(t,"WatchHistoryView",(function(){return H}));function V(){return function(e,t){switch(t){case u.a.AddToPlaylist:return{application:E.a.PLAYLISTS,action:h.a.Playlists.ADD_TO_PLAYLIST,args:[e.id]};case u.a.Share:return{application:E.a.DEFAULT,action:h.a.Default.SHARE,args:[e.id],params:{entityType:"video"}}}}}function H(e){var t,a,r;Object(c.a)(s.a.getPhrase("watchHistory.watchHistory","pageTitle"));var E=Object(i.useDispatch)(),h=Object(b.a)(),N=o.a.useBasicFetch(d.a.currentUser()),w=o.a.useBasicFetch(!!N.data&&k.a.userVideoHistory(N.data.customerId,N.data.id,e.cursor)),O=null===(a=null===(t=w.data)||void 0===t?void 0:t.data)||void 0===a?void 0:a.map((function(e){return e.videoId})),L=o.a.useBasicFetch((null===(r=O)||void 0===r?void 0:r.length)&&g.a.hydratedVideos(O));function C(e,t,a){o.a.fetch(E,m.a.updateIsVideoFavourited(e.id,N.data.id,t,(function(){v.a.logUserAction({id:e.id},{entity:f.d.Video,actionType:f.n.Favourite,descriptor:t?f.m.On:f.m.Off,location:f.j.VideoThumbnail,workflowPhase:f.o.Complete}),h.success(s.a.getPhrase("watchHistory.watchHistory",t?"favourited":"unfavourited",{video:e.name}))}),a))}return Object(y.a)(L.data,{watchHistory:!1}),n.createElement(p.a.Provider,{value:"watchHistory.watchHistory"},n.createElement("div",{className:"px-3"},n.createElement("h1",null,n.createElement(p.b,{phrase:"heading"})),function(){var e;return w.data?(null===(e=w.data.data)||void 0===e?void 0:e.length)?L.data?n.createElement(l.a.Provider,{value:{videoActions:[u.a.AddToPlaylist,u.a.Share],getActionAppLink:V(),hideLabel:!0}},n.createElement(P,{videoHistory:w.data,videos:L.data,setFavourite:C})):n.createElement(T,null):n.createElement(p.b,{phrase:"emptyState"}):n.createElement(T,null)}()))}},824:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var n=a(0);function r(e){return n.createElement("div",{role:"button",tabIndex:0,className:"".concat(e.className?e.className:""," cursor-pointer"),onKeyDown:function(t){return"Enter"===t.key&&e.onClick(t)},onClick:e.onClick,style:e.style?e.style:{}},e.children)}},826:function(e,t,a){e.exports={buttonList:"_2v9CT",dropdownToggle:"AYBvQ"}},827:function(e,t,a){"use strict";var n=a(0),r=a(33),i=a(240),o=a(40),c=a(55),s=a(51),l=a(13),u=a(826),d=a.n(u),m=a(35);function p(e){var t="dropdown-item";return e&&(t+=" ".concat(e)),t}function v(e){if(e.action.appLink)return n.createElement(s.a,{appLink:e.action.appLink,onClick:e.action.onClick,className:p(e.action.className),analyticsData:e.action.analyticsData,analyticsOptions:e.action.analyticsOptions},e.action.label);return n.createElement("span",{className:"cursor-pointer ".concat(p(e.action.className)),onClick:function(t){e.action.analyticsData&&e.action.analyticsOptions&&o.a.logUserAction(e.action.analyticsData,e.action.analyticsOptions),m.a.isFunction(e.action.onClick)&&e.action.onClick(t)}},e.action.label)}function f(e){if(!e.actions||!e.actions.length)return n.createElement(n.Fragment,null);var t="actions-dropdown-".concat(i.a.getRandomInt()),a="px-0 ".concat(d.a.dropdownToggle);return e.dropdownToggleClassName&&(a+=" ".concat(e.dropdownToggleClassName)),n.createElement(r.Dropdown,{className:e.className?e.className:"",alignRight:!0},n.createElement(r.Dropdown.Toggle,{as:"button",type:"button",id:t,className:a},n.createElement(c.a,{svgName:l.b.More,size:c.b.Small})),n.createElement(r.Dropdown.Menu,null,e.actions.map((function(e,t){return n.createElement(v,{key:t,action:e})}))))}f.defaultProps={dropdownToggleClassName:"btn btn-light"};var g=a(235),y=a(156);function b(e){var t="ml-2";e.className&&(t+=" ".concat(e.className));var a=e.showSpinner?n.createElement(r.Spinner,{as:"span",animation:"border",role:"status",size:"sm"}):e.children;if(e.tooltip)return n.createElement(y.a,{title:e.tooltip},n.createElement(g.a,{appLink:e.appLink,svgName:e.svgName,onClick:e.onClick,className:t,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},a));if(e.svgName)return n.createElement(g.a,{onClick:e.onClick,appLink:e.appLink,svgName:e.svgName,className:t,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},a);if(e.appLink)return n.createElement(s.a,{onClick:e.onClick,appLink:e.appLink,className:t,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},a);return n.createElement("button",{onClick:function(t){e.analyticsData&&e.analyticsOptions&&o.a.logUserAction(e.analyticsData,e.analyticsOptions),m.a.isFunction(e.onClick)&&e.onClick(t)},className:t},a)}function E(e){var t=[],a=[];e.actions.forEach((function(e){e.button?t.push(e):a.push(e)}));var r="d-flex";return e.className&&(r+=" ".concat(e.className)),n.createElement("div",{className:r},n.createElement(n.Fragment,null,!!t.length&&n.createElement("span",{className:d.a.buttonList},t.map((function(e,t){return n.createElement(n.Fragment,{key:t},e.label?n.createElement(b,{appLink:e.appLink,onClick:e.onClick,svgName:e.svgName,className:e.className,tooltip:e.tooltip,showSpinner:e.showSpinner,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},e.label):n.createElement(g.a,{appLink:e.appLink,onClick:e.onClick,svgName:e.svgName,className:e.className,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions}))}))),e.sortComponent?e.sortComponent:"",!!a.length&&n.createElement(f,{actions:a,className:!!t.length&&"ml-2",dropdownToggleClassName:e.actionsDropdownClassName})))}a.d(t,"a",(function(){return E}))},829:function(e,t,a){"use strict";a.d(t,"a",(function(){return s})),a.d(t,"c",(function(){return l})),a.d(t,"b",(function(){return u}));var n=a(0),r=a(817),i=a(2),o=a(836),c=a(843),s=n.createContext({isSortable:!1});function l(e){var t=n.useContext(s).isSortable?c.a:c.b,a=i.a.AppLinkHelper.getCurrentAppLink();return n.createElement(n.Fragment,null,n.createElement("div",{className:"position-relative"},e.videos.map((function(a,r){return n.createElement(t,{key:a.id,idx:r,index:r,video:a,getVideoAppLink:e.getVideoAppLink,getSeriesAppLink:e.getSeriesAppLink,setFavourite:e.setFavourite,hideInteractiveBadge:e.hideInteractiveBadge})}))),e.cursors&&n.createElement(o.b,{appLink:a,cursors:e.cursors}))}var u=Object(r.SortableContainer)((function(e){return n.createElement(s.Provider,{value:{isSortable:!0,currentSortingIndex:e.currentSortingIndex}},n.createElement(l,Object.assign({},e)))}))},830:function(e,t,a){"use strict";a.d(t,"a",(function(){return s}));var n=a(21),r=a(46),i=function(e,t){var a={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(a[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(a[n[r]]=e[n[r]])}return a};function o(e,t,a,r){return{url:"/api/domain/v2/objects/".concat(t),key:"favourite:video:".concat(t,":").concat(e),data:{favouriteVideos:e},type:n.a.PUT,invalidationKeys:["favourite:videos:".concat(t),"video:is:favourited:".concat(t)],success:a,error:r}}function c(e,t,a,r){return{url:"/api/domain/v2/objects/".concat(t,"/favouriteVideos/").concat(e),key:"favourite:video:".concat(t,":").concat(e),type:n.a.DELETE,invalidationKeys:["favourite:videos:".concat(t),"video:is:favourited:".concat(t)],success:a,error:r}}var s={favouriteVideos:function(e,t){var a="".concat(r.a.VIDEO_COLLECTION).concat(function(e){return e?"&cursor=".concat(e):""}(t));return{url:"/api/domain/v2/objects/".concat(e,"/favouriteVideos?query=").concat(a),key:"favourite:videos:".concat(e).concat(t?":".concat(t):"")}},updateIsVideoFavourited:function(e,t,a,n,r){return(a?o:c)(e,t,n,r)},isFavourited:function(e,t){var a=t.slice().sort(),n=a.map((function(e){return"id=".concat(e)}));if(n.length)return{url:"/api/domain/v2/objects?query=favouritedBy{id:".concat(e,"}&").concat(n.join("&")),key:"video:is:favourited:".concat(e,":by:id:").concat(a.join(",")),formatData:function(e){var t;if(!(null===(t=e)||void 0===t?void 0:t.length))return e;return e.map((function(e){var t,a,n=e.favouritedBy,r=i(e,["favouritedBy"]);return Object.assign(Object.assign({},r),{isFavourited:!!(null===(a=null===(t=n)||void 0===t?void 0:t.data)||void 0===a?void 0:a.length)})}))}}}}},836:function(e,t,a){"use strict";a.d(t,"b",(function(){return u})),a.d(t,"a",(function(){return d}));var n=a(0),r=a(824),i=a(51),o=a(73),c=a(40),s=a(3);function l(e,t){return t?{application:e.application,action:e.action,args:e.args,params:Object.assign({},e.params,{cursor:t})}:null}function u(e){var t=e.appLink,a=e.cursors,r=e.className;function u(e){c.a.logUserAction({page:e},{location:s.j.Pagination,entity:s.d.Pagination,actionType:s.n.Navigate})}return n.createElement(o.a.Provider,{value:"shared.pagination"},n.createElement("div",{className:r},n.createElement(i.a,{appLink:l(t,a.previous),className:"btn btn-secondary mr-1 ".concat(a.previous?"":"disabled"),onClick:function(){return u("previous")}},n.createElement(o.b,{phrase:"previous"})),n.createElement(i.a,{appLink:l(t,a.next),className:"btn btn-secondary ".concat(a.next?"":"disabled"),onClick:function(){return u("next")}},n.createElement(o.b,{phrase:"next"}))))}function d(e){function t(e){c.a.logUserAction({page:e},{location:s.j.Pagination,entity:s.d.Pagination,actionType:s.n.Navigate})}return n.createElement(o.a.Provider,{value:"shared.pagination"},n.createElement("div",{className:e.className},n.createElement(r.a,{onClick:function(){1!==e.currentPage&&(t("previous"),e.onClickBack())},className:"btn btn-secondary mr-1 cursor-pointer ".concat(1===e.currentPage?"disabled":"")},n.createElement(o.b,{phrase:"previous"})),n.createElement(r.a,{onClick:function(){e.currentPage!==e.totalPages&&(t("next"),e.onClickNext())},className:"btn btn-secondary cursor-pointer ".concat(e.currentPage===e.totalPages?"disabled":"")},n.createElement(o.b,{phrase:"next"}))))}u.defaultProps={className:"py-2"},d.defaultProps={className:"py-2"}},842:function(e,t,a){"use strict";a.d(t,"a",(function(){return n}));var n={userVideoHistory:function(e,t,a,n,r,i){var o="video:history:".concat(e,":").concat(t),c="/api/videoviews/v1/customers/".concat(e,"/users/").concat(t,"/videos/history");return a&&(o+=":".concat(a),c+="?cursor=".concat(a)),{key:o,url:c,success:n,error:r,always:i}},videoHistory:function(e,t,a,n,r,i){var o=a.sort().map((function(e){return"videoId=".concat(e)}));return{key:"video:history:".concat(e,":").concat(t,":videos:").concat(o.join("&")),url:"/api/videoviews/v1/customers/".concat(e,"/users/").concat(t,"/videos/history?").concat(o.join("&")),formatData:function(e){var t;return(null===(t=e)||void 0===t?void 0:t.length)?e.map((function(e){return{id:e.videoId,lastProgressPoint:e.lastProgressPoint}})):e},success:n,error:r,always:i}}}},843:function(e,t,a){"use strict";var n=a(0),r=a(33),i=a(817),o=a(859),c=a(245),s=a(55),l=a(838),u=a(853),d=a(45),m=function(e){return!!e&&e.series&&!!e.series.id},p=a(13),v=a(829),f=a(35),g=a(827),y=a(242),b=a(128),E=a(107),h=a(844),k=a.n(h),N=[b.a.AddToPlaylist,b.a.Share];function w(e){var t=n.useContext(y.a),a=t.videoActions,r=void 0===a?N:a,i=t.getActionAppLink,o=t.hideLabel,c=Object(E.a)(d.a.XS);if(!f.a.isFunction(i))return n.createElement(n.Fragment,null);var s=[];return r.forEach((function(t){var a=i(e.video,t);a&&s.push(Object.assign({appLink:a,className:"btn btn-link",button:!c},Object(b.b)()[t]))})),o&&!c&&(s=s.map((function(e){return Object.assign(Object.assign({},e),{label:null})}))),n.createElement(g.a,{actions:s,className:"float-right mt-n1",actionsDropdownClassName:"btn btn-link rounded-circle p-0 ".concat(k.a.actionsDropdown)})}var O=a(73),L=a(845),C=a.n(L);function A(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)||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,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 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}function j(e){var t=A(n.useState(e.truncate),2),a=t[0],r=t[1];return Object(E.a)(d.a.XS)?n.createElement(n.Fragment,null):n.createElement("div",{className:"position-relative overflow-hidden ".concat(a?"clamp-2":"")},n.createElement("p",{className:"m-0"},e.video.description,!!e.isExpandable&&n.createElement("span",{className:"cursor-pointer ".concat(C.a.ellipsis),onClick:function(){return r(!a)}},n.createElement(O.b,{namespace:"shared.videoItemDescription",phrase:a?"showMore":"showLess"}))))}j.defaultProps={truncate:!0};var D=a(51);function P(e){return n.createElement(D.a,{appLink:e.appLink},n.createElement("h5",{className:"m-0 mb-1 clamp-2"},e.video.name))}var x=a(862),F=a(857),I=a(846),T=a.n(I),V=a(236),H=a(3);a.d(t,"b",(function(){return M})),a.d(t,"a",(function(){return _}));var B=Object(i.SortableHandle)((function(){return n.createElement(r.Col,{xs:2,className:"d-flex justify-content-center align-items-center cursor-pointer ".concat(T.a.dragHandleContainer)},n.createElement(s.a,{svgName:p.b.Handle,size:s.b.Small}))}));function M(e){var t,a=Object(V.a)(),i=a===d.a.XS,s=a===d.a.SM||a===d.a.MD,p=a===d.a.SM,f=n.useContext(v.a).isSortable&&!i,g=e.getVideoAppLink(e.video),y=m(e.video)&&e.getSeriesAppLink(e.video.series);return n.createElement(r.Row,{className:"py-2"},n.createElement(r.Col,{xs:i?12:s?4:3,className:"flex-column align-items-flex-start mb-1"},n.createElement(r.Row,null,!!f&&n.createElement(B,null),n.createElement(r.Col,{xs:(t=f,t?10:12)},n.createElement(o.a,{video:e.video,appLink:g,seriesAppLink:y,size:f?l.a.Small:l.a.Medium,textPosition:u.a.Independent,setFavourite:e.setFavourite,type:"static",analyticsOptions:{location:H.j.VideoListItem}})))),n.createElement(r.Col,{xs:i?12:s?8:9},n.createElement(w,{video:e.video}),n.createElement(c.a,{className:"d-block",video:e.video,appLink:y,analyticsOptions:{location:H.j.VideoListItem}}),n.createElement(P,{video:e.video,appLink:e.getVideoAppLink(e.video)}),n.createElement(x.a,null,n.createElement(F.a,{type:F.b.Rating,data:e.video.rating}),n.createElement(F.a,{type:F.b.ProductionYear,data:e.video.productionYear}),!e.hideInteractiveBadge&&n.createElement(F.a,{type:F.b.Interactive,data:e.video.interactives})),!p&&n.createElement(j,{video:e.video})))}var _=Object(i.SortableElement)((function(e){return n.createElement(M,Object.assign({},e))}))},844:function(e,t,a){e.exports={actionsDropdown:"XR0aX"}},845:function(e,t,a){e.exports={ellipsis:"LJY5U"}},846:function(e,t,a){e.exports={dragHandleContainer:"_24s1b"}},847:function(e,t,a){"use strict";a.d(t,"a",(function(){return u}));var n=a(0),r=a.n(n),i=a(33),o=a(45),c=a(236),s=a(848),l=a.n(s);function u(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(r.a.Fragment,null,Array(e.numVideos).fill(null).map((function(e,t){return r.a.createElement(i.Row,{key:t,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}},848:function(e,t,a){e.exports={partialName:"_7KNC2",partialDescription:"Vk_wR",partialThumbnail:"_3peRZ",partialDragHandle:"_1F7_f"}},849:function(e,t,a){"use strict";a.d(t,"a",(function(){return m}));var n=a(14),r=a(154),i=a(830),o=a(239),c=a(842);function s(e){return function(e){if(Array.isArray(e))return l(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 l(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 l(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 l(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 u={ratings:!0,favourites:!0,watchHistory:!0};function d(e,t){var a,r=n.a.useGetResponse(null===(a=t)||void 0===a?void 0:a.key),i=n.a.useGetFetch(t);e&&t&&r.shouldFetch&&i()}function m(e){var t,a,l,m=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},p=Object.assign(Object.assign({},u),m),v=p.ratings,f=p.favourites,g=p.watchHistory,y=n.a.useBasicFetch(r.a.currentUser()),b=e&&(Array.isArray(e)?e.filter(Boolean).map((function(e){return e.id})):e.data.filter(Boolean).map((function(e){return e.id}))),E=y.data,h=[];v&&(h=[].concat(s(h),[!!(null===(t=b)||void 0===t?void 0:t.length)&&o.a.videoRatings(b)])),f&&(h=[].concat(s(h),[!!(null===(a=b)||void 0===a?void 0:a.length)&&E&&i.a.isFavourited(E.id,b)])),g&&(h=[].concat(s(h),[!!(null===(l=b)||void 0===l?void 0:l.length)&&E&&c.a.videoHistory(E.customerId,E.id,b)])),h.forEach((function(t){return d(!!e,t)}))}}}]);