@clickview/lite 0.0.26 → 0.0.27

package/dist/scripts/13-862c581877.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[13],{1183:function(t,e,i){"use strict";i.d(e,"a",(function(){return n}));var a=i(27),n={createViewKey:function(t){return{url:"/api/player/create-view-key",key:"view:key:".concat(t),type:a.a.POST,data:{mediaId:t.toString()}}}}},1204:function(t,e,i){"use strict";i.d(e,"a",(function(){return n}));var a=i(27),n={clip:function(t){return{key:"clip:".concat(t),url:"/api/domain/v2/objects/".concat(t,"?query=video[thumbnail],owner")}},createClip:function(t,e,i,n,r){return{key:"create:clip",url:"/api/domain/v2/objects/".concat(t,"/clips"),data:e,type:a.a.POST,success:i,error:n,always:r}},updateClip:function(t,e,i,n,r){return{key:"clip:".concat(t),url:"/api/domain/v2/objects/".concat(t),data:e,type:a.a.PUT,success:i,error:n,always:r}},deleteClip:function(t,e,i,n,r){return{key:"clip:".concat(t),url:"/api/domain/v2/objects/".concat(t),type:a.a.DELETE,invalidationKeys:["videos:".concat(e)],success:i,error:n,always:r}}}},1586:function(t,e,i){},1587:function(t,e,i){},1588:function(t,e,i){t.exports={timeInput:"_3f1zC",controlsContainer:"_3zQGP",arrowContainer:"_3wgxR",upArrow:"_2qIEU",downArrow:"_3Gl3V"}},1669:function(t,e,i){"use strict";i.r(e);var a=i(0),n=i.n(a),r=i(19),s=i(106),o=i(2),l=i(9),c=i(316),d=i(1183),m=i(145),u=i(497),h=i(340),p=i(6);const g=p.a.getComponent("Component");class v extends g{buildCSSClass(){return"cv-clip-timepoint-handle "+super.buildCSSClass()}createEl(t,e,i){return super.createEl(t,Object.assign(Object.assign({},e),{className:this.buildCSSClass(),innerHTML:'<svg viewBox="0 0 5 14"><g id="Clips" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Clip-2" transform="translate(-835.000000, -632.000000)" fill="#FFFFFF"><g id="Video-Copy" transform="translate(275.000000, 96.000000)"><g id="Handles" transform="translate(560.000000, 536.000000)"><circle id="Oval" cx="1" cy="1" r="1"></circle><circle id="Oval-Copy-2" cx="1" cy="5" r="1"></circle><circle id="Oval-Copy-4" cx="1" cy="9" r="1"></circle><circle id="Oval-Copy-8" cx="1" cy="13" r="1"></circle><circle id="Oval-Copy" cx="4" cy="1" r="1"></circle><circle id="Oval-Copy-3" cx="4" cy="5" r="1"></circle><circle id="Oval-Copy-5" cx="4" cy="9" r="1"></circle><circle id="Oval-Copy-9" cx="4" cy="13" r="1"></circle></g></g></g></g></svg>'}),i)}isEventTarget(t){return this.el().contains(t.target)}}i(1586);const T=p.a.getComponent("Component");class f extends T{constructor(t,e){super(t,e),this.dragStartActive=!1,this.dragEndActive=!1,this.dragSliderActive=!1,this.dragSliderCurrentPosition=null,this.minDuration=Math.min(t.duration(),this.options_.minDuration),this.setStartTime(e.startTime,!1),this.setEndTime(e.endTime,!1),this.startHandle=new v(this.player(),e),this.startHandle.addClass("cv-clip-start-handle"),this.addChild(this.startHandle),this.endHandle=new v(this.player(),e),this.endHandle.addClass("cv-clip-end-handle"),this.addChild(this.endHandle),this.on(this.player(),"update:clip:start:time",({time:t})=>this.setStartTime(t)),this.on(this.player(),"update:clip:end:time",({time:t})=>this.setEndTime(t)),this.bindListeners(),this.update()}createEl(){return super.createEl("div",{className:"cv-clip-timepoint-selector"},{})}update(){this.options_.onChangeStartTime(this.startTime),this.options_.onChangeEndTime(this.endTime),this.requestAnimationFrame(()=>{this.setStartOffset(),this.setWidth()})}setStartTime(t,e=!0){if(isNaN(t))return;const i=(this.endTime||this.player().duration())-this.minDuration;t>i&&(t=i),t<0&&(t=0),this.startTime=t,this.endTime&&this.endTime-this.startTime<this.minDuration&&this.setEndTime(this.startTime+this.minDuration),this.player().currentTime(this.startTime),e&&this.update()}setEndTime(t,e=!0){if(isNaN(t))return;const i=(this.startTime||0)+this.minDuration;t<i&&(t=i),t>this.player().duration()&&(t=this.player().duration()),this.endTime=t,this.startTime&&this.endTime-this.startTime<this.minDuration&&this.setStartTime(this.endTime-this.minDuration),e&&this.update()}bindListeners(){this.on("mousedown",this.dragStart),this.on("touchstart",this.dragStart),this.player().on("dispose",()=>{this.off("mousedown",this.dragStart),this.off("touchstart",this.dragStart)})}dragStart(t){this.startHandle.isEventTarget(t)&&(t.stopImmediatePropagation(),this.dragStartActive=!0),this.endHandle.isEventTarget(t)&&(t.stopImmediatePropagation(),this.dragEndActive=!0),t.target===this.el()&&(t.stopImmediatePropagation(),this.dragSliderActive=!0,this.dragSliderCurrentPosition=this.getPosition(t));const e=this.el().ownerDocument;this.on(e,"mousemove",this.drag),this.on(e,"mouseup",this.dragEnd),this.on(e,"touchmove",this.drag),this.on(e,"touchend",this.dragEnd),this.drag(t)}dragEnd(){this.dragStartActive=!1,this.dragEndActive=!1,this.dragSliderActive=!1,this.dragSliderCurrentPosition=null;const t=this.el().ownerDocument;this.off(t,"mousemove",this.drag),this.off(t,"mouseup",this.dragEnd),this.off(t,"touchmove",this.drag),this.off(t,"touchend",this.dragEnd)}drag(t){if(!this.dragStartActive&&!this.dragEndActive&&!this.dragSliderActive||!p.a.dom.isSingleLeftClick(t))return;const e=this.getPosition(t),i=e*this.player().duration();this.dragStartActive&&this.handleStartHandleDrag(i),this.dragEndActive&&this.handleEndHandleDrag(i),this.dragSliderActive&&this.handleSliderDrag(e)}handleStartHandleDrag(t){this.setStartTime(t)}handleEndHandleDrag(t){this.setEndTime(t)}handleSliderDrag(t){const e=(t-this.dragSliderCurrentPosition)*this.player().duration(),i=this.startTime+e,a=this.endTime+e;i<=0||a>=this.player().duration()||(this.dragSliderCurrentPosition=t,this.setStartTime(i),this.setEndTime(a))}getPosition(t){return p.a.dom.getPointerPosition(this.el_.parentNode,t).x}setStartOffset(){this.el_.style.marginLeft=this.getPercentage(this.startTime)+"%"}setWidth(){this.el_.style.width=this.getPercentage(this.endTime-this.startTime)+"%"}getPercentage(t){return+(t/this.player().duration()*100).toFixed(4)}}i(1587);const y=p.a.getComponent("SeekBar");class C extends y{constructor(t,e){super(t,e),this.addClass("cv-create-clip-seek-bar")}initialize(t){const e=new f(this.player(),t);this.addChild(e)}}C.prototype.options_={children:["playProgressBar"],barName:"playProgressBar"},p.a.browser.IS_IOS||p.a.browser.IS_ANDROID||C.prototype.options_.children.splice(1,0,"mouseTimeDisplay"),p.a.registerComponent("CreateClipSeekBar",C);const E=p.a.getPlugin("plugin");p.a.registerPlugin("createClipPlugin",class extends E{constructor(t,e){super(t,e),this.options=e,this.initCreateClipSeekBar=this.initCreateClipSeekBar.bind(this),this.player.one("loadedmetadata",()=>this.player.ready(this.initCreateClipSeekBar))}initCreateClipSeekBar(){var t;const e=null===(t=this.player.controlBar.getChild("ProgressControl"))||void 0===t?void 0:t.getChild("SeekBar");if(!e)return;const i=!isNaN(this.options.startTime)&&this.options.startTime>=0?this.options.startTime:0,a=!isNaN(this.options.endTime)&&this.options.endTime<=this.player.duration()?this.options.endTime:this.player.duration(),n=Math.min(this.options.minDuration||3,this.player.duration());e.initialize({startTime:i,endTime:a,minDuration:n,onChangeStartTime:this.options.onChangeStartTime,onChangeEndTime:this.options.onChangeEndTime})}dispose(){this.player.off("loadedmetadata",this.initCreateClipSeekBar)}});class S extends h.a{constructor(t,e){super(t,Object.assign(Object.assign({},e),{playbackRates:null,enableLocalCache:!1}))}getPlayerClassName(){return"cv-create-clip-player"}configurePlugins(){const{startTime:t,endTime:e,minDuration:i,onChangeStartTime:a,onChangeEndTime:n}=this.options;this.player.createClipPlugin({startTime:t,endTime:e,minDuration:i,onChangeStartTime:a,onChangeEndTime:n})}getSeekBarName(){return"CreateClipSeekBar"}}function b(t){const e=n.a.useRef(),i=n.a.useRef();return n.a.useEffect(()=>{i.current=new S(e.current,t)},[]),n.a.useEffect(()=>{var e;null===(e=i.current)||void 0===e||e.trigger({type:"update:clip:start:time",time:t.startTime})},[t.startTime]),n.a.useEffect(()=>{var e;null===(e=i.current)||void 0===e||e.trigger({type:"update:clip:end:time",time:t.endTime})},[t.endTime]),n.a.createElement("div",{ref:e})}var w=i(76),D=i(329),A=i(1588),N=l.a.encloseNamespace("shared.clipTimeForm");function k(t){return a.createElement("div",{className:"position-relative"},a.createElement("input",{className:"form-control text-center ".concat(A.timeInput),value:D.a.ToDisplayDuration(1e3*t.value),onChange:function(){}}),a.createElement("div",{className:A.controlsContainer},a.createElement("div",{className:A.arrowContainer,onClick:function(){return t.setTime(Math.floor(t.value)+1)}},a.createElement("div",{className:A.upArrow})),a.createElement("div",{className:A.arrowContainer,onClick:function(){return t.setTime(Math.floor(t.value)-1)}},a.createElement("div",{className:A.downArrow}))))}function P(t){if(isNaN(t.startTime)||isNaN(t.endTime))return a.createElement(a.Fragment,null);var e=Math.floor(t.endTime)-Math.floor(t.startTime);return a.createElement("div",null,a.createElement("form",{className:"form-inline justify-content-center pb-5"},a.createElement("div",{className:"form-group"},a.createElement(k,{value:t.startTime,setTime:t.setStartTime})),a.createElement("span",{className:"px-2"},"-"),a.createElement("div",{className:"form-group mr-2"},a.createElement(k,{value:t.endTime,setTime:t.setEndTime})),a.createElement("span",null,a.createElement("strong",null,"Duration:")," ",D.a.ToDisplayDuration(1e3*e))),a.createElement("div",{className:"d-flex justify-content-end"},a.createElement("button",{className:"btn btn-link",onClick:t.onCancel},N("cancel")),a.createElement("button",{className:"btn btn-primary",onClick:t.onSubmit},N("next"))))}var _=i(7),x=i(13),O=i(1204),I=i(321);function B(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;var i=[],a=!0,n=!1,r=void 0;try{for(var s,o=t[Symbol.iterator]();!(a=(s=o.next()).done)&&(i.push(s.value),!e||i.length!==e);a=!0);}catch(t){n=!0,r=t}finally{try{a||null==o.return||o.return()}finally{if(n)throw r}}return i}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return F(t,e);var i=Object.prototype.toString.call(t).slice(8,-1);"Object"===i&&t.constructor&&(i=t.constructor.name);if("Map"===i||"Set"===i)return Array.from(t);if("Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i))return F(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function F(t,e){(null==e||e>t.length)&&(e=t.length);for(var i=0,a=new Array(e);i<e;i++)a[i]=t[i];return a}i.d(e,"EditClipTimepointsView",(function(){return H}));var L=l.a.encloseNamespace("shared.editClipTimepoints");function H(t){var e,i,n,l,h,p=B(Object(s.a)(w.a.WEB_PLAYER_DATA),2),g=p[0],v=p[1],T=t.startTime||(null===(i=null===(e=null==g?void 0:g.playerRef)||void 0===e?void 0:e.current)||void 0===i?void 0:i.currentTime())||0,f=B(a.useState(T),2),y=f[0],C=f[1],E=B(a.useState(t.startTime+30),2),S=E[0],D=E[1],A=r.a.useBasicFetch(m.a.config()),N=r.a.useBasicFetch(!!t.id&&O.a.clip(t.id)),k=(null===(l=null===(n=N.data)||void 0===n?void 0:n.video)||void 0===l?void 0:l.id)||t.videoId,F=r.a.useBasicFetch(!!k&&d.a.createViewKey(k)),H=r.a.useBasicFetch(!!k&&I.a.video(k));return Object(c.a)(t.id?null===(h=N.data)||void 0===h?void 0:h.name:H.data&&L("defaultClipName",{videoName:H.data.name})),a.useEffect((function(){v("allowFloatingPlayer",!1)}),[]),a.useEffect((function(){N.data&&(C(N.data.startTime),D(N.data.endTime))}),[N.data]),t.id||t.videoId?a.createElement(a.Fragment,null,!!A.data&&!!F.data&&!!H.data&&(!t.id||!!N.data)&&a.createElement("div",{className:"pb-3"},a.createElement("div",{className:"mb-3"},a.createElement(b,{playerApi:new URL(A.data.playerApiUrl),viewKey:F.data.viewKey,startTime:y,endTime:S,onChangeStartTime:C,onChangeEndTime:D,minDuration:5,autoplay:!0})),a.createElement(P,{startTime:y,endTime:S,setStartTime:C,setEndTime:D,onSubmit:function(){var e="";y>S&&(e=L("startTimeGreaterThanEndTime")),S-y<5&&(e=L("tooShort",{minDuration:5})),e?function(t){u.a.render(a.createElement("p",null,t),{title:L("errorHeading"),buttons:[{variant:"link",buttonText:L("close")}]})}(e):o.a.AppLinkHelper.trigger({application:_.a.DEFAULT,action:t.id?x.a.Default.EDIT_CLIP_DETAILS:x.a.Default.CREATE_CLIP_DETAILS,args:t.id?[t.id]:[t.videoId],params:{startTime:y,endTime:S}})},onCancel:function(){var t,e;o.a.AppLinkHelper.trigger({application:_.a.DEFAULT,action:x.a.Default.PLAY_VIDEO,args:[null===(t=H.data)||void 0===t?void 0:t.id,null===(e=H.data)||void 0===e?void 0:e.name]})}}))):a.createElement(a.Fragment,null)}}}]);

package/dist/scripts/14-34acc27036.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[14],{1136:function(e,t,n){"use strict";n.d(t,"a",(function(){return c})),n.d(t,"b",(function(){return u}));var a=n(0),i=n(1130),r=n(46),l=n(72),o=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(a=Object.getOwnPropertySymbols(e);i<a.length;i++)t.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(e,a[i])&&(n[a[i]]=e[a[i]])}return n};function c(e){var t=e.castInitialValues,n=e.castValuesOnSubmit,c=e.initialValues,u=e.onSubmit,s=e.resetOnSubmit,d=o(e,["castInitialValues","castValuesOnSubmit","initialValues","onSubmit","resetOnSubmit"]),m=t&&e.validationSchema?e.validationSchema.cast(function e(t){var n=l.a.deepClone(t);return Object.keys(n).forEach((function(t){n.hasOwnProperty(t)&&(l.a.isObject(n[t])?n[t]=e(n[t]):null===n[t]&&delete n[t])})),n}(c)):c,p={allowInitialSubmit:e.allowInitialSubmit};return a.createElement(i.d,Object.assign({enableReinitialize:!0},d,{initialValues:m,onSubmit:function(t,a){var i=a.setSubmitting,r=a.resetForm,l=n&&e.validationSchema?e.validationSchema.cast(t):t;u(l,(function(){s&&r(),i(!1)}))},initialStatus:p}),r.a.isFunction(e.children)?function(t){return e.children(t)}:a.Children.count(e.children)?e.children:null)}function u(){return Object(i.f)()}c.defaultProps={castInitialValues:!0,castValuesOnSubmit:!0}},1143:function(e,t,n){"use strict";var a=n(0),i=n(1130),r=n(40);function l(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,i=!1,r=void 0;try{for(var l,o=e[Symbol.iterator]();!(a=(l=o.next()).done)&&(n.push(l.value),!t||n.length!==t);a=!0);}catch(e){i=!0,r=e}finally{try{a||null==o.return||o.return()}finally{if(i)throw r}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return o(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var c=n(94);n.d(t,"a",(function(){return u}));function u(e){var t=Object(i.f)(),n=function(e){var t,n=l(a.useState(!1),2),i=n[0],r=n[1];return a.useEffect((function(){var t;e.isValid&&(e.dirty||(null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit))?r(!0):r(!1)}),[e.isValid,null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit,e.dirty,e.values]),a.useEffect((function(){e.isSubmitting&&r(!1)}),[e.isSubmitting]),i}(t);return a.useEffect((function(){function e(e){13===e.keyCode&&n&&t.validateForm().then((function(e){Object.keys(e).length||t.submitForm()}))}return window.addEventListener("keypress",e),function(){return window.removeEventListener("keypress",e)}}),[n]),a.createElement(r.Button,{variant:e.variant||"primary",type:"submit",disabled:!n},t.isSubmitting?a.createElement(r.Spinner,{as:"span",animation:"border",role:"status",size:"sm"}):e.submitText?a.createElement(a.Fragment,null,e.submitText):a.createElement(c.b,{namespace:"shared.formButtons",phrase:e.isNew?"create":"save"}))}},1152:function(e,t,n){"use strict";var a=n(0),i=n(1130),r=n(40),l=n(46),o=function(e,t,n,a){var r="form-control";return Object(i.e)(t,n)&&Object(i.e)(e,n)&&(r+=" is-invalid"),a&&(r+=" ".concat(a)),r};function c(e){var t=Object(i.f)().values[e.fieldName];return"string"!=typeof t?a.createElement(a.Fragment,null):a.createElement("div",{className:"float-right text-muted"},t.length,"/",e.limit)}var u=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(a=Object.getOwnPropertySymbols(e);i<a.length;i++)t.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(e,a[i])&&(n[a[i]]=e[a[i]])}return n};function s(e){var t=e.label,n=u(e,["label"]);return a.createElement(r.Form.Group,null,a.createElement("div",{className:"custom-control custom-checkbox"},a.createElement(m,Object.assign({className:"custom-control-input"},n)),a.createElement(r.Form.Label,{className:"custom-control-label",htmlFor:n.id},t)))}n.d(t,"a",(function(){return m})),n.d(t,"b",(function(){return p}));var d=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(a=Object.getOwnPropertySymbols(e);i<a.length;i++)t.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(e,a[i])&&(n[a[i]]=e[a[i]])}return n};function m(e){var t=e.children,n=d(e,["children"]);return a.createElement(i.b,Object.assign({},n),l.a.isFunction(t)?function(e){return t(e)}:a.Children.count(t)?t:null)}function p(e){var t=e.label,n=e.className,l=e.showCharacterCounter,u=d(e,["label","className","showCharacterCounter"]),p=Object(i.f)(),f=p.errors,v=p.touched;return"checkbox"===u.type?a.createElement(s,Object.assign({},e)):a.createElement(r.Form.Group,null,!!t&&a.createElement(r.Form.Label,{htmlFor:u.id},t),a.createElement(m,Object.assign({className:o(f,v,u.name,n)},u)),!!l&&!!u.maxLength&&a.createElement(c,{fieldName:u.name,limit:u.maxLength}),a.createElement(i.a,{name:u.name},(function(e){return a.createElement(r.Form.Control.Feedback,{type:"invalid"},e)})))}},1204:function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var a=n(27),i={clip:function(e){return{key:"clip:".concat(e),url:"/api/domain/v2/objects/".concat(e,"?query=video[thumbnail],owner")}},createClip:function(e,t,n,i,r){return{key:"create:clip",url:"/api/domain/v2/objects/".concat(e,"/clips"),data:t,type:a.a.POST,success:n,error:i,always:r}},updateClip:function(e,t,n,i,r){return{key:"clip:".concat(e),url:"/api/domain/v2/objects/".concat(e),data:t,type:a.a.PUT,success:n,error:i,always:r}},deleteClip:function(e,t,n,i,r){return{key:"clip:".concat(e),url:"/api/domain/v2/objects/".concat(e),type:a.a.DELETE,invalidationKeys:["videos:".concat(t)],success:n,error:i,always:r}}}},1685:function(e,t,n){"use strict";n.r(t);var a=n(0),i=n(80),r=n(19),l=n(9),o=n(48),c=n(167),u=n(315),s=n(1129),d=n(1188),m=n(1130),p=n(94),f=n(1136),v=n(1152),b=n(1143),y=n(1155),h=n(163),O=n(1146),E=n(3),w=l.a.encloseNamespace("shared.editClipDetails"),S=d.object().shape({name:d.string().trim().max(255,(function(){return w("titleTooLong")})).required((function(){return w("titleRequired")})).default(""),description:d.string().trim().max(65535,(function(){return w("descriptionTooLong")})).default(""),startTime:d.number().required(),endTime:d.number().required()}).noUnknown();function g(e){var t=Object(f.b)();return a.createElement(m.c,null,a.createElement("div",{className:"row form-group"},a.createElement("div",{className:"col-5"},a.createElement(y.a,{video:e.video,type:"static",videoType:"clip",clip:t.values,imageOptions:{size:h.a.Small},textPosition:O.a.Independent,preload:!0,analyticsOptions:{location:E.LocationContext.Popup}})),a.createElement("div",{className:"col-7"},a.createElement("h2",{className:"h6"},t.values.name))),a.createElement(v.b,{label:w("nameLabel"),type:"text",name:"name",id:"name",placeholder:w("namePlaceholder"),autoFocus:!0,value:t.values.name}),a.createElement(v.b,{label:w("descriptionLabel"),component:"textarea",name:"description",id:"description",placeholder:w("descriptionPlaceholder"),value:t.values.description}),a.createElement("div",{className:"btn-container d-flex justify-content-end"},a.createElement("button",{type:"button",className:"btn btn-link mr-2",onClick:e.onClickCancel},a.createElement(p.b,{namespace:"shared.editClipDetails",phrase:"cancel"})),a.createElement(b.a,{isNew:e.isNew,submitText:w(e.isNew?"createClip":"saveClip")})))}function j(e){var t;return a.createElement(f.a,{initialValues:e.clip,validationSchema:S,onSubmit:e.saveClip,allowInitialSubmit:e.allowInitialSubmit},a.createElement(g,{video:e.video,isNew:!!(null===(t=e.clip)||void 0===t?void 0:t.id),onClickCancel:e.onClickCancel}))}var C=n(1204),N=n(321);n.d(t,"EditClipDetailsView",(function(){return k}));var P=l.a.encloseNamespace("shared.editClipDetails");function k(e){var t,n,l,d,m,p,f=Object(i.useDispatch)(),v=Object(s.a)(),b=r.a.useBasicFetch(!!e.id&&C.a.clip(e.id)),y=(null===(n=null===(t=b.data)||void 0===t?void 0:t.video)||void 0===n?void 0:n.id)||e.videoId,h=r.a.useBasicFetch(!!y&&N.a.video(y)),O=isNaN(e.startTime)?null===(l=null==b?void 0:b.data)||void 0===l?void 0:l.startTime:e.startTime,E=isNaN(e.endTime)?null===(d=null==b?void 0:b.data)||void 0===d?void 0:d.endTime:e.endTime;if(!e.id&&!e.videoId)return a.createElement(a.Fragment,null);var w=!(!h.data||e.id&&!b.data);return a.createElement(u.a,{title:P(e.id?"editPopupHeading":"createPopupHeading"),closePopup:e.closePopup,showLoadingSpinner:!w},a.createElement(j,{video:h.data,clip:{name:(null===(m=null==b?void 0:b.data)||void 0===m?void 0:m.name)||P("defaultClipName",{videoName:h.data.name}),description:null===(p=null==b?void 0:b.data)||void 0===p?void 0:p.description,startTime:O,endTime:E},saveClip:function(t){var n=function(e){v.success(P("success",{name:t.name})),o.a.logUserAction(e,{actionType:c.n.Edit,entity:c.d.Clip,location:c.j.Popup,workflowPhase:c.o.Complete})},a=function(){v.error(P("error"))},i=function(){e.closePopup()},l=e.id?C.a.updateClip(e.id,t,n,a,i):C.a.createClip(e.videoId,t,n,a,i);r.a.fetch(f,l)},onClickCancel:e.closePopup,allowInitialSubmit:!0}))}}}]);

package/dist/scripts/15-2d8ed3007f.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[15],{1144:function(t,e,a){"use strict";a.d(e,"a",(function(){return d}));var r=a(27),n=a(49);function o(t){return function(t){if(Array.isArray(t))return i(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return i(t,e);var a=Object.prototype.toString.call(t).slice(8,-1);"Object"===a&&t.constructor&&(a=t.constructor.name);if("Map"===a||"Set"===a)return Array.from(t);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return i(t,e)}(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.")}()}function i(t,e){(null==e||e>t.length)&&(e=t.length);for(var a=0,r=new Array(e);a<e;a++)r[a]=t[a];return r}function c(t,e,a,n){var i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[];return{url:"{gateway}/v1/objects/".concat(e),key:"favourite:video:".concat(e,":").concat(t),data:{favouriteVideos:t},type:r.a.PUT,invalidationKeys:["favourite:videos:".concat(e),"video:is:favourited:".concat(e)].concat(o(i)),success:a,error:n}}function u(t,e,a,n){var i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[];return{url:"{gateway}/v1/objects/".concat(e,"/favouriteVideos?memberId=").concat(t),key:"favourite:video:".concat(e,":").concat(t),type:r.a.DELETE,invalidationKeys:["favourite:videos:".concat(e),"video:is:favourited:".concat(e)].concat(o(i)),success:a,error:n}}var d={favouriteVideos:function(t,e){return{url:"{gateway}/v1/objects/".concat(t,"/favouriteVideos?query=").concat(n.b.VideoCollectionWithAssocs(t,!0)).concat(s(e)),key:"favourite:videos:".concat(t).concat(e?":".concat(e):"")}},updateIsVideoFavourited:function(t,e,a,r,n){var o=arguments.length>5&&void 0!==arguments[5]?arguments[5]:[],i=a?c:u;return i(t,e,r,n,o)},isFavourited:function(t,e){var a=e.slice().sort(),r=a.map((function(t){return"id=".concat(t)}));if(r.length)return{url:"{gateway}/v1/objects?query=favouritedBy{id:".concat(t,"}&").concat(r.join("&")),key:"video:is:favourited:".concat(t,":by:id:").concat(a.join(","))}}};function s(t){return t?"&cursor=".concat(t):""}},1312:function(t,e,a){"use strict";a.d(e,"a",(function(){return s}));var r=a(2),n=a(168),o=a(165),i=a(335),c=a(336),u=a(337),d={notFound:o.a,forbidden:{rating:c.a,yearLevel:c.a,region:u.a,privacy:c.a},badRequest:i.a};function s(t,e){var a=Object.assign(Object.assign({},d),e);t.statusCode&&t.statusCode!==n.a.Ok&&(t.statusCode!==n.a.NotFound?t.statusCode!==n.a.Forbidden?r.a.ErrorHelper.throw(new a.badRequest):r.a.ErrorHelper.throw(new a.forbidden.privacy):r.a.ErrorHelper.throw(new a.notFound))}},1683:function(t,e,a){"use strict";a.r(e);var r=a(0),n=a(80),o=a(19),i=a(106),c=a(73),u=a(1144),d=(a(27),a(105)),s=function(t,e){return{url:d.a.urlBuilder("/api/domain/v1/themes",{name:t,type:e}),key:"themes:".concat(t,":").concat(e)}},l=a(1183),f=a(316),v=a(48),y=a(3),m=a(1129),p=a(9),b=a(321),h=a(1404),g=a(76),w=a(466),j=a(467),A=a(1312),F=a(145),O=a(164),T=a(143);function E(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;var a=[],r=!0,n=!1,o=void 0;try{for(var i,c=t[Symbol.iterator]();!(r=(i=c.next()).done)&&(a.push(i.value),!e||a.length!==e);r=!0);}catch(t){n=!0,o=t}finally{try{r||null==c.return||c.return()}finally{if(n)throw o}}return a}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return k(t,e);var a=Object.prototype.toString.call(t).slice(8,-1);"Object"===a&&t.constructor&&(a=t.constructor.name);if("Map"===a||"Set"===a)return Array.from(t);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return k(t,e)}(t,e)||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 k(t,e){(null==e||e>t.length)&&(e=t.length);for(var a=0,r=new Array(e);a<e;a++)r[a]=t[a];return r}a.d(e,"PlayView",(function(){return C}));var V={notFound:w.a,forbidden:{privacy:j.a}};function C(t){var e,a,d,w=Object(n.useDispatch)(),j=Object(m.a)(),k=E(Object(i.a)(g.a.WEB_PLAYER_DATA),2),C=k[0],S=k[1],I=Object(O.a)().hasPermissions,P=o.a.useBasicFetch(b.a.video(t.id),{optimize:!0}),B=o.a.useBasicFetch(l.a.createViewKey(t.id),{optimize:!0}),U=o.a.useBasicFetch(c.a.currentUser(),{optimize:!0}),_=o.a.useBasicFetch(F.a.config(),{optimize:!0}),z=o.a.useBasicFetch((null===(a=null===(e=P.data)||void 0===e?void 0:e.glance)||void 0===a?void 0:a.theme)?s(P.data.glance.theme,P.data.glance.type):null,{optimize:!0}),D=o.a.useBasicFetch(!!U.data&&u.a.favouriteVideos(U.data.id));return Object(f.a)(null===(d=P.data)||void 0===d?void 0:d.name),Object(A.a)(P,V),r.useEffect((function(){var e;if(P.data&&B.data){S("video",P.data),S("viewKey",B.data.viewKey);var a=(null===(e=C.video)||void 0===e?void 0:e.id)!==P.data.id,r=Number.isInteger(t.startTime)&&t.startTime!==C.startTime;(a||r)&&S("startTime",t.startTime||0)}}),[!!P.data,!!B.data,t.startTime]),P.data&&B.data&&U.data&&_.data?r.createElement("div",{className:"px-3"},r.createElement(h.a,{video:P.data,glanceTheme:z.data,relatedVideos:D.data?T.a.firstFew(D.data.data,3):null,setFavourite:function(t,e,a){o.a.fetch(w,u.a.updateIsVideoFavourited(t.id,U.data.id,e,(function(){v.a.logUserAction({id:t.id},{entity:y.EntityType.Video,actionType:y.UserAction.Favourite,descriptor:e?y.ToggleDescriptor.On:y.ToggleDescriptor.Off,location:y.LocationContext.PlayPage,workflowPhase:y.WorkflowPhase.Complete}),j.success(p.a.getPhrase("shared.play",e?"favourited":"unfavourited",{video:t.name}))}),a))},imageCdnUrl:_.data.imageCdnUrl,hasPermissions:I})):r.createElement(r.Fragment,null)}}}]);

package/dist/scripts/18-071b4e6bd7.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[18],{1131:function(e,t,a){e.exports={buttonList:"_2v9CT",dropdownToggle:"AYBvQ"}},1132:function(e,t,a){"use strict";var n=a(0),r=a(188),i=a(317),o=a(46),l=a(48),c=a(66),s=a(59),u=a(17),d=a(1131),m=a.n(d);function p(e){var t="dropdown-item";return e&&(t+=" ".concat(e)),t}function f(e){if(e.action.appLink)return n.createElement(s.a,{appLink:e.action.appLink,onClick:e.action.onClick,className:p(e.action.className),analyticsData:e.action.analyticsData,analyticsOptions:e.action.analyticsOptions},e.action.label);return n.createElement("span",{className:"cursor-pointer ".concat(p(e.action.className)),onClick:function(t){e.action.analyticsData&&e.action.analyticsOptions&&l.a.logUserAction(e.action.analyticsData,e.action.analyticsOptions),o.a.isFunction(e.action.onClick)&&e.action.onClick(t)}},e.action.label)}function v(e){if(!e.actions||!e.actions.length)return n.createElement(n.Fragment,null);var t="dropdown";e.className&&(t+=" ".concat(e.className));var a="actions-dropdown-".concat(i.a.getRandomInt()),r="dropdown-toggle px-0 ".concat(m.a.dropdownToggle);return e.dropdownToggleClassName&&(r+=" ".concat(e.dropdownToggleClassName)),n.createElement("div",{className:t},n.createElement("button",{className:r,type:"button",id:a,"data-toggle":"dropdown","aria-haspopup":"true","aria-expanded":"false"},n.createElement(c.a,{svgName:u.b.More,size:c.b.Small})),n.createElement("div",{className:"dropdown-menu dropdown-menu-right","aria-labelledby":a},e.actions.map((function(e,t){return n.createElement(f,{key:t,action:e})}))))}v.defaultProps={dropdownToggleClassName:"btn btn-light"};var g=a(319);function b(e){var t=[],a=[];e.actions.forEach((function(e){e.button?t.push(e):a.push(e)}));var i="d-flex";return e.className&&(i+=" ".concat(e.className)),n.createElement("div",{className:i},n.createElement(n.Fragment,null,!!t.length&&n.createElement("span",{className:m.a.buttonList},t.map((function(e,t){return n.createElement(n.Fragment,{key:t},e.label?n.createElement(g.a,{appLink:e.appLink,onClick:e.onClick,svgName:e.svgName,className:e.className,tooltip:e.tooltip,showSpinner:e.showSpinner,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},e.label):n.createElement(r.a,{appLink:e.appLink,onClick:e.onClick,svgName:e.svgName,className:e.className,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions}))}))),e.sortComponent?e.sortComponent:"",!!a.length&&n.createElement(v,{actions:a,className:!!t.length&&"ml-2",dropdownToggleClassName:e.actionsDropdownClassName})))}a.d(t,"a",(function(){return b}))},1172:function(e,t,a){"use strict";var n,r=a(0),i=a(46),o=a(72),l=a(143),c=a(1173),s=a(59),u=function(e){var t=e.breadcrumb,a=t.label,n=t.appLink,i=t.active;return r.createElement("li",{className:"breadcrumb-item".concat(i?" active":"")},i?r.createElement("strong",null,a):r.createElement(s.a,{appLink:n},a))},d=function(e){var t=e.breadcrumbs;return r.createElement("ol",{className:"breadcrumb m-0 p-0"},t.map((function(e,t){return r.createElement(u,{key:t,breadcrumb:e})})))};function m(e){return function(e){if(Array.isArray(e))return v(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||f(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function p(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,i=void 0;try{for(var o,l=e[Symbol.iterator]();!(n=(o=l.next()).done)&&(a.push(o.value),!t||a.length!==t);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==l.return||l.return()}finally{if(r)throw i}}return a}(e,t)||f(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function f(e,t){if(e){if("string"==typeof e)return 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}}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}function g(e,t,a){return{label:e.name,appLink:t(e),active:a}}function b(e){var t=function(e,t){var a=e.currentItem,n=e.getItemAppLink,c=e.getParent,s=e.rootItem,u=e.data,d=e.subview,f=p(Object(r.useState)([]),2),v=f[0],b=f[1],y=null==u?void 0:u.map((function(e){return null==e?void 0:e.name})).join("-");r.useEffect((function(){if(!t&&!o.a.isEmpty(u)){var e=u.map((function(e,t){return g(e,n,t+1===u.length)}));s&&e.unshift(s),b(e)}}),[y,n]),r.useEffect((function(){if(t&&i.a.isFunction(c)){var e=[g(a,n,!0)];for(a=c(a);a;)e.unshift(g(a,n)),a=c(a);return s&&e.unshift(s),b(e)}}),[a,c,n,s]);var h=r.useRef({label:d,appLink:null,active:!0}).current;if(d){v.includes(h)||b([].concat(m(v),[h]));var E=v.filter((function(e){return e.active&&e!==h}));E.length&&(l.a.first(E).active=!1)}return v}(e,e.type===n.Dynamic);return r.createElement("nav",{"aria-label":"breadcrumb"},r.createElement(d,{breadcrumbs:t}))}a.d(t,"a",(function(){return n})),a.d(t,"b",(function(){return b})),a.d(t,"c",(function(){return y})),function(e){e[e.Static=0]="Static",e[e.Dynamic=1]="Dynamic"}(n||(n={}));var y=function(e){var t=e.numItems,a=void 0===t?3:t;return r.createElement("nav",{"aria-label":"breadcrumb"},r.createElement("ol",{className:"breadcrumb m-0 p-0"},c.a.getPartialLoadingItems({numItems:a}).map((function(e,t){var a=e.width;return r.createElement("li",{key:t,className:"breadcrumb-item"},r.createElement("span",{className:"d-inline-block partial-loading-background",style:{width:a},dangerouslySetInnerHTML:{__html:"&nbsp"}}))}))))}},1173:function(e,t,a){"use strict";function n(e){return function(e){if(Array.isArray(e))return r(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return r(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return r(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}a.d(t,"a",(function(){return i}));var i={getPartialLoadingItems:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.numItems,a=void 0===t?5:t,r=e.minWidth,i=void 0===r?50:r,o=e.maxWidth,l=void 0===o?100:o,c=function(){return Math.max(Math.floor(Math.random()*l),i)};return n(Array(a)).map((function(){return{width:"".concat(c(),"px")}}))}}},1174:function(e,t,a){"use strict";a.d(t,"a",(function(){return c}));var n=a(143),r=a(72),i=/([0-9]+)/gi,o=/(^\w+)/gi,l=/\s|\+/gi;var c={getSortedPresentationAudiences:function(e,t){var a=e.map((function(e){return e.id.toString()}));return t.filter((function(e){return a.includes(e.masterId.toString())}))},getMergedPresentationAudienceString:function(e){if(1===e.length)return e[0];var t=e.map((function(e){return e.name})).join(","),a=t.match(i),n=t.match(o);if(!a||!n)return e[0];var r=function(e){var t,a,n,r,i=!1,o=[];for(e=e.sort((function(e,t){return e-t})),n=0;n<e.length;n++)r=n+1,i||(t=e[n]),a=e[r],e[n]+1===a?i=!0:i?(o.push("".concat(t," - ").concat(e[n])),i=!1):(o.push("".concat(e[n])),i=!1);return o}(a.map((function(e){return+e}))||[]),l=n[0];return{name:"".concat(l," ").concat(r.join(" , "))}},sortMembersWithDuplicateNamesByAudience:function(e){var t=function(e){return e.length?(e.forEach((function(e){var r=+n.a.first(e.name.match(i));if(!t)return t=e,void(a=r);r<a&&(t=e)})),t):null;var t,a},a={},r=[];return e.forEach((function(e){if(!a[e.name])return a[e.name]=1,void r.push(e);r.push(e),a[e.name]++;var n=r.splice(r.length-a[e.name]).sort((function(e,a){var n=t(e.subjectPresentationAudiences.data),r=t(a.subjectPresentationAudiences.data);if(!n&&r)return 1;if(!r)return-1;var i=n.name.localeCompare(r.name);return 0===i?i:i>0?-1:1}));r=r.concat(n)})),r},getActiveAudiencesFromParams:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(r.a.isObject(t)&&!r.a.isEmpty(t)&&e&&e.length){var a=t.a;if(a){"string"==typeof a&&(a=[a]);var n=function(e){return e.replace(l,"").toLowerCase()},i=a.reduce((function(e,t){return e[n(t)]=t,e}),{});return e.filter((function(e){return i[n(e.name)]})).reduce((function(e,t){return e[t.masterId]=t,e}),{})}}},getAudienceParams:function(e){if(!e||!r.a.isObject(e)||r.a.isEmpty(e))return null;var t=Object.keys(e);return t.length?{a:t.map((function(t){return e[t].name}))}:null}}},1195:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var n=a(0);a(1241);function r(e){return e.audience?n.createElement("div",{className:"audience-label border rounded-pill d-inline-block px-2 mt-1 ".concat("border-"+e.border)},e.audience.name):n.createElement(n.Fragment,null)}},1206:function(e,t,a){e.exports={playlistItem:"_6o0Z2",playlistItemGradient:"_2JLPt",playlistMetadata:"_3MCKL",playlistName:"_1Ukz7",partialHeading:"_13tO6",ownerAvatarContainer:"CwjTl"}},1207:function(e,t,a){"use strict";var n=a(0),r=a(126),i=a(9),o=a(214),l=a(1174),c=a(163),s=a(94),u=a(59),d=a(1178),m=a(1168),p=a(1195),f=a(324),v=a(325),g=a(269),b=a(1242);function y(){return n.createElement("div",{className:b.avatar},n.createElement(g.b,null))}function h(e){var t,a,r,i=e.playlist._liteOwner;if(null===(t=e.playlist._isClickViewPlaylist)||void 0===t?void 0:t.value)return n.createElement(y,null);if(!(null==i?void 0:i.id)||!(null===(a=e.currentUser)||void 0===a?void 0:a.id))return n.createElement(n.Fragment,null);if(i.id.toString()===e.currentUser.id.toString())return n.createElement(n.Fragment,null);var o="string"==typeof i.avatar?i.avatar:null===(r=i.avatar)||void 0===r?void 0:r.url;return n.createElement(f.a,{imageUrl:o,imageCdnUrl:e.imageCdnUrl,initials:v.a.getInitials(i.name,i.surname)})}var E=a(1219),w=a(3),k=a(1206),A=a.n(k);a.d(t,"a",(function(){return C}));var N=i.a.encloseNamespace("playlists.playlistItem");function C(e){var t,a,i=o.a.createUrl(e.data.cover&&e.data.cover.url,{size:c.a.Medium,resizeType:c.c.Cover}),f=e.data.subjectPresentationAudiences&&e.data.subjectPresentationAudiences.data,v=f&&e.presentationAudiences&&l.a.getSortedPresentationAudiences(f,e.presentationAudiences),g=v&&l.a.getMergedPresentationAudienceString(v),b=!!e.showCount&&!!e.data.videos&&e.data.videos.count,y=!!e.showLastUpdated&&e.data.contentModifiedDate&&r.utc(e.data.contentModifiedDate),k=A.a.playlistItem,C=!!i||!!e.showFallbackImage;C&&(k+=" ".concat(A.a.playlistItemGradient)),!C&&e.bgColourClassNames&&(k+=" ".concat(A.a.playlistItem," ").concat(Object(E.a)(e.data,e.bgColourClassNames)));var S=Object.assign(Object.assign({},e.analyticsData),{id:null===(t=e.data)||void 0===t?void 0:t.id,name:null===(a=e.data)||void 0===a?void 0:a.name}),L=Object.assign(Object.assign({},e.analyticsOptions),{entity:w.EntityType.Playlist});return n.createElement(s.a.Provider,{value:"playlists.playlistItem"},n.createElement(u.a,{appLink:e.appLink,analyticsData:S,analyticsOptions:L},n.createElement(d.b,{data:i,className:k},!!e.showFallbackImage&&n.createElement(m.a,{type:m.b.Playlist}),n.createElement("div",{className:"text-white ".concat(A.a.playlistMetadata)},Number.isInteger(b)&&n.createElement(s.b,{phrase:"videos",options:{smartCount:b}}),n.createElement("h5",{className:"".concat(A.a.playlistName," text-shadow mb-0")},e.data.name),!!f&&!!f.length&&!!g&&n.createElement(p.a,{audience:g,border:"white"}),function(){if(!y)return n.createElement(n.Fragment,null);var e=y.isBefore(r.utc().subtract(1,"month"))?N("notUpdatedRecently"):N("lastUpdated",{timeAgo:y.fromNow()});return n.createElement("p",{className:"mb-0"},e)}()),!!e.showOwner&&!!e.imageCdnUrl&&n.createElement("div",{className:A.a.ownerAvatarContainer},n.createElement(h,{playlist:e.data,currentUser:e.currentUser,imageCdnUrl:e.imageCdnUrl})))))}},1219:function(e,t,a){"use strict";function n(e,t){return t[e.name.charCodeAt(0)%t.length]}a.d(t,"a",(function(){return n}))},1221:function(e,t,a){"use strict";a.d(t,"a",(function(){return l}));var n=a(0),r=a(1245),i=a.n(r),o=a(46);function l(e){var t=e.audience,a=e.highlight,r=e.setAudience,l=e.isDisabled,c=e.extraClasses,s=function(e,t){return e?t?"".concat(i.a.disabledHighlighted," text-light"):"badge-info text-light":t?"".concat(i.a.disabled," text-muted"):"badge-light"}(a,l),u="badge-pill d-inline-block mr-1 ".concat(l?"cursor-default":"cursor-pointer"," ").concat(s," ").concat(c);return n.createElement("span",{className:u,onClick:function(){!l&&o.a.isFunction(r)&&r(t,!a)},role:"checkbox","aria-checked":a},t.name.split(" ").map((function(e){return e.charAt(0).toUpperCase()+e.substring(1)})).join(" "))}l.defaultProps={extraClasses:""}},1224:function(e,t,a){"use strict";var n=a(0),r=a(9),i=a(66),o=a(59),l=a(17);function c(e){var t=e.backToName,a=e.appLink,c=e.color,s=e.extraClasses,u=t?r.a.getPhrase("shared.backButton","backTo",{backToName:t}):r.a.getPhrase("shared.backButton","back"),d="black"===c?"":"text-light";return n.createElement(o.a,{appLink:a,className:"d-inline-flex align-items-center h5 mb-0 ".concat(s," ").concat(d)},n.createElement(i.a,{svgName:l.b.ChevronLeft,size:i.b.Medium}),n.createElement("span",{className:"ml-1"},u))}c.defaultProps={color:"black",extraClasses:""};var s=a(214),u=a(163),d=a(1132),m=a(1237),p=a.n(m);a.d(t,"a",(function(){return f})),a.d(t,"b",(function(){return v}));var f=n.memo((function(e){var t=e.heading,a=e.banner,r=e.imageCdnUrl,i=e.actions,o=e.sortComponent,l=e.blockColourClass,m=s.a.createBannerUrl(a,{fallbackBaseUrl:r,fallbackCategoryName:t,type:u.b.Banners},{size:u.a.Large,resizeType:u.c.Cover}),f={className:"banner banner-header",style:{backgroundImage:"url('".concat(m,"')")}};return!a&&l&&(delete f.style,f.className+=" ".concat(l)),n.createElement("div",Object.assign({},f),e.backButtonAppLink&&n.createElement("div",{className:"pt-3"},n.createElement(c,{appLink:e.backButtonAppLink,backToName:e.backButtonText,extraClasses:e.backButtonClasses,color:"white"})),n.createElement("h1",{className:"".concat(p.a.text," text-white text-shadow position-absolute mb-3 clamp-2")},t),!!i&&n.createElement("div",{className:p.a.actionsContainer},n.createElement(d.a,{actions:i,sortComponent:o,actionsDropdownClassName:e.actionsDropdownClassName})))}),(function(e,t){return e.actions===t.actions})),v=function(){return n.createElement("div",{className:"partial-banner partial-loading-background"})}},1234:function(e,t,a){"use strict";var n=a(1194);a.d(t,"a",(function(){return n.a}));a(1202);var r=a(1201);a.d(t,"b",(function(){return r.a}))},1235:function(e,t,a){e.exports={tagList:"yvetE",disabled:"_3ZfKv"}},1237:function(e,t,a){e.exports={actionsContainer:"_286KF",text:"_3TSgh"}},1241:function(e,t,a){e.exports={audienceLabelListItem:"_2YGVO"}},1242:function(e,t,a){e.exports={avatar:"_1IfFN"}},1245:function(e,t,a){e.exports={disabled:"_1KxF9",disabledHighlighted:"pbuec"}},1265:function(e,t,a){"use strict";a.d(t,"a",(function(){return c}));var n=a(0),r=a(40),i=a(3),o=a(1207),l={actionType:i.UserAction.Click,entity:i.EntityType.Playlist,location:i.LocationContext.PlaylistListItem,descriptor:i.ClickDescriptor.Cover};function c(e){return n.createElement(r.Row,null,e.playlists.map((function(t){return n.createElement(r.Col,{key:t.id,xs:6,sm:4,lg:3,className:"mb-3 ".concat(e.itemContainerClassName?e.itemContainerClassName:"")},n.createElement(o.a,{data:t,appLink:e.getPlaylistAppLink(t),imageCdnUrl:e.imageCdnUrl,currentUser:e.currentUser,presentationAudiences:e.presentationAudiences,bgColourClassNames:e.bgColourClassNames,showCount:e.showCount,showOwner:e.showOwner,showFallbackImage:e.showFallbackImage,showLastUpdated:e.showLastUpdated,analyticsData:e.analyticsData,analyticsOptions:Object.assign(Object.assign({},e.analyticsOptions),l)}))})))}},1269:function(e,t,a){"use strict";a.d(t,"a",(function(){return y}));var n=a(0),r=a(44),i=a(1233),o=a(1174),l=a(59),c=a(1178),s=a(1168),u=a(1195),d=a(1158),m=a(163),p=a(3),f=a(1270),v=a.n(f);function g(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,i=void 0;try{for(var o,l=e[Symbol.iterator]();!(n=(o=l.next()).done)&&(a.push(o.value),!t||a.length!==t);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==l.return||l.return()}finally{if(r)throw i}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return b(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return b(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function y(e){var t=e.data,a=e.appLink,f=e.preloadImage,b=Object.assign(Object.assign({},a),{args:[t.id,r.a.slugify(t.name)]}),y=t&&t.subjectPresentationAudiences&&t.subjectPresentationAudiences.data||[],h=o.a.getSortedPresentationAudiences(y,e.audiences),E=o.a.getMergedPresentationAudienceString(h),w=g(Object(i.b)({className:v.a.hoverActive}),2),k=w[0],A=w[1],N=Object.assign(Object.assign({},e.analyticsData),{id:null==t?void 0:t.id,name:null==t?void 0:t.name}),C=Object.assign(Object.assign({},e.analyticsOptions),{actionType:p.UserAction.Click,entity:p.EntityType.Series,descriptor:p.ClickDescriptor.TallPoster});return n.createElement(l.a,{key:t.id,appLink:b,className:"position-relative p-1 flex-shrink-0 ".concat(v.a.width),analyticsData:N,analyticsOptions:C},n.createElement("div",{ref:k},A&&n.createElement("div",{className:"p-3 text-white text-center ".concat(v.a.mask)},n.createElement("h3",{className:"h4"},t.name),n.createElement("p",null,t.description)),n.createElement(c.b,{data:t.tallPoster,aspectRatio:c.a.NineBySixteen,preload:f,imageOptions:{size:m.a.Large}},n.createElement(s.a,{type:s.b.Series}),n.createElement("div",{className:"position-absolute text-white ".concat(v.a.labelContainer)},y&&y.length?n.createElement(u.a,{audience:E,border:"white"}):n.createElement(d.a,{type:d.b.Rating,data:t.rating})))))}},1270:function(e,t,a){e.exports={partialLoadingHeading:"_1RLPq",partialLoading:"oArG4",labelContainer:"QLCgm",hoverActive:"_3Aleb",mask:"_2M2Zz",width:"TQg2K"}},1276:function(e,t,a){"use strict";var n=a(0),r=a.n(n),i=a(46),o=a(59),l=a(1235),c=a.n(l);function s(e){var t=e.tag,a=e.appLink,n=e.disabled,i="badge-pill tag py-1 px-2 my-1 mr-1";return a&&!n&&(i+=" cursor-pointer"),n&&(i+=" "+c.a.disabled),a?r.a.createElement(o.a,{appLink:a,className:i},t.name):r.a.createElement("span",{className:i},t.name)}function u(e){var t=e.tags,a=e.getAppLink;return t&&t.data?r.a.createElement("div",{className:c.a.tagList},t.data.map((function(e){var t=i.a.isFunction(a)?a(e):null;return r.a.createElement(s,{key:e.id,tag:e,appLink:t})}))):r.a.createElement(r.a.Fragment,null)}a.d(t,"a",(function(){return u}))},1307:function(e,t,a){"use strict";a.d(t,"a",(function(){return p}));var n=a(0),r=a(44),i=a(215),o=a(1146),l=a(1155),c=a(1233),s=a(1308),u=a.n(s);function d(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,i=void 0;try{for(var o,l=e[Symbol.iterator]();!(n=(o=l.next()).done)&&(a.push(o.value),!t||a.length!==t);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==l.return||l.return()}finally{if(r)throw i}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return m(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return m(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function m(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=n.memo((function(e){var t=e.data,a=e.appLink,s=e.seriesAppLink,m=e.context,p=e.thumbnailSize,f=e.preloadImage,v=d(Object(c.b)({className:u.a.hovering,style:{transform:"scale(".concat((null==m?void 0:m.type)===i.WidgetType.LargeRow?1.1:1.15,")")}}),2),g=v[0],b=v[1];n.useEffect((function(){e.onHover(b)}),[b]);var y=Object.assign(Object.assign({},a),{args:[t.id,r.a.slugify(t.name)]}),h=u.a.rowWidth;return m.type!==i.WidgetType.LargeRow&&3!==m.collectionSize||(h=u.a.largeRowWidth),n.createElement("div",{ref:g,className:"p-1 flex-shrink-0 position-relative ".concat(h," ").concat(u.a.transition)},n.createElement(l.a,{video:t,type:"expandable",appLink:y,seriesAppLink:s,textPosition:o.a.Overlay,imageOptions:{size:p},preload:f,hovering:b,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,hideFavouriteButton:e.hideFavouriteButton,setFavourite:e.setFavourite}))}),(function(e,t){var a,n,r,i,o,l;return e.preloadImage===t.preloadImage&&(null===(a=e.data)||void 0===a?void 0:a.name)===(null===(n=t.data)||void 0===n?void 0:n.name)&&(null===(i=null===(r=e.data)||void 0===r?void 0:r.series)||void 0===i?void 0:i.id)===(null===(l=null===(o=t.data)||void 0===o?void 0:o.series)||void 0===l?void 0:l.id)&&e.onHover===t.onHover}))},1308:function(e,t,a){e.exports={rowWidth:"_8IgrO",largeRowWidth:"q46rm",hovering:"IeeJA",transition:"_1s6UK"}},1599:function(e,t,a){e.exports={footerImageContainer:"_2lUo1",footerImage:"Q_m9i",wave:"_2WUUq"}},1600:function(e,t,a){e.exports={partialHeroThumbnail:"mBd7D",partialSeriesText:"_2MXtV",partialVideoTitleText:"_3AoSO",partialBadge:"_33OjS",partialDescription:"_2uRQA",partialSubject:"_3YJIE",partialHeading:"_2UT-Z"}},1667:function(e,t,a){"use strict";a.r(t);var n=a(0),r=a(80),i=a(9),o=a(2),l=a(19),c=a(72),s=a(168),u=a(44),d=a(316),m=a(215),p=a(1224),f=a(1172),v=a(17),g=a(145),b=a(73),y=a(334),h=a(105),E=a(27);function w(e){return function(e){if(Array.isArray(e))return k(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return k(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return k(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function 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 A=function(){return"/api/domain/v1/subjects/classifications/following"},N=function(e){return h.a.urlBuilder("/api/domain/v1/subjects/classifications/following",{id:e})},C={follow:function(e,t,a){return{url:A(),key:"follow:".concat(e.join(",")),type:E.a.POST,data:e,success:t,error:a,invalidationKeys:[].concat(w(e.map((function(e){return"classification:".concat(e)}))),["my:subject:preferences","classifications"])}},unfollow:function(e,t,a){return{url:N(e),key:"unfollow:".concat(e.join(",")),type:E.a.DELETE,success:t,error:a,invalidationKeys:[].concat(w(e.map((function(e){return"classification:".concat(e)}))),["my:subject:preferences","classifications"])}}},S=a(1264),L=a(1216),j=a(1243),O=a(1265),I=(a(1207),a(106)),x=a(58),T=a(331),F=a(1173),D=a(1221),U=a(314),P=a(94);function B(e){return function(e){if(Array.isArray(e))return R(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||M(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 _(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,i=void 0;try{for(var o,l=e[Symbol.iterator]();!(n=(o=l.next()).done)&&(a.push(o.value),!t||a.length!==t);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==l.return||l.return()}finally{if(r)throw i}}return a}(e,t)||M(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 M(e,t){if(e){if("string"==typeof e)return R(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)?R(e,t):void 0}}function R(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function H(e){var t=e.audiences,a=e.activeAudiences,r=e.disabled,i=e.appLink,l=_(Object(I.a)(T.a.AUDIENCE_FILTER,void 0,{storage:x.c.SessionStorage}),2)[1];function c(e,t){var n=a||{},r=t?[].concat(B(Object.keys(n).map((function(e){return n[e].name}))),[e.name]):Object.keys(n).map((function(e){return n[e].name})).filter((function(t){return t!==e.name}));o.a.AppLinkHelper.trigger(Object.assign(Object.assign({},i),{params:r.length?{a:r}:null}),{replace:!0})}return n.useEffect((function(){l(a)}),[a]),t&&t.length?n.createElement("div",{className:"pt-3"},t.map((function(e){return n.createElement(D.a,{key:e.masterId,audience:e,highlight:!!a&&!!a[e.masterId],setAudience:c,isDisabled:r})})),!!a&&!!Object.keys(a).length&&n.createElement(U.a,{className:"info-link d-inline-block font-weight-500 ml-1",onClick:function(){o.a.AppLinkHelper.trigger(i,{replace:!0})}},n.createElement(P.b,{namespace:"subjects.audienceFilter",phrase:"clear"}))):n.createElement(n.Fragment,null)}var z=F.a.getPartialLoadingItems({numItems:6}),V=function(){return n.createElement("div",{className:"pt-3"},z.map((function(e,t){var a=e.width;return n.createElement("span",{key:t,className:"d-inline-block badge-pill partial-loading-background mr-1",dangerouslySetInnerHTML:{__html:"&nbsp"},style:{width:a}})})))},W=a(214),G=a(163),K=a(339),Y=a(66),$=a(1599),J=a.n($);function q(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,i=void 0;try{for(var o,l=e[Symbol.iterator]();!(n=(o=l.next()).done)&&(a.push(o.value),!t||a.length!==t);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==l.return||l.return()}finally{if(r)throw i}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Q(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return Q(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Q(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 Z(e){var t,a,r=q(n.useState(!1),2),i=r[0],o=r[1],l=q(n.useState(!1),2),c=l[0],s=l[1];n.useEffect((function(){var t,a;o(!!(null===(a=null===(t=e.data.followers)||void 0===t?void 0:t.data)||void 0===a?void 0:a.length)),s(!1)}),[null===(a=null===(t=e.data.followers)||void 0===t?void 0:t.data)||void 0===a?void 0:a.length]);var u=W.a.createBannerUrl(e.data.banner,{fallbackBaseUrl:e.imageCdnUrl,fallbackCategoryName:e.data.name,type:G.b.Banners},{size:G.a.Large}),d={className:i?"btn-white":"btn-dark",showSpinner:c,onClick:function(){s(!0),e.onToggleFollow()},variant:null};return n.createElement(P.a.Provider,{value:"subjects.comingSoon"},n.createElement("div",{className:"d-flex flex-column align-items-center text-center py-3"},n.createElement("h2",{className:"display-4 font-weight-bold mb-3"},n.createElement(P.b,{phrase:"comingSoon"})),n.createElement("p",{className:"w-33 mb-0"},n.createElement(P.b,{phrase:"info1"})),!e.hideFollowButton&&n.createElement(n.Fragment,null,n.createElement("p",{className:"w-33"},n.createElement(P.b,{phrase:"info2"})),n.createElement(K.a,Object.assign({},d),n.createElement(Y.a,{svgName:i?v.b.Check:v.b.Bell,className:"align-middle d-inline-block svg-container"}),n.createElement("span",{className:"align-middle pl-1"},n.createElement(P.b,{phrase:"remindMe"}))))),n.createElement("div",{className:J.a.footerImageContainer},n.createElement("div",{className:"".concat(J.a.footerImage," banner position-relative"),style:{backgroundImage:"url('".concat(u,"')")}},n.createElement(Y.a,{className:J.a.wave,size:Y.b.ExtraLarge,svgName:v.b.WhiteWave}))))}var X=a(40),ee=a(1325),te=a(3);function ae(e){return n.createElement("div",{className:"position-relative px-2 mb-2"},n.createElement(ee.a,{data:e.classification,appLink:e.appLink,isLarge:!0,analyticsData:e.analyticsData,analyticsOptions:Object.assign(Object.assign({},e.analyticsOptions),{location:te.LocationContext.ClassificationListItem})}))}function ne(e){return n.createElement(X.Row,null,e.classifications.map((function(t){return n.createElement(X.Col,{key:t.id,xs:12,sm:6,lg:4},n.createElement(ae,{key:t.id,classification:t,appLink:e.getItemAppLink(t),analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions}))})))}var re=a(1155),ie=a(322),oe=a(1163),le=a(1158),ce=a(1195),se=a(1276),ue=a(59),de=a(1146),me=a(1174),pe=a(1600),fe=a.n(pe),ve=function(e){return!!(e&&e.data&&e.data.length)};function ge(e){var t=e.video,a=e.presentationAudiences,r=e.videoAppLink,i=e.seriesAppLink,o=e.hideInteractiveBadge;if(!t)return n.createElement(n.Fragment,null);var l=me.a.getSortedPresentationAudiences(t.subjectPresentationAudiences.data,a),c=me.a.getMergedPresentationAudienceString(l),s=t.series&&!!t.series.id;return n.createElement(P.a.Provider,{value:"subjects.heroVideo"},n.createElement("h4",null,n.createElement(P.b,{phrase:"heading"})),n.createElement(X.Row,{className:"pb-3"},n.createElement(X.Col,{xs:6},n.createElement(re.a,{video:t,appLink:r,seriesAppLink:s?i:null,imageOptions:{size:G.a.Medium},textPosition:de.a.Independent,type:"static",analyticsOptions:{location:te.LocationContext.ClassificationHero}})),n.createElement(X.Col,{xs:6,className:"p-1"},s&&n.createElement(ie.a,{video:t,appLink:i,className:"text-reset d-block"}),n.createElement(ue.a,{appLink:r},n.createElement("h4",null,t.name)),n.createElement(oe.a,{className:"pb-1"},!o&&n.createElement(le.a,{type:le.b.Interactive,data:t.interactives}),n.createElement(le.a,{type:le.b.Rating,data:t.rating}),n.createElement(le.a,{type:le.b.ProductionYear,data:t.productionYear})),n.createElement("p",{className:"mb-1 clamp-4"},t.description),n.createElement(ce.a,{audience:c,border:"dark"}),e.showExtraMetadata&&n.createElement(X.Row,{className:"pt-2"},n.createElement(X.Col,{xs:2},ve(t.resources)&&n.createElement("p",{className:"font-weight-bold"},n.createElement(P.b,{phrase:"resourcesHeading"})),ve(t.links)&&n.createElement("p",{className:"font-weight-bold"},n.createElement(P.b,{phrase:"linksHeading"})),ve(t.clips)&&n.createElement("p",{className:"font-weight-bold"},n.createElement(P.b,{phrase:"clipsHeading"})),ve(t.tags)&&n.createElement("p",{className:"font-weight-bold"},n.createElement(P.b,{phrase:"tagsHeading"}))),n.createElement(X.Col,{xs:10},ve(t.resources)&&n.createElement("p",null,n.createElement(P.b,{phrase:"resources",options:{smartCount:t.resources.data.length}})),ve(t.links)&&n.createElement("p",null,n.createElement(P.b,{phrase:"links",options:{smartCount:t.links.data.length}})),ve(t.clips)&&n.createElement("p",null,n.createElement(P.b,{phrase:"clips",options:{smartCount:t.clips.data.length}})),ve(t.tags)&&n.createElement(se.a,{tags:t.tags}))))))}function be(){return n.createElement(n.Fragment,null,n.createElement("div",{className:"partial-loading-background mb-2 ".concat(fe.a.partialHeading)}),n.createElement("div",{className:"row pb-3"},n.createElement("div",{className:"col-6 p1"},n.createElement("div",{className:"".concat(fe.a.partialHeroThumbnail," partial-loading-background")})),n.createElement("div",{className:"col-6 p1"},n.createElement("div",{className:"partial-loading-background mb-1 ".concat(fe.a.partialSeriesText)}),n.createElement("div",{className:"partial-loading-background my-1 ".concat(fe.a.partialVideoTitleText)}),n.createElement("div",{className:"d-flex"},n.createElement("div",{className:"partial-loading-background my-1 mr-1 ".concat(fe.a.partialBadge)}),n.createElement("div",{className:"partial-loading-background my-1 ml-1 ".concat(fe.a.partialBadge)})),n.createElement("div",{className:"partial-loading-background my-1 ".concat(fe.a.partialDescription)}),n.createElement("div",{className:"partial-loading-background mt-2 ".concat(fe.a.partialSubject)}))))}var ye=a(1234),he=a(1338),Ee=a(1307),we=a(1269),ke=a(1326),Ae=a(118),Ne=a(104),Ce=a(164),Se=a(75),Le=a(43),je=a(13),Oe=a(7),Ie=a(165),xe=function(e){return{application:Oe.a.PLAYLISTS,action:je.a.Playlists.PLAYLIST,args:[e.id,u.a.slugify(e.name)]}},Te=a(143);function Fe(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,i=void 0;try{for(var o,l=e[Symbol.iterator]();!(n=(o=l.next()).done)&&(a.push(o.value),!t||a.length!==t);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==l.return||l.return()}finally{if(r)throw i}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return De(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return De(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function 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}a.d(t,"getBannerActions",(function(){return Pe})),a.d(t,"ClassificationView",(function(){return Be}));var Ue=i.a.encloseNamespace("subjects.classification");function Pe(e,t,a,n,r){var i,o,l=!!(null===(o=null===(i=e.followers)||void 0===i?void 0:i.data)||void 0===o?void 0:o.length),c=[{label:Ue("share"),appLink:{application:Oe.a.SHARE,action:je.a.Share.SHARE,args:[e.id],params:{entityType:"subject"}},svgName:v.b.Share,className:"btn btn-secondary",button:!0}];return n(Ne.a.FollowSubjects)&&c.unshift({label:Ue(l?"unfollow":"follow"),onClick:t,svgName:l?v.b.Check:v.b.Bell,className:"btn follow-btn ".concat(l?"btn-secondary":"btn-primary"),button:!0,tooltip:l||r?void 0:Ue("followBtnTooltip"),showSpinner:a}),c}function Be(e){var t,a,i,v,h,E,w,k,A,N,I=e.id,x=e.queryParams,T=Fe(n.useState(),2),F=T[0],D=T[1],U=Fe(n.useState(!1),2),P=U[0],B=U[1],_=Object(r.useDispatch)(),M=Object(Ce.a)().hasPermissions,R=l.a.useBasicFetch(b.a.currentUser(),{optimize:!0}),z=l.a.useBasicFetch(g.a.config(),{optimize:!0}),W=l.a.useBasicFetch(y.a.presentation(),{optimize:!0}),G=l.a.useBasicFetch(S.a.presentationAudiences(),{optimize:!0}),K=l.a.useBasicFetch((null===(t=R.data)||void 0===t?void 0:t.id)&&y.a.classification(I,null===(a=R.data)||void 0===a?void 0:a.id,(function(e){e.status!==s.a.BadRequest&&e.status!==s.a.NotFound||o.a.ErrorHelper.throw(new Ie.a)})),{optimize:!0}),Y=l.a.useBasicFetch(y.a.path(I),{optimize:!0}),$=l.a.useBasicFetch(y.a.children(I),{optimize:!0});Object(d.a)(null===(i=K.data)||void 0===i?void 0:i.name);var J=me.a.getActiveAudiencesFromParams(G.data,x),q=c.a.keys(J);q&&q.length||(q=[]);var Q=null===(v=null==W?void 0:W.data)||void 0===v?void 0:v.id,X=y.a.series(I,Q,q),te=y.a.playlists(I,Q,q),ae=y.a.videos(I,Q,q),re=l.a.useGetResponse(X&&X.key),ie=l.a.useGetResponse(te&&te.key),oe=l.a.useGetResponse(ae&&ae.key),le=l.a.useGetFetch(X),ce=l.a.useGetFetch(te),se=l.a.useGetFetch(ae),ue=q.length?q.join(":"):Q;n.useEffect((function(){Q&&(le(),ce(),se())}),[ue]),n.useEffect((function(){P||(K.data?B(!!K.data.series.count||!!K.data.playlists.count||!!K.data.videos.count):B(!1))}),[K.data]);var de,pe=Object(Se.a)(Le.a.MDDown),fe=(de=(null==x?void 0:x.a)?{a:x.a}:null,function(e){return{application:Oe.a.SUBJECT,action:je.a.Subjects.CLASSIFICATION,args:e?[e.id,u.a.slugify(e.name)]:[],params:de||{}}});function ve(){var e,t;D(!0);var a=(null===(t=null===(e=K.data.followers)||void 0===e?void 0:e.data)||void 0===t?void 0:t.length)?C.unfollow:C.follow;l.a.fetch(_,a([K.data.id]))}n.useEffect((function(){D(!1)}),[null===(w=null===(E=null===(h=K.data)||void 0===h?void 0:h.followers)||void 0===E?void 0:E.data)||void 0===w?void 0:w.length]);var De=!!K.data&&!!z.data,Be=!!K.data&&!!Y.data,_e=!!$.data,Me=!!G.data,Re=!!K.data&&!!ie.data,He=!!K.data&&!!oe.data,ze=!!K.data&&!!re.data&&!!G.data,Ve=function(e){var t,a,n;return!!e&&(0===(null===(t=e.series)||void 0===t?void 0:t.count)&&0===(null===(a=e.videos)||void 0===a?void 0:a.count)&&0===(null===(n=e.playlists)||void 0===n?void 0:n.count))}(K.data),We=function(e,t,a,n){if(!(e&&t&&a&&n))return{heroVideo:null,videoList:a&&a.data};if(!e.data.length&&!t.data.length&&1===a.data.length)return{heroVideo:Te.a.first(a.data),videoList:[]};var r=a.data.findIndex((function(e){return e.id===n.pinnedVideoMasterId}));return-1===r?{heroVideo:null,videoList:a.data}:{heroVideo:a.data[r],videoList:a.data.filter((function(e){return e.id!==n.pinnedVideoMasterId}))}}(re.data,ie.data,oe.data,K.data),Ge=We.heroVideo,Ke=We.videoList,Ye=!Object(Se.a)(Le.a.XLDown);return n.createElement("div",{className:"bg-white px-3"},De?n.createElement(p.a,{heading:K.data.name,banner:K.data.banner,imageCdnUrl:z.data.imageCdnUrl,actions:(null===(k=K.data)||void 0===k?void 0:k.comingSoon)?[]:Pe(K.data,ve,F,M,pe)}):n.createElement(p.b,null),n.createElement("div",{className:Ye?"px-3":""},n.createElement("div",{className:"py-3 mb-3 ".concat((null===(A=K.data)||void 0===A?void 0:A.comingSoon)?"":"border-bottom")},Be?n.createElement(f.b,{currentItem:K.data,type:f.a.Static,getItemAppLink:fe,data:Y.data,rootItem:{label:Ue("dashboard"),appLink:{application:Oe.a.DASHBOARD,action:je.a.Dashboard.HOME}}}):n.createElement(f.c,null),function(){var e,t=Me&&Re&&ze&&He;return(null===(e=K.data)||void 0===e?void 0:e.comingSoon)||Ve?n.createElement(n.Fragment,null):t?n.createElement(H,{audiences:G.data,activeAudiences:J,disabled:!P,appLink:{application:Oe.a.SUBJECT,action:je.a.Subjects.CLASSIFICATION,args:[K.data.id,u.a.slugify(K.data.name)]}}):n.createElement(V,null)}()),z.data&&(null===(N=K.data)||void 0===N?void 0:N.comingSoon)?n.createElement(Z,{data:K.data,imageCdnUrl:z.data.imageCdnUrl,onToggleFollow:ve,hideFollowButton:!M(Ne.a.FollowSubjects)}):n.createElement("div",null,function(){var e;return _e&&Re&&ze&&He?(null===(e=$.data)||void 0===e?void 0:e.length)?Ve?n.createElement("div",{className:"mx-n2"},n.createElement(ne,{classifications:$.data,getItemAppLink:fe})):n.createElement("div",{className:"pb-3 mx-n1"},n.createElement(he.a,{collection:$.data,childAppLink:fe(),childComponent:ee.a,headingPhraseKey:"topics"})):n.createElement(n.Fragment,null):n.createElement(he.b,null)}(),ze&&Re&&He&&Me?n.createElement(ge,{video:Ge,presentationAudiences:G.data,videoAppLink:{application:Oe.a.DEFAULT,action:je.a.Default.PLAY_VIDEO,args:[null==Ge?void 0:Ge.id,u.a.slugify(null==Ge?void 0:Ge.name)],params:Ae.a.getVideoProgress(Ge)?{t:Math.floor(Ae.a.getVideoProgress(Ge))}:{}},seriesAppLink:{application:Oe.a.DEFAULT,action:je.a.Default.SERIES,args:(null==Ge?void 0:Ge.series)?[Ge.series.id,u.a.slugify(Ge.series.name)]:[]}}):n.createElement(be,null),n.createElement("div",null,function(){var e,t;return Re&&Me?(null===(t=null===(e=ie.data)||void 0===e?void 0:e.data)||void 0===t?void 0:t.length)?n.createElement("div",{className:"pb-2"},n.createElement("h4",null,Ue("playlists")),n.createElement(O.a,{playlists:me.a.sortMembersWithDuplicateNamesByAudience(ie.data.data),getPlaylistAppLink:xe,presentationAudiences:G.data,itemContainerClassName:"columns-of-five",showFallbackImage:!0})):n.createElement(n.Fragment,null):n.createElement("div",{className:"pb-3"},n.createElement(j.a,{showHeading:!0,itemClassName:"columns-of-five"}))}(),He?n.createElement("div",{className:"mx-n1"},n.createElement(ye.a,{name:Ue("popular"),type:m.WidgetType.LargeRow,contents:L.a.Videos,collection:Ke,childComponent:Ee.a,childAppLink:{application:Oe.a.DEFAULT,action:je.a.Default.PLAY_VIDEO},prefetched:!0})):n.createElement(ye.b,null),ze?n.createElement(ye.a,{name:Ue("series"),type:m.WidgetType.Row,contents:L.a.Series,collection:re.data,setData:function(e){return e.data},childComponent:function(e){return n.createElement(we.a,Object.assign({audiences:G.data},e))},childAppLink:{application:Oe.a.DEFAULT,action:je.a.Default.SERIES},prefetched:!0}):n.createElement(ke.a,null)))))}}}]);

package/dist/scripts/19-024e36ba79.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[19],{1183:function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var a=n(27),i={createViewKey:function(e){return{url:"/api/player/create-view-key",key:"view:key:".concat(e),type:a.a.POST,data:{mediaId:e.toString()}}}}},1218:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var a=368},1234:function(e,t,n){"use strict";var a=n(1194);n.d(t,"a",(function(){return a.a}));n(1202);var i=n(1201);n.d(t,"b",(function(){return i.a}))},1236:function(e,t,n){"use strict";var a=n(1313);n.d(t,"InteractiveMode",(function(){return a.a}));n(1394),n(1395),n(1396),n(1397)},1261:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(0),i=n.n(a);function r(e){var t,n,a;if(!e.owner)return i.a.createElement(i.a.Fragment,null);var r=e.owner.name;e.owner.surname&&(r+=" ".concat(e.owner.surname.substr(0,1)).toUpperCase());var c=null===(n=null===(t=e.owner.customers)||void 0===t?void 0:t.data)||void 0===n?void 0:n[0],o=null!==(a=null==c?void 0:c.name)&&void 0!==a?a:"";return o&&(r+=", "),i.a.createElement("small",{className:"clamp-1"},r,o&&i.a.createElement("em",null,o),"ClickView"===o&&i.a.createElement(i.a.Fragment,null,"CV Icon"))}},1310:function(e,t,n){"use strict";n.d(t,"a",(function(){return f}));var a=n(0),i=n.n(a),r=n(44),c=n(59),o=n(1155),s=n(1146),l=n(94),u=n(1261),d=n(163),m=n(1311),p=n.n(m),v=n(3),f=i.a.memo((function(e){var t=Object.assign(Object.assign({},e.appLink),{args:[e.data.id,r.a.slugify(e.data.name)]}),n=Object.assign(Object.assign({},e.questionsAppLink),{args:[e.data.id]});return i.a.createElement("div",{className:"flex-shrink-0 px-1 ".concat(p.a.item)},i.a.createElement("div",{className:"row m-0 border rounded p-2 h-100"},i.a.createElement("div",{className:"col-6 p-0"},i.a.createElement(o.a,{video:e.video,interactive:e.data,appLink:t,type:"static",videoType:"interactive",imageOptions:{size:d.a.Small},textPosition:s.a.Independent,preload:!0,analyticsOptions:{location:v.LocationContext.SlidingListItem}})),i.a.createElement("div",{className:"col-6 p-0"},i.a.createElement("div",{className:"pl-3"},i.a.createElement(c.a,{appLink:t},i.a.createElement("h3",{className:"h6 mb-1 clamp-2"},e.data.name)),i.a.createElement(u.a,{owner:e.data.owner}),i.a.createElement(c.a,{className:"info-link",appLink:n},i.a.createElement(l.b,{namespace:"shared.interactiveWidgetItem",phrase:"previewQuestions"}))))))}))},1311:function(e,t,n){e.exports={item:"_2An5o",thumbnail:"Wvc5s",smallItemIconWidth:"_2IdDd",smallItemInfoWidth:"_1Iat7",smallProgressBarContainer:"_17I8T"}},1313:function(e,t,n){"use strict";var a;n.d(t,"a",(function(){return a})),function(e){e[e.View=0]="View",e[e.Create=1]="Create"}(a||(a={}))},1317:function(e,t,n){e.exports={time:"_30ibe",typeIcon:"UMnFt",type:"_3uwxz",question:"_1FwXi"}},1318:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var a={interactiveMetadata:function(e){return{url:"/api/domain/v2/objects/".concat(e,"?query=video"),key:"interactivemetadata:".concat(e)}},interactive:function(e){return{url:"/api/domain/v1/interactives/".concat(e),key:"interactive:".concat(e)}}}},1342:function(e,t,n){"use strict";var a=n(0),i=n.n(a),r=n(218),c=n(215),o=n(329),s=n(314),l=n(1218);var u=n(1317),d=n.n(u);function m(e){var t=e.interaction,n=e.visibleAt,a=e.goToTimepoint,r=e.selected;var l=a?"cursor-pointer":"cursor-default";return i.a.createElement(s.a,{className:"py-2 ".concat(l),onClick:function(){a&&a(n)}},i.a.createElement("span",{className:"".concat(d.a.time," ").concat(r?"font-weight-bold":"")},o.a.ToDisplayDuration(n)),i.a.createElement("span",{className:d.a.typeIcon,style:{backgroundImage:"url(".concat(t.type.icon,")"),backgroundColor:"#".concat(t.type.colour)}}),i.a.createElement("span",{className:d.a.type},i.a.createElement("strong",null,t.type.name)),i.a.createElement("span",{className:"".concat(d.a.question," ").concat(r?"font-weight-bold":"")},t.typeId===c.InteractionTypeId.Annotation?function(e){if(e)return(e=function(e){if(e)return e.replace(/<p>/g,"").replace(/<\/p>/g,"<br>")}(e=function(e,t){if(e&&t)return t.forEach((function(t){e=e.replace("<"+t+">","").replace("</"+t+">","")})),e}(e,["b","i","u","ul","li","old"]))).split("<br>")[0]||"Annotation"}(t.data.annotation):t.name))}function p(e){var t=e.timepoint,n=e.selectedTimepointId,a=e.goToTimepoint,r=e.scrollTo,c=i.a.useRef(),o=n&&n.toString()===t.id.toString();return i.a.useEffect((function(){if(o&&c.current){var e=c.current,t=e.getBoundingClientRect(),n=t.top-e.offsetParent.getBoundingClientRect().top;r(n,t.height)}}),[o]),i.a.createElement("div",{ref:c},t.interactions.map((function(e,n){return i.a.createElement(m,{interaction:e,visibleAt:t.visibleAt,goToTimepoint:a,selected:o,key:n})})))}function v(e){var t=e.interactive,n=e.goToTimepoint,a=e.selectedTimepointId,c=i.a.useRef();function o(e,t){if(c.current){var n=c.current.getClientHeight(),a=c.current.getScrollTop(),i=e+a;(i<a||i+t>a+n)&&c.current.scrollTop(i-n/2+t/2)}}var s=n?"border rounded":"";return i.a.createElement(r.Scrollbars,{autoHeight:!0,autoHeightMax:l.a,className:s,hideTracksWhenNotNeeded:!0,ref:c},i.a.createElement("div",{className:"px-3 py-1"},t.timepoints.map((function(e,t){return i.a.createElement(p,{key:t,timepoint:e,goToTimepoint:n,selectedTimepointId:a,scrollTo:o})}))))}n.d(t,"a",(function(){return v}))},1394:function(e,t){},1395:function(e,t){},1396:function(e,t){},1397:function(e,t){},1567:function(e,t,n){},1568:function(e,t,n){},1569:function(e,t,n){},1570:function(e,t,n){},1571:function(e,t,n){},1572:function(e,t,n){},1573:function(e,t,n){},1574:function(e,t,n){},1575:function(e,t,n){},1664:function(e,t,n){"use strict";n.r(t);var a=n(0),i=n.n(a),r=n(19),c=n(9),o=n(316),s=n(1183),l=n(145),u=n(59),d=n(1310),m=n(1234),p=n(94),v=n(1216),f=n(340),h=n(1236),y=n(112),I=n(6),g=n(1625),b=n(249);var E=n(1313);function T(){return i.a.createElement("div",{className:"alert alert-info mt-3",role:"alert"},"Psst, you haven't attempted this question yet. You can continue to watch the video and answer the question later if you like.")}var C=n(215);n(1567);const w={[C.InteractionTypeId.Annotation]:null,[C.InteractionTypeId.Image]:null,[C.InteractionTypeId.MissingWord]:null,[C.InteractionTypeId.MultipleChoice]:null,[C.InteractionTypeId.ShortAnswer]:function(e){const{state:t,setState:n,interaction:a}=e;return i.a.createElement("div",{className:"cv-create-short-answer"},i.a.createElement("h2",{className:"font-body"},"Create Short Answer"),i.a.createElement("textarea",{className:"form-control",rows:3,onChange:function(e){n(Object.assign(Object.assign({},t),{text:e.target.value}))},value:t.text||a.data.text}))}};const k={[C.InteractionTypeId.Annotation]:null,[C.InteractionTypeId.Image]:null,[C.InteractionTypeId.MissingWord]:null,[C.InteractionTypeId.MultipleChoice]:null,[C.InteractionTypeId.ShortAnswer]:function(e){return!!e.text},[C.InteractionTypeId.TrueOrFalse]:null};const S={[C.InteractionTypeId.Annotation]:null,[C.InteractionTypeId.Image]:null,[C.InteractionTypeId.MissingWord]:null,[C.InteractionTypeId.MultipleChoice]:null,[C.InteractionTypeId.ShortAnswer]:function(e,t){return new Promise(n=>{window.setTimeout(()=>{t.data.text=e.text,n()},200)})},[C.InteractionTypeId.TrueOrFalse]:null};n(1568);function O(e){const{interaction:t}=e;return i.a.createElement("div",{className:"cv-interaction-heading mb-3"},i.a.createElement("span",{className:"cv-iteraction-icon",style:{backgroundImage:`url(https:${t.type.icon})`,backgroundColor:"#"+t.type.colour}}),i.a.createElement("h2",{className:"cv-interaction-title h5"},t.name))}n(1569);function N(e){const{correct:t,showFeedback:n}=e;return n?i.a.createElement(i.a.Fragment,null,t?i.a.createElement("div",{className:"alert alert-success"},"Correct"):i.a.createElement("div",{className:"alert alert-danger"},"Incorrect")):i.a.createElement(i.a.Fragment,null)}var j=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(a=Object.getOwnPropertySymbols(e);i<a.length;i++)t.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(e,a[i])&&(n[a[i]]=e[a[i]])}return n};function A(e,t){return t.actionableItems.every(t=>t.name===e[t.id])}n(1570);var x=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(a=Object.getOwnPropertySymbols(e);i<a.length;i++)t.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(e,a[i])&&(n[a[i]]=e[a[i]])}return n};function M(e,t){return t.actionableItems.filter(e=>e.isCorrect).every(t=>e[t.id])}function _(e){return!!Object.keys(e).length}function F(){return new Promise(e=>{e()})}function P(e){const{state:t,setState:n,interaction:a,showFeedback:r}=e,c=1===a.actionableItems.filter(e=>e.isCorrect).length;return i.a.createElement("div",{className:"cv-interactive-question"},i.a.createElement(N,{correct:M(t,a),showFeedback:r}),i.a.createElement(O,{interaction:a}),i.a.createElement("form",{className:"cv-multiple-choice-form"},i.a.createElement("table",{className:"table-bordered w-100"},i.a.createElement("tbody",{className:"table-bordered w-100"},a.actionableItems.map((e,a)=>{const o=t[e.id];return i.a.createElement("tr",{key:a},i.a.createElement("td",{className:"cv-multiple-choice-input-container"},i.a.createElement("div",{className:"custom-control "+(c?"custom-radio":"custom-checkbox")},i.a.createElement("input",{id:e.id,type:c?"radio":"checkbox",className:"custom-control-input",name:"multiple-choice",checked:!!o,onChange:a=>function(e,a){if(c)n({[e.id]:!0});else if(a.target.checked)n(Object.assign(Object.assign({},t),{[e.id]:!0}));else{const a=t,i=e.id,r=(a[i],x(a,["symbol"==typeof i?i:i+""]));n(r)}}(e,a),disabled:r}),i.a.createElement("label",{htmlFor:e.id,className:"custom-control-label"}))),i.a.createElement("td",{className:"cv-multiple-choice-label-container w-100"},i.a.createElement("label",{htmlFor:e.id},e.name)))})))))}var L=n(1624);const V={[C.InteractionTypeId.Annotation]:function(e){const{interaction:t}=e;return i.a.createElement("div",{className:"cv-interactive-question"},i.a.createElement(O,{interaction:t}),i.a.createElement("div",{dangerouslySetInnerHTML:{__html:e.interaction.data.annotation}}))},[C.InteractionTypeId.Image]:function(e){const{interaction:t,recalculateScroll:n}=e,a=i.a.useCallback(e=>{e&&(e.onload=()=>{n()})},[]);return i.a.createElement("div",{className:"cv-interactive-question cv-image-interactive"},i.a.createElement(O,{interaction:t}),i.a.createElement("div",{className:"cv-image-container"},i.a.createElement("img",{className:"img-fluid",src:t.data.url,ref:a})))},[C.InteractionTypeId.MissingWord]:function(e){const{state:t,setState:n,interaction:a,showFeedback:r}=e,c=a.data.sentence.replace(/{([^{}]*)}/g,(e,t)=>`{cv-missing-word-${t}}`).split(/{([^{}]*)}/g);return i.a.createElement("div",{className:"cv-interactive-question"},i.a.createElement(N,{correct:A(t,a),showFeedback:r}),i.a.createElement(O,{interaction:a}),i.a.createElement("form",null,c.map((e,r)=>{if(!e.startsWith("cv-missing-word-"))return e;const c=e.replace("cv-missing-word-",""),o=a.actionableItems.find(e=>e.order.toString()===c);if(!o)return;const s=function(e){const t=document.createElement("canvas").getContext("2d");return t.font="17pt arial",t.measureText(e).width}(o.name);return i.a.createElement("input",{key:r,style:{width:s+"px"},onChange:e=>function(e,a){if(a.target.value)n(Object.assign(Object.assign({},t),{[e.id]:a.target.value}));else{const a=t,i=e.id,r=(a[i],j(a,["symbol"==typeof i?i:i+""]));n(r)}}(o,e)})})))},[C.InteractionTypeId.MultipleChoice]:P,[C.InteractionTypeId.ShortAnswer]:function(e){const{interaction:t,state:n,setState:a}=e;return i.a.createElement("div",{className:"cv-interactive-question"},i.a.createElement(O,{interaction:t}),i.a.createElement(L.a,{translate:!0,className:"form-control",minRows:3,value:n.text||"",onChange:function(e){a(Object.assign(Object.assign({},n),{text:e.target.value}))}}))},[C.InteractionTypeId.TrueOrFalse]:P};function R(){return!0}const D={[C.InteractionTypeId.Annotation]:R,[C.InteractionTypeId.Image]:R,[C.InteractionTypeId.MissingWord]:function(e,t){return Object.keys(e).length===t.actionableItems.length},[C.InteractionTypeId.MultipleChoice]:_,[C.InteractionTypeId.ShortAnswer]:function(e){return!!e.text},[C.InteractionTypeId.TrueOrFalse]:_};function W(){return Promise.resolve()}const q={[C.InteractionTypeId.Annotation]:W,[C.InteractionTypeId.Image]:W,[C.InteractionTypeId.MissingWord]:function(){return new Promise(e=>{e()})},[C.InteractionTypeId.MultipleChoice]:F,[C.InteractionTypeId.ShortAnswer]:function(){return new Promise(e=>{e()})},[C.InteractionTypeId.TrueOrFalse]:F};function B(e,t){if(t===h.InteractiveMode.Create)return function(e){return k[e]}(e);if(t===h.InteractiveMode.View)return function(e){return D[e]}(e);throw new Error("Cannot find validation functions for the mode "+t)}function U(e,t){if(t===h.InteractiveMode.Create)return function(e){return S[e]}(e);if(t===h.InteractiveMode.View)return function(e){return q[e]}(e);throw new Error("Cannot find validation functions for the mode "+t)}function z(e,t){if(t===h.InteractiveMode.Create)return function(e){return w[e]}(e);if(t===h.InteractiveMode.View)return function(e){return V[e]}(e);throw new Error("Cannot find components for the mode "+t)}function H(e){return"t"+e.id}function K(e){return"i"+e.id}n(1571);const Q={isValid:!0,submitted:!1,preview:!1};function X(e){const{timepoint:t,continueInteractive:n,mode:a,state:r,dispatch:c,recalculateScroll:o,timepointState:s,immediateFeedback:l}=e;return i.a.createElement("div",{className:"cv-timepoint"},i.a.createElement("div",null,t.interactions.map((e,t)=>{const n=z(e.type.id,a);return i.a.createElement(n,{interaction:e,state:r[K(e)]||{},setState:t=>c({key:K(e),value:t}),key:t,recalculateScroll:o,showFeedback:s.submitted})}),!s.isValid&&i.a.createElement(T,null)),i.a.createElement("div",{className:"cv-timpoint-button-container"},!s.isValid&&i.a.createElement("a",{className:"btn btn-secondary",onClick:n},"Come back later"),i.a.createElement("a",{className:"btn btn-info ml-2",onClick:function(){if(s.submitted)return void n();if(!!t.interactions.some(e=>!B(e.typeId,a)(r[K(e)]||{},e)))return void c({key:H(t),value:Object.assign(Object.assign({},s),{isValid:!1})});const e=t.interactions.map(e=>U(e.typeId,a)(r[K(e)]||{},e));Promise.all(e).then(()=>{c({key:H(t),value:Object.assign(Object.assign({},s),{submitted:!0,isValid:!0})}),l&&function(e){return e.interactions.some(e=>e.typeId===C.InteractionTypeId.MissingWord||e.typeId===C.InteractionTypeId.MultipleChoice||e.typeId===C.InteractionTypeId.TrueOrFalse)}(t)||n()})}},"Save & Continue")))}n(1572);const G=[{name:"Annotation",type:C.InteractionTypeId.Annotation},{name:"Image",type:C.InteractionTypeId.Image},{name:"MissingWord",type:C.InteractionTypeId.MissingWord},{name:"MultipleChoice",type:C.InteractionTypeId.MultipleChoice},{name:"ShortAnswer",type:C.InteractionTypeId.ShortAnswer},{name:"TrueOrFalse",type:C.InteractionTypeId.TrueOrFalse}];function $(e){const{onTypeSelected:t}=e;return i.a.createElement("div",{className:"cv-interactive-type-selector"},G.map((e,n)=>i.a.createElement("a",{key:n,className:"btn btn-info",onClick:()=>t(e.type)},e.name)))}n(1573);function J(e,t){return Object.assign(Object.assign({},e),{[t.key]:t.value})}function Y(e){const{player:t,track:n,mode:a,interactive:r}=e,[c,o]=i.a.useReducer(J,{}),{open:s,timepoint:l,continueInteractive:u}=function(e){const{player:t,track:n,interactive:a,mode:r}=e,[c,o]=i.a.useState(r===h.InteractiveMode.Create),[s,l]=i.a.useState(null);function u(){const e=n.activeCues;if(!e.length)return r!==h.InteractiveMode.Create&&o(!1),void l(null);const i=a.timepoints.find(t=>t.id.toString()===e[0].text.toString());i.shouldPause&&(t.seeking()?t.one("play",()=>t.pause()):t.pause()),o(!0),l(i)}return i.a.useEffect(()=>(n.addEventListener("cuechange",u),()=>n.removeEventListener("cuechange",u))),{open:c,timepoint:s,continueInteractive:function(){r!==h.InteractiveMode.Create&&o(!1),t.play()},lockPlayer:function(){},unlockPlayer:function(){}}}({player:t,track:n,interactive:r,mode:a}),d=i.a.useRef();return i.a.createElement("div",{className:"cv-interactive-container"},i.a.createElement("div",{className:"cv-interactive "+(s?"cv-open":"")},i.a.createElement(g.a,{style:{height:"100%"},ref:d},!l&&a===E.a.Create&&i.a.createElement($,{onTypeSelected:function(e){t.pause();const a=t.currentTime(),i=Math.round(Math.random()*Number.MAX_SAFE_INTEGER).toString();r.timepoints||(r.timepoints=[]),r.timepoints.push({id:i,visibleAt:1e3*a,interactiveId:r.id,shouldPause:1,interactions:[{id:Math.round(Math.random()*Number.MAX_SAFE_INTEGER).toString(),typeId:e,type:{id:e,name:"",colour:"",icon:""},timepointId:i,order:0,interactiveId:r.id,data:{}}]}),n.addCue({startTime:a,endTime:a+1,text:i})}}),!!l&&i.a.createElement(X,{timepoint:l,continueInteractive:u,immediateFeedback:r.immediateFeedback,mode:a,state:c,dispatch:o,recalculateScroll:function(){d.current.recalculate()},timepointState:c[H(l)]||Q}))))}I.a.registerComponent("Interactive",Object(b.a)((e,t)=>i.a.createElement(Y,Object.assign({player:e},t))));n(1574);const Z=I.a.getComponent("Button");class ee extends Z{constructor(e,t){super(e,t),this.timepoint_=t.timepoint,this.time_=t.timepoint.visibleAt/1e3;const n=t.timepoint.interactions[0];n||this.hide(),this.setColour(n.type.colour),this.controlText(n.name),this.update()}buildCSSClass(){return"cv-interactive-bar-item "+super.buildCSSClass()}createEl(e,t,n){return super.createEl(e,Object.assign(Object.assign({},t),{className:this.buildCSSClass()}),n)}update(){const e=this.player_.duration(),t=this.time_/e;this.el().style.left=100*t+"%",t>100||t<0?this.hide():this.show()}handleClick(e){e.stopPropagation(),this.player_.currentTime(this.time_)}setColour(e){this.el().querySelector(".vjs-icon-placeholder").style.backgroundColor="#"+e}}n(1575);const te=I.a.getComponent("Component");class ne extends te{constructor(e,t){super(e,t),this.track_=t.track,this.interactive_=t.interactive,this.onDurationChange=this.onDurationChange.bind(this),this.createInteractionItems=this.createInteractionItems.bind(this),this.createInteractionItems(),this.player_.on("durationchange",this.onDurationChange),this.player_.on("dispose",()=>{this.player_.off("durationchange",this.onDurationChange)})}buildCSSClass(){return"cv-interactive-bar-items "+super.buildCSSClass()}createEl(e,t,n){return super.createEl(e,Object.assign(Object.assign({},t),{className:this.buildCSSClass()}),n)}update(){this.children_.forEach(e=>{e.update()})}createInteractionItems(){if(this.track_){this.children_.forEach(e=>{this.removeChild(e)});for(let e=0;e<this.track_.cues.length;e++){const t=this.track_.cues[e],n=this.getTimepointById(t.text);n&&this.addChild(new ee(this.player_,{timepoint:n}))}}}onDurationChange(){this.update()}getTimepointById(e){var t;return null===(t=this.interactive_.timepoints)||void 0===t?void 0:t.find(t=>t.id===e)}}const ae=I.a.getPlugin("plugin");I.a.registerPlugin("viewInteractivePlugin",class extends ae{constructor(e,t){super(e),this.options=t,e.ready(()=>this.initialize())}initialize(){y.a.useTrack(this.player,"metadata","interactive",this.onTrackLoaded.bind(this))}onTrackLoaded(e){this.player.addChild("Interactive",{track:e,interactive:this.options.interactive,mode:this.options.mode});this.player.controlBar.getChild("progressControl").getChild("SeekBar").addChild(new ne(this.player,{interactive:this.options.interactive,track:e}))}});var ie=function(e,t,n,a){return new(n||(n=Promise))((function(i,r){function c(e){try{s(a.next(e))}catch(e){r(e)}}function o(e){try{s(a.throw(e))}catch(e){r(e)}}function s(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(c,o)}s((a=a.apply(e,t||[])).next())}))};class re extends f.a{constructor(e,t){super(e,t),this.onCueChange=this.onCueChange.bind(this)}additionalSetup(e){const t=Object.create(null,{additionalSetup:{get:()=>super.additionalSetup}});return ie(this,void 0,void 0,(function*(){if(t.additionalSetup.call(this,e),this.track=this.player.addTextTrack("metadata","interactive"),this.options.mode===h.InteractiveMode.Create)return void this.player.viewInteractivePlugin({interactive:{id:Math.round(Math.random()*Number.MAX_SAFE_INTEGER).toString()},mode:h.InteractiveMode.Create,track:this.track});const n=e.additionalData;n.timepoints.forEach(e=>{const t=e.visibleAt/1e3,n=e.visibleFor?t+e.visibleFor/1e3:t+1;this.track.addCue({startTime:t,endTime:n,text:e.id})}),this.player.viewInteractivePlugin({interactive:n,mode:h.InteractiveMode.View}),this.options.onTimepointChange&&this.bindCueChange()}))}bindCueChange(){this.track.addEventListener("cuechange",this.onCueChange),this.player.on("dispose",()=>{this.track.removeEventListener("cuechange",this.onCueChange)})}onCueChange(){const e=this.track.activeCues;e&&e.length?this.options.onTimepointChange(e[0].text):this.options.onTimepointChange(null)}}var ce=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(a=Object.getOwnPropertySymbols(e);i<a.length;i++)t.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(e,a[i])&&(n[a[i]]=e[a[i]])}return n};function oe(e){const{onReady:t}=e,n=ce(e,["onReady"]),a=i.a.useRef();return i.a.useEffect(()=>{const e=new re(a.current,n);t&&e.ready(()=>{t(e)})},[]),i.a.createElement("div",{ref:a})}var se=n(13),le=n(1342),ue=n(7),de=n(1318),me=n(321),pe=n(44);function ve(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,i=!1,r=void 0;try{for(var c,o=e[Symbol.iterator]();!(a=(c=o.next()).done)&&(n.push(c.value),!t||n.length!==t);a=!0);}catch(e){i=!0,r=e}finally{try{a||null==o.return||o.return()}finally{if(i)throw r}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return fe(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return fe(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function fe(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}n.d(t,"PreviewInteractiveView",(function(){return ye}));var he=c.a.encloseNamespace("shared.previewInteractive");function ye(e){var t,n,i,c=ve(a.useState(null),2),f=c[0],h=c[1],y=a.useRef(),I=r.a.useBasicFetch(l.a.config()),g=r.a.useBasicFetch(de.a.interactiveMetadata(e.id)),b=r.a.useBasicFetch(g.data?me.a.video(g.data.video.id):null),E=r.a.useBasicFetch(g.data?s.a.createViewKey(g.data.id):null),T=r.a.useBasicFetch(g.data?de.a.interactive(g.data.interactiveId):null);if(Object(o.a)(null===(t=g.data)||void 0===t?void 0:t.name),!(E.data&&I.data&&g.data&&T.data&&b.data))return a.createElement(a.Fragment,null);var C=null===(i=null===(n=b.data.interactives)||void 0===n?void 0:n.data)||void 0===i?void 0:i.filter((function(t){return t.id.toString()!==e.id.toString()})),w={application:ue.a.DEFAULT,action:se.a.Default.PLAY_VIDEO,args:[b.data.id,pe.a.slugify(b.data.name)]};return a.createElement(p.a.Provider,{value:"shared.previewInteractive"},a.createElement("div",{className:"mb-3"},a.createElement(oe,{viewKey:E.data.viewKey,playerApi:new URL(I.data.playerApiUrl),hotkeyElQuerySelector:"body",autoplay:!0,onTimepointChange:function(e){h(e)},onReady:function(e){y.current=e}})),a.createElement("div",{className:"d-flex justify-content-between align-items-center pb-3"},a.createElement("div",null,a.createElement("h1",{className:"h3 d-inline-block m-0"},g.data.name),a.createElement("div",null,a.createElement(p.b,{phrase:"backTo"}),": ",a.createElement(u.a,{appLink:w,className:"text-info"},g.data.video.name)))),g.data.description&&a.createElement("p",null,g.data.description),a.createElement("h2",{className:"h4"},a.createElement(p.b,{phrase:"interactiveQuestions"})),a.createElement(le.a,{interactive:T.data,selectedTimepointId:f,goToTimepoint:function(e){y.current&&y.current.currentTime(e/1e3)}}),!!(null==C?void 0:C.length)&&a.createElement("div",{className:"my-3"},a.createElement(m.a,{name:he("otherInteractives",{count:C.length}),contents:v.a.Interactives,collection:C,prefetched:!0,childAppLink:{application:ue.a.DEFAULT,action:se.a.Default.PREVIEW_INTERACTIVE},childComponent:function(e){return a.createElement(d.a,Object.assign({video:b.data,questionsAppLink:{application:ue.a.DEFAULT,action:se.a.Default.PREVIEW_QUESTIONS}},e))},analyticsData:{widgetId:"interactives"}})))}}}]);