@clickview/lite 0.0.32-dev.2 → 0.0.32-dev.3

package/dist/scripts/{10-a3345d2a0c-lite.chunk.js → 10-c7b61001b9-lite.chunk.js}

@@ -1 +1 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[10],{1018:function(e,t,n){"use strict";var r=n(1099);n.d(t,"InteractiveMode",(function(){return r.a}));n(1146),n(1147),n(1148),n(1149),n(1150),n(1151),n(1152)},1067:function(e,t,n){"use strict";function r(e){var t,n,r;return e?(null===(t=null==e?void 0:e.video)||void 0===t?void 0:t.id)||(null===(r=null===(n=null==e?void 0:e.clip)||void 0===n?void 0:n.video)||void 0===r?void 0:r.id):null}n.d(t,"a",(function(){return r}))},1089:function(e,t,n){"use strict";n.d(t,"a",(function(){return v}));var r=n(0),a=n(960),i=n(8),o=n(45),c=n(199),s=n(21),l=n(1090),u=n.n(l);function f(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 m=null,p=!1;function v(e){var t=f(r.useState(m),2),n=t[0],l=t[1];if(m||p||(p=!0,Object(c.ajaxRequest)({resource:"/api/integrations/token/immersive-reader",type:s.a.GET,success:function(e){m=e,l(e),window.setTimeout((function(){m=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"})))}},1090:function(e,t,n){e.exports={button:"TRYB2"}},1099: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={}))},1100:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var r=n(0),a=n.n(r),i=n(132);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"}))))}},1118:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var r=n(42),a=n(57),i=n(343),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,s=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(s))}))},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""}}}},1146:function(e,t){},1147:function(e,t){},1148:function(e,t){},1149:function(e,t){},1150:function(e,t){},1151:function(e,t){},1152:function(e,t){},1159:function(e,t,n){"use strict";var r=n(0),a=n.n(r),i=n(4),o=n(351),c=n(1018),s=n(282),l=n(104);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 f(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 m(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 y=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=m(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()}}])&&f(t.prototype,n),r&&f(t,r),i}(n(114).a);function b(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 w=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{s(r.next(e))}catch(e){i(e)}}function c(e){try{s(r.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}s((r=r.apply(e,t||[])).next())}))},I=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 l.a).withUrl("".concat(t.playerApi.origin,"/hubs/interactives"),{withCredentials:!1}).configureLogging(l.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 w(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 w(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 y):(this.retryCount++,this.start())}},{key:"startSession",value:function(){return w(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 y);case 13:case"end":return e.stop()}}),e,this,[[3,10]])})))}},{key:"flush",value:function(){return w(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:b(this.cache).forEach((function(e){return w(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 w(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}(),E=n(1),S=n(76),C=n(989);n(1259);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 T(e,t){return(T=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function N(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&&T(e,t)}(i,e);var t,n,r,a=N(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}(E.a.getComponent("Button"));n(1260);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 F(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)||function(e,t){if(!e)return;if("string"==typeof e)return _(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 _(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 _(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 L(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=W(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=W(e);if(t){var a=W(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 W(e){return(W=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var z=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(W(i.prototype),"buildCSSClass",this).call(this))}},{key:"createEl",value:function(e,t,n){return M(W(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_){F(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()}))}}])&&L(t.prototype,n),r&&L(t,r),i}(E.a.getComponent("Component")),$=n(230),V=n(1099);function K(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 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,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 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}var Z=n(338);function J(e){return!!(null==e?void 0:e.toString().startsWith("new_"))}function Q(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{s(r.next(e))}catch(e){i(e)}}function c(e){try{s(r.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}s((r=r.apply(e,t||[])).next())}))},X=function(){return"/api/domain/v1/interactions/bulk"},Y=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=J(e.id),r=n?X():Y(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?s.a.post(r,JSON.stringify(a),ae):s.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,s.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,s.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,s.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,s.a.delete(ne(e),ae);case 2:case"end":return t.stop()}}),t)})))}}])&&Q(t.prototype,n),r&&Q(t,r),e}()),oe=n(342),ce=n(221),se=n(197);function le(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(327),fe=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{s(r.next(e))}catch(e){i(e)}}function c(e){try{s(r.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}s((r=r.apply(e,t||[])).next())}))},de=/[.\?!,;:\-''\(\)]/g;function me(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=me(e.text).length,n=new Array(t).fill("_").join("");return pe(e.text,n)})).join(" ")}function ye(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 be=n(1121),he=n(1100),ge=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{s(r.next(e))}catch(e){i(e)}}function c(e){try{s(r.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}s((r=r.apply(e,t||[])).next())}))};var we=n(87);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(1261);var Ee=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{s(r.next(e))}catch(e){i(e)}}function c(e){try{s(r.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}s((r=r.apply(e,t||[])).next())}))};function Se(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 Ce(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 ke(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,s=i.typeId===ce.InteractionTypeId.TrueOrFalse;function l(e){var t=n.answers.map((function(t){return t.order!==e.order?Object.assign(Object.assign({},t),{isCorrect:!s&&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)),!s&&t.length<4&&!t.find((function(e){return!e.name}))){var a=we.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(se.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(le,{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:l,isTrueOrFalse:s})})),n.question&&a.a.createElement(le,{error:n.error})),c&&s&&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(he.a,{tooltipText:"Provide answer feedback for your students"})),a.a.createElement(be.a,{id:"true-or-false-feedback",className:"form-control",minRows:2,value:n.feedback||"",onChange:function(e){r(Object.assign(Object.assign({},n),{feedback:e.target.value}))},placeholder:"Give feedback for this question"})))}var xe=n(1118),Oe=n(57),Te=n(354);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 je(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 Ae(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 Ae(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 Ae(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 Pe(e){var t=je(a.a.useState(!1),2),n=t[0],r=t[1],i=je(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(1262);var Re=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{s(r.next(e))}catch(e){i(e)}}function c(e){try{s(r.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}s((r=r.apply(e,t||[])).next())}))};var Fe=n(1153),_e=n(1403),Le=n(1404),Me={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 Ue(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 De(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 De(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function De(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function qe(e){var t=Ue(a.a.useState(""),2),n=t[0],r=t[1],i=Ue(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-dark"},"Add")))}n(1272);function Be(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 We(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 We(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 We(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 ze,$e,Ve,Ke=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{s(r.next(e))}catch(e){i(e)}}function c(e){try{s(r.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}s((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 Ze=(He(ze={},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=Be(a.a.useState(function(){var e=i.data.annotation;if(e){var t=Object(Le.a)(Me)(e);return Fe.EditorState.createWithContent(t)}return Fe.EditorState.createEmpty()}()),2),s=c[0],l=c[1],u=Be(a.a.useState(null),2),f=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==f?void 0:f.focusEditor()}},"Annotation"),a.a.createElement(se.b,{node:o})),a.a.createElement("div",{className:"cv-annotation ".concat(function(){if(!s)return!1;var e=s.getCurrentContent();return e.hasText()||"unstyled"!==e.getBlockMap().first().getType()}()?"Editor--hide-placeholder":"")},s&&a.a.createElement(_e.Editor,{editorState:s,onEditorStateChange:function(e){l(e);var t=e.getCurrentContent();if(t.hasText()){var a=Object(Le.b)(Me)(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:qe,options:["link"]}}}),a.a.createElement(le,{error:n.error}))))})),He(ze,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(Te.a)();var c=a.a.useRef(null);function l(e){e&&e[0]&&xe.a.onFileSelect(Oe.c.None,e,(function(e){oe.a.renderCropper({src:e.src,alt:"",onClickCrop:u})}))}function u(t){var a=t.split(",")[1];s.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(se.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(Pe,{onDropImage:l},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 l(e.target.files)}}))),a.a.createElement(le,{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(ze,ce.InteractionTypeId.MissingWord,(function(e){var t,n,r,i,o,c,s=e.state,l=void 0===s?(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}):s,u=e.setState,f=e.optionsPortalNode,d=!!l.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(se.b,{node:f})),a.a.createElement("input",{id:"missing-word-sentence",className:"form-control",placeholder:"Enter your sentence here",value:l.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({},l),{fullSentence:t,sentence:ye(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"},l.words.map((function(e,t){var n;return(null===(n=me(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=l.words.map((function(t){return t.order!==e?t:Object.assign(Object.assign({},t),{selected:!t.selected})})),void u(Object.assign(Object.assign({},l),{words:n,preview:ve(n),sentence:ye(n)}));var e,n}},me(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,l.preview))),a.a.createElement(le,{error:l.error}))})),He(ze,ce.InteractionTypeId.MultipleChoice,ke),He(ze,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(se.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(le,{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(he.a,{tooltipText:"Provide a suggested response for your students"})),a.a.createElement(be.a,{id:"short-answer-suggested-response",className:"form-control",minRows:2,value:n.suggestedResponse||"",onChange:function(e){r(Object.assign(Object.assign({},n),{suggestedResponse:e.target.value}))},placeholder:"Give a suggested response for this question"})))})),He(ze,ce.InteractionTypeId.TrueOrFalse,ke),ze);var Je=(He($e={},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($e,ce.InteractionTypeId.Image,(function(e){return e.url?null:"Please upload an image"})),He($e,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($e,ce.InteractionTypeId.MultipleChoice,Se),He($e,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($e,ce.InteractionTypeId.TrueOrFalse,Se),$e);var Qe=(He(Ve={},ce.InteractionTypeId.Annotation,(function(e,t){var n;return Ke(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(Ve,ce.InteractionTypeId.Image,(function(e,t){var n,r;return Re(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(Ve,ce.InteractionTypeId.MissingWord,(function(e,t){return fe(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=ye(e.words),t.name=e.preview,r=e.words.filter((function(e){return e.selected})),t.actionableItems=r.map((function(e){return{name:me(e.text),order:e.order,isCorrect:!0}})),n.next=6,ie.saveInteraction(t);case 6:case"end":return n.stop()}}),n)})))})),He(Ve,ce.InteractionTypeId.MultipleChoice,Ce),He(Ve,ce.InteractionTypeId.ShortAnswer,(function(e,t){var n,r;return ge(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(Ve,ce.InteractionTypeId.TrueOrFalse,Ce),Ve);function Ge(e){return Qe[e]}var Xe=n(1089),Ye=n(3),et=["A","B","C","D"];function tt(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(et[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 s=t.typeId===ce.InteractionTypeId.Annotation||t.typeId===ce.InteractionTypeId.MissingWord||t.typeId===ce.InteractionTypeId.MultipleChoice;return a.a.createElement(Xe.a,{title:i,text:c,html:s,className:"pr-2 ".concat(n||""),analyticsData:{id:t.interactiveId,type:o},analyticsOptions:{location:Ye.LocationContext.InteractivePlayer,entity:Ye.EntityType.Interactive,actionType:Ye.UserAction.Click,descriptor:Ye.ClickDescriptor.LaunchImmersiveReader}})}n(1273);function nt(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 rt,at=n(1069);!function(e){e[e.Incorrect=0]="Incorrect",e[e.Correct=1]="Correct",e[e.PendingReview=2]="PendingReview"}(rt||(rt={}));var it={notApplicable:function(){return at.a.NotApplicable},awaitingMarking:function(){return at.a.AwaitingMarking},isMissingWordCorrect:function(e,t){var n=e.actionableItems.filter((function(e){return e.isCorrect}));return n.every((function(e){return!t(e.id)}))?at.a.UnAnswered:n.every((function(e){var n;return e.name.trim().toLowerCase()===(null===(n=t(e.id))||void 0===n?void 0:n.trim().toLowerCase())}))?at.a.Correct:at.a.Incorrect},isMultipleChoiceCorrect:function(e,t){var n=e.actionableItems.filter((function(e){return e.isCorrect}));return n.every((function(e){return!t(e.id)}))?at.a.UnAnswered:n.every((function(e){return t(e.id)===e.name}))?at.a.Correct:at.a.Incorrect},isShortAnswerMarkedCorrect:function(e,t){var n;return e.actionableItems.forEach((function(e){var r=t(e.id);n=r?r.status!==rt.Correct?r.status!==rt.Incorrect?at.a.AwaitingMarking:at.a.Incorrect:at.a.Correct:at.a.UnAnswered})),n}};n(1274);function ot(e){return(ot="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 ct=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 st=n(333),lt=n(56),ut=n(25),ft=n(334),dt=n(1275),mt=n.n(dt),pt=["A","B","C","D"];function vt(e){var t=1===e.interaction.actionableItems.filter((function(e){return e.isCorrect})).length;function n(t,n){e.onSelectAnswer&&e.onSelectAnswer(t,n)}return a.a.createElement(a.a.Fragment,null,e.interaction.actionableItems.map((function(r,i){var o=e.getSelectedAnswer(r.id);if(e.onlyShowSelectedAnswer&&!o)return a.a.createElement(a.a.Fragment,{key:i});var c=o?"bg-info text-white":"bg-white",s=function(){return a.a.createElement(a.a.Fragment,null,pt[i])};e.showFeedback&&(c=r.isCorrect?"bg-success text-white":"bg-danger text-white ".concat(mt.a.incorrect),e.hideFeedbackIcons||(s=function(){return a.a.createElement(a.a.Fragment,null,r.isCorrect?a.a.createElement(lt.a,{size:lt.b.Small,svgName:ut.b.Check}):a.a.createElement(lt.a,{size:lt.b.Small,svgName:ut.b.Close}))}));var l=e.showFeedback?{}:{role:"button",tabIndex:0,onKeyDown:function(e){return"Enter"===e.key&&n(r,!o)}};return a.a.createElement(a.a.Fragment,{key:i},a.a.createElement("input",{id:r.id,type:t?"radio":"checkbox",name:"multiple-choice",checked:!!o,onChange:function(){return n(r,!o)},disabled:e.showFeedback,hidden:!0,tabIndex:-1}),a.a.createElement("label",Object.assign({className:"\n                d-block\n                rounded-lg\n                shadow-sm\n                mb-2\n                ".concat("sm"===e.size?"p-2":"p-3","\n                d-flex\n                justify-content-between\n                position-relative\n                ").concat(e.showFeedback?"":"cursor-pointer","\n                ").concat(mt.a.answer,"\n                ").concat(c),key:i,htmlFor:r.id},l),a.a.createElement("span",{className:"d-inline-block mr-3 cv-multiple-choice-bullet"},a.a.createElement(s,null)),a.a.createElement("span",{className:"flex-grow-1 pr-4"},r.name),!e.onlyShowSelectedAnswer&&a.a.createElement("span",{className:mt.a.avatarContainer},o&&a.a.createElement(ft.a,{imageCdnUrl:e.imageApi,initials:e.userInitials,imageUrl:e.userAvatar}))))})))}vt.defaultProps={size:"lg"};n(1276);function yt(e){return(yt="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 bt(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var ht=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 gt=n(1277),wt=n.n(gt);function It(e){function t(t){e.onSelectAnswer&&e.onSelectAnswer(t)}return a.a.createElement("div",{className:"d-flex justify-content-center"},e.interaction.actionableItems.map((function(n,r){var i=e.getSelectedAnswer(n.id),o=i?"bg-info text-white":"bg-white",c=function(){return a.a.createElement(a.a.Fragment,null)};e.showFeedback&&(o=n.isCorrect?"bg-success text-white":"bg-danger text-white ".concat(wt.a.incorrect),e.hideFeedbackIcons||(c=function(){return a.a.createElement(a.a.Fragment,null,n.isCorrect?a.a.createElement(lt.a,{size:lt.b.Small,svgName:ut.b.Check}):a.a.createElement(lt.a,{size:lt.b.Small,svgName:ut.b.Close}))}));var s=e.showFeedback?{}:{role:"button",tabIndex:0,onKeyDown:function(e){return"Enter"===e.key&&t(n)}};return a.a.createElement("label",Object.assign({key:r,htmlFor:n.id,className:"\n              d-inline-block\n              rounded-lg\n              shadow-sm\n              my-0\n              position-relative\n              overflow-hidden\n              ".concat("sm"===e.size?"p-4 mx-1 h5":"p-5 mx-2 h4","\n              ").concat(e.showFeedback?"":"cursor-pointer","\n              ").concat(o)},s),a.a.createElement("input",{id:n.id,type:"radio",name:"multiple-choice",checked:!!i,onChange:function(){return t(n)},disabled:e.showFeedback,hidden:!0}),n.name,a.a.createElement("span",{className:"position-absolute p-2 ".concat(wt.a.feedback)},a.a.createElement(c,null)),a.a.createElement("span",{className:"".concat(wt.a.avatarContainer).concat("sm"===e.size?" ".concat(wt.a.avatarContainerSmall):"")},i&&a.a.createElement(ft.a,{imageCdnUrl:e.imageApi,initials:e.userInitials,imageUrl:e.userAvatar})))})))}It.defaultProps={size:"lg"};var Et,St,Ct,kt,xt;function Ot(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Tt=function(){return!0},Nt=function(){return!1},jt=(Ot(Et={},ce.InteractionTypeId.Annotation,Nt),Ot(Et,ce.InteractionTypeId.Image,Nt),Ot(Et,ce.InteractionTypeId.MissingWord,Tt),Ot(Et,ce.InteractionTypeId.MultipleChoice,Tt),Ot(Et,ce.InteractionTypeId.ShortAnswer,(function(e){return!!e.data.suggestedResponse})),Ot(Et,ce.InteractionTypeId.TrueOrFalse,Tt),Et);function At(e){return jt[e]}var Pt=(Ot(St={},ce.InteractionTypeId.Annotation,(function(e){var t=e.interaction.data.annotation.replace(/<(a)(.*?)>/g,'<$1 target="_blank" $2>');return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("div",{dangerouslySetInnerHTML:{__html:t}}),a.a.createElement(tt,{interaction:e.interaction}))})),Ot(St,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(tt,{interaction:e.interaction,className:"ml-2"})))))})),Ot(St,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.stopPropagation(),r.target.value){var a,i,o;n((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,s=e.id,l=(c[s],ct(c,["symbol"===ot(s)?s:s+""]));n(l,!0)}}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 s=e.replace("cv-missing-word-",""),l=r.actionableItems.find((function(e){return e.order.toString()===s}));if(l){var u,f,d=t[l.id]||"",m=(u=l.name,(f=document.createElement("canvas").getContext("2d")).font="17pt arial",f.measureText(u).width);if(i){var p=l.name.toLowerCase().toString()===(null===(o=t[l.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"},l.name))}return a.a.createElement("span",{className:"cv-missing-word-input-container",key:n},a.a.createElement("input",{style:{width:m+"px"},onChange:function(e){return c(l,e)},value:d,disabled:!!t.submitted,className:"cv-missing-word-input",autoComplete:"off"}))}}))),a.a.createElement(nt,{error:t.error}),a.a.createElement(tt,{interaction:e.interaction}))})),Ot(St,ce.InteractionTypeId.MultipleChoice,(function(e){var t=e.state,n=e.setState,r=e.interaction,i=e.showFeedback,o=e.imageApi,c=e.currentUser,s=1===r.actionableItems.filter((function(e){return e.isCorrect})).length;return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("p",null,r.name,a.a.createElement(tt,{interaction:e.interaction,className:"ml-2"})),!s&&a.a.createElement("p",{className:"text-muted"},a.a.createElement("small",null,"This question has multiple correct answers")),a.a.createElement(vt,{interaction:r,showFeedback:i,onSelectAnswer:function(e,r){if(!t.submitted)if(s)n(bt({},e.id,e.name),!0);else if(r)n(bt({},e.id,e.name));else{var a=t,i=e.id,o=(a[i],ht(a,["symbol"===yt(i)?i:i+""]));n(o,!0)}},getSelectedAnswer:function(e){return t[e]},imageApi:o.toString(),userInitials:st.a.getInitials(c.givenName,c.familyName),userAvatar:c.avatar}),a.a.createElement(nt,{error:t.error}))})),Ot(St,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(tt,{interaction:t,className:"ml-2"})),a.a.createElement(be.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(nt,{error:n.error}))})),Ot(St,ce.InteractionTypeId.TrueOrFalse,(function(e){var t=e.state,n=e.setState,r=e.interaction,i=e.showFeedback,o=e.imageApi,c=e.currentUser,s=r.actionableItems.find((function(e){return e.isCorrect}));return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("p",null,r.name,a.a.createElement(tt,{interaction:e.interaction,className:"ml-2"})),a.a.createElement(It,{interaction:r,showFeedback:i,onSelectAnswer:function(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)},getSelectedAnswer:function(e){return t[e]},imageApi:o.toString(),userInitials:st.a.getInitials(c.givenName,c.familyName),userAvatar:c.avatar}),i&&a.a.createElement("div",{className:"text-center px-5 mt-3"},a.a.createElement("p",null,"The answer is ",a.a.createElement("strong",null,s.name)),r.data.feedback&&a.a.createElement("p",null,r.data.feedback)),a.a.createElement(nt,{error:t.error}))})),St);function Rt(){return""}var Ft=(Ot(Ct={},ce.InteractionTypeId.Annotation,Rt),Ot(Ct,ce.InteractionTypeId.Image,Rt),Ot(Ct,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"})),Ot(Ct,ce.InteractionTypeId.MultipleChoice,(function(e){return Object.keys(e).length?null:"Please choose an answer"})),Ot(Ct,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"})),Ot(Ct,ce.InteractionTypeId.TrueOrFalse,(function(e){return Object.keys(e).length?null:"Please choose an answer"})),Ct);var _t=(Ot(kt={},ce.InteractionTypeId.Annotation,null),Ot(kt,ce.InteractionTypeId.Image,null),Ot(kt,ce.InteractionTypeId.MissingWord,(function(e,t,n){return n(t.id,Object.keys(e).map((function(t){return{actionableItemId:t,value:e[t].toString()}})))})),Ot(kt,ce.InteractionTypeId.MultipleChoice,(function(e,t,n){return n(t.id,Object.keys(e).map((function(t){return{actionableItemId:t,value:e[t]}})))})),Ot(kt,ce.InteractionTypeId.ShortAnswer,(function(e,t,n){return n(t.id,Object.keys(e).map((function(t){return{actionableItemId:t,value:e[t].toString()}})))})),Ot(kt,ce.InteractionTypeId.TrueOrFalse,(function(e,t,n){return n(t.id,Object.keys(e).map((function(t){return{actionableItemId:t,value:e[t]}})))})),kt);function Lt(e){return _t[e]}var Mt=(Ot(xt={},ce.InteractionTypeId.Annotation,it.notApplicable),Ot(xt,ce.InteractionTypeId.Image,it.notApplicable),Ot(xt,ce.InteractionTypeId.MissingWord,(function(e,t){return it.isMissingWordCorrect(t,(function(t){return e[t]}))})),Ot(xt,ce.InteractionTypeId.MultipleChoice,(function(e,t){return it.isMultipleChoiceCorrect(t,(function(t){return e[t]}))})),Ot(xt,ce.InteractionTypeId.ShortAnswer,it.awaitingMarking),Ot(xt,ce.InteractionTypeId.TrueOrFalse,(function(e,t){return t.actionableItems.filter((function(e){return e.isCorrect})).every((function(t){return e[t.id]===t.name}))?at.a.Correct:at.a.Incorrect})),xt);function Ut(e){return Mt[e]}function Dt(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var qt={interactions:{},timepoints:{}};function Bt(e,t){return"interaction"===t.type?{timepoints:e.timepoints,interactions:Object.assign(Object.assign({},e.interactions),Dt({},t.id,t.value))}:"timepoint"===t.type?{interactions:e.interactions,timepoints:Object.assign(Object.assign({},e.timepoints),Dt({},t.id,t.value))}:void 0}function Wt(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 zt(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 zt(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 zt(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},Vt=function(e){var t=e.mode,n=e.timepoint,r=e.latestSession,i=t===c.InteractiveMode.Create,o=Wt(a.a.useReducer(Bt,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]),(Dt(n={},t.actionableItemId,t.data),Dt(n,"submitted",!0),n)),e}),{})}:qt}(r)})),2),s=o[0],l=o[1],u=v(null==n?void 0:n.id),f=null==n?void 0:n.interactions[u.interactionIndex],d="number"==typeof u.nextInteractionIndex?null==n?void 0:n.interactions[u.nextInteractionIndex]:null,m=y(null==f?void 0:f.id),p=y(null==d?void 0:d.id);function v(e){return e&&s.timepoints[e]||$t}function y(e){if(!e)return{};var t=s.interactions[e];return t||i?t:{}}function b(e,t,n){var r=y(e);l({type:"interaction",id:e,value:Object.assign(Object.assign({},n?{}:r),t)})}return{state:s,interaction:f,interactionState:m,timepointState:u,nextInteraction:d,nextInteractionState:p,getTimepointState:v,getInteractionState:y,updateTimepointState:function(e,t){var n=v(e);l({type:"timepoint",id:e,value:Object.assign(Object.assign({},n),t)})},updateInteractionState:b,clearTimepointState:function(e){l({type:"timepoint",id:e,value:void 0})},clearInteractionState:function(e){l({type:"interaction",id:e,value:void 0})},userUpdateInteractionState:function(e,t){b(f.id,Object.assign(Object.assign({},e),{hasChanges:!0,error:null}),t)}}},Kt=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{s(r.next(e))}catch(e){i(e)}}function c(e){try{s(r.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}s((r=r.apply(e,t||[])).next())}))},Ht=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},Zt=!1,Jt=function(e){var t=e.interactive,n=e.timepoint,r=e.player,i=e.mode,o=e.resultsService,s=e.latestSession,l=e.analyticsService,u=Ht(e,["interactive","timepoint","player","mode","resultsService","latestSession","analyticsService"]),f=Vt({mode:i,timepoint:n,latestSession:s}),d=f.state,m=f.interaction,p=f.interactionState,v=f.timepointState,y=f.nextInteraction,b=f.nextInteractionState,h=Ht(f,["state","interaction","interactionState","timepointState","nextInteraction","nextInteractionState"]),g=i===c.InteractiveMode.Create;function w(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){var n=C.a.getTypeInfo(e.typeId);return{id:J(e.id)?void 0:e.id,typeId:e.typeId,type:n.typeName,interactiveId:t.id,timepointId:J(e.timepointId)?void 0:e.timepointId,order:e.order}}function E(e){return Kt(this,void 0,void 0,regeneratorRuntime.mark((function n(){var r,a,i,o,c,s,f;return regeneratorRuntime.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(r=w(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(o=I(a),J(a.id)){n.next=10;break}return n.next=7,ie.deleteInteraction(a.id);case 7:l.logUserAction(o,{actionType:Ye.UserAction.Delete,entity:Ye.EntityType.Interaction,workflowPhase:Ye.WorkflowPhase.Complete}),n.next=11;break;case 10:l.logUserAction(o,{actionType:Ye.UserAction.Create,entity:Ye.EntityType.Interaction,workflowPhase:Ye.WorkflowPhase.Discard});case 11:if(c=i.interactions.findIndex((function(e){return e.id===a.id})),i.interactions.splice(c,1),h.clearInteractionState(a.id),s=h.getTimepointState(i.id),c<s.interactionIndex&&h.updateTimepointState(i.id,{interactionIndex:s.interactionIndex-1}),!(i.interactions.length>0)){n.next=18;break}return n.abrupt("return");case 18:if(J(i.id)){n.next=21;break}return n.next=21,ie.deleteTimepoint(i.id);case 21:f=t.timepoints.findIndex((function(e){return e.id===i.id})),t.timepoints.splice(f,1),u.removeCue(i.visibleAt/1e3),h.clearTimepointState(i.id);case 25:case"end":return n.stop()}}),n)})))}function S(e){if(m){var t=J(m.id);if(t||(null==p?void 0:p.hasChanges)||(null==v?void 0:v.hasChanges)){oe.a.render(a.a.createElement("p",null,"Do you want to discard your changes?"),{title:"Unsaved changes",success:function(){(null==v?void 0:v.hasChanges)&&N(!0),t?E(m.id):h.clearInteractionState(m.id),e&&e()},buttons:[{variant:"link",buttonText:"Cancel"},{variant:"danger",success:!0,buttonText:"Discard"}]})}else e&&e()}else e&&e()}function k(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(g)S((function(){h.updateTimepointState(n.id,{interactionIndex:e})}));else{var r=function(){h.updateTimepointState(n.id,{nextInteractionIndex:e}),window.requestAnimationFrame((function(){h.updateTimepointState(n.id,{nextInteractionIndex:e,slideIn:!0}),window.setTimeout((function(){h.updateTimepointState(n.id,{interactionIndex:e,nextInteractionIndex:null,slideIn:null})}),400)}))};t?S(r):r()}}function x(){v.interactionIndex+1>=n.interactions.length?u.continueInteractive():k(v.interactionIndex+1,!1)}function O(){t.timepoints.sort((function(e,t){return e.visibleAt>t.visibleAt?1:t.visibleAt>e.visibleAt?-1:0}))}function T(){k(n.interactions.length)}function N(e){(null==v?void 0:v.hasChanges)&&(e&&u.moveTimepoint(v.originalVisibleAt),h.updateTimepointState(n.id,{hasChanges:void 0,originalVisibleAt:void 0}),Zt=!1)}return{state:d,interaction:m,interactionState:p,timepointState:v,nextInteraction:y,nextInteractionState:b,skip:x,cancel:function(){return Kt(this,void 0,void 0,regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!(null==p?void 0:p.hasChanges)){e.next=3;break}return S(),e.abrupt("return");case 3:return e.next=5,E(m.id);case 5:u.setOpen(!0);case 6:case"end":return e.stop()}}),e)})))},addAnotherQuestion:T,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),h.updateTimepointState(a.id,{interactionIndex:a.interactions.indexOf(i)})},discardChanges:S,changeIndex:k,promptDelete:function(e){var t=I(w(e).localInteraction);l.logUserAction(t,{actionType:Ye.UserAction.Delete,entity:Ye.EntityType.Interaction,workflowPhase:Ye.WorkflowPhase.Start}),oe.a.render(a.a.createElement("p",null,"Are you sure you want to delete this question?"),{title:"Delete question",success:function(){return E(e)},buttons:[{variant:"link",buttonText:"Cancel"},{variant:"danger",success:!0,buttonText:"Delete question"}]})},showTypeSelector:function(){r.pause(),u.setOpen(!0),n&&T()},cancelTypeSelector:function(){n?k(v.interactionIndex-1):(u.setOpen(!1),r.play())},deleteInteraction:E,saveInteraction:function(){return Kt(this,void 0,void 0,regeneratorRuntime.mark((function e(){var t,r,a,i,o,c;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(g){e.next=2;break}throw new Error("Should not be calling onClickSave while viewing an interactive");case 2:if(s=m.typeId,!(t=(0,Je[s])(h.getInteractionState(m.id),m))){e.next=7;break}return h.updateInteractionState(m.id,{error:t}),e.abrupt("return");case 7:if(h.updateInteractionState(m.id,{spinner:!0}),!J(n.id)){e.next=15;break}return r=n.id,e.next=12,ie.saveTimepoint(n);case 12:u.updateCue(r,n.id),h.clearTimepointState(r),(null==v?void 0:v.hasChanges)&&(O(),N());case 15:return m.timepointId=n.id,a=m.id,i=Ge(m.typeId),e.next=20,i(h.getInteractionState(m.id),m);case 20:h.clearInteractionState(a),o=J(a),c=I(m),l.logUserAction(c,{actionType:o?Ye.UserAction.Create:Ye.UserAction.Edit,entity:Ye.EntityType.Interaction,workflowPhase:o?Ye.WorkflowPhase.Complete:Ye.WorkflowPhase.Save});case 24:case"end":return e.stop()}var s}),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:{}},c=I(o);if(l.logUserAction(c,{actionType:Ye.UserAction.Create,entity:Ye.EntityType.Interaction,workflowPhase:Ye.WorkflowPhase.Start}),n)return n.interactions.push(o),void k(v.interactionIndex);var s=r.currentTime();t.timepoints||(t.timepoints=[]),t.timepoints.push({id:i,visibleAt:1e3*s,interactiveId:t.id,shouldPause:1,interactions:[o]}),O(),u.addCue(i)},submitInteractionAnswer:function(){return Kt(this,void 0,void 0,regeneratorRuntime.mark((function e(){var r,a,s,f,d;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(!p.submitted){e.next=8;break}if(!(v.interactionIndex>=n.interactions.length)){e.next=6;break}return u.continueInteractive(),e.abrupt("return");case 6:return k(v.interactionIndex+1),e.abrupt("return");case 8:if(p.error,p.hasChanges,p.submitted,p.spinner,r=Ht(p,["error","hasChanges","submitted","spinner"]),y=m.typeId,!(a=(0,Ft[y])(r,m))){e.next=14;break}return h.updateInteractionState(m.id,{error:a}),e.abrupt("return");case 14:if(!o||!p.hasChanges){e.next=22;break}if(s=Lt(m.typeId),h.updateInteractionState(m.id,{spinner:!0}),!s){e.next=22;break}return e.next=20,s(r,m,o.save);case 20:f=I(m),l.logUserAction(f,{actionType:Ye.UserAction.Answer,entity:Ye.EntityType.Interaction});case 22:if(h.updateInteractionState(m.id,{submitted:!0,error:null,hasChanges:!1,spinner:!1}),t.immediateFeedback){e.next=26;break}return x(),e.abrupt("return");case 26:d=At(m.typeId),d(m)||x();case 29:case"end":return e.stop()}var y}),e)})))},userUpdateInteractionState:h.userUpdateInteractionState,updateTimepointTime:function(e){var a=r.duration(),i=function(e){for(var r=n.visibleAt+1e3*e,a=e>0,i=0;i<t.timepoints.length;i++){var o=t.timepoints[i];r<o.visibleAt-1e3||r>o.visibleAt+1e3||(r=a?o.visibleAt+1001:o.visibleAt-1001,i=0)}return r}(e);if(!(i/1e3>a||i<0)){var o=n.visibleAt;Zt||(Zt=!0,h.updateTimepointState(n.id,{originalVisibleAt:o,hasChanges:!0})),u.moveTimepoint(i)}},saveTimepoint:function(){return Kt(this,void 0,void 0,regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!J(n.id)){e.next=2;break}return e.abrupt("return");case 2:return e.next=4,ie.updateTimepoint(n);case 4:O(),N();case 6:case"end":return e.stop()}}),e)})))},clearTimepointTimeState:N,reOrderQuestions:function(e){return Kt(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[v.interactionIndex],n.interactions=e,h.updateTimepointState(n.id,{interactionIndex:e.indexOf(a)});case 10:case"end":return t.stop()}}),t)})))}}},Qt=n(1278),Gt=n.n(Qt);function Xt(e){var t="".concat(e.className," ").concat(Gt.a.iconButton);e.children?t+=" ".concat(Gt.a.iconWithText):t+=" ".concat(Gt.a.iconOnly);var n=a.a.createElement(lt.a,{svgName:e.svgName,className:Gt.a.svg});return a.a.createElement(ue.a,{className:t,onClick:e.onClick},n,e.children)}function Yt(e){var t=e.isCreate,n=e.open,r=e.showTypeSelector;return!t||n?a.a.createElement(a.a.Fragment,null):a.a.createElement(Xt,{className:"btn btn-outline-dark cv-add-question",onClick:r,svgName:ut.b.Plus},"Add question")}var en=n(1120);function tn(){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 nn(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 s=n.timepoints.reduce((function(e,t){return e+t.interactions.length}),0);return a.a.createElement(se.a,{node:i},s?a.a.createElement(a.a.Fragment,null,a.a.createElement("h2",{className:"h4 mt-3"},"Question List (",s,")"),a.a.createElement(en.a,{interactive:n,maxHeight:300,goToTimepoint:o,selectedInteractionId:null==r?void 0:r.id,onClickDelete:t?c:void 0})):t?a.a.createElement(tn,null):a.a.createElement(a.a.Fragment,null))}var rn=n(1409);function an(e,t){if(t===c.InteractiveMode.Create)return function(e){return Ze[e]}(e);if(t===c.InteractiveMode.View)return function(e){return Pt[e]}(e);throw new Error("Cannot find components for the mode ".concat(t))}var on=n(226);n(1280);function cn(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 sn(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 sn(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 sn(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 ln=[ce.InteractionTypeId.MissingWord,ce.InteractionTypeId.MultipleChoice,ce.InteractionTypeId.TrueOrFalse,ce.InteractionTypeId.ShortAnswer,ce.InteractionTypeId.Image,ce.InteractionTypeId.Annotation];function un(e){var t=e.addInteraction,n=e.cancelTypeSelector,r=e.player,i=e.timepoint,o=e.open,c=e.isCreate,s=e.interaction,l=cn(a.a.useState(Object(on.a)(r.currentTime()||0)),2),u=l[0],f=l[1];return a.a.useEffect((function(){var e=function(){f(Object(on.a)(r.currentTime()))};return r.on("timeupdate",e),function(){return r.off("timeupdate",e)}}),[]),s||!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),ln.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 fn(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 dn(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 dn(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 dn(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 mn(e){var t=e.typeId,n=e.currentIndex,r=e.numberOfInteractions,i=e.changeIndex,o=e.player,c=fn(a.a.useState(Object(on.a)(o.currentTime()||0)),2),s=c[0],l=c[1];a.a.useEffect((function(){var e=function(){l(Object(on.a)(o.currentTime()))};return o.on("timeupdate",e),function(){return o.off("timeupdate",e)}}),[]);var u=C.a.getTypeInfo(t),f=u.name,d=u.bgClassName,m=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(lt.a,{size:lt.b.Medium,svgName:ut.b.ChevronLeft})),a.a.createElement("div",null,a.a.createElement("div",{className:"h6 mb-0"},f),r>1&&a.a.createElement("div",null,n+1," of ",r," at ",s)),a.a.createElement(ue.a,{onClick:function(){m&&i(n+1)},className:m?"":"invisible"},a.a.createElement(lt.a,{size:lt.b.Medium,svgName:ut.b.ChevronRight})))}n(1281);function pn(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 vn(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(mn,{typeId:n.typeId,changeIndex:i,player:r,currentIndex:o.interactionIndex,numberOfInteractions:c.interactions.length}):a.a.createElement(pn,{typeId:n.typeId})}var yn=n(34);function bn(e){var t=e.interaction,n=e.interactionState,a=e.onClickContinue,i=e.onClickSave,o=e.onClickCancel,c=e.onClickAddAnother,s=e.onClickDiscard,l=J(t.id),u=!!(null==n?void 0:n.hasChanges),f=!!(null==n?void 0:n.spinner);return r.createElement("div",{className:"cv-timpoint-button-container"},l?r.createElement(ue.a,{className:"btn btn-link",onClick:o},"Cancel"):u?r.createElement(ue.a,{className:"btn btn-link",onClick:s},"Discard"):r.createElement(ue.a,{className:"btn btn-link",onClick:c},"Add another question"),f?r.createElement(ue.a,{className:"btn btn-dark ml-2 cv-interactive-spinner",onClick:function(){}},r.createElement(yn.Spinner,{as:"span",animation:"border",role:"status",size:"sm"})):l?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(Xt,{className:"btn btn-dark ml-2",onClick:a,svgName:ut.b.Play},"Continue"))}function hn(e){var t=e.typeId,n=e.interactionState,a=e.onClickSkip,i=e.numberOfInteractions,o=e.currentIndex,c=e.changeIndex,s=!!(null==n?void 0:n.submitted),l=!!(null==n?void 0:n.hasChanges),u=!!(null==n?void 0:n.spinner),f=!!Lt(t),d=o<i-1;function m(){d&&c(o+1)}var p=o>0;function v(){l&&e.onClickSubmit()}return r.createElement("div",{className:"cv-timpoint-button-container flex-wrap"},!s&&f&&r.createElement(ue.a,{className:"btn btn-link",onClick:a},"Come back later"),i>1&&o>0&&r.createElement(Xt,{className:"btn btn-dark ml-2 ".concat(p?"":"disabled"),onClick:function(){p&&c(o-1)},svgName:ut.b.ChevronUp}),u?r.createElement(ue.a,{className:"btn btn-dark ml-2 cv-interactive-spinner",onClick:function(){}},r.createElement(yn.Spinner,{as:"span",animation:"border",role:"status",size:"sm"})):s||!f?1===i||o===i-1?r.createElement(Xt,{className:"btn btn-dark ml-2",onClick:a,svgName:ut.b.Play},"Continue"):r.createElement(ue.a,{className:"btn btn-dark ml-2 ".concat(d?"":"disabled"),onClick:m},"Next"):r.createElement(ue.a,{className:"btn btn-dark ml-2 ".concat(l?"":"disabled"),onClick:v},"Save"))}function gn(e){var t=e.isCreate,n=e.interaction,r=e.interactionState,i=e.continueInteractive,o=e.saveInteraction,c=e.cancel,s=e.addAnotherQuestion,l=e.discardChanges,u=e.submitInteractionAnswer,f=e.skip,d=e.changeIndex,m=e.timepoint,p=e.currentIndex;return a.a.createElement(a.a.Fragment,null,t?a.a.createElement(bn,{interaction:n,interactionState:r,onClickContinue:i,onClickSave:o,onClickCancel:c,onClickAddAnother:s,onClickDiscard:function(){return l()}}):a.a.createElement(hn,{typeId:n.typeId,interactionState:r,onClickSubmit:u,onClickSkip:f,changeIndex:d,currentIndex:p,numberOfInteractions:m.interactions.length}))}var wn=n(986);function In(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>1){var s=J(n.id);c.push({label:"Re-order questions",onClick:function(){return o("reorder")},className:s?"disabled":""})}return c.push({label:"Delete",onClick:function(){return r(n.id)},className:"text-danger"}),a.a.createElement(se.a,{node:i},!!n&&a.a.createElement(wn.a,{actions:c}))}n(1282),n(1283);function En(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 Sn(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 Sn(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 Sn(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 Cn=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{s(r.next(e))}catch(e){i(e)}}function c(e){try{s(r.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}s((r=r.apply(e,t||[])).next())}))},kn=null,xn=0,On=1;function Tn(e){var t=e.timepoint,n=e.updateTimepointTime,r=e.saveTimepoint,i=e.back,o=e.clearTimepointTimeState,c=En(a.a.useState(Object(on.a)(t.visibleAt/1e3)),2),s=c[0],l=c[1],u=En(a.a.useState(!1),2),f=u[0],d=u[1];function m(e){n(e*On),l(Object(on.a)(t.visibleAt/1e3)),2===++xn?On=5:4===xn?On=20:6===xn?On=60:8===xn&&(On=120),kn||(kn=window.setInterval((function(){return m(e)}),200),window.addEventListener("mouseup",p))}function p(){window.removeEventListener("mouseup",p),window.clearInterval(kn),kn=null,xn=0,On=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 m(-1)},onKeyDown:function(e){e.stopPropagation(),13===e.keyCode&&0===xn&&m(-1)},onKeyUp:p}),a.a.createElement("input",{className:"form-control form-control-lg text-center d-inline-block cv-move-timepoint-input",value:s,onChange:function(){},onKeyDown:function(e){e.stopPropagation(),37===e.keyCode&&0===xn&&m(-1),39===e.keyCode&&0===xn&&m(1)},onKeyUp:p}),a.a.createElement(ue.a,{className:"cv-right-arrow d-inline-block cursor-pointer",onClick:function(){},onMouseDown:function(){return m(1)},onKeyDown:function(e){e.stopPropagation(),13===e.keyCode&&0===xn&&m(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"),f?a.a.createElement(ue.a,{className:"btn btn-dark ml-2 cv-interactive-spinner",onClick:function(){}},a.a.createElement(yn.Spinner,{as:"span",animation:"border",role:"status",size:"sm"})):a.a.createElement(ue.a,{className:"btn btn-dark",onClick:function(){return Cn(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 Nn=n(959),jn=n(1284),An=n.n(jn),Pn=n(1109);function Rn(e){return function(e){if(Array.isArray(e))return Ln(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||_n(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Fn(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)||_n(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _n(e,t){if(e){if("string"==typeof e)return Ln(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)?Ln(e,t):void 0}}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}var Mn=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{s(r.next(e))}catch(e){i(e)}}function c(e){try{s(r.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}s((r=r.apply(e,t||[])).next())}))};var Un=Object(Nn.SortableElement)((function(e){var t=e.interaction,n=C.a.getTypeInfo(t.typeId).bgClassName;return a.a.createElement("div",{className:"py-2 text-left"},a.a.createElement("span",{className:An.a.dragIcon},a.a.createElement(lt.a,{size:lt.b.Small,svgName:ut.b.Handle})),a.a.createElement(Pn.a,{interaction:t,iconClassName:"".concat(An.a.type," ").concat(n),questionClassName:"".concat(An.a.name," clamp-1")}))})),Dn=Object(Nn.SortableContainer)((function(e){var t=e.interactions,n=function(){var e=a.a.useRef();function t(){document.body.style.cursor="",document.removeEventListener("mouseup",t),e.current&&(e.current.style.cursor="grab")}return{ref:e,style:{cursor:"grab"},onMouseDown:function(){document.body.style.cursor="grabbing",document.addEventListener("mouseup",t),e.current&&(e.current.style.cursor="grabbing")},onMouseUp:t}}();return a.a.createElement("div",Object.assign({tabIndex:0},n),t.map((function(e,t){return a.a.createElement(Un,{key:e.id,index:t,interaction:e})})))}));function qn(e){var t=Fn(a.a.useState(!1),2),n=t[0],r=t[1],i=Fn(a.a.useState(Rn(e.interactions)),2),o=i[0],c=i[1],s=Fn(a.a.useState(!1),2),l=s[0],u=s[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(Dn,{onSortEnd:function(e){var t=e.oldIndex,n=e.newIndex;t!==n&&(c(Rn(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:An.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(Rn(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(yn.Spinner,{as:"span",animation:"border",role:"status",size:"sm"})):a.a.createElement(ue.a,{className:"btn btn-dark ".concat(l?"":"disabled"),onClick:function(){return Mn(this,void 0,void 0,regeneratorRuntime.mark((function t(){return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(l){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")))}var Bn=n(83),Wn=n(30);function zn(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 $n(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 $n(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 $n(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 Vn(e){var t=e.isCreate,n=e.interaction,r=e.mode,i=e.immediateFeedback,o=e.interactionState,c=e.shouldFocus,s=e.delayFocus,l=e.open,u=e.timepoint,f=e.userUpdateInteractionState,d=e.submitInteractionAnswer,m=e.saveInteraction,p=a.a.useRef(),v=a.a.useRef(),y=Object(Bn.a)(Wn.a.XLDown),b=!t||y;function h(){return!!p.current&&(!!c&&!!l)}function g(){p.current&&(p.current.focus(),E(!0))}var w=zn(a.a.useState(!1),2),I=w[0],E=w[1];a.a.useEffect((function(){h()&&(I||(s&&b?window.setTimeout((function(){h()&&g()}),400):g()))}),[p.current,I]);var S=zn(a.a.useState("question"),2),C=S[0],k=S[1],x=a.a.useMemo((function(){return Object(se.c)()}),[]),O=n?an(n.typeId,r):null,T=i;return t||(T=T&&(null==o?void 0:o.submitted)),a.a.createElement(a.a.Fragment,null,a.a.createElement(In,Object.assign({optionsPortalNode:x,setView:k},e)),a.a.createElement(rn.a,{style:{height:"100%"},ref:v},a.a.createElement(un,Object.assign({},e)),!!n&&a.a.createElement("div",{className:"d-flex flex-column h-100"},a.a.createElement(vn,Object.assign({},e)),"question"===C&&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?m():d()}},a.a.createElement("div",{className:"cv-timepoint-padding"},a.a.createElement("div",{ref:p,tabIndex:0}),a.a.createElement(O,Object.assign({state:o,setState:f,recalculateScroll:function(){v.current.recalculate()},showFeedback:T,optionsPortalNode:x},e)))),a.a.createElement(gn,Object.assign({},e))),"move"===C&&a.a.createElement(Tn,Object.assign({back:function(){return k("question")}},e)),"reorder"===C&&a.a.createElement(qn,Object.assign({back:function(){return k("question")},interactions:u.interactions},e)))))}n(1285);function Kn(e){var t=e.open,n=e.nextInteraction,r=e.nextInteractionState,i=e.timepointState,o=e.interaction,c=e.delayFocus,s=n&&i.nextInteractionIndex<i.interactionIndex,l=n&&i.nextInteractionIndex>i.interactionIndex,u=l&&i.slideIn,f=s&&i.slideIn;return a.a.createElement("div",{className:"cv-interactive ".concat(t?"cv-open":"")},s&&a.a.createElement("div",{className:"cv-prev-interaction ".concat(i.slideIn?"cv-slide-in":"")},a.a.createElement(Vn,Object.assign({},e,{currentIndex:i.nextInteractionIndex,interaction:n,interactionState:r}))),a.a.createElement("div",{className:"\n        cv-main-slide\n        ".concat(u?"cv-slide-out-up":"","\n        ").concat(f?"cv-slide-out-down":"","\n        ").concat(n?"cv-transitioning":"","\n      ")},a.a.createElement(Vn,Object.assign({key:null==o?void 0:o.id},e,{currentIndex:i.interactionIndex,shouldFocus:o&&!s&&!l,delayFocus:c}))),l&&a.a.createElement("div",{className:"cv-next-interaction ".concat(i.slideIn?"cv-slide-in":"")},a.a.createElement(Vn,Object.assign({},e,{currentIndex:i.nextInteractionIndex,interaction:n,interactionState:r}))))}n(1286);function Hn(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 Zn(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 Zn(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 Zn(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 Jn(e){var t=e.player,n=e.resultsService,r=e.interactive,i=e.setShowSummary,o=Hn(a.a.useState(!1),2),c=o[0],s=o[1];function l(){t.currentTime()>r.timepoints[r.timepoints.length-1].visibleAt/1e3+1?s(!0):s(!1)}return a.a.useEffect((function(){if(n)return t.on("timeupdate",l),function(){return t.off("timeupdate",l)}}),[]),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(1287),Gn=n.n(Qn);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)||function(e,t){if(!e)return;if("string"==typeof e)return Yn(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 Yn(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 Yn(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.duration,n=e.progress,r=e.player,i=Xn(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:Gn.a.progress,style:{left:"".concat(r,"%"),right:"".concat(i,"%")}})})))}var tr=n(1288),nr=n.n(tr);function rr(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(nr.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 ar=n(151),ir=n(1289),or=n.n(ir);function cr(e){var t=e.showSummary,n=e.setShowSummary,r=e.state,i=e.interactive,o=e.player,c=e.progress,s=e.portalNode,l=a.a.useRef();function u(){n(!1),o.show(),o.play()}function f(t,n){u(),e.goToTimepoint(t,n)}if(!s||!t)return a.a.createElement(a.a.Fragment,null);var d=0,m=0,p=0;i.timepoints.forEach((function(e){e.interactions.forEach((function(e){var t=r.interactions[e.id],n=Ut(e.typeId)(t||{},e);n===at.a.Correct&&d++,n!==at.a.NotApplicable&&m++,n!==at.a.NotApplicable&&(null==t?void 0:t.submitted)&&p++}))}));var v=o.ended(),y=o.duration();return a.a.createElement(se.a,{node:s},a.a.createElement("div",{className:"cursor-pointer my-4 ".concat(or.a.bar),onClick:function(e){if(l.current){var t=l.current.getBoundingClientRect(),n=(e.pageX-t.left)/t.width*y;u(),o.currentTime(n)}},ref:l},a.a.createElement(er,{duration:y,progress:c,interactive:i,player:o}),a.a.createElement(rr,{duration:y,interactive:i,goToTimepoint:f})),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,"/",m),a.a.createElement("span",{className:"d-inline-block mb-3"},"You have answered ",a.a.createElement("strong",{className:p!==m?"text-danger":""},p)," of ",a.a.createElement("strong",null,m)," questions")),a.a.createElement("span",null,a.a.createElement(ar.a,{svgName:ut.b.Play,className:"btn btn-outline-dark",onClick:function(){u(),o.ended()&&o.currentTime(0)}},v?"Play again":"Continue watching"))),a.a.createElement(en.a,{interactive:i,maxHeight:9999,getCorrectness:function(e){var t=r.interactions[e.id],n=Ut(e.typeId)(t||{},e);return n===at.a.NotApplicable||(null==t?void 0:t.submitted)?i.immediateFeedback||n!==at.a.Correct&&n!==at.a.Incorrect?n:at.a.Answered:at.a.UnAnswered},goToTimepoint:f}))}function sr(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 lr(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 lr(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 lr(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 ur(e){var t=e.resultsService,n=e.player,r=sr(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(Jn,Object.assign({setShowSummary:o},e)),a.a.createElement(cr,Object.assign({showSummary:i,setShowSummary:o},e)))}n(1290);var fr=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 dr(e){var t=e.player,n=e.track,r=e.mode,i=e.interactive,o=e.imageApi,s=e.questionListPortalNode,l=e.summaryPortalNode,u=e.resultsService,f=e.currentUser,d=e.progress,m=e.latestSession,p=e.clipOffset,v=e.analyticsService,y=function(e){var t=e.player,n=e.track,r=e.interactive,i=e.clipOffset,o=K(a.a.useState(!1),2),c=o[0],s=o[1],l=K(a.a.useState(!1),2),u=l[0],f=l[1],d=K(a.a.useState(null),2),m=d[0],p=d[1];function v(e){return i?e+i:e}function y(e){f(!!e&&c),s(e)}function b(){var e=n.activeCues;if(!e.length)return y(!1),void p(null);var a=r.timepoints.find((function(t){return t.id.toString()===e[0].text.toString()}));if(!a)return y(!1),void p(null);a.shouldPause&&(t.seeking()?t.one("play",(function(){return t.pause()})):t.pause()),y(!0),p(a)}function h(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",b),function(){return n.removeEventListener("cuechange",b)}})),{open:c,setOpen:y,wasOpen:u,timepoint:m,continueInteractive:function(){y(!1),t.play()},updateCue:function(e,t){var n=h(e);n.text=t.toString(),n.originalCue_.text=t.toString()},addCue:function(e){var r=t.currentTime();n.addCue({startTime:v(r)-.001,endTime:v(r+1),text:e}),n.trigger("cv:cuechange"),t.paused()&&n.trigger("cuechange")},removeCue:function(e){e=v(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=h(m.id);if(r){var a=e/1e3;r.startTime=v(a),r.endTime=v(a+1),t.currentTime(a+.5,!0),m.visibleAt=e,n.trigger("cv:cuechange")}},getClipOffset:v}}({player:t,track:n,interactive:i,mode:r,clipOffset:p}),b=y.open,h=y.timepoint,g=y.wasOpen,w=fr(y,["open","timepoint","wasOpen"]),I=Jt(Object.assign({mode:r,interactive:i,timepoint:h,player:t,resultsService:u,latestSession:m,analyticsService:v},w)),E=I.interaction,S=I.interactionState,C=I.nextInteraction,k=I.nextInteractionState,x=I.timepointState,O=I.state,T=fr(I,["interaction","interactionState","nextInteraction","nextInteractionState","timepointState","state"]);!function(e){var t,n=e.mode,r=e.player,i=e.timepoint,o=e.interaction,s=e.discardChanges,l=e.interactionState,u=e.timepointState,f=Object(Z.a)(),d=n===c.InteractiveMode.Create;a.a.useEffect((function(){if(d){if(J(null==o?void 0:o.id)||(null==l?void 0:l.hasChanges)||(null==u?void 0:u.hasChanges))return f.lock({id:"interactive",title:"Are you sure you want to leave?",text:"Your interactive still has unsaved changes"}),void r.lock((function(e){s(e)}));r.unlock(),f.unlock("interactive")}}),[o,null==l?void 0:l.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:h,interaction:E,discardChanges:T.discardChanges,interactionState:S,timepointState:x});var N={mode:r,open:b,isCreate:r===V.a.Create,interaction:E,nextInteraction:C,timepoint:h,interactive:i,interactionState:S,nextInteractionState:k,timepointState:x,player:t};return a.a.createElement(a.a.Fragment,null,a.a.createElement(Yt,Object.assign({},N,T)),a.a.createElement(Kn,Object.assign({imageApi:o,currentUser:f,immediateFeedback:i.immediateFeedback,delayFocus:!g},N,T,w)),a.a.createElement(ur,Object.assign({state:O,portalNode:l,progress:d,resultsService:u},N,T)),a.a.createElement(nn,Object.assign({portalNode:s},N,T)))}E.a.registerComponent("Interactive",Object($.a)((function(e,t){return a.a.createElement(dr,Object.assign({player:e},t))})));var mr=n(220),pr=n(223);function vr(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(mr.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(pr.a,{buttons:i}))}E.a.registerComponent("ContinueSession",Object($.a)((function(e,t){return a.a.createElement(vr,Object.assign({player:e},t))})));n(1291);function yr(e){return(yr="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 br(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){return(hr=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function gr(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=Ir(e);if(t){var a=Ir(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return wr(this,n)}}function wr(e,t){return!t||"object"!==yr(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 Ir(e){return(Ir=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var Er=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&&hr(e,t)}(i,e);var t,n,r,a=gr(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.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.options.analyticsService.logUserAction({},{actionType:Ye.UserAction.Click,entity:Ye.EntityType.Interactive,descriptor:n?Ye.InteractiveSessionDescriptor.ContinueSession:Ye.InteractiveSessionDescriptor.NewSession}),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 z(this.player,{interactive:this.options.interactive,track:e}))}}])&&br(t.prototype,n),r&&br(t,r),i}(E.a.getPlugin("plugin"));E.a.registerPlugin("viewInteractivePlugin",Er);var Sr=n(29);function Cr(e){return(Cr="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 kr(e){return function(e){if(Array.isArray(e))return xr(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 xr(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 xr(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 xr(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 Or(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 Tr(e,t,n){return(Tr="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=Pr(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 Nr(e,t){return(Nr=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function jr(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=Pr(e);if(t){var a=Pr(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return Ar(this,n)}}function Ar(e,t){return!t||"object"!==Cr(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 Pr(e){return(Pr=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var Rr=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{s(r.next(e))}catch(e){i(e)}}function c(e){try{s(r.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}s((r=r.apply(e,t||[])).next())}))},Fr=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&&Nr(e,t)}(o,e);var t,n,r,a=jr(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=[],s.a.setToken("gateway",n.options.authToken),n.player.one("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:"getPlayerOptions",value:function(){var e=Tr(Pr(o.prototype),"getPlayerOptions",this).call(this);return e.setMaxHeight=!1,this.options.embed||(e.aspectRatio="16:9"),e}},{key:"onFlushProgress",value:function(e){var t;Tr(Pr(o.prototype),"onFlushProgress",this).call(this,e),this.options.mode!==c.InteractiveMode.Create&&(t=this.totalProgress).push.apply(t,kr(e))}},{key:"additionalSetup",value:function(e){var t=this,n=Object.create(null,{additionalSetup:{get:function(){return Tr(Pr(o.prototype),"additionalSetup",t)}}});return Rr(this,void 0,void 0,regeneratorRuntime.mark((function t(){return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:n.additionalSetup.call(this,e),this.setupUpClipPlugin(e),this.setupViewInteractivePlugin(e);case 3:case"end":return t.stop()}}),t,this)})))}},{key:"setupUpClipPlugin",value:function(e){var t;if(null===(t=null==e?void 0:e.additionalData)||void 0===t?void 0:t.clipData){var n=e.additionalData.clipData;this.player.clipPlugin({startTime:n.startTime,endTime:n.endTime})}}},{key:"setupViewInteractivePlugin",value:function(e){var t,n=this;this.track=this.player.addTextTrack("metadata","interactive");var r=e.additionalData.interactive,a=null===(t=e.additionalData.clipData)||void 0===t?void 0:t.startTime;r.timepoints.forEach((function(e){var t,r=e.visibleAt/1e3,i=e.visibleFor?r+e.visibleFor/1e3:r+1;a&&(r+=a,i+=a),(null===(t=e.interactions)||void 0===t?void 0:t.length)&&n.track.addCue({startTime:r-.001,endTime:i,text:e.id})})),this.options.collectResults&&(this.options.currentUser||i.a.ErrorHelper.throw(new Sr.a("Must provide a currentUser in order to collect interactive results")),this.resultsService=new I({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,clipOffset:a,analyticsService:this.analyticsService})}},{key:"getAdditionalAnalyticsData",value:function(e){var t,n,r,a;return(null===(n=null===(t=e.additionalData)||void 0===t?void 0:t.clipData)||void 0===n?void 0:n.clipId)?{clip:{id:null===(a=null===(r=e.additionalData)||void 0===r?void 0:r.clipData)||void 0===a?void 0:a.clipId}}:{}}},{key:"getSeekBarOptions",value:function(){return{ignoreChapters:!0}}},{key:"getAnalyticsPlayerType",value:function(){return"interactive-player"}}])&&Or(t.prototype,n),r&&Or(t,r),o}(o.a);n.d(t,"a",(function(){return Lr}));var _r=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 Lr(e){var t=e.onReady,n=e.className,r=_r(e,["onReady","className"]),i=a.a.useRef();return a.a.useEffect((function(){var e=new Fr(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"}))}},1259:function(e,t,n){},1260:function(e,t,n){},1261:function(e,t,n){},1262:function(e,t,n){},1272:function(e,t,n){},1273:function(e,t,n){},1274:function(e,t,n){},1275:function(e,t,n){e.exports={incorrect:"_3pK3B",answer:"_2ItYx",avatarContainer:"_3DkKy"}},1276:function(e,t,n){},1277:function(e,t,n){e.exports={feedback:"_2hJr3",avatarContainer:"_2Ukg-",avatarContainerSmall:"_1E7DW",incorrect:"xbaUc"}},1278:function(e,t,n){e.exports={svg:"_17Ny-",iconButton:"x1ePL",iconWithText:"_2BmJR",iconOnly:"_2DnLq"}},1280:function(e,t,n){},1281:function(e,t,n){},1282:function(e,t,n){},1283:function(e,t,n){},1284:function(e,t,n){e.exports={type:"_3N9_3",dragIcon:"_1GfpD",name:"_3s8vL",dragging:"_1qnqN"}},1285:function(e,t,n){},1286:function(e,t,n){},1287:function(e,t,n){e.exports={progress:"_1myQT"}},1288:function(e,t,n){e.exports={interaction:"_3SUOU"}},1289:function(e,t,n){e.exports={bar:"_2pc-n"}},1290:function(e,t,n){},1291:function(e,t,n){},996:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var r=n(21),a={createViewKey:function(e,t){return{url:"/api/player/create-view-key",key:"view:key:".concat(e,":").concat(t),type:r.a.POST,data:{mediaId:e,mediaIdType:t},expiryTime:1/0}}}},997:function(e,t,n){"use strict";var r;n.d(t,"a",(function(){return r})),function(e){e.Share="share",e.MasterObject="masterobject"}(r||(r={}))}}]);
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[10],{1018:function(e,t,n){"use strict";var r=n(1099);n.d(t,"InteractiveMode",(function(){return r.a}));n(1146),n(1147),n(1148),n(1149),n(1150),n(1151),n(1152)},1067:function(e,t,n){"use strict";function r(e){var t,n,r;return e?(null===(t=null==e?void 0:e.video)||void 0===t?void 0:t.id)||(null===(r=null===(n=null==e?void 0:e.clip)||void 0===n?void 0:n.video)||void 0===r?void 0:r.id):null}n.d(t,"a",(function(){return r}))},1089:function(e,t,n){"use strict";n.d(t,"a",(function(){return v}));var r=n(0),a=n(960),i=n(8),o=n(45),c=n(199),s=n(21),l=n(1090),u=n.n(l);function f(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 m=null,p=!1;function v(e){var t=f(r.useState(m),2),n=t[0],l=t[1];if(m||p||(p=!0,Object(c.ajaxRequest)({resource:"/api/integrations/token/immersive-reader",type:s.a.GET,success:function(e){m=e,l(e),window.setTimeout((function(){m=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"})))}},1090:function(e,t,n){e.exports={button:"TRYB2"}},1099: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={}))},1100:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var r=n(0),a=n.n(r),i=n(132);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"}))))}},1118:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var r=n(42),a=n(57),i=n(343),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,s=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(s))}))},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""}}}},1146:function(e,t){},1147:function(e,t){},1148:function(e,t){},1149:function(e,t){},1150:function(e,t){},1151:function(e,t){},1152:function(e,t){},1159:function(e,t,n){"use strict";var r=n(0),a=n.n(r),i=n(4),o=n(351),c=n(1018),s=n(282),l=n(104);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 f(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 m(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 y=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=m(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()}}])&&f(t.prototype,n),r&&f(t,r),i}(n(114).a);function b(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 w=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{s(r.next(e))}catch(e){i(e)}}function c(e){try{s(r.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}s((r=r.apply(e,t||[])).next())}))},I=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 l.a).withUrl("".concat(t.playerApi.origin,"/hubs/interactives"),{withCredentials:!1}).configureLogging(l.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 w(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 w(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 y):(this.retryCount++,this.start())}},{key:"startSession",value:function(){return w(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 y);case 13:case"end":return e.stop()}}),e,this,[[3,10]])})))}},{key:"flush",value:function(){return w(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:b(this.cache).forEach((function(e){return w(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 w(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}(),E=n(1),S=n(76),C=n(990);n(1260);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 T(e,t){return(T=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function N(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&&T(e,t)}(i,e);var t,n,r,a=N(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}(E.a.getComponent("Button"));n(1261);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 F(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)||function(e,t){if(!e)return;if("string"==typeof e)return _(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 _(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 _(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 L(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=W(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=W(e);if(t){var a=W(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 W(e){return(W=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var z=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(W(i.prototype),"buildCSSClass",this).call(this))}},{key:"createEl",value:function(e,t,n){return M(W(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_){F(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()}))}}])&&L(t.prototype,n),r&&L(t,r),i}(E.a.getComponent("Component")),$=n(230),V=n(1099);function K(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 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,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 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}var Z=n(338);function J(e){return!!(null==e?void 0:e.toString().startsWith("new_"))}function Q(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{s(r.next(e))}catch(e){i(e)}}function c(e){try{s(r.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}s((r=r.apply(e,t||[])).next())}))},X=function(){return"/api/domain/v1/interactions/bulk"},Y=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=J(e.id),r=n?X():Y(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?s.a.post(r,JSON.stringify(a),ae):s.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,s.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,s.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,s.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,s.a.delete(ne(e),ae);case 2:case"end":return t.stop()}}),t)})))}}])&&Q(t.prototype,n),r&&Q(t,r),e}()),oe=n(342),ce=n(221),se=n(197);function le(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(327),fe=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{s(r.next(e))}catch(e){i(e)}}function c(e){try{s(r.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}s((r=r.apply(e,t||[])).next())}))},de=/[.\?!,;:\-''\(\)]/g;function me(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=me(e.text).length,n=new Array(t).fill("_").join("");return pe(e.text,n)})).join(" ")}function ye(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 be=n(1121),he=n(1100),ge=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{s(r.next(e))}catch(e){i(e)}}function c(e){try{s(r.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}s((r=r.apply(e,t||[])).next())}))};var we=n(87);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(1262);var Ee=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{s(r.next(e))}catch(e){i(e)}}function c(e){try{s(r.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}s((r=r.apply(e,t||[])).next())}))};function Se(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 Ce(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 ke(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,s=i.typeId===ce.InteractionTypeId.TrueOrFalse;function l(e){var t=n.answers.map((function(t){return t.order!==e.order?Object.assign(Object.assign({},t),{isCorrect:!s&&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)),!s&&t.length<4&&!t.find((function(e){return!e.name}))){var a=we.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(se.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(le,{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:l,isTrueOrFalse:s})})),n.question&&a.a.createElement(le,{error:n.error})),c&&s&&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(he.a,{tooltipText:"Provide answer feedback for your students"})),a.a.createElement(be.a,{id:"true-or-false-feedback",className:"form-control",minRows:2,value:n.feedback||"",onChange:function(e){r(Object.assign(Object.assign({},n),{feedback:e.target.value}))},placeholder:"Give feedback for this question"})))}var xe=n(1118),Oe=n(57),Te=n(354);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 je(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 Ae(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 Ae(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 Ae(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 Pe(e){var t=je(a.a.useState(!1),2),n=t[0],r=t[1],i=je(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(1263);var Re=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{s(r.next(e))}catch(e){i(e)}}function c(e){try{s(r.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}s((r=r.apply(e,t||[])).next())}))};var Fe=n(1153),_e=n(1404),Le=n(1405),Me={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 Ue(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 De(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 De(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function De(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function qe(e){var t=Ue(a.a.useState(""),2),n=t[0],r=t[1],i=Ue(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-dark"},"Add")))}n(1273);function Be(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 We(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 We(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 We(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 ze,$e,Ve,Ke=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{s(r.next(e))}catch(e){i(e)}}function c(e){try{s(r.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}s((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 Ze=(He(ze={},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=Be(a.a.useState(function(){var e=i.data.annotation;if(e){var t=Object(Le.a)(Me)(e);return Fe.EditorState.createWithContent(t)}return Fe.EditorState.createEmpty()}()),2),s=c[0],l=c[1],u=Be(a.a.useState(null),2),f=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==f?void 0:f.focusEditor()}},"Annotation"),a.a.createElement(se.b,{node:o})),a.a.createElement("div",{className:"cv-annotation ".concat(function(){if(!s)return!1;var e=s.getCurrentContent();return e.hasText()||"unstyled"!==e.getBlockMap().first().getType()}()?"Editor--hide-placeholder":"")},s&&a.a.createElement(_e.Editor,{editorState:s,onEditorStateChange:function(e){l(e);var t=e.getCurrentContent();if(t.hasText()){var a=Object(Le.b)(Me)(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:qe,options:["link"]}}}),a.a.createElement(le,{error:n.error}))))})),He(ze,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(Te.a)();var c=a.a.useRef(null);function l(e){e&&e[0]&&xe.a.onFileSelect(Oe.c.None,e,(function(e){oe.a.renderCropper({src:e.src,alt:"",onClickCrop:u})}))}function u(t){var a=t.split(",")[1];s.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(se.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(Pe,{onDropImage:l},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 l(e.target.files)}}))),a.a.createElement(le,{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(ze,ce.InteractionTypeId.MissingWord,(function(e){var t,n,r,i,o,c,s=e.state,l=void 0===s?(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}):s,u=e.setState,f=e.optionsPortalNode,d=!!l.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(se.b,{node:f})),a.a.createElement("input",{id:"missing-word-sentence",className:"form-control",placeholder:"Enter your sentence here",value:l.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({},l),{fullSentence:t,sentence:ye(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"},l.words.map((function(e,t){var n;return(null===(n=me(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=l.words.map((function(t){return t.order!==e?t:Object.assign(Object.assign({},t),{selected:!t.selected})})),void u(Object.assign(Object.assign({},l),{words:n,preview:ve(n),sentence:ye(n)}));var e,n}},me(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,l.preview))),a.a.createElement(le,{error:l.error}))})),He(ze,ce.InteractionTypeId.MultipleChoice,ke),He(ze,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(se.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(le,{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(he.a,{tooltipText:"Provide a suggested response for your students"})),a.a.createElement(be.a,{id:"short-answer-suggested-response",className:"form-control",minRows:2,value:n.suggestedResponse||"",onChange:function(e){r(Object.assign(Object.assign({},n),{suggestedResponse:e.target.value}))},placeholder:"Give a suggested response for this question"})))})),He(ze,ce.InteractionTypeId.TrueOrFalse,ke),ze);var Je=(He($e={},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($e,ce.InteractionTypeId.Image,(function(e){return e.url?null:"Please upload an image"})),He($e,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($e,ce.InteractionTypeId.MultipleChoice,Se),He($e,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($e,ce.InteractionTypeId.TrueOrFalse,Se),$e);var Qe=(He(Ve={},ce.InteractionTypeId.Annotation,(function(e,t){var n;return Ke(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(Ve,ce.InteractionTypeId.Image,(function(e,t){var n,r;return Re(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(Ve,ce.InteractionTypeId.MissingWord,(function(e,t){return fe(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=ye(e.words),t.name=e.preview,r=e.words.filter((function(e){return e.selected})),t.actionableItems=r.map((function(e){return{name:me(e.text),order:e.order,isCorrect:!0}})),n.next=6,ie.saveInteraction(t);case 6:case"end":return n.stop()}}),n)})))})),He(Ve,ce.InteractionTypeId.MultipleChoice,Ce),He(Ve,ce.InteractionTypeId.ShortAnswer,(function(e,t){var n,r;return ge(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(Ve,ce.InteractionTypeId.TrueOrFalse,Ce),Ve);function Ge(e){return Qe[e]}var Xe=n(1089),Ye=n(3),et=["A","B","C","D"];function tt(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(et[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 s=t.typeId===ce.InteractionTypeId.Annotation||t.typeId===ce.InteractionTypeId.MissingWord||t.typeId===ce.InteractionTypeId.MultipleChoice;return a.a.createElement(Xe.a,{title:i,text:c,html:s,className:"pr-2 ".concat(n||""),analyticsData:{id:t.interactiveId,type:o},analyticsOptions:{location:Ye.LocationContext.InteractivePlayer,entity:Ye.EntityType.Interactive,actionType:Ye.UserAction.Click,descriptor:Ye.ClickDescriptor.LaunchImmersiveReader}})}n(1274);function nt(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 rt,at=n(1069);!function(e){e[e.Incorrect=0]="Incorrect",e[e.Correct=1]="Correct",e[e.PendingReview=2]="PendingReview"}(rt||(rt={}));var it={notApplicable:function(){return at.a.NotApplicable},awaitingMarking:function(){return at.a.AwaitingMarking},isMissingWordCorrect:function(e,t){var n=e.actionableItems.filter((function(e){return e.isCorrect}));return n.every((function(e){return!t(e.id)}))?at.a.UnAnswered:n.every((function(e){var n;return e.name.trim().toLowerCase()===(null===(n=t(e.id))||void 0===n?void 0:n.trim().toLowerCase())}))?at.a.Correct:at.a.Incorrect},isMultipleChoiceCorrect:function(e,t){var n=e.actionableItems.filter((function(e){return e.isCorrect}));return n.every((function(e){return!t(e.id)}))?at.a.UnAnswered:n.every((function(e){return t(e.id)===e.name}))?at.a.Correct:at.a.Incorrect},isShortAnswerMarkedCorrect:function(e,t){var n;return e.actionableItems.forEach((function(e){var r=t(e.id);n=r?r.status!==rt.Correct?r.status!==rt.Incorrect?at.a.AwaitingMarking:at.a.Incorrect:at.a.Correct:at.a.UnAnswered})),n}};n(1275);function ot(e){return(ot="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 ct=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 st=n(333),lt=n(56),ut=n(25),ft=n(334),dt=n(1276),mt=n.n(dt),pt=["A","B","C","D"];function vt(e){var t=1===e.interaction.actionableItems.filter((function(e){return e.isCorrect})).length;function n(t,n){e.onSelectAnswer&&e.onSelectAnswer(t,n)}return a.a.createElement(a.a.Fragment,null,e.interaction.actionableItems.map((function(r,i){var o=e.getSelectedAnswer(r.id);if(e.onlyShowSelectedAnswer&&!o)return a.a.createElement(a.a.Fragment,{key:i});var c=o?"bg-info text-white":"bg-white",s=function(){return a.a.createElement(a.a.Fragment,null,pt[i])};e.showFeedback&&(c=r.isCorrect?"bg-success text-white":"bg-danger text-white ".concat(mt.a.incorrect),e.hideFeedbackIcons||(s=function(){return a.a.createElement(a.a.Fragment,null,r.isCorrect?a.a.createElement(lt.a,{size:lt.b.Small,svgName:ut.b.Check}):a.a.createElement(lt.a,{size:lt.b.Small,svgName:ut.b.Close}))}));var l=e.showFeedback?{}:{role:"button",tabIndex:0,onKeyDown:function(e){return"Enter"===e.key&&n(r,!o)}};return a.a.createElement(a.a.Fragment,{key:i},a.a.createElement("input",{id:r.id,type:t?"radio":"checkbox",name:"multiple-choice",checked:!!o,onChange:function(){return n(r,!o)},disabled:e.showFeedback,hidden:!0,tabIndex:-1}),a.a.createElement("label",Object.assign({className:"\n                d-block\n                rounded-lg\n                shadow-sm\n                mb-2\n                ".concat("sm"===e.size?"p-2":"p-3","\n                d-flex\n                justify-content-between\n                position-relative\n                ").concat(e.showFeedback?"":"cursor-pointer","\n                ").concat(mt.a.answer,"\n                ").concat(c),key:i,htmlFor:r.id},l),a.a.createElement("span",{className:"d-inline-block mr-3 cv-multiple-choice-bullet"},a.a.createElement(s,null)),a.a.createElement("span",{className:"flex-grow-1 pr-4"},r.name),!e.onlyShowSelectedAnswer&&a.a.createElement("span",{className:mt.a.avatarContainer},o&&a.a.createElement(ft.a,{imageCdnUrl:e.imageApi,initials:e.userInitials,imageUrl:e.userAvatar}))))})))}vt.defaultProps={size:"lg"};n(1277);function yt(e){return(yt="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 bt(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var ht=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 gt=n(1278),wt=n.n(gt);function It(e){function t(t){e.onSelectAnswer&&e.onSelectAnswer(t)}return a.a.createElement("div",{className:"d-flex justify-content-center"},e.interaction.actionableItems.map((function(n,r){var i=e.getSelectedAnswer(n.id),o=i?"bg-info text-white":"bg-white",c=function(){return a.a.createElement(a.a.Fragment,null)};e.showFeedback&&(o=n.isCorrect?"bg-success text-white":"bg-danger text-white ".concat(wt.a.incorrect),e.hideFeedbackIcons||(c=function(){return a.a.createElement(a.a.Fragment,null,n.isCorrect?a.a.createElement(lt.a,{size:lt.b.Small,svgName:ut.b.Check}):a.a.createElement(lt.a,{size:lt.b.Small,svgName:ut.b.Close}))}));var s=e.showFeedback?{}:{role:"button",tabIndex:0,onKeyDown:function(e){return"Enter"===e.key&&t(n)}};return a.a.createElement("label",Object.assign({key:r,htmlFor:n.id,className:"\n              d-inline-block\n              rounded-lg\n              shadow-sm\n              my-0\n              position-relative\n              overflow-hidden\n              ".concat("sm"===e.size?"p-4 mx-1 h5":"p-5 mx-2 h4","\n              ").concat(e.showFeedback?"":"cursor-pointer","\n              ").concat(o)},s),a.a.createElement("input",{id:n.id,type:"radio",name:"multiple-choice",checked:!!i,onChange:function(){return t(n)},disabled:e.showFeedback,hidden:!0}),n.name,a.a.createElement("span",{className:"position-absolute p-2 ".concat(wt.a.feedback)},a.a.createElement(c,null)),a.a.createElement("span",{className:"".concat(wt.a.avatarContainer).concat("sm"===e.size?" ".concat(wt.a.avatarContainerSmall):"")},i&&a.a.createElement(ft.a,{imageCdnUrl:e.imageApi,initials:e.userInitials,imageUrl:e.userAvatar})))})))}It.defaultProps={size:"lg"};var Et,St,Ct,kt,xt;function Ot(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Tt=function(){return!0},Nt=function(){return!1},jt=(Ot(Et={},ce.InteractionTypeId.Annotation,Nt),Ot(Et,ce.InteractionTypeId.Image,Nt),Ot(Et,ce.InteractionTypeId.MissingWord,Tt),Ot(Et,ce.InteractionTypeId.MultipleChoice,Tt),Ot(Et,ce.InteractionTypeId.ShortAnswer,(function(e){return!!e.data.suggestedResponse})),Ot(Et,ce.InteractionTypeId.TrueOrFalse,Tt),Et);function At(e){return jt[e]}var Pt=(Ot(St={},ce.InteractionTypeId.Annotation,(function(e){var t=e.interaction.data.annotation.replace(/<(a)(.*?)>/g,'<$1 target="_blank" $2>');return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("div",{dangerouslySetInnerHTML:{__html:t}}),a.a.createElement(tt,{interaction:e.interaction}))})),Ot(St,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(tt,{interaction:e.interaction,className:"ml-2"})))))})),Ot(St,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.stopPropagation(),r.target.value){var a,i,o;n((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,s=e.id,l=(c[s],ct(c,["symbol"===ot(s)?s:s+""]));n(l,!0)}}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 s=e.replace("cv-missing-word-",""),l=r.actionableItems.find((function(e){return e.order.toString()===s}));if(l){var u,f,d=t[l.id]||"",m=(u=l.name,(f=document.createElement("canvas").getContext("2d")).font="17pt arial",f.measureText(u).width);if(i){var p=l.name.toLowerCase().toString()===(null===(o=t[l.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"},l.name))}return a.a.createElement("span",{className:"cv-missing-word-input-container",key:n},a.a.createElement("input",{style:{width:m+"px"},onChange:function(e){return c(l,e)},value:d,disabled:!!t.submitted,className:"cv-missing-word-input",autoComplete:"off"}))}}))),a.a.createElement(nt,{error:t.error}),a.a.createElement(tt,{interaction:e.interaction}))})),Ot(St,ce.InteractionTypeId.MultipleChoice,(function(e){var t=e.state,n=e.setState,r=e.interaction,i=e.showFeedback,o=e.imageApi,c=e.currentUser,s=1===r.actionableItems.filter((function(e){return e.isCorrect})).length;return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("p",null,r.name,a.a.createElement(tt,{interaction:e.interaction,className:"ml-2"})),!s&&a.a.createElement("p",{className:"text-muted"},a.a.createElement("small",null,"This question has multiple correct answers")),a.a.createElement(vt,{interaction:r,showFeedback:i,onSelectAnswer:function(e,r){if(!t.submitted)if(s)n(bt({},e.id,e.name),!0);else if(r)n(bt({},e.id,e.name));else{var a=t,i=e.id,o=(a[i],ht(a,["symbol"===yt(i)?i:i+""]));n(o,!0)}},getSelectedAnswer:function(e){return t[e]},imageApi:o.toString(),userInitials:st.a.getInitials(c.givenName,c.familyName),userAvatar:c.avatar}),a.a.createElement(nt,{error:t.error}))})),Ot(St,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(tt,{interaction:t,className:"ml-2"})),a.a.createElement(be.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(nt,{error:n.error}))})),Ot(St,ce.InteractionTypeId.TrueOrFalse,(function(e){var t=e.state,n=e.setState,r=e.interaction,i=e.showFeedback,o=e.imageApi,c=e.currentUser,s=r.actionableItems.find((function(e){return e.isCorrect}));return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("p",null,r.name,a.a.createElement(tt,{interaction:e.interaction,className:"ml-2"})),a.a.createElement(It,{interaction:r,showFeedback:i,onSelectAnswer:function(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)},getSelectedAnswer:function(e){return t[e]},imageApi:o.toString(),userInitials:st.a.getInitials(c.givenName,c.familyName),userAvatar:c.avatar}),i&&a.a.createElement("div",{className:"text-center px-5 mt-3"},a.a.createElement("p",null,"The answer is ",a.a.createElement("strong",null,s.name)),r.data.feedback&&a.a.createElement("p",null,r.data.feedback)),a.a.createElement(nt,{error:t.error}))})),St);function Rt(){return""}var Ft=(Ot(Ct={},ce.InteractionTypeId.Annotation,Rt),Ot(Ct,ce.InteractionTypeId.Image,Rt),Ot(Ct,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"})),Ot(Ct,ce.InteractionTypeId.MultipleChoice,(function(e){return Object.keys(e).length?null:"Please choose an answer"})),Ot(Ct,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"})),Ot(Ct,ce.InteractionTypeId.TrueOrFalse,(function(e){return Object.keys(e).length?null:"Please choose an answer"})),Ct);var _t=(Ot(kt={},ce.InteractionTypeId.Annotation,null),Ot(kt,ce.InteractionTypeId.Image,null),Ot(kt,ce.InteractionTypeId.MissingWord,(function(e,t,n){return n(t.id,Object.keys(e).map((function(t){return{actionableItemId:t,value:e[t].toString()}})))})),Ot(kt,ce.InteractionTypeId.MultipleChoice,(function(e,t,n){return n(t.id,Object.keys(e).map((function(t){return{actionableItemId:t,value:e[t]}})))})),Ot(kt,ce.InteractionTypeId.ShortAnswer,(function(e,t,n){return n(t.id,Object.keys(e).map((function(t){return{actionableItemId:t,value:e[t].toString()}})))})),Ot(kt,ce.InteractionTypeId.TrueOrFalse,(function(e,t,n){return n(t.id,Object.keys(e).map((function(t){return{actionableItemId:t,value:e[t]}})))})),kt);function Lt(e){return _t[e]}var Mt=(Ot(xt={},ce.InteractionTypeId.Annotation,it.notApplicable),Ot(xt,ce.InteractionTypeId.Image,it.notApplicable),Ot(xt,ce.InteractionTypeId.MissingWord,(function(e,t){return it.isMissingWordCorrect(t,(function(t){return e[t]}))})),Ot(xt,ce.InteractionTypeId.MultipleChoice,(function(e,t){return it.isMultipleChoiceCorrect(t,(function(t){return e[t]}))})),Ot(xt,ce.InteractionTypeId.ShortAnswer,it.awaitingMarking),Ot(xt,ce.InteractionTypeId.TrueOrFalse,(function(e,t){return t.actionableItems.filter((function(e){return e.isCorrect})).every((function(t){return e[t.id]===t.name}))?at.a.Correct:at.a.Incorrect})),xt);function Ut(e){return Mt[e]}function Dt(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var qt={interactions:{},timepoints:{}};function Bt(e,t){return"interaction"===t.type?{timepoints:e.timepoints,interactions:Object.assign(Object.assign({},e.interactions),Dt({},t.id,t.value))}:"timepoint"===t.type?{interactions:e.interactions,timepoints:Object.assign(Object.assign({},e.timepoints),Dt({},t.id,t.value))}:void 0}function Wt(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 zt(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 zt(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 zt(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},Vt=function(e){var t=e.mode,n=e.timepoint,r=e.latestSession,i=t===c.InteractiveMode.Create,o=Wt(a.a.useReducer(Bt,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]),(Dt(n={},t.actionableItemId,t.data),Dt(n,"submitted",!0),n)),e}),{})}:qt}(r)})),2),s=o[0],l=o[1],u=v(null==n?void 0:n.id),f=null==n?void 0:n.interactions[u.interactionIndex],d="number"==typeof u.nextInteractionIndex?null==n?void 0:n.interactions[u.nextInteractionIndex]:null,m=y(null==f?void 0:f.id),p=y(null==d?void 0:d.id);function v(e){return e&&s.timepoints[e]||$t}function y(e){if(!e)return{};var t=s.interactions[e];return t||i?t:{}}function b(e,t,n){var r=y(e);l({type:"interaction",id:e,value:Object.assign(Object.assign({},n?{}:r),t)})}return{state:s,interaction:f,interactionState:m,timepointState:u,nextInteraction:d,nextInteractionState:p,getTimepointState:v,getInteractionState:y,updateTimepointState:function(e,t){var n=v(e);l({type:"timepoint",id:e,value:Object.assign(Object.assign({},n),t)})},updateInteractionState:b,clearTimepointState:function(e){l({type:"timepoint",id:e,value:void 0})},clearInteractionState:function(e){l({type:"interaction",id:e,value:void 0})},userUpdateInteractionState:function(e,t){b(f.id,Object.assign(Object.assign({},e),{hasChanges:!0,error:null}),t)}}},Kt=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{s(r.next(e))}catch(e){i(e)}}function c(e){try{s(r.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}s((r=r.apply(e,t||[])).next())}))},Ht=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},Zt=!1,Jt=function(e){var t=e.interactive,n=e.timepoint,r=e.player,i=e.mode,o=e.resultsService,s=e.latestSession,l=e.analyticsService,u=Ht(e,["interactive","timepoint","player","mode","resultsService","latestSession","analyticsService"]),f=Vt({mode:i,timepoint:n,latestSession:s}),d=f.state,m=f.interaction,p=f.interactionState,v=f.timepointState,y=f.nextInteraction,b=f.nextInteractionState,h=Ht(f,["state","interaction","interactionState","timepointState","nextInteraction","nextInteractionState"]),g=i===c.InteractiveMode.Create;function w(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){var n=C.a.getTypeInfo(e.typeId);return{id:J(e.id)?void 0:e.id,typeId:e.typeId,type:n.typeName,interactiveId:t.id,timepointId:J(e.timepointId)?void 0:e.timepointId,order:e.order}}function E(e){return Kt(this,void 0,void 0,regeneratorRuntime.mark((function n(){var r,a,i,o,c,s,f;return regeneratorRuntime.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(r=w(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(o=I(a),J(a.id)){n.next=10;break}return n.next=7,ie.deleteInteraction(a.id);case 7:l.logUserAction(o,{actionType:Ye.UserAction.Delete,entity:Ye.EntityType.Interaction,workflowPhase:Ye.WorkflowPhase.Complete}),n.next=11;break;case 10:l.logUserAction(o,{actionType:Ye.UserAction.Create,entity:Ye.EntityType.Interaction,workflowPhase:Ye.WorkflowPhase.Discard});case 11:if(c=i.interactions.findIndex((function(e){return e.id===a.id})),i.interactions.splice(c,1),h.clearInteractionState(a.id),s=h.getTimepointState(i.id),c<s.interactionIndex&&h.updateTimepointState(i.id,{interactionIndex:s.interactionIndex-1}),!(i.interactions.length>0)){n.next=18;break}return n.abrupt("return");case 18:if(J(i.id)){n.next=21;break}return n.next=21,ie.deleteTimepoint(i.id);case 21:f=t.timepoints.findIndex((function(e){return e.id===i.id})),t.timepoints.splice(f,1),u.removeCue(i.visibleAt/1e3),h.clearTimepointState(i.id);case 25:case"end":return n.stop()}}),n)})))}function S(e){if(m){var t=J(m.id);if(t||(null==p?void 0:p.hasChanges)||(null==v?void 0:v.hasChanges)){oe.a.render(a.a.createElement("p",null,"Do you want to discard your changes?"),{title:"Unsaved changes",success:function(){(null==v?void 0:v.hasChanges)&&N(!0),t?E(m.id):h.clearInteractionState(m.id),e&&e()},buttons:[{variant:"link",buttonText:"Cancel"},{variant:"danger",success:!0,buttonText:"Discard"}]})}else e&&e()}else e&&e()}function k(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(g)S((function(){h.updateTimepointState(n.id,{interactionIndex:e})}));else{var r=function(){h.updateTimepointState(n.id,{nextInteractionIndex:e}),window.requestAnimationFrame((function(){h.updateTimepointState(n.id,{nextInteractionIndex:e,slideIn:!0}),window.setTimeout((function(){h.updateTimepointState(n.id,{interactionIndex:e,nextInteractionIndex:null,slideIn:null})}),400)}))};t?S(r):r()}}function x(){v.interactionIndex+1>=n.interactions.length?u.continueInteractive():k(v.interactionIndex+1,!1)}function O(){t.timepoints.sort((function(e,t){return e.visibleAt>t.visibleAt?1:t.visibleAt>e.visibleAt?-1:0}))}function T(){k(n.interactions.length)}function N(e){(null==v?void 0:v.hasChanges)&&(e&&u.moveTimepoint(v.originalVisibleAt),h.updateTimepointState(n.id,{hasChanges:void 0,originalVisibleAt:void 0}),Zt=!1)}return{state:d,interaction:m,interactionState:p,timepointState:v,nextInteraction:y,nextInteractionState:b,skip:x,cancel:function(){return Kt(this,void 0,void 0,regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!(null==p?void 0:p.hasChanges)){e.next=3;break}return S(),e.abrupt("return");case 3:return e.next=5,E(m.id);case 5:u.setOpen(!0);case 6:case"end":return e.stop()}}),e)})))},addAnotherQuestion:T,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),h.updateTimepointState(a.id,{interactionIndex:a.interactions.indexOf(i)})},discardChanges:S,changeIndex:k,promptDelete:function(e){var t=I(w(e).localInteraction);l.logUserAction(t,{actionType:Ye.UserAction.Delete,entity:Ye.EntityType.Interaction,workflowPhase:Ye.WorkflowPhase.Start}),oe.a.render(a.a.createElement("p",null,"Are you sure you want to delete this question?"),{title:"Delete question",success:function(){return E(e)},buttons:[{variant:"link",buttonText:"Cancel"},{variant:"danger",success:!0,buttonText:"Delete question"}]})},showTypeSelector:function(){r.pause(),u.setOpen(!0),n&&T()},cancelTypeSelector:function(){n?k(v.interactionIndex-1):(u.setOpen(!1),r.play())},deleteInteraction:E,saveInteraction:function(){return Kt(this,void 0,void 0,regeneratorRuntime.mark((function e(){var t,r,a,i,o,c;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(g){e.next=2;break}throw new Error("Should not be calling onClickSave while viewing an interactive");case 2:if(s=m.typeId,!(t=(0,Je[s])(h.getInteractionState(m.id),m))){e.next=7;break}return h.updateInteractionState(m.id,{error:t}),e.abrupt("return");case 7:if(h.updateInteractionState(m.id,{spinner:!0}),!J(n.id)){e.next=15;break}return r=n.id,e.next=12,ie.saveTimepoint(n);case 12:u.updateCue(r,n.id),h.clearTimepointState(r),(null==v?void 0:v.hasChanges)&&(O(),N());case 15:return m.timepointId=n.id,a=m.id,i=Ge(m.typeId),e.next=20,i(h.getInteractionState(m.id),m);case 20:h.clearInteractionState(a),o=J(a),c=I(m),l.logUserAction(c,{actionType:o?Ye.UserAction.Create:Ye.UserAction.Edit,entity:Ye.EntityType.Interaction,workflowPhase:o?Ye.WorkflowPhase.Complete:Ye.WorkflowPhase.Save});case 24:case"end":return e.stop()}var s}),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:{}},c=I(o);if(l.logUserAction(c,{actionType:Ye.UserAction.Create,entity:Ye.EntityType.Interaction,workflowPhase:Ye.WorkflowPhase.Start}),n)return n.interactions.push(o),void k(v.interactionIndex);var s=r.currentTime();t.timepoints||(t.timepoints=[]),t.timepoints.push({id:i,visibleAt:1e3*s,interactiveId:t.id,shouldPause:1,interactions:[o]}),O(),u.addCue(i)},submitInteractionAnswer:function(){return Kt(this,void 0,void 0,regeneratorRuntime.mark((function e(){var r,a,s,f,d;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(!p.submitted){e.next=8;break}if(!(v.interactionIndex>=n.interactions.length)){e.next=6;break}return u.continueInteractive(),e.abrupt("return");case 6:return k(v.interactionIndex+1),e.abrupt("return");case 8:if(p.error,p.hasChanges,p.submitted,p.spinner,r=Ht(p,["error","hasChanges","submitted","spinner"]),y=m.typeId,!(a=(0,Ft[y])(r,m))){e.next=14;break}return h.updateInteractionState(m.id,{error:a}),e.abrupt("return");case 14:if(!o||!p.hasChanges){e.next=22;break}if(s=Lt(m.typeId),h.updateInteractionState(m.id,{spinner:!0}),!s){e.next=22;break}return e.next=20,s(r,m,o.save);case 20:f=I(m),l.logUserAction(f,{actionType:Ye.UserAction.Answer,entity:Ye.EntityType.Interaction});case 22:if(h.updateInteractionState(m.id,{submitted:!0,error:null,hasChanges:!1,spinner:!1}),t.immediateFeedback){e.next=26;break}return x(),e.abrupt("return");case 26:d=At(m.typeId),d(m)||x();case 29:case"end":return e.stop()}var y}),e)})))},userUpdateInteractionState:h.userUpdateInteractionState,updateTimepointTime:function(e){var a=r.duration(),i=function(e){for(var r=n.visibleAt+1e3*e,a=e>0,i=0;i<t.timepoints.length;i++){var o=t.timepoints[i];r<o.visibleAt-1e3||r>o.visibleAt+1e3||(r=a?o.visibleAt+1001:o.visibleAt-1001,i=0)}return r}(e);if(!(i/1e3>a||i<0)){var o=n.visibleAt;Zt||(Zt=!0,h.updateTimepointState(n.id,{originalVisibleAt:o,hasChanges:!0})),u.moveTimepoint(i)}},saveTimepoint:function(){return Kt(this,void 0,void 0,regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!J(n.id)){e.next=2;break}return e.abrupt("return");case 2:return e.next=4,ie.updateTimepoint(n);case 4:O(),N();case 6:case"end":return e.stop()}}),e)})))},clearTimepointTimeState:N,reOrderQuestions:function(e){return Kt(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[v.interactionIndex],n.interactions=e,h.updateTimepointState(n.id,{interactionIndex:e.indexOf(a)});case 10:case"end":return t.stop()}}),t)})))}}},Qt=n(1279),Gt=n.n(Qt);function Xt(e){var t="".concat(e.className," ").concat(Gt.a.iconButton);e.children?t+=" ".concat(Gt.a.iconWithText):t+=" ".concat(Gt.a.iconOnly);var n=a.a.createElement(lt.a,{svgName:e.svgName,className:Gt.a.svg});return a.a.createElement(ue.a,{className:t,onClick:e.onClick},n,e.children)}function Yt(e){var t=e.isCreate,n=e.open,r=e.showTypeSelector;return!t||n?a.a.createElement(a.a.Fragment,null):a.a.createElement(Xt,{className:"btn btn-outline-dark cv-add-question",onClick:r,svgName:ut.b.Plus},"Add question")}var en=n(1120);function tn(){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 nn(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 s=n.timepoints.reduce((function(e,t){return e+t.interactions.length}),0);return a.a.createElement(se.a,{node:i},s?a.a.createElement(a.a.Fragment,null,a.a.createElement("h2",{className:"h4 mt-3"},"Question List (",s,")"),a.a.createElement(en.a,{interactive:n,maxHeight:300,goToTimepoint:o,selectedInteractionId:null==r?void 0:r.id,onClickDelete:t?c:void 0})):t?a.a.createElement(tn,null):a.a.createElement(a.a.Fragment,null))}var rn=n(1410);function an(e,t){if(t===c.InteractiveMode.Create)return function(e){return Ze[e]}(e);if(t===c.InteractiveMode.View)return function(e){return Pt[e]}(e);throw new Error("Cannot find components for the mode ".concat(t))}var on=n(226);n(1281);function cn(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 sn(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 sn(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 sn(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 ln=[ce.InteractionTypeId.MissingWord,ce.InteractionTypeId.MultipleChoice,ce.InteractionTypeId.TrueOrFalse,ce.InteractionTypeId.ShortAnswer,ce.InteractionTypeId.Image,ce.InteractionTypeId.Annotation];function un(e){var t=e.addInteraction,n=e.cancelTypeSelector,r=e.player,i=e.timepoint,o=e.open,c=e.isCreate,s=e.interaction,l=cn(a.a.useState(Object(on.a)(r.currentTime()||0)),2),u=l[0],f=l[1];return a.a.useEffect((function(){var e=function(){f(Object(on.a)(r.currentTime()))};return r.on("timeupdate",e),function(){return r.off("timeupdate",e)}}),[]),s||!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),ln.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 fn(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 dn(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 dn(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 dn(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 mn(e){var t=e.typeId,n=e.currentIndex,r=e.numberOfInteractions,i=e.changeIndex,o=e.player,c=fn(a.a.useState(Object(on.a)(o.currentTime()||0)),2),s=c[0],l=c[1];a.a.useEffect((function(){var e=function(){l(Object(on.a)(o.currentTime()))};return o.on("timeupdate",e),function(){return o.off("timeupdate",e)}}),[]);var u=C.a.getTypeInfo(t),f=u.name,d=u.bgClassName,m=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(lt.a,{size:lt.b.Medium,svgName:ut.b.ChevronLeft})),a.a.createElement("div",null,a.a.createElement("div",{className:"h6 mb-0"},f),r>1&&a.a.createElement("div",null,n+1," of ",r," at ",s)),a.a.createElement(ue.a,{onClick:function(){m&&i(n+1)},className:m?"":"invisible"},a.a.createElement(lt.a,{size:lt.b.Medium,svgName:ut.b.ChevronRight})))}n(1282);function pn(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 vn(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(mn,{typeId:n.typeId,changeIndex:i,player:r,currentIndex:o.interactionIndex,numberOfInteractions:c.interactions.length}):a.a.createElement(pn,{typeId:n.typeId})}var yn=n(34);function bn(e){var t=e.interaction,n=e.interactionState,a=e.onClickContinue,i=e.onClickSave,o=e.onClickCancel,c=e.onClickAddAnother,s=e.onClickDiscard,l=J(t.id),u=!!(null==n?void 0:n.hasChanges),f=!!(null==n?void 0:n.spinner);return r.createElement("div",{className:"cv-timpoint-button-container"},l?r.createElement(ue.a,{className:"btn btn-link",onClick:o},"Cancel"):u?r.createElement(ue.a,{className:"btn btn-link",onClick:s},"Discard"):r.createElement(ue.a,{className:"btn btn-link",onClick:c},"Add another question"),f?r.createElement(ue.a,{className:"btn btn-dark ml-2 cv-interactive-spinner",onClick:function(){}},r.createElement(yn.Spinner,{as:"span",animation:"border",role:"status",size:"sm"})):l?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(Xt,{className:"btn btn-dark ml-2",onClick:a,svgName:ut.b.Play},"Continue"))}function hn(e){var t=e.typeId,n=e.interactionState,a=e.onClickSkip,i=e.numberOfInteractions,o=e.currentIndex,c=e.changeIndex,s=!!(null==n?void 0:n.submitted),l=!!(null==n?void 0:n.hasChanges),u=!!(null==n?void 0:n.spinner),f=!!Lt(t),d=o<i-1;function m(){d&&c(o+1)}var p=o>0;function v(){l&&e.onClickSubmit()}return r.createElement("div",{className:"cv-timpoint-button-container flex-wrap"},!s&&f&&r.createElement(ue.a,{className:"btn btn-link",onClick:a},"Come back later"),i>1&&o>0&&r.createElement(Xt,{className:"btn btn-dark ml-2 ".concat(p?"":"disabled"),onClick:function(){p&&c(o-1)},svgName:ut.b.ChevronUp}),u?r.createElement(ue.a,{className:"btn btn-dark ml-2 cv-interactive-spinner",onClick:function(){}},r.createElement(yn.Spinner,{as:"span",animation:"border",role:"status",size:"sm"})):s||!f?1===i||o===i-1?r.createElement(Xt,{className:"btn btn-dark ml-2",onClick:a,svgName:ut.b.Play},"Continue"):r.createElement(ue.a,{className:"btn btn-dark ml-2 ".concat(d?"":"disabled"),onClick:m},"Next"):r.createElement(ue.a,{className:"btn btn-dark ml-2 ".concat(l?"":"disabled"),onClick:v},"Save"))}function gn(e){var t=e.isCreate,n=e.interaction,r=e.interactionState,i=e.continueInteractive,o=e.saveInteraction,c=e.cancel,s=e.addAnotherQuestion,l=e.discardChanges,u=e.submitInteractionAnswer,f=e.skip,d=e.changeIndex,m=e.timepoint,p=e.currentIndex;return a.a.createElement(a.a.Fragment,null,t?a.a.createElement(bn,{interaction:n,interactionState:r,onClickContinue:i,onClickSave:o,onClickCancel:c,onClickAddAnother:s,onClickDiscard:function(){return l()}}):a.a.createElement(hn,{typeId:n.typeId,interactionState:r,onClickSubmit:u,onClickSkip:f,changeIndex:d,currentIndex:p,numberOfInteractions:m.interactions.length}))}var wn=n(987);function In(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>1){var s=J(n.id);c.push({label:"Re-order questions",onClick:function(){return o("reorder")},className:s?"disabled":""})}return c.push({label:"Delete",onClick:function(){return r(n.id)},className:"text-danger"}),a.a.createElement(se.a,{node:i},!!n&&a.a.createElement(wn.a,{actions:c}))}n(1283),n(1284);function En(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 Sn(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 Sn(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 Sn(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 Cn=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{s(r.next(e))}catch(e){i(e)}}function c(e){try{s(r.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}s((r=r.apply(e,t||[])).next())}))},kn=null,xn=0,On=1;function Tn(e){var t=e.timepoint,n=e.updateTimepointTime,r=e.saveTimepoint,i=e.back,o=e.clearTimepointTimeState,c=En(a.a.useState(Object(on.a)(t.visibleAt/1e3)),2),s=c[0],l=c[1],u=En(a.a.useState(!1),2),f=u[0],d=u[1];function m(e){n(e*On),l(Object(on.a)(t.visibleAt/1e3)),2===++xn?On=5:4===xn?On=20:6===xn?On=60:8===xn&&(On=120),kn||(kn=window.setInterval((function(){return m(e)}),200),window.addEventListener("mouseup",p))}function p(){window.removeEventListener("mouseup",p),window.clearInterval(kn),kn=null,xn=0,On=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 m(-1)},onKeyDown:function(e){e.stopPropagation(),13===e.keyCode&&0===xn&&m(-1)},onKeyUp:p}),a.a.createElement("input",{className:"form-control form-control-lg text-center d-inline-block cv-move-timepoint-input",value:s,onChange:function(){},onKeyDown:function(e){e.stopPropagation(),37===e.keyCode&&0===xn&&m(-1),39===e.keyCode&&0===xn&&m(1)},onKeyUp:p}),a.a.createElement(ue.a,{className:"cv-right-arrow d-inline-block cursor-pointer",onClick:function(){},onMouseDown:function(){return m(1)},onKeyDown:function(e){e.stopPropagation(),13===e.keyCode&&0===xn&&m(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"),f?a.a.createElement(ue.a,{className:"btn btn-dark ml-2 cv-interactive-spinner",onClick:function(){}},a.a.createElement(yn.Spinner,{as:"span",animation:"border",role:"status",size:"sm"})):a.a.createElement(ue.a,{className:"btn btn-dark",onClick:function(){return Cn(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 Nn=n(959),jn=n(1285),An=n.n(jn),Pn=n(1109);function Rn(e){return function(e){if(Array.isArray(e))return Ln(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||_n(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Fn(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)||_n(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _n(e,t){if(e){if("string"==typeof e)return Ln(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)?Ln(e,t):void 0}}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}var Mn=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{s(r.next(e))}catch(e){i(e)}}function c(e){try{s(r.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}s((r=r.apply(e,t||[])).next())}))};var Un=Object(Nn.SortableElement)((function(e){var t=e.interaction,n=C.a.getTypeInfo(t.typeId).bgClassName;return a.a.createElement("div",{className:"py-2 text-left"},a.a.createElement("span",{className:An.a.dragIcon},a.a.createElement(lt.a,{size:lt.b.Small,svgName:ut.b.Handle})),a.a.createElement(Pn.a,{interaction:t,iconClassName:"".concat(An.a.type," ").concat(n),questionClassName:"".concat(An.a.name," clamp-1")}))})),Dn=Object(Nn.SortableContainer)((function(e){var t=e.interactions,n=function(){var e=a.a.useRef();function t(){document.body.style.cursor="",document.removeEventListener("mouseup",t),e.current&&(e.current.style.cursor="grab")}return{ref:e,style:{cursor:"grab"},onMouseDown:function(){document.body.style.cursor="grabbing",document.addEventListener("mouseup",t),e.current&&(e.current.style.cursor="grabbing")},onMouseUp:t}}();return a.a.createElement("div",Object.assign({tabIndex:0},n),t.map((function(e,t){return a.a.createElement(Un,{key:e.id,index:t,interaction:e})})))}));function qn(e){var t=Fn(a.a.useState(!1),2),n=t[0],r=t[1],i=Fn(a.a.useState(Rn(e.interactions)),2),o=i[0],c=i[1],s=Fn(a.a.useState(!1),2),l=s[0],u=s[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(Dn,{onSortEnd:function(e){var t=e.oldIndex,n=e.newIndex;t!==n&&(c(Rn(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:An.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(Rn(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(yn.Spinner,{as:"span",animation:"border",role:"status",size:"sm"})):a.a.createElement(ue.a,{className:"btn btn-dark ".concat(l?"":"disabled"),onClick:function(){return Mn(this,void 0,void 0,regeneratorRuntime.mark((function t(){return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(l){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")))}var Bn=n(83),Wn=n(30);function zn(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 $n(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 $n(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 $n(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 Vn(e){var t=e.isCreate,n=e.interaction,r=e.mode,i=e.immediateFeedback,o=e.interactionState,c=e.shouldFocus,s=e.delayFocus,l=e.open,u=e.timepoint,f=e.userUpdateInteractionState,d=e.submitInteractionAnswer,m=e.saveInteraction,p=a.a.useRef(),v=a.a.useRef(),y=Object(Bn.a)(Wn.a.XLDown),b=!t||y;function h(){return!!p.current&&(!!c&&!!l)}function g(){p.current&&(p.current.focus(),E(!0))}var w=zn(a.a.useState(!1),2),I=w[0],E=w[1];a.a.useEffect((function(){h()&&(I||(s&&b?window.setTimeout((function(){h()&&g()}),400):g()))}),[p.current,I]);var S=zn(a.a.useState("question"),2),C=S[0],k=S[1],x=a.a.useMemo((function(){return Object(se.c)()}),[]),O=n?an(n.typeId,r):null,T=i;return t||(T=T&&(null==o?void 0:o.submitted)),a.a.createElement(a.a.Fragment,null,a.a.createElement(In,Object.assign({optionsPortalNode:x,setView:k},e)),a.a.createElement(rn.a,{style:{height:"100%"},ref:v},a.a.createElement(un,Object.assign({},e)),!!n&&a.a.createElement("div",{className:"d-flex flex-column h-100"},a.a.createElement(vn,Object.assign({},e)),"question"===C&&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?m():d()}},a.a.createElement("div",{className:"cv-timepoint-padding"},a.a.createElement("div",{ref:p,tabIndex:0}),a.a.createElement(O,Object.assign({state:o,setState:f,recalculateScroll:function(){v.current.recalculate()},showFeedback:T,optionsPortalNode:x},e)))),a.a.createElement(gn,Object.assign({},e))),"move"===C&&a.a.createElement(Tn,Object.assign({back:function(){return k("question")}},e)),"reorder"===C&&a.a.createElement(qn,Object.assign({back:function(){return k("question")},interactions:u.interactions},e)))))}n(1286);function Kn(e){var t=e.open,n=e.nextInteraction,r=e.nextInteractionState,i=e.timepointState,o=e.interaction,c=e.delayFocus,s=n&&i.nextInteractionIndex<i.interactionIndex,l=n&&i.nextInteractionIndex>i.interactionIndex,u=l&&i.slideIn,f=s&&i.slideIn;return a.a.createElement("div",{className:"cv-interactive ".concat(t?"cv-open":"")},s&&a.a.createElement("div",{className:"cv-prev-interaction ".concat(i.slideIn?"cv-slide-in":"")},a.a.createElement(Vn,Object.assign({},e,{currentIndex:i.nextInteractionIndex,interaction:n,interactionState:r}))),a.a.createElement("div",{className:"\n        cv-main-slide\n        ".concat(u?"cv-slide-out-up":"","\n        ").concat(f?"cv-slide-out-down":"","\n        ").concat(n?"cv-transitioning":"","\n      ")},a.a.createElement(Vn,Object.assign({key:null==o?void 0:o.id},e,{currentIndex:i.interactionIndex,shouldFocus:o&&!s&&!l,delayFocus:c}))),l&&a.a.createElement("div",{className:"cv-next-interaction ".concat(i.slideIn?"cv-slide-in":"")},a.a.createElement(Vn,Object.assign({},e,{currentIndex:i.nextInteractionIndex,interaction:n,interactionState:r}))))}n(1287);function Hn(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 Zn(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 Zn(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 Zn(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 Jn(e){var t=e.player,n=e.resultsService,r=e.interactive,i=e.setShowSummary,o=Hn(a.a.useState(!1),2),c=o[0],s=o[1];function l(){t.currentTime()>r.timepoints[r.timepoints.length-1].visibleAt/1e3+1?s(!0):s(!1)}return a.a.useEffect((function(){if(n)return t.on("timeupdate",l),function(){return t.off("timeupdate",l)}}),[]),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(1288),Gn=n.n(Qn);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)||function(e,t){if(!e)return;if("string"==typeof e)return Yn(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 Yn(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 Yn(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.duration,n=e.progress,r=e.player,i=Xn(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:Gn.a.progress,style:{left:"".concat(r,"%"),right:"".concat(i,"%")}})})))}var tr=n(1289),nr=n.n(tr);function rr(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(nr.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 ar=n(151),ir=n(1290),or=n.n(ir);function cr(e){var t=e.showSummary,n=e.setShowSummary,r=e.state,i=e.interactive,o=e.player,c=e.progress,s=e.portalNode,l=a.a.useRef();function u(){n(!1),o.show(),o.play()}function f(t,n){u(),e.goToTimepoint(t,n)}if(!s||!t)return a.a.createElement(a.a.Fragment,null);var d=0,m=0,p=0;i.timepoints.forEach((function(e){e.interactions.forEach((function(e){var t=r.interactions[e.id],n=Ut(e.typeId)(t||{},e);n===at.a.Correct&&d++,n!==at.a.NotApplicable&&m++,n!==at.a.NotApplicable&&(null==t?void 0:t.submitted)&&p++}))}));var v=o.ended(),y=o.duration();return a.a.createElement(se.a,{node:s},a.a.createElement("div",{className:"cursor-pointer my-4 ".concat(or.a.bar),onClick:function(e){if(l.current){var t=l.current.getBoundingClientRect(),n=(e.pageX-t.left)/t.width*y;u(),o.currentTime(n)}},ref:l},a.a.createElement(er,{duration:y,progress:c,interactive:i,player:o}),a.a.createElement(rr,{duration:y,interactive:i,goToTimepoint:f})),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,"/",m),a.a.createElement("span",{className:"d-inline-block mb-3"},"You have answered ",a.a.createElement("strong",{className:p!==m?"text-danger":""},p)," of ",a.a.createElement("strong",null,m)," questions")),a.a.createElement("span",null,a.a.createElement(ar.a,{svgName:ut.b.Play,className:"btn btn-outline-dark",onClick:function(){u(),o.ended()&&o.currentTime(0)}},v?"Play again":"Continue watching"))),a.a.createElement(en.a,{interactive:i,maxHeight:9999,getCorrectness:function(e){var t=r.interactions[e.id],n=Ut(e.typeId)(t||{},e);return n===at.a.NotApplicable||(null==t?void 0:t.submitted)?i.immediateFeedback||n!==at.a.Correct&&n!==at.a.Incorrect?n:at.a.Answered:at.a.UnAnswered},goToTimepoint:f}))}function sr(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 lr(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 lr(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 lr(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 ur(e){var t=e.resultsService,n=e.player,r=sr(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(Jn,Object.assign({setShowSummary:o},e)),a.a.createElement(cr,Object.assign({showSummary:i,setShowSummary:o},e)))}n(1291);var fr=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 dr(e){var t=e.player,n=e.track,r=e.mode,i=e.interactive,o=e.imageApi,s=e.questionListPortalNode,l=e.summaryPortalNode,u=e.resultsService,f=e.currentUser,d=e.progress,m=e.latestSession,p=e.clipOffset,v=e.analyticsService,y=function(e){var t=e.player,n=e.track,r=e.interactive,i=e.clipOffset,o=K(a.a.useState(!1),2),c=o[0],s=o[1],l=K(a.a.useState(!1),2),u=l[0],f=l[1],d=K(a.a.useState(null),2),m=d[0],p=d[1];function v(e){return i?e+i:e}function y(e){f(!!e&&c),s(e)}function b(){var e=n.activeCues;if(!e.length)return y(!1),void p(null);var a=r.timepoints.find((function(t){return t.id.toString()===e[0].text.toString()}));if(!a)return y(!1),void p(null);a.shouldPause&&(t.seeking()?t.one("play",(function(){return t.pause()})):t.pause()),y(!0),p(a)}function h(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",b),function(){return n.removeEventListener("cuechange",b)}})),{open:c,setOpen:y,wasOpen:u,timepoint:m,continueInteractive:function(){y(!1),t.play()},updateCue:function(e,t){var n=h(e);n.text=t.toString(),n.originalCue_.text=t.toString()},addCue:function(e){var r=t.currentTime();n.addCue({startTime:v(r)-.001,endTime:v(r+1),text:e}),n.trigger("cv:cuechange"),t.paused()&&n.trigger("cuechange")},removeCue:function(e){e=v(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=h(m.id);if(r){var a=e/1e3;r.startTime=v(a),r.endTime=v(a+1),t.currentTime(a+.5,!0),m.visibleAt=e,n.trigger("cv:cuechange")}},getClipOffset:v}}({player:t,track:n,interactive:i,mode:r,clipOffset:p}),b=y.open,h=y.timepoint,g=y.wasOpen,w=fr(y,["open","timepoint","wasOpen"]),I=Jt(Object.assign({mode:r,interactive:i,timepoint:h,player:t,resultsService:u,latestSession:m,analyticsService:v},w)),E=I.interaction,S=I.interactionState,C=I.nextInteraction,k=I.nextInteractionState,x=I.timepointState,O=I.state,T=fr(I,["interaction","interactionState","nextInteraction","nextInteractionState","timepointState","state"]);!function(e){var t,n=e.mode,r=e.player,i=e.timepoint,o=e.interaction,s=e.discardChanges,l=e.interactionState,u=e.timepointState,f=Object(Z.a)(),d=n===c.InteractiveMode.Create;a.a.useEffect((function(){if(d){if(J(null==o?void 0:o.id)||(null==l?void 0:l.hasChanges)||(null==u?void 0:u.hasChanges))return f.lock({id:"interactive",title:"Are you sure you want to leave?",text:"Your interactive still has unsaved changes"}),void r.lock((function(e){s(e)}));r.unlock(),f.unlock("interactive")}}),[o,null==l?void 0:l.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:h,interaction:E,discardChanges:T.discardChanges,interactionState:S,timepointState:x});var N={mode:r,open:b,isCreate:r===V.a.Create,interaction:E,nextInteraction:C,timepoint:h,interactive:i,interactionState:S,nextInteractionState:k,timepointState:x,player:t};return a.a.createElement(a.a.Fragment,null,a.a.createElement(Yt,Object.assign({},N,T)),a.a.createElement(Kn,Object.assign({imageApi:o,currentUser:f,immediateFeedback:i.immediateFeedback,delayFocus:!g},N,T,w)),a.a.createElement(ur,Object.assign({state:O,portalNode:l,progress:d,resultsService:u},N,T)),a.a.createElement(nn,Object.assign({portalNode:s},N,T)))}E.a.registerComponent("Interactive",Object($.a)((function(e,t){return a.a.createElement(dr,Object.assign({player:e},t))})));var mr=n(220),pr=n(223);function vr(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(mr.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(pr.a,{buttons:i}))}E.a.registerComponent("ContinueSession",Object($.a)((function(e,t){return a.a.createElement(vr,Object.assign({player:e},t))})));n(1292);function yr(e){return(yr="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 br(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){return(hr=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function gr(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=Ir(e);if(t){var a=Ir(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return wr(this,n)}}function wr(e,t){return!t||"object"!==yr(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 Ir(e){return(Ir=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var Er=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&&hr(e,t)}(i,e);var t,n,r,a=gr(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.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.options.analyticsService.logUserAction({},{actionType:Ye.UserAction.Click,entity:Ye.EntityType.Interactive,descriptor:n?Ye.InteractiveSessionDescriptor.ContinueSession:Ye.InteractiveSessionDescriptor.NewSession}),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 z(this.player,{interactive:this.options.interactive,track:e}))}}])&&br(t.prototype,n),r&&br(t,r),i}(E.a.getPlugin("plugin"));E.a.registerPlugin("viewInteractivePlugin",Er);var Sr=n(29);function Cr(e){return(Cr="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 kr(e){return function(e){if(Array.isArray(e))return xr(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 xr(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 xr(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 xr(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 Or(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 Tr(e,t,n){return(Tr="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=Pr(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 Nr(e,t){return(Nr=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function jr(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=Pr(e);if(t){var a=Pr(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return Ar(this,n)}}function Ar(e,t){return!t||"object"!==Cr(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 Pr(e){return(Pr=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var Rr=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{s(r.next(e))}catch(e){i(e)}}function c(e){try{s(r.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}s((r=r.apply(e,t||[])).next())}))},Fr=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&&Nr(e,t)}(o,e);var t,n,r,a=jr(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=[],s.a.setToken("gateway",n.options.authToken),n.player.one("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:"getPlayerOptions",value:function(){var e=Tr(Pr(o.prototype),"getPlayerOptions",this).call(this);return e.setMaxHeight=!1,this.options.embed||(e.aspectRatio="16:9"),e}},{key:"onFlushProgress",value:function(e){var t;Tr(Pr(o.prototype),"onFlushProgress",this).call(this,e),this.options.mode!==c.InteractiveMode.Create&&(t=this.totalProgress).push.apply(t,kr(e))}},{key:"additionalSetup",value:function(e){var t=this,n=Object.create(null,{additionalSetup:{get:function(){return Tr(Pr(o.prototype),"additionalSetup",t)}}});return Rr(this,void 0,void 0,regeneratorRuntime.mark((function t(){return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:n.additionalSetup.call(this,e),this.setupUpClipPlugin(e),this.setupViewInteractivePlugin(e);case 3:case"end":return t.stop()}}),t,this)})))}},{key:"setupUpClipPlugin",value:function(e){var t;if(null===(t=null==e?void 0:e.additionalData)||void 0===t?void 0:t.clipData){var n=e.additionalData.clipData;this.player.clipPlugin({startTime:n.startTime,endTime:n.endTime})}}},{key:"setupViewInteractivePlugin",value:function(e){var t,n=this;this.track=this.player.addTextTrack("metadata","interactive");var r=e.additionalData.interactive,a=null===(t=e.additionalData.clipData)||void 0===t?void 0:t.startTime;r.timepoints.forEach((function(e){var t,r=e.visibleAt/1e3,i=e.visibleFor?r+e.visibleFor/1e3:r+1;a&&(r+=a,i+=a),(null===(t=e.interactions)||void 0===t?void 0:t.length)&&n.track.addCue({startTime:r-.001,endTime:i,text:e.id})})),this.options.collectResults&&(this.options.currentUser||i.a.ErrorHelper.throw(new Sr.a("Must provide a currentUser in order to collect interactive results")),this.resultsService=new I({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,clipOffset:a,analyticsService:this.analyticsService})}},{key:"getAdditionalAnalyticsData",value:function(e){var t,n,r,a;return(null===(n=null===(t=e.additionalData)||void 0===t?void 0:t.clipData)||void 0===n?void 0:n.clipId)?{clip:{id:null===(a=null===(r=e.additionalData)||void 0===r?void 0:r.clipData)||void 0===a?void 0:a.clipId}}:{}}},{key:"getSeekBarOptions",value:function(){return{ignoreChapters:!0}}},{key:"getAnalyticsPlayerType",value:function(){return"interactive-player"}}])&&Or(t.prototype,n),r&&Or(t,r),o}(o.a);n.d(t,"a",(function(){return Lr}));var _r=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 Lr(e){var t=e.onReady,n=e.className,r=_r(e,["onReady","className"]),i=a.a.useRef();return a.a.useEffect((function(){var e=new Fr(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"}))}},1260:function(e,t,n){},1261:function(e,t,n){},1262:function(e,t,n){},1263:function(e,t,n){},1273:function(e,t,n){},1274:function(e,t,n){},1275:function(e,t,n){},1276:function(e,t,n){e.exports={incorrect:"_3pK3B",answer:"_2ItYx",avatarContainer:"_3DkKy"}},1277:function(e,t,n){},1278:function(e,t,n){e.exports={feedback:"_2hJr3",avatarContainer:"_2Ukg-",avatarContainerSmall:"_1E7DW",incorrect:"xbaUc"}},1279:function(e,t,n){e.exports={svg:"_17Ny-",iconButton:"x1ePL",iconWithText:"_2BmJR",iconOnly:"_2DnLq"}},1281:function(e,t,n){},1282:function(e,t,n){},1283:function(e,t,n){},1284:function(e,t,n){},1285:function(e,t,n){e.exports={type:"_3N9_3",dragIcon:"_1GfpD",name:"_3s8vL",dragging:"_1qnqN"}},1286:function(e,t,n){},1287:function(e,t,n){},1288:function(e,t,n){e.exports={progress:"_1myQT"}},1289:function(e,t,n){e.exports={interaction:"_3SUOU"}},1290:function(e,t,n){e.exports={bar:"_2pc-n"}},1291:function(e,t,n){},1292:function(e,t,n){},996:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var r=n(21),a={createViewKey:function(e,t){return{url:"/api/player/create-view-key",key:"view:key:".concat(e,":").concat(t),type:r.a.POST,data:{mediaId:e.toString(),mediaIdType:t},expiryTime:1/0}}}},997:function(e,t,n){"use strict";var r;n.d(t,"a",(function(){return r})),function(e){e.Share="share",e.MasterObject="masterobject"}(r||(r={}))}}]);