@clickview/lite 0.0.29-rc.1 → 0.0.29

package/dist/scripts/24-579c9dba7b.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[24,8],{1005:function(e,t,n){"use strict";var r=n(1064);n.d(t,"InteractiveMode",(function(){return r.a}));n(1107),n(1108),n(1109),n(1110),n(1111),n(1112),n(1113)},1061:function(e,t,n){"use strict";var r=n(1036);n.d(t,"a",(function(){return r.a}));n(1038);var a=n(1037);n.d(t,"b",(function(){return a.a}))},1064:function(e,t,n){"use strict";var r;n.d(t,"a",(function(){return r})),function(e){e[e.View=0]="View",e[e.Create=1]="Create"}(r||(r={}))},1065:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var r=n(0),a=n.n(r),i=n(110);function o(e){return a.a.createElement(i.a,{title:e.tooltipText},a.a.createElement("div",{className:"svg-container d-inline-block align-middle",tabIndex:0},a.a.createElement("svg",{viewBox:"0 0 24 24"},a.a.createElement("path",{d:"M21 11.88c.026 2.49-.824 4.62-2.552 6.387-1.727 1.768-3.837 2.679-6.327 2.732-2.491.027-4.62-.823-6.388-2.55C3.965 16.72 3.054 14.61 3 12.12c-.027-2.491.823-4.62 2.55-6.388C7.28 3.965 9.39 3.054 11.88 3c2.491-.027 4.62.823 6.388 2.55 1.767 1.73 2.678 3.84 2.732 6.33zm-10-.38V15a2.5 2.5 0 0 0 2.5 2.5h.75a1 1 0 0 0 0-2h-.75a.5.5 0 0 1-.5-.5v-3.75a1.75 1.75 0 0 0-1.75-1.75h-.75a1 1 0 1 0 0 2h.5zm.636-3.25c.294 0 .553-.1.778-.301.224-.2.336-.477.336-.828 0-.316-.107-.582-.321-.797A1.073 1.073 0 0 0 11.636 6c-.319 0-.588.108-.807.324a1.07 1.07 0 0 0-.329.797c0 .356.113.634.34.832.227.198.492.297.796.297z"}))))}},1087:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var r=n(42),a=n(54),i=n(340),o={onFileSelect:function(e,t,n){if(t&&t.length){var r=new FileReader;r.addEventListener("load",(function(){return o.onReaderLoad(r,e,n)})),r.readAsDataURL(t[0])}},onReaderLoad:function(e,t,n){var a=new Image;a.src=e.result;var c=i.a[t].width,l=i.a[t].height;a.addEventListener("load",(function(){o.isImageValid(t,a)&&r.a.isFunction(n)?n(a):alert("Image too small: minimum dimensions are ".concat(c," x ").concat(l))}))},isImageValid:function(e,t){var n=i.a[e].width,r=i.a[e].height;return!(n&&t.width<n)&&!(r&&t.height<r)},mapImageTypeToString:function(e){switch(e){case a.c.Avatars:return"avatars";case a.c.Thumbnails:return"thumbnails";case a.c.Logos:return"logos";case a.c.Covers:return"covers";case a.c.Posters:return"posters";case a.c.TallPosters:return"tallposters";case a.c.HeroBanners:return"herobanners";case a.c.None:default:return""}}}},1100:function(e,t,n){"use strict";n.d(t,"a",(function(){return v}));var r=n(0),a=n(961),i=n(10),o=n(39),c=n(231),l=n(22),s=n(1101),u=n.n(s);function m(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=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return d(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var f=null,p=!1;function v(e){var t=m(r.useState(f),2),n=t[0],s=t[1];if(f||p||(p=!0,Object(c.ajaxRequest)({resource:"/api/integrations/token/immersive-reader",type:l.a.GET,success:function(e){f=e,s(e),window.setTimeout((function(){f=null,p=!1}),9e5)},error:function(){}})),!n)return r.createElement(r.Fragment,null);return e.title||(e.title=i.a.getPhrase("shared.immersiveReader","titleFallback")),r.createElement("span",{className:"".concat(u.a.button," ").concat(e.className||""),onClick:function(){o.a.logUserAction(e.analyticsData,e.analyticsOptions);var t={title:e.title,chunks:[{content:e.text,mimeType:e.html?"text/html":"text/plain"}]},r=n.subdomain,i=n.token;a.launchAsync(i,r,t,{uiZIndex:5e3})}},r.createElement("svg",{viewBox:"0 0 40 37"},r.createElement("path",{d:"M37.4,0.9 L37.4,9.6 L35.4,9.6 L35.4,2.9 L24.4,2.9 C22.9,3.3 20,4.5 20,6 L20,17.2 L18,17.2 L18,6 C18,5 15.6,3.6 13.8,2.9 L2,2.9 L2,29 L12.4,29 L12.4,31 L0,31 L0,0.9 L14.1,0.9 L14.3,1 C15,1.2 17.5,2.2 18.9,3.7 C20.5,1.9 23.5,1.1 23.9,1 L24.1,1 L37.4,1 L37.4,0.9 Z",fill:"#000000"}),r.createElement("path",{d:"M27.4,37 L25.8,37 L18.4,29.4 L14,29.4 L14,21 L18.4,20.9 L26.1,13 L27.4,13 L27.4,37 Z M16,27.4 L19.2,27.4 L25.3,33.7 L25.3,16.6 L19.2,22.9 L15.9,22.9 L15.9,27.4 L16,27.4 Z",fill:"#0197F2"}),r.createElement("path",{d:"M31.3,32.7 L29.6,31.7 C29.6,31.7 31.7,28.3 31.7,25.2 C31.7,21.9 29.6,18.5 29.6,18.4 L31.3,17.4 C31.4,17.6 33.7,21.3 33.7,25.2 C33.7,28.8 31.4,32.6 31.3,32.7 Z",fill:"#0197F2"}),r.createElement("path",{d:"M36.4,36.2 L34.8,35 C34.8,35 38,30.8 38,25.2 C38,19.6 34.8,15.4 34.8,15.4 L36.4,14.2 C36.5,14.4 40,19 40,25.3 C40,31.5 36.5,36 36.4,36.2 Z",fill:"#0197F2"})))}},1101:function(e,t,n){e.exports={button:"TRYB2"}},1107:function(e,t){},1108:function(e,t){},1109:function(e,t){},1110:function(e,t){},1111:function(e,t){},1112:function(e,t){},1113:function(e,t){},1130:function(e,t,n){"use strict";var r=n(0),a=n.n(r),i=n(4),o=n(350),c=n(1005),l=n(283),s=n(100);function u(e){return(u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function m(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function d(e,t){return(d=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=v(e);if(t){var a=v(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return p(this,n)}}function p(e,t){return!t||"object"!==u(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function v(e){return(v=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var b=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&d(e,t)}(i,e);var t,n,r,a=f(i);function i(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i),a.call(this,"Could not connect to submit interactive results")}return t=i,(n=[{key:"name",get:function(){return"InternetConnectivityError"}},{key:"dialogOptions",get:function(){return{title:"Connection issues",text:"There seems to be an issue with your internet connection. Refresh the page to try again. ",buttons:[{text:"Refresh",className:"btn btn-dark",success:!0}]}}},{key:"onDone",value:function(){window.location.reload()}}])&&m(t.prototype,n),r&&m(t,r),i}(n(176).a);function y(e){return function(e){if(Array.isArray(e))return h(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 h(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 h(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 h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function g(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}var I=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))},E=function(){function e(t){var n=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.cache=[],this.retryCount=0,this.options=t,this.connection=(new s.a).withUrl("".concat(t.playerApi.origin,"/hubs/interactives"),{withCredentials:!1}).configureLogging(s.c.Error).withAutomaticReconnect([0,2e3,1e4,3e4]).build(),this.connection.onreconnecting((function(){n.log("reconnecting"),n.isConnected=!1})),this.connection.onreconnected((function(){n.log("reconnected"),n.isConnected=!0,n.flush()})),this.connection.onclose((function(){n.log("connection closed"),n.isConnected=!1,n.reconnect()})),this.save=this.save.bind(this)}var t,n,r;return t=e,(n=[{key:"start",value:function(e){var t=this;this.isConnected||(e&&(this.resultId=e),this.log("starting"),this.connection.start().then((function(){return I(t,void 0,void 0,regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return this.log("connected"),this.retryCount=0,this.isConnected=!0,e.next=5,this.startSession();case 5:this.flush();case 6:case"end":return e.stop()}}),e,this)})))})).catch((function(){t.reconnect()})))}},{key:"stop",value:function(){return I(this,void 0,void 0,regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,this.flush();case 2:this.connection.stop();case 3:case"end":return e.stop()}}),e,this)})))}},{key:"log",value:function(){}},{key:"reconnect",value:function(){this.retryCount>=5?i.a.ErrorHelper.throw(new b):(this.retryCount++,this.start())}},{key:"startSession",value:function(){return I(this,void 0,void 0,regeneratorRuntime.mark((function e(){var t,n,r,a,o;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!this.resultId){e.next=2;break}return e.abrupt("return");case 2:return t=this.options,n=t.interactiveId,r=t.mediaId,a=t.userId,e.prev=3,e.next=6,this.connection.invoke("startSession",n,r,a);case 6:o=e.sent,this.resultId=o.resultId,e.next=13;break;case 10:e.prev=10,e.t0=e.catch(3),i.a.ErrorHelper.throw(new b);case 13:case"end":return e.stop()}}),e,this,[[3,10]])})))}},{key:"flush",value:function(){return I(this,void 0,void 0,regeneratorRuntime.mark((function e(){var t=this;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(this.isConnected&&this.resultId){e.next=2;break}return e.abrupt("return");case 2:if(this.cache.length){e.next=4;break}return e.abrupt("return");case 4:y(this.cache).forEach((function(e){return I(t,void 0,void 0,regeneratorRuntime.mark((function t(){return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,t.next=3,this.connection.invoke("saveActions",this.resultId,e.interactionId,e.results);case 3:this.cache.splice(this.cache.indexOf(e),1),this.log("Saved result",e),t.next=10;break;case 7:t.prev=7,t.t0=t.catch(0),console.error("Failed to save results",e);case 10:case"end":return t.stop()}}),t,this,[[0,7]])})))}));case 5:case"end":return e.stop()}}),e,this)})))}},{key:"save",value:function(e,t){return I(this,void 0,void 0,regeneratorRuntime.mark((function n(){var r;return regeneratorRuntime.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(this.resultId){n.next=2;break}throw new Error("Session has not started");case 2:return r=t.map((function(e){return{actionableItemId:+e.actionableItemId,value:e.value}})),this.cache.push({interactionId:e,results:r}),n.next=6,this.flush();case 6:case"end":return n.stop()}}),n,this)})))}}])&&g(t.prototype,n),r&&g(t,r),e}(),w=n(5),S=n(117),C=n(995);n(1212);function k(e){return(k="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function x(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function O(e,t,n){return(O="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(e,t,n){var r=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=A(e)););return e}(e,t);if(r){var a=Object.getOwnPropertyDescriptor(r,t);return a.get?a.get.call(n):a.value}})(e,t,n||e)}function N(e,t){return(N=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function T(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=A(e);if(t){var a=A(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return j(this,n)}}function j(e,t){return!t||"object"!==k(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function A(e){return(A=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var P=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&N(e,t)}(i,e);var t,n,r,a=T(i);function i(e,t){var n;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i),(n=a.call(this,e,t)).timepoint_=t.timepoint,n.time_=t.timepoint.visibleAt/1e3;var r=t.timepoint.interactions[0];r||n.hide();var o=C.a.getTypeInfo(r.typeId).bgClassName;return n.$(".vjs-icon-placeholder").classList.add(o),n.controlText(r.name),n.update(),n}return t=i,(n=[{key:"buildCSSClass",value:function(){return"cv-interactive-bar-item ".concat(O(A(i.prototype),"buildCSSClass",this).call(this))}},{key:"createEl",value:function(e,t,n){return O(A(i.prototype),"createEl",this).call(this,e,Object.assign(Object.assign({},t),{className:this.buildCSSClass()}),Object.assign(Object.assign({},n),{tabIndex:0}))}},{key:"update",value:function(){var e=this.player_.duration(),t=this.time_/e;this.el().style.left=100*t+"%",t>100||t<0?this.hide():this.show()}},{key:"handleClick",value:function(e){e.stopPropagation(),this.player_.currentTime(this.time_)}}])&&x(t.prototype,n),r&&x(t,r),i}(w.a.getComponent("Button"));n(1213);function R(e){return(R="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function L(e){return function(e){if(Array.isArray(e))return F(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return F(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 F(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 F(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function _(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function M(e,t,n){return(M="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(e,t,n){var r=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=V(e)););return e}(e,t);if(r){var a=Object.getOwnPropertyDescriptor(r,t);return a.get?a.get.call(n):a.value}})(e,t,n||e)}function U(e,t){return(U=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function D(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=V(e);if(t){var a=V(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return q(this,n)}}function q(e,t){return!t||"object"!==R(t)&&"function"!=typeof t?B(e):t}function B(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function V(e){return(V=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var W=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&U(e,t)}(i,e);var t,n,r,a=D(i);function i(e,t){var n;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i),(n=a.call(this,e,t)).track_=t.track,n.interactive_=t.interactive,n.onDurationChange=n.onDurationChange.bind(B(n)),n.createInteractionItems=n.createInteractionItems.bind(B(n)),n.createInteractionItems(),n.track_.on("cv:cuechange",n.createInteractionItems),n.player_.on("durationchange",n.onDurationChange),n.player_.on("dispose",(function(){n.track_.off("cv:cuechange"),n.player_.off("durationchange",n.onDurationChange)})),n}return t=i,(n=[{key:"buildCSSClass",value:function(){return"cv-interactive-bar-items ".concat(M(V(i.prototype),"buildCSSClass",this).call(this))}},{key:"createEl",value:function(e,t,n){return M(V(i.prototype),"createEl",this).call(this,e,Object.assign(Object.assign({},t),{className:this.buildCSSClass()}),n)}},{key:"update",value:function(){this.children_.forEach((function(e){e.update()}))}},{key:"createInteractionItems",value:function(){var e,t=this;if(this.track_){L(this.children_).forEach((function(e){t.removeChild(e)}));for(var n=0;n<this.track_.cues.length;n++){var r=this.track_.cues[n],a=this.getTimepointById(r.text);a&&(null===(e=a.interactions)||void 0===e?void 0:e.length)&&this.addChild(new P(this.player_,{timepoint:a}))}}}},{key:"onDurationChange",value:function(){this.update()}},{key:"getTimepointById",value:function(e){var t;return null===(t=this.interactive_.timepoints)||void 0===t?void 0:t.find((function(t){return t.id.toString()===e.toString()}))}}])&&_(t.prototype,n),r&&_(t,r),i}(w.a.getComponent("Component")),$=n(179),z=n(1064);function H(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=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return K(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 K(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 K(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var Q=n(342);function Z(e){return!!(null==e?void 0:e.toString().startsWith("new_"))}function Y(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}var G=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))},J=function(){return"/api/domain/v1/interactions/bulk"},X=function(e){return"/api/domain/v1/interactions/bulk/".concat(e)},ee=function(e){return"/api/domain/v1/interactions/".concat(e)},te=function(){return"/api/domain/v1/timepoints"},ne=function(e){return"/api/domain/v1/timepoints/".concat(e)},re=function(e){return"/api/domain/v1/timepoints/".concat(e)},ae={},ie=new(function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e)}var t,n,r;return t=e,(n=[{key:"saveInteraction",value:function(e){return G(this,void 0,void 0,regeneratorRuntime.mark((function t(){var n,r,a,i,o;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return n=Z(e.id),r=n?J():X(e.id),a={name:e.name,data:e.data,timepointId:e.timepointId,interactiveId:e.interactiveId,typeId:e.typeId,actionableItems:e.actionableItems,order:e.order},n||(a.id=e.id),i=n?l.a.post(r,JSON.stringify(a),ae):l.a.put(r,JSON.stringify(a),ae),t.next=7,i;case 7:o=t.sent,n&&(e.id=o.id);case 9:case"end":return t.stop()}}),t)})))}},{key:"deleteInteraction",value:function(e){return G(this,void 0,void 0,regeneratorRuntime.mark((function t(){return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,l.a.delete(ee(e),ae);case 2:case"end":return t.stop()}}),t)})))}},{key:"saveTimepoint",value:function(e){return G(this,void 0,void 0,regeneratorRuntime.mark((function t(){var n,r;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return n={interactiveId:e.interactiveId,shouldPause:1,visibleAt:e.visibleAt},t.next=3,l.a.post(te(),JSON.stringify(n),ae);case 3:r=t.sent,e.id=r.id;case 5:case"end":return t.stop()}}),t)})))}},{key:"updateTimepoint",value:function(e){return G(this,void 0,void 0,regeneratorRuntime.mark((function t(){return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,l.a.put(re(e.id),JSON.stringify(e),ae);case 2:case"end":return t.stop()}}),t)})))}},{key:"deleteTimepoint",value:function(e){return G(this,void 0,void 0,regeneratorRuntime.mark((function t(){return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,l.a.delete(ne(e),ae);case 2:case"end":return t.stop()}}),t)})))}}])&&Y(t.prototype,n),r&&Y(t,r),e}()),oe=n(338),ce=n(224),le=n(199);function se(e){var t=e.error;return e.error?a.a.createElement("p",{className:"mt-2 small text-danger"},t):a.a.createElement(a.a.Fragment,null)}var ue=n(222),me=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))},de=/[.\?!,;:\-''\(\)]/g;function fe(e){for(var t=e.split("");t[0].match(de);)t.shift();for(;t[t.length-1].match(de);)t.pop();return t.join("")}function pe(e,t){for(var n=e.split(""),r=[],a=[];n[0].match(de);)r.push(n.shift());for(;n[n.length-1].match(de);)a.unshift(n.pop());return r.join("")+t+a.join("")}function ve(e){return e.map((function(e){if(!e.selected)return e.text;var t=fe(e.text).length,n=new Array(t).fill("_").join("");return pe(e.text,n)})).join(" ")}function be(e){return e.map((function(e){var t;return e.selected?null===(t=pe(e.text,"{".concat(e.order,"}")))||void 0===t?void 0:t.trim():e.text})).join(" ")}var ye=n(1065),he=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))};var ge=n(44);function Ie(e){var t=a.a.useRef(null);function n(){e.onChange(Object.assign(Object.assign({},e.answer),{isCorrect:!e.answer.isCorrect}))}return a.a.createElement("li",{className:"p-1 my-1 w-100 bg-white d-flex align-items-center border rounded"},a.a.createElement("div",{className:"custom-control ".concat(e.isTrueOrFalse?"custom-radio":"custom-checkbox"),onKeyDown:function(e){return"Enter"===e.key&&n()}},a.a.createElement("input",{id:"multiple-choice--".concat(e.answer.order),type:e.isTrueOrFalse?"radio":"checkbox",className:"custom-control-input mr-2",name:"multiple-choice-answer",checked:e.answer.isCorrect,onChange:n,disabled:!e.answer.name}),a.a.createElement("label",{ref:t,htmlFor:"multiple-choice--".concat(e.answer.order),className:"cursor-pointer custom-control-label"})),e.isTrueOrFalse?a.a.createElement("label",{className:"mb-0",htmlFor:"multiple-choice--".concat(e.answer.order)},e.answer.name):a.a.createElement("input",{placeholder:"Answer",onChange:function(t){e.onChange(Object.assign(Object.assign({},e.answer),{name:t.target.value}))},value:e.answer.name,className:"border-0 outline-none w-100",autoComplete:"off"}))}n(1214);var Ee=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))};function we(e){var t;if(!(null===(t=e.question)||void 0===t?void 0:t.trim()))return"Please provide a question";if(!e.answers.find((function(e){return e.isCorrect})))return"Please select the correct answer";var n=e.answers.filter((function(e){var t;return!!(null===(t=e.name)||void 0===t?void 0:t.trim())}));if(n.length<2)return"Please provide at least two answers";var r=!1,a={};return n.forEach((function(e){r||(a[e.name]?r=!0:a[e.name]=!0)})),r?"There are duplicates in your answers":null}function Se(e,t){var n;return Ee(this,void 0,void 0,regeneratorRuntime.mark((function r(){return regeneratorRuntime.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return t.name=null===(n=e.question)||void 0===n?void 0:n.trim(),t.actionableItems=e.answers.filter((function(e){var t;return!!(null===(t=e.name)||void 0===t?void 0:t.trim())})),e.feedback&&(t.data.feedback=e.feedback),r.next=5,ie.saveInteraction(t);case 5:case"end":return r.stop()}}),r)})))}function Ce(e){var t=e.state,n=void 0===t?function(e){var t,n=e.typeId===ce.InteractionTypeId.TrueOrFalse,r=null===(t=e.actionableItems)||void 0===t?void 0:t.map((function(e){return{order:e.order,name:e.name,isCorrect:e.isCorrect}}));return(null==r?void 0:r.length)?!n&&(null==r?void 0:r.length)<4&&r.push({order:r.length,name:"",isCorrect:!1}):r=[{order:0,name:n?"True":"",isCorrect:!1},{order:1,name:n?"False":"",isCorrect:!1}],{question:e.name||"",answers:r,feedback:e.data.feedback||""}}(e.interaction):t,r=e.setState,i=e.interaction,o=e.optionsPortalNode,c=e.showFeedback,l=i.typeId===ce.InteractionTypeId.TrueOrFalse;function s(e){var t=n.answers.map((function(t){return t.order!==e.order?Object.assign(Object.assign({},t),{isCorrect:!l&&t.isCorrect}):e}));if(t.find((function(e){return!e.name}))&&(t=function(e){var t=e.find((function(e){return!e.name}));if(e.length>2)return e.filter((function(e){return e.order!==t.order})).map((function(e,t){return Object.assign(Object.assign({},e),{order:t})}));return e.map((function(e){return e.order!==t.order?e:Object.assign(Object.assign({},e),{isCorrect:!1})}))}(t)),!l&&t.length<4&&!t.find((function(e){return!e.name}))){var a=ge.a.last(t);t.push({name:"",order:a.order+1,isCorrect:!1})}r(Object.assign(Object.assign({},n),{answers:t}))}return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("div",{className:"form-group"},a.a.createElement("div",{className:"d-flex justify-content-between align-items-center mb-1"},a.a.createElement("label",{className:"cv-interaction-field-label mb-0",htmlFor:"multiple-choice-question"},"Question"),a.a.createElement(le.b,{node:o})),a.a.createElement("input",{id:"multiple-choice-question",className:"form-control",placeholder:"Enter your question here",value:n.question,onChange:function(e){r(Object.assign(Object.assign({},n),{question:e.target.value}))},autoComplete:"off"}),!n.question&&a.a.createElement(se,{error:n.error})),a.a.createElement("div",{className:"form-group"},a.a.createElement("label",{className:"cv-interaction-field-label",htmlFor:"multiple-choice-answer"},"Answers"),n.answers.map((function(e){return a.a.createElement(Ie,{key:e.order,answer:e,onChange:s,isTrueOrFalse:l})})),n.question&&a.a.createElement(se,{error:n.error})),c&&l&&a.a.createElement("div",{className:"form-group mb-0"},a.a.createElement("label",{className:"cv-true-or-false-feedback-label cv-interaction-field-label",htmlFor:"true-or-false-feedback"},"Feedback  ",a.a.createElement("span",{className:"text-muted"},"(optional)")," ",a.a.createElement(ye.a,{tooltipText:"Provide answer feedback for your students"})),a.a.createElement("textarea",{id:"true-or-false-feedback",className:"form-control",placeholder:"Give feedback for this question",value:n.feedback||"",onChange:function(e){r(Object.assign(Object.assign({},n),{feedback:e.target.value}))},rows:2})))}var ke=n(1087),xe=n(54),Oe=n(356);function Ne(){return a.a.createElement("svg",{viewBox:"0 0 43 38",className:"cv-upload-image-icon"},a.a.createElement("g",{transform:"translate(-1193.000000, -185.000000)"},a.a.createElement("g",{transform:"translate(1183.000000, 173.000000)"},a.a.createElement("path",{d:"M49.875,12.9166667 C51.3247475,12.9166667 52.5,14.0732644 52.5,15.5 L52.5,46.5 C52.5,47.9267356 51.3247475,49.0833333 49.875,49.0833333 L13.125,49.0833333 C11.6752525,49.0833333 10.5,47.9267356 10.5,46.5 L10.5,15.5 C10.5,14.0732644 11.6752525,12.9166667 13.125,12.9166667 L49.875,12.9166667 Z M49.875,15.5 L13.125,15.5 L13.125,46.5 L49.875,46.5 L49.875,15.5 Z M35.5085905,22.5470241 L45.7260956,38.0470241 C46.1206004,38.6454897 45.9474325,39.445375 45.3393142,39.8336178 C44.731196,40.2218607 43.9184093,40.0514415 43.5239044,39.4529759 L34.3641741,25.5576247 L29.9489593,31.7425222 C29.4803332,32.3989804 28.5233602,32.4806343 27.9469223,31.9133463 L26.3920049,30.38311 L19.425,39.525 C18.9900758,40.0956942 18.167399,40.211354 17.5875,39.7833333 C17.007601,39.3553127 16.8900758,38.5456942 17.325,37.975 L25.2,27.6416667 C25.6792326,27.0128323 26.6132966,26.9475041 27.1780777,27.5033204 L28.6987913,28.9998957 L33.3335357,22.5074778 C33.8680838,21.758675 35.0025121,21.7793009 35.5085905,22.5470241 Z M21,19.375 C23.1746212,19.375 24.9375,21.1098966 24.9375,23.25 C24.9375,25.3901034 23.1746212,27.125 21,27.125 C18.8253788,27.125 17.0625,25.3901034 17.0625,23.25 C17.0625,21.1098966 18.8253788,19.375 21,19.375 Z M21,21.9583333 C20.2751263,21.9583333 19.6875,22.5366322 19.6875,23.25 C19.6875,23.9633678 20.2751263,24.5416667 21,24.5416667 C21.7248737,24.5416667 22.3125,23.9633678 22.3125,23.25 C22.3125,22.5366322 21.7248737,21.9583333 21,21.9583333 Z",id:"Combined-Shape"}))))}function Te(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=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return je(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 je(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 je(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Ae(e){var t=Te(a.a.useState(!1),2),n=t[0],r=t[1],i=Te(a.a.useState(0),2),o=i[0],c=i[1];return a.a.useEffect((function(){0===o&&n&&r(!1)}),[o,n,r]),a.a.createElement("div",{onDragOver:function(e){e.preventDefault(),e.stopPropagation()},onDragEnter:function(e){e.preventDefault(),e.stopPropagation(),c((function(e){return e+1})),e.dataTransfer.items&&e.dataTransfer.items.length>0&&!n&&r(!0)},onDragLeave:function(e){e.preventDefault(),e.stopPropagation(),c((function(e){return e-1}))},onDrop:function(t){t.preventDefault(),t.stopPropagation(),r(!1),o>0&&c(0),t.dataTransfer.files&&t.dataTransfer.files.length>0&&(e.onDropImage(t.dataTransfer.files),t.dataTransfer.clearData())},className:n?"cv-image-upload-mask":""},e.children)}n(1215);var Pe=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))};var Re=n(1114),Le=n(1352),Fe=n(1360),_e={styleToHTML:function(e){return"SUPERSCRIPT"===e?{start:"<sup>",end:"</sup>"}:"SUBSCRIPT"===e?{start:"<sub>",end:"</sub>"}:void 0},entityToHTML:function(e,t){return"LINK"===e.type?a.a.createElement("a",{href:e.data.url},t):t},htmlToStyle:function(e,t,n){return"sup"===e?n.add("SUPERSCRIPT"):"sub"===e?n.add("SUBSCRIPT"):n},htmlToEntity:function(e,t,n){if("a"===e)return n("LINK","MUTABLE",{url:t.href})}};function Me(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=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Ue(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 Ue(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 Ue(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function De(e){var t=Me(a.a.useState(""),2),n=t[0],r=t[1],i=Me(a.a.useState(""),2),o=i[0],c=i[1];return a.a.createElement("div",{"aria-haspopup":"true","aria-expanded":e.expanded,"aria-label":"rdw-color-picker"},a.a.createElement("div",{className:"rdw-option-wrapper cv-annotation-toolbar-option cv-annotation-link",onClick:e.onExpandEvent}," "),e.expanded&&a.a.createElement("div",{className:"rdw-link-modal",onClick:function(e){return e.stopPropagation()}},a.a.createElement("div",{className:"form-group"},a.a.createElement("label",{className:"cv-interaction-field-label",htmlFor:"cv-annotation-url"},"URL"),a.a.createElement("input",{id:"cv-annotation-url",className:"form-control",onChange:function(e){return r(e.target.value)},value:n,placeholder:"Enter URL",autoComplete:"off"})),a.a.createElement("div",{className:"form-group"},a.a.createElement("label",{className:"cv-interaction-field-label",htmlFor:"cv-annotation-text"},"Text"),a.a.createElement("input",{id:"cv-annotation-text",className:"form-control",onChange:function(e){return c(e.target.value)},value:o,placeholder:"Enter Text",autoComplete:"off"})),a.a.createElement(ue.a,{onClick:function(){return e.onChange("link",o||n,n,"_blank")},className:"btn btn-primary"},"Add")))}n(1225);function qe(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=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Be(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 Be(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 Be(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var Ve,We,$e,ze=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))};function He(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Ke=(He(Ve={},ce.InteractionTypeId.Annotation,(function(e){var t=e.state,n=void 0===t?function(e){var t;return{annotation:(null===(t=e.data)||void 0===t?void 0:t.annotation)||""}}(e.interaction):t,r=e.setState,i=e.interaction,o=e.optionsPortalNode,c=qe(a.a.useState(function(){var e=i.data.annotation;if(e){var t=Object(Fe.a)(_e)(e);return Re.EditorState.createWithContent(t)}return Re.EditorState.createEmpty()}()),2),l=c[0],s=c[1],u=qe(a.a.useState(null),2),m=u[0],d=u[1];return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("div",{className:"form-group"},a.a.createElement("div",{className:"d-flex justify-content-between align-items-center mb-1"},a.a.createElement("label",{className:"cv-interaction-field-label mb-0",onClick:function(){return null==m?void 0:m.focusEditor()}},"Annotation"),a.a.createElement(le.b,{node:o})),a.a.createElement("div",{className:"cv-annotation ".concat(function(){if(!l)return!1;var e=l.getCurrentContent();return e.hasText()||"unstyled"!==e.getBlockMap().first().getType()}()?"Editor--hide-placeholder":"")},l&&a.a.createElement(Le.Editor,{editorState:l,onEditorStateChange:function(e){s(e);var t=e.getCurrentContent();if(t.hasText()){var a=Object(Fe.b)(_e)(t);r(Object.assign(Object.assign({},n),{annotation:a}))}else r(Object.assign(Object.assign({},n),{annotation:""}))},toolbarClassName:"cv-annotation-toolbar",editorClassName:"form-control cv-annotation-editor",ref:d,placeholder:"Enter your annotation here",toolbar:{options:["inline","list","link"],inline:{options:["bold","italic","underline","superscript","subscript"],bold:{className:"cv-annotation-toolbar-option cv-annotation-bold",icon:""},italic:{className:"cv-annotation-toolbar-option cv-annotation-italic",icon:""},underline:{className:"cv-annotation-toolbar-option cv-annotation-underline",icon:""},superscript:{className:"cv-annotation-toolbar-option cv-annotation-superscript",icon:""},subscript:{className:"cv-annotation-toolbar-option cv-annotation-subscript",icon:""}},list:{options:["unordered","ordered"],unordered:{className:"cv-annotation-toolbar-option cv-annotation-bullet-list",icon:""},ordered:{className:"cv-annotation-toolbar-option cv-annotation-number-list",icon:""}},link:{component:De,options:["link"]}}}),a.a.createElement(se,{error:n.error}))))})),He(Ve,ce.InteractionTypeId.Image,(function(e){var t=e.state,n=void 0===t?function(e){var t;return{url:(null===(t=e.data)||void 0===t?void 0:t.url)||"",caption:e.data.caption}}(e.interaction):t,r=e.setState,i=e.interaction,o=e.optionsPortalNode;Object(Oe.a)();var c=a.a.useRef(null);function s(e){e&&e[0]&&ke.a.onFileSelect(xe.c.None,e,(function(e){oe.a.renderCropper({src:e.src,alt:"",onClickCrop:u})}))}function u(t){var a=t.split(",")[1];l.a.post("".concat(e.imageApi,"v2/thumbnails/base64"),'"'.concat(a,'"'),{tokenName:"gateway"}).then((function(e){r(Object.assign(Object.assign({},n),{url:e.location}))})).catch((function(){return alert("Something went wrong while trying to upload image. Please try again.")}))}return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("div",{className:"form-group"},a.a.createElement("div",{className:"d-flex justify-content-between align-items-center mb-1"},a.a.createElement("label",{className:"cv-interaction-field-label mb-0"},"Image"),a.a.createElement(le.b,{node:o})),n.url?a.a.createElement("div",{className:"text-center"},a.a.createElement("div",{className:"cv-uploaded-image-container"},a.a.createElement("img",{className:"img img-fluid",src:n.url,alt:n.caption}),a.a.createElement(ue.a,{className:"cv-remove-uploaded-image d-flex justify-content-center align-items-center",onClick:function(){r(Object.assign(Object.assign({},n),{url:""}))}},a.a.createElement("div",{className:"btn btn-link text-light"},"Remove")))):a.a.createElement(Ae,{onDropImage:s},a.a.createElement("div",{className:"cv-image-interaction-upload-container rounded py-4 text-center"},a.a.createElement("div",{className:"svg-container xlg mb-2"},a.a.createElement(Ne,null)),a.a.createElement("p",{className:"mb-0"},"Drag and drop an image file or"),a.a.createElement(ue.a,{type:"button",className:"text-underline d-inline-block",onClick:function(){c.current.value=null,c.current.click(null)}},"upload from your device"),a.a.createElement("input",{type:"file",autoComplete:"off",className:"file-select d-none",multiple:!1,accept:"image/jpg,image/jpeg,image/png",ref:c,onChange:function(e){return s(e.target.files)}}))),a.a.createElement(se,{error:n.error})),a.a.createElement("div",{className:"form-group"},a.a.createElement("label",{className:"cv-interaction-field-label",htmlFor:"image-caption"},"Caption  ",a.a.createElement("span",{className:"text-muted"},"(optional)")),a.a.createElement("textarea",{id:"image-caption",className:"form-control",placeholder:"Caption your image",value:n.caption||i.data.caption||"",onChange:function(e){r(Object.assign(Object.assign({},n),{caption:e.target.value}))},rows:2})))})),He(Ve,ce.InteractionTypeId.MissingWord,(function(e){var t,n,r,i,o,c,l=e.state,s=void 0===l?(t=e.interaction,i=(null===(n=t.data)||void 0===n?void 0:n.sentence)||"",o=i.split(" ").filter(Boolean),c=o.map((function(e,t){return{text:e,order:t,selected:!1}})),null===(r=t.actionableItems)||void 0===r||r.forEach((function(e){var t=e.order,n=pe(o[t],e.name);o[t]=n,c[t].text=n,c[t].selected=!0})),{fullSentence:o.join(" "),sentence:i,preview:t.name,words:c}):l,u=e.setState,m=e.optionsPortalNode,d=!!s.sentence;return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("div",{className:"form-group"},a.a.createElement("div",{className:"d-flex justify-content-between align-items-center mb-1"},a.a.createElement("label",{className:"cv-interaction-field-label mb-0",htmlFor:"missing-word-sentence"},"Sentence"),a.a.createElement(le.b,{node:m})),a.a.createElement("input",{id:"missing-word-sentence",className:"form-control",placeholder:"Enter your sentence here",value:s.fullSentence||"",onChange:function(e){var t=e.target.value,n=t.split(" ").filter(Boolean).map((function(e,t){return{text:e,order:t,selected:!1}}));u(Object.assign(Object.assign({},s),{fullSentence:t,sentence:be(n),preview:ve(n),words:n}))},autoComplete:"off"})),d&&a.a.createElement(a.a.Fragment,null,a.a.createElement("div",{className:"form-group"},a.a.createElement("label",{className:"cv-interaction-field-label"},"Select the missing word(s)"),a.a.createElement("ul",{className:"list-unstyled d-flex flex-wrap mx-n1 mb-n1"},s.words.map((function(e,t){var n;return(null===(n=fe(e.text))||void 0===n?void 0:n.trim())?a.a.createElement("li",{key:"".concat(t,"-").concat(e.text)},a.a.createElement(ue.a,{className:"rounded border p-2 mx-1 mb-1 cursor-pointer ".concat(e.selected?"bg-info text-white":"bg-white"),onClick:function(){return e=t,n=s.words.map((function(t){return t.order!==e?t:Object.assign(Object.assign({},t),{selected:!t.selected})})),void u(Object.assign(Object.assign({},s),{words:n,preview:ve(n),sentence:be(n)}));var e,n}},fe(e.text))):a.a.createElement(a.a.Fragment,{key:"".concat(t,"-").concat(e.text)})})))),a.a.createElement("div",null,a.a.createElement("label",{className:"cv-interaction-field-label"},"Preview"),a.a.createElement("p",null,s.preview))),a.a.createElement(se,{error:s.error}))})),He(Ve,ce.InteractionTypeId.MultipleChoice,Ce),He(Ve,ce.InteractionTypeId.ShortAnswer,(function(e){var t=e.state,n=void 0===t?function(e){return{question:e.name,suggestedResponse:e.data.suggestedResponse||""}}(e.interaction):t,r=e.setState,i=e.interaction,o=e.optionsPortalNode,c=e.showFeedback;return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("div",{className:"form-group"},a.a.createElement("div",{className:"d-flex justify-content-between align-items-center mb-1"},a.a.createElement("label",{className:"cv-interaction-field-label mb-0",htmlFor:"short-answer-question"},"Question"),a.a.createElement(le.b,{node:o})),a.a.createElement("input",{id:"short-answer-question",className:"form-control",onChange:function(e){r(Object.assign(Object.assign({},n),{question:e.target.value}))},value:n.question||i.data.text||"",placeholder:"Enter your question here",autoComplete:"off"}),a.a.createElement(se,{error:n.error})),c&&a.a.createElement("div",{className:"form-group"},a.a.createElement("label",{className:"cv-interaction-field-label",htmlFor:"short-answer-suggested-response"},"Suggested Response  ",a.a.createElement("span",{className:"text-muted"},"(optional)")," ",a.a.createElement(ye.a,{tooltipText:"Provide a suggested response for your students"})),a.a.createElement("textarea",{id:"short-answer-suggested-response",className:"form-control",placeholder:"Give a suggested response for this question",value:n.suggestedResponse||"",onChange:function(e){r(Object.assign(Object.assign({},n),{suggestedResponse:e.target.value}))},rows:2})))})),He(Ve,ce.InteractionTypeId.TrueOrFalse,Ce),Ve);var Qe=(He(We={},ce.InteractionTypeId.Annotation,(function(e){var t;return(null===(t=e.annotation)||void 0===t?void 0:t.trim())?null:"Please provide an annotation"})),He(We,ce.InteractionTypeId.Image,(function(e){return e.url?null:"Please upload an image"})),He(We,ce.InteractionTypeId.MissingWord,(function(e){var t;return(null===(t=e.sentence)||void 0===t?void 0:t.trim())?e.words.find((function(e){return e.selected}))?null:"Please select a missing word":"Please provide a sentence"})),He(We,ce.InteractionTypeId.MultipleChoice,we),He(We,ce.InteractionTypeId.ShortAnswer,(function(e){var t;return(null===(t=e.question)||void 0===t?void 0:t.trim())?null:"Please provide a question"})),He(We,ce.InteractionTypeId.TrueOrFalse,we),We);var Ze=(He($e={},ce.InteractionTypeId.Annotation,(function(e,t){var n;return ze(this,void 0,void 0,regeneratorRuntime.mark((function r(){return regeneratorRuntime.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return t.name="Annotation",t.data.annotation=null===(n=e.annotation)||void 0===n?void 0:n.trim(),t.actionableItems=[{name:"Answer"}],r.next=5,ie.saveInteraction(t);case 5:case"end":return r.stop()}}),r)})))})),He($e,ce.InteractionTypeId.Image,(function(e,t){var n,r;return Pe(this,void 0,void 0,regeneratorRuntime.mark((function a(){return regeneratorRuntime.wrap((function(a){for(;;)switch(a.prev=a.next){case 0:return t.data.url=e.url,t.name=(null===(n=e.caption)||void 0===n?void 0:n.trim())||"Image",t.data.caption=null===(r=e.caption)||void 0===r?void 0:r.trim(),t.actionableItems=[{name:"Answer"}],a.next=6,ie.saveInteraction(t);case 6:case"end":return a.stop()}}),a)})))})),He($e,ce.InteractionTypeId.MissingWord,(function(e,t){return me(this,void 0,void 0,regeneratorRuntime.mark((function n(){var r;return regeneratorRuntime.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return t.data.sentence=be(e.words),t.name=e.preview,r=e.words.filter((function(e){return e.selected})),t.actionableItems=r.map((function(e){return{name:fe(e.text),order:e.order,isCorrect:!0}})),n.next=6,ie.saveInteraction(t);case 6:case"end":return n.stop()}}),n)})))})),He($e,ce.InteractionTypeId.MultipleChoice,Se),He($e,ce.InteractionTypeId.ShortAnswer,(function(e,t){var n,r;return he(this,void 0,void 0,regeneratorRuntime.mark((function a(){return regeneratorRuntime.wrap((function(a){for(;;)switch(a.prev=a.next){case 0:return t.name=null===(n=e.question)||void 0===n?void 0:n.trim(),t.data.suggestedResponse=null===(r=e.suggestedResponse)||void 0===r?void 0:r.trim(),t.actionableItems=[{name:"Answer"}],a.next=5,ie.saveInteraction(t);case 5:case"end":return a.stop()}}),a)})))})),He($e,ce.InteractionTypeId.TrueOrFalse,Se),$e);function Ye(e){return Ze[e]}var Ge=n(1100),Je=n(1),Xe=["A","B","C","D"];function et(e){var t=e.interaction,n=e.className,r=C.a.getTypeInfo(t.typeId),i=r.name,o=r.typeName,c="";switch(t.typeId){case ce.InteractionTypeId.Annotation:c=t.data.annotation;break;case ce.InteractionTypeId.Image:c=t.data.caption;break;case ce.InteractionTypeId.MissingWord:c=t.data.sentence.replace(/{([^{}]*)}/g,(function(){return"<u>&nbsp;&nbsp;&nbsp;&nbsp;</u>"}));break;case ce.InteractionTypeId.MultipleChoice:c=t.name,t.actionableItems.map((function(e,t){return c+="<br />".concat(Xe[t],": ").concat(e.name)}));break;case ce.InteractionTypeId.ShortAnswer:c=t.name;break;case ce.InteractionTypeId.TrueOrFalse:c="True or false: ".concat(t.name)}var l=t.typeId===ce.InteractionTypeId.Annotation||t.typeId===ce.InteractionTypeId.MissingWord||t.typeId===ce.InteractionTypeId.MultipleChoice;return a.a.createElement(Ge.a,{title:i,text:c,html:l,className:"pr-2 ".concat(n||""),analyticsData:{id:t.interactiveId,type:o},analyticsOptions:{location:Je.LocationContext.InteractivePlayer,entity:Je.EntityType.Interactive,actionType:Je.UserAction.Click,descriptor:Je.ClickDescriptor.LaunchImmersiveReader}})}n(1226);function tt(e){var t=e.error;return e.error?a.a.createElement("p",{className:"mt-2 small text-danger"},t):a.a.createElement(a.a.Fragment,null)}var nt=n(1025);n(1227);function rt(e){return(rt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var at=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n};var it=n(65),ot=n(30),ct=n(331),lt=n(330);n(1228);function st(e){return(st="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function ut(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var mt=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n};var dt=n(1363);n(1229);var ft,pt,vt,bt,yt;function ht(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var gt=function(){return!0},It=function(){return!1},Et=(ht(ft={},ce.InteractionTypeId.Annotation,It),ht(ft,ce.InteractionTypeId.Image,It),ht(ft,ce.InteractionTypeId.MissingWord,gt),ht(ft,ce.InteractionTypeId.MultipleChoice,gt),ht(ft,ce.InteractionTypeId.ShortAnswer,(function(e){return!!e.data.suggestedResponse})),ht(ft,ce.InteractionTypeId.TrueOrFalse,gt),ft);function wt(e){return Et[e]}var St=(ht(pt={},ce.InteractionTypeId.Annotation,(function(e){return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("div",{dangerouslySetInnerHTML:{__html:e.interaction.data.annotation}}),a.a.createElement(et,{interaction:e.interaction}))})),ht(pt,ce.InteractionTypeId.Image,(function(e){var t=e.interaction,n=e.recalculateScroll,r=a.a.useCallback((function(e){e&&(e.onload=function(){n()})}),[]);return a.a.createElement("div",{className:"cv-interactive-question cv-image-interactive"},a.a.createElement("div",{className:"cv-image-container text-center"},a.a.createElement("img",{className:"img-fluid shadow-lg",src:t.data.url,ref:r}),t.data.caption&&a.a.createElement(a.a.Fragment,null,a.a.createElement("p",{className:"mt-3"},t.data.caption,a.a.createElement(et,{interaction:e.interaction,className:"ml-2"})))))})),ht(pt,ce.InteractionTypeId.MissingWord,(function(e){var t=e.state,n=e.setState,r=e.interaction,i=e.showFeedback,o=r.data.sentence.replace(/{([^{}]*)}/g,(function(e,t){return"{".concat("cv-missing-word-").concat(t,"}")})).split(/{([^{}]*)}/g);function c(e,r){if(r.target.value){var a,i,o;n(Object.assign(Object.assign({},t),(a={},i=e.id,o=r.target.value,i in a?Object.defineProperty(a,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):a[i]=o,a)))}else{var c=t,l=e.id,s=(c[l],at(c,["symbol"===rt(l)?l:l+""]));n(s)}}return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("div",{className:"mb-2"},o.map((function(e,n){var o;if(!e.startsWith("cv-missing-word-"))return e;var l=e.replace("cv-missing-word-",""),s=r.actionableItems.find((function(e){return e.order.toString()===l}));if(s){var u,m,d=t[s.id]||"",f=(u=s.name,(m=document.createElement("canvas").getContext("2d")).font="17pt arial",m.measureText(u).width);if(i){var p=s.name.toLowerCase().toString()===(null===(o=t[s.id])||void 0===o?void 0:o.toLowerCase().toString());return a.a.createElement(a.a.Fragment,{key:n},!p&&a.a.createElement(a.a.Fragment,null,a.a.createElement("del",{className:"text-danger"},d)," "),a.a.createElement("span",{className:"text-success"},s.name))}return a.a.createElement("span",{className:"cv-missing-word-input-container",key:n},a.a.createElement("input",{style:{width:f+"px"},onChange:function(e){return c(s,e)},value:d,disabled:!!t.submitted,className:"cv-missing-word-input",autoComplete:"off"}))}}))),a.a.createElement(tt,{error:t.error}),a.a.createElement(et,{interaction:e.interaction}))})),ht(pt,ce.InteractionTypeId.MultipleChoice,(function(e){var t=e.state,n=e.setState,r=e.interaction,i=e.showFeedback,o=e.imageApi,c=e.currentUser,l=1===r.actionableItems.filter((function(e){return e.isCorrect})).length;function s(e,r){if(!t.submitted)if(l)n(ut({},e.id,e.name),!0);else if(r)n(ut({},e.id,e.name));else{var a=t,i=e.id,o=(a[i],mt(a,["symbol"===st(i)?i:i+""]));n(o,!0)}}var u=["A","B","C","D"];return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("p",null,r.name,a.a.createElement(et,{interaction:e.interaction,className:"ml-2"})),!l&&a.a.createElement("p",{className:"text-muted"},a.a.createElement("small",null,"This question has multiple correct answers")),r.actionableItems.map((function(e,n){var r=t[e.id],m=r?"bg-info text-white":"bg-white",d=function(){return a.a.createElement(a.a.Fragment,null,u[n])};i&&(m=e.isCorrect?"bg-success text-white":"bg-danger text-white cv-multiple-choice-incorrect",d=function(){return a.a.createElement(a.a.Fragment,null,e.isCorrect?a.a.createElement(it.a,{size:it.b.Small,svgName:ot.b.Check}):a.a.createElement(it.a,{size:it.b.Small,svgName:ot.b.Close}))});var f=i?{}:{role:"button",tabIndex:0,onKeyDown:function(t){return"Enter"===t.key&&s(e,!r)}};return a.a.createElement(a.a.Fragment,{key:n},a.a.createElement("input",{id:e.id,type:l?"radio":"checkbox",name:"multiple-choice",checked:!!r,onChange:function(){return s(e,!r)},disabled:i,hidden:!0,tabIndex:-1}),a.a.createElement("label",Object.assign({className:"\n                d-block\n                rounded-lg\n                shadow-sm\n                mb-2\n                p-3\n                d-flex\n                justify-content-between\n                cv-multiple-choice-label\n                position-relative\n                ".concat(i?"":"cursor-pointer","\n                ").concat(m),key:n,htmlFor:e.id},f),a.a.createElement("span",{className:"d-inline-block mr-3 cv-multiple-choice-bullet"},a.a.createElement(d,null)),a.a.createElement("span",{className:"flex-grow-1 pr-4"},e.name),a.a.createElement("span",{className:"cv-avatar-container"},r&&a.a.createElement(ct.a,{imageCdnUrl:o.toString(),initials:lt.a.getInitials(c.givenName,c.familyName),imageUrl:c.avatar}))))})),a.a.createElement(tt,{error:t.error}))})),ht(pt,ce.InteractionTypeId.ShortAnswer,(function(e){var t=e.interaction,n=e.state,r=e.setState;return e.showFeedback?a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("p",null,t.name),a.a.createElement("label",{className:"cv-interaction-field-label"},"My answer"),a.a.createElement("p",null,n[t.actionableItems[0].id]),t.data.suggestedResponse&&a.a.createElement(a.a.Fragment,null,a.a.createElement("label",{className:"cv-interaction-field-label mt-1"},"Teacher's suggested answer"),a.a.createElement("p",null,t.data.suggestedResponse))):a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("p",null,t.name,a.a.createElement(et,{interaction:t,className:"ml-2"})),a.a.createElement(dt.a,{id:"short-answer-answer",className:"form-control mt-2",minRows:3,value:n[t.actionableItems[0].id]||"",onChange:function(e){var a,i,o;r(Object.assign(Object.assign({},n),(a={},i=t.actionableItems[0].id,o=e.target.value,i in a?Object.defineProperty(a,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):a[i]=o,a)))},disabled:!!n.submitted}),a.a.createElement(tt,{error:n.error}))})),ht(pt,ce.InteractionTypeId.TrueOrFalse,(function(e){var t=e.state,n=e.setState,r=e.interaction,i=e.showFeedback,o=e.imageApi,c=e.currentUser,l=r.actionableItems.find((function(e){return e.isCorrect}));function s(e){var r,a,i;t.submitted||n((r={},a=e.id,i=e.name,a in r?Object.defineProperty(r,a,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[a]=i,r),!0)}return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("p",null,r.name,a.a.createElement(et,{interaction:e.interaction,className:"ml-2"})),a.a.createElement("div",{className:"d-flex justify-content-center"},r.actionableItems.map((function(e,n){var r=t[e.id],l=r?"bg-info text-white":"bg-white",u=function(){return a.a.createElement(a.a.Fragment,null)};i&&(l=e.isCorrect?"bg-success text-white":"bg-danger text-white cv-multiple-choice-incorrect",u=function(){return a.a.createElement(a.a.Fragment,null,e.isCorrect?a.a.createElement(it.a,{size:it.b.Small,svgName:ot.b.Check}):a.a.createElement(it.a,{size:it.b.Small,svgName:ot.b.Close}))});var m=i?{}:{role:"button",tabIndex:0,onKeyDown:function(t){return"Enter"===t.key&&s(e)}};return a.a.createElement("label",Object.assign({key:n,htmlFor:e.id,className:"\n              d-inline-block\n              rounded-lg\n              shadow-sm\n              p-5\n              m-2\n              h4\n              position-relative\n              ".concat(i?"":"cursor-pointer","\n              ").concat(l)},m),a.a.createElement("input",{id:e.id,type:"radio",name:"multiple-choice",checked:!!r,onChange:function(){return s(e)},disabled:i,hidden:!0}),e.name,a.a.createElement("span",{className:"position-absolute p-2 cv-true-or-false-feedback"},a.a.createElement(u,null)),a.a.createElement("span",{className:"cv-avatar-container cv-avatar-bottom-right"},r&&a.a.createElement(ct.a,{imageCdnUrl:o.toString(),initials:lt.a.getInitials(c.givenName,c.familyName),imageUrl:c.avatar})))}))),i&&a.a.createElement("div",{className:"text-center px-5 mt-2"},a.a.createElement("p",null,"The answer is ",a.a.createElement("strong",null,l.name)),r.data.feedback&&a.a.createElement("p",null,r.data.feedback)),a.a.createElement(tt,{error:t.error}))})),pt);function Ct(){return""}var kt=(ht(vt={},ce.InteractionTypeId.Annotation,Ct),ht(vt,ce.InteractionTypeId.Image,Ct),ht(vt,ce.InteractionTypeId.MissingWord,(function(e,t){var n=Object.keys(e).filter((function(t){var n;return!!(null===(n=e[t])||void 0===n?void 0:n.trim())})).length;return n?n!==t.actionableItems.length?"Please fill in all of the missing words":null:"Please fill in the missing words"})),ht(vt,ce.InteractionTypeId.MultipleChoice,(function(e){return Object.keys(e).length?null:"Please choose an answer"})),ht(vt,ce.InteractionTypeId.ShortAnswer,(function(e){return Object.keys(e).filter((function(t){var n;return!!(null===(n=e[t])||void 0===n?void 0:n.trim())})).length?null:"Please provide an answer to the question"})),ht(vt,ce.InteractionTypeId.TrueOrFalse,(function(e){return Object.keys(e).length?null:"Please choose an answer"})),vt);var xt=(ht(bt={},ce.InteractionTypeId.Annotation,null),ht(bt,ce.InteractionTypeId.Image,null),ht(bt,ce.InteractionTypeId.MissingWord,(function(e,t,n){return n(t.id,Object.keys(e).map((function(t){return{actionableItemId:t,value:e[t].toString()}})))})),ht(bt,ce.InteractionTypeId.MultipleChoice,(function(e,t,n){return n(t.id,Object.keys(e).map((function(t){return{actionableItemId:t,value:e[t]}})))})),ht(bt,ce.InteractionTypeId.ShortAnswer,(function(e,t,n){return n(t.id,Object.keys(e).map((function(t){return{actionableItemId:t,value:e[t].toString()}})))})),ht(bt,ce.InteractionTypeId.TrueOrFalse,(function(e,t,n){return n(t.id,Object.keys(e).map((function(t){return{actionableItemId:t,value:e[t]}})))})),bt);function Ot(e){return xt[e]}var Nt=function(){return nt.a.NotApplicable},Tt=(ht(yt={},ce.InteractionTypeId.Annotation,Nt),ht(yt,ce.InteractionTypeId.Image,Nt),ht(yt,ce.InteractionTypeId.MissingWord,(function(e,t){return t.actionableItems.filter((function(e){return e.isCorrect})).every((function(t){var n;return t.name.trim().toLowerCase()===(null===(n=e[t.id])||void 0===n?void 0:n.trim().toLowerCase())}))?nt.a.Correct:nt.a.Incorrect})),ht(yt,ce.InteractionTypeId.MultipleChoice,(function(e,t){return t.actionableItems.filter((function(e){return e.isCorrect})).every((function(t){return e[t.id]===t.name}))?nt.a.Correct:nt.a.Incorrect})),ht(yt,ce.InteractionTypeId.ShortAnswer,(function(){return nt.a.AwaitingMarking})),ht(yt,ce.InteractionTypeId.TrueOrFalse,(function(e,t){return t.actionableItems.filter((function(e){return e.isCorrect})).every((function(t){return e[t.id]===t.name}))?nt.a.Correct:nt.a.Incorrect})),yt);function jt(e){return Tt[e]}function At(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Pt={interactions:{},timepoints:{}};function Rt(e,t){return"interaction"===t.type?{timepoints:e.timepoints,interactions:Object.assign(Object.assign({},e.interactions),At({},t.id,t.value))}:"timepoint"===t.type?{interactions:e.interactions,timepoints:Object.assign(Object.assign({},e.timepoints),At({},t.id,t.value))}:void 0}function Lt(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=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Ft(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 Ft(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 Ft(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var _t={interactionIndex:0},Mt=function(e){var t=e.mode,n=e.timepoint,r=e.latestSession,i=t===c.InteractiveMode.Create,o=Lt(a.a.useReducer(Rt,null,(function(){return function(e){return e?{timepoints:{},interactions:e.actions.reduce((function(e,t){var n;return e[t.interactionId]=Object.assign(Object.assign({},e[t.interactionId]),(At(n={},t.actionableItemId,t.data),At(n,"submitted",!0),n)),e}),{})}:Pt}(r)})),2),l=o[0],s=o[1],u=v(null==n?void 0:n.id),m=null==n?void 0:n.interactions[u.interactionIndex],d="number"==typeof u.nextInteractionIndex?null==n?void 0:n.interactions[u.nextInteractionIndex]:null,f=b(null==m?void 0:m.id),p=b(null==d?void 0:d.id);function v(e){return e&&l.timepoints[e]||_t}function b(e){if(!e)return{};var t=l.interactions[e];return t||i?t:{}}function y(e,t,n){var r=b(e);s({type:"interaction",id:e,value:Object.assign(Object.assign({},n?{}:r),t)})}return{state:l,interaction:m,interactionState:f,timepointState:u,nextInteraction:d,nextInteractionState:p,getTimepointState:v,getInteractionState:b,updateTimepointState:function(e,t){var n=v(e);s({type:"timepoint",id:e,value:Object.assign(Object.assign({},n),t)})},updateInteractionState:y,clearTimepointState:function(e){s({type:"timepoint",id:e,value:void 0})},clearInteractionState:function(e){s({type:"interaction",id:e,value:void 0})},userUpdateInteractionState:function(e,t){y(m.id,Object.assign(Object.assign({},e),{hasChanges:!0,error:null}),t)}}},Ut=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))},Dt=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n},qt=!1,Bt=function(e){var t=e.interactive,n=e.timepoint,r=e.player,i=e.mode,o=e.resultsService,l=e.latestSession,s=Dt(e,["interactive","timepoint","player","mode","resultsService","latestSession"]),u=Mt({mode:i,timepoint:n,latestSession:l}),m=u.state,d=u.interaction,f=u.interactionState,p=u.timepointState,v=u.nextInteraction,b=u.nextInteractionState,y=Dt(u,["state","interaction","interactionState","timepointState","nextInteraction","nextInteractionState"]),h=i===c.InteractiveMode.Create;function g(e){for(var n=0;n<t.timepoints.length;){for(var r=t.timepoints[n],a=0;a<r.interactions.length;){var i=r.interactions[a];if(i.id===e)return{localTimepoint:r,localInteraction:i};a++}n++}return{localInteraction:null,localTimepoint:null}}function I(e){return Ut(this,void 0,void 0,regeneratorRuntime.mark((function n(){var r,a,i,o,c,l;return regeneratorRuntime.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(r=g(e),a=r.localInteraction,i=r.localTimepoint,a&&i){n.next=3;break}throw new Error("Could not find the interaction and timepoint for the interactionId ".concat(e));case 3:if(Z(a.id)){n.next=6;break}return n.next=6,ie.deleteInteraction(a.id);case 6:if(o=i.interactions.findIndex((function(e){return e.id===a.id})),i.interactions.splice(o,1),y.clearInteractionState(a.id),c=y.getTimepointState(i.id),o<c.interactionIndex&&y.updateTimepointState(i.id,{interactionIndex:c.interactionIndex-1}),!(i.interactions.length>0)){n.next=13;break}return n.abrupt("return");case 13:if(Z(i.id)){n.next=16;break}return n.next=16,ie.deleteTimepoint(i.id);case 16:l=t.timepoints.findIndex((function(e){return e.id===i.id})),t.timepoints.splice(l,1),s.removeCue(i.visibleAt/1e3),y.clearTimepointState(i.id);case 20:case"end":return n.stop()}}),n)})))}function E(e){if(d){var t=Z(d.id);if(t||(null==f?void 0:f.hasChanges)||(null==p?void 0:p.hasChanges)){oe.a.render(a.a.createElement("p",null,"Do you want to discard your changes?"),{title:"Unsaved changes",success:function(){(null==p?void 0:p.hasChanges)&&x(!0),t?I(d.id):y.clearInteractionState(d.id),e&&e()},buttons:[{variant:"link",buttonText:"Cancel"},{variant:"danger",success:!0,buttonText:"Discard"}]})}else e&&e()}else e&&e()}function w(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(h)E((function(){y.updateTimepointState(n.id,{interactionIndex:e})}));else{var r=function(){y.updateTimepointState(n.id,{nextInteractionIndex:e}),window.requestAnimationFrame((function(){y.updateTimepointState(n.id,{nextInteractionIndex:e,slideIn:!0}),window.setTimeout((function(){y.updateTimepointState(n.id,{interactionIndex:e,nextInteractionIndex:null,slideIn:null})}),600)}))};t?E(r):r()}}function S(){p.interactionIndex+1>=n.interactions.length?s.continueInteractive():w(p.interactionIndex+1,!1)}function C(){t.timepoints.sort((function(e,t){return e.visibleAt>t.visibleAt?1:t.visibleAt>e.visibleAt?-1:0}))}function k(){w(n.interactions.length)}function x(e){(null==p?void 0:p.hasChanges)&&(e&&s.moveTimepoint(p.originalVisibleAt),y.updateTimepointState(n.id,{hasChanges:void 0,originalVisibleAt:void 0}),qt=!1)}return{state:m,interaction:d,interactionState:f,timepointState:p,nextInteraction:v,nextInteractionState:b,skip:S,cancel:function(){return Ut(this,void 0,void 0,regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!(null==f?void 0:f.hasChanges)){e.next=3;break}return E(),e.abrupt("return");case 3:return e.next=5,I(d.id);case 5:s.setOpen(!0);case 6:case"end":return e.stop()}}),e)})))},addAnotherQuestion:k,goToTimepoint:function(e,n){var a=function(e){for(var n=0;n<t.timepoints.length;){var r=t.timepoints[n];if(r.id===e)return r;n++}return null}(e),i=a.interactions.find((function(e){return e.id.toString()===n.toString()}));r.currentTime(a.visibleAt/1e3),y.updateTimepointState(a.id,{interactionIndex:a.interactions.indexOf(i)})},discardChanges:E,changeIndex:w,promptDelete:function(e){oe.a.render(a.a.createElement("p",null,"Are you sure you want to delete this question?"),{title:"Delete question",success:function(){return I(e)},buttons:[{variant:"link",buttonText:"Cancel"},{variant:"danger",success:!0,buttonText:"Delete"}]})},showTypeSelector:function(){r.pause(),s.setOpen(!0),n&&k()},cancelTypeSelector:function(){n?w(p.interactionIndex-1):(s.setOpen(!1),r.play())},deleteInteraction:I,saveInteraction:function(){return Ut(this,void 0,void 0,regeneratorRuntime.mark((function e(){var t,r,a,i;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(h){e.next=2;break}throw new Error("Should not be calling onClickSave while viewing an interactive");case 2:if(o=d.typeId,!(t=(0,Qe[o])(y.getInteractionState(d.id),d))){e.next=7;break}return y.updateInteractionState(d.id,{error:t}),e.abrupt("return");case 7:if(y.updateInteractionState(d.id,{spinner:!0}),!Z(n.id)){e.next=15;break}return r=n.id,e.next=12,ie.saveTimepoint(n);case 12:s.updateCue(r,n.id),y.clearTimepointState(r),(null==p?void 0:p.hasChanges)&&(C(),x());case 15:return d.timepointId=n.id,a=d.id,i=Ye(d.typeId),e.next=20,i(y.getInteractionState(d.id),d);case 20:y.clearInteractionState(a);case 21:case"end":return e.stop()}var o}),e)})))},addInteraction:function(e){var a;r.pause();var i=(null==n?void 0:n.id)||"new_".concat(Math.round(Math.random()*Number.MAX_SAFE_INTEGER)),o={id:"new_".concat(Math.round(Math.random()*Number.MAX_SAFE_INTEGER)),timepointId:i,typeId:e,order:(null===(a=null==n?void 0:n.interactions)||void 0===a?void 0:a.length)||0,interactiveId:t.id,data:{}};if(n)return n.interactions.push(o),void w(p.interactionIndex);var c=r.currentTime();t.timepoints||(t.timepoints=[]),t.timepoints.push({id:i,visibleAt:1e3*c,interactiveId:t.id,shouldPause:1,interactions:[o]}),C(),s.addCue(i)},submitInteractionAnswer:function(){return Ut(this,void 0,void 0,regeneratorRuntime.mark((function e(){var r,a,l,u;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(i===c.InteractiveMode.View){e.next=2;break}throw new Error("Should not be calling onClickSubmit while creating an interactive");case 2:if(!f.submitted){e.next=8;break}if(!(p.interactionIndex>=n.interactions.length)){e.next=6;break}return s.continueInteractive(),e.abrupt("return");case 6:return w(p.interactionIndex+1),e.abrupt("return");case 8:if(f.error,f.hasChanges,f.submitted,f.spinner,r=Dt(f,["error","hasChanges","submitted","spinner"]),m=d.typeId,!(a=(0,kt[m])(r,d))){e.next=14;break}return y.updateInteractionState(d.id,{error:a}),e.abrupt("return");case 14:if(!o||!f.hasChanges){e.next=20;break}if(l=Ot(d.typeId),y.updateInteractionState(d.id,{spinner:!0}),!l){e.next=20;break}return e.next=20,l(r,d,o.save);case 20:if(y.updateInteractionState(d.id,{submitted:!0,error:null,hasChanges:!1,spinner:!1}),t.immediateFeedback){e.next=24;break}return S(),e.abrupt("return");case 24:u=wt(d.typeId),u(d)||S();case 27:case"end":return e.stop()}var m}),e)})))},userUpdateInteractionState:y.userUpdateInteractionState,updateTimepointTime:function(e){var a=r.duration(),i=n.visibleAt+1e3*e,o=!0;do{for(var c=0;c<t.timepoints.length;c++){var l=t.timepoints[c];i>l.visibleAt&&i<l.visibleAt+1e3&&(i+=e>0?1e3:-1e3)}o=!1}while(o);if(!(i/1e3>a||i<0)){var u=n.visibleAt;qt||(qt=!0,y.updateTimepointState(n.id,{originalVisibleAt:u,hasChanges:!0})),s.moveTimepoint(i)}},saveTimepoint:function(){return Ut(this,void 0,void 0,regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!Z(n.id)){e.next=2;break}return e.abrupt("return");case 2:return e.next=4,ie.updateTimepoint(n);case 4:C(),x();case 6:case"end":return e.stop()}}),e)})))},clearTimepointTimeState:x,reOrderQuestions:function(e){return Ut(this,void 0,void 0,regeneratorRuntime.mark((function t(){var r,a;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:r=0;case 1:if(!(r<e.length)){t.next=7;break}return t.next=4,ie.saveInteraction(Object.assign(Object.assign({},e[r]),{order:r}));case 4:r++,t.next=1;break;case 7:a=n.interactions[p.interactionIndex],n.interactions=e,y.updateTimepointState(n.id,{interactionIndex:e.indexOf(a)});case 10:case"end":return t.stop()}}),t)})))}}},Vt=n(1230),Wt=n.n(Vt);function $t(e){var t="".concat(e.className," ").concat(Wt.a.iconButton);e.children?t+=" ".concat(Wt.a.iconWithText):t+=" ".concat(Wt.a.iconOnly);var n=a.a.createElement(it.a,{svgName:e.svgName,className:Wt.a.svg});return a.a.createElement(ue.a,{className:t,onClick:e.onClick},n,e.children)}function zt(e){var t=e.isCreate,n=e.open,r=e.showTypeSelector;return!t||n?a.a.createElement(a.a.Fragment,null):a.a.createElement($t,{className:"btn btn-outline-dark cv-add-question",onClick:r,svgName:ot.b.Plus},"Add question")}var Ht=n(1119);function Kt(){return a.a.createElement("div",{className:"my-5 text-center"},a.a.createElement("h2",{className:"h3"},"Select an interaction to get started"),a.a.createElement("p",{className:"mb-0"},"Choose a point in the video and add a question to interact and engage your your students."),a.a.createElement("a",{href:"",className:"btn btn-link text-info"},"How do I create interactives?"))}function Qt(e){var t=e.isCreate,n=e.interactive,r=e.interaction,i=e.portalNode,o=e.goToTimepoint,c=e.promptDelete;if(!i)return a.a.createElement(a.a.Fragment,null);var l=n.timepoints.reduce((function(e,t){return e+t.interactions.length}),0);return a.a.createElement(le.a,{node:i},l?a.a.createElement(a.a.Fragment,null,a.a.createElement("h2",{className:"h4 mt-3"},"Question List (",l,")"),a.a.createElement(Ht.a,{interactive:n,maxHeight:300,goToTimepoint:o,selectedInteractionId:null==r?void 0:r.id,onClickDelete:t?c:void 0})):t?a.a.createElement(Kt,null):a.a.createElement(a.a.Fragment,null))}var Zt=n(1365);function Yt(e,t){if(t===c.InteractiveMode.Create)return function(e){return Ke[e]}(e);if(t===c.InteractiveMode.View)return function(e){return St[e]}(e);throw new Error("Cannot find components for the mode ".concat(t))}var Gt=n(230);n(1232);function Jt(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=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Xt(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 Xt(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 Xt(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var en=[ce.InteractionTypeId.MissingWord,ce.InteractionTypeId.MultipleChoice,ce.InteractionTypeId.TrueOrFalse,ce.InteractionTypeId.ShortAnswer,ce.InteractionTypeId.Image,ce.InteractionTypeId.Annotation];function tn(e){var t=e.addInteraction,n=e.cancelTypeSelector,r=e.player,i=e.timepoint,o=e.open,c=e.isCreate,l=e.interaction,s=Jt(a.a.useState(Object(Gt.a)(r.currentTime()||0)),2),u=s[0],m=s[1];return a.a.useEffect((function(){var e=function(){m(Object(Gt.a)(r.currentTime()))};return r.on("timeupdate",e),function(){return r.off("timeupdate",e)}}),[]),l||!c?a.a.createElement(a.a.Fragment,null):a.a.createElement("div",{className:"d-flex align-items-center justify-content-center h-100"},a.a.createElement("div",{className:"cv-interactive-type-selector d-flex flex-wrap justify-content-center align-items-center"},a.a.createElement("div",{className:"text-center font-weight-bold w-100 text-body mb-3 cv-add-question-copy"},i?"Add another question at:":"Add a question at:"," ",u),en.map((function(e,n){var r=C.a.getTypeInfo(e),i=r.name,o=r.bgClassName,c=r.Svg;return a.a.createElement(ue.a,{key:n,className:"cv-type-selector rounded py-2 m-1 ".concat(o),onClick:function(){return t(e)}},a.a.createElement("span",{className:"cv-create-type-icon mb-1"},a.a.createElement(c,null)),a.a.createElement("div",{className:"d-flex align-items-center justify-content-center cv-interaction-type-name px-1"},i))})),(i||o)&&a.a.createElement("div",{className:"text-center w-100 mt-2 ".concat(i?"":"cv-adding-first-cancel")},a.a.createElement(ue.a,{className:"btn btn-link",onClick:n},"Cancel"))))}function nn(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=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return rn(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 rn(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 rn(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function an(e){var t=e.typeId,n=e.currentIndex,r=e.numberOfInteractions,i=e.changeIndex,o=e.player,c=nn(a.a.useState(Object(Gt.a)(o.currentTime()||0)),2),l=c[0],s=c[1];a.a.useEffect((function(){var e=function(){s(Object(Gt.a)(o.currentTime()))};return o.on("timeupdate",e),function(){return o.off("timeupdate",e)}}),[]);var u=C.a.getTypeInfo(t),m=u.name,d=u.bgClassName,f=n<r-1;var p=n>0;return a.a.createElement("div",{className:"text-center d-flex justify-content-between align-items-center p-1 ".concat(d)},a.a.createElement(ue.a,{onClick:function(){p&&i(n-1)},className:p?"":"invisible"},a.a.createElement(it.a,{size:it.b.Medium,svgName:ot.b.ChevronLeft})),a.a.createElement("div",null,a.a.createElement("div",{className:"h6 mb-0"},m),r>1&&a.a.createElement("div",null,n+1," of ",r," at ",l)),a.a.createElement(ue.a,{onClick:function(){f&&i(n+1)},className:f?"":"invisible"},a.a.createElement(it.a,{size:it.b.Medium,svgName:ot.b.ChevronRight})))}n(1233);function on(e){var t=e.typeId,n=C.a.getTypeInfo(t),r=n.name,i=n.prompt,o=n.bgClassName,c=n.Svg;return a.a.createElement("div",{className:"text-center text-body d-flex justify-content-between align-items-center px-3 pt-3"},a.a.createElement("div",{className:"d-flex align-items-center"},a.a.createElement("span",{className:"cv-iteraction-icon rounded my-1 text-white ".concat(o)},a.a.createElement(c,null)),a.a.createElement("span",{className:"text-left flex-grow-1"},a.a.createElement("div",{className:"h5 ".concat(i?"":"mb-0")},a.a.createElement("strong",null,r)),i&&a.a.createElement("div",{className:"h6 mb-0"},i))))}function cn(e){var t=e.isCreate,n=e.interaction,r=e.player,i=e.changeIndex,o=e.timepointState,c=e.timepoint;return t?a.a.createElement(an,{typeId:n.typeId,changeIndex:i,player:r,currentIndex:o.interactionIndex,numberOfInteractions:c.interactions.length}):a.a.createElement(on,{typeId:n.typeId})}var ln=n(31);function sn(e){var t=e.interaction,n=e.interactionState,a=e.onClickContinue,i=e.onClickSave,o=e.onClickCancel,c=e.onClickAddAnother,l=e.onClickDiscard,s=Z(t.id),u=!!(null==n?void 0:n.hasChanges),m=!!(null==n?void 0:n.spinner);return r.createElement("div",{className:"cv-timpoint-button-container"},s?r.createElement(ue.a,{className:"btn btn-link",onClick:o},"Cancel"):u?r.createElement(ue.a,{className:"btn btn-link",onClick:l},"Discard"):r.createElement(ue.a,{className:"btn btn-link",onClick:c},"Add another question"),m?r.createElement(ue.a,{className:"btn btn-dark ml-2 cv-interactive-spinner",onClick:function(){}},r.createElement(ln.Spinner,{as:"span",animation:"border",role:"status",size:"sm"})):s?u?r.createElement(ue.a,{className:"btn btn-dark ml-2",onClick:i},"Save"):r.createElement(ue.a,{className:"btn btn-dark ml-2 disabled",onClick:function(){}},"Save"):u?r.createElement(ue.a,{className:"btn btn-dark ml-2",onClick:i},"Save"):r.createElement($t,{className:"btn btn-dark ml-2",onClick:a,svgName:ot.b.Play},"Continue"))}function un(e){var t=e.typeId,n=e.interactionState,a=e.onClickSkip,i=e.numberOfInteractions,o=e.currentIndex,c=e.changeIndex,l=!!(null==n?void 0:n.submitted),s=!!(null==n?void 0:n.hasChanges),u=!!(null==n?void 0:n.spinner),m=!!Ot(t),d=o<i-1;function f(){d&&c(o+1)}var p=o>0;function v(){s&&e.onClickSubmit()}return r.createElement("div",{className:"cv-timpoint-button-container flex-wrap"},!l&&m&&r.createElement(ue.a,{className:"btn btn-link",onClick:a},"Come back later"),i>1&&o>0&&r.createElement($t,{className:"btn btn-dark ml-2 ".concat(p?"":"disabled"),onClick:function(){p&&c(o-1)},svgName:ot.b.ChevronUp}),u?r.createElement(ue.a,{className:"btn btn-dark ml-2 cv-interactive-spinner",onClick:function(){}},r.createElement(ln.Spinner,{as:"span",animation:"border",role:"status",size:"sm"})):l||!m?1===i||o===i-1?r.createElement($t,{className:"btn btn-dark ml-2",onClick:a,svgName:ot.b.Play},"Continue"):r.createElement(ue.a,{className:"btn btn-dark ml-2 ".concat(d?"":"disabled"),onClick:f},"Next"):r.createElement(ue.a,{className:"btn btn-dark ml-2 ".concat(s?"":"disabled"),onClick:v},"Save"))}function mn(e){var t=e.isCreate,n=e.interaction,r=e.interactionState,i=e.continueInteractive,o=e.saveInteraction,c=e.cancel,l=e.addAnotherQuestion,s=e.discardChanges,u=e.submitInteractionAnswer,m=e.skip,d=e.changeIndex,f=e.timepoint,p=e.currentIndex;return a.a.createElement(a.a.Fragment,null,t?a.a.createElement(sn,{interaction:n,interactionState:r,onClickContinue:i,onClickSave:o,onClickCancel:c,onClickAddAnother:l,onClickDiscard:function(){return s()}}):a.a.createElement(un,{typeId:n.typeId,interactionState:r,onClickSubmit:u,onClickSkip:m,changeIndex:d,currentIndex:p,numberOfInteractions:f.interactions.length}))}var dn=n(983);function fn(e){var t=e.timepoint,n=e.interaction,r=e.promptDelete,i=e.optionsPortalNode,o=e.setView;if(!n)return a.a.createElement(a.a.Fragment,null);var c=[];if(c.push({label:"Move time point",onClick:function(){return o("move")}}),t.interactions.length){var l=Z(n.id);c.push({label:"Re-order questions",onClick:function(){return o("reorder")},className:l?"disabled":""})}return c.push({label:"Delete",onClick:function(){return r(n.id)},className:"text-danger"}),a.a.createElement(le.a,{node:i},!!n&&a.a.createElement(dn.a,{actions:c}))}n(1234),n(1235);function pn(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=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return vn(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 vn(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 vn(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var bn=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))},yn=null,hn=0,gn=1;function In(e){var t=e.timepoint,n=e.updateTimepointTime,r=e.saveTimepoint,i=e.back,o=e.clearTimepointTimeState,c=pn(a.a.useState(Object(Gt.a)(t.visibleAt/1e3)),2),l=c[0],s=c[1],u=pn(a.a.useState(!1),2),m=u[0],d=u[1];function f(e){n(e*gn),s(Object(Gt.a)(t.visibleAt/1e3)),2===++hn?gn=5:4===hn?gn=20:6===hn?gn=60:8===hn&&(gn=120),yn||(yn=window.setInterval((function(){return f(e)}),200),window.addEventListener("mouseup",p))}function p(){window.removeEventListener("mouseup",p),window.clearInterval(yn),yn=null,hn=0,gn=1}return a.a.useEffect((function(){return p}),[]),a.a.createElement(a.a.Fragment,null,a.a.createElement("div",{className:"cv-timepoint flex-grow-1"},a.a.createElement("div",{className:"cv-timepoint-padding"},a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("label",{className:"cv-interaction-field-label mb-0"},"Move time point"),a.a.createElement("div",{className:"text-center mt-3"},a.a.createElement(ue.a,{className:"cv-left-arrow d-inline-block cursor-pointer",onClick:function(){},onMouseDown:function(){return f(-1)},onKeyDown:function(e){e.stopPropagation(),13===e.keyCode&&0===hn&&f(-1)},onKeyUp:p}),a.a.createElement("input",{className:"form-control form-control-lg text-center d-inline-block cv-move-timepoint-input",value:l,onChange:function(){},onKeyDown:function(e){e.stopPropagation(),37===e.keyCode&&0===hn&&f(-1),39===e.keyCode&&0===hn&&f(1)},onKeyUp:p}),a.a.createElement(ue.a,{className:"cv-right-arrow d-inline-block cursor-pointer",onClick:function(){},onMouseDown:function(){return f(1)},onKeyDown:function(e){e.stopPropagation(),13===e.keyCode&&0===hn&&f(1)},onKeyUp:p}))))),a.a.createElement("div",{className:"cv-timpoint-button-container"},a.a.createElement(ue.a,{className:"btn btn-link",onClick:function(){o(!0),i()}},"Cancel"),m?a.a.createElement(ue.a,{className:"btn btn-dark ml-2 cv-interactive-spinner",onClick:function(){}},a.a.createElement(ln.Spinner,{as:"span",animation:"border",role:"status",size:"sm"})):a.a.createElement(ue.a,{className:"btn btn-dark",onClick:function(){return bn(this,void 0,void 0,regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return d(!0),e.next=3,r();case 3:i();case 4:case"end":return e.stop()}}),e)})))}},"Save")))}var En=n(960),wn=n(1231),Sn=n(1236),Cn=n.n(Sn);function kn(e){return function(e){if(Array.isArray(e))return Nn(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||On(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 xn(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=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||On(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 On(e,t){if(e){if("string"==typeof e)return Nn(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Nn(e,t):void 0}}function Nn(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var Tn=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))};var jn=Object(En.SortableElement)((function(e){var t=e.interaction,n=C.a.getTypeInfo(t.typeId),r=n.bgClassName,i=n.Svg;return a.a.createElement("div",{className:"py-2 text-left cursor-pointer"},a.a.createElement("span",{className:"".concat(Cn.a.type," ").concat(r)},a.a.createElement(i,null)),a.a.createElement("span",{className:"".concat(Cn.a.name," clamp-1")},t.typeId===ce.InteractionTypeId.Annotation?a.a.createElement("span",{dangerouslySetInnerHTML:{__html:Object(wn.a)(t.data.annotation)}}):t.name))})),An=Object(En.SortableContainer)((function(e){var t=e.interactions;return a.a.createElement("div",{tabIndex:0},t.map((function(e,t){return a.a.createElement(jn,{key:e.id,index:t,interaction:e})})))}));function Pn(e){var t=xn(a.a.useState(!1),2),n=t[0],r=t[1],i=xn(a.a.useState(kn(e.interactions)),2),o=i[0],c=i[1],l=xn(a.a.useState(!1),2),s=l[0],u=l[1];return a.a.createElement(a.a.Fragment,null,a.a.createElement("div",{className:"cv-timepoint flex-grow-1"},a.a.createElement("div",{className:"cv-timepoint-padding"},a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("label",{className:"cv-interaction-field-label mb-0"},"Re-order questions"),a.a.createElement("div",{className:"text-center mt-3"},a.a.createElement(An,{onSortEnd:function(e){var t=e.oldIndex,n=e.newIndex;t!==n&&(c(kn(function(e,t,n){for(;t<0;)t+=e.length;for(;n<0;)n+=e.length;if(n>=e.length)for(var r=n-e.length+1;r--;)e.push(void 0);return e.splice(n,0,e.splice(t,1)[0]),e}(o,t,n))),u(!0))},interactions:o,helperClass:Cn.a.dragging,lockAxis:"y"}))))),a.a.createElement("div",{className:"cv-timpoint-button-container"},a.a.createElement(ue.a,{className:"btn btn-link",onClick:function(){c(kn(e.interactions)),u(!1),e.back()}},"Cancel"),n?a.a.createElement(ue.a,{className:"btn btn-dark ml-2 cv-interactive-spinner",onClick:function(){}},a.a.createElement(ln.Spinner,{as:"span",animation:"border",role:"status",size:"sm"})):a.a.createElement(ue.a,{className:"btn btn-dark ".concat(s?"":"disabled"),onClick:function(){return Tn(this,void 0,void 0,regeneratorRuntime.mark((function t(){return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(s){t.next=2;break}return t.abrupt("return");case 2:return r(!0),t.next=5,e.reOrderQuestions(o);case 5:r(!1),e.back();case 7:case"end":return t.stop()}}),t)})))}},"Save")))}function Rn(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=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Ln(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 Ln(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 Ln(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Fn(e){var t=e.isCreate,n=e.interaction,r=e.mode,i=e.immediateFeedback,o=e.interactionState,c=e.shouldFocus,l=e.open,s=e.timepoint,u=e.userUpdateInteractionState,m=e.submitInteractionAnswer,d=e.saveInteraction,f=a.a.useRef(),p=a.a.useRef();function v(){return!!f.current&&(!!c&&!!l)}a.a.useEffect((function(){v()&&window.setTimeout((function(){var e;v()&&(null===(e=f.current)||void 0===e||e.focus())}),600)}),[f.current]);var b=Rn(a.a.useState("question"),2),y=b[0],h=b[1],g=a.a.useMemo((function(){return Object(le.c)()}),[]),I=n?Yt(n.typeId,r):null,E=i;return t||(E=E&&(null==o?void 0:o.submitted)),a.a.createElement(a.a.Fragment,null,a.a.createElement(fn,Object.assign({optionsPortalNode:g,setView:h},e)),a.a.createElement(Zt.a,{style:{height:"100%"},ref:p},a.a.createElement(tn,Object.assign({},e)),!!n&&a.a.createElement("div",{className:"d-flex flex-column h-100"},a.a.createElement(cn,Object.assign({},e)),"question"===y&&a.a.createElement(a.a.Fragment,null,a.a.createElement("form",{className:"cv-timepoint flex-grow-1",tabIndex:-1,onSubmit:function(e){e.preventDefault(),t?d():m()}},a.a.createElement("div",{className:"cv-timepoint-padding"},a.a.createElement("div",{ref:f,tabIndex:0}),a.a.createElement(I,Object.assign({state:o,setState:u,recalculateScroll:function(){p.current.recalculate()},showFeedback:E,optionsPortalNode:g},e)))),a.a.createElement(mn,Object.assign({},e))),"move"===y&&a.a.createElement(In,Object.assign({back:function(){return h("question")}},e)),"reorder"===y&&a.a.createElement(Pn,Object.assign({back:function(){return h("question")},interactions:s.interactions},e)))))}n(1237);function _n(e){var t=e.open,n=e.nextInteraction,r=e.nextInteractionState,i=e.timepointState,o=e.interaction,c=n&&i.nextInteractionIndex<i.interactionIndex,l=n&&i.nextInteractionIndex>i.interactionIndex,s=l&&i.slideIn,u=c&&i.slideIn;return a.a.createElement("div",{className:"cv-interactive ".concat(t?"cv-open":"")},c&&a.a.createElement("div",{className:"cv-prev-interaction ".concat(i.slideIn?"cv-slide-in":"")},a.a.createElement(Fn,Object.assign({},e,{currentIndex:i.nextInteractionIndex,interaction:n,interactionState:r}))),a.a.createElement("div",{className:"\n        cv-main-slide\n        ".concat(s?"cv-slide-out-up":"","\n        ").concat(u?"cv-slide-out-down":"","\n        ").concat(n?"cv-transitioning":"","\n      ")},a.a.createElement(Fn,Object.assign({key:null==o?void 0:o.id},e,{currentIndex:i.interactionIndex,shouldFocus:o&&!c&&!l}))),l&&a.a.createElement("div",{className:"cv-next-interaction ".concat(i.slideIn?"cv-slide-in":"")},a.a.createElement(Fn,Object.assign({},e,{currentIndex:i.nextInteractionIndex,interaction:n,interactionState:r}))))}n(1238);function Mn(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=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Un(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 Un(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 Un(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Dn(e){var t=e.player,n=e.resultsService,r=e.interactive,i=e.setShowSummary,o=Mn(a.a.useState(!1),2),c=o[0],l=o[1];function s(){t.currentTime()>r.timepoints[r.timepoints.length-1].visibleAt/1e3+1?l(!0):l(!1)}return a.a.useEffect((function(){if(n)return t.on("timeupdate",s),function(){return t.off("timeupdate",s)}}),[]),c?a.a.createElement(ue.a,{className:"btn btn-outline-dark cv-show-summary",onClick:function(){i(!0),t.pause(),t.hide()}},"View summary"):null}var qn=n(1239),Bn=n.n(qn);function Vn(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=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Wn(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 Wn(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 Wn(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function $n(e){var t=e.duration,n=e.progress,r=e.player,i=Vn(a.a.useState(n.length),2)[1],o=[];if(n.length){var c=n[0];o.push(c),n.forEach((function(e,t){0!==t&&(c.end.time+1>e.start.time&&c.start.time<e.start.time?c.end=e.end:(c=e,o.push(c)))}))}return a.a.useEffect((function(){var e=function(){i(n.length)};return r.on("progressflush",e),function(){return r.off("progressflush",e)}}),[]),a.a.createElement(a.a.Fragment,null,o.map((function(e,n){var r=e.start.time/t*100,i=100*(1-e.end.time/t);return a.a.createElement("span",{key:n,className:Bn.a.progress,style:{left:"".concat(r,"%"),right:"".concat(i,"%")}})})))}var zn=n(1240),Hn=n.n(zn);function Kn(e){var t=e.interactive,n=e.duration;return n?a.a.createElement(a.a.Fragment,null,t.timepoints.map((function(t,r){if(!t.interactions.length)return a.a.createElement(a.a.Fragment,null);var i=C.a.getTypeInfo(t.interactions[0].typeId).bgClassName,o=t.visibleAt/1e3/n*100;return a.a.createElement("span",{key:r,className:"".concat(Hn.a.interaction," ").concat(i),style:{left:"".concat(o,"%")},onClick:function(n){return r=t.id,a=t.interactions[0].id,n.stopPropagation(),void e.goToTimepoint(r,a);var r,a}})}))):a.a.createElement(a.a.Fragment,null)}var Qn=n(148),Zn=n(1241),Yn=n.n(Zn);function Gn(e){var t=e.showSummary,n=e.setShowSummary,r=e.state,i=e.interactive,o=e.player,c=e.progress,l=e.portalNode,s=a.a.useRef();function u(){n(!1),o.show(),o.play()}function m(t,n){u(),e.goToTimepoint(t,n)}if(!l||!t)return a.a.createElement(a.a.Fragment,null);var d=0,f=0,p=0;i.timepoints.forEach((function(e){e.interactions.forEach((function(e){var t=r.interactions[e.id],n=jt(e.typeId)(t||{},e);n===nt.a.Correct&&d++,n!==nt.a.NotApplicable&&f++,n!==nt.a.NotApplicable&&(null==t?void 0:t.submitted)&&p++}))}));var v=o.ended(),b=o.duration();return a.a.createElement(le.a,{node:l},a.a.createElement("div",{className:"cursor-pointer my-4 ".concat(Yn.a.bar),onClick:function(e){if(s.current){var t=s.current.getBoundingClientRect(),n=(e.pageX-t.left)/t.width*b;u(),o.currentTime(n)}},ref:s},a.a.createElement($n,{duration:b,progress:c,interactive:i,player:o}),a.a.createElement(Kn,{duration:b,interactive:i,goToTimepoint:m})),a.a.createElement("div",{className:"d-flex justify-content-between"},a.a.createElement("span",null,i.immediateFeedback&&a.a.createElement("h2",{className:"h4 d-inline mr-3 mb-3"},"Score: ",d,"/",f),a.a.createElement("span",{className:"d-inline-block mb-3"},"You have answered ",a.a.createElement("strong",{className:p!==f?"text-danger":""},p)," of ",a.a.createElement("strong",null,f)," questions")),a.a.createElement("span",null,a.a.createElement(Qn.a,{svgName:ot.b.Play,className:"btn btn-outline-dark",onClick:function(){u(),o.ended()&&o.currentTime(0)}},v?"Play again":"Continue watching"))),a.a.createElement(Ht.a,{interactive:i,maxHeight:9999,getCorrectness:function(e){var t=r.interactions[e.id],n=jt(e.typeId)(t||{},e);return n===nt.a.NotApplicable||(null==t?void 0:t.submitted)?i.immediateFeedback||n!==nt.a.Correct&&n!==nt.a.Incorrect?n:nt.a.Answered:nt.a.UnAnswered},goToTimepoint:m}))}function Jn(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=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Xn(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 Xn(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 Xn(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function er(e){var t=e.resultsService,n=e.player,r=Jn(a.a.useState(!1),2),i=r[0],o=r[1];function c(){o(!0),n.hide()}return a.a.useEffect((function(){if(t)return n.on("ended",c),function(){return n.off("ended",c)}}),[]),a.a.createElement(a.a.Fragment,null,a.a.createElement(Dn,Object.assign({setShowSummary:o},e)),a.a.createElement(Gn,Object.assign({showSummary:i,setShowSummary:o},e)))}n(1242);var tr=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n};function nr(e){var t=e.player,n=e.track,r=e.mode,i=e.interactive,o=e.imageApi,l=e.questionListPortalNode,s=e.summaryPortalNode,u=e.resultsService,m=e.currentUser,d=e.progress,f=e.latestSession,p=function(e){var t=e.player,n=e.track,r=e.interactive,i=H(a.a.useState(!1),2),o=i[0],c=i[1],l=H(a.a.useState(null),2),s=l[0],u=l[1];function m(){var e=n.activeCues;if(!e.length)return c(!1),void u(null);var a=r.timepoints.find((function(t){return t.id.toString()===e[0].text.toString()}));if(!a)return c(!1),void u(null);a.shouldPause&&(t.seeking()?t.one("play",(function(){return t.pause()})):t.pause()),c(!0),u(a)}function d(e){for(var t=0;t<n.cues.length;t++){var r=n.cues[t];if(r.text.toString()===e.toString())return r}}return a.a.useEffect((function(){return n.addEventListener("cuechange",m),function(){return n.removeEventListener("cuechange",m)}})),{open:o,setOpen:c,timepoint:s,continueInteractive:function(){c(!1),t.play()},updateCue:function(e,t){var n=d(e);n.text=t.toString(),n.originalCue_.text=t.toString()},addCue:function(e){var r=t.currentTime();n.addCue({startTime:r,endTime:r+1,text:e}),n.trigger("cv:cuechange"),t.paused()&&n.trigger("cuechange")},removeCue:function(e){for(var t=0;t<n.cues.length;){var r=n.cues[t];if(r.startTime<=e&&r.endTime>=e){n.removeCue(r),n.trigger("cv:cuechange"),n.trigger("cuechange");break}t++}},moveTimepoint:function(e){var r=d(s.id);if(r){var a=e/1e3;r.startTime=a,r.endTime=a+1,t.currentTime(a+.5,!0),s.visibleAt=e,n.trigger("cv:cuechange")}}}}({player:t,track:n,interactive:i,mode:r}),v=p.open,b=p.timepoint,y=tr(p,["open","timepoint"]),h=Bt(Object.assign({mode:r,interactive:i,timepoint:b,player:t,resultsService:u,latestSession:f},y)),g=h.interaction,I=h.interactionState,E=h.nextInteraction,w=h.nextInteractionState,S=h.timepointState,C=h.state,k=tr(h,["interaction","interactionState","nextInteraction","nextInteractionState","timepointState","state"]);!function(e){var t,n=e.mode,r=e.player,i=e.timepoint,o=e.interaction,l=e.discardChanges,s=e.interactionState,u=e.timepointState,m=Object(Q.a)(),d=n===c.InteractiveMode.Create;a.a.useEffect((function(){if(d){if(Z(null==o?void 0:o.id)||(null==s?void 0:s.hasChanges)||(null==u?void 0:u.hasChanges))return m.lock({id:"interactive",title:"Are you sure you want to leave?",text:"Your interactive still has unsaved changes"}),void r.lock((function(e){l(e)}));r.unlock(),m.unlock("interactive")}}),[o,null==s?void 0:s.hasChanges,null===(t=null==i?void 0:i.interactions)||void 0===t?void 0:t.length,null==u?void 0:u.hasChanges])}({mode:r,player:t,timepoint:b,interaction:g,discardChanges:k.discardChanges,interactionState:I,timepointState:S});var x={mode:r,open:v,isCreate:r===z.a.Create,interaction:g,nextInteraction:E,timepoint:b,interactive:i,interactionState:I,nextInteractionState:w,timepointState:S,player:t};return a.a.createElement(a.a.Fragment,null,a.a.createElement(zt,Object.assign({},x,k)),a.a.createElement(_n,Object.assign({imageApi:o,currentUser:m,immediateFeedback:i.immediateFeedback},x,k,y)),a.a.createElement(er,Object.assign({state:C,portalNode:s,progress:d,resultsService:u},x,k)),a.a.createElement(Qt,Object.assign({portalNode:l},x,k)))}w.a.registerComponent("Interactive",Object($.a)((function(e,t){return a.a.createElement(nr,Object.assign({player:e},t))})));var rr=n(223),ar=n(226);function ir(e){var t=e.player;function n(){var e=t.getChild("ContinueSession");t.removeChild(e),e.dispose()}function r(){e.continue(!0),n()}var i=[{buttonText:"Start again",variant:"link",onClick:function(){e.continue(!1),n()}},{buttonText:"Continue",variant:"dark",onClick:r}];return a.a.createElement(rr.a,{title:"Continue interactive?",closePopup:r},a.a.createElement("p",null,"It looks like you've already started this interactive. Would you like to continue your attempt or start a new one?"),a.a.createElement(ar.a,{buttons:i}))}w.a.registerComponent("ContinueSession",Object($.a)((function(e,t){return a.a.createElement(ir,Object.assign({player:e},t))})));n(1243);function or(e){return(or="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function cr(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function lr(e,t){return(lr=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function sr(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=mr(e);if(t){var a=mr(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return ur(this,n)}}function ur(e,t){return!t||"object"!==or(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function mr(e){return(mr=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var dr=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&lr(e,t)}(i,e);var t,n,r,a=sr(i);function i(e,t){var n;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i),(n=a.call(this,e)).continueSession=!1,n.options=t,e.ready((function(){return n.initialize()})),n}return t=i,(n=[{key:"initialize",value:function(){var e=this;S.a.useTrack(this.player,"metadata","interactive",this.onTrackLoaded.bind(this)),this.player.addClass("cv-interactive-plugin"),this.options.resultsService&&!this.options.latestSession&&(this.startSession=this.startSession.bind(this),this.player.one("play",this.startSession),this.player.on("dispose",(function(){e.player.off("play",e.startSession)})))}},{key:"startSession",value:function(){var e,t=null===(e=this.options.latestSession)||void 0===e?void 0:e.resultId;this.continueSession||(t=null),this.options.resultsService.start(t)}},{key:"onTrackLoaded",value:function(e){var t=this;this.options.resultsService&&this.options.latestSession?(this.player.pause(),this.player.addChild("ContinueSession",{continue:function(n){t.continueSession=n,t.startSession(),t.addChildren(e),t.player.play()}})):this.addChildren(e)}},{key:"addChildren",value:function(e){this.player.addChild("Interactive",Object.assign(Object.assign({},this.options),{track:e,mode:this.options.mode||c.InteractiveMode.View,latestSession:this.continueSession&&this.options.latestSession})),this.player.controlBar.getChild("progressControl").getChild("SeekBar").addChild(new W(this.player,{interactive:this.options.interactive,track:e}))}}])&&cr(t.prototype,n),r&&cr(t,r),i}(w.a.getPlugin("plugin"));w.a.registerPlugin("viewInteractivePlugin",dr);var fr=n(23);function pr(e){return(pr="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function vr(e){return function(e){if(Array.isArray(e))return br(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 br(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 br(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 br(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function yr(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function hr(e,t,n){return(hr="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(e,t,n){var r=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=wr(e)););return e}(e,t);if(r){var a=Object.getOwnPropertyDescriptor(r,t);return a.get?a.get.call(n):a.value}})(e,t,n||e)}function gr(e,t){return(gr=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function Ir(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=wr(e);if(t){var a=wr(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return Er(this,n)}}function Er(e,t){return!t||"object"!==pr(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function wr(e){return(wr=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var Sr=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))},Cr=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&gr(e,t)}(o,e);var t,n,r,a=Ir(o);function o(e,t){var n;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,o),(n=a.call(this,e,t)).totalProgress=[],l.a.setToken("gateway",n.options.authToken),n.player.on("dispose",(function(){n.resultsService&&n.resultsService.stop()})),n.options.mode===c.InteractiveMode.Create&&n.player.addClass("cv-create-interactives"),n}return t=o,(n=[{key:"onFlushProgress",value:function(e){var t;hr(wr(o.prototype),"onFlushProgress",this).call(this,e),this.options.mode!==c.InteractiveMode.Create&&(t=this.totalProgress).push.apply(t,vr(e))}},{key:"additionalSetup",value:function(e){var t=this,n=Object.create(null,{additionalSetup:{get:function(){return hr(wr(o.prototype),"additionalSetup",t)}}});return Sr(this,void 0,void 0,regeneratorRuntime.mark((function t(){var r,a=this;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:n.additionalSetup.call(this,e),this.track=this.player.addTextTrack("metadata","interactive"),(r=e.additionalData.interactive).timepoints.forEach((function(e){var t,n=e.visibleAt/1e3,r=e.visibleFor?n+e.visibleFor/1e3:n+1;(null===(t=e.interactions)||void 0===t?void 0:t.length)&&a.track.addCue({startTime:n,endTime:r,text:e.id})})),this.options.collectResults&&(this.options.currentUser||i.a.ErrorHelper.throw(new fr.a("Must provide a currentUser in order to collect interactive results")),this.resultsService=new E({interactiveId:r.id,mediaId:e.mediaId,userId:this.options.currentUser.id,playerApi:this.options.playerApi})),this.player.viewInteractivePlugin({interactive:r,mode:this.options.mode,imageApi:this.options.imageApi,resultsService:this.resultsService,questionListPortalNode:this.options.questionListPortalNode,summaryPortalNode:this.options.summaryPortalNode,currentUser:this.options.currentUser,latestSession:e.additionalData.latestSession,progress:this.totalProgress});case 6:case"end":return t.stop()}}),t,this)})))}},{key:"getSeekBarOptions",value:function(){return{ignoreChapters:!0}}},{key:"getAnalyticsPlayerType",value:function(){return"interactive-player"}}])&&yr(t.prototype,n),r&&yr(t,r),o}(o.a);n.d(t,"a",(function(){return xr}));var kr=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n};function xr(e){var t=e.onReady,n=e.className,r=kr(e,["onReady","className"]),i=a.a.useRef();return a.a.useEffect((function(){var e=new Cr(i.current,r);t&&e.ready((function(){t(e)}))}),[]),a.a.createElement(a.a.Fragment,null,a.a.createElement("div",{ref:i,className:n}),a.a.createElement("div",{id:"popup-region"}))}},1146:function(e,t,n){"use strict";n.d(t,"a",(function(){return s}));var r=n(0),a=n.n(r),i=n(109),o=n(281),c=n(1203),l=n.n(c);function s(e){var t,n,r;if(!e.owner&&!e.isClickViewContent)return a.a.createElement(a.a.Fragment,null);if(e.isClickViewContent)return a.a.createElement("small",{className:"clamp-1 d-flex align-items-center"},a.a.createElement("div",{className:"svg-container sm ml-n1 ".concat(l.a.cvIcon)},a.a.createElement(o.b,null)),a.a.createElement("em",null,a.a.createElement(i.b,{namespace:"shared.videoOwnerText",phrase:"clickViewContent"})));var c=e.owner.name;e.owner.surname&&(c+=" ".concat(e.owner.surname.substr(0,1)).toUpperCase());var s=null===(n=null===(t=e.owner.customers)||void 0===t?void 0:t.data)||void 0===n?void 0:n[0],u=null!==(r=null==s?void 0:s.name)&&void 0!==r?r:"";return u&&(c+=", "),a.a.createElement("small",{className:"clamp-1"},c,u&&a.a.createElement("em",null,u))}},1202:function(e,t,n){"use strict";n.d(t,"a",(function(){return v}));var r=n(0),a=n.n(r),i=n(61),o=n(53),c=n(1016),l=n(1004),s=n(109),u=n(1146),m=n(54),d=n(1204),f=n.n(d),p=n(1),v=a.a.memo((function(e){var t,n=Object.assign(Object.assign({},e.appLink),{args:[e.data.id,i.a.slugify(e.data.name)]}),r=Object.assign(Object.assign({},e.questionsAppLink),{args:[e.data.id]});return a.a.createElement("div",{className:"flex-shrink-0 px-1 ".concat(f.a.item)},a.a.createElement("div",{className:"row m-0 border rounded p-2 h-100"},a.a.createElement("div",{className:"col-6 p-0"},a.a.createElement(c.a,{video:e.data,appLink:n,type:"static",imageOptions:{size:m.b.Small},textPosition:l.a.Independent,preload:!0,analyticsOptions:{location:p.LocationContext.SlidingListItem}})),a.a.createElement("div",{className:"col-6 p-0"},a.a.createElement("div",{className:"pl-2"},a.a.createElement(o.a,{appLink:n},a.a.createElement("h3",{className:"h6 mb-1 clamp-2"},e.data.name)),a.a.createElement(u.a,{owner:e.data.owner,isClickViewContent:null===(t=e.data._isClickViewContent)||void 0===t?void 0:t.value}),a.a.createElement(o.a,{className:"info-link",appLink:r},a.a.createElement(s.b,{namespace:"shared.interactiveWidgetItem",phrase:"previewQuestions"}))))))}))},1203:function(e,t,n){e.exports={cvIcon:"_1YOaq"}},1204:function(e,t,n){e.exports={item:"_2An5o",thumbnail:"Wvc5s",smallItemIconWidth:"_2IdDd",smallItemInfoWidth:"_1Iat7",smallProgressBarContainer:"_17I8T"}},1212:function(e,t,n){},1213:function(e,t,n){},1214:function(e,t,n){},1215:function(e,t,n){},1225:function(e,t,n){},1226:function(e,t,n){},1227:function(e,t,n){},1228:function(e,t,n){},1229:function(e,t,n){},1230:function(e,t,n){e.exports={svg:"_17Ny-",iconButton:"x1ePL",iconWithText:"_2BmJR",iconOnly:"_2DnLq"}},1232:function(e,t,n){},1233:function(e,t,n){},1234:function(e,t,n){},1235:function(e,t,n){},1236:function(e,t,n){e.exports={type:"_3N9_3",name:"_3s8vL",dragging:"_1qnqN"}},1237:function(e,t,n){},1238:function(e,t,n){},1239:function(e,t,n){e.exports={progress:"_1myQT"}},1240:function(e,t,n){e.exports={interaction:"_3SUOU"}},1241:function(e,t,n){e.exports={bar:"_2pc-n"}},1242:function(e,t,n){},1243:function(e,t,n){},1253:function(e,t,n){"use strict";n.d(t,"a",(function(){return c}));var r=n(0),a=n.n(r),i=n(1254),o=n.n(i);function c(e){var t=e.isEdit;return a.a.createElement("div",{className:"px-3 w-100 ".concat(t?o.a.edit:"")},t?a.a.createElement("div",{className:"d-flex justify-content-between align-items-center mb-3"},a.a.createElement("div",{className:"partial-loading-background ".concat(o.a.heading)}),a.a.createElement("div",null,a.a.createElement("div",{className:"partial-loading-background d-inline-block ".concat(o.a.button)}),a.a.createElement("div",{className:"partial-loading-background d-inline-block ml-2 ".concat(o.a.button)}))):a.a.createElement("div",{className:"partial-loading-background ".concat(o.a.notice)}),a.a.createElement("div",{className:"partial-loading-background mb-3 ".concat(o.a.video)},a.a.createElement("div",{className:"partial-loading-background ".concat(o.a.questions)})),a.a.createElement("div",{className:"partial-loading-background mb-3 ".concat(o.a.heading)}),a.a.createElement("div",null,Array(5).fill(null).map((function(e,t){return a.a.createElement("div",{key:t,className:"partial-loading-background my-2 ".concat(o.a.interaction)})}))))}},1254:function(e,t,n){e.exports={video:"_3LBoh",notice:"_3Ebra",heading:"_3dAbk",interaction:"_2rGzr",button:"_21cTi",edit:"_28OGp",questions:"_1SVHi"}},1712:function(e,t,n){"use strict";n.r(t),n.d(t,"PreviewInteractiveView",(function(){return F}));var r=n(0),a=n(199),i=n(17),o=n(10),c=n(327),l=n(61),s=n(69),u=n(1),m=n(998),d=n(150),f=n(53),p=n(1202),v=n(1061),b=n(109),y=n(1084),h=n(978),g=n(40),I=n(60),E=n(30),w=n(1130),S=n(9),C=n(7),k=n(986),x=n(328),O=n(55),N=n(341),T=n(1253),j=n(282),A=n(81);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 n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return R(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 R(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 R(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var L=o.a.encloseNamespace("shared.previewInteractive");function F(e){var t,n,o,R=P(r.useState(!1),2),F=R[0],_=R[1],M=r.useRef(),U=Object(A.a)(g.a.XS),D=i.a.useBasicFetch(d.a.config()),q=i.a.useBasicFetch(k.a.interactiveMetadata(e.id)),B=i.a.useBasicFetch(q.data?x.a.video(q.data.video.id):null),V=i.a.useBasicFetch(q.data?m.a.createViewKey(q.data.id):null),W=i.a.useBasicFetch(q.data?k.a.interactive(q.data.interactiveId):null),$=i.a.useBasicFetch(I.a.currentUser()),z=r.useMemo((function(){return Object(a.c)()}),[]),H=P(Object(s.a)(O.a.WEB_PLAYER_DATA),2)[1],K=r.useRef();if(r.useEffect((function(){H("allowFloatingPlayer",!1)}),[]),Object(c.a)(null===(t=q.data)||void 0===t?void 0:t.name),!(V.data&&D.data&&q.data&&W.data&&B.data&&$.data))return r.createElement(T.a,{isEdit:!1});var Q=null===(o=null===(n=B.data.interactives)||void 0===n?void 0:n.data)||void 0===o?void 0:o.filter((function(t){return t.id.toString()!==e.id.toString()})),Z={application:C.a.DEFAULT,action:S.a.Default.PLAY_VIDEO,args:[B.data.id,l.a.slugify(B.data.name)]},Y=q.data.status===j.a.Draft,G=function(e){var t=e.interactive,n=e.video,r=e.currentUser,a=e.isMobile,i=Object.assign(Object.assign({},t),{video:Object.assign(Object.assign({},n),{interactives:null})}),o={label:L("editInteractive"),svgName:E.b.Edit,appLink:{application:C.a.INTERACTIVES,action:S.a.Interactives.EDIT_INTERACTIVE,args:[t.id]},button:!a,className:"btn btn-outline-dark mr-2",analyticsData:i,analyticsOptions:{entity:u.EntityType.Interactive,actionType:u.UserAction.Edit,location:u.LocationContext.PreviewInteractive,workflowPhase:u.WorkflowPhase.Start}},c=Object.assign(Object.assign({},o),{appLink:{application:C.a.INTERACTIVES,action:S.a.Interactives.UNPUBLISH_INTERACTIVE,args:[t.id]}}),l={label:L("share"),svgName:E.b.Share2,appLink:{application:C.a.INTERACTIVES,action:S.a.Interactives.SHARE_INTERACTIVE,args:[t.id]},button:!a,className:"btn btn-outline-dark mr-2",analyticsData:i,analyticsOptions:{entity:u.EntityType.Interactive,actionType:u.UserAction.Share,location:u.LocationContext.PreviewInteractive,workflowPhase:u.WorkflowPhase.Start}},s={label:L("printAsWorksheet"),appLink:{application:C.a.INTERACTIVES,action:S.a.Interactives.PRINT_QUESTIONS,args:[t.id]},analyticsData:i,analyticsOptions:{entity:u.EntityType.Interactive,actionType:u.UserAction.Print,location:u.LocationContext.PreviewInteractive,workflowPhase:u.WorkflowPhase.Start}},m={label:L("copyInteractive"),appLink:{application:C.a.INTERACTIVES,action:S.a.Interactives.COPY_INTERACTIVE,args:[t.id]},analyticsData:i,analyticsOptions:{entity:u.EntityType.Interactive,actionType:u.UserAction.Copy,location:u.LocationContext.PreviewInteractive,workflowPhase:u.WorkflowPhase.Start}},d=[l,s];return r.id===t.owner.id&&(d.unshift(t.status===j.a.Draft?o:c),d.push(m)),d}({interactive:q.data,currentUser:$.data,video:B.data,isMobile:U});return r.createElement(b.a.Provider,{value:"shared.previewInteractive"},r.createElement(r.Fragment,null,!F&&r.createElement(T.a,{isEdit:!0}),r.createElement("div",{className:"px-3 ".concat(F?"":"d-none")},r.createElement("div",{className:"alert alert-info",role:"alert"},"You are previewing this interactive, results will not be collected."),r.createElement("div",{className:"mb-3"},r.createElement(w.a,{viewKey:V.data.viewKey,imageApi:new URL(D.data.imageCdnUrl),playerApi:new URL(D.data.playerApiUrl),hotkeyElQuerySelector:"body",autoplay:!0,onReady:function(t){var n;M.current=t,_(!0),K.current=new N.a({player:t,type:"interactive",videoId:null===(n=B.data)||void 0===n?void 0:n.id,mediaId:e.id,analyticsLocation:u.LocationContext.PreviewInteractive})},currentUser:$.data,questionListPortalNode:z})),r.createElement("div",{className:"d-flex justify-content-between align-items-center pb-3"},r.createElement("div",null,r.createElement("h1",{className:"h3 d-inline-block m-0 mb-2"},Y&&r.createElement("span",{className:"badge badge-secondary mr-2"},"Draft"),q.data.name),r.createElement("div",null,r.createElement(b.b,{phrase:"backTo"}),": ",r.createElement(f.a,{appLink:Z,className:"text-info"},q.data.video.name))),r.createElement(h.a,{actions:G,actionsDropdownClassName:"btn btn-outline-dark"})),q.data.description&&r.createElement("p",null,q.data.description),r.createElement(a.b,{node:z}),!!(null==Q?void 0:Q.length)&&r.createElement("div",{className:"my-3"},r.createElement(v.a,{name:L("otherInteractives",{count:Q.length}),contents:y.a.Interactives,collection:Q,prefetched:!0,childAppLink:{application:C.a.DEFAULT,action:S.a.Interactives.PREVIEW_INTERACTIVE},childComponent:function(e){return r.createElement(p.a,Object.assign({video:B.data,questionsAppLink:{application:C.a.DEFAULT,action:S.a.Interactives.PREVIEW_QUESTIONS}},e))},analyticsData:{widgetId:"interactives"}})))))}},978:function(e,t,n){"use strict";n.d(t,"a",(function(){return l}));var r=n(0),a=n(148),i=n(983),o=n(334),c=n(110);function l(e){var t=r.useMemo((function(){return e.actions.sort((function(e,t){return e.order-t.order}))}),[e.actions]),n=[],l=[];t.forEach((function(e){e.button?n.push(e):l.push(e)}));var s="d-flex";return e.className&&(s+=" ".concat(e.className)),n.length||l.length?r.createElement("div",{className:s},r.createElement(r.Fragment,null,r.createElement("span",{className:"d-flex align-items-center"},n.length?n.map((function(e,t){return r.createElement(r.Fragment,{key:t},function(){if(e.label)return r.createElement(o.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);var t=r.createElement(a.a,{appLink:e.appLink,onClick:e.onClick,svgName:e.svgName,className:e.className,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions});return e.tooltip?r.createElement(c.a,{title:e.tooltip,spanHack:!0},t):t}())})):r.createElement(r.Fragment,null),e.sortComponent&&e.sortComponent,l.length?r.createElement(i.a,{actions:l,dropdownToggleClassName:e.actionsDropdownClassName}):r.createElement(r.Fragment,null)))):r.createElement(r.Fragment,null)}},998:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var r=n(22),a={createViewKey:function(e){return{url:"/api/player/create-view-key",key:"view:key:".concat(e),type:r.a.POST,data:{mediaId:e.toString()},expiryTime:1/0}}}}}]);

package/dist/scripts/25-e45f019169.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[25],{1e3:function(t,e,n){"use strict";n.d(e,"a",(function(){return i}));var a=n(0),r=n(42);function i(t,e,n){var i=function(){n||(window.innerHeight+document.documentElement.scrollTop<document.documentElement.scrollHeight-400||t())};Object(a.useEffect)((function(){var t=r.a.throttle(i,200);return e&&window.addEventListener("scroll",t),function(){return window.removeEventListener("scroll",t)}}),[e,t])}},1001:function(t,e,n){"use strict";n.d(e,"a",(function(){return s}));var a=n(0),r=n(31),i=n(65),o=n(30),c=n(1002),l=n.n(c);function s(t){return a.createElement("div",{className:"p-3 text-center ".concat(l.a.container)},t.isFetching?a.createElement(r.Spinner,{as:"span",animation:"border",role:"status",className:l.a.spinner}):a.createElement(i.a,{svgName:o.b.ChevronDown,className:"svg-container cursor-pointer",size:i.b.Large,onClick:t.onClick}))}},1002:function(t,e,n){t.exports={container:"_1_KC6",spinner:"VXlcl"}},1039:function(t,e,n){"use strict";n.d(e,"a",(function(){return l}));var a=n(44),r=n(59),i=/([0-9]+)/gi,o=/(^\w+)/gi,c=/\s|\+/gi;var l={getSortedPresentationAudiences:function(t,e){var n=t.map((function(t){return t.id.toString()}));return e.filter((function(t){return n.includes(t.masterId.toString())}))},getMergedPresentationAudienceString:function(t){return 1===t.length?t[0]:!!t.find((function(t){return t.name.match(i)}))?l.mergeAudienceNamesWithNumbers(t):l.mergeAudienceNamesWithoutNumbers(t)},mergeAudienceNamesWithNumbers:function(t){var e=t.map((function(t){return t.name})).join(","),n=e.match(i),a=e.match(o);if(!a||!n)return t[0];var r=function(t){var e,n,a,r,i=!1,o=[];for(t=t.sort((function(t,e){return t-e})),a=0;a<t.length;a++)r=a+1,i||(e=t[a]),n=t[r],t[a]+1===n?i=!0:i?(o.push("".concat(e," - ").concat(t[a])),i=!1):(o.push("".concat(t[a])),i=!1);return o}(n.map((function(t){return+t}))||[]),c=a[0];return{name:"".concat(c," ").concat(r.join(" , "))}},mergeAudienceNamesWithoutNumbers:function(t){var e=t.map((function(t){return t.name})),n={};e.forEach((function(t,e){if(0!==e){var a=t.split(" ");Object.keys(n).forEach((function(t){a.includes(t)||delete n[t]}))}else{t.split(" ").forEach((function(t,e){n[t]=0===e?"start":"end"}))}}));var a=Object.keys(n)[0],r=n[a];if(!a)return t[0];var i=t[0].name,o=t[t.length-1].name,c=function(t){return t.split(a)[0]},l="".concat(c(i)," - ").concat(c(o));return{name:"start"===r?"".concat(a," ").concat(l):"".concat(l," ").concat(a)}},sortMembersWithDuplicateNamesByAudience:function(t){var e=function(t){return t.length?(t.forEach((function(t){var r=+a.a.first(t.name.match(i));if(!e)return e=t,void(n=r);r<n&&(e=t)})),e):null;var e,n},n={},r=[];return t.forEach((function(t){if(!n[t.name])return n[t.name]=1,void r.push(t);r.push(t),n[t.name]++;var a=r.splice(r.length-n[t.name]).sort((function(t,n){var a=e(t.subjectPresentationAudiences.data),r=e(n.subjectPresentationAudiences.data);if(!a&&r)return 1;if(!r)return-1;var i=a.name.localeCompare(r.name);return 0===i?i:i>0?-1:1}));r=r.concat(a)})),r},getActiveAudiencesFromParams:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(r.a.isObject(e)&&!r.a.isEmpty(e)&&t&&t.length){var n=e.a;if(n){"string"==typeof n&&(n=[n]);var a=function(t){return t.replace(c,"").toLowerCase()},i=n.reduce((function(t,e){return t[a(e)]=e,t}),{});return t.filter((function(t){return i[a(t.name)]})).reduce((function(t,e){return t[e.masterId]=e,t}),{})}}},getAudienceParams:function(t){if(!t||!r.a.isObject(t)||r.a.isEmpty(t))return null;var e=Object.keys(t);return e.length?{a:e.map((function(e){return t[e].name}))}:null}}},1041:function(t,e,n){"use strict";n.d(e,"a",(function(){return r}));var a=n(0);n(1121);function r(t){return t.audience?a.createElement("div",{className:"audience-label border rounded-pill d-inline-block px-2 mt-1 text-nowrap ".concat("border-"+t.border)},t.audience.name):a.createElement(a.Fragment,null)}},1042:function(t,e,n){"use strict";n.d(e,"a",(function(){return o}));var a=n(0),r=n.n(a),i=n(1039);function o(t,e){var n=r.a.useMemo((function(){return t&&e?i.a.getSortedPresentationAudiences(t,e):null}),[t]);return r.a.useMemo((function(){return n?i.a.getMergedPresentationAudienceString(n):null}),[n])}},1054:function(t,e,n){"use strict";n.d(e,"a",(function(){return a}));var a=["bg-pink","bg-orange","bg-green","bg-cyan","bg-teal","bg-blue","bg-indigo","bg-purple"]},1070:function(t,e,n){"use strict";function a(t,e){return e[t.name.charCodeAt(0)%e.length]}n.d(e,"a",(function(){return a}))},1071:function(t,e,n){t.exports={playlistItem:"_6o0Z2",playlistItemGradient:"_2JLPt",playlistMetadata:"_3MCKL",playlistName:"_1Ukz7",partialHeading:"_13tO6",ownerAvatarContainer:"CwjTl"}},1074:function(t,e,n){"use strict";var a=n(0),r=n(130),i=n(10),o=n(102),c=n(54),l=n(109),s=n(53),u=n(280),d=n(999),p=n(1041),f=n(331),m=n(330),y=n(281),v=n(1122);function g(){return a.createElement("div",{className:v.avatar},a.createElement(y.b,null))}function b(t){var e,n,r,i=t.playlist._liteOwner;if(null===(e=t.playlist._isClickViewPlaylist)||void 0===e?void 0:e.value)return a.createElement(g,null);if(!(null==i?void 0:i.id)||!(null===(n=t.currentUser)||void 0===n?void 0:n.id))return a.createElement(a.Fragment,null);if(i.id.toString()===t.currentUser.id.toString())return a.createElement(a.Fragment,null);var o="string"==typeof i.avatar?i.avatar:null===(r=i.avatar)||void 0===r?void 0:r.url;return a.createElement(f.a,{imageUrl:o,imageCdnUrl:t.imageCdnUrl,initials:m.a.getInitials(i.name,i.surname)})}var h=n(1070),w=n(1042),E=n(1),P=n(1071),k=n.n(P);n.d(e,"a",(function(){return S}));var C=i.a.encloseNamespace("playlists.playlistItem");function S(t){var e,n,i=o.a.createUrl(t.data.cover&&t.data.cover.url,{size:c.b.Medium,resizeType:c.d.Cover}),f=t.data.subjectPresentationAudiences&&t.data.subjectPresentationAudiences.data,m=Object(w.a)(f,t.presentationAudiences),y=!!t.showCount&&!!t.data.videos&&t.data.videos.count,v=!!t.showLastUpdated&&t.data.contentModifiedDate&&r.utc(t.data.contentModifiedDate),g=k.a.playlistItem,P=!!i||!!t.showFallbackImage;P&&(g+=" ".concat(k.a.playlistItemGradient)),!P&&t.bgColourClassNames&&(g+=" ".concat(k.a.playlistItem," ").concat(Object(h.a)(t.data,t.bgColourClassNames)));var S=Object.assign(Object.assign({},t.analyticsData),{id:null===(e=t.data)||void 0===e?void 0:e.id,name:null===(n=t.data)||void 0===n?void 0:n.name}),N=Object.assign(Object.assign({},t.analyticsOptions),{entity:E.EntityType.Playlist});return a.createElement(l.a.Provider,{value:"playlists.playlistItem"},a.createElement(s.a,{appLink:t.appLink,analyticsData:S,analyticsOptions:N},a.createElement(u.b,{data:i,className:g},!!t.showFallbackImage&&a.createElement(d.a,{type:d.b.Playlist}),a.createElement("div",{className:"text-white ".concat(k.a.playlistMetadata)},Number.isInteger(y)&&a.createElement(l.b,{phrase:"videos",options:{smartCount:y}}),a.createElement("h5",{className:"".concat(k.a.playlistName," text-shadow mb-0")},t.data.name),!!f&&!!f.length&&!!m&&a.createElement(p.a,{audience:m,border:"white"}),function(){if(!v)return a.createElement(a.Fragment,null);var t=v.isBefore(r.utc().subtract(1,"month"))?C("notUpdatedRecently"):C("lastUpdated",{timeAgo:v.fromNow()});return a.createElement("p",{className:"mb-0"},t)}()),!!t.showOwner&&!!t.imageCdnUrl&&a.createElement("div",{className:k.a.ownerAvatarContainer},a.createElement(b,{playlist:t.data,currentUser:t.currentUser,imageCdnUrl:t.imageCdnUrl})))))}},1097:function(t,e,n){t.exports={baseFallbackContainer:"_1wRjB",svgFallbackContainer:"_2t1jq",subjectFallbackContainer:"_12D74",videoFallback:"_6BPy-",subjectFallback:"_2Srdd",playlistFallback:"_1slQX",posterFallback:"i0o8n",fallbackThumbnailImage:"_2L_tV"}},1120:function(t,e,n){"use strict";n.d(e,"a",(function(){return r}));var a=function(){return"/api/domain/v1/subjects/audiences?type=subject"},r={presentationAudiences:function(){return{bootstrapName:"presentationAudiences",url:a(),key:"presentation:audiences",normalize:!1,expiryTime:1/0}}}},1121:function(t,e,n){t.exports={audienceLabelListItem:"_2YGVO"}},1122:function(t,e,n){t.exports={avatar:"_1IfFN"}},1162:function(t,e,n){"use strict";n.d(e,"a",(function(){return l}));var a=n(0),r=n(31),i=n(1),o=n(1074),c={actionType:i.UserAction.Click,entity:i.EntityType.Playlist,location:i.LocationContext.PlaylistListItem,descriptor:i.ClickDescriptor.Cover};function l(t){return a.createElement(r.Row,null,t.playlists.map((function(e){return a.createElement(r.Col,{key:e.id,xs:6,sm:4,lg:3,className:"mb-3 ".concat(t.itemContainerClassName?t.itemContainerClassName:"")},a.createElement(o.a,{data:e,appLink:t.getPlaylistAppLink(e),imageCdnUrl:t.imageCdnUrl,currentUser:t.currentUser,presentationAudiences:t.presentationAudiences,bgColourClassNames:t.bgColourClassNames,showCount:t.showCount,showOwner:t.showOwner,showFallbackImage:t.showFallbackImage,showLastUpdated:t.showLastUpdated,analyticsData:t.analyticsData,analyticsOptions:Object.assign(Object.assign({},t.analyticsOptions),c)}))})))}},1163:function(t,e,n){"use strict";n.d(e,"a",(function(){return s}));var a=n(0),r=n(31),i=n(1071),o=n.n(i);function c(t){return function(t){if(Array.isArray(t))return l(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 l(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return l(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 l(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,a=new Array(e);n<e;n++)a[n]=t[n];return a}function s(t){var e=c(Array(t.numItems)),n=t.itemClassName||"";return a.createElement(a.Fragment,null,t.showHeading&&a.createElement("div",{className:"".concat(o.a.partialHeading," partial-loading-background")}),a.createElement(r.Row,null,e.map((function(t,e){return a.createElement(r.Col,{key:e,xs:6,sm:4,lg:3,className:n},a.createElement("div",{className:"py-2"},a.createElement("div",{className:"".concat(o.a.playlistItem," partial-loading-background")})))}))))}s.defaultProps={numItems:8}},1742:function(t,e,n){"use strict";n.r(e);var a=n(0),r=n.n(a),i=n(77),o=n(44),c=n(10),l=n(17),s=n(987),u=n(1120),d=n(150),p=n(60),f=n(1e3),m=n(327),y=n(997),v=n(1162),g=n(1163),b=n(1001),h=n(969),w=n(989),E=n(109),P=n(42),k=n(1),C=n(131),S=n(53);function N(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var O="playlists.playlistSortSelect",j=P.a.memoize((function(){var t;return N(t={},C.a.RecentlyUpdated,{name:c.a.getPhrase(O,"recentlyUpdated")}),N(t,C.a.AtoZ,{name:c.a.getPhrase(O,"atoz")}),N(t,C.a.ZtoA,{name:c.a.getPhrase(O,"ztoa")}),N(t,C.a.Newest,{name:c.a.getPhrase(O,"newest")}),N(t,C.a.Oldest,{name:c.a.getPhrase(O,"oldest")}),t}));function I(t){var e=t.type,n=t.getSortAppLink,r=t.variant,i=j();return a.createElement("div",{className:"dropdown"},a.createElement("a",{className:"btn btn-".concat(r," ml-2 dropdown-toggle"),type:"button",id:"sort-select","data-toggle":"dropdown","aria-haspopup":"true","aria-expanded":"false"},i[e].name),a.createElement("div",{className:"dropdown-menu dropdown-menu-right","aria-labelledby":"sort-select"},Object.values(C.a).map((function(t){var r="dropdown-item";return t===e&&(r+=" active"),a.createElement(S.a,{key:t,className:r,appLink:n(t),analyticsData:{sort:i[t].name},analyticsOptions:{location:k.LocationContext.PlaylistListHeader,entity:k.EntityType.Playlists,actionType:k.UserAction.Sort,workflowPhase:k.WorkflowPhase.Complete}},i[t].name)}))))}I.defaultProps={variant:"light"};var A=n(30),L=n(978),T=n(111),x=n(174),F=n(393),_=n(7),U=n(9),D=n(1054),V=n(976),M=n(225);function R(){return r.a.createElement(E.a.Provider,{value:"playlists.playlistsEmptyState"},r.a.createElement(V.a,null,r.a.createElement(V.a.Image,{src:M.a.EmptyStates.Playlists.PLAYLISTS}),r.a.createElement(V.a.Heading,null,r.a.createElement(E.b,{phrase:"heading"})),r.a.createElement(V.a.Info,null,r.a.createElement(E.b,{phrase:"info"})),r.a.createElement(V.a.Cta,{text:c.a.getPhrase("playlists.playlistsEmptyState","cta"),icon:A.b.Plus,appLink:{application:_.a.PLAYLISTS,action:U.a.Playlists.NEW_PLAYLIST}})))}n.d(e,"PlaylistsView",(function(){return H}));function B(t){return{application:_.a.PLAYLISTS,action:U.a.Playlists.HOME,params:{sort:t}}}function H(t){var e=Object(i.useDispatch)(),n=Object(x.a)().hasPermissions,r=l.a.useBasicFetch(d.a.config()),P=l.a.useBasicFetch(p.a.currentUser()),C=l.a.useBasicFetch(u.a.presentationAudiences()),S=!!P.data&&F.a.getOrSetSortType(P.data.id,t.sort),N=!!S&&function(t){return s.a.getUserPlaylists(new h.a(S,t,w.a.All))},O=!!N&&function(t){l.a.getFetch(e,N(t))()},j=Object(y.a)((function(t){return N(t).key}));Object(m.a)(c.a.getPhrase("playlists.playlists","title")),Object(f.a)((function(){return O(j.nextCursor)}),!!j.nextCursor,j.isFetching),a.useEffect((function(){j.shouldInitialFetch&&O&&O()}),[j.shouldInitialFetch,O]);var V=n(T.a.CreatePlaylists)?[{label:c.a.getPhrase("playlists.playlists","newPlaylist"),appLink:{application:_.a.PLAYLISTS,action:U.a.Playlists.NEW_PLAYLIST},svgName:A.b.Plus,className:"btn btn-outline-dark",button:!0,analyticsData:{},analyticsOptions:{location:k.LocationContext.Banner,entity:k.EntityType.Playlist,workflowPhase:k.WorkflowPhase.Start,actionType:k.UserAction.Create}}]:[];return o.a.isEmpty(j.items)?a.createElement(R,null):a.createElement("div",{className:"bg-white px-3"},a.createElement("div",{className:"d-flex justify-content-between"},a.createElement("h1",null,a.createElement(E.b,{namespace:"playlists.playlists",phrase:"title"})),!!S&&a.createElement("div",null,a.createElement(L.a,{actions:V,sortComponent:a.createElement(I,{variant:"outline-dark",type:S,getSortAppLink:B})}))),j.items&&P.data&&r.data&&(C.data||C.hasError)?a.createElement(v.a,{playlists:j.items,getPlaylistAppLink:t.getPlaylistAppLink,imageCdnUrl:r.data.imageCdnUrl,currentUser:P.data,presentationAudiences:C.data||[],bgColourClassNames:D.a,itemContainerClassName:"columns-of-five",showCount:!0,showOwner:!0,showLastUpdated:!0}):a.createElement(g.a,{itemClassName:"columns-of-five"}),!!j.items&&!(!j.nextCursor&&!j.isFetching)&&a.createElement(b.a,{isFetching:j.isFetching,onClick:function(){return O(j.nextCursor)}}))}},969:function(t,e,n){"use strict";n.d(e,"a",(function(){return f}));var a=n(329),r=n(131),i=n(989);function o(t){return(o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function c(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function l(t,e){for(var n=0;n<e.length;n++){var a=e[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}function s(t,e){return(s=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function u(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,a=p(t);if(e){var r=p(this).constructor;n=Reflect.construct(a,arguments,r)}else n=a.apply(this,arguments);return d(this,n)}}function d(t,e){return!e||"object"!==o(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function p(t){return(p=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var f=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&s(t,e)}(d,t);var e,n,a,o=u(d);function d(){var t,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:r.a.Newest,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:i.a.OwnedByMe;return c(this,d),(t=o.call(this,{collectionPrefix:"user:playlists",cursor:n,sort:e})).type=a,t}return e=d,(n=[{key:"toString",value:function(){return[this.collectionPrefix,this.sort,this.cursor,this.type].filter(Boolean).join(":")}}])&&l(e.prototype,n),a&&l(e,a),d}(a.BaseCollectionIdentifier)},972:function(t,e,n){"use strict";var a=n(973);n.o(a,"PlaylistVideoCollectionIdentifier")&&n.d(e,"PlaylistVideoCollectionIdentifier",(function(){return a.PlaylistVideoCollectionIdentifier}))},973:function(t,e){},976:function(t,e,n){"use strict";var a=n(0),r=n.n(a),i=n(981),o=n.n(i);function c(t){return r.a.createElement("img",{alt:"",role:"presentation",src:t.src,className:o.a.image})}var l=n(4),s=n(148),u=n(42);function d(t){if(!t.icon){return r.a.createElement("button",{onClick:function(){u.a.isFunction(t.onClick)&&t.onClick(),t.appLink&&l.a.AppLinkHelper.trigger(t.appLink)},className:"btn btn-dark"},t.text)}return r.a.createElement(s.a,{className:"btn btn-dark",onClick:t.onClick,appLink:t.appLink,svgName:t.icon},t.text)}n.d(e,"a",(function(){return p}));var p=function(t){return r.a.createElement("div",{className:"text-center pt-5 d-flex flex-column align-items-center"},t.children)};p.Image=function(t){return r.a.createElement(c,Object.assign({},t))},p.Cta=function(t){return r.a.createElement(d,Object.assign({},t))},p.Heading=function(t){return r.a.createElement("h2",{className:t.className||"h6"},t.children)},p.Info=function(t){return r.a.createElement("p",{className:t.className||"mb-3 w-33"},t.children)}},977:function(t,e,n){"use strict";n(969);function a(t){return(a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function r(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function i(t,e){return(i=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function o(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,a=l(t);if(e){var r=l(this).constructor;n=Reflect.construct(a,arguments,r)}else n=a.apply(this,arguments);return c(this,n)}}function c(t,e){return!e||"object"!==a(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function l(t){return(l=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var s=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&i(t,e)}(n,t);var e=o(n);function n(t){var a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return r(this,n),e.call(this,{collectionPrefix:"playlist:videos",id:t,cursor:a})}return n}(n(329).BaseCollectionIdentifier);n.d(e,"a",(function(){return s}))},978:function(t,e,n){"use strict";n.d(e,"a",(function(){return l}));var a=n(0),r=n(148),i=n(983),o=n(334),c=n(110);function l(t){var e=a.useMemo((function(){return t.actions.sort((function(t,e){return t.order-e.order}))}),[t.actions]),n=[],l=[];e.forEach((function(t){t.button?n.push(t):l.push(t)}));var s="d-flex";return t.className&&(s+=" ".concat(t.className)),n.length||l.length?a.createElement("div",{className:s},a.createElement(a.Fragment,null,a.createElement("span",{className:"d-flex align-items-center"},n.length?n.map((function(t,e){return a.createElement(a.Fragment,{key:e},function(){if(t.label)return a.createElement(o.a,{appLink:t.appLink,onClick:t.onClick,svgName:t.svgName,className:t.className,tooltip:t.tooltip,showSpinner:t.showSpinner,analyticsData:t.analyticsData,analyticsOptions:t.analyticsOptions},t.label);var e=a.createElement(r.a,{appLink:t.appLink,onClick:t.onClick,svgName:t.svgName,className:t.className,analyticsData:t.analyticsData,analyticsOptions:t.analyticsOptions});return t.tooltip?a.createElement(c.a,{title:t.tooltip,spanHack:!0},e):e}())})):a.createElement(a.Fragment,null),t.sortComponent&&t.sortComponent,l.length?a.createElement(i.a,{actions:l,dropdownToggleClassName:t.actionsDropdownClassName}):a.createElement(a.Fragment,null)))):a.createElement(a.Fragment,null)}},981:function(t,e,n){t.exports={image:"rxyox"}},983:function(t,e,n){"use strict";n.d(e,"a",(function(){return m}));var a=n(0),r=n(279),i=n(42),o=n(39),c=n(65),l=n(53),s=n(30),u=n(990),d=n.n(u);function p(t){var e="dropdown-item";return t&&(e+=" ".concat(t)),e}function f(t){if(t.action.appLink)return a.createElement(l.a,{appLink:t.action.appLink,onClick:t.action.onClick,className:p(t.action.className),analyticsData:t.action.analyticsData,analyticsOptions:t.action.analyticsOptions},t.action.label);function e(){t.action.analyticsData&&t.action.analyticsOptions&&o.a.logUserAction(t.action.analyticsData,t.action.analyticsOptions),i.a.isFunction(t.action.onClick)&&t.action.onClick()}return a.createElement("span",{className:"cursor-pointer ".concat(p(t.action.className)),onClick:e,role:"button",tabIndex:0,onKeyDown:function(t){return"Enter"===t.key&&e()}},t.action.label)}function m(t){if(!t.actions||!t.actions.length)return a.createElement(a.Fragment,null);var e="dropdown";t.className&&(e+=" ".concat(t.className));var n="actions-dropdown-".concat(r.a.getRandomInt()),i="dropdown-toggle px-0 ".concat(d.a.dropdownToggle);return t.dropdownToggleClassName&&(i+=" ".concat(t.dropdownToggleClassName)),a.createElement("div",{className:e},a.createElement("button",{className:i,type:"button",id:n,"data-toggle":"dropdown","aria-haspopup":"true","aria-expanded":"false"},a.createElement(c.a,{svgName:s.b.More,size:c.b.Small})),a.createElement("div",{className:"dropdown-menu dropdown-menu-right","aria-labelledby":n},t.actions.map((function(t,e){return a.createElement(f,{key:e,action:t})}))))}m.defaultProps={dropdownToggleClassName:"btn btn-light"}},987:function(t,e,n){"use strict";var a,r=n(22),i=n(91),o=n(988),c=n(994);!function(t){t[t.Queued=1]="Queued",t[t.Processing=2]="Processing",t[t.Processed=3]="Processed",t[t.Errored=4]="Errored"}(a||(a={}));var l=function(t){return function(e){var n=Object.assign({},e);return n.hasOwnProperty(t)&&delete n[t],n}},s=function(t,e){return function(n){var a=Object.assign({},n);return a.hasOwnProperty(t)?(a[t].videos||(a[t].videos={}),a[t].videos.count=a[t].videos.count?a[t].videos.count+e:e,a):n}};n.d(e,"a",(function(){return m}));var u=function(t){return t?"&cursor=".concat(t):""},d=function(t){return Number.isInteger(t)?"&maxRatingValue=".concat(t):""},p=function(t,e){return"".concat(t).concat(e?":".concat(e):"")},f="_liteOwner,_isClickViewPlaylist",m={getPlaylist:function(t,e,n){return{url:"/api/objects/v1/playlists/".concat(t,"?query=").concat(i.a.PLAYLIST,",").concat(f),key:"playlist:".concat(t),success:e,error:n}},getSharedPlaylist:function(t,e,n,a){var r="/api/domain/v2/share/".concat(t);return{url:"".concat(r,"?query=").concat(i.a.PLAYLIST,"&virtualAssocs=").concat(f)+d(e),key:"shared:playlist:".concat(t),success:n,error:a}},getUserPlaylists:function(t){var e=t.sort,n=t.type;return{url:"/api/domain/v2/me/playlists/".concat(n,"?sort=").concat(e,"&query={limit:100}")+"".concat(i.a.PLAYLIST_COLLECTION,",").concat(f).concat(u(t.cursor)),key:t.toString()}},getPlaylistVideos:function(t,e,n){var a="orderBy:orderindex,limit:100";return Number.isInteger(e)&&(a+=",rating.value:0...".concat(e)),{url:"/api/domain/v2/objects/".concat(t,"/videos?query={").concat(a,"}")+"".concat(i.a.VIDEO_COLLECTION).concat(u(n)),key:p("playlist:".concat(t,":videos"),n)}},getSharedPlaylistVideos:function(t,e,n){return{url:"/api/domain/v2/share/".concat(t,"/videos?query={orderBy:orderindex,limit:100}")+"".concat(i.a.SHARED_PLAYLIST_VIDEO_COLLECTION)+"".concat(u(n)).concat(d(e)),key:p("shared:playlist:".concat(t,":videos"),n)}},getVideoPlaylists:function(t,e,n){return{url:"/api/domain/v2/objects/".concat(t,"/playlists?query={limit:100,owner.id:[").concat(e,"]}"),key:p("video:playlists:".concat(t),n)}},createPlaylist:function(t,e,n,a,i){return{key:"create:playlist",url:"/api/domain/v2/objects/".concat(t,"/playlists"),data:e,type:r.a.POST,success:n,error:a,always:i,invalidationKeys:"user:playlists"}},updatePlaylist:function(t,e,n,a,i){return{key:"update:playlist",url:"/api/domain/v2/objects/".concat(t),data:e,type:r.a.PUT,success:n,error:a,always:i}},deletePlaylist:function(t,e,n,a){return{key:"delete:playlist",url:"/api/domain/v2/objects/".concat(t),type:r.a.DELETE,success:e,error:n,always:a,invalidationKeys:"user:playlists",updateState:{keys:"playlist:".concat(t),updateData:l("playlist:".concat(t))}}},addToPlaylist:function(t,e,n,a){var i=["user:playlists",new c.PlaylistVideoCollectionIdentifier(t).toString()];return e.forEach((function(t){i.push("video:playlists:".concat(t))})),{key:"add:to:playlist",url:"/api/domain/v2/objects/".concat(t,"/associate"),data:e,type:r.a.POST,success:n,error:a,invalidationKeys:i,updateState:{keys:"playlist:".concat(t),updateData:s("playlist:".concat(t),e.length)}}},reorderVideos:function(t,e,n,a){return{key:"reorder:playlist",url:"/api/domain/v2/objects/".concat(t,"/videos/reorder"),data:e,type:r.a.PUT,success:n,error:a,invalidationKeys:"user:playlists",updateState:{keys:"playlist:".concat(t,":videos"),updateData:function(n){return o.a.updateState("playlist:".concat(t,":videos"),e,n)}}}},removePlaylistVideo:function(t,e,n,a){return{key:"remove:playlist:video",url:"/api/domain/v2/objects/".concat(t,"/dissociate?memberId=").concat(e),type:r.a.DELETE,success:n,error:a,invalidationKeys:["user:playlists","playlist:".concat(t,":videos")]}},getIsFollowingPlaylist:function(t,e){return{url:"/api/domain/v2/objects/".concat(e,"/followedPlaylists?query={id:").concat(t,"}"),key:"playlist:".concat(t,":following:").concat(e),formatData:function(e){var n;return{objectId:t,isFollowing:!!(null===(n=null==e?void 0:e.data)||void 0===n?void 0:n.length)}},normalize:!1}},followPlaylist:function(t,e,n,a,i){return{url:"/api/domain/v2/objects/".concat(e),key:"follow:playlist:".concat(t),data:{followedPlaylists:t},type:r.a.PUT,invalidationKeys:["user:playlists","playlist:".concat(t),"shared:playlist"],success:n,error:a,always:i}},unfollowPlaylist:function(t,e,n,a,i){return{url:"/api/domain/v2/objects/".concat(e,"/followedplaylists/").concat(t),key:"unfollow:playlist:".concat(t),type:r.a.DELETE,invalidationKeys:["user:playlists","playlist:".concat(t),"shared:playlist"],success:n,error:a,always:i}},getPlaylistPrivacy:function(t){return{key:"playlist:privacy:".concat(t),url:"/api/domain/v1/playlists/".concat(t,"/privacy"),formatData:function(e){return{id:t,privacy:e}}}},updatePlaylistPrivacy:function(t,e,n,a,i){return{key:"update:playlist:privacy:".concat(t),url:"/api/domain/v1/playlists/".concat(t,"/privacy"),type:r.a.PUT,data:{privacy:e},formatData:function(){return{id:t,privacy:e}},success:n,error:a,always:i}},getMigrationTask:function(t,e){return{url:"/api/playlist-app/migration-task",key:"migration:task",formatData:function(t){return t||{status:a.Processed}},success:t,error:e}}}},988:function(t,e,n){"use strict";n.d(e,"a",(function(){return c}));var a=n(44),r=n(59);function i(t){return function(t){if(Array.isArray(t))return o(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 o(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return o(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 o(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,a=new Array(e);n<e;n++)a[n]=t[n];return a}var c={reorder:function(t,e,n){if(e===n)return{reorderedItems:t,reorderRequest:null};var r=a.a.moveItem(t,e,n),i=n<t.length-1?r[n+1].id:null;return{reorderedItems:r,reorderRequest:{sourceMemberId:r[n].id,destinationMemberId:i}}},updateState:function(t,e,n){for(var o=[],c=r.a.deepClone(n),l=[t],s=n[t],u=!!s&&!!s.data&&s.data.length;s&&Array.isArray(s.data);){o.push.apply(o,i(s.data));var d=s.pagination&&s.pagination.cursors&&s.pagination.cursors.next,p=!!d&&"".concat(t,":").concat(d);(s=d&&n[p])&&l.push(p)}if(!o.length)return n;var f=a.a.findIndex(o,(function(t){return t.id===e.sourceMemberId})),m=[].concat(o),y=m.splice(f,1),v=e.destinationMemberId?a.a.findIndex(m,(function(t){return t.id===e.destinationMemberId})):m.length;return m.splice(v,0,y[0]),l.forEach((function(t){var e=m.splice(0,u);c[t].data=e})),c}}},989:function(t,e,n){"use strict";var a;n.d(e,"a",(function(){return a})),function(t){t.OwnedByMe="owned_by_me",t.Followed="followed",t.All="all"}(a||(a={}))},990:function(t,e,n){t.exports={dropdownToggle:"AYBvQ"}},994:function(t,e,n){"use strict";var a=n(972);n.o(a,"PlaylistVideoCollectionIdentifier")&&n.d(e,"PlaylistVideoCollectionIdentifier",(function(){return a.PlaylistVideoCollectionIdentifier}));var r=n(977);n.d(e,"PlaylistVideoCollectionIdentifier",(function(){return r.a}))},997:function(t,e,n){"use strict";n.d(e,"a",(function(){return u}));var a=n(0),r=n(77),i=n(17),o=n(42);function c(t){return function(t){if(Array.isArray(t))return l(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 l(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return l(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 l(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,a=new Array(e);n<e;n++)a[n]=t[n];return a}var s=function(t){return t&&t.data&&t.data.pagination&&t.data.pagination.cursors&&t.data.pagination.cursors.next};function u(t){return Object(r.useSelector)(Object(a.useMemo)((function(){return function(e){for(var n=t,a=o.a.isFunction(t)&&i.a.getResponse(e,n()),r=a&&a.isFetching,l=a&&a.shouldFetch,u=a&&a.data&&a.data.data,d=s(a);d&&(r=(a=i.a.getResponse(e,n(d))).isFetching,!a.shouldFetch);){var p=a.data&&a.data.data;p&&u.push.apply(u,c(p));var f=s(a);d=f===d?null:f}return{shouldInitialFetch:l,items:u,nextCursor:d,isFetching:r}}}),[t]))}},999:function(t,e,n){"use strict";n.d(e,"b",(function(){return a})),n.d(e,"a",(function(){return u}));var a,r,i=n(0),o=n(65),c=n(30),l=n(1097),s=n.n(l);function u(t){var e=t.type,n=t.mediaType,l=t.extraClasses,u=function(t){return t===a.Video?s.a.videoFallback:t===a.Playlist?s.a.playlistFallback:t===a.Series||t===a.TallSubject?s.a.posterFallback:t===a.Subject?"".concat(s.a.subjectFallback," svg-container d-inline-block"):""}(e),d=function(t){return t===a.Video?c.b.Play:t===a.Playlist?c.b.Playlist:t===a.Series?c.b.Series:t===a.Subject||t===a.TallSubject?c.b.Subject:""}(e),p=function(t){return t===a.Subject?o.b.ExtraLarge:o.b.Standard}(e),f="".concat(function(t,e){return e===a.Subject?s.a.subjectFallbackContainer:t===r.Svg?e===a.Video?"".concat(s.a.svgFallbackContainer," rounded-lg"):s.a.svgFallbackContainer:s.a.baseFallbackContainer}(n,e));return l&&(f+=" ".concat(t.extraClasses)),i.createElement("div",{className:f},n===r.Svg?i.createElement(o.a,{svgName:d,className:u,tagName:"div",size:p}):i.createElement("div",{className:s.a.fallbackThumbnailImage,style:{backgroundImage:"url('".concat(d,"')")}}))}!function(t){t[t.Video=0]="Video",t[t.Playlist=1]="Playlist",t[t.Series=2]="Series",t[t.Subject=3]="Subject",t[t.TallSubject=4]="TallSubject"}(a||(a={})),function(t){t[t.Svg=0]="Svg",t[t.Image=1]="Image"}(r||(r={})),u.defaultProps={mediaType:r.Svg}}}]);

package/dist/scripts/26-d99147f385.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[26],{1013:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var n=a(0),r=n.createContext(null)},1041:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var n=a(0);a(1121);function r(e){return e.audience?n.createElement("div",{className:"audience-label border rounded-pill d-inline-block px-2 mt-1 text-nowrap ".concat("border-"+e.border)},e.audience.name):n.createElement(n.Fragment,null)}},1042:function(e,t,a){"use strict";a.d(t,"a",(function(){return l}));var n=a(0),r=a.n(n),i=a(1039);function l(e,t){var a=r.a.useMemo((function(){return e&&t?i.a.getSortedPresentationAudiences(e,t):null}),[e]);return r.a.useMemo((function(){return a?i.a.getMergedPresentationAudienceString(a):null}),[a])}},1050:function(e,t,a){e.exports={tagList:"yvetE",disabled:"_3ZfKv"}},1061:function(e,t,a){"use strict";var n=a(1036);a.d(t,"a",(function(){return n.a}));a(1038);var r=a(1037);a.d(t,"b",(function(){return r.a}))},1070: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}))},1071:function(e,t,a){e.exports={playlistItem:"_6o0Z2",playlistItemGradient:"_2JLPt",playlistMetadata:"_3MCKL",playlistName:"_1Ukz7",partialHeading:"_13tO6",ownerAvatarContainer:"CwjTl"}},1074:function(e,t,a){"use strict";var n=a(0),r=a(130),i=a(10),l=a(102),o=a(54),c=a(109),s=a(53),u=a(280),d=a(999),m=a(1041),p=a(331),f=a(330),v=a(281),g=a(1122);function b(){return n.createElement("div",{className:g.avatar},n.createElement(v.b,null))}function y(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(b,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 l="string"==typeof i.avatar?i.avatar:null===(r=i.avatar)||void 0===r?void 0:r.url;return n.createElement(p.a,{imageUrl:l,imageCdnUrl:e.imageCdnUrl,initials:f.a.getInitials(i.name,i.surname)})}var h=a(1070),E=a(1042),w=a(1),k=a(1071),A=a.n(k);a.d(t,"a",(function(){return N}));var C=i.a.encloseNamespace("playlists.playlistItem");function N(e){var t,a,i=l.a.createUrl(e.data.cover&&e.data.cover.url,{size:o.b.Medium,resizeType:o.d.Cover}),p=e.data.subjectPresentationAudiences&&e.data.subjectPresentationAudiences.data,f=Object(E.a)(p,e.presentationAudiences),v=!!e.showCount&&!!e.data.videos&&e.data.videos.count,g=!!e.showLastUpdated&&e.data.contentModifiedDate&&r.utc(e.data.contentModifiedDate),b=A.a.playlistItem,k=!!i||!!e.showFallbackImage;k&&(b+=" ".concat(A.a.playlistItemGradient)),!k&&e.bgColourClassNames&&(b+=" ".concat(A.a.playlistItem," ").concat(Object(h.a)(e.data,e.bgColourClassNames)));var N=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}),j=Object.assign(Object.assign({},e.analyticsOptions),{entity:w.EntityType.Playlist});return n.createElement(c.a.Provider,{value:"playlists.playlistItem"},n.createElement(s.a,{appLink:e.appLink,analyticsData:N,analyticsOptions:j},n.createElement(u.b,{data:i,className:b},!!e.showFallbackImage&&n.createElement(d.a,{type:d.b.Playlist}),n.createElement("div",{className:"text-white ".concat(A.a.playlistMetadata)},Number.isInteger(v)&&n.createElement(c.b,{phrase:"videos",options:{smartCount:v}}),n.createElement("h5",{className:"".concat(A.a.playlistName," text-shadow mb-0")},e.data.name),!!p&&!!p.length&&!!f&&n.createElement(m.a,{audience:f,border:"white"}),function(){if(!g)return n.createElement(n.Fragment,null);var e=g.isBefore(r.utc().subtract(1,"month"))?C("notUpdatedRecently"):C("lastUpdated",{timeAgo:g.fromNow()});return n.createElement("p",{className:"mb-0"},e)}()),!!e.showOwner&&!!e.imageCdnUrl&&n.createElement("div",{className:A.a.ownerAvatarContainer},n.createElement(y,{playlist:e.data,currentUser:e.currentUser,imageCdnUrl:e.imageCdnUrl})))))}},1083:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(0),r=a(42),i=a(978),l=a(1013);function o(e){var t=n.useContext(l.a);if(!r.a.isFunction(t))return n.createElement(n.Fragment,null);var a=t(e.video).filter((function(e){return!!e.onClick||!!e.appLink}));return n.createElement(i.a,{actions:a,className:"float-right mt-n1",actionsDropdownClassName:"btn btn-link ml-1"})}},1085:function(e,t,a){"use strict";a.d(t,"a",(function(){return s}));var n=a(0),r=a.n(n),i=a(42),l=a(1086),o=a(1050),c=a.n(o);function s(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(l.a,{key:e.id,tag:e,appLink:t})}))):r.a.createElement(r.a.Fragment,null)}},1086:function(e,t,a){"use strict";a.d(t,"a",(function(){return c}));var n=a(0),r=a.n(n),i=a(53),l=a(1050),o=a.n(l);function c(e){var t=e.tag,a=e.appLink,n=e.onClick,l=e.disabled,c=e.tagClass,s="badge-pill py-1 px-2 my-1 mr-1 clamp-1 text-nowrap ".concat(void 0===c?"tag":c);return!a&&!n||l||(s+=" cursor-pointer"),l&&(s+=" "+o.a.disabled),a?r.a.createElement(i.a,{onClick:n,appLink:a,className:s,title:t.name},t.name):r.a.createElement("span",{onClick:n,className:s,title:t.name},t.name)}},1089:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(0),r=a(1126),i=a.n(r),l=a(42);function o(e){var t=e.audience,a=e.highlight,r=e.setAudience,o=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,o),u="badge-pill d-inline-block mr-1 ".concat(o?"cursor-default":"cursor-pointer"," ").concat(s," ").concat(c);return n.createElement("span",{className:u,onClick:function(){!o&&l.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(" "))}o.defaultProps={extraClasses:""}},1120:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var n=function(){return"/api/domain/v1/subjects/audiences?type=subject"},r={presentationAudiences:function(){return{bootstrapName:"presentationAudiences",url:n(),key:"presentation:audiences",normalize:!1,expiryTime:1/0}}}},1121:function(e,t,a){e.exports={audienceLabelListItem:"_2YGVO"}},1122:function(e,t,a){e.exports={avatar:"_1IfFN"}},1123:function(e,t,a){e.exports={partialLoadingHeading:"_1RLPq",partialLoading:"oArG4",labelContainer:"QLCgm",hoverActive:"_3Aleb",mask:"_2M2Zz",width:"TQg2K"}},1126:function(e,t,a){e.exports={disabled:"_1KxF9",disabledHighlighted:"pbuec"}},1162:function(e,t,a){"use strict";a.d(t,"a",(function(){return c}));var n=a(0),r=a(31),i=a(1),l=a(1074),o={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(l.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),o)}))})))}},1163:function(e,t,a){"use strict";a.d(t,"a",(function(){return s}));var n=a(0),r=a(31),i=a(1071),l=a.n(i);function o(e){return function(e){if(Array.isArray(e))return c(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 c(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 c(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 c(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function s(e){var t=o(Array(e.numItems)),a=e.itemClassName||"";return n.createElement(n.Fragment,null,e.showHeading&&n.createElement("div",{className:"".concat(l.a.partialHeading," partial-loading-background")}),n.createElement(r.Row,null,t.map((function(e,t){return n.createElement(r.Col,{key:t,xs:6,sm:4,lg:3,className:a},n.createElement("div",{className:"py-2"},n.createElement("div",{className:"".concat(l.a.playlistItem," partial-loading-background")})))}))))}s.defaultProps={numItems:8}},1199:function(e,t,a){"use strict";a.d(t,"a",(function(){return p}));var n=a(0),r=a(61),i=a(224),l=a(1004),o=a(1016),c=a(229),s=a(1200),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 l,o=e[Symbol.iterator]();!(n=(l=o.next()).done)&&(a.push(l.value),!t||a.length!==t);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==o.return||o.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(o.a,{video:t,type:"expandable",appLink:y,seriesAppLink:s,textPosition:l.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,l,o;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===(o=null===(l=t.data)||void 0===l?void 0:l.series)||void 0===o?void 0:o.id)&&e.onHover===t.onHover}))},1200:function(e,t,a){e.exports={rowWidth:"_8IgrO",largeRowWidth:"q46rm",hovering:"IeeJA",transition:"_1s6UK"}},1246:function(e,t,a){"use strict";a.d(t,"a",(function(){return w})),a.d(t,"b",(function(){return k}));var n=a(0),r=a(31),i=a(1016),l=a(339),o=a(1048),c=a(1035),s=a(1041),u=a(1085),d=a(109),m=a(53),p=a(1004),f=a(54),v=a(1),g=a(1042),b=a(1247),y=a.n(b),h=a(1083),E=function(e){return!!(e&&e.data&&e.data.length)};function w(e){var t,a=e.video,b=e.presentationAudiences,y=e.videoAppLink,w=e.seriesAppLink,k=e.hideInteractiveBadge,A=null===(t=null==a?void 0:a.subjectPresentationAudiences)||void 0===t?void 0:t.data,C=Object(g.a)(A,b),N=(null==a?void 0:a.series)&&!!(null==a?void 0:a.series.id);return a?n.createElement(d.a.Provider,{value:"subjects.heroVideo"},n.createElement(r.Row,{className:"pb-3"},n.createElement(r.Col,{xs:5},n.createElement(i.a,{video:a,appLink:y,seriesAppLink:N?w:null,imageOptions:{size:f.b.Medium},textPosition:p.a.Independent,type:"static",analyticsOptions:{location:v.LocationContext.ClassificationHero}})),n.createElement(r.Col,{xs:7,className:"p-1"},n.createElement(h.a,{video:a}),N&&n.createElement(l.b,{video:a,appLink:w,className:"text-reset d-block"}),n.createElement(m.a,{appLink:y},n.createElement("h4",null,a.name)),n.createElement(o.a,{className:"pb-1"},!k&&n.createElement(c.a,{type:c.b.Interactive,data:a.interactives}),n.createElement(c.a,{type:c.b.Rating,data:a.rating}),n.createElement(c.a,{type:c.b.ProductionYear,data:a.productionYear})),n.createElement("p",{className:"mb-1 clamp-4"},a.description),n.createElement(s.a,{audience:C,border:"dark"}),e.showExtraMetadata&&n.createElement(r.Row,{className:"pt-2"},n.createElement(r.Col,{xs:2},E(a.resources)&&n.createElement("p",{className:"font-weight-bold"},n.createElement(d.b,{phrase:"resourcesHeading"})),E(a.links)&&n.createElement("p",{className:"font-weight-bold"},n.createElement(d.b,{phrase:"linksHeading"})),E(a.clips)&&n.createElement("p",{className:"font-weight-bold"},n.createElement(d.b,{phrase:"clipsHeading"})),E(a.tags)&&n.createElement("p",{className:"font-weight-bold"},n.createElement(d.b,{phrase:"tagsHeading"}))),n.createElement(r.Col,{xs:10},E(a.resources)&&n.createElement("p",null,n.createElement(d.b,{phrase:"resources",options:{smartCount:a.resources.data.length}})),E(a.links)&&n.createElement("p",null,n.createElement(d.b,{phrase:"links",options:{smartCount:a.links.data.length}})),E(a.clips)&&n.createElement("p",null,n.createElement(d.b,{phrase:"clips",options:{smartCount:a.clips.data.length}})),E(a.tags)&&n.createElement(u.a,{tags:a.tags})))))):n.createElement(n.Fragment,null)}function k(){return n.createElement(n.Fragment,null,n.createElement("div",{className:"partial-loading-background mb-2 ".concat(y.a.partialHeading)}),n.createElement("div",{className:"row pb-3"},n.createElement("div",{className:"col-6 p1"},n.createElement("div",{className:"".concat(y.a.partialHeroThumbnail," partial-loading-background")})),n.createElement("div",{className:"col-6 p1"},n.createElement("div",{className:"partial-loading-background mb-1 ".concat(y.a.partialSeriesText)}),n.createElement("div",{className:"partial-loading-background my-1 ".concat(y.a.partialVideoTitleText)}),n.createElement("div",{className:"d-flex"},n.createElement("div",{className:"partial-loading-background my-1 mr-1 ".concat(y.a.partialBadge)}),n.createElement("div",{className:"partial-loading-background my-1 ml-1 ".concat(y.a.partialBadge)})),n.createElement("div",{className:"partial-loading-background my-1 ".concat(y.a.partialDescription)}),n.createElement("div",{className:"partial-loading-background mt-2 ".concat(y.a.partialSubject)}))))}},1247:function(e,t,a){e.exports={partialHeroThumbnail:"mBd7D",partialSeriesText:"_2MXtV",partialVideoTitleText:"_3AoSO",partialBadge:"_33OjS",partialDescription:"_2uRQA",partialSubject:"_3YJIE",partialHeading:"_2UT-Z"}},1261:function(e,t,a){"use strict";var n=a(0),r=a(61),i=a(229),l=a(53),o=a(280),c=a(999),s=a(1041),u=a(1035),d=a(54),m=a(1042),p=a(1),f=a(1123),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 l,o=e[Symbol.iterator]();!(n=(l=o.next()).done)&&(a.push(l.value),!t||a.length!==t);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==o.return||o.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=Object(m.a)(y,e.audiences),E=g(Object(i.b)({className:v.a.hoverActive}),2),w=E[0],k=E[1],A=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:A,analyticsOptions:C},n.createElement("div",{ref:w},k&&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(o.b,{data:t.tallPoster,aspectRatio:o.a.NineBySixteen,preload:f,imageOptions:{size:d.b.Large}},n.createElement(c.a,{type:c.b.Series}),n.createElement("div",{className:"position-absolute text-white ".concat(v.a.labelContainer)},y&&y.length?n.createElement(s.a,{audience:h,border:"white"}):n.createElement(u.a,{type:u.b.Rating,data:t.rating})))))}function h(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 E,w=function(e){if(Array.isArray(e))return h(e)}(E=Array(4))||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(E)||function(e,t){if(e){if("string"==typeof e)return h(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)?h(e,t):void 0}}(E)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),k=function(){return n.createElement("div",{className:"pb-3"},n.createElement("div",{className:"partial-loading-background ".concat(v.a.partialLoadingHeading),dangerouslySetInnerHTML:{__html:"&nbsp"}}),n.createElement("div",{className:"row"},w.map((function(e,t){return n.createElement("div",{key:t,className:"col-6 col-sm-4 col-lg-3 "},n.createElement("div",{className:"py-2"},n.createElement("div",{className:"".concat(v.a.partialLoading," partial-loading-background")})))}))))};a.d(t,"b",(function(){return y})),a.d(t,"a",(function(){return k}))},1647:function(e,t,a){e.exports={footerImageContainer:"_2lUo1",footerImage:"Q_m9i",wave:"_2WUUq"}},1732:function(e,t,a){"use strict";a.r(t);var n=a(0),r=a.n(n),i=a(77),l=a(10),o=a(4),c=a(17),s=a(59),u=a(178),d=a(61),m=a(327),p=a(39),f=a(1),v=a(224),g=a(1073),b=a(982),y=a(30),h=a(150),E=a(60),w=a(1053),k=a(1356),A=a(1120),C=a(1084),N=a(1163),j=a(1162),I=(a(1074),a(69)),O=a(49),S=a(335),L=a(984),x=a(1089),F=a(222),U=a(109);function T(e){return function(e){if(Array.isArray(e))return _(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||D(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 l,o=e[Symbol.iterator]();!(n=(l=o.next()).done)&&(a.push(l.value),!t||a.length!==t);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==o.return||o.return()}finally{if(r)throw i}}return a}(e,t)||D(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function D(e,t){if(e){if("string"==typeof e)return _(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)?_(e,t):void 0}}function _(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 B(e){var t=e.audiences,a=e.activeAudiences,r=e.disabled,i=e.appLink,l=P(Object(I.a)(S.a.AUDIENCE_FILTER,void 0,{storage:O.c.SessionStorage}),2)[1];function c(e,t){var n=a||{},r=t?[].concat(T(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(x.a,{key:e.masterId,audience:e,highlight:!!a&&!!a[e.masterId],setAudience:c,isDisabled:r})})),!!a&&!!Object.keys(a).length&&n.createElement(F.a,{className:"info-link d-inline-block font-weight-500 ml-1",onClick:function(){o.a.AppLinkHelper.trigger(i,{replace:!0})}},n.createElement(U.b,{namespace:"subjects.audienceFilter",phrase:"clear"}))):n.createElement(n.Fragment,null)}var H=L.a.getPartialLoadingItems({numItems:6}),M=function(){return n.createElement("div",{className:"pt-3"},H.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}})})))},R=a(102),z=a(54),V=a(357),W=a(65),G=a(1647),$=a.n(G);function J(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 l,o=e[Symbol.iterator]();!(n=(l=o.next()).done)&&(a.push(l.value),!t||a.length!==t);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==o.return||o.return()}finally{if(r)throw i}}return a}(e,t)||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,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 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}function Y(e){var t,a,r=J(n.useState(!1),2),i=r[0],l=r[1],o=J(n.useState(!1),2),c=o[0],s=o[1];n.useEffect((function(){var t,a;l(!!(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=R.a.createBannerUrl(e.data.banner,{fallbackBaseUrl:e.imageCdnUrl,fallbackCategoryName:e.data.name,type:z.c.Banners},{size:z.b.Large}),d={className:i?"btn-outline-dark":"btn-dark",showSpinner:c,onClick:function(){s(!0),e.onToggleFollow()},variant:null};return n.createElement(U.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(U.b,{phrase:"comingSoon"})),n.createElement("p",{className:"w-33 mb-0"},n.createElement(U.b,{phrase:"info1"})),!e.hideFollowButton&&n.createElement(n.Fragment,null,n.createElement("p",{className:"w-33"},n.createElement(U.b,{phrase:"info2"})),n.createElement(V.a,Object.assign({},d),n.createElement(W.a,{svgName:i?y.b.Check:y.b.Bell,className:"align-middle d-inline-block svg-container"}),n.createElement("span",{className:"align-middle pl-1"},n.createElement(U.b,{phrase:"remindMe"}))))),n.createElement("div",{className:$.a.footerImageContainer},n.createElement("div",{className:"".concat($.a.footerImage," banner position-relative"),style:{backgroundImage:"url('".concat(u,"')")}},n.createElement(W.a,{className:$.a.wave,size:W.b.ExtraLarge,svgName:y.b.WhiteWave}))))}var q=a(1357),Q=a(1246),Z=a(1061),X=a(1132),ee=a(1165),te=a(1199),ae=a(1164),ne=a(1261),re=a(1039),ie=a(122),le=a(111),oe=a(174),ce=a(81),se=a(40),ue=a(1124),de=a(9),me=a(7),pe=a(227),fe=a(1358),ve=a(44);var ge=a(976),be=a(225);function ye(){return r.a.createElement(U.a.Provider,{value:"subjects.classificationEmptyState"},r.a.createElement(ge.a,null,r.a.createElement(ge.a.Image,{src:be.a.EmptyStates.TOPICS}),r.a.createElement(ge.a.Heading,null,r.a.createElement(U.b,{phrase:"heading"}))))}var he=a(200),Ee=a(332);function we(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 l,o=e[Symbol.iterator]();!(n=(l=o.next()).done)&&(a.push(l.value),!t||a.length!==t);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==o.return||o.return()}finally{if(r)throw i}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return ke(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 ke(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 ke(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 Ce})),a.d(t,"ClassificationView",(function(){return Ne}));var Ae=l.a.encloseNamespace("subjects.classification");function Ce(e,t,a,n,r){var i,l,o=!!(null===(l=null===(i=e.followers)||void 0===i?void 0:i.data)||void 0===l?void 0:l.length),c=[];return n(le.a.FollowSubjects)&&c.unshift({label:Ae(o?"unfollow":"follow"),onClick:t,svgName:o?y.b.Check:y.b.Bell,className:"btn follow-btn ".concat(o?"btn-outline-dark":"btn-dark"),button:!0,tooltip:o||r?void 0:Ae("followBtnTooltip"),showSpinner:a}),c}function Ne(e){var t,a,r,l,y,I,O,S,L,x,F,T,P,D,_,H,R=e.id,z=e.queryParams,V=we(n.useState(),2),W=V[0],G=V[1],$=we(n.useState(!1),2),J=$[0],K=$[1],ge=Object(i.useDispatch)(),be=Object(oe.a)().hasPermissions,ke=Object(Ee.a)(f.LocationContext.ExpandableVideoThumbnail),Ne=c.a.useBasicFetch(E.a.currentUser(),{optimize:!0}),je=c.a.useBasicFetch(h.a.config(),{optimize:!0}),Ie=c.a.useBasicFetch(w.a.presentation(),{optimize:!0}),Oe=c.a.useBasicFetch(A.a.presentationAudiences(),{optimize:!0}),Se=c.a.useBasicFetch((null===(t=Ne.data)||void 0===t?void 0:t.id)&&w.a.classification(R,null===(a=Ne.data)||void 0===a?void 0:a.id,(function(e){e.status!==u.a.BadRequest&&e.status!==u.a.NotFound||o.a.ErrorHelper.throw(new pe.a)})),{optimize:!0}),Le=c.a.useBasicFetch(w.a.path(R),{optimize:!0}),xe=c.a.useBasicFetch(w.a.children(R),{optimize:!0});Object(m.a)(null===(r=Se.data)||void 0===r?void 0:r.name);var Fe=re.a.getActiveAudiencesFromParams(Oe.data,z),Ue=s.a.keys(Fe),Te=s.a.values(Fe);Ue&&Ue.length||(Ue=[]);var Pe=null===(l=null==Ie?void 0:Ie.data)||void 0===l?void 0:l.id,De=w.a.series(R,Pe,Ue),_e=w.a.playlists(R,Pe,Ue),Be=w.a.videos(R,Pe,Ue,null===(y=Ne.data)||void 0===y?void 0:y.id),He=c.a.useGetResponse(De&&De.key,{optimize:!0}),Me=c.a.useGetResponse(_e&&_e.key,{optimize:!0}),Re=c.a.useGetResponse(Be&&Be.key,{optimize:!0}),ze=c.a.useGetFetch(De),Ve=c.a.useGetFetch(_e),We=c.a.useGetFetch(Be),Ge=Ue.length?Ue.join(":"):Pe;n.useEffect((function(){Pe&&Ne.data&&(ze(),Ve(),We())}),[Ge]),n.useEffect((function(){J||(Se.data?K(!!Se.data.series.count||!!Se.data.playlists.count||!!Se.data.videos.count):K(!1))}),[Se.data]);var $e=Object(ce.a)(se.a.MDDown),Je=Object(fe.a)((null==z?void 0:z.a)?{a:z.a}:null);function Ke(e,t){return function(){var a,n;G(!0);var r=null===(n=null===(a=Se.data.followers)||void 0===a?void 0:a.data)||void 0===n?void 0:n.length,i=r?k.a.unfollow:k.a.follow;c.a.fetch(ge,i([Se.data.id],(function(){p.a.logUserAction(e,Object.assign(Object.assign({},t),{actionType:f.UserAction.Follow,workflowPhase:f.WorkflowPhase.Complete,descriptor:r?f.ToggleDescriptor.Off:f.ToggleDescriptor.On,entity:f.EntityType.Classification}))})))}}n.useEffect((function(){G(!1)}),[null===(S=null===(O=null===(I=Se.data)||void 0===I?void 0:I.followers)||void 0===O?void 0:O.data)||void 0===S?void 0:S.length]);var Ye,qe=!!Se.data&&!!je.data,Qe=!!Se.data&&!!Le.data,Ze=!!xe.data,Xe=!!Oe.data,et=!!Se.data&&!!Me.data,tt=!!Se.data&&!!Re.data,at=!!Se.data&&!!He.data&&!!Oe.data,nt=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))}(Se.data),rt=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:ve.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}))}}(He.data,Me.data,Re.data,Se.data),it=rt.heroVideo,lt=rt.videoList,ot=(null===(L=Se.data)||void 0===L?void 0:L.status)===ue.a.ComingSoon,ct={presentationId:null===(x=null==Ie?void 0:Ie.data)||void 0===x?void 0:x.id,presentationName:null===(F=null==Ie?void 0:Ie.data)||void 0===F?void 0:F.name,currentClassificationId:null===(T=null==Se?void 0:Se.data)||void 0===T?void 0:T.id,currentClassificationName:null===(P=null==Se?void 0:Se.data)||void 0===P?void 0:P.name,followingCurrentClassification:!!(null===(H=null===(_=null===(D=null==Se?void 0:Se.data)||void 0===D?void 0:D.followers)||void 0===_?void 0:_.data)||void 0===H?void 0:H.length),activeAudienceNames:Te.length?Te.map((function(e){return e.name})):null,activeAudienceIds:Te.length?Te.map((function(e){return e.masterId})):null};return n.createElement("div",{className:"bg-white px-3"},qe?n.createElement(g.a,{heading:Se.data.name,banner:Se.data.banner,imageCdnUrl:je.data.imageCdnUrl,actions:ot?[]:Ce(Se.data,Ke(ct,{location:f.LocationContext.Banner}),W,be,$e)}):n.createElement(g.b,null),n.createElement("div",{className:"py-3 mb-3 ".concat(ot?"":"border-bottom")},Qe?n.createElement(b.b,{currentItem:Se.data,type:b.a.Static,getItemAppLink:Je,data:Le.data,rootItem:{label:Ae("dashboard"),appLink:Object(fe.c)()}}):n.createElement(b.c,null),(Ye=Xe&&et&&at&&tt,ot||nt?n.createElement(n.Fragment,null):Ye?n.createElement(B,{audiences:Oe.data,activeAudiences:Fe,disabled:!J,appLink:{application:me.a.SUBJECT,action:de.a.Subjects.CLASSIFICATION,args:[Se.data.id,d.a.slugify(Se.data.name)]}}):n.createElement(M,null))),je.data&&ot?n.createElement(Y,{data:Se.data,imageCdnUrl:je.data.imageCdnUrl,onToggleFollow:Ke(ct,{location:f.LocationContext.ClassificationComingSoon}),hideFollowButton:!be(le.a.FollowSubjects)}):n.createElement("div",null,function(){var e;return Ze&&et&&at&&tt?(null===(e=xe.data)||void 0===e?void 0:e.length)?nt?n.createElement("div",{className:"mx-n2"},n.createElement(q.a,{classifications:xe.data,getItemAppLink:Je})):n.createElement("div",{className:"pb-3"},n.createElement(X.a,{collection:xe.data,childAppLink:Je(),childComponent:ae.a,partialLoadingComponent:ee.a,headingPhraseKey:"topics",headingAppLink:Object(fe.b)(z)(null==Se?void 0:Se.data)})):n.createElement(n.Fragment,null):n.createElement(X.b,{partialLoadingComponent:ee.a})}(),at&&et&&tt&&Xe?n.createElement(n.Fragment,null,it&&n.createElement("h4",null,n.createElement(U.b,{namespace:"subjects.classification",phrase:"featuredVideo"})),n.createElement(Q.a,{video:it,presentationAudiences:Oe.data,videoAppLink:{application:me.a.DEFAULT,action:de.a.Default.PLAY_VIDEO,args:[null==it?void 0:it.id,d.a.slugify(null==it?void 0:it.name)],params:ie.a.getVideoProgress(it)?{t:Math.floor(ie.a.getVideoProgress(it))}:{}},seriesAppLink:{application:me.a.DEFAULT,action:de.a.Default.SERIES,args:(null==it?void 0:it.series)?[it.series.id,d.a.slugify(it.series.name)]:[],params:{classificationId:R}}})):n.createElement(Q.b,null),n.createElement("div",null,function(){var e,t;return et&&Xe?(null===(t=null===(e=Me.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,Ae("playlists")),n.createElement(j.a,{playlists:re.a.sortMembersWithDuplicateNamesByAudience(Me.data.data),getPlaylistAppLink:fe.d,presentationAudiences:Oe.data,itemContainerClassName:"columns-of-five",showFallbackImage:!0})):n.createElement(n.Fragment,null):n.createElement("div",{className:"pb-3"},n.createElement(N.a,{showHeading:!0,itemClassName:"columns-of-five"}))}(),tt?n.createElement("div",{className:"mx-n1"},n.createElement(Z.a,{name:Ae("popular"),type:v.WidgetType.LargeRow,contents:C.a.Videos,collection:lt,childComponent:function(e){return n.createElement(te.a,Object.assign({},e,{setFavourite:ke}))},childAppLink:{application:me.a.DEFAULT,action:de.a.Default.PLAY_VIDEO,params:{context:he.a.Topic,contextId:R}},prefetched:!0})):n.createElement(Z.b,null),at?n.createElement(Z.a,{name:Ae("series"),type:v.WidgetType.Row,contents:C.a.Series,collection:He.data,setData:function(e){return e.data},childComponent:function(e){return n.createElement(ne.b,Object.assign({audiences:Oe.data},e))},childAppLink:{application:me.a.DEFAULT,action:de.a.Default.SERIES,params:{classificationId:R}},prefetched:!0}):n.createElement(ne.a,null),function(){var e=Ze&&et&&at&&tt,t=!!Ue.length;return e&&t&&!nt?He.data.data.length||Me.data.data.length||Re.data.data.length?n.createElement(n.Fragment,null):n.createElement(ye,null):n.createElement(n.Fragment,null)}())))}},976:function(e,t,a){"use strict";var n=a(0),r=a.n(n),i=a(981),l=a.n(i);function o(e){return r.a.createElement("img",{alt:"",role:"presentation",src:e.src,className:l.a.image})}var c=a(4),s=a(148),u=a(42);function d(e){if(!e.icon){return r.a.createElement("button",{onClick:function(){u.a.isFunction(e.onClick)&&e.onClick(),e.appLink&&c.a.AppLinkHelper.trigger(e.appLink)},className:"btn btn-dark"},e.text)}return r.a.createElement(s.a,{className:"btn btn-dark",onClick:e.onClick,appLink:e.appLink,svgName:e.icon},e.text)}a.d(t,"a",(function(){return m}));var m=function(e){return r.a.createElement("div",{className:"text-center pt-5 d-flex flex-column align-items-center"},e.children)};m.Image=function(e){return r.a.createElement(o,Object.assign({},e))},m.Cta=function(e){return r.a.createElement(d,Object.assign({},e))},m.Heading=function(e){return r.a.createElement("h2",{className:e.className||"h6"},e.children)},m.Info=function(e){return r.a.createElement("p",{className:e.className||"mb-3 w-33"},e.children)}},981:function(e,t,a){e.exports={image:"rxyox"}}}]);