@clickview/lite 0.0.26-dev.0 → 0.0.26-dev.1

package/dist/scripts/20-9615a8e5b8.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[20],{1002:function(e,a,t){"use strict";t.d(a,"a",(function(){return r}));var n=t(0);function r(e){return n.createElement("div",{className:"custom-control custom-checkbox ".concat(e.className)},n.createElement("input",{type:"checkbox",className:"custom-control-input",id:e.id,name:e.name,checked:e.checked,onChange:e.onChange}),n.createElement("label",{className:"custom-control-label cursor-pointer",htmlFor:e.id},e.label))}r.defaultProps={checked:!1,label:"",className:""}},1010:function(e,a,t){e.exports={image:"_23Yda"}},1034:function(e,a,t){"use strict";t.d(a,"a",(function(){return r}));var n=t(210);function r(e){switch(e){case n.c.White:default:return"bg-white";case n.c.Pink:return"bg-pink";case n.c.YellowOrange:return"bg-yellow-orange";case n.c.Emerald:return"bg-emerald";case n.c.PuertoRico:return"bg-puerto-rico";case n.c.PictonBlue:return"bg-picton-blue";case n.c.EastSide:return"bg-east-side";case n.c.Portage:return"bg-portage"}}},1050:function(e,a,t){"use strict";t.d(a,"a",(function(){return l}));var n=t(0),r=t.n(n);function o(e,a,t){return a in e?Object.defineProperty(e,a,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[a]=t,e}function c(e,a){return function(e){if(Array.isArray(e))return e}(e)||function(e,a){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var t=[],n=!0,r=!1,o=void 0;try{for(var c,i=e[Symbol.iterator]();!(n=(c=i.next()).done)&&(t.push(c.value),!a||t.length!==a);n=!0);}catch(e){r=!0,o=e}finally{try{n||null==i.return||i.return()}finally{if(r)throw o}}return t}(e,a)||function(e,a){if(!e)return;if("string"==typeof e)return i(e,a);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return i(e,a)}(e,a)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(e,a){(null==a||a>e.length)&&(a=e.length);for(var t=0,n=new Array(a);t<a;t++)n[t]=e[t];return n}var l=function(e){var a,t,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=r.a.useState(!1),l=c(i,2),s=l[0],m=l[1],u=r.a.useState({}),d=c(u,2),p=d[0],g=d[1],f=n.idField,v=void 0===f?"id":f;function b(){var a=!s;m(a);var t=e.reduce((function(e,t){return e[t[v]]=a,e}),{});g(t)}function E(a){var t=!p[a.toString()],n=Object.assign(Object.assign({},p),o({},a.toString(),t));g(n),Object.keys(n).filter((function(e){return n[e]})).length!==e.length?!t&&s&&m(!1):m(!0)}function N(e){return!!s||("string"!=typeof e&&"number"!=typeof e&&(e=e[v]),p[e])}function y(){return s?Object.keys(p):Object.keys(p).filter((function(e){return p[e]}))}return r.a.useEffect((function(){var a;if(null===(a=e)||void 0===a?void 0:a.length){var t=e.reduce((function(e,a){var t,r,o=!1;return(null===(r=null===(t=n)||void 0===t?void 0:t.preselectedIds)||void 0===r?void 0:r.includes(a[v]))&&(o=!0),e[a[v].toString()]=o,e}),{});g(t)}}),[e,null===(t=null===(a=n)||void 0===a?void 0:a.preselectedIds)||void 0===t?void 0:t.length]),{onToggleBulk:b,onToggleItem:E,getSelected:y,isChecked:N,bulkChecked:s}}},1051:function(e,a,t){"use strict";t.d(a,"a",(function(){return p}));var n=t(0),r=t.n(n),o=t(40),c=t(303),i=t(64),l=t(17),s=t(210),m=t(1034),u=t(1052),d=t.n(u);function p(e){function a(a){var t="".concat(d.a.colourOption," position-relative"),n="colour:0"===a?"border border-dark":"",r=e.disabled?"cursor-default":"",o=Object(m.a)(a);return"".concat(t," ").concat(n," ").concat(r," ").concat(o)}var t,n,u={};return e.disabled&&(u.show=!1),r.a.createElement(o.Dropdown,Object.assign({},u),r.a.createElement(o.Dropdown.Toggle,{id:e.id,variant:"link",className:(t="".concat(d.a.dropdownToggle," outline-none p-0 d-flex align-items-center text-decoration-none"),n=e.disabled?"cursor-default":"","".concat(t," ").concat(n))},r.a.createElement("div",{className:"border border-secondary rounded bg-white ".concat(d.a.colourButton)},r.a.createElement("div",{className:"px-0 py-1 rounded ".concat(Object(m.a)(e.selection))}," ")),!e.disabled&&r.a.createElement(i.a,{svgName:l.b.Caret})),r.a.createElement(o.Dropdown.Menu,null,r.a.createElement("ul",{className:"".concat(d.a.colourList," list-unstyled d-flex flex-wrap px-2 m-0")},Object.keys(s.c).map((function(t){var n=s.c[t];return r.a.createElement("li",{key:"".concat(e.id,":").concat(n),className:"m-1"},r.a.createElement(c.a,{onClick:function(){return e.onSelect(n)},className:a(n)},n===s.c.White?r.a.createElement("div",{className:d.a.lineThrough}):r.a.createElement(r.a.Fragment,null," ")))})))))}p.defaultProps={selection:s.c.White,onSelect:function(){}}},1052:function(e,a,t){e.exports={dropdownToggle:"_347DY",colourButton:"_1rKvE",colourList:"_328-w",colourOption:"_1Tw7u",lineThrough:"_18oZq"}},1165:function(e,a,t){e.exports={pillTabSelector:"_33p-_"}},1228:function(e,a,t){e.exports={partialSize:"_1HB_G"}},1229:function(e,a,t){e.exports={heading:"_3W4zl",checkbox:"_11WXC",actionIcon:"_1K3UF",addStudents:"_1sqTe",studentName:"_3cfGe",group:"_2HHY1",sm:"_3_EMi",lg:"_3L-SN",moreActions:"_9PVrB"}},1230:function(e,a,t){e.exports={heading:"_2TMwg",nameHeading:"_1TlYf",colourHeading:"_3_Tfc",newGroup:"_3oBoz",group:"_3aWN8",colourPicker:"_2NcjR",actionIcon:"_3bhju"}},1231:function(e,a,t){e.exports={actionsContainer:"_3wYTF"}},1479:function(e,a,t){"use strict";t.r(a);var n=t(0),r=t.n(n),o=t(19),c=t(9),i=t(2),l=t(304),s=t(91),m=t(101),u=t(161),d=t(998),p=t(961),g=t(17),f=t(77),v=t(46),b=t(7),E=t(13),N=t(303),y=t(1165),h=t.n(y);function S(e){return r.a.createElement("nav",null,r.a.createElement("ul",{className:"list-unstyled d-inline-block border border-dark m-0 ".concat(h.a.pillTabSelector)},e.tabs.map((function(e){return r.a.createElement("li",{className:"p-0 ".concat(e.active?"btn btn-primary":"btn btn-secondary"),key:e.name},r.a.createElement(N.a,{className:"cursor-pointer outline-none py-1",onClick:function(){return function(e){e.active||e.onSelect()}(e)}},e.name))}))))}var k=t(162),C=t(309),w=t(76),O=t(48),A=t(3),T=t(958),L=t(184),x=t(64),I=t(1002),M=t(1050),j=t(40),_=t(58),D=t(210),P=t(1034);function R(e){var a,t;if(!e.group)return r.a.createElement(r.a.Fragment,null);var n="font-weight-normal text-nowrap rounded-pill py-1 px-2";return(null===(a=e.group.metadata)||void 0===a?void 0:a.colour)&&e.group.metadata.colour!==D.c.White?n+=" text-white":n+=" border border-dark",n+=" ".concat(Object(P.a)(null===(t=e.group.metadata)||void 0===t?void 0:t.colour)),r.a.createElement("div",{className:n},e.group.name)}var U="classrooms.classroomGroupDropdown";function G(e){var a,t=Object(M.a)(e.groups,{preselectedIds:e.preselections.map((function(e){return e.id}))}),n=t.onToggleItem,o=t.isChecked;var c,i,l={alignRight:!!e.alignRight};return e.disabled&&(l.show=!1),r.a.createElement(j.Dropdown,Object.assign({},l),r.a.createElement(j.Dropdown.Toggle,{as:"div",id:e.id,className:"".concat(e.disabled?"text-light":"cursor-pointer"," ").concat("mr-2 d-inline-block svg-container sm"," no-caret")},r.a.createElement(x.a,{svgName:g.b.Tag})),r.a.createElement(j.Dropdown.Menu,null,!!(null===(a=e.groups)||void 0===a?void 0:a.length)&&r.a.createElement("div",{className:"px-2 border-bottom pb-1 mb-1"},r.a.createElement("p",{className:"mb-0"},r.a.createElement(s.b,{namespace:U,phrase:"groupAs"})),r.a.createElement("ul",{className:"list-unstyled pr-3"},e.groups.map((function(a){return r.a.createElement("li",{key:a.id,className:"d-flex align-items-center bg-white my-1"},r.a.createElement(I.a,{id:"".concat(e.id,":").concat(a.id),checked:o(a.id),onChange:function(){return function(a){e.onToggle(a,!o(a.id)),n(a.id)}(a)}}),r.a.createElement(R,{group:a}))})))),r.a.createElement(_.a,{onClick:function(){O.a.logUserAction({},O.a.mergeOptions(e.analyticsOptions,{actionType:A.n.Create,workflowPhase:A.o.Start,entity:A.d.ClassroomGroup}))},appLink:(c=e.classroom.id,i=e.studentIds,{application:b.a.CLASSROOMS,action:E.a.Classrooms.NEW_GROUP,args:[c],params:{addStudents:i}}),className:"text-nowrap d-flex align-items-center px-2"},r.a.createElement(x.a,{svgName:g.b.Plus}),r.a.createElement(s.b,{namespace:U,phrase:"createNew"}))))}G.defaultProps={preselections:[]};var F=t(141),H=c.a.encloseNamespace("classrooms.manageClassroomStudentItem");function B(e){var a,t,n,c=Object(w.useDispatch)(),i=Object(T.a)(),l=e.groups.filter((function(a){var t,n;if(null===(n=null===(t=a.users)||void 0===t?void 0:t.data)||void 0===n?void 0:n.length)return!!a.users.data.find((function(a){return a.id===e.student.id}))}));return r.a.createElement("div",{className:"d-flex align-items-center py-1 px-4"},r.a.createElement(I.a,{id:e.student.id,checked:e.checked,onChange:e.onToggleCheckbox,className:"mr-2"}),r.a.createElement("p",{className:"mb-0 w-25 text-truncate text-nowrap"},e.student.name," ",e.student.surname),r.a.createElement("div",{className:"mr-auto d-flex flex-wrap mt-n1"},!!l.length&&l.map((function(e){return r.a.createElement("div",{key:e.id,className:"mr-1 mt-1"},r.a.createElement(R,{group:e}))}))),r.a.createElement(G,{id:"add-group-".concat(e.student.id),classroom:e.classroom,groups:e.groups,studentIds:[e.student.id],preselections:l,onToggle:function(a,t){return function(a,t,n){n?o.a.fetch(c,C.a.addStudentsToGroup([a.id],t.id,e.classroom.id,(function(){O.a.logUserAction({id:t.id,studentCount:1},{actionType:A.n.Associate,entity:A.d.ClassroomGroup,descriptor:A.a.User,workflowPhase:A.o.Complete,location:A.j.ManageClassroomStudentListItem}),i.success(H("addSuccess",{studentName:a.name,groupName:t.name}))}),(function(){i.error(H("addError",{studentName:a.name,groupName:t.name}))}))):o.a.fetch(c,C.a.removeStudentsFromGroup([a.id],t.id,e.classroom.id,(function(){O.a.logUserAction({id:t.id,studentCount:1},{actionType:A.n.Dissociate,entity:A.d.ClassroomGroup,descriptor:A.a.User,workflowPhase:A.o.Complete,location:A.j.ManageClassroomStudentListItem}),i.success(H("removeSuccess",{studentName:a.name,groupName:t.name}))}),(function(){i.error(H("removeError",{studentName:a.name,groupName:t.name}))})))}(e.student,a,t)},analyticsOptions:{location:A.j.ManageClassroomStudentListItem},alignRight:!0}),r.a.createElement(p.a,{actions:[{label:H("editStudent"),appLink:(n=e.student.id,{application:b.a.USER_MANAGER,action:E.a.UserManager.EDIT_USER,args:[n],params:{userType:F.a.Learner}}),onClick:function(){O.a.logUserAction({id:e.student.id},{actionType:A.n.Edit,entity:A.d.User,workflowPhase:A.o.Start,location:A.j.ManageClassroomStudentListItem})}},{label:H("removeStudent"),appLink:(a=e.student.id,t=e.classroom.id,{application:b.a.CLASSROOMS,action:E.a.Classrooms.REMOVE_STUDENTS,args:[t],params:{studentIds:[a]}}),className:"text-danger",onClick:function(){O.a.logUserAction({id:e.classroom.id,userId:e.student.id},{actionType:A.n.Dissociate,entity:A.d.Classroom,descriptor:A.a.User,workflowPhase:A.o.Start,location:A.j.ManageClassroomStudentListItem})}}],actionsDropdownClassName:"btn"}))}var W=c.a.encloseNamespace("classrooms.manageClassroomStudents");function Y(e){var a=e.classroom,t=e.students,r=e.groups,c=Object(w.useDispatch)(),l=Object(T.a)(),m=Object(M.a)(t.data),u=m.onToggleBulk,d=m.onToggleItem,p=m.getSelected,y=m.isChecked,h=m.bulkChecked,S=p().length,k=r.filter((function(e){var a,t;if(!(null===(t=null===(a=e.users)||void 0===a?void 0:a.data)||void 0===t?void 0:t.length))return!1;var n=!0,r=0,o=p();if(o.length){var c=function(){var a=o[r];e.users.data.find((function(e){return e.id.toString()===a.toString()}))||(n=!1),r++};do{c()}while(r<o.length);return n}}));var j=Object(f.a)(v.a.XLDown);return n.createElement(n.Fragment,null,n.createElement("div",{className:"d-flex align-items-center py-2 ".concat(j?"pl-2":"pl-4")},n.createElement(I.a,{id:"manage-classroom-students-bulk",onChange:u,checked:h,className:"mr-4"}),n.createElement(G,{id:"bulk-add-group",classroom:a,studentIds:p(),groups:r,onToggle:function(e,t){var n=p();t?o.a.fetch(c,C.a.addStudentsToGroup(n,e.id,a.id,(function(){O.a.logUserAction({id:e.id,studentCount:n.length},{actionType:A.n.Associate,entity:A.d.ClassroomGroup,descriptor:A.a.User,workflowPhase:A.o.Complete,location:A.j.ManageClassroomStudents}),l.success(W("addSuccess",{groupName:e.name}))}),(function(){l.error(W("addError",{groupName:e.name}))}))):o.a.fetch(c,C.a.removeStudentsFromGroup(n,e.id,a.id,(function(){O.a.logUserAction({id:e.id,studentCount:n.length},{actionType:A.n.Dissociate,entity:A.d.ClassroomGroup,descriptor:A.a.User,workflowPhase:A.o.Complete,location:A.j.ManageClassroomStudents}),l.success(W("removeSuccess",{groupName:e.name}))}),(function(){l.error(W("removeError",{groupName:e.name}))})))},disabled:!S,preselections:k,analyticsOptions:{location:A.j.ManageClassroomStudents}}),n.createElement(N.a,{className:"mr-auto ".concat(S?"":"text-light cursor-default"),onClick:function(){S&&(O.a.logUserAction({id:a.id},{entity:A.d.Classroom,descriptor:A.a.User,workflowPhase:A.o.Start,actionType:A.n.Dissociate,location:A.j.ManageClassroomStudents}),i.a.AppLinkHelper.trigger({application:b.a.CLASSROOMS,action:E.a.Classrooms.REMOVE_STUDENTS,args:[a.id],params:{studentIds:p()}}))}},n.createElement(x.a,{svgName:g.b.Delete})),n.createElement(L.a,{onClick:function(){O.a.logUserAction({id:a.id},{entity:A.d.Classroom,descriptor:A.a.User,workflowPhase:A.o.Start,actionType:A.n.Associate,location:A.j.ManageClassroomStudents}),i.a.AppLinkHelper.trigger({application:b.a.CLASSROOMS,action:E.a.Classrooms.ADD_STUDENTS,args:[a.id]})},svgName:g.b.Plus,className:"btn btn-secondary"},n.createElement(s.b,{namespace:"classrooms.manageClassroomStudents",phrase:"addStudent"}))),n.createElement("ul",{className:"striped-list list-unstyled"},t.data.map((function(t){return n.createElement("li",{key:t.id},n.createElement(B,{classroom:a,student:t,groups:e.groups,checked:y(t.id),onToggleCheckbox:function(){return d(t.id)}}))}))))}var z=t(1051);function V(e){var a;return r.a.createElement(r.a.Fragment,null,r.a.createElement("div",{className:"d-flex align-items-center"},r.a.createElement("p",{className:"w-33 m-0"},e.group.name),r.a.createElement("div",{className:"d-inline-block mr-4"},r.a.createElement(z.a,{selection:null===(a=e.group.metadata)||void 0===a?void 0:a.colour,id:"".concat(e.group.id,"-classroom-group-list-item"),disabled:!0})),r.a.createElement(N.a,{className:"mr-2",onClick:function(){O.a.logUserAction({id:e.group.id},{entity:A.d.ClassroomGroup,workflowPhase:A.o.Start,actionType:A.n.Edit,location:A.j.ManageClassroomGroupListItem}),i.a.AppLinkHelper.trigger({application:b.a.CLASSROOMS,action:E.a.Classrooms.EDIT_GROUP,args:[e.classroom.id,e.group.id]})}},r.a.createElement(x.a,{svgName:g.b.Edit})),r.a.createElement(N.a,{onClick:function(){O.a.logUserAction({id:e.group.id},{entity:A.d.ClassroomGroup,workflowPhase:A.o.Start,actionType:A.n.Delete,location:A.j.ManageClassroomGroupListItem}),i.a.AppLinkHelper.trigger({application:b.a.CLASSROOMS,action:E.a.Classrooms.DELETE_GROUP,args:[e.classroom.id,e.group.id]})}},r.a.createElement(x.a,{svgName:g.b.Delete}))))}function $(e){var a,t;return n.createElement(s.a.Provider,{value:"classrooms.manageClassroomGroups"},n.createElement("div",{className:"py-2"},n.createElement("div",{className:"d-flex align-items-center"},n.createElement("h2",{className:"h6 w-33"},n.createElement(s.b,{phrase:"groupName"})),n.createElement("h2",{className:"h6 w-25"},n.createElement(s.b,{phrase:"colour"})),n.createElement(L.a,{appLink:(t=e.classroom.id,{application:b.a.CLASSROOMS,action:E.a.Classrooms.NEW_GROUP,args:[t]}),onClick:function(){O.a.logUserAction({classroomId:e.classroom.id},{workflowPhase:A.o.Start,entity:A.d.ClassroomGroup,actionType:A.n.Create,location:A.j.ManageClassroomGroups})},className:"btn btn-secondary ml-auto",svgName:g.b.Plus},n.createElement(s.b,{phrase:"createNew"}))),n.createElement("ul",{className:"list-unstyled"},!!(null===(a=e.groups)||void 0===a?void 0:a.length)&&e.groups.map((function(a){return n.createElement("li",{key:a.id,className:"mb-2"},n.createElement(V,{classroom:e.classroom,group:a}))})))))}var q=t(212),J=t(993);function K(e){return r.a.createElement(s.a.Provider,{value:"classrooms.manageClassroomStudentsEmptyState"},r.a.createElement("div",{className:"text-center pt-5"},r.a.createElement(J.a,{src:q.a.EmptyStates.CLASSROOMS}),r.a.createElement("h2",{className:"h6"},r.a.createElement(s.b,{phrase:"emptyStateHeading"})),r.a.createElement("p",{className:"mb-3"},r.a.createElement(s.b,{phrase:"emptyStateInfo"})),r.a.createElement(L.a,{className:"btn btn-primary",onClick:function(){i.a.AppLinkHelper.trigger({application:b.a.CLASSROOMS,action:E.a.Classrooms.ADD_STUDENTS,args:[e.classroom.id]})},svgName:g.b.Plus},r.a.createElement(s.b,{phrase:"addStudents"}))))}var X=t(1228),Q=t.n(X);function Z(){return r.a.createElement("div",{className:"partial-loading-background ".concat(h.a.pillTabSelector," ").concat(Q.a.partialSize)})}var ee=t(1229),ae=t.n(ee);function te(){return r.a.createElement("div",{className:"px-3"},r.a.createElement("div",{className:"mb-1 partial-loading-background ".concat(ae.a.heading)}),r.a.createElement("div",{className:"pb-3"},r.a.createElement(d.c,{numItems:2})),r.a.createElement("div",{className:"pb-2"},r.a.createElement(Z,null)),r.a.createElement("div",{className:"d-flex align-items-center py-2"},r.a.createElement("div",{className:"mx-4 partial-loading-background ".concat(ae.a.checkbox)}),r.a.createElement("div",{className:"mr-2 partial-loading-background ".concat(ae.a.actionIcon)}),r.a.createElement("div",{className:"mr-auto partial-loading-background ".concat(ae.a.actionIcon)}),r.a.createElement("div",{className:"partial-loading-background ".concat(ae.a.addStudents)})),r.a.createElement("ul",{className:"striped-list list-unstyled"},Array(20).fill(null).map((function(e,a){return r.a.createElement("li",{key:a},r.a.createElement("div",{className:"d-flex align-items-center py-1 px-4"},r.a.createElement("div",{className:"mr-2 partial-loading-background ".concat(ae.a.checkbox)}),r.a.createElement("div",{className:"w-25"},r.a.createElement("div",{className:"partial-loading-background ".concat(ae.a.studentName)})),r.a.createElement("div",{className:"mr-auto d-flex"},Math.random()>.5?r.a.createElement(r.a.Fragment,null,r.a.createElement("div",{className:"partial-loading-background rounded-pill mr-1 ".concat(ae.a.group," ").concat(ae.a.lg)}),r.a.createElement("div",{className:"partial-loading-background rounded-pill ".concat(ae.a.group," ").concat(ae.a.sm)})):r.a.createElement("div",{className:"partial-loading-background rounded-pill ".concat(ae.a.group," ").concat(ae.a.sm)})),r.a.createElement("div",{className:"mr-2 partial-loading-background ".concat(ae.a.actionIcon)}),r.a.createElement("div",{className:"partial-loading-background ".concat(ae.a.moreActions)})))}))))}var ne=t(1230),re=t.n(ne);function oe(){return r.a.createElement("div",{className:"px-3"},r.a.createElement("div",{className:"mb-1 partial-loading-background ".concat(re.a.heading)}),r.a.createElement("div",{className:"pb-3"},r.a.createElement(d.c,{numItems:2})),r.a.createElement("div",{className:"pb-2"},r.a.createElement(Z,null)),r.a.createElement("div",{className:"py-2"},r.a.createElement("div",{className:"d-flex align-items-center"},r.a.createElement("div",{className:"w-25 mb-2"},r.a.createElement("div",{className:"partial-loading-background ".concat(re.a.nameHeading)})),r.a.createElement("div",{className:"w-25 mb-2"},r.a.createElement("div",{className:"partial-loading-background ".concat(re.a.colourHeading)})),r.a.createElement("div",{className:"partial-loading-background ml-auto ".concat(re.a.newGroup)})),r.a.createElement("ul",{className:"list-unstyled"},Array(8).fill(null).map((function(e,a){return r.a.createElement("li",{key:a,className:"mb-2"},r.a.createElement("div",{className:"d-flex align-items-center"},r.a.createElement("div",{className:"w-25"},r.a.createElement("div",{className:"partial-loading-background ".concat(re.a.group)})),r.a.createElement("div",{className:"d-inline-block mr-4"},r.a.createElement("div",{className:"partial-loading-background ".concat(re.a.colourPicker)})),r.a.createElement("div",{className:"partial-loading-background mr-2 ".concat(re.a.actionIcon)}),r.a.createElement("div",{className:"partial-loading-background ".concat(re.a.actionIcon)})))})))))}var ce=t(1231),ie=t.n(ce);t.d(a,"ManageClassroomView",(function(){return se}));var le=c.a.encloseNamespace("classrooms.manageClassroom");function se(e){var a,t,n=o.a.useBasicFetch(C.a.getClassroom(e.id)),c=o.a.useBasicFetch(C.a.getClassroomStudents(e.id)),N=o.a.useBasicFetch(C.a.getClassroomGroups(e.id));Object(l.a)(le("students"===e.activeTab?"pageTitleStudents":"pageTitleGroups"));var y=Object(u.a)().hasPermissions,h=Object(f.a)(v.a.SMDown),w=[{label:le(h?"editClassroom":"edit"),appLink:{application:b.a.CLASSROOMS,action:E.a.Classrooms.EDIT_CLASSROOM,args:[e.id]},className:"btn btn-secondary",svgName:g.b.Edit,button:!h},{label:le("delete"),className:"text-danger",appLink:{application:b.a.CLASSROOMS,action:E.a.Classrooms.DELETE_CLASSROOM,args:[e.id]}}];var O=[{name:le("students"),onSelect:function(){i.a.AppLinkHelper.trigger({application:b.a.CLASSROOMS,action:E.a.Classrooms.MANAGE_CLASSROOM,args:[e.id],params:{tab:"students"}})},active:"students"===e.activeTab},{name:le("groups"),onSelect:function(){i.a.AppLinkHelper.trigger({application:b.a.CLASSROOMS,action:E.a.Classrooms.MANAGE_CLASSROOM,args:[e.id],params:{tab:"groups"}})},active:"groups"===e.activeTab}];return y(m.a.CreateClassrooms)?n.data&&(null===(a=c.data)||void 0===a?void 0:a.data)&&(null===(t=N.data)||void 0===t?void 0:t.data)?r.a.createElement(s.a.Provider,{value:"classrooms.manageClassroom"},r.a.createElement("div",{className:"px-3 position-relative"},r.a.createElement("h1",{className:"mb-1"},n.data.name),r.a.createElement("div",{className:ie.a.actionsContainer},r.a.createElement(p.a,{actions:w,actionsDropdownClassName:"btn btn-secondary"})),r.a.createElement("div",{className:"pb-3"},r.a.createElement(d.b,{type:d.a.Static,data:[{name:le("classroomsBreadcrumb")},n.data,{name:le("manageBreadcrumb")}],currentItem:{name:le("manageBreadcrumb")},getItemAppLink:function(e){var a,t;return"id"in e?(null===(t=null===(a=c.data)||void 0===a?void 0:a.data)||void 0===t?void 0:t.length)?{application:b.a.CLASSROOMS,action:E.a.Classrooms.CLASSROOM,args:[e.id]}:null:{application:b.a.CLASSROOMS,action:E.a.Classrooms.HOME}}})),r.a.createElement("div",{className:"pb-2"},r.a.createElement(S,{tabs:O})),function(){var a,t;return"students"===e.activeTab?(null===(t=null===(a=c.data)||void 0===a?void 0:a.data)||void 0===t?void 0:t.length)?r.a.createElement(Y,{classroom:n.data,students:c.data,groups:N.data.data}):r.a.createElement(K,{classroom:n.data}):r.a.createElement($,{classroom:n.data,groups:N.data.data})}())):"students"===e.activeTab?r.a.createElement(te,null):r.a.createElement(oe,null):(i.a.ErrorHelper.throw(new k.a),r.a.createElement(r.a.Fragment,null))}se.defaultProps={activeTab:"students"}},958:function(e,a,t){"use strict";t.d(a,"a",(function(){return c}));var n=t(208),r=t(61),o=t(71),c=function(){var e=Object(n.a)(o.a.ALERT);return{success:function(a){e.success(a)()},error:function(a){e.error(a)()},warning:function(a){e.createAlert({type:r.a.Warning,heading:r.c.Warning,message:a})}}}},960:function(e,a,t){e.exports={buttonList:"_2v9CT",dropdownToggle:"AYBvQ"}},961:function(e,a,t){"use strict";var n=t(0),r=t(184),o=t(306),c=t(45),i=t(48),l=t(64),s=t(58),m=t(17),u=t(960),d=t.n(u);function p(e){var a="dropdown-item";return e&&(a+=" ".concat(e)),a}function g(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(a){e.action.analyticsData&&e.action.analyticsOptions&&i.a.logUserAction(e.action.analyticsData,e.action.analyticsOptions),c.a.isFunction(e.action.onClick)&&e.action.onClick(a)}},e.action.label)}function f(e){if(!e.actions||!e.actions.length)return n.createElement(n.Fragment,null);var a="dropdown";e.className&&(a+=" ".concat(e.className));var t="actions-dropdown-".concat(o.a.getRandomInt()),r="dropdown-toggle px-0 ".concat(d.a.dropdownToggle);return e.dropdownToggleClassName&&(r+=" ".concat(e.dropdownToggleClassName)),n.createElement("div",{className:a},n.createElement("button",{className:r,type:"button",id:t,"data-toggle":"dropdown","aria-haspopup":"true","aria-expanded":"false"},n.createElement(l.a,{svgName:m.b.More,size:l.b.Small})),n.createElement("div",{className:"dropdown-menu dropdown-menu-right","aria-labelledby":t},e.actions.map((function(e,a){return n.createElement(g,{key:a,action:e})}))))}f.defaultProps={dropdownToggleClassName:"btn btn-light"};var v=t(308);function b(e){var a=[],t=[];e.actions.forEach((function(e){e.button?a.push(e):t.push(e)}));var o="d-flex";return e.className&&(o+=" ".concat(e.className)),n.createElement("div",{className:o},n.createElement(n.Fragment,null,!!a.length&&n.createElement("span",{className:d.a.buttonList},a.map((function(e,a){return n.createElement(n.Fragment,{key:a},e.label?n.createElement(v.a,{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(r.a,{appLink:e.appLink,onClick:e.onClick,svgName:e.svgName,className:e.className,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions}))}))),e.sortComponent?e.sortComponent:"",!!t.length&&n.createElement(f,{actions:t,className:!!a.length&&"ml-2",dropdownToggleClassName:e.actionsDropdownClassName})))}t.d(a,"a",(function(){return b}))},993:function(e,a,t){"use strict";t.d(a,"a",(function(){return i}));var n=t(0),r=t.n(n),o=t(1010),c=t.n(o);function i(e){return r.a.createElement("img",{alt:"",role:"presentation",src:e.src,className:e.className})}i.defaultProps={className:"".concat(c.a.image," pb-3")}},998:function(e,a,t){"use strict";var n,r=t(0),o=t(45),c=t(69),i=t(140),l=t(999),s=t(58),m=function(e){var a=e.breadcrumb,t=a.label,n=a.appLink,o=a.active;return r.createElement("li",{className:"breadcrumb-item".concat(o?" active":"")},o?r.createElement("strong",null,t):r.createElement(s.a,{appLink:n},t))},u=function(e){var a=e.breadcrumbs;return r.createElement("ol",{className:"breadcrumb m-0 p-0"},a.map((function(e,a){return r.createElement(m,{key:a,breadcrumb:e})})))};function d(e){return function(e){if(Array.isArray(e))return f(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||g(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function p(e,a){return function(e){if(Array.isArray(e))return e}(e)||function(e,a){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var t=[],n=!0,r=!1,o=void 0;try{for(var c,i=e[Symbol.iterator]();!(n=(c=i.next()).done)&&(t.push(c.value),!a||t.length!==a);n=!0);}catch(e){r=!0,o=e}finally{try{n||null==i.return||i.return()}finally{if(r)throw o}}return t}(e,a)||g(e,a)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function g(e,a){if(e){if("string"==typeof e)return f(e,a);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?f(e,a):void 0}}function f(e,a){(null==a||a>e.length)&&(a=e.length);for(var t=0,n=new Array(a);t<a;t++)n[t]=e[t];return n}function v(e,a,t){return{label:e.name,appLink:a(e),active:t}}function b(e){var a=function(e,a){var t,n=e.currentItem,l=e.getItemAppLink,s=e.getParent,m=e.rootItem,u=e.data,g=e.subview,f=p(Object(r.useState)([]),2),b=f[0],E=f[1],N=null===(t=u)||void 0===t?void 0:t.map((function(e){var a;return null===(a=e)||void 0===a?void 0:a.name})).join("-");r.useEffect((function(){if(!a&&!c.a.isEmpty(u)){var e=u.map((function(e,a){return v(e,l,a+1===u.length)}));m&&e.unshift(m),E(e)}}),[N]),r.useEffect((function(){if(a&&o.a.isFunction(s)){var e=[v(n,l,!0)];for(n=s(n);n;)e.unshift(v(n,l)),n=s(n);return m&&e.unshift(m),E(e)}}),[n,s,l,m]);var y=r.useRef({label:g,appLink:null,active:!0}).current;if(g){b.includes(y)||E([].concat(d(b),[y]));var h=b.filter((function(e){return e.active&&e!==y}));h.length&&(i.a.first(h).active=!1)}return b}(e,e.type===n.Dynamic);return r.createElement("nav",{"aria-label":"breadcrumb"},r.createElement(u,{breadcrumbs:a}))}t.d(a,"a",(function(){return n})),t.d(a,"b",(function(){return b})),t.d(a,"c",(function(){return E})),function(e){e[e.Static=0]="Static",e[e.Dynamic=1]="Dynamic"}(n||(n={}));var E=function(e){var a=e.numItems,t=void 0===a?3:a;return r.createElement("nav",{"aria-label":"breadcrumb"},r.createElement("ol",{className:"breadcrumb m-0 p-0"},l.a.getPartialLoadingItems({numItems:t}).map((function(e,a){var t=e.width;return r.createElement("li",{key:a,className:"breadcrumb-item"},r.createElement("span",{className:"d-inline-block partial-loading-background",style:{width:t},dangerouslySetInnerHTML:{__html:"&nbsp"}}))}))))}},999:function(e,a,t){"use strict";function n(e){return function(e){if(Array.isArray(e))return r(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,a){if(!e)return;if("string"==typeof e)return r(e,a);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return r(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 r(e,a){(null==a||a>e.length)&&(a=e.length);for(var t=0,n=new Array(a);t<a;t++)n[t]=e[t];return n}t.d(a,"a",(function(){return o}));var o={getPartialLoadingItems:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},a=e.numItems,t=void 0===a?5:a,r=e.minWidth,o=void 0===r?50:r,c=e.maxWidth,i=void 0===c?100:c,l=function(){return Math.max(Math.floor(Math.random()*i),o)};return n(Array(t)).map((function(){return{width:"".concat(l(),"px")}}))}}}}]);

package/dist/scripts/20.chunk.js

@@ -0,0 +1,369 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[20],{
+
+/***/ "../../libs/shared/src/flight-requests/FavouriteVideoRequests.ts":
+/*!***********************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/flight-requests/FavouriteVideoRequests.ts ***!
+  \***********************************************************************************************************/
+/*! exports provided: FavouriteVideoRequests */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FavouriteVideoRequests", function() { return FavouriteVideoRequests; });
+/* harmony import */ var _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/backbone/enums/HttpVerbs */ "../../libs/common/src/backbone/enums/HttpVerbs.ts");
+/* harmony import */ var _constants_WithStatements__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../constants/WithStatements */ "../../libs/shared/src/constants/WithStatements.ts");
+
+
+
+function favouriteVideo(videoId, userId, success, error) {
+  return {
+    url: "{gateway}/v1/objects/".concat(userId),
+    key: "favourite:video:".concat(userId, ":").concat(videoId),
+    data: {
+      favouriteVideos: videoId
+    },
+    type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__["HttpVerbs"].PUT,
+    invalidationKeys: ["favourite:videos:".concat(userId), "video:is:favourited:".concat(userId)],
+    success: success,
+    error: error
+  };
+}
+
+function unfavouriteVideo(videoId, userId, success, error) {
+  return {
+    url: "{gateway}/v1/objects/".concat(userId, "/favouriteVideos?memberId=").concat(videoId),
+    key: "favourite:video:".concat(userId, ":").concat(videoId),
+    type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__["HttpVerbs"].DELETE,
+    invalidationKeys: ["favourite:videos:".concat(userId), "video:is:favourited:".concat(userId)],
+    success: success,
+    error: error
+  };
+}
+
+var FavouriteVideoRequests = {
+  favouriteVideos: function favouriteVideos(userId, cursor) {
+    return {
+      url: "{gateway}/v1/objects/".concat(userId, "/favouriteVideos?query=").concat(_constants_WithStatements__WEBPACK_IMPORTED_MODULE_1__["WithStatementHelper"].VideoCollectionWithAssocs(userId, true)).concat(addCursor(cursor)),
+      key: "favourite:videos:".concat(userId).concat(cursor ? ":".concat(cursor) : '')
+    };
+  },
+  updateIsVideoFavourited: function updateIsVideoFavourited(videoId, userId, shouldFavourite, success, error) {
+    var requestFn = shouldFavourite ? favouriteVideo : unfavouriteVideo;
+    return requestFn(videoId, userId, success, error);
+  },
+  isFavourited: function isFavourited(userId, ids) {
+    var sortedIds = ids.slice().sort();
+    var params = sortedIds.map(function (i) {
+      return "id=".concat(i);
+    });
+    if (!params.length) return;
+    return {
+      url: "{gateway}/v1/objects?query=favouritedBy{id:".concat(userId, "}&").concat(params.join('&')),
+      key: "video:is:favourited:".concat(userId, ":by:id:").concat(sortedIds.join(','))
+    };
+  }
+};
+
+function addCursor(cursor) {
+  return cursor ? "&cursor=".concat(cursor) : '';
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/flight-requests/ThemeRequests.ts":
+/*!**************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/flight-requests/ThemeRequests.ts ***!
+  \**************************************************************************************************/
+/*! exports provided: ThemeRequests */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ThemeRequests", function() { return ThemeRequests; });
+/* harmony import */ var _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/backbone/enums/HttpVerbs */ "../../libs/common/src/backbone/enums/HttpVerbs.ts");
+/* harmony import */ var _common_src_backbone_utils_UrlHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../common/src/backbone/utils/UrlHelper */ "../../libs/common/src/backbone/utils/UrlHelper.ts");
+
+
+var ThemeRequests = {
+  theme: function theme(id) {
+    return {
+      url: "/api/domain/v1/themes/".concat(id),
+      key: "themes:".concat(id)
+    };
+  },
+  themeImages: function themeImages(name, type) {
+    return {
+      url: _common_src_backbone_utils_UrlHelper__WEBPACK_IMPORTED_MODULE_1__["UrlHelper"].urlBuilder('/api/domain/v1/themes', {
+        name: name,
+        type: type
+      }),
+      key: "themes:".concat(name, ":").concat(type)
+    };
+  },
+  themes: function themes(type) {
+    var url = '/api/domain/v1/themes';
+    var key = 'themes';
+
+    if (type) {
+      url += "?type=".concat(type);
+      key += ":type:".concat(type);
+    }
+
+    return {
+      url: url,
+      key: key
+    };
+  },
+  createTheme: function createTheme(data, success, error, always) {
+    return {
+      url: '/api/domain/v1/themes',
+      key: 'theme',
+      data: data,
+      type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__["HttpVerbs"].POST,
+      invalidationKeys: 'themes',
+      success: success,
+      error: error,
+      always: always
+    };
+  },
+  updateTheme: function updateTheme(id, data, success, error, always) {
+    return {
+      url: "/api/domain/v1/themes/".concat(id),
+      key: "update:theme:".concat(id),
+      data: data,
+      type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__["HttpVerbs"].PUT,
+      success: success,
+      error: error,
+      always: always
+    };
+  },
+  deleteTheme: function deleteTheme(id, success, error, always) {
+    return {
+      url: "/api/domain/v1/themes/".concat(id),
+      key: "delete:theme:".concat(id),
+      type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__["HttpVerbs"].DELETE,
+      invalidationKeys: 'themes',
+      success: success,
+      error: error,
+      always: always
+    };
+  }
+};
+
+/***/ }),
+
+/***/ "./src/shared/hooks/useHandleObjectError.ts":
+/*!**************************************************!*\
+  !*** ./src/shared/hooks/useHandleObjectError.ts ***!
+  \**************************************************/
+/*! exports provided: useHandleObjectError */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useHandleObjectError", function() { return useHandleObjectError; });
+/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* harmony import */ var _libs_common_src_backbone_enums_HttpStatus__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../libs/common/src/backbone/enums/HttpStatus */ "../../libs/common/src/backbone/enums/HttpStatus.ts");
+/* harmony import */ var shared_errors_general_not_found_LiteNotFoundError__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! shared/errors/general/not-found/LiteNotFoundError */ "./src/shared/errors/general/not-found/LiteNotFoundError.ts");
+/* harmony import */ var shared_errors_general_unspecified_error_UnspecifiedError__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! shared/errors/general/unspecified-error/UnspecifiedError */ "./src/shared/errors/general/unspecified-error/UnspecifiedError.ts");
+/* harmony import */ var shared_errors_general_private_resource_PrivateResourceError__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! shared/errors/general/private-resource/PrivateResourceError */ "./src/shared/errors/general/private-resource/PrivateResourceError.ts");
+/* harmony import */ var shared_errors_general_region_locked_resource_RegionLockedResourceError__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! shared/errors/general/region-locked-resource/RegionLockedResourceError */ "./src/shared/errors/general/region-locked-resource/RegionLockedResourceError.ts");
+
+
+
+
+
+
+var defaultErrors = {
+  notFound: shared_errors_general_not_found_LiteNotFoundError__WEBPACK_IMPORTED_MODULE_2__["NotFoundError"],
+  forbidden: {
+    rating: shared_errors_general_private_resource_PrivateResourceError__WEBPACK_IMPORTED_MODULE_4__["PrivateResourceError"],
+    yearLevel: shared_errors_general_private_resource_PrivateResourceError__WEBPACK_IMPORTED_MODULE_4__["PrivateResourceError"],
+    region: shared_errors_general_region_locked_resource_RegionLockedResourceError__WEBPACK_IMPORTED_MODULE_5__["RegionLockedResourceError"],
+    privacy: shared_errors_general_private_resource_PrivateResourceError__WEBPACK_IMPORTED_MODULE_4__["PrivateResourceError"]
+  },
+  badRequest: shared_errors_general_unspecified_error_UnspecifiedError__WEBPACK_IMPORTED_MODULE_3__["UnspecifiedError"]
+};
+function useHandleObjectError(object, customErrors) {
+  var errors = Object.assign(Object.assign({}, defaultErrors), customErrors);
+  if (!object.statusCode || object.statusCode === _libs_common_src_backbone_enums_HttpStatus__WEBPACK_IMPORTED_MODULE_1__["HttpStatus"].Ok) return;
+
+  if (object.statusCode === _libs_common_src_backbone_enums_HttpStatus__WEBPACK_IMPORTED_MODULE_1__["HttpStatus"].NotFound) {
+    _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_0__["Core"].ErrorHelper["throw"](new errors.notFound());
+    return;
+  }
+
+  if (object.statusCode === _libs_common_src_backbone_enums_HttpStatus__WEBPACK_IMPORTED_MODULE_1__["HttpStatus"].Forbidden) {
+    /**
+     * TODO: Work out how to go about handling all forbidden errors, such as region locking, year levels,
+     * ratings, and privacy.
+     */
+    _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_0__["Core"].ErrorHelper["throw"](new errors.forbidden.privacy());
+    return;
+  }
+
+  _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_0__["Core"].ErrorHelper["throw"](new errors.badRequest());
+}
+
+/***/ }),
+
+/***/ "./src/shared/views/play/PlayView.tsx":
+/*!********************************************!*\
+  !*** ./src/shared/views/play/PlayView.tsx ***!
+  \********************************************/
+/*! exports provided: PlayView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PlayView", function() { return PlayView; });
+/* 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 react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ "react-redux");
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
+/* harmony import */ var _libs_common_src_react_hooks_UseViewModel__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../libs/common/src/react/hooks/UseViewModel */ "../../libs/common/src/react/hooks/UseViewModel.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../libs/shared/src/flight-requests/UserRequests */ "../../libs/shared/src/flight-requests/UserRequests.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_FavouriteVideoRequests__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../libs/shared/src/flight-requests/FavouriteVideoRequests */ "../../libs/shared/src/flight-requests/FavouriteVideoRequests.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_ThemeRequests__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../libs/shared/src/flight-requests/ThemeRequests */ "../../libs/shared/src/flight-requests/ThemeRequests.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_PlayerRequests__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../libs/shared/src/flight-requests/PlayerRequests */ "../../libs/shared/src/flight-requests/PlayerRequests.ts");
+/* harmony import */ var _libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../libs/common/src/react/hooks/UseSetPageTitle */ "../../libs/common/src/react/hooks/UseSetPageTitle.ts");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+/* harmony import */ var _libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../../../libs/shared/src/hooks/UseAlerts */ "../../libs/shared/src/hooks/UseAlerts.ts");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var shared_flight_requests_VideoRequests__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! shared/flight-requests/VideoRequests */ "./src/shared/flight-requests/VideoRequests.ts");
+/* harmony import */ var shared_components_play_page_PlayPage__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! shared/components/play-page/PlayPage */ "./src/shared/components/play-page/PlayPage.tsx");
+/* harmony import */ var shared_constants_LiteViewModels__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! shared/constants/LiteViewModels */ "./src/shared/constants/LiteViewModels.ts");
+/* harmony import */ var shared_errors_videos_video_not_found_LiteVideoNotFoundError__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! shared/errors/videos/video-not-found/LiteVideoNotFoundError */ "./src/shared/errors/videos/video-not-found/LiteVideoNotFoundError.ts");
+/* harmony import */ var shared_errors_videos_video_private_VideoPrivateError__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! shared/errors/videos/video-private/VideoPrivateError */ "./src/shared/errors/videos/video-private/VideoPrivateError.ts");
+/* harmony import */ var shared_hooks_useHandleObjectError__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! shared/hooks/useHandleObjectError */ "./src/shared/hooks/useHandleObjectError.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_ConfigRequests__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../../../../../../libs/shared/src/flight-requests/ConfigRequests */ "../../libs/shared/src/flight-requests/ConfigRequests.ts");
+/* harmony import */ var _libs_shared_src_hooks_usePermissions__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../../../../../../libs/shared/src/hooks/usePermissions */ "../../libs/shared/src/hooks/usePermissions.ts");
+/* harmony import */ var _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../../../../../../libs/common/src/react/utils/ArrayHelper */ "../../libs/common/src/react/utils/ArrayHelper.ts");
+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 namespace = 'shared.play';
+var videoErrors = {
+  notFound: shared_errors_videos_video_not_found_LiteVideoNotFoundError__WEBPACK_IMPORTED_MODULE_16__["VideoNotFoundError"],
+  forbidden: {
+    privacy: shared_errors_videos_video_private_VideoPrivateError__WEBPACK_IMPORTED_MODULE_17__["VideoPrivateError"]
+  }
+};
+function PlayView(props) {
+  var _a, _b, _c;
+
+  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
+  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_11__["useAlerts"])();
+
+  var _useViewModel = Object(_libs_common_src_react_hooks_UseViewModel__WEBPACK_IMPORTED_MODULE_3__["useViewModel"])(shared_constants_LiteViewModels__WEBPACK_IMPORTED_MODULE_15__["ViewModelKeys"].WEB_PLAYER_DATA),
+      _useViewModel2 = _slicedToArray(_useViewModel, 2),
+      currentPlayerData = _useViewModel2[0],
+      setPlayerData = _useViewModel2[1];
+
+  var _usePermissions = Object(_libs_shared_src_hooks_usePermissions__WEBPACK_IMPORTED_MODULE_20__["usePermissions"])(),
+      hasPermissions = _usePermissions.hasPermissions;
+
+  var video = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(shared_flight_requests_VideoRequests__WEBPACK_IMPORTED_MODULE_13__["VideoRequests"].video(props.id), {
+    optimize: true
+  });
+  var viewKey = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_PlayerRequests__WEBPACK_IMPORTED_MODULE_7__["PlayerRequests"].createViewKey(props.id), {
+    optimize: true
+  });
+  var currentUser = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_4__["UserRequests"].currentUser(), {
+    optimize: true
+  });
+  var config = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_ConfigRequests__WEBPACK_IMPORTED_MODULE_19__["ConfigRequests"].config(), {
+    optimize: true
+  });
+  var glanceTheme = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(((_b = (_a = video.data) === null || _a === void 0 ? void 0 : _a.glance) === null || _b === void 0 ? void 0 : _b.theme) ? _libs_shared_src_flight_requests_ThemeRequests__WEBPACK_IMPORTED_MODULE_6__["ThemeRequests"].themeImages(video.data.glance.theme, video.data.glance.type) : null, {
+    optimize: true
+  }); // TODO: Swap this out for related videos endpoint
+
+  var relatedVideos = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(!!currentUser.data && _libs_shared_src_flight_requests_FavouriteVideoRequests__WEBPACK_IMPORTED_MODULE_5__["FavouriteVideoRequests"].favouriteVideos(currentUser.data.id));
+  Object(_libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_8__["useSetPageTitle"])((_c = video.data) === null || _c === void 0 ? void 0 : _c.name);
+  Object(shared_hooks_useHandleObjectError__WEBPACK_IMPORTED_MODULE_18__["useHandleObjectError"])(video, videoErrors);
+
+  function setFavourite(_video, shouldFavourite, onError) {
+    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].fetch(dispatch, _libs_shared_src_flight_requests_FavouriteVideoRequests__WEBPACK_IMPORTED_MODULE_5__["FavouriteVideoRequests"].updateIsVideoFavourited(_video.id, currentUser.data.id, shouldFavourite, function () {
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_9__["AnalyticsHelper"].logUserAction({
+        id: _video.id
+      }, {
+        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_10__["EntityType"].Video,
+        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_10__["UserAction"].Favourite,
+        descriptor: shouldFavourite ? _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_10__["ToggleDescriptor"].On : _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_10__["ToggleDescriptor"].Off,
+        location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_10__["LocationContext"].PlayPage,
+        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_10__["WorkflowPhase"].Complete
+      });
+      alerts.success(_libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_12__["LanguageService"].getPhrase(namespace, shouldFavourite ? 'favourited' : 'unfavourited', {
+        video: _video.name
+      }));
+    }, onError));
+  }
+
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    var _a;
+
+    if (!video.data || !viewKey.data) return;
+    setPlayerData('video', video.data);
+    setPlayerData('viewKey', viewKey.data.viewKey);
+    var newVideo = ((_a = currentPlayerData.video) === null || _a === void 0 ? void 0 : _a.id) !== video.data.id;
+    var newStartTime = Number.isInteger(props.startTime) && props.startTime !== currentPlayerData.startTime;
+    /**
+     * Only update start time if the video has changed or if a new startTime has been passed as a prop.
+     *
+     * We must set startTime as something other than undefined (i.e. a number) otherwise the ViewModelReducer
+     * won't recognise that it's a KVP.
+     */
+
+    if (newVideo || newStartTime) setPlayerData('startTime', props.startTime || 0);
+  }, [!!video.data, !!viewKey.data, props.startTime]);
+  if (!video.data || !viewKey.data || !currentUser.data || !config.data) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'px-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](shared_components_play_page_PlayPage__WEBPACK_IMPORTED_MODULE_14__["PlayPage"], {
+    video: video.data,
+    glanceTheme: glanceTheme.data,
+    relatedVideos: relatedVideos.data ? _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_21__["ArrayHelper"].firstFew(relatedVideos.data.data, 3) : null,
+    setFavourite: setFavourite,
+    imageCdnUrl: config.data.imageCdnUrl,
+    hasPermissions: hasPermissions
+  }));
+}
+
+/***/ })
+
+}]);
+//# sourceMappingURL=20.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView/front-end/clickview/packages/libs/shared/src/flight-requests/FavouriteVideoRequests.ts","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/flight-requests/ThemeRequests.ts","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/shared/hooks/useHandleObjectError.ts","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/shared/views/play/PlayView.tsx"],"names":[],"mappings":"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","file":"scripts/20.chunk.js","sourcesContent":["import { Flight } from 'libs/common/flight';\r\nimport { HttpVerbs } from 'libs/common/backbone/enums/HttpVerbs';\r\nimport { Xhr } from 'libs/common/backbone/interfaces';\r\nimport { WithStatementHelper } from 'libs/shared/constants/WithStatements';\r\n\r\nfunction favouriteVideo(\r\n  videoId: string, userId: string, success?: () => void, error?: (Xhr: Xhr) => void\r\n): Flight.Request {\r\n  return {\r\n    url: `{gateway}/v1/objects/${userId}`,\r\n    key: `favourite:video:${userId}:${videoId}`,\r\n    data: { favouriteVideos: videoId },\r\n    type: HttpVerbs.PUT,\r\n    invalidationKeys: [ `favourite:videos:${userId}`, `video:is:favourited:${userId}` ],\r\n    success,\r\n    error\r\n  };\r\n}\r\n\r\nfunction unfavouriteVideo(\r\n  videoId: string, userId: string, success?: () => void, error?: (Xhr: Xhr) => void\r\n): Flight.Request {\r\n  return {\r\n    url: `{gateway}/v1/objects/${userId}/favouriteVideos?memberId=${videoId}`,\r\n    key: `favourite:video:${userId}:${videoId}`,\r\n    type: HttpVerbs.DELETE,\r\n    invalidationKeys: [ `favourite:videos:${userId}`, `video:is:favourited:${userId}` ],\r\n    success,\r\n    error\r\n  };\r\n}\r\n\r\nexport const FavouriteVideoRequests = {\r\n  favouriteVideos(userId: string, cursor?: string): Flight.Request {\r\n    return {\r\n      url: `{gateway}/v1/objects/${userId}/favouriteVideos?query=${WithStatementHelper.VideoCollectionWithAssocs(userId, true)}${addCursor(cursor)}`,\r\n      key: `favourite:videos:${userId}${cursor ? `:${cursor}` : ''}`\r\n    };\r\n  },\r\n\r\n  updateIsVideoFavourited(\r\n    videoId: string, userId: string, shouldFavourite: boolean, success?: () => void, error?: (Xhr: Xhr) => void\r\n  ): Flight.Request {\r\n    const requestFn = shouldFavourite\r\n      ? favouriteVideo\r\n      : unfavouriteVideo;\r\n\r\n    return requestFn(videoId, userId, success, error);\r\n  },\r\n\r\n  isFavourited(userId: string, ids: string[]): Flight.Request {\r\n    const sortedIds = ids.slice().sort();\r\n\r\n    const params = sortedIds.map(i => `id=${i}`);\r\n\r\n    if (!params.length)\r\n      return;\r\n\r\n    return {\r\n      url: `{gateway}/v1/objects?query=favouritedBy{id:${userId}}&${params.join('&')}`,\r\n      key: `video:is:favourited:${userId}:by:id:${sortedIds.join(',')}`,\r\n    };\r\n  }\r\n};\r\n\r\nfunction addCursor(cursor: string): string {\r\n  return cursor ? `&cursor=${cursor}` : '';\r\n}","import { Flight } from 'libs/common/flight';\r\nimport { HttpVerbs } from 'libs/common/backbone/enums/HttpVerbs';\r\nimport { HashObject } from 'libs/common/react/interfaces/HashObject';\r\nimport { Xhr } from 'libs/common/backbone/interfaces';\r\nimport { Theme } from 'libs/shared/interfaces';\r\nimport { ThemeType } from '../enums/ThemeType';\r\nimport { UrlHelper } from 'libs/common/backbone/utils/UrlHelper';\r\n\r\nexport const ThemeRequests = {\r\n  theme(id: string): Flight.Request {\r\n    return {\r\n      url: `/api/domain/v1/themes/${id}`,\r\n      key: `themes:${id}`\r\n    };\r\n  },\r\n\r\n  themeImages(name: string, type: ThemeType): Flight.Request {\r\n    return {\r\n      url: UrlHelper.urlBuilder('/api/domain/v1/themes', { name, type }),\r\n      key: `themes:${name}:${type}`\r\n    };\r\n  },\r\n\r\n  themes(type?: string): Flight.Request {\r\n    let url = '/api/domain/v1/themes';\r\n    let key = 'themes';\r\n\r\n    if (type) {\r\n      url += `?type=${type}`;\r\n      key += `:type:${type}`;\r\n    }\r\n\r\n    return {\r\n      url,\r\n      key\r\n    };\r\n  },\r\n\r\n  createTheme(\r\n    data: Theme,\r\n    success?: (data: HashObject) => void,\r\n    error?: (xhr: Xhr) => void,\r\n    always?: () => void\r\n  ): Flight.Request {\r\n    return {\r\n      url: '/api/domain/v1/themes',\r\n      key: 'theme',\r\n      data,\r\n      type: HttpVerbs.POST,\r\n      invalidationKeys: 'themes',\r\n      success,\r\n      error,\r\n      always\r\n    };\r\n  },\r\n\r\n  updateTheme(\r\n    id: string,\r\n    data: Theme,\r\n    success?: (data: HashObject) => void,\r\n    error?: (xhr: Xhr) => void,\r\n    always?: () => void\r\n  ): Flight.Request {\r\n    return {\r\n      url: `/api/domain/v1/themes/${id}`,\r\n      key: `update:theme:${id}`,\r\n      data,\r\n      type: HttpVerbs.PUT,\r\n      success,\r\n      error,\r\n      always\r\n    };\r\n  },\r\n\r\n  deleteTheme(\r\n    id: string,\r\n    success?: (data: HashObject) => void,\r\n    error?: (xhr: Xhr) => void,\r\n    always?: () => void\r\n  ): Flight.Request {\r\n    return {\r\n      url: `/api/domain/v1/themes/${id}`,\r\n      key: `delete:theme:${id}`,\r\n      type: HttpVerbs.DELETE,\r\n      invalidationKeys: 'themes',\r\n      success,\r\n      error,\r\n      always\r\n    };\r\n  }\r\n};","import { Core } from 'libs/common/core';\r\nimport { Flight } from 'libs/common/flight';\r\nimport { HttpStatus } from 'libs/common/backbone/enums/HttpStatus';\r\n\r\nimport { BaseObject } from 'libs/shared/interfaces';\r\nimport { BaseError } from 'libs/common/backbone/core/BaseError';\r\n\r\nimport { NotFoundError } from 'shared/errors/general/not-found/LiteNotFoundError';\r\nimport { UnspecifiedError } from 'shared/errors/general/unspecified-error/UnspecifiedError';\r\nimport { PrivateResourceError } from 'shared/errors/general/private-resource/PrivateResourceError';\r\nimport { RegionLockedResourceError } from 'shared/errors/general/region-locked-resource/RegionLockedResourceError';\r\n\r\ninterface ErrorMap {\r\n  notFound?: new () => BaseError;\r\n  forbidden?: {\r\n    rating?: new (description: string) => BaseError;\r\n    yearLevel?: new (description: string) => BaseError;\r\n    region?: new () => BaseError;\r\n    privacy?: new () => BaseError;\r\n  };\r\n  badRequest?: new () => BaseError;\r\n}\r\n\r\nconst defaultErrors: ErrorMap = {\r\n  notFound: NotFoundError,\r\n  forbidden: {\r\n    rating: PrivateResourceError,\r\n    yearLevel: PrivateResourceError,\r\n    region: RegionLockedResourceError,\r\n    privacy: PrivateResourceError\r\n  },\r\n  badRequest: UnspecifiedError\r\n};\r\n\r\nexport function useHandleObjectError(\r\n  object: Flight.Response<BaseObject>,\r\n  customErrors: ErrorMap\r\n): void {\r\n  const errors = {\r\n    ...defaultErrors,\r\n    ...customErrors\r\n  };\r\n\r\n  if (!object.statusCode || object.statusCode === HttpStatus.Ok)\r\n    return;\r\n\r\n  if (object.statusCode === HttpStatus.NotFound) {\r\n    Core.ErrorHelper.throw(new errors.notFound());\r\n    return;\r\n  }\r\n\r\n  if (object.statusCode === HttpStatus.Forbidden) {\r\n    /**\r\n     * TODO: Work out how to go about handling all forbidden errors, such as region locking, year levels,\r\n     * ratings, and privacy.\r\n     */\r\n    Core.ErrorHelper.throw(new errors.forbidden.privacy());\r\n    return;\r\n  }\r\n\r\n  Core.ErrorHelper.throw(new errors.badRequest());\r\n}","import * as React from 'react';\r\nimport { useDispatch } from 'react-redux';\r\n\r\nimport { Flight } from 'libs/common/flight';\r\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\r\nimport { Video, CurrentUser, Theme, PlayerViewKey, VideoCollection, Config } from 'libs/shared/interfaces';\r\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\r\nimport { FavouriteVideoRequests } from 'libs/shared/flight-requests/FavouriteVideoRequests';\r\nimport { ThemeRequests } from 'libs/shared/flight-requests/ThemeRequests';\r\nimport { PlayerRequests } from 'libs/shared/flight-requests/PlayerRequests';\r\nimport { useSetPageTitle } from 'libs/common/react/hooks/UseSetPageTitle';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\nimport { EntityType, UserAction, LocationContext, WorkflowPhase, ToggleDescriptor } from 'libs/analytics/interfaces';\r\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\n\r\nimport { VideoRequests } from 'shared/flight-requests/VideoRequests';\r\nimport { PlayPage } from 'shared/components/play-page/PlayPage';\r\nimport { ViewModelKeys } from 'shared/constants/LiteViewModels';\r\nimport { VideoNotFoundError } from 'shared/errors/videos/video-not-found/LiteVideoNotFoundError';\r\nimport { VideoPrivateError } from 'shared/errors/videos/video-private/VideoPrivateError';\r\nimport { useHandleObjectError } from 'shared/hooks/useHandleObjectError';\r\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\r\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\r\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\r\n\r\nconst namespace = 'shared.play';\r\n\r\nconst videoErrors = {\r\n  notFound: VideoNotFoundError,\r\n  forbidden: {\r\n    privacy: VideoPrivateError\r\n  }\r\n};\r\n\r\ninterface PlayViewProps {\r\n  id: string;\r\n  startTime?: number; // Timepoint in seconds\r\n}\r\n\r\nexport function PlayView(props: PlayViewProps): React.ReactElement {\r\n  const dispatch = useDispatch();\r\n  const alerts = useAlerts();\r\n\r\n  const [ currentPlayerData, setPlayerData ] = useViewModel(ViewModelKeys.WEB_PLAYER_DATA);\r\n  const { hasPermissions } = usePermissions();\r\n\r\n  const video = Flight.useBasicFetch<Video>(VideoRequests.video(props.id), { optimize: true });\r\n  const viewKey = Flight.useBasicFetch<PlayerViewKey>(\r\n    PlayerRequests.createViewKey(props.id), { optimize: true });\r\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser(), { optimize: true });\r\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config(), { optimize: true });\r\n  const glanceTheme = Flight.useBasicFetch<Theme>(video.data?.glance?.theme\r\n    ? ThemeRequests.themeImages(video.data.glance.theme, video.data.glance.type) : null, { optimize: true });\r\n\r\n  // TODO: Swap this out for related videos endpoint\r\n  const relatedVideos = Flight.useBasicFetch<VideoCollection>(!!currentUser.data &&\r\n    FavouriteVideoRequests.favouriteVideos(currentUser.data.id));\r\n\r\n  useSetPageTitle(video.data?.name);\r\n  useHandleObjectError(video, videoErrors);\r\n\r\n  function setFavourite(_video: Video, shouldFavourite: boolean, onError?: () => void): void {\r\n    Flight.fetch(\r\n      dispatch,\r\n      FavouriteVideoRequests.updateIsVideoFavourited(_video.id, currentUser.data.id, shouldFavourite, () => {\r\n        AnalyticsHelper.logUserAction({ id: _video.id }, {\r\n          entity: EntityType.Video,\r\n          actionType: UserAction.Favourite,\r\n          descriptor: shouldFavourite ? ToggleDescriptor.On : ToggleDescriptor.Off,\r\n          location: LocationContext.PlayPage,\r\n          workflowPhase: WorkflowPhase.Complete\r\n        });\r\n\r\n        alerts.success(LanguageService.getPhrase(\r\n          namespace,\r\n          shouldFavourite ? 'favourited' : 'unfavourited',\r\n          { video: _video.name }\r\n        ));\r\n      }, onError)\r\n    );\r\n  }\r\n\r\n  React.useEffect(() => {\r\n    if (!video.data || !viewKey.data)\r\n      return;\r\n\r\n    setPlayerData('video', video.data);\r\n    setPlayerData('viewKey', viewKey.data.viewKey);\r\n\r\n    const newVideo = currentPlayerData.video?.id !== video.data.id;\r\n    const newStartTime = Number.isInteger(props.startTime) && props.startTime !== currentPlayerData.startTime;\r\n\r\n    /**\r\n     * Only update start time if the video has changed or if a new startTime has been passed as a prop.\r\n     * \r\n     * We must set startTime as something other than undefined (i.e. a number) otherwise the ViewModelReducer\r\n     * won't recognise that it's a KVP.\r\n     */\r\n    if (newVideo || newStartTime)\r\n      setPlayerData('startTime', props.startTime || 0);\r\n  }, [ !!video.data, !!viewKey.data, props.startTime ]);\r\n\r\n  if (!video.data || !viewKey.data || !currentUser.data || !config.data)\r\n    return <></>;\r\n\r\n  return (\r\n    <div className='px-3'>\r\n      <PlayPage\r\n        video={video.data}\r\n        glanceTheme={glanceTheme.data}\r\n        relatedVideos={relatedVideos.data ? ArrayHelper.firstFew(relatedVideos.data.data, 3) : null}\r\n        setFavourite={setFavourite}\r\n        imageCdnUrl={config.data.imageCdnUrl}\r\n        hasPermissions={hasPermissions}\r\n      />\r\n    </div>\r\n  );\r\n}"],"sourceRoot":""}

package/dist/scripts/21-30ec979fe0.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[21],{1049:function(e,t,a){"use strict";var n=a(0),r=a(9),i=a(64),o=a(58),c=a(17);function s(e){var t=e.backToName,a=e.appLink,s=e.color,l=e.extraClasses,u=t?r.a.getPhrase("shared.backButton","backTo",{backToName:t}):r.a.getPhrase("shared.backButton","back"),d="black"===s?"":"text-light";return n.createElement(o.a,{appLink:a,className:"d-inline-flex align-items-center h5 mb-0 ".concat(l," ").concat(d)},n.createElement(i.a,{svgName:c.b.ChevronLeft,size:i.b.Medium}),n.createElement("span",{className:"ml-1"},u))}s.defaultProps={color:"black",extraClasses:""};var l=a(211),u=a(160),d=a(961),m=a(1063),p=a.n(m);a.d(t,"a",(function(){return f})),a.d(t,"b",(function(){return b}));var f=n.memo((function(e){var t=e.heading,a=e.banner,r=e.imageCdnUrl,i=e.actions,o=e.sortComponent,c=e.blockColourClass,m=l.a.createBannerUrl(a,{fallbackBaseUrl:r,fallbackCategoryName:t,type:u.b.Banners},{size:u.a.Large,resizeType:u.c.Cover}),f={className:"banner banner-header",style:{backgroundImage:"url('".concat(m,"')")}};return!a&&c&&(delete f.style,f.className+=" ".concat(c)),n.createElement("div",Object.assign({},f),e.backButtonAppLink&&n.createElement("div",{className:"pt-3"},n.createElement(s,{appLink:e.backButtonAppLink,backToName:e.backButtonText,extraClasses:e.backButtonClasses,color:"white"})),n.createElement("h1",{className:"".concat(p.a.text," text-white text-shadow position-absolute mb-3 clamp-2")},t),!!i&&n.createElement("div",{className:p.a.actionsContainer},n.createElement(d.a,{actions:i,sortComponent:o,actionsDropdownClassName:e.actionsDropdownClassName})))}),(function(e,t){return e.actions===t.actions})),b=function(){return n.createElement("div",{className:"partial-banner partial-loading-background"})}},1063:function(e,t,a){e.exports={actionsContainer:"_286KF",text:"_3TSgh"}},1140:function(e,t,a){"use strict";a.d(t,"a",(function(){return c}));var n=a(49),r=function(e){return"{gateway}/v1/objects/".concat(e)},i=function(e,t,a){return"{gateway}/v1/objects/".concat(e,"/videos?query=").concat(n.b.VideoCollectionWithAssocs(t,!0)).concat(function(e){return e?"&cursor=".concat(e):""}(a))},o=function(e){return"/api/domain/v1/subjects/".concat(e,"/path")},c={series:function(e){return{url:r(e),key:"series:".concat(e)}},seriesVideos:function(e,t,a){return{url:i(e,t,a),key:"series:".concat(e,":videos:").concat(a)}},breadcrumbs:function(e){if(e)return{url:o(e),key:"series:".concat(e,":breadcrumbs")}}}},1451:function(e,t,a){"use strict";a.r(t),a.d(t,"SeriesView",(function(){return F}));var n=a(0),r=a(76),i=a(19),o=a(9),c=a(70),s=a(142),l=a(973),u=a(1049),d=a(998),m=a(963),p=a(983),f=a(17),b=a(48),v=a(3),g=a(43),y=a(304),h=a(958),E=a(101),k=a(161),N=a(1140),A=a(13),S=a(7),w=a(115);function C(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 j=o.a.encloseNamespace("shared.series"),x=function(e){return{application:S.a.SUBJECT,action:A.a.Subjects.CLASSIFICATION,args:[e.id,g.a.slugify(e.name)]}},O=function(e){return{application:S.a.DEFAULT,action:A.a.Default.PLAY_VIDEO,args:[e.id,g.a.slugify(e.name)],params:w.a.getVideoProgress(e)?{t:Math.floor(w.a.getVideoProgress(e))}:{}}},P=function(e){return{application:S.a.DEFAULT,action:A.a.Default.SERIES,args:[e.id,g.a.slugify(e.name)]}},I=function(e){return[{label:o.a.getPhrase("shared.series","share"),appLink:e&&{application:S.a.SHARE,action:A.a.Share.SHARE,args:[e.id],params:{entityType:"series"}},svgName:f.b.Share,className:"btn btn-secondary mr-2",button:!0},{label:o.a.getPhrase("shared.series","follow"),appLink:{application:S.a.DEFAULT,action:"index"},svgName:f.b.Bell,className:"btn btn-secondary",button:!0}]};function F(e){var t,a,f=Object(r.useDispatch)(),g=Object(h.a)(),w=Object(k.a)().hasPermissions,L=i.a.useBasicFetch(s.a.config()),F=i.a.useBasicFetch(c.a.currentUser()),T=i.a.useBasicFetch(N.a.series(e.id)),D=i.a.useBasicFetch(N.a.seriesVideos(e.id,null===(t=F.data)||void 0===t?void 0:t.id,e.cursor));Object(y.a)(null===(a=T.data)||void 0===a?void 0:a.name);var B=[T.data],V=i.a.useBasicFetch(e.classificationId&&N.a.breadcrumbs(e.classificationId));if(n.useEffect((function(){V.data&&B.unshift.apply(B,C(V.data))}),[V.data]),!D.data||!L.data||!T.data)return n.createElement(n.Fragment,null);var M=j("series",{seriesName:T.data.name});return n.createElement("div",{className:"px-3"},n.createElement(u.a,{heading:M,banner:null,imageCdnUrl:L.data.imageCdnUrl,backButtonAppLink:{application:S.a.DASHBOARD,action:A.a.Dashboard.HOME},backButtonText:"Home",actions:I(T.data)}),n.createElement("div",null,n.createElement("div",{className:"border-bottom py-3 mb-3"},e.classificationId&&B.length<2?n.createElement(d.c,null):n.createElement(d.b,{currentItem:T.data,type:d.a.Static,getItemAppLink:x,data:B,rootItem:{label:j("dashboard"),appLink:{application:S.a.DASHBOARD,action:A.a.Dashboard.HOME}}}),T.data.description&&n.createElement("p",{className:"pt-3"},T.data.description)),D.data?D.isFetching?n.createElement(p.b,null):n.createElement(m.c,{videos:D.data.data,cursors:D.data.pagination.cursors,getVideoAppLink:O,getSeriesAppLink:P,setFavourite:function(e,t,a){i.a.fetch(f,l.a.updateIsVideoFavourited(e.id,F.data.id,t,(function(){b.a.logUserAction({id:e.id},{entity:v.d.Video,actionType:v.n.Favourite,descriptor:t?v.m.On:v.m.Off,location:v.j.VideoThumbnail,workflowPhase:v.o.Complete}),g.success(o.a.getPhrase("shared.series",t?"favourited":"unfavourited",{video:e.name}))}),a))},hideFavouriteButton:!w(E.a.FavouriteVideos)}):n.createElement(n.Fragment,null,"Empty State")))}},960:function(e,t,a){e.exports={buttonList:"_2v9CT",dropdownToggle:"AYBvQ"}},961:function(e,t,a){"use strict";var n=a(0),r=a(184),i=a(306),o=a(45),c=a(48),s=a(64),l=a(58),u=a(17),d=a(960),m=a.n(d);function p(e){var t="dropdown-item";return e&&(t+=" ".concat(e)),t}function f(e){if(e.action.appLink)return n.createElement(l.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&&c.a.logUserAction(e.action.analyticsData,e.action.analyticsOptions),o.a.isFunction(e.action.onClick)&&e.action.onClick(t)}},e.action.label)}function b(e){if(!e.actions||!e.actions.length)return n.createElement(n.Fragment,null);var t="dropdown";e.className&&(t+=" ".concat(e.className));var a="actions-dropdown-".concat(i.a.getRandomInt()),r="dropdown-toggle px-0 ".concat(m.a.dropdownToggle);return e.dropdownToggleClassName&&(r+=" ".concat(e.dropdownToggleClassName)),n.createElement("div",{className:t},n.createElement("button",{className:r,type:"button",id:a,"data-toggle":"dropdown","aria-haspopup":"true","aria-expanded":"false"},n.createElement(s.a,{svgName:u.b.More,size:s.b.Small})),n.createElement("div",{className:"dropdown-menu dropdown-menu-right","aria-labelledby":a},e.actions.map((function(e,t){return n.createElement(f,{key:t,action:e})}))))}b.defaultProps={dropdownToggleClassName:"btn btn-light"};var v=a(308);function g(e){var t=[],a=[];e.actions.forEach((function(e){e.button?t.push(e):a.push(e)}));var i="d-flex";return e.className&&(i+=" ".concat(e.className)),n.createElement("div",{className:i},n.createElement(n.Fragment,null,!!t.length&&n.createElement("span",{className:m.a.buttonList},t.map((function(e,t){return n.createElement(n.Fragment,{key:t},e.label?n.createElement(v.a,{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(r.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(b,{actions:a,className:!!t.length&&"ml-2",dropdownToggleClassName:e.actionsDropdownClassName})))}a.d(t,"a",(function(){return g}))},962:function(e,t,a){"use strict";a.d(t,"a",(function(){return o})),a.d(t,"b",(function(){return s}));var n=a(9),r=a(17);function i(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}var o,c="shared.videoActionsHelper";!function(e){e[e.AddToPlaylist=0]="AddToPlaylist",e[e.RemoveFromPlaylist=1]="RemoveFromPlaylist",e[e.Share=2]="Share",e[e.Edit=3]="Edit"}(o||(o={}));var s=function(){var e;return i(e={},o.AddToPlaylist,{label:n.a.getPhrase(c,"addToPlaylist"),svgName:r.b.AddToPlaylists}),i(e,o.RemoveFromPlaylist,{label:n.a.getPhrase(c,"removeFromPlaylist"),svgName:r.b.Delete}),i(e,o.Share,{label:n.a.getPhrase(c,"share"),svgName:r.b.Share2}),i(e,o.Edit,{label:n.a.getPhrase(c,"edit"),svgName:r.b.Edit}),e}},963: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(952),i=a(2),o=a(967),c=a(974),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,hideFavouriteButton:e.hideFavouriteButton})}))),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)))}))},964:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var n=a(0),r=n.createContext({})},967: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(303),i=a(58),o=a(91),c=a(48),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"}},973:function(e,t,a){"use strict";a.d(t,"a",(function(){return c}));var n=a(27),r=a(49);function i(e,t,a,r){return{url:"{gateway}/v1/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 o(e,t,a,r){return{url:"{gateway}/v1/objects/".concat(t,"/favouriteVideos?memberId=").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 c={favouriteVideos:function(e,t){return{url:"{gateway}/v1/objects/".concat(e,"/favouriteVideos?query=").concat(r.b.VideoCollectionWithAssocs(e,!0)).concat(s(t)),key:"favourite:videos:".concat(e).concat(t?":".concat(t):"")}},updateIsVideoFavourited:function(e,t,a,n,r){return(a?i:o)(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:"{gateway}/v1/objects?query=favouritedBy{id:".concat(e,"}&").concat(n.join("&")),key:"video:is:favourited:".concat(e,":by:id:").concat(a.join(","))}}};function s(e){return e?"&cursor=".concat(e):""}},974:function(e,t,a){"use strict";var n=a(0),r=a(40),i=a(952),o=a(982),c=a(310),s=a(64),l=a(975),u=a(46),d=a(115),m=a(17),p=a(963),f=a(45),b=a(961),v=a(964),g=a(962),y=a(77),h=a(976),E=a.n(h),k=[g.a.AddToPlaylist];function N(e){var t=n.useContext(v.a),a=t.videoActions,r=void 0===a?k:a,i=t.getActionAppLink,o=t.hideLabel,c=Object(y.a)(u.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(g.b)()[t]))})),o&&!c&&(s=s.map((function(e){return Object.assign(Object.assign({},e),{label:null})}))),n.createElement(b.a,{actions:s,className:"float-right mt-n1",actionsDropdownClassName:"btn btn-link rounded-circle p-0 ".concat(E.a.actionsDropdown)})}var A=a(91),S=a(977),w=a.n(S);function C(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 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,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 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}function j(e){var t=C(n.useState(e.truncate),2),a=t[0],r=t[1];return Object(y.a)(u.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(w.a.ellipsis),onClick:function(){return r(!a)}},n.createElement(A.b,{namespace:"shared.videoItemDescription",phrase:a?"showMore":"showLess"}))))}j.defaultProps={truncate:!0};var x=a(58);function O(e){return n.createElement(x.a,{appLink:e.appLink},n.createElement("h5",{className:"m-0 mb-1 clamp-2"},e.video.name))}var P=a(990),I=a(985),F=a(209),T=a(3),D=a(160),B=a(978),V=a.n(B);a.d(t,"b",(function(){return U})),a.d(t,"a",(function(){return R}));var M=Object(i.SortableHandle)((function(){return n.createElement(r.Col,{xs:2,className:"d-flex justify-content-center align-items-center cursor-pointer ".concat(V.a.dragHandleContainer)},n.createElement(s.a,{svgName:m.b.Handle,size:s.b.Small}))}));function U(e){var t,a,i=Object(F.a)(),s=i===u.a.XS,m=i===u.a.SM||i===u.a.MD,f=i===u.a.SM,b=n.useContext(p.a).isSortable&&!s,v=e.getVideoAppLink(e.video),g=d.a.hasSeries(e.video)&&e.getSeriesAppLink(e.video.series);return n.createElement(r.Row,{className:"py-2"},n.createElement(r.Col,{xs:s?12:m?4:3,className:"flex-column align-items-flex-start mb-1"},n.createElement(r.Row,null,!!b&&n.createElement(M,null),n.createElement(r.Col,{xs:(a=b,a?10:12)},n.createElement(o.a,{video:e.video,appLink:v,seriesAppLink:g,imageOptions:{size:b?D.a.Small:D.a.Medium},textPosition:l.a.Independent,setFavourite:e.setFavourite,type:"static",analyticsOptions:{location:T.j.VideoListItem},hideFavouriteButton:e.hideFavouriteButton})))),n.createElement(r.Col,{xs:s?12:m?8:9},n.createElement(N,{video:e.video}),n.createElement(c.a,{className:"d-block",video:e.video,appLink:g,analyticsOptions:{location:T.j.VideoListItem}}),n.createElement(O,{video:e.video,appLink:e.getVideoAppLink(e.video)}),n.createElement(P.a,null,n.createElement(I.a,{type:I.b.Rating,data:e.video.rating}),n.createElement(I.a,{type:I.b.ProductionYear,data:e.video.productionYear}),!e.hideInteractiveBadge&&n.createElement(I.a,{type:I.b.Interactive,data:null===(t=e.video._hasinteractives)||void 0===t?void 0:t.value})),!f&&n.createElement(j,{video:e.video})))}var R=Object(i.SortableElement)((function(e){return n.createElement(U,Object.assign({},e))}))},976:function(e,t,a){e.exports={actionsDropdown:"XR0aX"}},977:function(e,t,a){e.exports={ellipsis:"LJY5U"}},978:function(e,t,a){e.exports={dragHandleContainer:"_24s1b"}},983: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.n(n),i=a(40),o=a(46),c=a(209),s=a(984),l=a.n(s);function u(e){return r.a.createElement(r.a.Fragment,null,Array(e.numVideos).fill(null).map((function(t,a){return r.a.createElement(d,Object.assign({key:a},e))})))}function d(e){var t=Object(c.a)(),a=t===o.a.XS,n=t===o.a.SM||t===o.a.MD,s=e.withReordering&&!a;return r.a.createElement(i.Row,{className:"py-2"},r.a.createElement(i.Col,{xs:a?12:n?4:3,className:"flex-column align-items-flex-start mb-1"},r.a.createElement(i.Row,null,!!s&&r.a.createElement("div",{className:"d-flex align-items-center justify-content-center col-2"},r.a.createElement("div",{className:"partial-loading-background ".concat(l.a.partialDragHandle)})),r.a.createElement(i.Col,{xs:s?10:12},r.a.createElement("div",{className:"partial-loading-background rounded-lg ".concat(l.a.partialThumbnail)})))),r.a.createElement(i.Col,{xs:a?12:n?8:9},r.a.createElement("div",{className:"partial-loading-background ".concat(l.a.partialSeriesLink)}),r.a.createElement("div",{className:"partial-loading-background mb-1 ".concat(l.a.partialName)}),r.a.createElement("div",{className:"partial-loading-background ".concat(l.a.partialDescription)}),r.a.createElement("div",{className:"partial-loading-background ".concat(l.a.partialBadges)}),r.a.createElement("div",{className:"partial-loading-background ".concat(l.a.partialActions)})))}u.defaultProps={numVideos:15}},984:function(e,t,a){e.exports={partialName:"_7KNC2",partialDescription:"Vk_wR",partialThumbnail:"_3peRZ",partialDragHandle:"_1F7_f"}},998:function(e,t,a){"use strict";var n,r=a(0),i=a(45),o=a(69),c=a(140),s=a(999),l=a(58),u=function(e){var t=e.breadcrumb,a=t.label,n=t.appLink,i=t.active;return r.createElement("li",{className:"breadcrumb-item".concat(i?" active":"")},i?r.createElement("strong",null,a):r.createElement(l.a,{appLink:n},a))},d=function(e){var t=e.breadcrumbs;return r.createElement("ol",{className:"breadcrumb m-0 p-0"},t.map((function(e,t){return r.createElement(u,{key:t,breadcrumb:e})})))};function m(e){return function(e){if(Array.isArray(e))return b(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||f(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function p(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(n=(o=c.next()).done)&&(a.push(o.value),!t||a.length!==t);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==c.return||c.return()}finally{if(r)throw i}}return a}(e,t)||f(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 f(e,t){if(e){if("string"==typeof e)return b(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?b(e,t):void 0}}function b(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 v(e,t,a){return{label:e.name,appLink:t(e),active:a}}function g(e){var t=function(e,t){var a,n=e.currentItem,s=e.getItemAppLink,l=e.getParent,u=e.rootItem,d=e.data,f=e.subview,b=p(Object(r.useState)([]),2),g=b[0],y=b[1],h=null===(a=d)||void 0===a?void 0:a.map((function(e){var t;return null===(t=e)||void 0===t?void 0:t.name})).join("-");r.useEffect((function(){if(!t&&!o.a.isEmpty(d)){var e=d.map((function(e,t){return v(e,s,t+1===d.length)}));u&&e.unshift(u),y(e)}}),[h]),r.useEffect((function(){if(t&&i.a.isFunction(l)){var e=[v(n,s,!0)];for(n=l(n);n;)e.unshift(v(n,s)),n=l(n);return u&&e.unshift(u),y(e)}}),[n,l,s,u]);var E=r.useRef({label:f,appLink:null,active:!0}).current;if(f){g.includes(E)||y([].concat(m(g),[E]));var k=g.filter((function(e){return e.active&&e!==E}));k.length&&(c.a.first(k).active=!1)}return g}(e,e.type===n.Dynamic);return r.createElement("nav",{"aria-label":"breadcrumb"},r.createElement(d,{breadcrumbs:t}))}a.d(t,"a",(function(){return n})),a.d(t,"b",(function(){return g})),a.d(t,"c",(function(){return y})),function(e){e[e.Static=0]="Static",e[e.Dynamic=1]="Dynamic"}(n||(n={}));var y=function(e){var t=e.numItems,a=void 0===t?3:t;return r.createElement("nav",{"aria-label":"breadcrumb"},r.createElement("ol",{className:"breadcrumb m-0 p-0"},s.a.getPartialLoadingItems({numItems:a}).map((function(e,t){var a=e.width;return r.createElement("li",{key:t,className:"breadcrumb-item"},r.createElement("span",{className:"d-inline-block partial-loading-background",style:{width:a},dangerouslySetInnerHTML:{__html:"&nbsp"}}))}))))}},999:function(e,t,a){"use strict";function n(e){return function(e){if(Array.isArray(e))return r(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 r(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 r(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 r(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}a.d(t,"a",(function(){return i}));var i={getPartialLoadingItems:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.numItems,a=void 0===t?5:t,r=e.minWidth,i=void 0===r?50:r,o=e.maxWidth,c=void 0===o?100:o,s=function(){return Math.max(Math.floor(Math.random()*c),i)};return n(Array(a)).map((function(){return{width:"".concat(s(),"px")}}))}}}}]);