@clickview/lite 0.27.0-rc.3 → 0.27.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/bundles.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "appBundle": "bundle-ea98be2e59.min.js",
2
+ "appBundle": "bundle-d8295b686b.min.js",
3
3
  "cssBundle": "lite-app-c3c8052691.css",
4
4
  "polyfillBundle": "polyfills-251fbbc973.min.js"
5
5
  }
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[528],{62148:(e,t,r)=>{r.r(t),r.d(t,{BulkUserActionsAddToClassroomActionDetailsView:()=>w});var a=r(1024),n=r.n(a),o=r(20354),l=r(97395),s=r(58703),c=r(88323),i=r(18087),u=r(23481),m=r(2948),d=r(82872),p=r(7855),f=r(83345),h=r(38143),g=r(96728);function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,a=new Array(t);r<t;r++)a[r]=e[r];return a}var E="userManager.bulkUserActionsAddToClassroomActionDetails",y=u.T.encloseNamespace(E);function S(e){var t,r,a=(t=(0,m.D)(h.g.BULK_USER_ACTIONS),r=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var a,n,o,l,s=[],c=!0,i=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(a=o.call(r)).done)&&(s.push(a.value),s.length!==t);c=!0);}catch(e){i=!0,n=e}finally{try{if(!c&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(i)throw n}}return s}}(t,r)||function(e,t){if(e){if("string"==typeof e)return v(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?v(e,t):void 0}}(t,r)||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.")}()),o=a[0],l=a[1];n().useEffect((function(){l("subAction","addToClassroom")}),[]);var s=n().useContext(g.e).setDisableNext;return n().useEffect((function(){s(!(null==o?void 0:o.classroom))}),[null==o?void 0:o.classroom]),n().createElement(f.D.Provider,{value:E},n().createElement("h2",{className:"h4 mb-3"},n().createElement(f.x,{phrase:"heading"})),n().createElement("p",{className:"mb-2"},n().createElement(f.x,{phrase:"info"})),n().createElement("div",{className:"p-2 border rounded mb-2"},n().createElement("label",null,n().createElement(f.x,{phrase:"placeholder"})),o.classroom?n().createElement("div",{className:"d-flex"},n().createElement(d.t,{selection:o.classroom,onClickRemove:function(){return l("classroom",null)}})):n().createElement("div",{className:"w-50"},n().createElement(p.R,{placeholder:y("placeholder"),getRemoteUrl:e.getSearchUrl,requestHeaders:null==e?void 0:e.requestHeaders,selections:o.classroom?[o.classroom]:[],formatRemoteSuggestions:function(e){return e.results},onSuggestionSelected:function(e){return l("classroom",e)},removeSelection:function(){},imageCdnUrl:e.imageCdnUrl,activationLength:2,debounceTime:200,errorStateImageUrl:e.errorStateImageUrl,emptyStateImageUrl:e.emptyStateImageUrl})),e.addToClassroomSupportLink&&n().createElement("p",{className:"mb-0 mt-2"},n().createElement(f.x,{phrase:"cantFindAClassroom"})," ",n().createElement("a",{href:e.addToClassroomSupportLink,className:"text-info",target:"_blank"},n().createElement(f.x,{phrase:"howToCreateClassroom"})))))}var b=r(31949),C=r(1211),U=r(39151),A=r(99742),T=r(12778),k=r(99705);function w(e){var t=(0,c.h)(e.userType),r=t.users,a=t.count,u=(0,i.Y)(e.userType),m=o.a.useBasicFetch(b.N.currentUser()),d=o.a.useBasicFetch(b.N.token()),p=o.a.useBasicFetch(U.L.config()),f=!!m.data&&!!d.data&&!!p.data,h=T.o.getLiteArticle(k.b.Classrooms);return n().createElement(s.d,{appLinks:u,userType:e.userType,users:r,currentStep:"action-details",userCount:a,loaded:f},f&&n().createElement(S,{getSearchUrl:function(e){return function(e,t,r){var a=C.J.searchClassrooms(e,t).url.split("{gateway}")[1];return l._.safeUrlConcat(r,a)}(e,m.data.customerId,p.data.gatewayApiUrl)},requestHeaders:{authorization:"Bearer ".concat(d.data.value)},imageCdnUrl:p.data.imageCdnUrl,addToClassroomSupportLink:h,errorStateImageUrl:A.W.TYPEAHEAD_ERROR,emptyStateImageUrl:A.W.EmptyStates.TYPEAHEAD_RESULTS,appLinks:u}))}}}]);
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[5347],{92869:(e,t,r)=>{r.d(t,{t:()=>s});var a=r(48088),n=r(95846),s={preventScrollTop:function(){a.Radio.channel(n.G.SHELL).trigger("prevent:scroll:top")}}},8221:(e,t,r)=>{r.d(t,{W:()=>g});var a=r(1024),n=r.n(a),s=r(1048),o=r(81886),l=r(92869),c=r(83914),i=r(58130),u=r(58879),m=r(28329),d=r(49985),p=r(65858);const v={searchSvg:"NXv7I"};function h(e){return h="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},h(e)}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,a=new Array(t);r<t;r++)a[r]=e[r];return a}function g(e){var t,r,a=(t=n().useState(""),r=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var a,n,s,o,l=[],c=!0,i=!1;try{if(s=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(a=s.call(r)).done)&&(l.push(a.value),l.length!==t);c=!0);}catch(e){i=!0,n=e}finally{try{if(!c&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(i)throw n}}return l}}(t,r)||function(e,t){if(e){if("string"==typeof e)return f(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?f(e,t):void 0}}(t,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),g=a[0],y=a[1];n().useEffect((function(){var t,r,a,n=o.Q.LocationUtils.DeserializeQueryParams(o.Q.LocationUtils.GetCurrentQueryString().substring(1));n&&"string"!=typeof n&&(n[e.queryParamName]?y(null!==(r=null===(t=n[e.queryParamName])||void 0===t?void 0:t.trim())&&void 0!==r?r:""):g.length&&!(null===(a=n[e.queryParamName])||void 0===a?void 0:a.length)&&y(""))}),[e.id]);var E=(0,m.N)(g,e.debounceTime);n().useEffect((function(){!function(){var t,r,a,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",c=o.Q.LocationUtils.DeserializeQueryParams(o.Q.LocationUtils.GetCurrentQueryString().substring(1)),i=s.t.omit(c,[e.queryParamName,"cursor"]),u=Object.assign((t={},r=e.queryParamName,a=n.trim()?n.trimLeft():"",(r=function(e){var t=function(e,t){if("object"!==h(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var a=r.call(e,"string");if("object"!==h(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===h(t)?t:String(t)}(r))in t?Object.defineProperty(t,r,{value:a,enumerable:!0,configurable:!0,writable:!0}):t[r]=a,t),i);u[e.queryParamName]||(delete u[e.queryParamName],delete u.cursor),l.t.preventScrollTop(),e.analyticsOptions&&d.k.logUserAction({query:n,indices:e.searchIndices},d.k.mergeOptions(e.analyticsOptions,{actionType:p.UserAction.InstantSearch,workflowPhase:p.WorkflowPhase.Complete})),o.Q.AppLinkHelper.trigger(Object.assign(Object.assign({},e.searchAppLink),{params:u}))}(E)}),[E]);var C=(0,u.s)({query:g,indices:e.searchIndices,analyticsOptions:e.analyticsOptions,shouldLog:!!e.analyticsOptions}).log;return n().createElement("div",{className:"position-relative w-100"},n().createElement("input",{name:e.name,type:"text",className:"form-control ".concat("lg"===e.size?"form-control-lg":""," py-1 px-2 w-100 border-dark ").concat(e.className||""),id:e.id,autoComplete:"off",placeholder:e.placeholder,"aria-label":"Search",onChange:function(e){y(e.target.value)},onBlur:function(e){var t;return C(null!==(t=e.target.value)&&void 0!==t?t:"")},value:g}),n().createElement(c.x,{svgName:i.vn.Search,className:"".concat(v.searchSvg," svg-container cursor-pointer text-dark")}))}g.defaultProps={debounceTime:300,queryParamName:"query"}},91286:(e,t,r)=>{r.d(t,{v:()=>o});var a=r(1024),n=r(94644);function s(e){return e.map((function(e){return e.statusCode})).join(":")}function o(e,t,r){var o=Array.isArray(e)?e:[e];(0,a.useEffect)((function(){o.forEach((function(e){(0,n.r)(e.statusCode,t,r)}))}),[s(o),t,r])}},16298:(e,t,r)=>{r.r(t),r.d(t,{ClassroomsView:()=>J});var a=r(1024),n=r.n(a),s=r(58566),o=r(20354),l=r(23481),c=r(81886),i=r(65858),u=r(16714),m=r(83345),d=r(58130),p=r(10874),v=r(22902),h=r(31949),f=r(67058),g=r(91286),y=r(8221),E=r(68677),C=r(97291),S=r(14070),b=r(69883),N=r(94644),P=r(63936),x=r(1211),w=r(88630),O=function(e){var t=o.a.useBasicFetch(h.N.currentUser()),r=(0,b.Z)(),a=(0,s.useDispatch)(),n=function(r){return e?x.J.searchClassrooms(e,t.data.customerId,r):w.F.getPublished(t.data.id,r)},c=function(e){return o.a.getFetch(a)(n(e))},i=(0,P.K)(!!t.data&&n,c,(function(e,t){if(1===e)return(0,N.r)(t);r.error(l.T.getPhrase("classrooms.hooks","error"))}),(function(t){return e?t.results:t.data}));return Object.assign(Object.assign({},i),{fetchNext:c})},L=r(46813),T=r(83914),k=r(36370),q="classrooms.classroomItem";function A(){var e="".concat(k.Z.emptyItem," rounded-lg px-2 d-flex mb-3 mt-2 flex-column align-items-center justify-content-center");return n().createElement("div",{className:"row"},n().createElement("div",{className:"col-6 col-sm-4 col-lg-3"},n().createElement("div",{className:e},n().createElement(T.x,{svgName:d.vn.Star,size:T.S.ExtraLarge,className:"text-yellow svg-container"}),n().createElement("h3",{className:"px-3 h6 text-center"},n().createElement(m.x,{namespace:q,phrase:"pinClassroom"})))))}const F={classroom:"_C9ww"};function R(e){var t=e.count;return n().createElement("ul",{className:"list-unstyled row"},Array(t).fill(null).map((function(e,t){return n().createElement("li",{key:t,className:"col-6 col-sm-4 col-lg-3 my-2"},n().createElement("div",{className:"partial-loading-background rounded-lg ".concat(F.classroom)}))})))}var U=r(71020),j="classrooms.classroomsLists";function I(e){var t,r,a=(0,v.T)().hasPermissions,s=null!==(r=null===(t=e.allClassrooms.items)||void 0===t?void 0:t.filter((function(t){return!e.pinnedClassrooms.some((function(e){return e.id===t.id}))})))&&void 0!==r?r:[];return n().createElement(n().Fragment,null,n().createElement("h2",{className:"h6 mb-0"},n().createElement(m.x,{namespace:j,phrase:"pinnedClassrooms"})),function(){var t;return e.showPartialLoading?n().createElement(R,{count:2}):(null===(t=e.pinnedClassrooms)||void 0===t?void 0:t.length)?n().createElement(L.w,{classrooms:e.pinnedClassrooms,onTogglePin:e.onTogglePin,currentUser:e.currentUser}):n().createElement(A,null)}(),n().createElement("h2",{className:"h6 mb-0"},n().createElement(m.x,{namespace:j,phrase:a(u.C.ManageAllClassrooms)?"allClassrooms":"otherClassrooms"})),e.showPartialLoading?n().createElement(R,{count:13}):n().createElement(n().Fragment,null,n().createElement(L.w,{classrooms:s,onTogglePin:e.onTogglePin,currentUser:e.currentUser}),(e.allClassrooms.isFetching||e.allClassrooms.nextCursor)&&n().createElement(U._,{isFetching:e.allClassrooms.isFetching,fetchNext:e.allClassrooms.fetchNext,nextCursor:e.allClassrooms.nextCursor})))}var M=r(23232),Q=r(99742),_="classrooms.emptySearchState";function W(e){var t=e.query;return n().createElement(m.D.Provider,{value:_},n().createElement(M.u,null,n().createElement(M.u.Image,{src:Q.W.EmptyStates.Classrooms.CLASSROOMS}),n().createElement(M.u.Heading,null,n().createElement(m.x,{phrase:"empty",options:{query:t}}))))}var D="classrooms.classroomsSearchResults";function H(e){return n().createElement(n().Fragment,null,n().createElement("h2",{className:"h6 mb-0"},n().createElement(m.x,{namespace:D,phrase:"heading",options:{query:e.query}})),(null===(t=e.searchResults)||void 0===t?void 0:t.items)?(null===(r=e.searchResults.items)||void 0===r?void 0:r.length)?n().createElement(n().Fragment,null,n().createElement(L.w,{classrooms:null!==(s=null===(a=e.searchResults)||void 0===a?void 0:a.items)&&void 0!==s?s:[],onTogglePin:e.onTogglePin,currentUser:e.currentUser}),(e.searchResults.isFetching||e.searchResults.hasMore)&&n().createElement(U._,{fetchNext:e.searchResults.fetchNext,isFetching:e.searchResults.isFetching,nextCursor:e.searchResults.nextCursor})):n().createElement(W,{query:e.query}):n().createElement(R,{count:5}));var t,r,a,s}var B="classrooms.classroomsEmptyState";function z(){return n().createElement(m.D.Provider,{value:B},n().createElement(M.u,null,n().createElement(M.u.Image,{src:Q.W.EmptyStates.Classrooms.CLASSROOMS}),n().createElement(M.u.Heading,null,n().createElement(m.x,{phrase:"heading"})),n().createElement(M.u.Info,null,n().createElement(m.x,{phrase:"info"})),n().createElement(M.u.Cta,{text:l.T.getPhrase(B,"cta"),icon:d.vn.Plus,appLink:{application:C.O.CLASSROOMS,action:S.e.Classrooms.NEW_CLASSROOM}})))}var G="classrooms.classrooms",V=l.T.encloseNamespace(G),Z={application:C.O.CLASSROOMS,action:S.e.Classrooms.NEW_CLASSROOM};function J(e){var t,r,a,l,b=(0,v.T)().hasPermissions;(0,E.M)({title:V("pageTitle")});var N=(0,s.useDispatch)(),P=o.a.useBasicFetch(h.N.currentUser()),x=o.a.useBasicFetch(w.F.getPinnedClassrooms(null===(t=P.data)||void 0===t?void 0:t.id)),L=O(e.query);function T(e,t,r,a){var n=t?w.F.pinClassroom:w.F.unpinClassroom;o.a.fetch(N,n(e,r,a))}if((0,g.v)(x),!b(u.C.ViewClassrooms))return c.Q.ErrorHelper.throw(new f.d),n().createElement(n().Fragment,null);var k=!!(null===(r=null==L?void 0:L.items)||void 0===r?void 0:r.length)||!!(null===(l=null===(a=x.data)||void 0===a?void 0:a.data)||void 0===l?void 0:l.length);return n().createElement(m.D.Provider,{value:G},n().createElement("div",{className:"px-3"},n().createElement("div",{className:"d-flex align-items-center pb-3"},n().createElement("h1",{className:"flex-fill h2"},n().createElement(m.x,{phrase:"heading"})),!(!k&&!e.query)&&n().createElement(n().Fragment,null,n().createElement("div",{className:"w-25 mr-3"},n().createElement(y.W,{id:"classroom-search",searchAppLink:{application:C.O.CLASSROOMS,action:S.e.Classrooms.HOME},searchIndices:["classroom"],analyticsOptions:{entity:i.EntityType.Classroom,location:i.LocationContext.ClassroomsList},placeholder:V("searchBarPlaceholder")})),n().createElement(p.h,{className:"btn btn-outline-dark",svgName:d.vn.Plus,appLink:Z,analyticsOptions:{actionType:i.UserAction.Create,entity:i.EntityType.Classroom,workflowPhase:i.WorkflowPhase.Start,location:i.LocationContext.ClassroomsList}},n().createElement(m.x,{phrase:"newClassroom"})))),function(){var t,r,a=!L.items||!x.hasCompleted;return a||k||e.query?e.query?n().createElement(H,{searchResults:L,query:e.query,onTogglePin:T,currentUser:P.data}):n().createElement(I,{pinnedClassrooms:null!==(r=null===(t=x.data)||void 0===t?void 0:t.data)&&void 0!==r?r:[],allClassrooms:L,onTogglePin:T,currentUser:P.data,showPartialLoading:a}):n().createElement(z,null)}()))}}}]);
@@ -1 +1 @@
1
- "use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[8564],{40955:(e,t,a)=>{a.d(t,{P:()=>r});var n=a(1024);function r(e){return e.audience?n.createElement("div",{className:"audience-label border rounded-pill d-inline-block px-2 text-nowrap \n ".concat("border-"+e.border," ").concat(e.className?e.className:"")},e.audience.name):n.createElement(n.Fragment,null)}},17464:(e,t,a)=>{a.d(t,{c:()=>i});var n=a(1024),r=a(7121);function i(e){var t="d-flex align-items-center badge-list ".concat(r.Z.minHeight);return e.className&&(t+=" ".concat(e.className)),n.createElement("div",{className:t},e.children)}},24900:(e,t,a)=>{a.d(t,{z:()=>l,O:()=>c});var n=a(1024),r=a(58130),i=a(83914);const o={mask:"qpc7L",small:"L8Oxs",video:"b8kJW",playlist:"eo2p2",maskContainer:"lpwag"};var c;function l(e){var t=e.type,a=e.size,l=function(e){return e===c.Video?o.video:e===c.Playlist?o.playlist:""}(t),s=function(e){return e===c.Video?r.vn.PlayCircle:""}(t);return n.createElement("div",{className:"".concat(o.maskContainer," ").concat("sm"===a?o.small:"")},n.createElement("div",{className:o.mask}),n.createElement(i.x,{svgName:s,className:l}))}!function(e){e[e.Video=0]="Video",e[e.Playlist=1]="Playlist",e[e.Series=2]="Series"}(c||(c={})),l.defaults={size:"md"}},16035:(e,t,a)=>{a.d(t,{z:()=>u});var n=a(1024),r=a.n(n),i=a(36848),o=a(44829),c=a(58130),l=a(83914),s=a(91807);function u(e){var t,a,n=e.tag,u=e.appLink,d=e.onClick,m=e.disabled,v=e.tagClass,p=void 0===v?"tag":v,g=n.name.toLowerCase(),y=null===(t=n.tagType)||void 0===t?void 0:t.toLowerCase(),f="badge-pill py-1 px-2 my-1 mr-1 ".concat(p," ").concat(function(e){switch(e){case o.Q.Pedagogy:case o.Q.Skill:return"pedagogy-tag text-white";case o.Q.Hidden:return"hidden-tag";case o.Q.Normal:default:return""}}(y)),h=y===o.Q.Normal&&!!(null===(a=e.themeColours)||void 0===a?void 0:a.secondary);h&&(f+=" text-white"),!u&&!d||m||(f+=" cursor-pointer"),m&&(f+=" "+s.Z.disabled),e.onRemove&&(f+=" "+s.Z.badge),u||(f+=" d-inline-block");var E=h?{backgroundColor:e.themeColours.secondary}:{};return u?r().createElement(i.F,{onClick:d,appLink:u,className:f,title:g,style:E},r().createElement("span",{className:"text-truncate text-nowrap"},g)):r().createElement("span",{onClick:d,className:f,title:g,style:E},r().createElement("span",{className:"text-truncate text-nowrap"},g,e.onRemove&&r().createElement("button",{onClick:e.onRemove,className:"".concat(s.Z.close," close font-size-normal")},r().createElement(l.x,{size:l.S.Small,svgName:c.vn.Close,className:"d-inline-block svg-container"}))))}},91743:(e,t,a)=>{a.d(t,{P:()=>u});var n=a(1024),r=a.n(n),i=a(16035),o=a(44829),c=a(91807);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 s(e){var t;switch(null===(t=e.tagType)||void 0===t?void 0:t.toLowerCase()){case o.Q.Pedagogy:return 0;case o.Q.Skill:return 1;default:return 2}}function u(e){if(!e.tags)return r().createElement(r().Fragment,null);var t,a=(t=e.tags,function(e){if(Array.isArray(e))return l(e)}(t)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(t)||function(e,t){if(e){if("string"==typeof e)return l(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)?l(e,t):void 0}}(t)||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.")}()).sort((function(e,t){return s(e)-s(t)}));return r().createElement("div",{className:c.Z.tagList},a.map((function(t){var a="function"==typeof e.getAppLink?e.getAppLink(t):null,n="function"==typeof e.onRemove?function(){return e.onRemove(t)}:null;return r().createElement(i.z,{key:t.id,tag:t,appLink:a,themeColours:e.themeColours,onRemove:n})})))}},22843:(e,t,a)=>{a.d(t,{h:()=>d});var n=a(1024),r=a.n(n),i=a(96022),o=a(65858),c=a(36848),l=a(11025),s=a(38647);const u={titleContainer:"rULXI",seriesTitleBox:"h9k1p",badgeContainer:"QaDDX",audienceBadge:"hvsne"};function d(e){var t=e.video,a=e.appLink,n=e.seriesAppLink,d=e.hideSeries,m=l.M.getCanBeConsumed(t).canNavigate;return r().createElement("div",{className:"mt-2"},r().createElement("div",{className:"d-flex flex-column ".concat(u.titleContainer)},l.M.isVideo(t)&&l.M.hasSeries(t)&&!d&&r().createElement(i.M,{className:"text-truncate ".concat(u.seriesTitleBox),video:t,appLink:n,analyticsOptions:{location:o.LocationContext.VideoThumbnail}}),r().createElement(c.F,{className:"h6 text-reset clamp-2 align-middle",appLink:m?a:null},t.name,r().createElement(s.m,{video:e.video,yearGroups:e.yearGroups,size:"sm"}))))}},58564:(e,t,a)=>{a.d(t,{u:()=>fe});var n=a(1024),r=a.n(n),i=a(65858),o=a(23481),c=a(79014),l=a(58130),s=a(83914),u=a(69883),d=a(1643),m=a(11025),v=a(11607);const p={favourited:"t0svX",favouriteButton:"CFRo3",heart:"ZMMQu",heartOutline:"truFo"};function g(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 y=o.T.encloseNamespace("shared.favouriteButton");function f(e){var t,a,r=(0,u.Z)(),i=d.h.isFavouritedByCurrentUser(e.video),o=(t=n.useState(i),a=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,r,i,o,c=[],l=!0,s=!1;try{if(i=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;l=!1}else for(;!(l=(n=i.call(a)).done)&&(c.push(n.value),c.length!==t);l=!0);}catch(e){s=!0,r=e}finally{try{if(!l&&null!=a.return&&(o=a.return(),Object(o)!==o))return}finally{if(s)throw r}}return c}}(t,a)||function(e,t){if(e){if("string"==typeof e)return g(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)?g(e,t):void 0}}(t,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.")}()),f=o[0],h=o[1];n.useEffect((function(){h(i)}),[i]);var E="".concat("d-flex align-items-center justify-content-center"," cursor-pointer ").concat(p.favouriteButton," ").concat(f?p.favourited:"");return e.className&&(E+=" ".concat(e.className)),c.q.isFunction(e.setFavourite)&&c.q.isFunction(e.canFavourite)&&e.canFavourite(e.video)?n.createElement(v.L,{className:E,onClick:function(){var t=!f;h(t),e.setFavourite(e.video,t,null,(function(){r.error(y(m.M.isClip(e.video)?t?"favouriteClipError":"unfavouriteClipError":m.M.isInteractive(e.video)?t?"favouriteInteractiveError":"unfavouriteInteractiveError":t?"favouriteVideoError":"unfavouriteVideoError")),h(!t)}),e.analyticsData,e.analyticsOptions)}},n.createElement(s.x,{svgName:l.vn.Heart,className:"svg-container ".concat(p.heart)}),n.createElement(s.x,{svgName:l.vn.HeartOutline,className:"svg-container ".concat(p.heartOutline)})):n.createElement(n.Fragment,null)}var h=a(78276),E=a(54610),b=a(96022),N=a(17464),C=a(76246);function w(e){var t=m.M.getVideoProgress(e.video),a=t&&e.video.duration&&t/e.video.duration*1e5;return a?n.createElement("div",{className:"bg-primary h-100",style:{width:"".concat(a,"%")}}):n.createElement(n.Fragment,null)}const S={bottomBar:"YnXtZ"};function x(e){return m.M.isVideo(e.video)?r().createElement("div",{className:S.bottomBar},r().createElement(w,{video:e.video})):r().createElement(r().Fragment,null)}const k={padlock:"w4cg8",sm:"JpIYd"};function O(e){var t="sm"===e.size?s.S.Small:s.S.Standard;return r().createElement("div",{className:"".concat(k.padlock," ").concat("sm"===e.size?k.sm:""," bg-white cursor-default d-flex align-items-center justify-content-center")},r().createElement(s.x,{svgName:l.vn.Lock,size:t}))}var A=a(36532),T=a(5465);const j={badge:"Sc3C4",svg:"Ag_ex",text:"Ipmb3",sm:"Pi49o"};var I=o.T.encloseNamespace("shared.videoTypeBadge");function M(e){var t="".concat(j.badge," rounded-pill text-white ").concat("sm"===e.size?j.sm:"");return r().createElement(r().Fragment,null,m.M.isClip(e.video)&&r().createElement("div",{className:"".concat(t," bg-dark-blue")},r().createElement(s.x,{className:"svg-container d-block ".concat(j.svg),size:"sm"===e.size?s.S.Small:s.S.Standard,svgName:l.vn.Clip}),r().createElement("span",{className:j.text},I("clip"))),m.M.isInteractive(e.video)&&r().createElement("div",{className:"".concat(t," bg-green")},r().createElement(s.x,{className:"svg-container ".concat(j.svg),size:"sm"===e.size?s.S.Small:s.S.Standard,svgName:l.vn.Interactive}),r().createElement("span",{className:j.text},I("interactive"))))}M.default={size:"md"};const F={videoTypeBadge:"ft_ST",overlayContainer:"qu3A3",topRightContainer:"XAfZW",overlay:"NTrtm",downScale:"puKcM",title:"_6FukN",gradient:"rXzR8",playIcon:"dndOA",videoProgress:"yhWf4",badgeContainer:"AtgmC",clipProgress:"E2egN",interactiveProgress:"WycwR"};function z(e){var t="mb-1";return e&&(t+=F.downScale),t}function V(e){var t=e.video,a=e.appLink,n=e.imageOptions,o=e.setFavourite,c=e.canFavourite,u=e.preload,v=e.hovering,p=m.M.getCanBeConsumed(e.video).canNavigate,g=Object.assign(Object.assign({},e.analyticsOptions),{entity:m.M.getAnalyticsEntity(t)}),y=d.h.showFavouriteButton(e.video,v),w=m.M.isVideo(t),S=!w,k=m.M.getRating(e.video);return r().createElement(A.u,{title:m.M.getPrivacyReasoning(e.video),spanHack:!0,spanHackClassName:""},r().createElement("div",{className:"position-relative rounded-lg overflow-hidden"},y&&r().createElement("div",{className:F.topRightContainer},r().createElement(f,{setFavourite:o,canFavourite:c,video:t,analyticsData:e.analyticsData,analyticsOptions:g})),!p&&r().createElement("div",{className:F.topRightContainer},r().createElement(O,null)),S&&r().createElement("div",{className:F.videoTypeBadge},r().createElement(M,{video:t})),r().createElement(h.Z,{data:m.M.getThumbnail(t),appLink:p?a:null,imageType:E.__.Thumbnails,imageOptions:n,preload:u,className:F.gradient,alt:"".concat("series"in t?"".concat(t.name,": "):"").concat(t.name),analyticsData:Object.assign(Object.assign({},e.analyticsData),{id:t.id,name:t.name}),analyticsOptions:Object.assign(Object.assign({},g),{actionType:i.UserAction.Click,descriptor:i.ClickDescriptor.Thumbnail})},!(!v||!p)&&r().createElement(s.x,{className:F.playIcon,svgName:l.vn.PlayCircle}),r().createElement(T.oy,{type:T.mS.Video}),r().createElement("div",{className:F.overlayContainer},r().createElement("div",{className:F.overlay},r().createElement("div",{className:"".concat(z(v)," ").concat(F.title)},w&&m.M.hasSeries(t)&&r().createElement(b.M,{className:"text-shadow clamp-1",video:t,appLink:null,analyticsOptions:null}),r().createElement("span",{className:"h6 text-reset text-shadow clamp-1"},m.M.getTitle(t))),r().createElement(x,{video:t}),v&&r().createElement(N.c,{className:"mt-1"},m.M.isVideo(t)&&r().createElement(r().Fragment,null,r().createElement(C.C,{type:C.g.Rating,data:k}),t.hasSubtitle&&r().createElement("span",{className:"badge p-0"},r().createElement(s.x,{svgName:l.vn.CloseCaptionBadge})),r().createElement(C.C,{type:C.g.Interactive,data:t.hasInteractives}),r().createElement(C.C,{type:C.g.DurationExact,data:m.M.getDuration(e.video)}))))))))}var P=a(68626),R=a(24900),L=a(36848),B=a(11576),D=a(4594);const H={unchecked:"maxOx",checked:"k3CBB",checkMark:"Czq9C"};function U(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 Z=o.T.encloseNamespace("shared.toggleActivityStatusButton");function _(e){var t,a,r=(0,u.Z)(),i=(t=n.useState(e.activityStatus===B.T.Complete),a=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,r,i,o,c=[],l=!0,s=!1;try{if(i=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;l=!1}else for(;!(l=(n=i.call(a)).done)&&(c.push(n.value),c.length!==t);l=!0);}catch(e){s=!0,r=e}finally{try{if(!l&&null!=a.return&&(o=a.return(),Object(o)!==o))return}finally{if(s)throw r}}return c}}(t,a)||function(e,t){if(e){if("string"==typeof e)return U(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)?U(e,t):void 0}}(t,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.")}()),o=i[0],d=i[1];n.useEffect((function(){d(e.activityStatus===B.T.Complete)}),[e.activityStatus]);var m="cursor-pointer rounded-circle ".concat(o?H.checked:H.unchecked);return e.className&&(m+=" ".concat(e.className)),e.shareId&&e.activityStatus&&e.activityStatus!==B.T.None&&c.q.isFunction(e.setActivityStatus)?n.createElement("div",{className:m,onClick:function(){var t=!o;d(t);var a=t?B.T.Complete:B.T.Incomplete;e.setActivityStatus(e.shareId,e.sharedEntity,a,null,(function(){r.error(Z(function(){switch(e.sharedEntity.typeId){case D.E.Video:return t?"completeVideoActivityError":"uncompleteVideoActivityError";case D.E.Clip:return t?"completeClipActivityError":"uncompleteClipActivityError";case D.E.Interactive:return t?"completeInteractiveActivityError":"uncompleteInteractiveActivityError";case D.E.Playlist:return t?"completePlaylistActivityError":"uncompletePlaylistActivityError";case D.E.Series:return t?"completeSeriesActivityError":"uncompleteSeriesActivityError"}}())),d(!t)}))}},n.createElement(s.x,{svgName:l.vn.Check,className:"svg-container ".concat(H.checkMark)})):n.createElement(n.Fragment,null)}const Q={container:"efxnE",cvIcon:"OJ_ZQ",action:"vWvGn"};function X(e){return m.M.getCanBeConsumed(e.video).canNavigate?function(e){var t;return!(null===(t=m.M.getCanBeConsumed(e.video))||void 0===t?void 0:t.canConsume)||!(!c.q.isFunction(e.setFavourite)||!c.q.isFunction(e.canFavourite))||!!c.q.isFunction(e.setActivityStatus)}(e)?r().createElement("div",{className:"".concat(Q.container," d-flex align-items-center")},r().createElement(f,{setFavourite:e.setFavourite,canFavourite:e.canFavourite,video:e.video,className:Q.action,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions}),r().createElement(_,{activityStatus:e.activityStatus,setActivityStatus:e.setActivityStatus,sharedEntity:e.sharedEntity,shareId:e.shareId,className:Q.action})):r().createElement(r().Fragment,null):r().createElement("div",{className:Q.container},r().createElement(O,{size:e.size}))}var G=a(49439),W=a(40955);const q={badgeContainer:"fy9Un",sm:"Rb0TL"};function $(e){var t=m.M.getRating(e.video),a=!!e.audience&&"sm"!==e.size,n=!a&&!e.hideRating&&!!t&&"sm"!==e.size;return!e.hideDuration||a||n?r().createElement(N.c,{className:"".concat(q.badgeContainer," ").concat("sm"===e.size?q.sm:"")},a&&r().createElement(W.P,{audience:e.audience,className:"bg-white text-dark",border:"dark"}),n&&r().createElement(C.C,{type:C.g.Rating,data:t}),!e.hideDuration&&r().createElement(C.C,{type:e.newDurationStyle?C.g.DurationApproximate:C.g.DurationExact,data:m.M.getDuration(e.video)})):r().createElement(r().Fragment,null)}$.defaultProps={newDurationStyle:!0,size:"md"};const J={titleOverlay:"krg9f",clip:"MPRU6",large:"g5_ww",interactive:"Zzo3e",titleBelow:"tZjPt",overlayContainer:"EElm1",videoTypeBadge:"pwC3i",gradient:"LS_EH"};function K(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 Y="shared.staticVideoThumbnail";function ee(e){var t,a=e.video,n=e.seriesAppLink,c=e.textPosition,l=e.appLink,s=c===P.z.Overlay,u=m.M.getCanBeConsumed(e.video).canNavigate,d="";return s?(d=J.titleOverlay,u&&(m.M.isClip(a)&&(d+=" "+J.clip),m.M.isInteractive(a)&&(d+=" "+J.interactive))):d=J.titleBelow,r().createElement("div",{className:d},m.M.isVideo(a)&&m.M.hasSeries(a)&&r().createElement(b.M,{className:s?"text-shadow clamp-1":"clamp-2",video:a,appLink:s?null:n,analyticsOptions:{location:i.LocationContext.VideoThumbnail}}),s||!u?r().createElement("span",{className:"h6 text-reset text-shadow clamp-1"},null!==(t=a.name)&&void 0!==t?t:o.T.getPhrase(Y,"videoUnavailable")):r().createElement(L.F,{className:"h6 text-reset clamp-2",appLink:l},a.name))}function te(e){var t,a,n,o=e.video,c=e.appLink,l=e.textPosition,s=e.imageOptions,u=e.setFavourite,v=e.preload,p=(t=(0,G.X)(),a=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,r,i,o,c=[],l=!0,s=!1;try{if(i=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;l=!1}else for(;!(l=(n=i.call(a)).done)&&(c.push(n.value),c.length!==t);l=!0);}catch(e){s=!0,r=e}finally{try{if(!l&&null!=a.return&&(o=a.return(),Object(o)!==o))return}finally{if(s)throw r}}return c}}(t,a)||function(e,t){if(e){if("string"==typeof e)return K(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)?K(e,t):void 0}}(t,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.")}()),g=p[0],y=p[1],f=m.M.getCanBeConsumed(o).canNavigate,b=Object.assign(Object.assign({},e.analyticsOptions),{entity:m.M.getAnalyticsEntity(o)}),N=!!c&&!e.hideMask&&f,C=m.M.getPrivacyReasoning(e.video,e.showSignIn),w=!m.M.isVideo(e.video);return r().createElement(A.u,{title:C,spanHack:!0,spanHackClassName:""},r().createElement("div",{className:(n="position-relative",n+=c&&f?" cursor-pointer":" cursor-default",e.extraClasses&&(n+=" ".concat(e.extraClasses)),l===P.z.Overlay&&(n+=" rounded overflow-hidden"),n),ref:g},r().createElement(X,{video:o,shareId:e.shareId,sharedEntity:e.sharedEntity,activityStatus:e.activityStatus,setActivityStatus:e.setActivityStatus,setFavourite:u,canFavourite:function(){var t;return(null===(t=e.canFavourite)||void 0===t?void 0:t.call(e,e.video))&&d.h.showFavouriteButton(o,y)},analyticsData:e.analyticsData,analyticsOptions:b,size:e.size}),r().createElement(h.Z,{data:m.M.getThumbnail(o),appLink:f?c:null,imageType:E.__.Thumbnails,imageOptions:s,preload:v,className:function(){var t="overflow-hidden ".concat("sm"===e.size?"rounded":"rounded-lg");return l===P.z.Overlay?"".concat(t," ").concat(J.gradient):t}(),alt:"".concat("series"in o?"".concat(o.name,": "):"").concat(o.name),analyticsData:Object.assign(Object.assign({},e.analyticsData),{id:o.id,name:o.name}),analyticsOptions:Object.assign(Object.assign({},b),{actionType:i.UserAction.Click,descriptor:i.ClickDescriptor.Thumbnail})},N&&r().createElement(R.z,{type:R.O.Video,size:e.size}),r().createElement(T.oy,{type:T.mS.Video}),r().createElement("div",{className:J.overlayContainer},l===P.z.Overlay&&r().createElement(ee,Object.assign({},e)),r().createElement(x,{video:o}),w&&r().createElement("div",{className:J.videoTypeBadge},r().createElement(M,{video:o,size:e.size})),r().createElement($,{video:e.video,audience:e.audience,hideRating:e.hideRating,hideDuration:e.hideDuration,newDurationStyle:e.newDurationStyle,size:e.size}))),l===P.z.Below&&r().createElement(ee,Object.assign({},e))))}var ae=a(54976),ne=a.n(ae),re=a(22843),ie=a(27867),oe=a(6296),ce=a(16226),le=a(38803),se=a(75931);function ue(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,r,i,o,c=[],l=!0,s=!1;try{if(i=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;l=!1}else for(;!(l=(n=i.call(a)).done)&&(c.push(n.value),c.length!==t);l=!0);}catch(e){s=!0,r=e}finally{try{if(!l&&null!=a.return&&(o=a.return(),Object(o)!==o))return}finally{if(s)throw r}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return de(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)?de(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function de(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}var me=a(10439);const ve={videoTypeBadge:"qz_5t",preview:"whbhf",details:"vMaXP",isHovering:"tR1jA",videoGuidanceTags:"KJrT1",dropdown:"oZXV7",show:"EiQ04",topRightContainer:"FAuzc"};function pe(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 ge=function(e){var t,a,n=e.video,o=e.appLink,c=e.imageOptions,l=e.preload,s=e.setFavourite,u=e.canFavourite,v=e.isHovering,p=m.M.getCanBeConsumed(n),g=p.canNavigate,y=p.canConsume,b=!m.M.isVideo(n),N=(t=r().useState(!1),a=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,r,i,o,c=[],l=!0,s=!1;try{if(i=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;l=!1}else for(;!(l=(n=i.call(a)).done)&&(c.push(n.value),c.length!==t);l=!0);}catch(e){s=!0,r=e}finally{try{if(!l&&null!=a.return&&(o=a.return(),Object(o)!==o))return}finally{if(s)throw r}}return c}}(t,a)||function(e,t){if(e){if("string"==typeof e)return pe(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)?pe(e,t):void 0}}(t,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.")}()),C=N[0],w=N[1],S=function(){var e=ue(r().useState("none"),2),t=e[0],a=e[1],n=ue((0,G.X)(),2),i=n[0],o=n[1],c=ue((0,G.X)(),2),l=c[0],s=c[1];return r().useEffect((function(){o&&"why-this-video"!==t?a("why-this-video"):s&&"whats-included"!==t&&a("whats-included")}),[o,s,t]),{whyThisVideoRef:i,whatsIncludedRef:l,videoGuidance:t}}(),k=S.videoGuidance,j=S.whyThisVideoRef,I=S.whatsIncludedRef,F=r().useMemo((function(){return m.M.showWhyThisVideo(n)}),[n]),z=r().useMemo((function(){return m.M.showWhatsIncluded(n)}),[n]);r().useEffect((function(){return function(){var t;null===(t=e.cleanPortalNode)||void 0===t||t.call(e)}}),[]);var V="position-relative bg-white";e.extraClasses&&(V+=" ".concat(e.extraClasses)),v&&(V+=" rounded-lg shadow-lg");var P=Object.assign(Object.assign({},e.analyticsOptions),{entity:m.M.getAnalyticsEntity(n)}),R=e.isHovering&&y,L=d.h.showFavouriteButton(e.video,v),B=z||F,D="none"!==k;return r().createElement("div",{className:V},L&&r().createElement("div",{className:ve.topRightContainer},r().createElement(f,{setFavourite:s,canFavourite:u,video:n,analyticsData:e.analyticsData,analyticsOptions:P})),!g&&r().createElement("div",{className:ve.topRightContainer},r().createElement(A.u,{title:m.M.getPrivacyReasoning(e.video),spanHack:!0,spanHackClassName:""},r().createElement(O,null))),r().createElement("div",{className:"position-relative"},r().createElement(h.Z,{onClick:function(){var t;return null===(t=e.cleanPortalNode)||void 0===t?void 0:t.call(e)},data:m.M.getThumbnail(n),appLink:g?o:null,imageType:E.__.Thumbnails,imageOptions:c,preload:l,className:"overflow-hidden ".concat(v?ve.preview:"rounded-lg ".concat(ve.original)),alt:"".concat("series"in n?"".concat(n.name,": "):"").concat(n.name),analyticsData:Object.assign(Object.assign({},e.analyticsData),{id:n.id,name:n.name}),analyticsOptions:Object.assign(Object.assign({},P),{actionType:i.UserAction.Click,descriptor:i.ClickDescriptor.Thumbnail})},r().createElement(T.oy,{type:T.mS.Video}),r().createElement(x,{video:n}),r().createElement("div",{className:"p-absolute w-100 h-100 text-white"},b&&r().createElement("div",{className:ve.videoTypeBadge},r().createElement(M,{video:n})),r().createElement($,{video:e.video,audience:e.audience,hideRating:e.hideRating,hideDuration:e.hideDuration}))),R&&r().createElement(me.r,{objectId:e.video.id,objectTypeId:e.video.typeId,mode:"hover"})),!v&&!e.hideTitle&&r().createElement(re.h,Object.assign({},e)),r().createElement("div",{className:"".concat(ve.details," ").concat(v?"".concat(ve.isHovering," box-shadow"):"")},v&&r().createElement(r().Fragment,null,r().createElement("div",{className:"".concat(C?"box-shadow":""," ").concat(v?ve.videoGuidanceTags:"")},r().createElement(re.h,Object.assign({},e)),B&&v&&r().createElement("div",{className:"d-flex justify-content-start align-items-center pt-2"},F&&r().createElement(ce.A,{ref:j,active:"why-this-video"===k}),z&&r().createElement(oe.V,{ref:I,active:"whats-included"===k}))),B&&v&&r().createElement(ne(),{autoHeight:!0,autoHeightMax:160,onUpdate:function(e){var t=e.top;C&&0===t?w(!1):!C&&t>0&&w(!0)}},r().createElement("div",{className:"".concat(ve.dropdown," ").concat(D?ve.show:"")},"why-this-video"===k&&r().createElement(le.p,{video:e.video}),"whats-included"===k&&r().createElement(se.V,{video:e.video,imageCdnUrl:e.imageCdnUrl}),"none"!==k&&r().createElement("div",{className:"pb-2"}))))))};function ye(e){return r().createElement(r().Fragment,null,r().createElement(ie.K,{hoverableComponent:ge,componentProps:e,fixedHoverWidth:400,minHoverWidth:400}))}function fe(e){switch(e.type){case"static":case"cosmetic":return n.createElement(te,Object.assign({},e));case"expandable":return n.createElement(V,Object.assign({},e));case"popout":return n.createElement(ye,Object.assign({},e));default:return}}fe.defaultProps={hideRating:!0,size:"md"}},65720:(e,t,a)=>{a.d(t,{m:()=>c});var n=a(1024),r=a.n(n),i=a(83914);const o={tag:"OjHQZ",icon:"SS2zL",active:"kD1xM"};function c(e){return r().createElement("div",{className:"p-1 pr-2 badge-pill d-inline-flex align-items-center mr-1 cursor-pointer ".concat(o.tag," ").concat(e.active?o.active:"")},r().createElement(i.x,{className:"".concat(o.icon," rounded-circle bg-").concat(e.iconVariant," text-white"),svgName:e.svgName}),r().createElement("span",{className:"pl-1 text-nowrap user-select-none"},e.text))}},75931:(e,t,a)=>{a.d(t,{V:()=>g});var n=a(1024),r=a.n(n),i=a(23481),o=a(58130),c=a(73749),l=a(93566),s=a(83914);const u={container:"c4Hun",icon:"telfV",resourceContainer:"bdBNU",resourceThumbnailContainer:"QN5kl"};function d(e){return r().createElement("div",{className:"".concat(u.container," p-2 rounded-lg")},r().createElement("div",{className:"d-flex align-items-center"},r().createElement("div",{className:"".concat(u.icon," bg-").concat(e.iconVariant," text-white rounded-circle")},r().createElement(s.x,{svgName:e.svgName})),r().createElement("div",{className:"pl-2 font-weight-500"},e.text)),e.children)}function m(e){return function(e){if(Array.isArray(e))return v(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return v(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)?v(e,t):void 0}}(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 v(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 p=i.T.encloseNamespace("shared.whatsIncluded");function g(e){var t,a,n,i,s,v,g,y=null===(a=null===(t=e.video.interactives)||void 0===t?void 0:t.data)||void 0===a?void 0:a.length,f=[].concat(m((null===(n=e.video.resources)||void 0===n?void 0:n.data)||[]),m((null===(i=e.video.links)||void 0===i?void 0:i.data)||[])),h=f.length,E=null!==(g=null===(v=null===(s=e.video.subtitles)||void 0===s?void 0:s.data)||void 0===v?void 0:v.map((function(t){var a,n;return l.y.getEnglishName(t,null!==(n=null===(a=e.video.subtitles)||void 0===a?void 0:a.data)&&void 0!==n?n:[])})))&&void 0!==g?g:[];return r().createElement(r().Fragment,null,y>0&&r().createElement(d,{text:p("totalInteractives",{smartCount:y}),svgName:o.vn.Interactive,iconVariant:"green"}),h>0&&r().createElement(d,{text:p("totalResources",{smartCount:h}),svgName:o.vn.Resources,iconVariant:"indigo"},r().createElement("div",{className:"row no-gutters mx-n1 pt-2"},f.slice(0,3).map((function(t){return r().createElement("div",{key:t.id,className:"col-4 px-1"},r().createElement(c.s,{data:t,imageCdnUrl:e.imageCdnUrl,theme:{containerClass:u.resourceContainer,thumbnailContainerClass:u.resourceThumbnailContainer},preloadImage:e.isShowing,hideHeading:!0}))})))),!!(null==E?void 0:E.length)&&r().createElement(d,{text:p("videoSettings"),svgName:o.vn.CloseCaptionBadge,iconVariant:"dark"},r().createElement("div",{className:"d-flex align-items-center pt-1"},r().createElement("div",{className:"pl-1"},E.join(", ")))))}g.defaultProps={isShowing:!0}},6296:(e,t,a)=>{a.d(t,{V:()=>l});var n=a(1024),r=a.n(n),i=a(23481),o=a(58130),c=a(65720),l=r().forwardRef((function(e,t){return r().createElement("div",{ref:t,onTouchStart:function(){var t;null===(t=e.setActive)||void 0===t||t.call(e,(function(e){return!e}))}},r().createElement(c.m,{svgName:o.vn.Video,iconVariant:"blue",text:i.T.getPhrase("shared.whatsIncluded","whatsIncluded"),active:e.active}))}))},38803:(e,t,a)=>{a.d(t,{p:()=>d});var n=a(1024),r=a.n(n),i=a(44829),o=a(83345),c=a(91743),l=a(16035);const s={itemContainer:"KQ5Wt"};var u="shared.whyThisVideo";function d(e){var t,a,n,d,m,v,p=null!==(n=null===(a=null===(t=e.video.tags)||void 0===t?void 0:t.data)||void 0===a?void 0:a.filter((function(e){return e.tagType===i.Q.Pedagogy})))&&void 0!==n?n:[],g=null!==(v=null===(m=null===(d=e.video.tags)||void 0===d?void 0:d.data)||void 0===m?void 0:m.filter((function(e){return e.tagType===i.Q.Skill})))&&void 0!==v?v:[];return r().createElement(r().Fragment,null,!!p.length&&r().createElement("h3",{className:"font-size-normal font-weight-500"},r().createElement(o.x,{namespace:u,phrase:"pedagogy"})),p.map((function(e){return r().createElement("div",{key:e.name,className:"px-2 py-1 rounded-lg ".concat(s.itemContainer)},r().createElement(l.z,{tag:e}),e.description&&r().createElement("p",{className:"mb-2 pt-1"},e.description))})),!!g.length&&r().createElement(r().Fragment,null,r().createElement("h3",{className:"font-size-normal font-weight-500"},r().createElement(o.x,{namespace:u,phrase:"skills"})),r().createElement("div",{className:"p-2 rounded-lg ".concat(s.itemContainer)},r().createElement(c.P,{tags:g}))))}},16226:(e,t,a)=>{a.d(t,{A:()=>l});var n=a(1024),r=a.n(n),i=a(23481),o=a(58130),c=a(65720),l=r().forwardRef((function(e,t){return r().createElement("div",{ref:t,onTouchStart:function(){var t;null===(t=e.setActive)||void 0===t||t.call(e,(function(e){return!e}))}},r().createElement(c.m,{svgName:o.vn.StarOutline,iconVariant:"navy",text:i.T.getPhrase("shared.whyThisVideo","whyThisVideo"),active:e.active}))}))},38647:(e,t,a)=>{a.d(t,{m:()=>u});var n=a(1024),r=a.n(n),i=a(58130),o=a(36532),c=a(83914),l=a(11025),s=a(26361);function u(e){if(!e.yearGroups)return r().createElement(r().Fragment,null);var t=s.l.mapRestrictionToText(e.video._restrictions,e.yearGroups);return l.M.getCanBeConsumed(e.video).canConsume&&t?r().createElement(o.u,{spanHack:!0,spanHackClassName:e.className||"pl-1",title:t,placement:e.tooltipPlacement||"top"},r().createElement(c.x,{svgName:i.vn.Lock,size:"sm"===e.size?c.S.Small:c.S.Standard})):r().createElement(r().Fragment,null)}},10439:(e,t,a)=>{a.d(t,{r:()=>l});var n=a(1024),r=a.n(n),i=a(17082),o=a(35429);const c={hoverContainer:"TzWQw"};function l(e){var t,a=(0,o.g)();if(null===(t=a.useInitialize)||void 0===t||t.call(a,e),!a.hasProvider)return r().createElement(r().Fragment,null);if("picture-in-picture"===a.mode)return r().createElement(r().Fragment,null);if("default"===a.mode)return r().createElement(i.t0,{node:a.portalNode});var n=a.started,l="".concat(c.hoverContainer," ").concat(n?"d-block":"d-none"," rounded-top-lg overflow-hidden");return r().createElement("div",{className:l},r().createElement(i.t0,{node:a.portalNode}),";")}},68626:(e,t,a)=>{var n;a.d(t,{z:()=>n}),function(e){e[e.Below=1]="Below",e[e.Overlay=2]="Overlay",e[e.Independent=3]="Independent"}(n||(n={}))},93566:(e,t,a)=>{a.d(t,{y:()=>r});var n=a(23481),r={getEnglishName:function(e,t){var a,r,i=e.language;return r=(null==t?void 0:t.filter((function(e){return e.language!==i}))).length>0?CVLanguages.getFullEnglishName(i):CVLanguages.getEnglishName(i),(null===(a=e.metadata)||void 0===a?void 0:a.autoGenerated)?n.T.getPhrase("shared.shared-utils","autoGeneratedSubtitle",{name:r}):r}}},91807:(e,t,a)=>{a.d(t,{Z:()=>n});const n={tagList:"Zw6d9",disabled:"jlL1c",partialTag:"too_N",badge:"OjtN8",close:"X9joI"}}}]);
1
+ "use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[8564],{40955:(e,t,a)=>{a.d(t,{P:()=>r});var n=a(1024);function r(e){return e.audience?n.createElement("div",{className:"audience-label border rounded-pill d-inline-block px-2 text-nowrap \n ".concat("border-"+e.border," ").concat(e.className?e.className:"")},e.audience.name):n.createElement(n.Fragment,null)}},17464:(e,t,a)=>{a.d(t,{c:()=>i});var n=a(1024),r=a(7121);function i(e){var t="d-flex align-items-center badge-list ".concat(r.Z.minHeight);return e.className&&(t+=" ".concat(e.className)),n.createElement("div",{className:t},e.children)}},24900:(e,t,a)=>{a.d(t,{z:()=>l,O:()=>c});var n=a(1024),r=a(58130),i=a(83914);const o={mask:"qpc7L",small:"L8Oxs",video:"b8kJW",playlist:"eo2p2",maskContainer:"lpwag"};var c;function l(e){var t=e.type,a=e.size,l=function(e){return e===c.Video?o.video:e===c.Playlist?o.playlist:""}(t),s=function(e){return e===c.Video?r.vn.PlayCircle:""}(t);return n.createElement("div",{className:"".concat(o.maskContainer," ").concat("sm"===a?o.small:"")},n.createElement("div",{className:o.mask}),n.createElement(i.x,{svgName:s,className:l}))}!function(e){e[e.Video=0]="Video",e[e.Playlist=1]="Playlist",e[e.Series=2]="Series"}(c||(c={})),l.defaults={size:"md"}},16035:(e,t,a)=>{a.d(t,{z:()=>u});var n=a(1024),r=a.n(n),i=a(36848),o=a(44829),c=a(58130),l=a(83914),s=a(91807);function u(e){var t,a,n=e.tag,u=e.appLink,d=e.onClick,m=e.disabled,v=e.tagClass,p=void 0===v?"tag":v,g=n.name.toLowerCase(),y=null===(t=n.tagType)||void 0===t?void 0:t.toLowerCase(),f="badge-pill py-1 px-2 my-1 mr-1 ".concat(p," ").concat(function(e){switch(e){case o.Q.Pedagogy:case o.Q.Skill:return"pedagogy-tag text-white";case o.Q.Hidden:return"hidden-tag";case o.Q.Normal:default:return""}}(y)),h=y===o.Q.Normal&&!!(null===(a=e.themeColours)||void 0===a?void 0:a.secondary);h&&(f+=" text-white"),!u&&!d||m||(f+=" cursor-pointer"),m&&(f+=" "+s.Z.disabled),e.onRemove&&(f+=" "+s.Z.badge),u||(f+=" d-inline-block");var E=h?{backgroundColor:e.themeColours.secondary}:{};return u?r().createElement(i.F,{onClick:d,appLink:u,className:f,title:g,style:E},r().createElement("span",{className:"text-truncate text-nowrap"},g)):r().createElement("span",{onClick:d,className:f,title:g,style:E},r().createElement("span",{className:"text-truncate text-nowrap"},g,e.onRemove&&r().createElement("button",{onClick:e.onRemove,className:"".concat(s.Z.close," close font-size-normal")},r().createElement(l.x,{size:l.S.Small,svgName:c.vn.Close,className:"d-inline-block svg-container"}))))}},91743:(e,t,a)=>{a.d(t,{P:()=>u});var n=a(1024),r=a.n(n),i=a(16035),o=a(44829),c=a(91807);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 s(e){var t;switch(null===(t=e.tagType)||void 0===t?void 0:t.toLowerCase()){case o.Q.Pedagogy:return 0;case o.Q.Skill:return 1;default:return 2}}function u(e){if(!e.tags)return r().createElement(r().Fragment,null);var t,a=(t=e.tags,function(e){if(Array.isArray(e))return l(e)}(t)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(t)||function(e,t){if(e){if("string"==typeof e)return l(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)?l(e,t):void 0}}(t)||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.")}()).sort((function(e,t){return s(e)-s(t)}));return r().createElement("div",{className:c.Z.tagList},a.map((function(t){var a="function"==typeof e.getAppLink?e.getAppLink(t):null,n="function"==typeof e.onRemove?function(){return e.onRemove(t)}:null;return r().createElement(i.z,{key:t.id,tag:t,appLink:a,themeColours:e.themeColours,onRemove:n})})))}},22843:(e,t,a)=>{a.d(t,{h:()=>d});var n=a(1024),r=a.n(n),i=a(96022),o=a(65858),c=a(36848),l=a(11025),s=a(38647);const u={titleContainer:"rULXI",seriesTitleBox:"h9k1p",badgeContainer:"QaDDX",audienceBadge:"hvsne"};function d(e){var t=e.video,a=e.appLink,n=e.seriesAppLink,d=e.hideSeries,m=l.M.getCanBeConsumed(t).canNavigate;return r().createElement("div",{className:"mt-2"},r().createElement("div",{className:"d-flex flex-column ".concat(u.titleContainer)},l.M.isVideo(t)&&l.M.hasSeries(t)&&!d&&r().createElement(i.M,{className:"text-truncate ".concat(u.seriesTitleBox),video:t,appLink:n,analyticsOptions:{location:o.LocationContext.VideoThumbnail}}),r().createElement(c.F,{className:"h6 text-reset clamp-2 align-middle",appLink:m?a:null},t.name,r().createElement(s.m,{video:e.video,yearGroups:e.yearGroups,size:"sm"}))))}},58564:(e,t,a)=>{a.d(t,{u:()=>fe});var n=a(1024),r=a.n(n),i=a(65858),o=a(23481),c=a(79014),l=a(58130),s=a(83914),u=a(69883),d=a(1643),m=a(11025),v=a(11607);const p={favourited:"t0svX",favouriteButton:"CFRo3",heart:"ZMMQu",heartOutline:"truFo"};function g(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 y=o.T.encloseNamespace("shared.favouriteButton");function f(e){var t,a,r=(0,u.Z)(),i=d.h.isFavouritedByCurrentUser(e.video),o=(t=n.useState(i),a=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,r,i,o,c=[],l=!0,s=!1;try{if(i=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;l=!1}else for(;!(l=(n=i.call(a)).done)&&(c.push(n.value),c.length!==t);l=!0);}catch(e){s=!0,r=e}finally{try{if(!l&&null!=a.return&&(o=a.return(),Object(o)!==o))return}finally{if(s)throw r}}return c}}(t,a)||function(e,t){if(e){if("string"==typeof e)return g(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)?g(e,t):void 0}}(t,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.")}()),f=o[0],h=o[1];n.useEffect((function(){h(i)}),[i]);var E="".concat("d-flex align-items-center justify-content-center"," cursor-pointer ").concat(p.favouriteButton," ").concat(f?p.favourited:"");return e.className&&(E+=" ".concat(e.className)),c.q.isFunction(e.setFavourite)&&c.q.isFunction(e.canFavourite)&&e.canFavourite(e.video)?n.createElement(v.L,{className:E,onClick:function(){var t=!f;h(t),e.setFavourite(e.video,t,null,(function(){r.error(y(m.M.isClip(e.video)?t?"favouriteClipError":"unfavouriteClipError":m.M.isInteractive(e.video)?t?"favouriteInteractiveError":"unfavouriteInteractiveError":t?"favouriteVideoError":"unfavouriteVideoError")),h(!t)}),e.analyticsData,e.analyticsOptions)}},n.createElement(s.x,{svgName:l.vn.Heart,className:"svg-container ".concat(p.heart)}),n.createElement(s.x,{svgName:l.vn.HeartOutline,className:"svg-container ".concat(p.heartOutline)})):n.createElement(n.Fragment,null)}var h=a(78276),E=a(54610),b=a(96022),N=a(17464),C=a(76246);function w(e){var t=m.M.getVideoProgress(e.video),a=t&&e.video.duration&&t/e.video.duration*1e5;return a?n.createElement("div",{className:"bg-primary h-100",style:{width:"".concat(a,"%")}}):n.createElement(n.Fragment,null)}const S={bottomBar:"YnXtZ"};function x(e){return m.M.isVideo(e.video)?r().createElement("div",{className:S.bottomBar},r().createElement(w,{video:e.video})):r().createElement(r().Fragment,null)}const k={padlock:"w4cg8",sm:"JpIYd"};function O(e){var t="sm"===e.size?s.S.Small:s.S.Standard;return r().createElement("div",{className:"".concat(k.padlock," ").concat("sm"===e.size?k.sm:""," bg-white cursor-default d-flex align-items-center justify-content-center")},r().createElement(s.x,{svgName:l.vn.Lock,size:t}))}var A=a(36532),T=a(5465);const j={badge:"Sc3C4",svg:"Ag_ex",text:"Ipmb3",sm:"Pi49o"};var I=o.T.encloseNamespace("shared.videoTypeBadge");function M(e){var t="".concat(j.badge," rounded-pill text-white ").concat("sm"===e.size?j.sm:"");return r().createElement(r().Fragment,null,m.M.isClip(e.video)&&r().createElement("div",{className:"".concat(t," bg-dark-blue")},r().createElement(s.x,{className:"svg-container d-block ".concat(j.svg),size:"sm"===e.size?s.S.Small:s.S.Standard,svgName:l.vn.Clip}),r().createElement("span",{className:j.text},I("clip"))),m.M.isInteractive(e.video)&&r().createElement("div",{className:"".concat(t," bg-green")},r().createElement(s.x,{className:"svg-container ".concat(j.svg),size:"sm"===e.size?s.S.Small:s.S.Standard,svgName:l.vn.Interactive}),r().createElement("span",{className:j.text},I("interactive"))))}M.default={size:"md"};const F={videoTypeBadge:"ft_ST",overlayContainer:"qu3A3",topRightContainer:"XAfZW",overlay:"NTrtm",downScale:"puKcM",title:"_6FukN",gradient:"rXzR8",playIcon:"dndOA",videoProgress:"yhWf4",badgeContainer:"AtgmC",clipProgress:"E2egN",interactiveProgress:"WycwR"};function z(e){var t="mb-1";return e&&(t+=F.downScale),t}function V(e){var t=e.video,a=e.appLink,n=e.imageOptions,o=e.setFavourite,c=e.canFavourite,u=e.preload,v=e.hovering,p=m.M.getCanBeConsumed(e.video).canNavigate,g=Object.assign(Object.assign({},e.analyticsOptions),{entity:m.M.getAnalyticsEntity(t)}),y=d.h.showFavouriteButton(e.video,v),w=m.M.isVideo(t),S=!w,k=m.M.getRating(e.video);return r().createElement(A.u,{title:m.M.getPrivacyReasoning(e.video),spanHack:!0,spanHackClassName:""},r().createElement("div",{className:"position-relative rounded-lg overflow-hidden"},y&&r().createElement("div",{className:F.topRightContainer},r().createElement(f,{setFavourite:o,canFavourite:c,video:t,analyticsData:e.analyticsData,analyticsOptions:g})),!p&&r().createElement("div",{className:F.topRightContainer},r().createElement(O,null)),S&&r().createElement("div",{className:F.videoTypeBadge},r().createElement(M,{video:t})),r().createElement(h.Z,{data:m.M.getThumbnail(t),appLink:p?a:null,imageType:E.__.Thumbnails,imageOptions:n,preload:u,className:F.gradient,alt:"".concat("series"in t?"".concat(t.name,": "):"").concat(t.name),analyticsData:Object.assign(Object.assign({},e.analyticsData),{id:t.id,name:t.name}),analyticsOptions:Object.assign(Object.assign({},g),{actionType:i.UserAction.Click,descriptor:i.ClickDescriptor.Thumbnail})},!(!v||!p)&&r().createElement(s.x,{className:F.playIcon,svgName:l.vn.PlayCircle}),r().createElement(T.oy,{type:T.mS.Video}),r().createElement("div",{className:F.overlayContainer},r().createElement("div",{className:F.overlay},r().createElement("div",{className:"".concat(z(v)," ").concat(F.title)},w&&m.M.hasSeries(t)&&r().createElement(b.M,{className:"text-shadow clamp-1",video:t,appLink:null,analyticsOptions:null}),r().createElement("span",{className:"h6 text-reset text-shadow clamp-1"},m.M.getTitle(t))),r().createElement(x,{video:t}),v&&r().createElement(N.c,{className:"mt-1"},m.M.isVideo(t)&&r().createElement(r().Fragment,null,r().createElement(C.C,{type:C.g.Rating,data:k}),t.hasSubtitle&&r().createElement("span",{className:"badge p-0"},r().createElement(s.x,{svgName:l.vn.CloseCaptionBadge})),r().createElement(C.C,{type:C.g.Interactive,data:t.hasInteractives}),r().createElement(C.C,{type:C.g.DurationExact,data:m.M.getDuration(e.video)}))))))))}var P=a(68626),R=a(24900),L=a(36848),B=a(11576),D=a(4594);const H={unchecked:"maxOx",checked:"k3CBB",checkMark:"Czq9C"};function U(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 Z=o.T.encloseNamespace("shared.toggleActivityStatusButton");function _(e){var t,a,r=(0,u.Z)(),i=(t=n.useState(e.activityStatus===B.T.Complete),a=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,r,i,o,c=[],l=!0,s=!1;try{if(i=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;l=!1}else for(;!(l=(n=i.call(a)).done)&&(c.push(n.value),c.length!==t);l=!0);}catch(e){s=!0,r=e}finally{try{if(!l&&null!=a.return&&(o=a.return(),Object(o)!==o))return}finally{if(s)throw r}}return c}}(t,a)||function(e,t){if(e){if("string"==typeof e)return U(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)?U(e,t):void 0}}(t,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.")}()),o=i[0],d=i[1];n.useEffect((function(){d(e.activityStatus===B.T.Complete)}),[e.activityStatus]);var m="cursor-pointer rounded-circle ".concat(o?H.checked:H.unchecked);return e.className&&(m+=" ".concat(e.className)),e.shareId&&e.activityStatus&&e.activityStatus!==B.T.None&&c.q.isFunction(e.setActivityStatus)?n.createElement("div",{className:m,onClick:function(){var t=!o;d(t);var a=t?B.T.Complete:B.T.Incomplete;e.setActivityStatus(e.shareId,e.sharedEntity,a,null,(function(){r.error(Z(function(){switch(e.sharedEntity.typeId){case D.E.Video:return t?"completeVideoActivityError":"uncompleteVideoActivityError";case D.E.Clip:return t?"completeClipActivityError":"uncompleteClipActivityError";case D.E.Interactive:return t?"completeInteractiveActivityError":"uncompleteInteractiveActivityError";case D.E.Playlist:return t?"completePlaylistActivityError":"uncompletePlaylistActivityError";case D.E.Series:return t?"completeSeriesActivityError":"uncompleteSeriesActivityError"}}())),d(!t)}))}},n.createElement(s.x,{svgName:l.vn.Check,className:"svg-container ".concat(H.checkMark)})):n.createElement(n.Fragment,null)}const Q={container:"efxnE",cvIcon:"OJ_ZQ",action:"vWvGn"};function X(e){return m.M.getCanBeConsumed(e.video).canNavigate?function(e){var t;return!(null===(t=m.M.getCanBeConsumed(e.video))||void 0===t?void 0:t.canConsume)||!(!c.q.isFunction(e.setFavourite)||!c.q.isFunction(e.canFavourite))||!!c.q.isFunction(e.setActivityStatus)}(e)?r().createElement("div",{className:"".concat(Q.container," d-flex align-items-center")},r().createElement(f,{setFavourite:e.setFavourite,canFavourite:e.canFavourite,video:e.video,className:Q.action,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions}),r().createElement(_,{activityStatus:e.activityStatus,setActivityStatus:e.setActivityStatus,sharedEntity:e.sharedEntity,shareId:e.shareId,className:Q.action})):r().createElement(r().Fragment,null):r().createElement("div",{className:Q.container},r().createElement(O,{size:e.size}))}var G=a(49439),W=a(40955);const q={badgeContainer:"fy9Un",sm:"Rb0TL"};function $(e){var t=m.M.getRating(e.video),a=!!e.audience&&"sm"!==e.size,n=!a&&!e.hideRating&&!!t&&"sm"!==e.size;return!e.hideDuration||a||n?r().createElement(N.c,{className:"".concat(q.badgeContainer," ").concat("sm"===e.size?q.sm:"")},a&&r().createElement(W.P,{audience:e.audience,className:"bg-white text-dark",border:"dark"}),n&&r().createElement(C.C,{type:C.g.Rating,data:t}),!e.hideDuration&&r().createElement(C.C,{type:e.newDurationStyle?C.g.DurationApproximate:C.g.DurationExact,data:m.M.getDuration(e.video)})):r().createElement(r().Fragment,null)}$.defaultProps={newDurationStyle:!0,size:"md"};const J={titleOverlay:"krg9f",clip:"MPRU6",large:"g5_ww",interactive:"Zzo3e",titleBelow:"tZjPt",overlayContainer:"EElm1",videoTypeBadge:"pwC3i",gradient:"LS_EH"};function K(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 Y="shared.staticVideoThumbnail";function ee(e){var t,a=e.video,n=e.seriesAppLink,c=e.textPosition,l=e.appLink,s=c===P.z.Overlay,u=m.M.getCanBeConsumed(e.video).canNavigate,d="";return s?(d=J.titleOverlay,u&&(m.M.isClip(a)&&(d+=" "+J.clip),m.M.isInteractive(a)&&(d+=" "+J.interactive))):d=J.titleBelow,r().createElement("div",{className:d},m.M.isVideo(a)&&m.M.hasSeries(a)&&r().createElement(b.M,{className:s?"text-shadow clamp-1":"clamp-2",video:a,appLink:s?null:n,analyticsOptions:{location:i.LocationContext.VideoThumbnail}}),s||!u?r().createElement("span",{className:"h6 text-reset text-shadow clamp-1"},null!==(t=a.name)&&void 0!==t?t:o.T.getPhrase(Y,"videoUnavailable")):r().createElement(L.F,{className:"h6 text-reset clamp-2",appLink:l},a.name))}function te(e){var t,a,n,o=e.video,c=e.appLink,l=e.textPosition,s=e.imageOptions,u=e.setFavourite,v=e.preload,p=(t=(0,G.X)(),a=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,r,i,o,c=[],l=!0,s=!1;try{if(i=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;l=!1}else for(;!(l=(n=i.call(a)).done)&&(c.push(n.value),c.length!==t);l=!0);}catch(e){s=!0,r=e}finally{try{if(!l&&null!=a.return&&(o=a.return(),Object(o)!==o))return}finally{if(s)throw r}}return c}}(t,a)||function(e,t){if(e){if("string"==typeof e)return K(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)?K(e,t):void 0}}(t,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.")}()),g=p[0],y=p[1],f=m.M.getCanBeConsumed(o).canNavigate,b=Object.assign(Object.assign({},e.analyticsOptions),{entity:m.M.getAnalyticsEntity(o)}),N=!!c&&!e.hideMask&&f,C=m.M.getPrivacyReasoning(e.video,e.showSignIn),w=!m.M.isVideo(e.video);return r().createElement(A.u,{title:C,spanHack:!0,spanHackClassName:""},r().createElement("div",{className:(n="position-relative",n+=c&&f?" cursor-pointer":" cursor-default",e.extraClasses&&(n+=" ".concat(e.extraClasses)),l===P.z.Overlay&&(n+=" rounded overflow-hidden"),n),ref:g},r().createElement(X,{video:o,shareId:e.shareId,sharedEntity:e.sharedEntity,activityStatus:e.activityStatus,setActivityStatus:e.setActivityStatus,setFavourite:u,canFavourite:function(){var t;return(null===(t=e.canFavourite)||void 0===t?void 0:t.call(e,e.video))&&d.h.showFavouriteButton(o,y)},analyticsData:e.analyticsData,analyticsOptions:b,size:e.size}),r().createElement(h.Z,{data:m.M.getThumbnail(o),appLink:f?c:null,imageType:E.__.Thumbnails,imageOptions:s,preload:v,className:function(){var t="overflow-hidden ".concat("sm"===e.size?"rounded":"rounded-lg");return l===P.z.Overlay?"".concat(t," ").concat(J.gradient):t}(),alt:"".concat("series"in o?"".concat(o.name,": "):"").concat(o.name),analyticsData:Object.assign(Object.assign({},e.analyticsData),{id:o.id,name:o.name}),analyticsOptions:Object.assign(Object.assign({},b),{actionType:i.UserAction.Click,descriptor:i.ClickDescriptor.Thumbnail})},N&&r().createElement(R.z,{type:R.O.Video,size:e.size}),r().createElement(T.oy,{type:T.mS.Video}),r().createElement("div",{className:J.overlayContainer},l===P.z.Overlay&&r().createElement(ee,Object.assign({},e)),r().createElement(x,{video:o}),w&&r().createElement("div",{className:J.videoTypeBadge},r().createElement(M,{video:o,size:e.size})),r().createElement($,{video:e.video,audience:e.audience,hideRating:e.hideRating,hideDuration:e.hideDuration,newDurationStyle:e.newDurationStyle,size:e.size}))),l===P.z.Below&&r().createElement(ee,Object.assign({},e))))}var ae=a(54976),ne=a.n(ae),re=a(22843),ie=a(27867),oe=a(6296),ce=a(16226),le=a(38803),se=a(75931);function ue(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,r,i,o,c=[],l=!0,s=!1;try{if(i=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;l=!1}else for(;!(l=(n=i.call(a)).done)&&(c.push(n.value),c.length!==t);l=!0);}catch(e){s=!0,r=e}finally{try{if(!l&&null!=a.return&&(o=a.return(),Object(o)!==o))return}finally{if(s)throw r}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return de(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)?de(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function de(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}var me=a(10439);const ve={videoTypeBadge:"qz_5t",preview:"whbhf",details:"vMaXP",isHovering:"tR1jA",videoGuidanceTags:"KJrT1",dropdown:"oZXV7",show:"EiQ04",topRightContainer:"FAuzc"};function pe(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 ge=function(e){var t,a,n=e.video,o=e.appLink,c=e.imageOptions,l=e.preload,s=e.setFavourite,u=e.canFavourite,v=e.isHovering,p=m.M.getCanBeConsumed(n),g=p.canNavigate,y=p.canConsume,b=!m.M.isVideo(n),N=(t=r().useState(!1),a=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,r,i,o,c=[],l=!0,s=!1;try{if(i=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;l=!1}else for(;!(l=(n=i.call(a)).done)&&(c.push(n.value),c.length!==t);l=!0);}catch(e){s=!0,r=e}finally{try{if(!l&&null!=a.return&&(o=a.return(),Object(o)!==o))return}finally{if(s)throw r}}return c}}(t,a)||function(e,t){if(e){if("string"==typeof e)return pe(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)?pe(e,t):void 0}}(t,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.")}()),C=N[0],w=N[1],S=function(){var e=ue(r().useState("none"),2),t=e[0],a=e[1],n=ue((0,G.X)(),2),i=n[0],o=n[1],c=ue((0,G.X)(),2),l=c[0],s=c[1];return r().useEffect((function(){o&&"why-this-video"!==t?a("why-this-video"):s&&"whats-included"!==t&&a("whats-included")}),[o,s,t]),{whyThisVideoRef:i,whatsIncludedRef:l,videoGuidance:t}}(),k=S.videoGuidance,j=S.whyThisVideoRef,I=S.whatsIncludedRef,F=r().useMemo((function(){return m.M.showWhyThisVideo(n)}),[n]),z=r().useMemo((function(){return m.M.showWhatsIncluded(n)}),[n]);r().useEffect((function(){return function(){var t;null===(t=e.cleanPortalNode)||void 0===t||t.call(e)}}),[]);var V="position-relative bg-white";e.extraClasses&&(V+=" ".concat(e.extraClasses)),v&&(V+=" rounded-lg shadow-lg");var P=Object.assign(Object.assign({},e.analyticsOptions),{entity:m.M.getAnalyticsEntity(n)}),R=e.isHovering&&y,L=d.h.showFavouriteButton(e.video,v),B=z||F,D="none"!==k;return r().createElement("div",{className:V},L&&r().createElement("div",{className:ve.topRightContainer},r().createElement(f,{setFavourite:s,canFavourite:u,video:n,analyticsData:e.analyticsData,analyticsOptions:P})),!g&&r().createElement("div",{className:ve.topRightContainer},r().createElement(A.u,{title:m.M.getPrivacyReasoning(e.video),spanHack:!0,spanHackClassName:""},r().createElement(O,null))),r().createElement("div",{className:"position-relative"},r().createElement(h.Z,{onClick:function(){var t;return null===(t=e.cleanPortalNode)||void 0===t?void 0:t.call(e)},data:m.M.getThumbnail(n),appLink:g?o:null,imageType:E.__.Thumbnails,imageOptions:c,preload:l,className:"overflow-hidden ".concat(v?ve.preview:"rounded-lg ".concat(ve.original)),alt:"".concat("series"in n?"".concat(n.name,": "):"").concat(n.name),analyticsData:Object.assign(Object.assign({},e.analyticsData),{id:n.id,name:n.name}),analyticsOptions:Object.assign(Object.assign({},P),{actionType:i.UserAction.Click,descriptor:i.ClickDescriptor.Thumbnail})},r().createElement(T.oy,{type:T.mS.Video}),r().createElement(x,{video:n}),r().createElement("div",{className:"p-absolute w-100 h-100 text-white"},b&&r().createElement("div",{className:ve.videoTypeBadge},r().createElement(M,{video:n})),r().createElement($,{video:e.video,audience:e.audience,hideRating:e.hideRating,hideDuration:e.hideDuration}))),R&&r().createElement(me.r,{objectId:e.video.id,objectTypeId:e.video.typeId,mode:"hover"})),!v&&!e.hideTitle&&r().createElement(re.h,Object.assign({},e)),r().createElement("div",{className:"".concat(ve.details," ").concat(v?"".concat(ve.isHovering," box-shadow"):"")},v&&r().createElement(r().Fragment,null,r().createElement("div",{className:"".concat(C?"box-shadow":""," ").concat(v?ve.videoGuidanceTags:"")},r().createElement(re.h,Object.assign({},e)),B&&v&&r().createElement("div",{className:"d-flex justify-content-start align-items-center pt-2"},F&&r().createElement(ce.A,{ref:j,active:"why-this-video"===k}),z&&r().createElement(oe.V,{ref:I,active:"whats-included"===k}))),B&&v&&r().createElement(ne(),{autoHeight:!0,autoHeightMax:160,onUpdate:function(e){var t=e.top;C&&0===t?w(!1):!C&&t>0&&w(!0)}},r().createElement("div",{className:"".concat(ve.dropdown," ").concat(D?ve.show:"")},"why-this-video"===k&&r().createElement(le.p,{video:e.video}),"whats-included"===k&&r().createElement(se.V,{video:e.video,imageCdnUrl:e.imageCdnUrl}),"none"!==k&&r().createElement("div",{className:"pb-2"}))))))};function ye(e){return r().createElement(r().Fragment,null,r().createElement(ie.K,{hoverableComponent:ge,componentProps:e,fixedHoverWidth:400,minHoverWidth:400}))}function fe(e){switch(e.type){case"static":case"cosmetic":return n.createElement(te,Object.assign({},e));case"expandable":return n.createElement(V,Object.assign({},e));case"popout":return n.createElement(ye,Object.assign({},e));default:return}}fe.defaultProps={hideRating:!0,size:"md"}},65720:(e,t,a)=>{a.d(t,{m:()=>c});var n=a(1024),r=a.n(n),i=a(83914);const o={tag:"OjHQZ",icon:"SS2zL",active:"kD1xM"};function c(e){return r().createElement("div",{className:"p-1 pr-2 badge-pill d-inline-flex align-items-center mr-1 cursor-pointer ".concat(o.tag," ").concat(e.active?o.active:"")},r().createElement(i.x,{className:"".concat(o.icon," rounded-circle bg-").concat(e.iconVariant," text-white"),svgName:e.svgName}),r().createElement("span",{className:"pl-1 text-nowrap user-select-none"},e.text))}},75931:(e,t,a)=>{a.d(t,{V:()=>g});var n=a(1024),r=a.n(n),i=a(23481),o=a(58130),c=a(73749),l=a(93566),s=a(83914);const u={container:"c4Hun",icon:"telfV",resourceContainer:"bdBNU",resourceThumbnailContainer:"QN5kl"};function d(e){return r().createElement("div",{className:"".concat(u.container," p-2 rounded-lg")},r().createElement("div",{className:"d-flex align-items-center"},r().createElement("div",{className:"".concat(u.icon," bg-").concat(e.iconVariant," text-white rounded-circle")},r().createElement(s.x,{svgName:e.svgName})),r().createElement("div",{className:"pl-2 font-weight-500"},e.text)),e.children)}function m(e){return function(e){if(Array.isArray(e))return v(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return v(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)?v(e,t):void 0}}(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 v(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 p=i.T.encloseNamespace("shared.whatsIncluded");function g(e){var t,a,n,i,s,v,g,y=null===(a=null===(t=e.video.interactives)||void 0===t?void 0:t.data)||void 0===a?void 0:a.length,f=[].concat(m((null===(n=e.video.resources)||void 0===n?void 0:n.data)||[]),m((null===(i=e.video.links)||void 0===i?void 0:i.data)||[])),h=f.length,E=null!==(g=null===(v=null===(s=e.video.subtitles)||void 0===s?void 0:s.data)||void 0===v?void 0:v.map((function(t){var a,n;return l.y.getEnglishName(t,null!==(n=null===(a=e.video.subtitles)||void 0===a?void 0:a.data)&&void 0!==n?n:[])})))&&void 0!==g?g:[];return r().createElement(r().Fragment,null,y>0&&r().createElement(d,{text:p("totalInteractives",{smartCount:y}),svgName:o.vn.Interactive,iconVariant:"green"}),h>0&&r().createElement(d,{text:p("totalResources",{smartCount:h}),svgName:o.vn.Resources,iconVariant:"indigo"},r().createElement("div",{className:"row no-gutters mx-n1 pt-2"},f.slice(0,3).map((function(t){return r().createElement("div",{key:t.id,className:"col-4 px-1"},r().createElement(c.s,{data:t,imageCdnUrl:e.imageCdnUrl,theme:{containerClass:u.resourceContainer,thumbnailContainerClass:u.resourceThumbnailContainer},preloadImage:e.isShowing,hideHeading:!0}))})))),!!(null==E?void 0:E.length)&&r().createElement(d,{text:p("videoSettings"),svgName:o.vn.CloseCaptionBadge,iconVariant:"dark"},r().createElement("div",{className:"d-flex align-items-center pt-1"},r().createElement("div",{className:"pl-1"},E.join(", ")))))}g.defaultProps={isShowing:!0}},6296:(e,t,a)=>{a.d(t,{V:()=>l});var n=a(1024),r=a.n(n),i=a(23481),o=a(58130),c=a(65720),l=r().forwardRef((function(e,t){return r().createElement("div",{ref:t,onTouchStart:function(){var t;null===(t=e.setActive)||void 0===t||t.call(e,(function(e){return!e}))}},r().createElement(c.m,{svgName:o.vn.Video,iconVariant:"blue",text:i.T.getPhrase("shared.whatsIncluded","whatsIncluded"),active:e.active}))}))},38803:(e,t,a)=>{a.d(t,{p:()=>d});var n=a(1024),r=a.n(n),i=a(44829),o=a(83345),c=a(91743),l=a(16035);const s={itemContainer:"KQ5Wt"};var u="shared.whyThisVideo";function d(e){var t,a,n,d,m,v,p=null!==(n=null===(a=null===(t=e.video.tags)||void 0===t?void 0:t.data)||void 0===a?void 0:a.filter((function(e){return e.tagType===i.Q.Pedagogy})))&&void 0!==n?n:[],g=null!==(v=null===(m=null===(d=e.video.tags)||void 0===d?void 0:d.data)||void 0===m?void 0:m.filter((function(e){return e.tagType===i.Q.Skill})))&&void 0!==v?v:[];return r().createElement(r().Fragment,null,!!p.length&&r().createElement("h3",{className:"font-size-normal font-weight-500"},r().createElement(o.x,{namespace:u,phrase:"pedagogy"})),p.map((function(e){return r().createElement("div",{key:e.name,className:"px-2 py-1 rounded-lg ".concat(s.itemContainer)},r().createElement(l.z,{tag:e}),e.description&&r().createElement("p",{className:"mb-2 pt-1"},e.description))})),!!g.length&&r().createElement(r().Fragment,null,r().createElement("h3",{className:"font-size-normal font-weight-500"},r().createElement(o.x,{namespace:u,phrase:"skills"})),r().createElement("div",{className:"p-2 rounded-lg ".concat(s.itemContainer)},r().createElement(c.P,{tags:g}))))}},16226:(e,t,a)=>{a.d(t,{A:()=>l});var n=a(1024),r=a.n(n),i=a(23481),o=a(58130),c=a(65720),l=r().forwardRef((function(e,t){return r().createElement("div",{ref:t,onTouchStart:function(){var t;null===(t=e.setActive)||void 0===t||t.call(e,(function(e){return!e}))}},r().createElement(c.m,{svgName:o.vn.StarOutline,iconVariant:"navy",text:i.T.getPhrase("shared.whyThisVideo","whyThisVideo"),active:e.active}))}))},38647:(e,t,a)=>{a.d(t,{m:()=>u});var n=a(1024),r=a.n(n),i=a(58130),o=a(36532),c=a(83914),l=a(11025),s=a(26361);function u(e){if(!e.yearGroups)return r().createElement(r().Fragment,null);var t=s.l.mapRestrictionToText(e.video._restrictions,e.yearGroups);return l.M.getCanBeConsumed(e.video).canConsume&&t?r().createElement(o.u,{spanHack:!0,spanHackClassName:e.className||"d-inline-block pl-1",title:t,placement:e.tooltipPlacement||"top"},r().createElement(c.x,{svgName:i.vn.Lock,size:"sm"===e.size?c.S.Small:c.S.Standard})):r().createElement(r().Fragment,null)}},10439:(e,t,a)=>{a.d(t,{r:()=>l});var n=a(1024),r=a.n(n),i=a(17082),o=a(35429);const c={hoverContainer:"TzWQw"};function l(e){var t,a=(0,o.g)();if(null===(t=a.useInitialize)||void 0===t||t.call(a,e),!a.hasProvider)return r().createElement(r().Fragment,null);if("picture-in-picture"===a.mode)return r().createElement(r().Fragment,null);if("default"===a.mode)return r().createElement(i.t0,{node:a.portalNode});var n=a.started,l="".concat(c.hoverContainer," ").concat(n?"d-block":"d-none"," rounded-top-lg overflow-hidden");return r().createElement("div",{className:l},r().createElement(i.t0,{node:a.portalNode}),";")}},68626:(e,t,a)=>{var n;a.d(t,{z:()=>n}),function(e){e[e.Below=1]="Below",e[e.Overlay=2]="Overlay",e[e.Independent=3]="Independent"}(n||(n={}))},93566:(e,t,a)=>{a.d(t,{y:()=>r});var n=a(23481),r={getEnglishName:function(e,t){var a,r,i=e.language;return r=(null==t?void 0:t.filter((function(e){return e.language!==i}))).length>0?CVLanguages.getFullEnglishName(i):CVLanguages.getEnglishName(i),(null===(a=e.metadata)||void 0===a?void 0:a.autoGenerated)?n.T.getPhrase("shared.shared-utils","autoGeneratedSubtitle",{name:r}):r}}},91807:(e,t,a)=>{a.d(t,{Z:()=>n});const n={tagList:"Zw6d9",disabled:"jlL1c",partialTag:"too_N",badge:"OjtN8",close:"X9joI"}}}]);
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[8816],{8221:(e,t,r)=>{r.d(t,{W:()=>g});var n=r(1024),a=r.n(n),o=r(1048),l=r(81886),i=r(92869),c=r(83914),s=r(58130),u=r(58879),m=r(28329),d=r(49985),p=r(65858);const f={searchSvg:"NXv7I"};function y(e){return y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},y(e)}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function g(e){var t,r,n=(t=a().useState(""),r=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,o,l,i=[],c=!0,s=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=o.call(r)).done)&&(i.push(n.value),i.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(s)throw a}}return i}}(t,r)||function(e,t){if(e){if("string"==typeof e)return v(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?v(e,t):void 0}}(t,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),g=n[0],b=n[1];a().useEffect((function(){var t,r,n,a=l.Q.LocationUtils.DeserializeQueryParams(l.Q.LocationUtils.GetCurrentQueryString().substring(1));a&&"string"!=typeof a&&(a[e.queryParamName]?b(null!==(r=null===(t=a[e.queryParamName])||void 0===t?void 0:t.trim())&&void 0!==r?r:""):g.length&&!(null===(n=a[e.queryParamName])||void 0===n?void 0:n.length)&&b(""))}),[e.id]);var h=(0,m.N)(g,e.debounceTime);a().useEffect((function(){!function(){var t,r,n,a=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",c=l.Q.LocationUtils.DeserializeQueryParams(l.Q.LocationUtils.GetCurrentQueryString().substring(1)),s=o.t.omit(c,[e.queryParamName,"cursor"]),u=Object.assign((t={},r=e.queryParamName,n=a.trim()?a.trimLeft():"",(r=function(e){var t=function(e,t){if("object"!==y(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,"string");if("object"!==y(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===y(t)?t:String(t)}(r))in t?Object.defineProperty(t,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[r]=n,t),s);u[e.queryParamName]||(delete u[e.queryParamName],delete u.cursor),i.t.preventScrollTop(),e.analyticsOptions&&d.k.logUserAction({query:a,indices:e.searchIndices},d.k.mergeOptions(e.analyticsOptions,{actionType:p.UserAction.InstantSearch,workflowPhase:p.WorkflowPhase.Complete})),l.Q.AppLinkHelper.trigger(Object.assign(Object.assign({},e.searchAppLink),{params:u}))}(h)}),[h]);var E=(0,u.s)({query:g,indices:e.searchIndices,analyticsOptions:e.analyticsOptions,shouldLog:!!e.analyticsOptions}).log;return a().createElement("div",{className:"position-relative w-100"},a().createElement("input",{name:e.name,type:"text",className:"form-control ".concat("lg"===e.size?"form-control-lg":""," py-1 px-2 w-100 border-dark ").concat(e.className||""),id:e.id,autoComplete:"off",placeholder:e.placeholder,"aria-label":"Search",onChange:function(e){b(e.target.value)},onBlur:function(e){var t;return E(null!==(t=e.target.value)&&void 0!==t?t:"")},value:g}),a().createElement(c.x,{svgName:s.vn.Search,className:"".concat(f.searchSvg," svg-container cursor-pointer text-dark")}))}g.defaultProps={debounceTime:300,queryParamName:"query"}},88822:(e,t,r)=>{r.d(t,{G:()=>Ae});var n=r(1024),a=r.n(n),o=r(81886),l=r(23481),i=r(65858),c=r(89965),s=r(76881),u=r(38143),m=r(8221),d=r(83345),p=r(23232),f="userManager.userManagerSearchEmptyState";function y(e){return a().createElement(p.u,null,a().createElement(p.u.Image,{src:e.imageUrl}),a().createElement(p.u.Heading,null,a().createElement(d.x,{namespace:f,phrase:"heading"})),a().createElement(p.u.Info,null,a().createElement(d.x,{namespace:f,phrase:"info"})))}const v={partialEntries:"TOmcn",partialCreateUser:"Yf4Wx",partialBulkUpload:"sp3ux",partialCheckbox:"REK11",partialYearGroup:"d2NEw",partialName:"qmSU8",partialEmail:"uHYQO",partialAvatar:"Y796I",lastActiveLabel:"aItB8",lastActiveDate:"RMdcx",partialAction:"jn0FO"};function g(){return a().createElement("li",{className:"d-flex align-items-center py-2"},a().createElement("div",{className:"ml-4 mr-3 partial-loading-background ".concat(v.partialCheckbox)}),a().createElement("div",{className:"mr-2 ml-n1 rounded-circle partial-loading-background ".concat(v.partialAvatar)}),a().createElement("div",{className:"d-flex flex-column justify-content-center mr-auto"},a().createElement("div",{className:"pb-1 d-flex align-items-center"},a().createElement("div",null,a().createElement("div",{className:"partial-loading-background align-middle d-inline-block ".concat(v.partialName)}))),a().createElement("div",{className:"partial-loading-background mr-1 align-middle d-inline-block ".concat(v.partialEmail)})),a().createElement("div",{className:"d-flex pl-1 mr-3 d-flex justify-content-end"},a().createElement("div",{className:"partial-loading-background ".concat(v.partialYearGroup)})),a().createElement("span",{className:"d-flex flex-column mr-3"},a().createElement("div",{className:"partial-loading-background mb-1 ".concat(v.lastActiveLabel)}),a().createElement("div",{className:"partial-loading-background ".concat(v.lastActiveDate)})),a().createElement("div",{className:"d-flex align-items-center"},a().createElement("div",{className:"partial-loading-background ".concat(v.partialAction)}),a().createElement("div",{className:"partial-loading-background ".concat(v.partialAction)})))}function b(){return a().createElement("ul",{className:"m-0 list-unstyled striped-list"},Array(20).fill(null).map((function(e,t){return a().createElement(g,{key:t})})))}var h=r(39739),E=r(2948),S=r(83818),k=r(75097),w=r(86509),C=r(92583),A=r(99910),N=r(83914),x=r(58130),T=r(89422),U=r(11607);const P={iconContainer:"lUFJg",loadingContainer:"b0Mz5"};function O(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var j="shared.bulkSelectionSummary";function L(e){var t,r,n=(t=a().useState(!1),r=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,o,l,i=[],c=!0,s=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=o.call(r)).done)&&(i.push(n.value),i.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(s)throw a}}return i}}(t,r)||function(e,t){if(e){if("string"==typeof e)return O(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?O(e,t):void 0}}(t,r)||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.")}()),o=n[0],l=n[1];if(!e.selectedCount&&!e.showSelectingSpinner)return a().createElement(a().Fragment,null);var i=!!e.onClickSelectAll&&!e.allSelected&&0!==e.selectAllCount&&e.selectAllCount>T.K.USER_PAGE_LIMIT;return a().createElement("div",{className:"border border-dark rounded-lg d-flex justify-content-between align-items-center p-2 mb-3"},e.showSelectingSpinner?a().createElement("div",{className:"px-2 d-flex align-items-center ".concat(P.loadingContainer)},a().createElement(A.Spinner,{as:"div",size:"sm",animation:"border",role:"status"})):a().createElement(a().Fragment,null,a().createElement("div",{className:"d-flex align-items-center"},a().createElement("div",{className:"".concat(P.iconContainer," text-white rounded-circle bg-dark mr-3 ml-2 d-flex justify-content-center align-items-center")},a().createElement(N.x,{svgName:x.vn.Group})),a().createElement(d.x,{namespace:j,phrase:"selectedCount",options:{smartCount:e.selectedCount,type:e.getTypeText(e.selectedCount)}}),i?o||void 0===e.selectAllCount?a().createElement("div",{className:"px-2 py-1"},a().createElement(A.Spinner,{as:"div",size:"sm",animation:"border",role:"status"})):a().createElement(U.L,{className:"info-link px-2",onClick:function(){l(!0),e.onClickSelectAll((function(){l(!1)}))}},a().createElement(d.x,{namespace:j,phrase:"selectAll",options:{smartCount:e.selectAllCount,type:e.getTypeText(e.selectAllCount)}})):a().createElement(a().Fragment,null)),a().createElement("div",null,a().createElement("button",{className:"btn btn-link mr-2",onClick:e.onClickDeselectAll},a().createElement(d.x,{namespace:j,phrase:"deselectAll"})),a().createElement("button",{className:"btn btn-outline-dark",onClick:e.onClickSelectBulk},a().createElement(d.x,{namespace:j,phrase:"selectBulkAction"})))))}var M=r(32562),I=r(57900),R=r(12458);function D(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var Y=r(49985),G=r(299);function B(e){return B="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},B(e)}function q(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var H=function(e,t){var r,n,o=(0,G.X)(e,t),l=(r=a().useState({}),n=2,function(e){if(Array.isArray(e))return e}(r)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,o,l,i=[],c=!0,s=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=o.call(r)).done)&&(i.push(n.value),i.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(s)throw a}}return i}}(r,n)||function(e,t){if(e){if("string"==typeof e)return q(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?q(e,t):void 0}}(r,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),i=l[0],c=l[1];function s(){var e=t.queryParams,r=(e.cursor,e.sort,function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)t.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(r[n[a]]=e[n[a]])}return r}(e,["cursor","sort"]));return Object.keys(r).sort().map((function(e){var t=r[e];return Array.isArray(t)?t.sort().join(","):t})).join(":")}return Object.assign(Object.assign({},o),{selectAll:function(e){var t,r,n;o.setSelected(e),c(Object.assign(Object.assign({},i),(t={},r=s(),n=!0,(r=function(e){var t=function(e,t){if("object"!==B(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,"string");if("object"!==B(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===B(t)?t:String(t)}(r))in t?Object.defineProperty(t,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[r]=n,t)))},onToggleItem:function(e){o.isChecked(e)&&c({}),o.onToggleItem(e)},onToggleBulk:function(){o.bulkChecked&&c({}),(null==e?void 0:e.length)&&o.onToggleBulk()},reset:function(){c({}),o.reset()},allSelected:!!Object.keys(i).length&&(!!i[""]||i[s()])})},W=r(69674),_=r(76314),F=r(37967),Q=r(85402),z=r(36532),K=r(9494);function V(e){var t,r,n=a().useMemo((function(){var t;return null===(t=e.user.authenticationMethods)||void 0===t?void 0:t.sort((function(e){return e.local?1:-1}))}),[e.user.authenticationMethods]);if(!(null===(t=e.user.authenticationMethods)||void 0===t?void 0:t.length))return a().createElement(a().Fragment,null);var o=null===(r=e.user.authenticationMethods)||void 0===r?void 0:r.find((function(e){return!e.local}));return a().createElement("div",{className:"".concat(K.Z.authMethodContainer," d-flex flex-row-reverse justify-content-center ml-n3")},a().createElement(z.u,{title:l.T.getPhrase("userManager.userList",o?"ssoTooltip":"noSsoTooltip"),spanHack:!0},n.map((function(t,r){var n=t.backgroundColour?"#".concat(t.backgroundColour):"#fff";return a().createElement("div",{key:t.displayName,className:"".concat(K.Z.authMethodLogo," rounded-circle border border-light"),style:{zIndex:e.user.authenticationMethods.length-r,backgroundImage:"url(".concat(t.logoUrl,")"),backgroundColor:n}})}))))}var $=r(33192),X=r(40424),Z="userManager.userList";function J(e){var t,r,n=function(e,t){if(!function(e,t){return!!e&&t===X.w.Active&&$(e).year()>=2e3}(e,t))return"-";var r=$(e).fromNow();return"a day ago"===r?l.T.getPhrase(Z,"yesterday"):r.includes("hour")?l.T.getPhrase(Z,"today"):Number.isNaN(+r.substr(0,1))?r.substr(0,1).toUpperCase()+r.substr(1):r}(null===(t=e.user.metadata)||void 0===t?void 0:t.lastSignInTime,e.user.status),o=e.user.id.toString()===(null===(r=e.currentUser)||void 0===r?void 0:r.id.toString());return a().createElement("span",{className:"".concat(K.Z.lastActiveContainer," ").concat(o?K.Z.isCurrentUser:"")},a().createElement("span",{className:"d-flex flex-column"},a().createElement("small",null,a().createElement(d.x,{namespace:Z,phrase:"lastActive"})),a().createElement("span",{className:"-"===n?"ml-3":""},n)))}var ee=r(69843),te={table:"striped-list no-full-width pb-3",row:"striped-row rounded",cell:"d-flex align-items-center py-2"},re=a().memo((function(e){var t,r,n=(t=e.users,r=e.isChecked,t.map((function(e){return{user:e,checked:r(e.id),isCurrentUser:!1}}))),o=function(e,t,r,n,o,l,i,s,u){var m=[{id:"checkboxes",accessor:function(e){return{id:e.user.id,checked:e.checked}},Cell:function(t){return a().useMemo((function(){return a().createElement("div",{className:"w-100 text-center ml-3 pl-2"},a().createElement(c.X,{id:t.value.id,checked:t.value.checked,onChange:function(){return e(t.value.id)}}))}),[])},width:5},{accessor:"user",id:"avatar",Cell:function(e){var r=e.value;return a().useMemo((function(){return a().createElement("div",{className:"w-100"},a().createElement(_.u,{user:r,imageCdnUrl:t}))}),[])},width:5},{accessor:"user",id:"basicDetails",Cell:function(e){var t=e.value;return a().useMemo((function(){return a().createElement("div",{className:"w-100"},a().createElement(F.t,{user:t,currentUser:r}))}),[])},width:50},{accessor:"user",id:"roleOrYearGroup",Cell:function(e){var t=e.value;return a().useMemo((function(){return a().createElement("div",{className:"w-100 text-right"},a().createElement(Q.H,{userType:t.userType,user:t}))}),[])},width:11},{accessor:"user",id:"lastActive",Cell:function(e){var t=e.value;return a().useMemo((function(){return a().createElement("div",{className:"w-100"},a().createElement(J,{user:t,currentUser:r}))}),[])},width:8}];return s&&m.push({accessor:"user",id:"authMethods",Cell:function(e){var t=e.value;return a().useMemo((function(){return a().createElement("div",{className:"w-100 d-flex justify-content-center"},a().createElement(V,{user:t}))}),[])},width:6}),m.push({accessor:"user",id:"actions",Cell:function(e){var t=e.value;return a().useMemo((function(){return a().createElement("div",{className:"w-100"},a().createElement(ee.c,{user:t,userType:t.userType,appLinks:n,onClickSendResetEmail:l,onClickResendActivationEmail:o,onClickSendVerificationEmail:i,currentUser:r,ssoHelpArticle:u}))}),[])},width:8}),m}(e.onToggleCheckbox,e.imageCdnUrl,e.currentUser,e.appLinks,e.onClickResendActivationEmail,e.onClickSendResetEmail,e.onClickSendVerificationEmail,e.shouldDisplayAuthenticationMethods,e.ssoHelpArticle);return a().createElement(W.i,{columns:o,data:n,theme:te})})),ne=r(20354),ae=r(9111),oe=r(19717),le=r(90911),ie=r(48288);const ce={cell:"Vsgxg"};var se;function ue(e){return ue="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ue(e)}function me(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function de(e,t,r){return(t=function(e){var t=function(e,t){if("object"!==ue(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,"string");if("object"!==ue(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===ue(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var pe=(de(se={},s.Y.Learner,"userManager.selectStudentWithSpreadsheet"),de(se,s.Y.Staff,"userManager.selectStaffWithSpreadsheet"),de(se,s.Y.Unknown,""),se);function fe(e){var t=pe[e.userType];return a().createElement(d.D.Provider,{value:t},a().createElement("div",{className:"pb-3"},a().createElement("div",{className:"h6"},a().createElement(d.x,{phrase:"downloadTemplateHeading"})),a().createElement("p",{className:"ml-n1 pl-3"},a().createElement(d.x,{phrase:"downloadTemplateInfo"})),a().createElement("div",{className:"ml-n1 pl-3"},a().createElement("a",{className:"btn btn-outline-dark mx-auto",download:!0,href:e.templateLink},a().createElement(N.x,{svgName:x.vn.Download,className:"svg-container std mr-1 ml-n1 align-middle"}),a().createElement("div",{className:"align-middle d-inline-block"},a().createElement(d.x,{phrase:"downloadBtn"}))))),a().createElement("div",{className:"pb-3"},a().createElement("div",{className:"h6"},a().createElement(d.x,{phrase:"addUsersHeading"})),a().createElement("p",{className:"ml-n1 pl-3"},a().createElement(d.x,{phrase:"addUsersInfo"})),a().createElement("div",{className:"mx-n1 px-3"},a().createElement((function(){return a().createElement(d.D.Provider,{value:pe[e.userType]},a().createElement("table",{cellPadding:5},a().createElement("tbody",null,a().createElement("tr",{className:"text-center bg-light"},a().createElement("td",{className:"text-nowrap border border-dark ".concat(ce.cell)},a().createElement(d.x,{phrase:"a"})),a().createElement("td",{className:"text-nowrap border border-dark ".concat(ce.cell)},a().createElement(d.x,{phrase:"b"}))),a().createElement("tr",{className:"font-weight-500"},a().createElement("td",{className:"text-nowrap border border-dark ".concat(ce.cell)},a().createElement(d.x,{phrase:"email"})),a().createElement("td",{className:"text-nowrap border border-dark ".concat(ce.cell)},a().createElement(d.x,{phrase:"username"}))),a().createElement("tr",null,a().createElement("td",{className:"text-nowrap border border-dark ".concat(ce.cell)},a().createElement(d.x,{phrase:"exampleEmail"})),a().createElement("td",{className:"text-nowrap border border-dark ".concat(ce.cell)})),a().createElement("tr",null,a().createElement("td",{className:"text-nowrap border border-dark ".concat(ce.cell)}),a().createElement("td",{className:"text-nowrap border border-dark ".concat(ce.cell)},a().createElement(d.x,{phrase:"exampleUsername"}))))))}),null))),a().createElement("div",{className:"pb-3"},a().createElement("div",{className:"h6"},a().createElement(d.x,{phrase:"uploadHeading"})),a().createElement("div",{className:"d-inline-block ml-n1 pl-3 mt-1"},a().createElement("div",{className:"d-inline-block"},a().createElement(ie.H,{onSelectSpreadsheet:function(t){if(oe.b.validateEmptySpreadsheetData(t))e.onClickCancel();else{var r=function(e){if(Array.isArray(e))return me(e)}(s=t)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(s)||function(e,t){if(e){if("string"==typeof e)return me(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?me(e,t):void 0}}(s)||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.")}(),n=r.shift(),a=oe.b.validateSelectWithSpreadsheet(n,["Email","Username"]),l=a.isValid,i=a.errorMessage;if(!l)return o.Q.ErrorHelper.throw(new le.d(i)),void e.onClickCancel();var c=oe.b.buildUserQueryFromSpreadsheet(n,r,e.userType);e.onSelectSpreadsheet(c,t.length)}var s}})))),a().createElement("div",null,a().createElement("div",{className:"h6"},a().createElement(d.x,{phrase:"matchesHeading"})),a().createElement("p",{className:"ml-n1 pl-3"},a().createElement(d.x,{phrase:"matchesInfo"}))))}const ye={modalWidth:"KYu7Y"};var ve,ge="userManager.selectWithSpreadsheetPopup";function be(e){var t=e.checkboxHelper,r=ne.a.useGetFetchAsync(),n=[],o=e.users.length;return a().createElement(ae.G,{closePopup:e.closePopup,title:l.T.getPhrase(ge,"heading"),showLoadingSpinner:!o,dialogClassName:ye.modalWidth},o&&a().createElement(fe,{userType:e.userType,onSelectSpreadsheet:function(a,o){e.setShowSelectingSpinner(!0);var l=a.map((function(t){return r(e.userRequest(t))}));Promise.all(l).then((function(r){r.forEach((function(e){n=n.concat(e)})),t.selectAll(n.map((function(e){return e.toString()}))),Y.k.logUserAction({userType:e.userType,spreadsheetRowCount:o,totalUsersFound:n.length},{workflowPhase:i.WorkflowPhase.Complete,actionType:i.UserAction.Select,entity:i.EntityType.User,descriptor:i.OperationDescriptor.Bulk,location:i.LocationContext.Popup}),e.setShowSelectingSpinner(!1)})),e.closePopup()},onClickCancel:e.closePopup,templateLink:e.template}))}function he(e){return he="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},he(e)}function Ee(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,o,l,i=[],c=!0,s=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=o.call(r)).done)&&(i.push(n.value),i.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(s)throw a}}return i}}(e,t)||function(e,t){if(e){if("string"==typeof e)return Se(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?Se(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Se(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function ke(e,t,r){return(t=function(e){var t=function(e,t){if("object"!==he(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,"string");if("object"!==he(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===he(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var we="userManager.manageUsers",Ce=(ke(ve={},s.Y.Learner,"userManager.manageStudents"),ke(ve,s.Y.Staff,"userManager.manageStaff"),ke(ve,s.Y.Unknown,""),ve);function Ae(e){var t,r,a,d=i.LocationContext[e.userType===s.Y.Learner?"StudentManager":"StaffManager"],p=Ce[e.userType],f=e.userType===s.Y.Learner?i.LocationContext.StudentManager:i.LocationContext.StaffManager,v=Ee((0,E.D)(u.g.BULK_USER_ACTIONS),2),g=v[0],A=v[1],N=Ee(n.useState(!1),2),x=N[0],U=N[1],P=Ee(n.useState(!1),2),O=P[0],j=P[1],G=H(e.users,{persistNamespace:"manage:users:".concat(e.userType),initialState:null==g?void 0:g.userIdMap,queryParams:e.queryParams}),B=function(e){var t,r,n,a,c=(n=(0,E.D)(u.g.BULK_USER_ACTIONS),a=2,function(e){if(Array.isArray(e))return e}(n)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,o,l,i=[],c=!0,s=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=o.call(r)).done)&&(i.push(n.value),i.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(s)throw a}}return i}}(n,a)||function(e,t){if(e){if("string"==typeof e)return D(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?D(e,t):void 0}}(n,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.")}())[1],m=i.LocationContext[e.userType===s.Y.Learner?"StudentManager":"StaffManager"],d=[{label:l.T.getPhrase(e.namespace,"export"),appLink:e.appLinks.exportUserList,analyticsOptions:{workflowPhase:i.WorkflowPhase.Start,actionType:i.UserAction.Export,entity:i.EntityType.User,location:m},analyticsData:{userType:e.userType}}];if(d.push({label:l.T.getPhrase(e.namespace,"auditLog"),appLink:e.appLinks.auditLog,onClick:function(){I.SG.set(T.K.AUDIT_LOG_REFERRER_KEY,e.userType)}}),d.push({label:l.T.getPhrase(e.namespace,"selectWithSpreadsheet"),onClick:e.onSelectWithSpreadsheetSelect,analyticsOptions:{workflowPhase:i.WorkflowPhase.Start,actionType:i.UserAction.Select,entity:i.EntityType.User,descriptor:i.OperationDescriptor.Bulk,location:m},analyticsData:{userType:e.userType}}),e.userType===s.Y.Learner&&e.yearGroupRolloverStatus){var p=null!==(r=null===(t=e.yearGroupRolloverStatus)||void 0===t?void 0:t.canRollover)&&void 0!==r&&r;d.push({label:l.T.getPhrase(e.namespace,"rollover"),appLink:p&&e.appLinks.bulkActionsActionDetails.yearGroupRollover,onClick:function(){var t;if(p){c({action:"yearGroupRollover",subAction:"yearGroupRollover"});var r=e.userType===s.Y.Learner?i.LocationContext.StudentManager:i.LocationContext.StaffManager;R.I.logYearGroupRolloverEntry(r)}else{var n=new M.H(null===(t=e.yearGroupRolloverStatus)||void 0===t?void 0:t.previousRolloverDate);o.Q.ErrorHelper.throw(n)}}})}return d}(Object.assign(Object.assign({},e),{onSelectWithSpreadsheetSelect:function(){return U(!0)},namespace:p})),q=n.useRef(!0);function W(){A("allUsersSelected",!1),A("allUsersCount",void 0)}n.useEffect((function(){return function(){q.current&&A("userIdMap",void 0)}}),[]),n.useEffect((function(){G.bulkChecked&&e.totalUsers===G.getSelectedCount()&&(A("allUsersSelected",!0),A("allUsersCount",e.totalUsers))}),[G.bulkChecked]);var _=n.useMemo((function(){return h.P.getFilters(e.userType,e.userType===s.Y.Learner?e.yearGroups:[])}),[null===(t=e.yearGroups)||void 0===t?void 0:t.length]),F=!(null===(r=e.currentUser)||void 0===r?void 0:r.id)||e.userType===s.Y.Learner&&!(null===(a=e.yearGroups)||void 0===a?void 0:a.length);return n.createElement(n.Fragment,null,n.createElement("div",{className:"d-flex align-items-center pb-3"},n.createElement("div",{className:"pl-4 pr-1"},n.createElement(c.X,{id:"user-manager",name:"user-manager",checked:G.bulkChecked,onChange:function(){G.bulkChecked&&W(),G.onToggleBulk()},indeterminate:G.hasSomeSelections()})),n.createElement("div",{className:"mr-auto"},F?n.createElement(k.U,{count:3}):n.createElement(S.J,{queryParams:e.queryParams,mainFilters:_,appLink:e.appLinks.userManager,analyticsOptions:{entity:i.EntityType.User,location:d},hideHeading:!0,hideDivider:!0,constantIndices:["user"]})),n.createElement("div",{className:"w-25"},n.createElement(m.W,{id:"user-manager-search-".concat(e.userType),name:"user-manager-search-".concat(e.userType),placeholder:l.T.getPhrase(we,"searchBarPlaceholder"),searchAppLink:e.appLinks.search,size:e.searchInputSize,searchIndices:["user"],analyticsOptions:{entity:i.EntityType.User,location:d}})),n.createElement(w.m,{actions:B,dropdownToggleClassName:"btn btn-outline-dark ml-2"})),n.createElement(L,{getTypeText:function(e){return l.T.getPhrase(p,"bulkSelectLabel",{smartCount:e})},selectedCount:G.getSelectedCount(),onClickSelectAll:function(t){Y.k.logUserAction({userCount:G.getSelectedCount()},{location:f,actionType:i.UserAction.Click,descriptor:i.ClickDescriptor.SelectAllUsers,entity:i.EntityType.User}),e.fetchUserIds((function(r){G.selectAll(r);var n=!C.b.hasFilterOrQuery(e.queryParams);A("allUsersSelected",n),n&&A("allUsersCount",r.length),t()}))},selectAllCount:e.totalUsers,onClickDeselectAll:function(){W(),G.reset()},onClickSelectBulk:function(){G.getSelectedCount()&&(Y.k.logUserAction({userCount:G.getSelectedCount()},{location:f,entity:i.EntityType.User,actionType:i.UserAction.BulkAction,workflowPhase:i.WorkflowPhase.Start}),q.current=!1,A("userIdMap",G.getMap()),o.Q.AppLinkHelper.trigger(e.appLinks.bulkActionsReviewAccounts))},allSelected:G.allSelected,showSelectingSpinner:O}),e.users?e.users.length?n.createElement(re,{users:e.users,currentUser:e.currentUser,imageCdnUrl:e.config.imageCdnUrl,appLinks:e.appLinks,onClickResendActivationEmail:e.onClickResendActivationEmail,onClickSendResetEmail:e.onClickSendResetEmail,onClickSendVerificationEmail:e.onClickSendVerificationEmail,isChecked:G.isChecked,onToggleCheckbox:function(e){G.isChecked(e)&&W(),G.onToggleItem(e)},ssoHelpArticle:e.ssoHelpArticle,shouldDisplayAuthenticationMethods:e.hasSso}):n.createElement(y,{imageUrl:e.searchEmptyState}):n.createElement(b,null),x&&n.createElement(be,{users:e.users,template:e.selectWithSpreadsheetTemplate,userType:e.userType,checkboxHelper:G,closePopup:function(){U(!1)},setShowSelectingSpinner:j,userRequest:e.userRequest}))}},46456:(e,t,r)=>{r.d(t,{g:()=>E});var n=r(1024),a=r.n(n),o=r(23481),l=r(49935),i=r(76881),c=r(83345),s=r(10874),u=r(58130);const m={partialLoading:"mXgLg"};var d,p="userManager.userManagerEntries";function f(e){var t,r,n;return a().createElement("p",{className:"mb-0 font-weight-500"},a().createElement(c.x,{namespace:p,phrase:"users",options:{totalShowing:null!==(t=e.totalShowing)&&void 0!==t?t:0,totalUsers:null!==(r=e.totalUsers)&&void 0!==r?r:0,smartCount:null!==(n=e.totalUsers)&&void 0!==n?n:0}}))}function y(){return a().createElement("div",{className:"partial-loading-background ".concat(m.partialLoading," d-inline-block")})}function v(e){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},v(e)}function g(e,t,r){return(t=function(e){var t=function(e,t){if("object"!==v(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,"string");if("object"!==v(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===v(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var b="userManager.userManagerHeader",h=(g(d={},i.Y.Learner,"userManager.studentManagerHeader"),g(d,i.Y.Staff,"userManager.staffManagerHeader"),g(d,i.Y.Unknown,""),d);function E(e){var t,r=h[e.userType],n=e.users&&"number"==typeof(null===(t=e.userCount)||void 0===t?void 0:t.count),i=n&&e.users.length;return a().createElement(a().Fragment,null,a().createElement("div",{className:"d-flex justify-content-between"},e.headingComponent?a().createElement(a().Fragment,null,e.headingComponent):a().createElement("span",null,a().createElement("h1",{className:"h2"},a().createElement(c.x,{namespace:r,phrase:"heading"})),a().createElement("div",{className:"pb-3"},a().createElement(l.Oo,{breadcrumbs:[{name:o.T.getPhrase(b,"settingsBreadcrumb"),appLink:e.appLinks.settings},{name:o.T.getPhrase(r,"managerBreadcrumb"),active:!0}]}))),a().createElement("span",null,a().createElement(s.h,{className:"btn btn-outline-dark",svgName:u.vn.Plus,appLink:e.appLinks.addNewUsers},a().createElement(c.x,{namespace:r,phrase:"addNew"})),a().createElement("div",{className:"text-right mt-1"},n?a().createElement(f,{totalShowing:i,totalUsers:e.userCount.count}):a().createElement(y,null)))))}},32562:(e,t,r)=>{r.d(t,{H:()=>d});var n=r(23481),a=r(47663),o=r(110),l=r(12778);function i(e){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i(e)}function c(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(void 0,a=function(e,t){if("object"!==i(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,"string");if("object"!==i(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(n.key),"symbol"===i(a)?a:String(a)),n)}var a}function s(e,t){return s=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},s(e,t)}function u(e){return u=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},u(e)}var m="userManager.cannotYearGroupRolloverError",d=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&s(e,t)}(f,e);var t,r,a,d,p=(a=f,d=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,t=u(a);if(d){var r=u(this).constructor;e=Reflect.construct(t,arguments,r)}else e=t.apply(this,arguments);return function(e,t){if(t&&("object"===i(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,e)});function f(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,f),(t=p.call(this,"CannotYearGroupRolloverError")).previousRolloverDate=e,t}return t=f,(r=[{key:"name",get:function(){return"CannotYearGroupRolloverError"}},{key:"getDate",value:function(){var e=o.O.convertUTCToLocal(this.previousRolloverDate);return o.O.format(e,"MMMM Do YYYY")}},{key:"getSupportUrl",value:function(){return l.o.getSupportRequestUrl()}},{key:"dialogOptions",get:function(){return{title:n.T.getPhrase(m,"heading"),text:n.T.getPhrase(m,"text",{previousRolloverDate:this.getDate(),supportUrl:this.getSupportUrl(),linkClass:"info-link"}),buttons:[{text:n.T.getPhrase(m,"okay"),className:"btn btn-dark",success:!0}]}}}])&&c(t.prototype,r),Object.defineProperty(t,"prototype",{writable:!1}),f}(a.S)},56138:(e,t,r)=>{r.d(t,{x:()=>o});var n=r(20354),a=r(31949),o=function(e){var t=n.a.useBasicFetch(a.N.currentUser());return n.a.useBasicFetch(t.data&&e.getUserCountRequest(t.data.customerId,e.userType,e.queryParams))}},12458:(e,t,r)=>{r.d(t,{I:()=>c});var n=["userIdMap","params","action","subAction","allUsersSelected","allUsersCount","scrollContainer"],a=r(49985),o=r(65858),l=r(1048),i=r(58739),c={getAnalyticsActionName:function(e){if(!(null==e?void 0:e.action))return null;switch(e.action){case"activation":return(null==e?void 0:e.subAction)?"deactivate"===e.subAction?"Deactivate":"Reactivate":"Deactivate / reactivate";case"addToClassroom":return"Add to classroom";case"changeYearGroup":return"Change year group";case"delete":return"Delete user";case"resetEmail":return"Send password reset email";case"resetPassword":return"Reset password";case"yearGroupRollover":return"Annual year group rollover";default:return null}},onClickNext:function(e,t){if(e){var r={userCount:e.userIdMap.size,step:t},i=c.getAnalyticsActionName(e);i&&(r.action=i);var s=l.t.omit(e,n);Object.keys(s).length&&(r.actionData=s),a.k.logUserAction(r,{location:o.LocationContext.BulkUserActionsWizard,workflowPhase:o.WorkflowPhase.Next,actionType:o.UserAction.BulkAction,entity:o.EntityType.User})}},logYearGroupRolloverEntry:function(e){a.k.logUserAction({action:c.getAnalyticsActionName({action:"yearGroupRollover"})},{entity:o.EntityType.User,actionType:o.UserAction.BulkAction,workflowPhase:o.WorkflowPhase.Start,location:e})},getJobStatus:function(e){switch(e){case i.K.Completed:return"Success";case i.K.CompletedWithError:return"Completed with some errors";case i.K.Failed:return"Failed";default:return null}}}},58739:(e,t,r)=>{var n;r.d(t,{K:()=>n}),function(e){e[e.Submitted=0]="Submitted",e[e.Queued=1]="Queued",e[e.Pending=2]="Pending",e[e.InProgress=3]="InProgress",e[e.Completed=4]="Completed",e[e.CompletedWithError=5]="CompletedWithError",e[e.Failed=6]="Failed"}(n||(n={}))},48327:(e,t,r)=>{r.d(t,{d:()=>n});var n="/templates/Template_Select_With_Spreadsheet.csv"},51180:(e,t,r)=>{r.d(t,{T:()=>o});var n=r(20354),a=r(39872);function o(e,t,r){return n.a.useBasicFetch(e?(null==t?void 0:t.query)?a.N.searchUsers(e.customerId,r,t,null==t?void 0:t.cursor):a.N.getUsers(e.customerId,r,t,null==t?void 0:t.cursor):null)}}}]);