@clickview/lite 0.0.30-rc.0 → 0.0.30-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/bundles.json +1 -1
  2. package/dist/scripts/{10-7583c39ca5-lite.chunk.js → 10-b0ad203dfa-lite.chunk.js} +1 -1
  3. package/dist/scripts/{24-0941b72438-lite.chunk.js → 24-41a001bb99-lite.chunk.js} +1 -1
  4. package/dist/scripts/{8-86aa7678c6-lite.chunk.js → 8-7735e7f806-lite.chunk.js} +6 -6
  5. package/dist/scripts/{bundle-434f4202c4.min.js → bundle-f3fe563b79.min.js} +2 -2
  6. package/package.json +57 -58
package/dist/scripts/{10-7583c39ca5-lite.chunk.js → 10-b0ad203dfa-lite.chunk.js} RENAMED
@@ -1 +1 @@
1
- (window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[10],{1010:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var r=n(21),a={createViewKey:function(e){return{url:"/api/player/create-view-key",key:"view:key:".concat(e),type:r.a.POST,data:{mediaId:e.toString()},expiryTime:1/0}}}},1026:function(e,t,n){"use strict";var r=n(1097);n.d(t,"InteractiveMode",(function(){return r.a}));n(1139),n(1140),n(1141),n(1142),n(1143),n(1144),n(1145)},1092:function(e,t,n){"use strict";n.d(t,"a",(function(){return v}));var r=n(0),a=n(970),i=n(10),o=n(44),c=n(228),u=n(21),l=n(1093),s=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 m(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 m(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var d=null,p=!1;function v(e){var t=f(r.useState(d),2),n=t[0],l=t[1];if(d||p||(p=!0,Object(c.ajaxRequest)({resource:"/api/integrations/token/immersive-reader",type:u.a.GET,success:function(e){d=e,l(e),window.setTimeout((function(){d=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(s.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"})))}},1093:function(e,t,n){e.exports={button:"TRYB2"}},1097: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={}))},1098:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var r=n(0),a=n.n(r),i=n(131);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(41),a=n(56),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,u=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(u))}))},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""}}}},1139:function(e,t){},1140:function(e,t){},1141:function(e,t){},1142:function(e,t){},1143:function(e,t){},1144:function(e,t){},1145:function(e,t){},1166:function(e,t,n){"use strict";var r=n(0),a=n.n(r),i=n(5),o=n(354),c=n(1026),u=n(283),l=n(102);function s(e){return(s="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 m(e,t){return(m=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function d(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=v(e);if(t){var a=v(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return p(this,n)}}function p(e,t){return!t||"object"!==s(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&&m(e,t)}(i,e);var t,n,r,a=d(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(176).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 I=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{u(r.next(e))}catch(e){i(e)}}function c(e){try{u(r.throw(e))}catch(e){i(e)}}function u(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}u((r=r.apply(e,t||[])).next())}))},w=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 I(t,void 0,void 0,regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return this.log("connected"),this.retryCount=0,this.isConnected=!0,e.next=5,this.startSession();case 5:this.flush();case 6:case"end":return e.stop()}}),e,this)})))})).catch((function(){t.reconnect()})))}},{key:"stop",value:function(){return I(this,void 0,void 0,regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,this.flush();case 2:this.connection.stop();case 3:case"end":return e.stop()}}),e,this)})))}},{key:"log",value:function(){}},{key:"reconnect",value:function(){this.retryCount>=5?i.a.ErrorHelper.throw(new y):(this.retryCount++,this.start())}},{key:"startSession",value:function(){return I(this,void 0,void 0,regeneratorRuntime.mark((function e(){var t,n,r,a,o;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!this.resultId){e.next=2;break}return e.abrupt("return");case 2:return t=this.options,n=t.interactiveId,r=t.mediaId,a=t.userId,e.prev=3,e.next=6,this.connection.invoke("startSession",n,r,a);case 6:o=e.sent,this.resultId=o.resultId,e.next=13;break;case 10:e.prev=10,e.t0=e.catch(3),i.a.ErrorHelper.throw(new y);case 13:case"end":return e.stop()}}),e,this,[[3,10]])})))}},{key:"flush",value:function(){return I(this,void 0,void 0,regeneratorRuntime.mark((function e(){var t=this;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(this.isConnected&&this.resultId){e.next=2;break}return e.abrupt("return");case 2:if(this.cache.length){e.next=4;break}return e.abrupt("return");case 4:b(this.cache).forEach((function(e){return I(t,void 0,void 0,regeneratorRuntime.mark((function t(){return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,t.next=3,this.connection.invoke("saveActions",this.resultId,e.interactionId,e.results);case 3:this.cache.splice(this.cache.indexOf(e),1),this.log("Saved result",e),t.next=10;break;case 7:t.prev=7,t.t0=t.catch(0),console.error("Failed to save results",e);case 10:case"end":return t.stop()}}),t,this,[[0,7]])})))}));case 5:case"end":return e.stop()}}),e,this)})))}},{key:"save",value:function(e,t){return I(this,void 0,void 0,regeneratorRuntime.mark((function n(){var r;return regeneratorRuntime.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(this.resultId){n.next=2;break}throw new Error("Session has not started");case 2:return r=t.map((function(e){return{actionableItemId:+e.actionableItemId,value:e.value}})),this.cache.push({interactionId:e,results:r}),n.next=6,this.flush();case 6:case"end":return n.stop()}}),n,this)})))}}])&&g(t.prototype,n),r&&g(t,r),e}(),E=n(1),S=n(81),C=n(1012);n(1249);function x(e){return(x="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 k(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 j(e,t){return(j=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 T(this,n)}}function T(e,t){return!t||"object"!==x(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&&j(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_)}}])&&k(t.prototype,n),r&&k(t,r),i}(E.a.getComponent("Button"));n(1250);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 L(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return L(e,t);var 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 L(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function L(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function M(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function _(e,t,n){return(_="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 q(e,t){return(q=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 U(this,n)}}function U(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 $=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&&q(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(_(W(i.prototype),"buildCSSClass",this).call(this))}},{key:"createEl",value:function(e,t,n){return _(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()}))}}])&&M(t.prototype,n),r&&M(t,r),i}(E.a.getComponent("Component")),V=n(178),z=n(1097);function H(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return K(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return K(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function K(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var Z=n(341);function Q(e){return!!(null==e?void 0:e.toString().startsWith("new_"))}function J(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{u(r.next(e))}catch(e){i(e)}}function c(e){try{u(r.throw(e))}catch(e){i(e)}}function u(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}u((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=Q(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?u.a.post(r,JSON.stringify(a),ae):u.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,u.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,u.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,u.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,u.a.delete(ne(e),ae);case 2:case"end":return t.stop()}}),t)})))}}])&&J(t.prototype,n),r&&J(t,r),e}()),oe=n(342),ce=n(221),ue=n(198);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 se=n(327),fe=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{u(r.next(e))}catch(e){i(e)}}function c(e){try{u(r.throw(e))}catch(e){i(e)}}function u(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}u((r=r.apply(e,t||[])).next())}))},me=/[.\?!,;:\-''\(\)]/g;function de(e){for(var t=e.split("");t[0].match(me);)t.shift();for(;t[t.length-1].match(me);)t.pop();return t.join("")}function pe(e,t){for(var n=e.split(""),r=[],a=[];n[0].match(me);)r.push(n.shift());for(;n[n.length-1].match(me);)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=de(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(1098),he=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{u(r.next(e))}catch(e){i(e)}}function c(e){try{u(r.throw(e))}catch(e){i(e)}}function u(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}u((r=r.apply(e,t||[])).next())}))};var ge=n(104);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(1251);var we=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{u(r.next(e))}catch(e){i(e)}}function c(e){try{u(r.throw(e))}catch(e){i(e)}}function u(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}u((r=r.apply(e,t||[])).next())}))};function Ee(e){var t;if(!(null===(t=e.question)||void 0===t?void 0:t.trim()))return"Please provide a question";if(!e.answers.find((function(e){return e.isCorrect})))return"Please select the correct answer";var n=e.answers.filter((function(e){var t;return!!(null===(t=e.name)||void 0===t?void 0:t.trim())}));if(n.length<2)return"Please provide at least two answers";var r=!1,a={};return n.forEach((function(e){r||(a[e.name]?r=!0:a[e.name]=!0)})),r?"There are duplicates in your answers":null}function Se(e,t){var n;return we(this,void 0,void 0,regeneratorRuntime.mark((function r(){return regeneratorRuntime.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return t.name=null===(n=e.question)||void 0===n?void 0:n.trim(),t.actionableItems=e.answers.filter((function(e){var t;return!!(null===(t=e.name)||void 0===t?void 0:t.trim())})),e.feedback&&(t.data.feedback=e.feedback),r.next=5,ie.saveInteraction(t);case 5:case"end":return r.stop()}}),r)})))}function Ce(e){var t=e.state,n=void 0===t?function(e){var t,n=e.typeId===ce.InteractionTypeId.TrueOrFalse,r=null===(t=e.actionableItems)||void 0===t?void 0:t.map((function(e){return{order:e.order,name:e.name,isCorrect:e.isCorrect}}));return(null==r?void 0:r.length)?!n&&(null==r?void 0:r.length)<4&&r.push({order:r.length,name:"",isCorrect:!1}):r=[{order:0,name:n?"True":"",isCorrect:!1},{order:1,name:n?"False":"",isCorrect:!1}],{question:e.name||"",answers:r,feedback:e.data.feedback||""}}(e.interaction):t,r=e.setState,i=e.interaction,o=e.optionsPortalNode,c=e.showFeedback,u=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:!u&&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)),!u&&t.length<4&&!t.find((function(e){return!e.name}))){var a=ge.a.last(t);t.push({name:"",order:a.order+1,isCorrect:!1})}r(Object.assign(Object.assign({},n),{answers:t}))}return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("div",{className:"form-group"},a.a.createElement("div",{className:"d-flex justify-content-between align-items-center mb-1"},a.a.createElement("label",{className:"cv-interaction-field-label mb-0",htmlFor:"multiple-choice-question"},"Question"),a.a.createElement(ue.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:u})})),n.question&&a.a.createElement(le,{error:n.error})),c&&u&&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(be.a,{tooltipText:"Provide answer feedback for your students"})),a.a.createElement("textarea",{id:"true-or-false-feedback",className:"form-control",placeholder:"Give feedback for this question",value:n.feedback||"",onChange:function(e){r(Object.assign(Object.assign({},n),{feedback:e.target.value}))},rows:2})))}var xe=n(1118),ke=n(56),Oe=n(357);function je(){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 Ne(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 Te(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 Te(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 Te(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Ae(e){var t=Ne(a.a.useState(!1),2),n=t[0],r=t[1],i=Ne(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(1252);var Pe=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{u(r.next(e))}catch(e){i(e)}}function c(e){try{u(r.throw(e))}catch(e){i(e)}}function u(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}u((r=r.apply(e,t||[])).next())}))};var Re=n(1146),Fe=n(1398),Le=n(1407),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 _e(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 qe(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 qe(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 qe(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function De(e){var t=_e(a.a.useState(""),2),n=t[0],r=t[1],i=_e(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(se.a,{onClick:function(){return e.onChange("link",o||n,n,"_blank")},className:"btn btn-dark"},"Add")))}n(1262);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 Be(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Be(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Be(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var We,$e,Ve,ze=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{u(r.next(e))}catch(e){i(e)}}function c(e){try{u(r.throw(e))}catch(e){i(e)}}function u(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}u((r=r.apply(e,t||[])).next())}))};function He(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Ke=(He(We={},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=Ue(a.a.useState(function(){var e=i.data.annotation;if(e){var t=Object(Le.a)(Me)(e);return Re.EditorState.createWithContent(t)}return Re.EditorState.createEmpty()}()),2),u=c[0],l=c[1],s=Ue(a.a.useState(null),2),f=s[0],m=s[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(ue.b,{node:o})),a.a.createElement("div",{className:"cv-annotation ".concat(function(){if(!u)return!1;var e=u.getCurrentContent();return e.hasText()||"unstyled"!==e.getBlockMap().first().getType()}()?"Editor--hide-placeholder":"")},u&&a.a.createElement(Fe.Editor,{editorState:u,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:m,placeholder:"Enter your annotation here",toolbar:{options:["inline","list","link"],inline:{options:["bold","italic","underline","superscript","subscript"],bold:{className:"cv-annotation-toolbar-option cv-annotation-bold",icon:""},italic:{className:"cv-annotation-toolbar-option cv-annotation-italic",icon:""},underline:{className:"cv-annotation-toolbar-option cv-annotation-underline",icon:""},superscript:{className:"cv-annotation-toolbar-option cv-annotation-superscript",icon:""},subscript:{className:"cv-annotation-toolbar-option cv-annotation-subscript",icon:""}},list:{options:["unordered","ordered"],unordered:{className:"cv-annotation-toolbar-option cv-annotation-bullet-list",icon:""},ordered:{className:"cv-annotation-toolbar-option cv-annotation-number-list",icon:""}},link:{component:De,options:["link"]}}}),a.a.createElement(le,{error:n.error}))))})),He(We,ce.InteractionTypeId.Image,(function(e){var t=e.state,n=void 0===t?function(e){var t;return{url:(null===(t=e.data)||void 0===t?void 0:t.url)||"",caption:e.data.caption}}(e.interaction):t,r=e.setState,i=e.interaction,o=e.optionsPortalNode;Object(Oe.a)();var c=a.a.useRef(null);function l(e){e&&e[0]&&xe.a.onFileSelect(ke.c.None,e,(function(e){oe.a.renderCropper({src:e.src,alt:"",onClickCrop:s})}))}function s(t){var a=t.split(",")[1];u.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(ue.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(se.a,{className:"cv-remove-uploaded-image d-flex justify-content-center align-items-center",onClick:function(){r(Object.assign(Object.assign({},n),{url:""}))}},a.a.createElement("div",{className:"btn btn-link text-light"},"Remove")))):a.a.createElement(Ae,{onDropImage: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(je,null)),a.a.createElement("p",{className:"mb-0"},"Drag and drop an image file or"),a.a.createElement(se.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(We,ce.InteractionTypeId.MissingWord,(function(e){var t,n,r,i,o,c,u=e.state,l=void 0===u?(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}):u,s=e.setState,f=e.optionsPortalNode,m=!!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(ue.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}}));s(Object.assign(Object.assign({},l),{fullSentence:t,sentence:ye(n),preview:ve(n),words:n}))},autoComplete:"off"})),m&&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=de(e.text))||void 0===n?void 0:n.trim())?a.a.createElement("li",{key:"".concat(t,"-").concat(e.text)},a.a.createElement(se.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 s(Object.assign(Object.assign({},l),{words:n,preview:ve(n),sentence:ye(n)}));var e,n}},de(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(We,ce.InteractionTypeId.MultipleChoice,Ce),He(We,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(ue.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(be.a,{tooltipText:"Provide a suggested response for your students"})),a.a.createElement("textarea",{id:"short-answer-suggested-response",className:"form-control",placeholder:"Give a suggested response for this question",value:n.suggestedResponse||"",onChange:function(e){r(Object.assign(Object.assign({},n),{suggestedResponse:e.target.value}))},rows:2})))})),He(We,ce.InteractionTypeId.TrueOrFalse,Ce),We);var Ze=(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,Ee),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,Ee),$e);var Qe=(He(Ve={},ce.InteractionTypeId.Annotation,(function(e,t){var n;return ze(this,void 0,void 0,regeneratorRuntime.mark((function r(){return regeneratorRuntime.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return t.name="Annotation",t.data.annotation=null===(n=e.annotation)||void 0===n?void 0:n.trim(),t.actionableItems=[{name:"Answer"}],r.next=5,ie.saveInteraction(t);case 5:case"end":return r.stop()}}),r)})))})),He(Ve,ce.InteractionTypeId.Image,(function(e,t){var n,r;return Pe(this,void 0,void 0,regeneratorRuntime.mark((function a(){return regeneratorRuntime.wrap((function(a){for(;;)switch(a.prev=a.next){case 0:return t.data.url=e.url,t.name=(null===(n=e.caption)||void 0===n?void 0:n.trim())||"Image",t.data.caption=null===(r=e.caption)||void 0===r?void 0:r.trim(),t.actionableItems=[{name:"Answer"}],a.next=6,ie.saveInteraction(t);case 6:case"end":return a.stop()}}),a)})))})),He(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:de(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,Se),He(Ve,ce.InteractionTypeId.ShortAnswer,(function(e,t){var n,r;return he(this,void 0,void 0,regeneratorRuntime.mark((function a(){return regeneratorRuntime.wrap((function(a){for(;;)switch(a.prev=a.next){case 0:return t.name=null===(n=e.question)||void 0===n?void 0:n.trim(),t.data.suggestedResponse=null===(r=e.suggestedResponse)||void 0===r?void 0:r.trim(),t.actionableItems=[{name:"Answer"}],a.next=5,ie.saveInteraction(t);case 5:case"end":return a.stop()}}),a)})))})),He(Ve,ce.InteractionTypeId.TrueOrFalse,Se),Ve);function Je(e){return Qe[e]}var Ge=n(1092),Xe=n(3),Ye=["A","B","C","D"];function et(e){var t=e.interaction,n=e.className,r=C.a.getTypeInfo(t.typeId),i=r.name,o=r.typeName,c="";switch(t.typeId){case ce.InteractionTypeId.Annotation:c=t.data.annotation;break;case ce.InteractionTypeId.Image:c=t.data.caption;break;case ce.InteractionTypeId.MissingWord:c=t.data.sentence.replace(/{([^{}]*)}/g,(function(){return"<u>&nbsp;&nbsp;&nbsp;&nbsp;</u>"}));break;case ce.InteractionTypeId.MultipleChoice:c=t.name,t.actionableItems.map((function(e,t){return c+="<br />".concat(Ye[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 u=t.typeId===ce.InteractionTypeId.Annotation||t.typeId===ce.InteractionTypeId.MissingWord||t.typeId===ce.InteractionTypeId.MultipleChoice;return a.a.createElement(Ge.a,{title:i,text:c,html:u,className:"pr-2 ".concat(n||""),analyticsData:{id:t.interactiveId,type:o},analyticsOptions:{location:Xe.LocationContext.InteractivePlayer,entity:Xe.EntityType.Interactive,actionType:Xe.UserAction.Click,descriptor:Xe.ClickDescriptor.LaunchImmersiveReader}})}n(1263);function tt(e){var t=e.error;return e.error?a.a.createElement("p",{className:"mt-2 small text-danger"},t):a.a.createElement(a.a.Fragment,null)}var nt,rt=n(1103);!function(e){e[e.Incorrect=0]="Incorrect",e[e.Correct=1]="Correct",e[e.PendingReview=2]="PendingReview"}(nt||(nt={}));var at={notApplicable:function(){return rt.a.NotApplicable},awaitingMarking:function(){return rt.a.AwaitingMarking},isMissingWordCorrect:function(e,t){return e.actionableItems.filter((function(e){return e.isCorrect})).every((function(e){var n;return e.name.trim().toLowerCase()===(null===(n=t(e.id))||void 0===n?void 0:n.trim().toLowerCase())}))?rt.a.Correct:rt.a.Incorrect},isMultipleChoiceCorrect:function(e,t){return e.actionableItems.filter((function(e){return e.isCorrect})).every((function(e){return t(e.id)===e.name}))?rt.a.Correct:rt.a.Incorrect},isShortAnswerMarkedCorrect:function(e,t){var n=!1,r=!1;return e.actionableItems.filter((function(e){return e.isCorrect})).forEach((function(e){var a=t(e.id);a&&(a.status===nt.Correct&&(n=!0,r=!0),a.status===nt.Incorrect&&(r=!0))})),n?rt.a.Correct:r?rt.a.Incorrect:rt.a.AwaitingMarking}};n(1264);function it(e){return(it="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 ot=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 ct=n(65),ut=n(29),lt=n(335),st=n(333);n(1265);function ft(e){return(ft="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 mt(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var dt=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n};var pt=n(1409);n(1266);var vt,yt,bt,ht,gt;function It(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var wt=function(){return!0},Et=function(){return!1},St=(It(vt={},ce.InteractionTypeId.Annotation,Et),It(vt,ce.InteractionTypeId.Image,Et),It(vt,ce.InteractionTypeId.MissingWord,wt),It(vt,ce.InteractionTypeId.MultipleChoice,wt),It(vt,ce.InteractionTypeId.ShortAnswer,(function(e){return!!e.data.suggestedResponse})),It(vt,ce.InteractionTypeId.TrueOrFalse,wt),vt);function Ct(e){return St[e]}var xt=(It(yt={},ce.InteractionTypeId.Annotation,(function(e){return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("div",{dangerouslySetInnerHTML:{__html:e.interaction.data.annotation}}),a.a.createElement(et,{interaction:e.interaction}))})),It(yt,ce.InteractionTypeId.Image,(function(e){var t=e.interaction,n=e.recalculateScroll,r=a.a.useCallback((function(e){e&&(e.onload=function(){n()})}),[]);return a.a.createElement("div",{className:"cv-interactive-question cv-image-interactive"},a.a.createElement("div",{className:"cv-image-container text-center"},a.a.createElement("img",{className:"img-fluid shadow-lg",src:t.data.url,ref:r}),t.data.caption&&a.a.createElement(a.a.Fragment,null,a.a.createElement("p",{className:"mt-3"},t.data.caption,a.a.createElement(et,{interaction:e.interaction,className:"ml-2"})))))})),It(yt,ce.InteractionTypeId.MissingWord,(function(e){var t=e.state,n=e.setState,r=e.interaction,i=e.showFeedback,o=r.data.sentence.replace(/{([^{}]*)}/g,(function(e,t){return"{".concat("cv-missing-word-").concat(t,"}")})).split(/{([^{}]*)}/g);function c(e,r){if(r.target.value){var a,i,o;n(Object.assign(Object.assign({},t),(a={},i=e.id,o=r.target.value,i in a?Object.defineProperty(a,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):a[i]=o,a)))}else{var c=t,u=e.id,l=(c[u],ot(c,["symbol"===it(u)?u:u+""]));n(l)}}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 u=e.replace("cv-missing-word-",""),l=r.actionableItems.find((function(e){return e.order.toString()===u}));if(l){var s,f,m=t[l.id]||"",d=(s=l.name,(f=document.createElement("canvas").getContext("2d")).font="17pt arial",f.measureText(s).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"},m)," "),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:d+"px"},onChange:function(e){return c(l,e)},value:m,disabled:!!t.submitted,className:"cv-missing-word-input",autoComplete:"off"}))}}))),a.a.createElement(tt,{error:t.error}),a.a.createElement(et,{interaction:e.interaction}))})),It(yt,ce.InteractionTypeId.MultipleChoice,(function(e){var t=e.state,n=e.setState,r=e.interaction,i=e.showFeedback,o=e.imageApi,c=e.currentUser,u=1===r.actionableItems.filter((function(e){return e.isCorrect})).length;function l(e,r){if(!t.submitted)if(u)n(mt({},e.id,e.name),!0);else if(r)n(mt({},e.id,e.name));else{var a=t,i=e.id,o=(a[i],dt(a,["symbol"===ft(i)?i:i+""]));n(o,!0)}}var s=["A","B","C","D"];return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("p",null,r.name,a.a.createElement(et,{interaction:e.interaction,className:"ml-2"})),!u&&a.a.createElement("p",{className:"text-muted"},a.a.createElement("small",null,"This question has multiple correct answers")),r.actionableItems.map((function(e,n){var r=t[e.id],f=r?"bg-info text-white":"bg-white",m=function(){return a.a.createElement(a.a.Fragment,null,s[n])};i&&(f=e.isCorrect?"bg-success text-white":"bg-danger text-white cv-multiple-choice-incorrect",m=function(){return a.a.createElement(a.a.Fragment,null,e.isCorrect?a.a.createElement(ct.a,{size:ct.b.Small,svgName:ut.b.Check}):a.a.createElement(ct.a,{size:ct.b.Small,svgName:ut.b.Close}))});var d=i?{}:{role:"button",tabIndex:0,onKeyDown:function(t){return"Enter"===t.key&&l(e,!r)}};return a.a.createElement(a.a.Fragment,{key:n},a.a.createElement("input",{id:e.id,type:u?"radio":"checkbox",name:"multiple-choice",checked:!!r,onChange:function(){return l(e,!r)},disabled:i,hidden:!0,tabIndex:-1}),a.a.createElement("label",Object.assign({className:"\n d-block\n rounded-lg\n shadow-sm\n mb-2\n p-3\n d-flex\n justify-content-between\n cv-multiple-choice-label\n position-relative\n ".concat(i?"":"cursor-pointer","\n ").concat(f),key:n,htmlFor:e.id},d),a.a.createElement("span",{className:"d-inline-block mr-3 cv-multiple-choice-bullet"},a.a.createElement(m,null)),a.a.createElement("span",{className:"flex-grow-1 pr-4"},e.name),a.a.createElement("span",{className:"cv-avatar-container"},r&&a.a.createElement(lt.a,{imageCdnUrl:o.toString(),initials:st.a.getInitials(c.givenName,c.familyName),imageUrl:c.avatar}))))})),a.a.createElement(tt,{error:t.error}))})),It(yt,ce.InteractionTypeId.ShortAnswer,(function(e){var t=e.interaction,n=e.state,r=e.setState;return e.showFeedback?a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("p",null,t.name),a.a.createElement("label",{className:"cv-interaction-field-label"},"My answer"),a.a.createElement("p",null,n[t.actionableItems[0].id]),t.data.suggestedResponse&&a.a.createElement(a.a.Fragment,null,a.a.createElement("label",{className:"cv-interaction-field-label mt-1"},"Teacher's suggested answer"),a.a.createElement("p",null,t.data.suggestedResponse))):a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("p",null,t.name,a.a.createElement(et,{interaction:t,className:"ml-2"})),a.a.createElement(pt.a,{id:"short-answer-answer",className:"form-control mt-2",minRows:3,value:n[t.actionableItems[0].id]||"",onChange:function(e){var a,i,o;r(Object.assign(Object.assign({},n),(a={},i=t.actionableItems[0].id,o=e.target.value,i in a?Object.defineProperty(a,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):a[i]=o,a)))},disabled:!!n.submitted}),a.a.createElement(tt,{error:n.error}))})),It(yt,ce.InteractionTypeId.TrueOrFalse,(function(e){var t=e.state,n=e.setState,r=e.interaction,i=e.showFeedback,o=e.imageApi,c=e.currentUser,u=r.actionableItems.find((function(e){return e.isCorrect}));function l(e){var r,a,i;t.submitted||n((r={},a=e.id,i=e.name,a in r?Object.defineProperty(r,a,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[a]=i,r),!0)}return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("p",null,r.name,a.a.createElement(et,{interaction:e.interaction,className:"ml-2"})),a.a.createElement("div",{className:"d-flex justify-content-center"},r.actionableItems.map((function(e,n){var r=t[e.id],u=r?"bg-info text-white":"bg-white",s=function(){return a.a.createElement(a.a.Fragment,null)};i&&(u=e.isCorrect?"bg-success text-white":"bg-danger text-white cv-multiple-choice-incorrect",s=function(){return a.a.createElement(a.a.Fragment,null,e.isCorrect?a.a.createElement(ct.a,{size:ct.b.Small,svgName:ut.b.Check}):a.a.createElement(ct.a,{size:ct.b.Small,svgName:ut.b.Close}))});var f=i?{}:{role:"button",tabIndex:0,onKeyDown:function(t){return"Enter"===t.key&&l(e)}};return a.a.createElement("label",Object.assign({key:n,htmlFor:e.id,className:"\n d-inline-block\n rounded-lg\n shadow-sm\n p-5\n m-2\n h4\n position-relative\n ".concat(i?"":"cursor-pointer","\n ").concat(u)},f),a.a.createElement("input",{id:e.id,type:"radio",name:"multiple-choice",checked:!!r,onChange:function(){return l(e)},disabled:i,hidden:!0}),e.name,a.a.createElement("span",{className:"position-absolute p-2 cv-true-or-false-feedback"},a.a.createElement(s,null)),a.a.createElement("span",{className:"cv-avatar-container cv-avatar-bottom-right"},r&&a.a.createElement(lt.a,{imageCdnUrl:o.toString(),initials:st.a.getInitials(c.givenName,c.familyName),imageUrl:c.avatar})))}))),i&&a.a.createElement("div",{className:"text-center px-5 mt-2"},a.a.createElement("p",null,"The answer is ",a.a.createElement("strong",null,u.name)),r.data.feedback&&a.a.createElement("p",null,r.data.feedback)),a.a.createElement(tt,{error:t.error}))})),yt);function kt(){return""}var Ot=(It(bt={},ce.InteractionTypeId.Annotation,kt),It(bt,ce.InteractionTypeId.Image,kt),It(bt,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"})),It(bt,ce.InteractionTypeId.MultipleChoice,(function(e){return Object.keys(e).length?null:"Please choose an answer"})),It(bt,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"})),It(bt,ce.InteractionTypeId.TrueOrFalse,(function(e){return Object.keys(e).length?null:"Please choose an answer"})),bt);var jt=(It(ht={},ce.InteractionTypeId.Annotation,null),It(ht,ce.InteractionTypeId.Image,null),It(ht,ce.InteractionTypeId.MissingWord,(function(e,t,n){return n(t.id,Object.keys(e).map((function(t){return{actionableItemId:t,value:e[t].toString()}})))})),It(ht,ce.InteractionTypeId.MultipleChoice,(function(e,t,n){return n(t.id,Object.keys(e).map((function(t){return{actionableItemId:t,value:e[t]}})))})),It(ht,ce.InteractionTypeId.ShortAnswer,(function(e,t,n){return n(t.id,Object.keys(e).map((function(t){return{actionableItemId:t,value:e[t].toString()}})))})),It(ht,ce.InteractionTypeId.TrueOrFalse,(function(e,t,n){return n(t.id,Object.keys(e).map((function(t){return{actionableItemId:t,value:e[t]}})))})),ht);function Nt(e){return jt[e]}var Tt=(It(gt={},ce.InteractionTypeId.Annotation,at.notApplicable),It(gt,ce.InteractionTypeId.Image,at.notApplicable),It(gt,ce.InteractionTypeId.MissingWord,(function(e,t){return at.isMissingWordCorrect(t,(function(t){return e[t]}))})),It(gt,ce.InteractionTypeId.MultipleChoice,(function(e,t){return at.isMultipleChoiceCorrect(t,(function(t){return e[t]}))})),It(gt,ce.InteractionTypeId.ShortAnswer,at.awaitingMarking),It(gt,ce.InteractionTypeId.TrueOrFalse,(function(e,t){return t.actionableItems.filter((function(e){return e.isCorrect})).every((function(t){return e[t.id]===t.name}))?rt.a.Correct:rt.a.Incorrect})),gt);function At(e){return Tt[e]}function Pt(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Rt={interactions:{},timepoints:{}};function Ft(e,t){return"interaction"===t.type?{timepoints:e.timepoints,interactions:Object.assign(Object.assign({},e.interactions),Pt({},t.id,t.value))}:"timepoint"===t.type?{interactions:e.interactions,timepoints:Object.assign(Object.assign({},e.timepoints),Pt({},t.id,t.value))}:void 0}function Lt(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Mt(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 Mt(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 Mt(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},qt=function(e){var t=e.mode,n=e.timepoint,r=e.latestSession,i=t===c.InteractiveMode.Create,o=Lt(a.a.useReducer(Ft,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]),(Pt(n={},t.actionableItemId,t.data),Pt(n,"submitted",!0),n)),e}),{})}:Rt}(r)})),2),u=o[0],l=o[1],s=v(null==n?void 0:n.id),f=null==n?void 0:n.interactions[s.interactionIndex],m="number"==typeof s.nextInteractionIndex?null==n?void 0:n.interactions[s.nextInteractionIndex]:null,d=y(null==f?void 0:f.id),p=y(null==m?void 0:m.id);function v(e){return e&&u.timepoints[e]||_t}function y(e){if(!e)return{};var t=u.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:u,interaction:f,interactionState:d,timepointState:s,nextInteraction:m,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)}}},Dt=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{u(r.next(e))}catch(e){i(e)}}function c(e){try{u(r.throw(e))}catch(e){i(e)}}function u(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}u((r=r.apply(e,t||[])).next())}))},Ut=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},Bt=!1,Wt=function(e){var t=e.interactive,n=e.timepoint,r=e.player,i=e.mode,o=e.resultsService,u=e.latestSession,l=Ut(e,["interactive","timepoint","player","mode","resultsService","latestSession"]),s=qt({mode:i,timepoint:n,latestSession:u}),f=s.state,m=s.interaction,d=s.interactionState,p=s.timepointState,v=s.nextInteraction,y=s.nextInteractionState,b=Ut(s,["state","interaction","interactionState","timepointState","nextInteraction","nextInteractionState"]),h=i===c.InteractiveMode.Create;function g(e){for(var n=0;n<t.timepoints.length;){for(var r=t.timepoints[n],a=0;a<r.interactions.length;){var i=r.interactions[a];if(i.id===e)return{localTimepoint:r,localInteraction:i};a++}n++}return{localInteraction:null,localTimepoint:null}}function I(e){return Dt(this,void 0,void 0,regeneratorRuntime.mark((function n(){var r,a,i,o,c,u;return regeneratorRuntime.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(r=g(e),a=r.localInteraction,i=r.localTimepoint,a&&i){n.next=3;break}throw new Error("Could not find the interaction and timepoint for the interactionId ".concat(e));case 3:if(Q(a.id)){n.next=6;break}return n.next=6,ie.deleteInteraction(a.id);case 6:if(o=i.interactions.findIndex((function(e){return e.id===a.id})),i.interactions.splice(o,1),b.clearInteractionState(a.id),c=b.getTimepointState(i.id),o<c.interactionIndex&&b.updateTimepointState(i.id,{interactionIndex:c.interactionIndex-1}),!(i.interactions.length>0)){n.next=13;break}return n.abrupt("return");case 13:if(Q(i.id)){n.next=16;break}return n.next=16,ie.deleteTimepoint(i.id);case 16:u=t.timepoints.findIndex((function(e){return e.id===i.id})),t.timepoints.splice(u,1),l.removeCue(i.visibleAt/1e3),b.clearTimepointState(i.id);case 20:case"end":return n.stop()}}),n)})))}function w(e){if(m){var t=Q(m.id);if(t||(null==d?void 0:d.hasChanges)||(null==p?void 0:p.hasChanges)){oe.a.render(a.a.createElement("p",null,"Do you want to discard your changes?"),{title:"Unsaved changes",success:function(){(null==p?void 0:p.hasChanges)&&k(!0),t?I(m.id):b.clearInteractionState(m.id),e&&e()},buttons:[{variant:"link",buttonText:"Cancel"},{variant:"danger",success:!0,buttonText:"Discard"}]})}else e&&e()}else e&&e()}function E(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(h)w((function(){b.updateTimepointState(n.id,{interactionIndex:e})}));else{var r=function(){b.updateTimepointState(n.id,{nextInteractionIndex:e}),window.requestAnimationFrame((function(){b.updateTimepointState(n.id,{nextInteractionIndex:e,slideIn:!0}),window.setTimeout((function(){b.updateTimepointState(n.id,{interactionIndex:e,nextInteractionIndex:null,slideIn:null})}),400)}))};t?w(r):r()}}function S(){p.interactionIndex+1>=n.interactions.length?l.continueInteractive():E(p.interactionIndex+1,!1)}function C(){t.timepoints.sort((function(e,t){return e.visibleAt>t.visibleAt?1:t.visibleAt>e.visibleAt?-1:0}))}function x(){E(n.interactions.length)}function k(e){(null==p?void 0:p.hasChanges)&&(e&&l.moveTimepoint(p.originalVisibleAt),b.updateTimepointState(n.id,{hasChanges:void 0,originalVisibleAt:void 0}),Bt=!1)}return{state:f,interaction:m,interactionState:d,timepointState:p,nextInteraction:v,nextInteractionState:y,skip:S,cancel:function(){return Dt(this,void 0,void 0,regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!(null==d?void 0:d.hasChanges)){e.next=3;break}return w(),e.abrupt("return");case 3:return e.next=5,I(m.id);case 5:l.setOpen(!0);case 6:case"end":return e.stop()}}),e)})))},addAnotherQuestion:x,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),b.updateTimepointState(a.id,{interactionIndex:a.interactions.indexOf(i)})},discardChanges:w,changeIndex:E,promptDelete:function(e){oe.a.render(a.a.createElement("p",null,"Are you sure you want to delete this question?"),{title:"Delete question",success:function(){return I(e)},buttons:[{variant:"link",buttonText:"Cancel"},{variant:"danger",success:!0,buttonText:"Delete"}]})},showTypeSelector:function(){r.pause(),l.setOpen(!0),n&&x()},cancelTypeSelector:function(){n?E(p.interactionIndex-1):(l.setOpen(!1),r.play())},deleteInteraction:I,saveInteraction:function(){return Dt(this,void 0,void 0,regeneratorRuntime.mark((function e(){var t,r,a,i;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(h){e.next=2;break}throw new Error("Should not be calling onClickSave while viewing an interactive");case 2:if(o=m.typeId,!(t=(0,Ze[o])(b.getInteractionState(m.id),m))){e.next=7;break}return b.updateInteractionState(m.id,{error:t}),e.abrupt("return");case 7:if(b.updateInteractionState(m.id,{spinner:!0}),!Q(n.id)){e.next=15;break}return r=n.id,e.next=12,ie.saveTimepoint(n);case 12:l.updateCue(r,n.id),b.clearTimepointState(r),(null==p?void 0:p.hasChanges)&&(C(),k());case 15:return m.timepointId=n.id,a=m.id,i=Je(m.typeId),e.next=20,i(b.getInteractionState(m.id),m);case 20:b.clearInteractionState(a);case 21:case"end":return e.stop()}var o}),e)})))},addInteraction:function(e){var a;r.pause();var i=(null==n?void 0:n.id)||"new_".concat(Math.round(Math.random()*Number.MAX_SAFE_INTEGER)),o={id:"new_".concat(Math.round(Math.random()*Number.MAX_SAFE_INTEGER)),timepointId:i,typeId:e,order:(null===(a=null==n?void 0:n.interactions)||void 0===a?void 0:a.length)||0,interactiveId:t.id,data:{}};if(n)return n.interactions.push(o),void E(p.interactionIndex);var c=r.currentTime();t.timepoints||(t.timepoints=[]),t.timepoints.push({id:i,visibleAt:1e3*c,interactiveId:t.id,shouldPause:1,interactions:[o]}),C(),l.addCue(i)},submitInteractionAnswer:function(){return Dt(this,void 0,void 0,regeneratorRuntime.mark((function e(){var r,a,u,s;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(!d.submitted){e.next=8;break}if(!(p.interactionIndex>=n.interactions.length)){e.next=6;break}return l.continueInteractive(),e.abrupt("return");case 6:return E(p.interactionIndex+1),e.abrupt("return");case 8:if(d.error,d.hasChanges,d.submitted,d.spinner,r=Ut(d,["error","hasChanges","submitted","spinner"]),f=m.typeId,!(a=(0,Ot[f])(r,m))){e.next=14;break}return b.updateInteractionState(m.id,{error:a}),e.abrupt("return");case 14:if(!o||!d.hasChanges){e.next=20;break}if(u=Nt(m.typeId),b.updateInteractionState(m.id,{spinner:!0}),!u){e.next=20;break}return e.next=20,u(r,m,o.save);case 20:if(b.updateInteractionState(m.id,{submitted:!0,error:null,hasChanges:!1,spinner:!1}),t.immediateFeedback){e.next=24;break}return S(),e.abrupt("return");case 24:s=Ct(m.typeId),s(m)||S();case 27:case"end":return e.stop()}var f}),e)})))},userUpdateInteractionState:b.userUpdateInteractionState,updateTimepointTime:function(e){var a=r.duration(),i=n.visibleAt+1e3*e,o=!0;do{for(var c=0;c<t.timepoints.length;c++){var u=t.timepoints[c];i>u.visibleAt&&i<u.visibleAt+1e3&&(i+=e>0?1e3:-1e3)}o=!1}while(o);if(!(i/1e3>a||i<0)){var s=n.visibleAt;Bt||(Bt=!0,b.updateTimepointState(n.id,{originalVisibleAt:s,hasChanges:!0})),l.moveTimepoint(i)}},saveTimepoint:function(){return Dt(this,void 0,void 0,regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!Q(n.id)){e.next=2;break}return e.abrupt("return");case 2:return e.next=4,ie.updateTimepoint(n);case 4:C(),k();case 6:case"end":return e.stop()}}),e)})))},clearTimepointTimeState:k,reOrderQuestions:function(e){return Dt(this,void 0,void 0,regeneratorRuntime.mark((function t(){var r,a;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:r=0;case 1:if(!(r<e.length)){t.next=7;break}return t.next=4,ie.saveInteraction(Object.assign(Object.assign({},e[r]),{order:r}));case 4:r++,t.next=1;break;case 7:a=n.interactions[p.interactionIndex],n.interactions=e,b.updateTimepointState(n.id,{interactionIndex:e.indexOf(a)});case 10:case"end":return t.stop()}}),t)})))}}},$t=n(1267),Vt=n.n($t);function zt(e){var t="".concat(e.className," ").concat(Vt.a.iconButton);e.children?t+=" ".concat(Vt.a.iconWithText):t+=" ".concat(Vt.a.iconOnly);var n=a.a.createElement(ct.a,{svgName:e.svgName,className:Vt.a.svg});return a.a.createElement(se.a,{className:t,onClick:e.onClick},n,e.children)}function Ht(e){var t=e.isCreate,n=e.open,r=e.showTypeSelector;return!t||n?a.a.createElement(a.a.Fragment,null):a.a.createElement(zt,{className:"btn btn-outline-dark cv-add-question",onClick:r,svgName:ut.b.Plus},"Add question")}var Kt=n(1151);function Zt(){return a.a.createElement("div",{className:"my-5 text-center"},a.a.createElement("h2",{className:"h3"},"Select an interaction to get started"),a.a.createElement("p",{className:"mb-0"},"Choose a point in the video and add a question to interact and engage your your students."),a.a.createElement("a",{href:"",className:"btn btn-link text-info"},"How do I create interactives?"))}function Qt(e){var t=e.isCreate,n=e.interactive,r=e.interaction,i=e.portalNode,o=e.goToTimepoint,c=e.promptDelete;if(!i)return a.a.createElement(a.a.Fragment,null);var u=n.timepoints.reduce((function(e,t){return e+t.interactions.length}),0);return a.a.createElement(ue.a,{node:i},u?a.a.createElement(a.a.Fragment,null,a.a.createElement("h2",{className:"h4 mt-3"},"Question List (",u,")"),a.a.createElement(Kt.a,{interactive:n,maxHeight:300,goToTimepoint:o,selectedInteractionId:null==r?void 0:r.id,onClickDelete:t?c:void 0})):t?a.a.createElement(Zt,null):a.a.createElement(a.a.Fragment,null))}var Jt=n(1413);function Gt(e,t){if(t===c.InteractiveMode.Create)return function(e){return Ke[e]}(e);if(t===c.InteractiveMode.View)return function(e){return xt[e]}(e);throw new Error("Cannot find components for the mode ".concat(t))}var Xt=n(227);n(1268);function Yt(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 en(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 en(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 en(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var tn=[ce.InteractionTypeId.MissingWord,ce.InteractionTypeId.MultipleChoice,ce.InteractionTypeId.TrueOrFalse,ce.InteractionTypeId.ShortAnswer,ce.InteractionTypeId.Image,ce.InteractionTypeId.Annotation];function nn(e){var t=e.addInteraction,n=e.cancelTypeSelector,r=e.player,i=e.timepoint,o=e.open,c=e.isCreate,u=e.interaction,l=Yt(a.a.useState(Object(Xt.a)(r.currentTime()||0)),2),s=l[0],f=l[1];return a.a.useEffect((function(){var e=function(){f(Object(Xt.a)(r.currentTime()))};return r.on("timeupdate",e),function(){return r.off("timeupdate",e)}}),[]),u||!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:"," ",s),tn.map((function(e,n){var r=C.a.getTypeInfo(e),i=r.name,o=r.bgClassName,c=r.Svg;return a.a.createElement(se.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(se.a,{className:"btn btn-link",onClick:n},"Cancel"))))}function rn(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return an(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 an(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 an(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 on(e){var t=e.typeId,n=e.currentIndex,r=e.numberOfInteractions,i=e.changeIndex,o=e.player,c=rn(a.a.useState(Object(Xt.a)(o.currentTime()||0)),2),u=c[0],l=c[1];a.a.useEffect((function(){var e=function(){l(Object(Xt.a)(o.currentTime()))};return o.on("timeupdate",e),function(){return o.off("timeupdate",e)}}),[]);var s=C.a.getTypeInfo(t),f=s.name,m=s.bgClassName,d=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(m)},a.a.createElement(se.a,{onClick:function(){p&&i(n-1)},className:p?"":"invisible"},a.a.createElement(ct.a,{size:ct.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 ",u)),a.a.createElement(se.a,{onClick:function(){d&&i(n+1)},className:d?"":"invisible"},a.a.createElement(ct.a,{size:ct.b.Medium,svgName:ut.b.ChevronRight})))}n(1269);function cn(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 un(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(on,{typeId:n.typeId,changeIndex:i,player:r,currentIndex:o.interactionIndex,numberOfInteractions:c.interactions.length}):a.a.createElement(cn,{typeId:n.typeId})}var ln=n(35);function sn(e){var t=e.interaction,n=e.interactionState,a=e.onClickContinue,i=e.onClickSave,o=e.onClickCancel,c=e.onClickAddAnother,u=e.onClickDiscard,l=Q(t.id),s=!!(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(se.a,{className:"btn btn-link",onClick:o},"Cancel"):s?r.createElement(se.a,{className:"btn btn-link",onClick:u},"Discard"):r.createElement(se.a,{className:"btn btn-link",onClick:c},"Add another question"),f?r.createElement(se.a,{className:"btn btn-dark ml-2 cv-interactive-spinner",onClick:function(){}},r.createElement(ln.Spinner,{as:"span",animation:"border",role:"status",size:"sm"})):l?s?r.createElement(se.a,{className:"btn btn-dark ml-2",onClick:i},"Save"):r.createElement(se.a,{className:"btn btn-dark ml-2 disabled",onClick:function(){}},"Save"):s?r.createElement(se.a,{className:"btn btn-dark ml-2",onClick:i},"Save"):r.createElement(zt,{className:"btn btn-dark ml-2",onClick:a,svgName:ut.b.Play},"Continue"))}function fn(e){var t=e.typeId,n=e.interactionState,a=e.onClickSkip,i=e.numberOfInteractions,o=e.currentIndex,c=e.changeIndex,u=!!(null==n?void 0:n.submitted),l=!!(null==n?void 0:n.hasChanges),s=!!(null==n?void 0:n.spinner),f=!!Nt(t),m=o<i-1;function d(){m&&c(o+1)}var p=o>0;function v(){l&&e.onClickSubmit()}return r.createElement("div",{className:"cv-timpoint-button-container flex-wrap"},!u&&f&&r.createElement(se.a,{className:"btn btn-link",onClick:a},"Come back later"),i>1&&o>0&&r.createElement(zt,{className:"btn btn-dark ml-2 ".concat(p?"":"disabled"),onClick:function(){p&&c(o-1)},svgName:ut.b.ChevronUp}),s?r.createElement(se.a,{className:"btn btn-dark ml-2 cv-interactive-spinner",onClick:function(){}},r.createElement(ln.Spinner,{as:"span",animation:"border",role:"status",size:"sm"})):u||!f?1===i||o===i-1?r.createElement(zt,{className:"btn btn-dark ml-2",onClick:a,svgName:ut.b.Play},"Continue"):r.createElement(se.a,{className:"btn btn-dark ml-2 ".concat(m?"":"disabled"),onClick:d},"Next"):r.createElement(se.a,{className:"btn btn-dark ml-2 ".concat(l?"":"disabled"),onClick:v},"Save"))}function mn(e){var t=e.isCreate,n=e.interaction,r=e.interactionState,i=e.continueInteractive,o=e.saveInteraction,c=e.cancel,u=e.addAnotherQuestion,l=e.discardChanges,s=e.submitInteractionAnswer,f=e.skip,m=e.changeIndex,d=e.timepoint,p=e.currentIndex;return a.a.createElement(a.a.Fragment,null,t?a.a.createElement(sn,{interaction:n,interactionState:r,onClickContinue:i,onClickSave:o,onClickCancel:c,onClickAddAnother:u,onClickDiscard:function(){return l()}}):a.a.createElement(fn,{typeId:n.typeId,interactionState:r,onClickSubmit:s,onClickSkip:f,changeIndex:m,currentIndex:p,numberOfInteractions:d.interactions.length}))}var dn=n(1003);function pn(e){var t=e.timepoint,n=e.interaction,r=e.promptDelete,i=e.optionsPortalNode,o=e.setView;if(!n)return a.a.createElement(a.a.Fragment,null);var c=[];if(c.push({label:"Move time point",onClick:function(){return o("move")}}),t.interactions.length){var u=Q(n.id);c.push({label:"Re-order questions",onClick:function(){return o("reorder")},className:u?"disabled":""})}return c.push({label:"Delete",onClick:function(){return r(n.id)},className:"text-danger"}),a.a.createElement(ue.a,{node:i},!!n&&a.a.createElement(dn.a,{actions:c}))}n(1270),n(1271);function vn(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return 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}var bn=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{u(r.next(e))}catch(e){i(e)}}function c(e){try{u(r.throw(e))}catch(e){i(e)}}function u(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}u((r=r.apply(e,t||[])).next())}))},hn=null,gn=0,In=1;function wn(e){var t=e.timepoint,n=e.updateTimepointTime,r=e.saveTimepoint,i=e.back,o=e.clearTimepointTimeState,c=vn(a.a.useState(Object(Xt.a)(t.visibleAt/1e3)),2),u=c[0],l=c[1],s=vn(a.a.useState(!1),2),f=s[0],m=s[1];function d(e){n(e*In),l(Object(Xt.a)(t.visibleAt/1e3)),2===++gn?In=5:4===gn?In=20:6===gn?In=60:8===gn&&(In=120),hn||(hn=window.setInterval((function(){return d(e)}),200),window.addEventListener("mouseup",p))}function p(){window.removeEventListener("mouseup",p),window.clearInterval(hn),hn=null,gn=0,In=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(se.a,{className:"cv-left-arrow d-inline-block cursor-pointer",onClick:function(){},onMouseDown:function(){return d(-1)},onKeyDown:function(e){e.stopPropagation(),13===e.keyCode&&0===gn&&d(-1)},onKeyUp:p}),a.a.createElement("input",{className:"form-control form-control-lg text-center d-inline-block cv-move-timepoint-input",value:u,onChange:function(){},onKeyDown:function(e){e.stopPropagation(),37===e.keyCode&&0===gn&&d(-1),39===e.keyCode&&0===gn&&d(1)},onKeyUp:p}),a.a.createElement(se.a,{className:"cv-right-arrow d-inline-block cursor-pointer",onClick:function(){},onMouseDown:function(){return d(1)},onKeyDown:function(e){e.stopPropagation(),13===e.keyCode&&0===gn&&d(1)},onKeyUp:p}))))),a.a.createElement("div",{className:"cv-timpoint-button-container"},a.a.createElement(se.a,{className:"btn btn-link",onClick:function(){o(!0),i()}},"Cancel"),f?a.a.createElement(se.a,{className:"btn btn-dark ml-2 cv-interactive-spinner",onClick:function(){}},a.a.createElement(ln.Spinner,{as:"span",animation:"border",role:"status",size:"sm"})):a.a.createElement(se.a,{className:"btn btn-dark",onClick:function(){return bn(this,void 0,void 0,regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return m(!0),e.next=3,r();case 3:i();case 4:case"end":return e.stop()}}),e)})))}},"Save")))}var En=n(969),Sn=n(1128),Cn=n(1272),xn=n.n(Cn);function kn(e){return function(e){if(Array.isArray(e))return Nn(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||jn(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 On(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)||jn(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 jn(e,t){if(e){if("string"==typeof e)return Nn(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Nn(e,t):void 0}}function Nn(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var Tn=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{u(r.next(e))}catch(e){i(e)}}function c(e){try{u(r.throw(e))}catch(e){i(e)}}function u(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}u((r=r.apply(e,t||[])).next())}))};var An=Object(En.SortableElement)((function(e){var t=e.interaction,n=C.a.getTypeInfo(t.typeId),r=n.bgClassName,i=n.Svg;return a.a.createElement("div",{className:"py-2 text-left"},a.a.createElement("span",{className:xn.a.dragIcon},a.a.createElement(ct.a,{size:ct.b.Small,svgName:ut.b.Handle})),a.a.createElement("span",{className:"".concat(xn.a.type," ").concat(r)},a.a.createElement(i,null)),a.a.createElement("span",{className:"".concat(xn.a.name," clamp-1")},t.typeId===ce.InteractionTypeId.Annotation?a.a.createElement("span",{dangerouslySetInnerHTML:{__html:Object(Sn.a)(t.data.annotation)}}):t.name))})),Pn=Object(En.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(An,{key:e.id,index:t,interaction:e})})))}));function Rn(e){var t=On(a.a.useState(!1),2),n=t[0],r=t[1],i=On(a.a.useState(kn(e.interactions)),2),o=i[0],c=i[1],u=On(a.a.useState(!1),2),l=u[0],s=u[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(Pn,{onSortEnd:function(e){var t=e.oldIndex,n=e.newIndex;t!==n&&(c(kn(function(e,t,n){for(;t<0;)t+=e.length;for(;n<0;)n+=e.length;if(n>=e.length)for(var r=n-e.length+1;r--;)e.push(void 0);return e.splice(n,0,e.splice(t,1)[0]),e}(o,t,n))),s(!0))},interactions:o,helperClass:xn.a.dragging,lockAxis:"y"}))))),a.a.createElement("div",{className:"cv-timpoint-button-container"},a.a.createElement(se.a,{className:"btn btn-link",onClick:function(){c(kn(e.interactions)),s(!1),e.back()}},"Cancel"),n?a.a.createElement(se.a,{className:"btn btn-dark ml-2 cv-interactive-spinner",onClick:function(){}},a.a.createElement(ln.Spinner,{as:"span",animation:"border",role:"status",size:"sm"})):a.a.createElement(se.a,{className:"btn btn-dark ".concat(l?"":"disabled"),onClick:function(){return Tn(this,void 0,void 0,regeneratorRuntime.mark((function t(){return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(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 Fn=n(82),Ln=n(31);function Mn(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return _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 qn(e){var t=e.isCreate,n=e.interaction,r=e.mode,i=e.immediateFeedback,o=e.interactionState,c=e.shouldFocus,u=e.delayFocus,l=e.open,s=e.timepoint,f=e.userUpdateInteractionState,m=e.submitInteractionAnswer,d=e.saveInteraction,p=a.a.useRef(),v=a.a.useRef(),y=Object(Fn.a)(Ln.a.XLDown),b=!t||y;function h(){return!!p.current&&(!!c&&!!l)}a.a.useEffect((function(){var e;h()&&(u&&b?window.setTimeout((function(){var e;h()&&(null===(e=p.current)||void 0===e||e.focus())}),400):null===(e=p.current)||void 0===e||e.focus())}),[p.current]);var g=Mn(a.a.useState("question"),2),I=g[0],w=g[1],E=a.a.useMemo((function(){return Object(ue.c)()}),[]),S=n?Gt(n.typeId,r):null,C=i;return t||(C=C&&(null==o?void 0:o.submitted)),a.a.createElement(a.a.Fragment,null,a.a.createElement(pn,Object.assign({optionsPortalNode:E,setView:w},e)),a.a.createElement(Jt.a,{style:{height:"100%"},ref:v},a.a.createElement(nn,Object.assign({},e)),!!n&&a.a.createElement("div",{className:"d-flex flex-column h-100"},a.a.createElement(un,Object.assign({},e)),"question"===I&&a.a.createElement(a.a.Fragment,null,a.a.createElement("form",{className:"cv-timepoint flex-grow-1",tabIndex:-1,onSubmit:function(e){e.preventDefault(),t?d():m()}},a.a.createElement("div",{className:"cv-timepoint-padding"},a.a.createElement("div",{ref:p,tabIndex:0}),a.a.createElement(S,Object.assign({state:o,setState:f,recalculateScroll:function(){v.current.recalculate()},showFeedback:C,optionsPortalNode:E},e)))),a.a.createElement(mn,Object.assign({},e))),"move"===I&&a.a.createElement(wn,Object.assign({back:function(){return w("question")}},e)),"reorder"===I&&a.a.createElement(Rn,Object.assign({back:function(){return w("question")},interactions:s.interactions},e)))))}n(1273);function Dn(e){var t=e.open,n=e.nextInteraction,r=e.nextInteractionState,i=e.timepointState,o=e.interaction,c=e.delayFocus,u=n&&i.nextInteractionIndex<i.interactionIndex,l=n&&i.nextInteractionIndex>i.interactionIndex,s=l&&i.slideIn,f=u&&i.slideIn;return a.a.createElement("div",{className:"cv-interactive ".concat(t?"cv-open":"")},u&&a.a.createElement("div",{className:"cv-prev-interaction ".concat(i.slideIn?"cv-slide-in":"")},a.a.createElement(qn,Object.assign({},e,{currentIndex:i.nextInteractionIndex,interaction:n,interactionState:r}))),a.a.createElement("div",{className:"\n cv-main-slide\n ".concat(s?"cv-slide-out-up":"","\n ").concat(f?"cv-slide-out-down":"","\n ").concat(n?"cv-transitioning":"","\n ")},a.a.createElement(qn,Object.assign({key:null==o?void 0:o.id},e,{currentIndex:i.interactionIndex,shouldFocus:o&&!u&&!l,delayFocus:c}))),l&&a.a.createElement("div",{className:"cv-next-interaction ".concat(i.slideIn?"cv-slide-in":"")},a.a.createElement(qn,Object.assign({},e,{currentIndex:i.nextInteractionIndex,interaction:n,interactionState:r}))))}n(1274);function Un(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 Bn(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 Bn(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 Bn(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 Wn(e){var t=e.player,n=e.resultsService,r=e.interactive,i=e.setShowSummary,o=Un(a.a.useState(!1),2),c=o[0],u=o[1];function l(){t.currentTime()>r.timepoints[r.timepoints.length-1].visibleAt/1e3+1?u(!0):u(!1)}return a.a.useEffect((function(){if(n)return t.on("timeupdate",l),function(){return t.off("timeupdate",l)}}),[]),c?a.a.createElement(se.a,{className:"btn btn-outline-dark cv-show-summary",onClick:function(){i(!0),t.pause(),t.hide()}},"View summary"):null}var $n=n(1275),Vn=n.n($n);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 Hn(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 Hn(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 Hn(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 Kn(e){var t=e.duration,n=e.progress,r=e.player,i=zn(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:Vn.a.progress,style:{left:"".concat(r,"%"),right:"".concat(i,"%")}})})))}var Zn=n(1276),Qn=n.n(Zn);function Jn(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(Qn.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 Gn=n(149),Xn=n(1277),Yn=n.n(Xn);function er(e){var t=e.showSummary,n=e.setShowSummary,r=e.state,i=e.interactive,o=e.player,c=e.progress,u=e.portalNode,l=a.a.useRef();function s(){n(!1),o.show(),o.play()}function f(t,n){s(),e.goToTimepoint(t,n)}if(!u||!t)return a.a.createElement(a.a.Fragment,null);var m=0,d=0,p=0;i.timepoints.forEach((function(e){e.interactions.forEach((function(e){var t=r.interactions[e.id],n=At(e.typeId)(t||{},e);n===rt.a.Correct&&m++,n!==rt.a.NotApplicable&&d++,n!==rt.a.NotApplicable&&(null==t?void 0:t.submitted)&&p++}))}));var v=o.ended(),y=o.duration();return a.a.createElement(ue.a,{node:u},a.a.createElement("div",{className:"cursor-pointer my-4 ".concat(Yn.a.bar),onClick:function(e){if(l.current){var t=l.current.getBoundingClientRect(),n=(e.pageX-t.left)/t.width*y;s(),o.currentTime(n)}},ref:l},a.a.createElement(Kn,{duration:y,progress:c,interactive:i,player:o}),a.a.createElement(Jn,{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: ",m,"/",d),a.a.createElement("span",{className:"d-inline-block mb-3"},"You have answered ",a.a.createElement("strong",{className:p!==d?"text-danger":""},p)," of ",a.a.createElement("strong",null,d)," questions")),a.a.createElement("span",null,a.a.createElement(Gn.a,{svgName:ut.b.Play,className:"btn btn-outline-dark",onClick:function(){s(),o.ended()&&o.currentTime(0)}},v?"Play again":"Continue watching"))),a.a.createElement(Kt.a,{interactive:i,maxHeight:9999,getCorrectness:function(e){var t=r.interactions[e.id],n=At(e.typeId)(t||{},e);return n===rt.a.NotApplicable||(null==t?void 0:t.submitted)?i.immediateFeedback||n!==rt.a.Correct&&n!==rt.a.Incorrect?n:rt.a.Answered:rt.a.UnAnswered},goToTimepoint:f}))}function tr(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 nr(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 nr(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 nr(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 rr(e){var t=e.resultsService,n=e.player,r=tr(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(Wn,Object.assign({setShowSummary:o},e)),a.a.createElement(er,Object.assign({showSummary:i,setShowSummary:o},e)))}n(1278);var ar=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 ir(e){var t=e.player,n=e.track,r=e.mode,i=e.interactive,o=e.imageApi,u=e.questionListPortalNode,l=e.summaryPortalNode,s=e.resultsService,f=e.currentUser,m=e.progress,d=e.latestSession,p=function(e){var t=e.player,n=e.track,r=e.interactive,i=e.clipOffset,o=H(a.a.useState(!1),2),c=o[0],u=o[1],l=H(a.a.useState(!1),2),s=l[0],f=l[1],m=H(a.a.useState(null),2),d=m[0],p=m[1];function v(e){return i?e+i:e}function y(e){f(!!e&&c),u(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:s,timepoint:d,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(d.id);if(r){var a=e/1e3;r.startTime=v(a),r.endTime=v(a+1),t.currentTime(a+.5,!0),d.visibleAt=e,n.trigger("cv:cuechange")}},getClipOffset:v}}({player:t,track:n,interactive:i,mode:r,clipOffset:e.clipOffset}),v=p.open,y=p.timepoint,b=p.wasOpen,h=ar(p,["open","timepoint","wasOpen"]),g=Wt(Object.assign({mode:r,interactive:i,timepoint:y,player:t,resultsService:s,latestSession:d},h)),I=g.interaction,w=g.interactionState,E=g.nextInteraction,S=g.nextInteractionState,C=g.timepointState,x=g.state,k=ar(g,["interaction","interactionState","nextInteraction","nextInteractionState","timepointState","state"]);!function(e){var t,n=e.mode,r=e.player,i=e.timepoint,o=e.interaction,u=e.discardChanges,l=e.interactionState,s=e.timepointState,f=Object(Z.a)(),m=n===c.InteractiveMode.Create;a.a.useEffect((function(){if(m){if(Q(null==o?void 0:o.id)||(null==l?void 0:l.hasChanges)||(null==s?void 0:s.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){u(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==s?void 0:s.hasChanges])}({mode:r,player:t,timepoint:y,interaction:I,discardChanges:k.discardChanges,interactionState:w,timepointState:C});var O={mode:r,open:v,isCreate:r===z.a.Create,interaction:I,nextInteraction:E,timepoint:y,interactive:i,interactionState:w,nextInteractionState:S,timepointState:C,player:t};return a.a.createElement(a.a.Fragment,null,a.a.createElement(Ht,Object.assign({},O,k)),a.a.createElement(Dn,Object.assign({imageApi:o,currentUser:f,immediateFeedback:i.immediateFeedback,delayFocus:!b},O,k,h)),a.a.createElement(rr,Object.assign({state:x,portalNode:l,progress:m,resultsService:s},O,k)),a.a.createElement(Qt,Object.assign({portalNode:u},O,k)))}E.a.registerComponent("Interactive",Object(V.a)((function(e,t){return a.a.createElement(ir,Object.assign({player:e},t))})));var or=n(220),cr=n(223);function ur(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(or.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(cr.a,{buttons:i}))}E.a.registerComponent("ContinueSession",Object(V.a)((function(e,t){return a.a.createElement(ur,Object.assign({player:e},t))})));n(1279);function lr(e){return(lr="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 sr(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 fr(e,t){return(fr=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function mr(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 dr(this,n)}}function dr(e,t){return!t||"object"!==lr(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 vr=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&&fr(e,t)}(i,e);var t,n,r,a=mr(i);function i(e,t){var n;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i),(n=a.call(this,e)).continueSession=!1,n.options=t,e.ready((function(){return n.initialize()})),n}return t=i,(n=[{key:"initialize",value:function(){var e=this;S.a.useTrack(this.player,"metadata","interactive",this.onTrackLoaded.bind(this)),this.player.addClass("cv-interactive-plugin"),this.options.resultsService&&!this.options.latestSession&&(this.startSession=this.startSession.bind(this),this.player.one("play",this.startSession),this.player.on("dispose",(function(){e.player.off("play",e.startSession)})))}},{key:"startSession",value:function(){var e,t=null===(e=this.options.latestSession)||void 0===e?void 0:e.resultId;this.continueSession||(t=null),this.options.resultsService.start(t)}},{key:"onTrackLoaded",value:function(e){var t=this;this.options.resultsService&&this.options.latestSession?(this.player.pause(),this.player.addChild("ContinueSession",{continue:function(n){t.continueSession=n,t.startSession(),t.addChildren(e),t.player.play()}})):this.addChildren(e)}},{key:"addChildren",value:function(e){this.player.addChild("Interactive",Object.assign(Object.assign({},this.options),{track:e,mode:this.options.mode||c.InteractiveMode.View,latestSession:this.continueSession&&this.options.latestSession})),this.player.controlBar.getChild("progressControl").getChild("SeekBar").addChild(new $(this.player,{interactive:this.options.interactive,track:e}))}}])&&sr(t.prototype,n),r&&sr(t,r),i}(E.a.getPlugin("plugin"));E.a.registerPlugin("viewInteractivePlugin",vr);var yr=n(22);function br(e){return(br="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 hr(e){return function(e){if(Array.isArray(e))return gr(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 gr(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 gr(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 gr(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 Ir(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 wr(e,t,n){return(wr="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=xr(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 Er(e,t){return(Er=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function Sr(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=xr(e);if(t){var a=xr(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return Cr(this,n)}}function Cr(e,t){return!t||"object"!==br(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 xr(e){return(xr=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var kr=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{u(r.next(e))}catch(e){i(e)}}function c(e){try{u(r.throw(e))}catch(e){i(e)}}function u(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}u((r=r.apply(e,t||[])).next())}))},Or=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&&Er(e,t)}(o,e);var t,n,r,a=Sr(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=[],u.a.setToken("gateway",n.options.authToken),n.player.on("dispose",(function(){n.resultsService&&n.resultsService.stop()})),n.options.mode===c.InteractiveMode.Create&&n.player.addClass("cv-create-interactives"),n}return t=o,(n=[{key:"onFlushProgress",value:function(e){var t;wr(xr(o.prototype),"onFlushProgress",this).call(this,e),this.options.mode!==c.InteractiveMode.Create&&(t=this.totalProgress).push.apply(t,hr(e))}},{key:"additionalSetup",value:function(e){var t=this,n=Object.create(null,{additionalSetup:{get:function(){return wr(xr(o.prototype),"additionalSetup",t)}}});return kr(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 yr.a("Must provide a currentUser in order to collect interactive results")),this.resultsService=new w({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})}},{key:"getSeekBarOptions",value:function(){return{ignoreChapters:!0}}},{key:"getAnalyticsPlayerType",value:function(){return"interactive-player"}}])&&Ir(t.prototype,n),r&&Ir(t,r),o}(o.a);n.d(t,"a",(function(){return Nr}));var jr=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n};function Nr(e){var t=e.onReady,n=e.className,r=jr(e,["onReady","className"]),i=a.a.useRef();return a.a.useEffect((function(){var e=new Or(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"}))}},1249:function(e,t,n){},1250:function(e,t,n){},1251:function(e,t,n){},1252:function(e,t,n){},1262:function(e,t,n){},1263:function(e,t,n){},1264:function(e,t,n){},1265:function(e,t,n){},1266:function(e,t,n){},1267:function(e,t,n){e.exports={svg:"_17Ny-",iconButton:"x1ePL",iconWithText:"_2BmJR",iconOnly:"_2DnLq"}},1268:function(e,t,n){},1269:function(e,t,n){},1270:function(e,t,n){},1271:function(e,t,n){},1272:function(e,t,n){e.exports={type:"_3N9_3",dragIcon:"_1GfpD",name:"_3s8vL",dragging:"_1qnqN"}},1273:function(e,t,n){},1274:function(e,t,n){},1275:function(e,t,n){e.exports={progress:"_1myQT"}},1276:function(e,t,n){e.exports={interaction:"_3SUOU"}},1277:function(e,t,n){e.exports={bar:"_2pc-n"}},1278:function(e,t,n){},1279:function(e,t,n){}}]);
1
+ (window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[10],{1010:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var r=n(21),a={createViewKey:function(e){return{url:"/api/player/create-view-key",key:"view:key:".concat(e),type:r.a.POST,data:{mediaId:e.toString()},expiryTime:1/0}}}},1026:function(e,t,n){"use strict";var r=n(1097);n.d(t,"InteractiveMode",(function(){return r.a}));n(1139),n(1140),n(1141),n(1142),n(1143),n(1144),n(1145)},1092:function(e,t,n){"use strict";n.d(t,"a",(function(){return v}));var r=n(0),a=n(970),i=n(10),o=n(44),c=n(228),u=n(21),l=n(1093),s=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 m(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 m(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var d=null,p=!1;function v(e){var t=f(r.useState(d),2),n=t[0],l=t[1];if(d||p||(p=!0,Object(c.ajaxRequest)({resource:"/api/integrations/token/immersive-reader",type:u.a.GET,success:function(e){d=e,l(e),window.setTimeout((function(){d=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(s.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"})))}},1093:function(e,t,n){e.exports={button:"TRYB2"}},1097: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={}))},1098:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var r=n(0),a=n.n(r),i=n(131);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(41),a=n(56),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,u=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(u))}))},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""}}}},1139:function(e,t){},1140:function(e,t){},1141:function(e,t){},1142:function(e,t){},1143:function(e,t){},1144:function(e,t){},1145:function(e,t){},1166:function(e,t,n){"use strict";var r=n(0),a=n.n(r),i=n(5),o=n(354),c=n(1026),u=n(283),l=n(102);function s(e){return(s="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 m(e,t){return(m=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function d(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=v(e);if(t){var a=v(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return p(this,n)}}function p(e,t){return!t||"object"!==s(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&&m(e,t)}(i,e);var t,n,r,a=d(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(176).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 I=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{u(r.next(e))}catch(e){i(e)}}function c(e){try{u(r.throw(e))}catch(e){i(e)}}function u(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}u((r=r.apply(e,t||[])).next())}))},w=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 I(t,void 0,void 0,regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return this.log("connected"),this.retryCount=0,this.isConnected=!0,e.next=5,this.startSession();case 5:this.flush();case 6:case"end":return e.stop()}}),e,this)})))})).catch((function(){t.reconnect()})))}},{key:"stop",value:function(){return I(this,void 0,void 0,regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,this.flush();case 2:this.connection.stop();case 3:case"end":return e.stop()}}),e,this)})))}},{key:"log",value:function(){}},{key:"reconnect",value:function(){this.retryCount>=5?i.a.ErrorHelper.throw(new y):(this.retryCount++,this.start())}},{key:"startSession",value:function(){return I(this,void 0,void 0,regeneratorRuntime.mark((function e(){var t,n,r,a,o;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!this.resultId){e.next=2;break}return e.abrupt("return");case 2:return t=this.options,n=t.interactiveId,r=t.mediaId,a=t.userId,e.prev=3,e.next=6,this.connection.invoke("startSession",n,r,a);case 6:o=e.sent,this.resultId=o.resultId,e.next=13;break;case 10:e.prev=10,e.t0=e.catch(3),i.a.ErrorHelper.throw(new y);case 13:case"end":return e.stop()}}),e,this,[[3,10]])})))}},{key:"flush",value:function(){return I(this,void 0,void 0,regeneratorRuntime.mark((function e(){var t=this;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(this.isConnected&&this.resultId){e.next=2;break}return e.abrupt("return");case 2:if(this.cache.length){e.next=4;break}return e.abrupt("return");case 4:b(this.cache).forEach((function(e){return I(t,void 0,void 0,regeneratorRuntime.mark((function t(){return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,t.next=3,this.connection.invoke("saveActions",this.resultId,e.interactionId,e.results);case 3:this.cache.splice(this.cache.indexOf(e),1),this.log("Saved result",e),t.next=10;break;case 7:t.prev=7,t.t0=t.catch(0),console.error("Failed to save results",e);case 10:case"end":return t.stop()}}),t,this,[[0,7]])})))}));case 5:case"end":return e.stop()}}),e,this)})))}},{key:"save",value:function(e,t){return I(this,void 0,void 0,regeneratorRuntime.mark((function n(){var r;return regeneratorRuntime.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(this.resultId){n.next=2;break}throw new Error("Session has not started");case 2:return r=t.map((function(e){return{actionableItemId:+e.actionableItemId,value:e.value}})),this.cache.push({interactionId:e,results:r}),n.next=6,this.flush();case 6:case"end":return n.stop()}}),n,this)})))}}])&&g(t.prototype,n),r&&g(t,r),e}(),E=n(1),S=n(81),C=n(1012);n(1249);function x(e){return(x="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 k(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 j(e,t){return(j=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 T(this,n)}}function T(e,t){return!t||"object"!==x(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&&j(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_)}}])&&k(t.prototype,n),r&&k(t,r),i}(E.a.getComponent("Button"));n(1250);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 L(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return L(e,t);var 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 L(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function L(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function M(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function _(e,t,n){return(_="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 q(e,t){return(q=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 U(this,n)}}function U(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 $=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&&q(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(_(W(i.prototype),"buildCSSClass",this).call(this))}},{key:"createEl",value:function(e,t,n){return _(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()}))}}])&&M(t.prototype,n),r&&M(t,r),i}(E.a.getComponent("Component")),V=n(178),z=n(1097);function H(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return K(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return K(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function K(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var Z=n(341);function Q(e){return!!(null==e?void 0:e.toString().startsWith("new_"))}function J(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{u(r.next(e))}catch(e){i(e)}}function c(e){try{u(r.throw(e))}catch(e){i(e)}}function u(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}u((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=Q(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?u.a.post(r,JSON.stringify(a),ae):u.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,u.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,u.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,u.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,u.a.delete(ne(e),ae);case 2:case"end":return t.stop()}}),t)})))}}])&&J(t.prototype,n),r&&J(t,r),e}()),oe=n(342),ce=n(221),ue=n(198);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 se=n(327),fe=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{u(r.next(e))}catch(e){i(e)}}function c(e){try{u(r.throw(e))}catch(e){i(e)}}function u(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}u((r=r.apply(e,t||[])).next())}))},me=/[.\?!,;:\-''\(\)]/g;function de(e){for(var t=e.split("");t[0].match(me);)t.shift();for(;t[t.length-1].match(me);)t.pop();return t.join("")}function pe(e,t){for(var n=e.split(""),r=[],a=[];n[0].match(me);)r.push(n.shift());for(;n[n.length-1].match(me);)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=de(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(1098),he=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{u(r.next(e))}catch(e){i(e)}}function c(e){try{u(r.throw(e))}catch(e){i(e)}}function u(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}u((r=r.apply(e,t||[])).next())}))};var ge=n(104);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(1251);var we=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{u(r.next(e))}catch(e){i(e)}}function c(e){try{u(r.throw(e))}catch(e){i(e)}}function u(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}u((r=r.apply(e,t||[])).next())}))};function Ee(e){var t;if(!(null===(t=e.question)||void 0===t?void 0:t.trim()))return"Please provide a question";if(!e.answers.find((function(e){return e.isCorrect})))return"Please select the correct answer";var n=e.answers.filter((function(e){var t;return!!(null===(t=e.name)||void 0===t?void 0:t.trim())}));if(n.length<2)return"Please provide at least two answers";var r=!1,a={};return n.forEach((function(e){r||(a[e.name]?r=!0:a[e.name]=!0)})),r?"There are duplicates in your answers":null}function Se(e,t){var n;return we(this,void 0,void 0,regeneratorRuntime.mark((function r(){return regeneratorRuntime.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return t.name=null===(n=e.question)||void 0===n?void 0:n.trim(),t.actionableItems=e.answers.filter((function(e){var t;return!!(null===(t=e.name)||void 0===t?void 0:t.trim())})),e.feedback&&(t.data.feedback=e.feedback),r.next=5,ie.saveInteraction(t);case 5:case"end":return r.stop()}}),r)})))}function Ce(e){var t=e.state,n=void 0===t?function(e){var t,n=e.typeId===ce.InteractionTypeId.TrueOrFalse,r=null===(t=e.actionableItems)||void 0===t?void 0:t.map((function(e){return{order:e.order,name:e.name,isCorrect:e.isCorrect}}));return(null==r?void 0:r.length)?!n&&(null==r?void 0:r.length)<4&&r.push({order:r.length,name:"",isCorrect:!1}):r=[{order:0,name:n?"True":"",isCorrect:!1},{order:1,name:n?"False":"",isCorrect:!1}],{question:e.name||"",answers:r,feedback:e.data.feedback||""}}(e.interaction):t,r=e.setState,i=e.interaction,o=e.optionsPortalNode,c=e.showFeedback,u=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:!u&&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)),!u&&t.length<4&&!t.find((function(e){return!e.name}))){var a=ge.a.last(t);t.push({name:"",order:a.order+1,isCorrect:!1})}r(Object.assign(Object.assign({},n),{answers:t}))}return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("div",{className:"form-group"},a.a.createElement("div",{className:"d-flex justify-content-between align-items-center mb-1"},a.a.createElement("label",{className:"cv-interaction-field-label mb-0",htmlFor:"multiple-choice-question"},"Question"),a.a.createElement(ue.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:u})})),n.question&&a.a.createElement(le,{error:n.error})),c&&u&&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(be.a,{tooltipText:"Provide answer feedback for your students"})),a.a.createElement("textarea",{id:"true-or-false-feedback",className:"form-control",placeholder:"Give feedback for this question",value:n.feedback||"",onChange:function(e){r(Object.assign(Object.assign({},n),{feedback:e.target.value}))},rows:2})))}var xe=n(1118),ke=n(56),Oe=n(357);function je(){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 Ne(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 Te(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 Te(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 Te(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Ae(e){var t=Ne(a.a.useState(!1),2),n=t[0],r=t[1],i=Ne(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(1252);var Pe=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{u(r.next(e))}catch(e){i(e)}}function c(e){try{u(r.throw(e))}catch(e){i(e)}}function u(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}u((r=r.apply(e,t||[])).next())}))};var Re=n(1146),Fe=n(1398),Le=n(1407),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 _e(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 qe(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 qe(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 qe(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function De(e){var t=_e(a.a.useState(""),2),n=t[0],r=t[1],i=_e(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(se.a,{onClick:function(){return e.onChange("link",o||n,n,"_blank")},className:"btn btn-dark"},"Add")))}n(1262);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 Be(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Be(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Be(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var We,$e,Ve,ze=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{u(r.next(e))}catch(e){i(e)}}function c(e){try{u(r.throw(e))}catch(e){i(e)}}function u(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}u((r=r.apply(e,t||[])).next())}))};function He(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Ke=(He(We={},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=Ue(a.a.useState(function(){var e=i.data.annotation;if(e){var t=Object(Le.a)(Me)(e);return Re.EditorState.createWithContent(t)}return Re.EditorState.createEmpty()}()),2),u=c[0],l=c[1],s=Ue(a.a.useState(null),2),f=s[0],m=s[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(ue.b,{node:o})),a.a.createElement("div",{className:"cv-annotation ".concat(function(){if(!u)return!1;var e=u.getCurrentContent();return e.hasText()||"unstyled"!==e.getBlockMap().first().getType()}()?"Editor--hide-placeholder":"")},u&&a.a.createElement(Fe.Editor,{editorState:u,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:m,placeholder:"Enter your annotation here",toolbar:{options:["inline","list","link"],inline:{options:["bold","italic","underline","superscript","subscript"],bold:{className:"cv-annotation-toolbar-option cv-annotation-bold",icon:""},italic:{className:"cv-annotation-toolbar-option cv-annotation-italic",icon:""},underline:{className:"cv-annotation-toolbar-option cv-annotation-underline",icon:""},superscript:{className:"cv-annotation-toolbar-option cv-annotation-superscript",icon:""},subscript:{className:"cv-annotation-toolbar-option cv-annotation-subscript",icon:""}},list:{options:["unordered","ordered"],unordered:{className:"cv-annotation-toolbar-option cv-annotation-bullet-list",icon:""},ordered:{className:"cv-annotation-toolbar-option cv-annotation-number-list",icon:""}},link:{component:De,options:["link"]}}}),a.a.createElement(le,{error:n.error}))))})),He(We,ce.InteractionTypeId.Image,(function(e){var t=e.state,n=void 0===t?function(e){var t;return{url:(null===(t=e.data)||void 0===t?void 0:t.url)||"",caption:e.data.caption}}(e.interaction):t,r=e.setState,i=e.interaction,o=e.optionsPortalNode;Object(Oe.a)();var c=a.a.useRef(null);function l(e){e&&e[0]&&xe.a.onFileSelect(ke.c.None,e,(function(e){oe.a.renderCropper({src:e.src,alt:"",onClickCrop:s})}))}function s(t){var a=t.split(",")[1];u.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(ue.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(se.a,{className:"cv-remove-uploaded-image d-flex justify-content-center align-items-center",onClick:function(){r(Object.assign(Object.assign({},n),{url:""}))}},a.a.createElement("div",{className:"btn btn-link text-light"},"Remove")))):a.a.createElement(Ae,{onDropImage: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(je,null)),a.a.createElement("p",{className:"mb-0"},"Drag and drop an image file or"),a.a.createElement(se.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(We,ce.InteractionTypeId.MissingWord,(function(e){var t,n,r,i,o,c,u=e.state,l=void 0===u?(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}):u,s=e.setState,f=e.optionsPortalNode,m=!!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(ue.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}}));s(Object.assign(Object.assign({},l),{fullSentence:t,sentence:ye(n),preview:ve(n),words:n}))},autoComplete:"off"})),m&&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=de(e.text))||void 0===n?void 0:n.trim())?a.a.createElement("li",{key:"".concat(t,"-").concat(e.text)},a.a.createElement(se.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 s(Object.assign(Object.assign({},l),{words:n,preview:ve(n),sentence:ye(n)}));var e,n}},de(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(We,ce.InteractionTypeId.MultipleChoice,Ce),He(We,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(ue.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(be.a,{tooltipText:"Provide a suggested response for your students"})),a.a.createElement("textarea",{id:"short-answer-suggested-response",className:"form-control",placeholder:"Give a suggested response for this question",value:n.suggestedResponse||"",onChange:function(e){r(Object.assign(Object.assign({},n),{suggestedResponse:e.target.value}))},rows:2})))})),He(We,ce.InteractionTypeId.TrueOrFalse,Ce),We);var Ze=(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,Ee),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,Ee),$e);var Qe=(He(Ve={},ce.InteractionTypeId.Annotation,(function(e,t){var n;return ze(this,void 0,void 0,regeneratorRuntime.mark((function r(){return regeneratorRuntime.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return t.name="Annotation",t.data.annotation=null===(n=e.annotation)||void 0===n?void 0:n.trim(),t.actionableItems=[{name:"Answer"}],r.next=5,ie.saveInteraction(t);case 5:case"end":return r.stop()}}),r)})))})),He(Ve,ce.InteractionTypeId.Image,(function(e,t){var n,r;return Pe(this,void 0,void 0,regeneratorRuntime.mark((function a(){return regeneratorRuntime.wrap((function(a){for(;;)switch(a.prev=a.next){case 0:return t.data.url=e.url,t.name=(null===(n=e.caption)||void 0===n?void 0:n.trim())||"Image",t.data.caption=null===(r=e.caption)||void 0===r?void 0:r.trim(),t.actionableItems=[{name:"Answer"}],a.next=6,ie.saveInteraction(t);case 6:case"end":return a.stop()}}),a)})))})),He(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:de(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,Se),He(Ve,ce.InteractionTypeId.ShortAnswer,(function(e,t){var n,r;return he(this,void 0,void 0,regeneratorRuntime.mark((function a(){return regeneratorRuntime.wrap((function(a){for(;;)switch(a.prev=a.next){case 0:return t.name=null===(n=e.question)||void 0===n?void 0:n.trim(),t.data.suggestedResponse=null===(r=e.suggestedResponse)||void 0===r?void 0:r.trim(),t.actionableItems=[{name:"Answer"}],a.next=5,ie.saveInteraction(t);case 5:case"end":return a.stop()}}),a)})))})),He(Ve,ce.InteractionTypeId.TrueOrFalse,Se),Ve);function Je(e){return Qe[e]}var Ge=n(1092),Xe=n(3),Ye=["A","B","C","D"];function et(e){var t=e.interaction,n=e.className,r=C.a.getTypeInfo(t.typeId),i=r.name,o=r.typeName,c="";switch(t.typeId){case ce.InteractionTypeId.Annotation:c=t.data.annotation;break;case ce.InteractionTypeId.Image:c=t.data.caption;break;case ce.InteractionTypeId.MissingWord:c=t.data.sentence.replace(/{([^{}]*)}/g,(function(){return"<u>&nbsp;&nbsp;&nbsp;&nbsp;</u>"}));break;case ce.InteractionTypeId.MultipleChoice:c=t.name,t.actionableItems.map((function(e,t){return c+="<br />".concat(Ye[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 u=t.typeId===ce.InteractionTypeId.Annotation||t.typeId===ce.InteractionTypeId.MissingWord||t.typeId===ce.InteractionTypeId.MultipleChoice;return a.a.createElement(Ge.a,{title:i,text:c,html:u,className:"pr-2 ".concat(n||""),analyticsData:{id:t.interactiveId,type:o},analyticsOptions:{location:Xe.LocationContext.InteractivePlayer,entity:Xe.EntityType.Interactive,actionType:Xe.UserAction.Click,descriptor:Xe.ClickDescriptor.LaunchImmersiveReader}})}n(1263);function tt(e){var t=e.error;return e.error?a.a.createElement("p",{className:"mt-2 small text-danger"},t):a.a.createElement(a.a.Fragment,null)}var nt,rt=n(1103);!function(e){e[e.Incorrect=0]="Incorrect",e[e.Correct=1]="Correct",e[e.PendingReview=2]="PendingReview"}(nt||(nt={}));var at={notApplicable:function(){return rt.a.NotApplicable},awaitingMarking:function(){return rt.a.AwaitingMarking},isMissingWordCorrect:function(e,t){return e.actionableItems.filter((function(e){return e.isCorrect})).every((function(e){var n;return e.name.trim().toLowerCase()===(null===(n=t(e.id))||void 0===n?void 0:n.trim().toLowerCase())}))?rt.a.Correct:rt.a.Incorrect},isMultipleChoiceCorrect:function(e,t){return e.actionableItems.filter((function(e){return e.isCorrect})).every((function(e){return t(e.id)===e.name}))?rt.a.Correct:rt.a.Incorrect},isShortAnswerMarkedCorrect:function(e,t){var n=!1,r=!1;return e.actionableItems.filter((function(e){return e.isCorrect})).forEach((function(e){var a=t(e.id);a&&(a.status===nt.Correct&&(n=!0,r=!0),a.status===nt.Incorrect&&(r=!0))})),n?rt.a.Correct:r?rt.a.Incorrect:rt.a.AwaitingMarking}};n(1264);function it(e){return(it="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 ot=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 ct=n(65),ut=n(29),lt=n(335),st=n(333);n(1265);function ft(e){return(ft="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 mt(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var dt=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n};var pt=n(1409);n(1266);var vt,yt,bt,ht,gt;function It(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var wt=function(){return!0},Et=function(){return!1},St=(It(vt={},ce.InteractionTypeId.Annotation,Et),It(vt,ce.InteractionTypeId.Image,Et),It(vt,ce.InteractionTypeId.MissingWord,wt),It(vt,ce.InteractionTypeId.MultipleChoice,wt),It(vt,ce.InteractionTypeId.ShortAnswer,(function(e){return!!e.data.suggestedResponse})),It(vt,ce.InteractionTypeId.TrueOrFalse,wt),vt);function Ct(e){return St[e]}var xt=(It(yt={},ce.InteractionTypeId.Annotation,(function(e){return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("div",{dangerouslySetInnerHTML:{__html:e.interaction.data.annotation}}),a.a.createElement(et,{interaction:e.interaction}))})),It(yt,ce.InteractionTypeId.Image,(function(e){var t=e.interaction,n=e.recalculateScroll,r=a.a.useCallback((function(e){e&&(e.onload=function(){n()})}),[]);return a.a.createElement("div",{className:"cv-interactive-question cv-image-interactive"},a.a.createElement("div",{className:"cv-image-container text-center"},a.a.createElement("img",{className:"img-fluid shadow-lg",src:t.data.url,ref:r}),t.data.caption&&a.a.createElement(a.a.Fragment,null,a.a.createElement("p",{className:"mt-3"},t.data.caption,a.a.createElement(et,{interaction:e.interaction,className:"ml-2"})))))})),It(yt,ce.InteractionTypeId.MissingWord,(function(e){var t=e.state,n=e.setState,r=e.interaction,i=e.showFeedback,o=r.data.sentence.replace(/{([^{}]*)}/g,(function(e,t){return"{".concat("cv-missing-word-").concat(t,"}")})).split(/{([^{}]*)}/g);function c(e,r){if(r.target.value){var a,i,o;n(Object.assign(Object.assign({},t),(a={},i=e.id,o=r.target.value,i in a?Object.defineProperty(a,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):a[i]=o,a)))}else{var c=t,u=e.id,l=(c[u],ot(c,["symbol"===it(u)?u:u+""]));n(l)}}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 u=e.replace("cv-missing-word-",""),l=r.actionableItems.find((function(e){return e.order.toString()===u}));if(l){var s,f,m=t[l.id]||"",d=(s=l.name,(f=document.createElement("canvas").getContext("2d")).font="17pt arial",f.measureText(s).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"},m)," "),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:d+"px"},onChange:function(e){return c(l,e)},value:m,disabled:!!t.submitted,className:"cv-missing-word-input",autoComplete:"off"}))}}))),a.a.createElement(tt,{error:t.error}),a.a.createElement(et,{interaction:e.interaction}))})),It(yt,ce.InteractionTypeId.MultipleChoice,(function(e){var t=e.state,n=e.setState,r=e.interaction,i=e.showFeedback,o=e.imageApi,c=e.currentUser,u=1===r.actionableItems.filter((function(e){return e.isCorrect})).length;function l(e,r){if(!t.submitted)if(u)n(mt({},e.id,e.name),!0);else if(r)n(mt({},e.id,e.name));else{var a=t,i=e.id,o=(a[i],dt(a,["symbol"===ft(i)?i:i+""]));n(o,!0)}}var s=["A","B","C","D"];return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("p",null,r.name,a.a.createElement(et,{interaction:e.interaction,className:"ml-2"})),!u&&a.a.createElement("p",{className:"text-muted"},a.a.createElement("small",null,"This question has multiple correct answers")),r.actionableItems.map((function(e,n){var r=t[e.id],f=r?"bg-info text-white":"bg-white",m=function(){return a.a.createElement(a.a.Fragment,null,s[n])};i&&(f=e.isCorrect?"bg-success text-white":"bg-danger text-white cv-multiple-choice-incorrect",m=function(){return a.a.createElement(a.a.Fragment,null,e.isCorrect?a.a.createElement(ct.a,{size:ct.b.Small,svgName:ut.b.Check}):a.a.createElement(ct.a,{size:ct.b.Small,svgName:ut.b.Close}))});var d=i?{}:{role:"button",tabIndex:0,onKeyDown:function(t){return"Enter"===t.key&&l(e,!r)}};return a.a.createElement(a.a.Fragment,{key:n},a.a.createElement("input",{id:e.id,type:u?"radio":"checkbox",name:"multiple-choice",checked:!!r,onChange:function(){return l(e,!r)},disabled:i,hidden:!0,tabIndex:-1}),a.a.createElement("label",Object.assign({className:"\n d-block\n rounded-lg\n shadow-sm\n mb-2\n p-3\n d-flex\n justify-content-between\n cv-multiple-choice-label\n position-relative\n ".concat(i?"":"cursor-pointer","\n ").concat(f),key:n,htmlFor:e.id},d),a.a.createElement("span",{className:"d-inline-block mr-3 cv-multiple-choice-bullet"},a.a.createElement(m,null)),a.a.createElement("span",{className:"flex-grow-1 pr-4"},e.name),a.a.createElement("span",{className:"cv-avatar-container"},r&&a.a.createElement(lt.a,{imageCdnUrl:o.toString(),initials:st.a.getInitials(c.givenName,c.familyName),imageUrl:c.avatar}))))})),a.a.createElement(tt,{error:t.error}))})),It(yt,ce.InteractionTypeId.ShortAnswer,(function(e){var t=e.interaction,n=e.state,r=e.setState;return e.showFeedback?a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("p",null,t.name),a.a.createElement("label",{className:"cv-interaction-field-label"},"My answer"),a.a.createElement("p",null,n[t.actionableItems[0].id]),t.data.suggestedResponse&&a.a.createElement(a.a.Fragment,null,a.a.createElement("label",{className:"cv-interaction-field-label mt-1"},"Teacher's suggested answer"),a.a.createElement("p",null,t.data.suggestedResponse))):a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("p",null,t.name,a.a.createElement(et,{interaction:t,className:"ml-2"})),a.a.createElement(pt.a,{id:"short-answer-answer",className:"form-control mt-2",minRows:3,value:n[t.actionableItems[0].id]||"",onChange:function(e){var a,i,o;r(Object.assign(Object.assign({},n),(a={},i=t.actionableItems[0].id,o=e.target.value,i in a?Object.defineProperty(a,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):a[i]=o,a)))},disabled:!!n.submitted}),a.a.createElement(tt,{error:n.error}))})),It(yt,ce.InteractionTypeId.TrueOrFalse,(function(e){var t=e.state,n=e.setState,r=e.interaction,i=e.showFeedback,o=e.imageApi,c=e.currentUser,u=r.actionableItems.find((function(e){return e.isCorrect}));function l(e){var r,a,i;t.submitted||n((r={},a=e.id,i=e.name,a in r?Object.defineProperty(r,a,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[a]=i,r),!0)}return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("p",null,r.name,a.a.createElement(et,{interaction:e.interaction,className:"ml-2"})),a.a.createElement("div",{className:"d-flex justify-content-center"},r.actionableItems.map((function(e,n){var r=t[e.id],u=r?"bg-info text-white":"bg-white",s=function(){return a.a.createElement(a.a.Fragment,null)};i&&(u=e.isCorrect?"bg-success text-white":"bg-danger text-white cv-multiple-choice-incorrect",s=function(){return a.a.createElement(a.a.Fragment,null,e.isCorrect?a.a.createElement(ct.a,{size:ct.b.Small,svgName:ut.b.Check}):a.a.createElement(ct.a,{size:ct.b.Small,svgName:ut.b.Close}))});var f=i?{}:{role:"button",tabIndex:0,onKeyDown:function(t){return"Enter"===t.key&&l(e)}};return a.a.createElement("label",Object.assign({key:n,htmlFor:e.id,className:"\n d-inline-block\n rounded-lg\n shadow-sm\n p-5\n m-2\n h4\n position-relative\n ".concat(i?"":"cursor-pointer","\n ").concat(u)},f),a.a.createElement("input",{id:e.id,type:"radio",name:"multiple-choice",checked:!!r,onChange:function(){return l(e)},disabled:i,hidden:!0}),e.name,a.a.createElement("span",{className:"position-absolute p-2 cv-true-or-false-feedback"},a.a.createElement(s,null)),a.a.createElement("span",{className:"cv-avatar-container cv-avatar-bottom-right"},r&&a.a.createElement(lt.a,{imageCdnUrl:o.toString(),initials:st.a.getInitials(c.givenName,c.familyName),imageUrl:c.avatar})))}))),i&&a.a.createElement("div",{className:"text-center px-5 mt-2"},a.a.createElement("p",null,"The answer is ",a.a.createElement("strong",null,u.name)),r.data.feedback&&a.a.createElement("p",null,r.data.feedback)),a.a.createElement(tt,{error:t.error}))})),yt);function kt(){return""}var Ot=(It(bt={},ce.InteractionTypeId.Annotation,kt),It(bt,ce.InteractionTypeId.Image,kt),It(bt,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"})),It(bt,ce.InteractionTypeId.MultipleChoice,(function(e){return Object.keys(e).length?null:"Please choose an answer"})),It(bt,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"})),It(bt,ce.InteractionTypeId.TrueOrFalse,(function(e){return Object.keys(e).length?null:"Please choose an answer"})),bt);var jt=(It(ht={},ce.InteractionTypeId.Annotation,null),It(ht,ce.InteractionTypeId.Image,null),It(ht,ce.InteractionTypeId.MissingWord,(function(e,t,n){return n(t.id,Object.keys(e).map((function(t){return{actionableItemId:t,value:e[t].toString()}})))})),It(ht,ce.InteractionTypeId.MultipleChoice,(function(e,t,n){return n(t.id,Object.keys(e).map((function(t){return{actionableItemId:t,value:e[t]}})))})),It(ht,ce.InteractionTypeId.ShortAnswer,(function(e,t,n){return n(t.id,Object.keys(e).map((function(t){return{actionableItemId:t,value:e[t].toString()}})))})),It(ht,ce.InteractionTypeId.TrueOrFalse,(function(e,t,n){return n(t.id,Object.keys(e).map((function(t){return{actionableItemId:t,value:e[t]}})))})),ht);function Nt(e){return jt[e]}var Tt=(It(gt={},ce.InteractionTypeId.Annotation,at.notApplicable),It(gt,ce.InteractionTypeId.Image,at.notApplicable),It(gt,ce.InteractionTypeId.MissingWord,(function(e,t){return at.isMissingWordCorrect(t,(function(t){return e[t]}))})),It(gt,ce.InteractionTypeId.MultipleChoice,(function(e,t){return at.isMultipleChoiceCorrect(t,(function(t){return e[t]}))})),It(gt,ce.InteractionTypeId.ShortAnswer,at.awaitingMarking),It(gt,ce.InteractionTypeId.TrueOrFalse,(function(e,t){return t.actionableItems.filter((function(e){return e.isCorrect})).every((function(t){return e[t.id]===t.name}))?rt.a.Correct:rt.a.Incorrect})),gt);function At(e){return Tt[e]}function Pt(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Rt={interactions:{},timepoints:{}};function Ft(e,t){return"interaction"===t.type?{timepoints:e.timepoints,interactions:Object.assign(Object.assign({},e.interactions),Pt({},t.id,t.value))}:"timepoint"===t.type?{interactions:e.interactions,timepoints:Object.assign(Object.assign({},e.timepoints),Pt({},t.id,t.value))}:void 0}function Lt(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Mt(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 Mt(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 Mt(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},qt=function(e){var t=e.mode,n=e.timepoint,r=e.latestSession,i=t===c.InteractiveMode.Create,o=Lt(a.a.useReducer(Ft,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]),(Pt(n={},t.actionableItemId,t.data),Pt(n,"submitted",!0),n)),e}),{})}:Rt}(r)})),2),u=o[0],l=o[1],s=v(null==n?void 0:n.id),f=null==n?void 0:n.interactions[s.interactionIndex],m="number"==typeof s.nextInteractionIndex?null==n?void 0:n.interactions[s.nextInteractionIndex]:null,d=y(null==f?void 0:f.id),p=y(null==m?void 0:m.id);function v(e){return e&&u.timepoints[e]||_t}function y(e){if(!e)return{};var t=u.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:u,interaction:f,interactionState:d,timepointState:s,nextInteraction:m,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)}}},Dt=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{u(r.next(e))}catch(e){i(e)}}function c(e){try{u(r.throw(e))}catch(e){i(e)}}function u(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}u((r=r.apply(e,t||[])).next())}))},Ut=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},Bt=!1,Wt=function(e){var t=e.interactive,n=e.timepoint,r=e.player,i=e.mode,o=e.resultsService,u=e.latestSession,l=Ut(e,["interactive","timepoint","player","mode","resultsService","latestSession"]),s=qt({mode:i,timepoint:n,latestSession:u}),f=s.state,m=s.interaction,d=s.interactionState,p=s.timepointState,v=s.nextInteraction,y=s.nextInteractionState,b=Ut(s,["state","interaction","interactionState","timepointState","nextInteraction","nextInteractionState"]),h=i===c.InteractiveMode.Create;function g(e){for(var n=0;n<t.timepoints.length;){for(var r=t.timepoints[n],a=0;a<r.interactions.length;){var i=r.interactions[a];if(i.id===e)return{localTimepoint:r,localInteraction:i};a++}n++}return{localInteraction:null,localTimepoint:null}}function I(e){return Dt(this,void 0,void 0,regeneratorRuntime.mark((function n(){var r,a,i,o,c,u;return regeneratorRuntime.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(r=g(e),a=r.localInteraction,i=r.localTimepoint,a&&i){n.next=3;break}throw new Error("Could not find the interaction and timepoint for the interactionId ".concat(e));case 3:if(Q(a.id)){n.next=6;break}return n.next=6,ie.deleteInteraction(a.id);case 6:if(o=i.interactions.findIndex((function(e){return e.id===a.id})),i.interactions.splice(o,1),b.clearInteractionState(a.id),c=b.getTimepointState(i.id),o<c.interactionIndex&&b.updateTimepointState(i.id,{interactionIndex:c.interactionIndex-1}),!(i.interactions.length>0)){n.next=13;break}return n.abrupt("return");case 13:if(Q(i.id)){n.next=16;break}return n.next=16,ie.deleteTimepoint(i.id);case 16:u=t.timepoints.findIndex((function(e){return e.id===i.id})),t.timepoints.splice(u,1),l.removeCue(i.visibleAt/1e3),b.clearTimepointState(i.id);case 20:case"end":return n.stop()}}),n)})))}function w(e){if(m){var t=Q(m.id);if(t||(null==d?void 0:d.hasChanges)||(null==p?void 0:p.hasChanges)){oe.a.render(a.a.createElement("p",null,"Do you want to discard your changes?"),{title:"Unsaved changes",success:function(){(null==p?void 0:p.hasChanges)&&k(!0),t?I(m.id):b.clearInteractionState(m.id),e&&e()},buttons:[{variant:"link",buttonText:"Cancel"},{variant:"danger",success:!0,buttonText:"Discard"}]})}else e&&e()}else e&&e()}function E(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(h)w((function(){b.updateTimepointState(n.id,{interactionIndex:e})}));else{var r=function(){b.updateTimepointState(n.id,{nextInteractionIndex:e}),window.requestAnimationFrame((function(){b.updateTimepointState(n.id,{nextInteractionIndex:e,slideIn:!0}),window.setTimeout((function(){b.updateTimepointState(n.id,{interactionIndex:e,nextInteractionIndex:null,slideIn:null})}),400)}))};t?w(r):r()}}function S(){p.interactionIndex+1>=n.interactions.length?l.continueInteractive():E(p.interactionIndex+1,!1)}function C(){t.timepoints.sort((function(e,t){return e.visibleAt>t.visibleAt?1:t.visibleAt>e.visibleAt?-1:0}))}function x(){E(n.interactions.length)}function k(e){(null==p?void 0:p.hasChanges)&&(e&&l.moveTimepoint(p.originalVisibleAt),b.updateTimepointState(n.id,{hasChanges:void 0,originalVisibleAt:void 0}),Bt=!1)}return{state:f,interaction:m,interactionState:d,timepointState:p,nextInteraction:v,nextInteractionState:y,skip:S,cancel:function(){return Dt(this,void 0,void 0,regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!(null==d?void 0:d.hasChanges)){e.next=3;break}return w(),e.abrupt("return");case 3:return e.next=5,I(m.id);case 5:l.setOpen(!0);case 6:case"end":return e.stop()}}),e)})))},addAnotherQuestion:x,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),b.updateTimepointState(a.id,{interactionIndex:a.interactions.indexOf(i)})},discardChanges:w,changeIndex:E,promptDelete:function(e){oe.a.render(a.a.createElement("p",null,"Are you sure you want to delete this question?"),{title:"Delete question",success:function(){return I(e)},buttons:[{variant:"link",buttonText:"Cancel"},{variant:"danger",success:!0,buttonText:"Delete"}]})},showTypeSelector:function(){r.pause(),l.setOpen(!0),n&&x()},cancelTypeSelector:function(){n?E(p.interactionIndex-1):(l.setOpen(!1),r.play())},deleteInteraction:I,saveInteraction:function(){return Dt(this,void 0,void 0,regeneratorRuntime.mark((function e(){var t,r,a,i;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(h){e.next=2;break}throw new Error("Should not be calling onClickSave while viewing an interactive");case 2:if(o=m.typeId,!(t=(0,Ze[o])(b.getInteractionState(m.id),m))){e.next=7;break}return b.updateInteractionState(m.id,{error:t}),e.abrupt("return");case 7:if(b.updateInteractionState(m.id,{spinner:!0}),!Q(n.id)){e.next=15;break}return r=n.id,e.next=12,ie.saveTimepoint(n);case 12:l.updateCue(r,n.id),b.clearTimepointState(r),(null==p?void 0:p.hasChanges)&&(C(),k());case 15:return m.timepointId=n.id,a=m.id,i=Je(m.typeId),e.next=20,i(b.getInteractionState(m.id),m);case 20:b.clearInteractionState(a);case 21:case"end":return e.stop()}var o}),e)})))},addInteraction:function(e){var a;r.pause();var i=(null==n?void 0:n.id)||"new_".concat(Math.round(Math.random()*Number.MAX_SAFE_INTEGER)),o={id:"new_".concat(Math.round(Math.random()*Number.MAX_SAFE_INTEGER)),timepointId:i,typeId:e,order:(null===(a=null==n?void 0:n.interactions)||void 0===a?void 0:a.length)||0,interactiveId:t.id,data:{}};if(n)return n.interactions.push(o),void E(p.interactionIndex);var c=r.currentTime();t.timepoints||(t.timepoints=[]),t.timepoints.push({id:i,visibleAt:1e3*c,interactiveId:t.id,shouldPause:1,interactions:[o]}),C(),l.addCue(i)},submitInteractionAnswer:function(){return Dt(this,void 0,void 0,regeneratorRuntime.mark((function e(){var r,a,u,s;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(!d.submitted){e.next=8;break}if(!(p.interactionIndex>=n.interactions.length)){e.next=6;break}return l.continueInteractive(),e.abrupt("return");case 6:return E(p.interactionIndex+1),e.abrupt("return");case 8:if(d.error,d.hasChanges,d.submitted,d.spinner,r=Ut(d,["error","hasChanges","submitted","spinner"]),f=m.typeId,!(a=(0,Ot[f])(r,m))){e.next=14;break}return b.updateInteractionState(m.id,{error:a}),e.abrupt("return");case 14:if(!o||!d.hasChanges){e.next=20;break}if(u=Nt(m.typeId),b.updateInteractionState(m.id,{spinner:!0}),!u){e.next=20;break}return e.next=20,u(r,m,o.save);case 20:if(b.updateInteractionState(m.id,{submitted:!0,error:null,hasChanges:!1,spinner:!1}),t.immediateFeedback){e.next=24;break}return S(),e.abrupt("return");case 24:s=Ct(m.typeId),s(m)||S();case 27:case"end":return e.stop()}var f}),e)})))},userUpdateInteractionState:b.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;Bt||(Bt=!0,b.updateTimepointState(n.id,{originalVisibleAt:o,hasChanges:!0})),l.moveTimepoint(i)}},saveTimepoint:function(){return Dt(this,void 0,void 0,regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!Q(n.id)){e.next=2;break}return e.abrupt("return");case 2:return e.next=4,ie.updateTimepoint(n);case 4:C(),k();case 6:case"end":return e.stop()}}),e)})))},clearTimepointTimeState:k,reOrderQuestions:function(e){return Dt(this,void 0,void 0,regeneratorRuntime.mark((function t(){var r,a;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:r=0;case 1:if(!(r<e.length)){t.next=7;break}return t.next=4,ie.saveInteraction(Object.assign(Object.assign({},e[r]),{order:r}));case 4:r++,t.next=1;break;case 7:a=n.interactions[p.interactionIndex],n.interactions=e,b.updateTimepointState(n.id,{interactionIndex:e.indexOf(a)});case 10:case"end":return t.stop()}}),t)})))}}},$t=n(1267),Vt=n.n($t);function zt(e){var t="".concat(e.className," ").concat(Vt.a.iconButton);e.children?t+=" ".concat(Vt.a.iconWithText):t+=" ".concat(Vt.a.iconOnly);var n=a.a.createElement(ct.a,{svgName:e.svgName,className:Vt.a.svg});return a.a.createElement(se.a,{className:t,onClick:e.onClick},n,e.children)}function Ht(e){var t=e.isCreate,n=e.open,r=e.showTypeSelector;return!t||n?a.a.createElement(a.a.Fragment,null):a.a.createElement(zt,{className:"btn btn-outline-dark cv-add-question",onClick:r,svgName:ut.b.Plus},"Add question")}var Kt=n(1151);function Zt(){return a.a.createElement("div",{className:"my-5 text-center"},a.a.createElement("h2",{className:"h3"},"Select an interaction to get started"),a.a.createElement("p",{className:"mb-0"},"Choose a point in the video and add a question to interact and engage your your students."),a.a.createElement("a",{href:"",className:"btn btn-link text-info"},"How do I create interactives?"))}function Qt(e){var t=e.isCreate,n=e.interactive,r=e.interaction,i=e.portalNode,o=e.goToTimepoint,c=e.promptDelete;if(!i)return a.a.createElement(a.a.Fragment,null);var u=n.timepoints.reduce((function(e,t){return e+t.interactions.length}),0);return a.a.createElement(ue.a,{node:i},u?a.a.createElement(a.a.Fragment,null,a.a.createElement("h2",{className:"h4 mt-3"},"Question List (",u,")"),a.a.createElement(Kt.a,{interactive:n,maxHeight:300,goToTimepoint:o,selectedInteractionId:null==r?void 0:r.id,onClickDelete:t?c:void 0})):t?a.a.createElement(Zt,null):a.a.createElement(a.a.Fragment,null))}var Jt=n(1413);function Gt(e,t){if(t===c.InteractiveMode.Create)return function(e){return Ke[e]}(e);if(t===c.InteractiveMode.View)return function(e){return xt[e]}(e);throw new Error("Cannot find components for the mode ".concat(t))}var Xt=n(227);n(1268);function Yt(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 en(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 en(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 en(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var tn=[ce.InteractionTypeId.MissingWord,ce.InteractionTypeId.MultipleChoice,ce.InteractionTypeId.TrueOrFalse,ce.InteractionTypeId.ShortAnswer,ce.InteractionTypeId.Image,ce.InteractionTypeId.Annotation];function nn(e){var t=e.addInteraction,n=e.cancelTypeSelector,r=e.player,i=e.timepoint,o=e.open,c=e.isCreate,u=e.interaction,l=Yt(a.a.useState(Object(Xt.a)(r.currentTime()||0)),2),s=l[0],f=l[1];return a.a.useEffect((function(){var e=function(){f(Object(Xt.a)(r.currentTime()))};return r.on("timeupdate",e),function(){return r.off("timeupdate",e)}}),[]),u||!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:"," ",s),tn.map((function(e,n){var r=C.a.getTypeInfo(e),i=r.name,o=r.bgClassName,c=r.Svg;return a.a.createElement(se.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(se.a,{className:"btn btn-link",onClick:n},"Cancel"))))}function rn(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return an(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 an(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 an(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 on(e){var t=e.typeId,n=e.currentIndex,r=e.numberOfInteractions,i=e.changeIndex,o=e.player,c=rn(a.a.useState(Object(Xt.a)(o.currentTime()||0)),2),u=c[0],l=c[1];a.a.useEffect((function(){var e=function(){l(Object(Xt.a)(o.currentTime()))};return o.on("timeupdate",e),function(){return o.off("timeupdate",e)}}),[]);var s=C.a.getTypeInfo(t),f=s.name,m=s.bgClassName,d=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(m)},a.a.createElement(se.a,{onClick:function(){p&&i(n-1)},className:p?"":"invisible"},a.a.createElement(ct.a,{size:ct.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 ",u)),a.a.createElement(se.a,{onClick:function(){d&&i(n+1)},className:d?"":"invisible"},a.a.createElement(ct.a,{size:ct.b.Medium,svgName:ut.b.ChevronRight})))}n(1269);function cn(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 un(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(on,{typeId:n.typeId,changeIndex:i,player:r,currentIndex:o.interactionIndex,numberOfInteractions:c.interactions.length}):a.a.createElement(cn,{typeId:n.typeId})}var ln=n(35);function sn(e){var t=e.interaction,n=e.interactionState,a=e.onClickContinue,i=e.onClickSave,o=e.onClickCancel,c=e.onClickAddAnother,u=e.onClickDiscard,l=Q(t.id),s=!!(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(se.a,{className:"btn btn-link",onClick:o},"Cancel"):s?r.createElement(se.a,{className:"btn btn-link",onClick:u},"Discard"):r.createElement(se.a,{className:"btn btn-link",onClick:c},"Add another question"),f?r.createElement(se.a,{className:"btn btn-dark ml-2 cv-interactive-spinner",onClick:function(){}},r.createElement(ln.Spinner,{as:"span",animation:"border",role:"status",size:"sm"})):l?s?r.createElement(se.a,{className:"btn btn-dark ml-2",onClick:i},"Save"):r.createElement(se.a,{className:"btn btn-dark ml-2 disabled",onClick:function(){}},"Save"):s?r.createElement(se.a,{className:"btn btn-dark ml-2",onClick:i},"Save"):r.createElement(zt,{className:"btn btn-dark ml-2",onClick:a,svgName:ut.b.Play},"Continue"))}function fn(e){var t=e.typeId,n=e.interactionState,a=e.onClickSkip,i=e.numberOfInteractions,o=e.currentIndex,c=e.changeIndex,u=!!(null==n?void 0:n.submitted),l=!!(null==n?void 0:n.hasChanges),s=!!(null==n?void 0:n.spinner),f=!!Nt(t),m=o<i-1;function d(){m&&c(o+1)}var p=o>0;function v(){l&&e.onClickSubmit()}return r.createElement("div",{className:"cv-timpoint-button-container flex-wrap"},!u&&f&&r.createElement(se.a,{className:"btn btn-link",onClick:a},"Come back later"),i>1&&o>0&&r.createElement(zt,{className:"btn btn-dark ml-2 ".concat(p?"":"disabled"),onClick:function(){p&&c(o-1)},svgName:ut.b.ChevronUp}),s?r.createElement(se.a,{className:"btn btn-dark ml-2 cv-interactive-spinner",onClick:function(){}},r.createElement(ln.Spinner,{as:"span",animation:"border",role:"status",size:"sm"})):u||!f?1===i||o===i-1?r.createElement(zt,{className:"btn btn-dark ml-2",onClick:a,svgName:ut.b.Play},"Continue"):r.createElement(se.a,{className:"btn btn-dark ml-2 ".concat(m?"":"disabled"),onClick:d},"Next"):r.createElement(se.a,{className:"btn btn-dark ml-2 ".concat(l?"":"disabled"),onClick:v},"Save"))}function mn(e){var t=e.isCreate,n=e.interaction,r=e.interactionState,i=e.continueInteractive,o=e.saveInteraction,c=e.cancel,u=e.addAnotherQuestion,l=e.discardChanges,s=e.submitInteractionAnswer,f=e.skip,m=e.changeIndex,d=e.timepoint,p=e.currentIndex;return a.a.createElement(a.a.Fragment,null,t?a.a.createElement(sn,{interaction:n,interactionState:r,onClickContinue:i,onClickSave:o,onClickCancel:c,onClickAddAnother:u,onClickDiscard:function(){return l()}}):a.a.createElement(fn,{typeId:n.typeId,interactionState:r,onClickSubmit:s,onClickSkip:f,changeIndex:m,currentIndex:p,numberOfInteractions:d.interactions.length}))}var dn=n(1003);function pn(e){var t=e.timepoint,n=e.interaction,r=e.promptDelete,i=e.optionsPortalNode,o=e.setView;if(!n)return a.a.createElement(a.a.Fragment,null);var c=[];if(c.push({label:"Move time point",onClick:function(){return o("move")}}),t.interactions.length){var u=Q(n.id);c.push({label:"Re-order questions",onClick:function(){return o("reorder")},className:u?"disabled":""})}return c.push({label:"Delete",onClick:function(){return r(n.id)},className:"text-danger"}),a.a.createElement(ue.a,{node:i},!!n&&a.a.createElement(dn.a,{actions:c}))}n(1270),n(1271);function vn(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return 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}var bn=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{u(r.next(e))}catch(e){i(e)}}function c(e){try{u(r.throw(e))}catch(e){i(e)}}function u(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}u((r=r.apply(e,t||[])).next())}))},hn=null,gn=0,In=1;function wn(e){var t=e.timepoint,n=e.updateTimepointTime,r=e.saveTimepoint,i=e.back,o=e.clearTimepointTimeState,c=vn(a.a.useState(Object(Xt.a)(t.visibleAt/1e3)),2),u=c[0],l=c[1],s=vn(a.a.useState(!1),2),f=s[0],m=s[1];function d(e){n(e*In),l(Object(Xt.a)(t.visibleAt/1e3)),2===++gn?In=5:4===gn?In=20:6===gn?In=60:8===gn&&(In=120),hn||(hn=window.setInterval((function(){return d(e)}),200),window.addEventListener("mouseup",p))}function p(){window.removeEventListener("mouseup",p),window.clearInterval(hn),hn=null,gn=0,In=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(se.a,{className:"cv-left-arrow d-inline-block cursor-pointer",onClick:function(){},onMouseDown:function(){return d(-1)},onKeyDown:function(e){e.stopPropagation(),13===e.keyCode&&0===gn&&d(-1)},onKeyUp:p}),a.a.createElement("input",{className:"form-control form-control-lg text-center d-inline-block cv-move-timepoint-input",value:u,onChange:function(){},onKeyDown:function(e){e.stopPropagation(),37===e.keyCode&&0===gn&&d(-1),39===e.keyCode&&0===gn&&d(1)},onKeyUp:p}),a.a.createElement(se.a,{className:"cv-right-arrow d-inline-block cursor-pointer",onClick:function(){},onMouseDown:function(){return d(1)},onKeyDown:function(e){e.stopPropagation(),13===e.keyCode&&0===gn&&d(1)},onKeyUp:p}))))),a.a.createElement("div",{className:"cv-timpoint-button-container"},a.a.createElement(se.a,{className:"btn btn-link",onClick:function(){o(!0),i()}},"Cancel"),f?a.a.createElement(se.a,{className:"btn btn-dark ml-2 cv-interactive-spinner",onClick:function(){}},a.a.createElement(ln.Spinner,{as:"span",animation:"border",role:"status",size:"sm"})):a.a.createElement(se.a,{className:"btn btn-dark",onClick:function(){return bn(this,void 0,void 0,regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return m(!0),e.next=3,r();case 3:i();case 4:case"end":return e.stop()}}),e)})))}},"Save")))}var En=n(969),Sn=n(1128),Cn=n(1272),xn=n.n(Cn);function kn(e){return function(e){if(Array.isArray(e))return Nn(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||jn(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 On(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)||jn(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 jn(e,t){if(e){if("string"==typeof e)return Nn(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Nn(e,t):void 0}}function Nn(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var Tn=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{u(r.next(e))}catch(e){i(e)}}function c(e){try{u(r.throw(e))}catch(e){i(e)}}function u(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}u((r=r.apply(e,t||[])).next())}))};var An=Object(En.SortableElement)((function(e){var t=e.interaction,n=C.a.getTypeInfo(t.typeId),r=n.bgClassName,i=n.Svg;return a.a.createElement("div",{className:"py-2 text-left"},a.a.createElement("span",{className:xn.a.dragIcon},a.a.createElement(ct.a,{size:ct.b.Small,svgName:ut.b.Handle})),a.a.createElement("span",{className:"".concat(xn.a.type," ").concat(r)},a.a.createElement(i,null)),a.a.createElement("span",{className:"".concat(xn.a.name," clamp-1")},t.typeId===ce.InteractionTypeId.Annotation?a.a.createElement("span",{dangerouslySetInnerHTML:{__html:Object(Sn.a)(t.data.annotation)}}):t.name))})),Pn=Object(En.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(An,{key:e.id,index:t,interaction:e})})))}));function Rn(e){var t=On(a.a.useState(!1),2),n=t[0],r=t[1],i=On(a.a.useState(kn(e.interactions)),2),o=i[0],c=i[1],u=On(a.a.useState(!1),2),l=u[0],s=u[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(Pn,{onSortEnd:function(e){var t=e.oldIndex,n=e.newIndex;t!==n&&(c(kn(function(e,t,n){for(;t<0;)t+=e.length;for(;n<0;)n+=e.length;if(n>=e.length)for(var r=n-e.length+1;r--;)e.push(void 0);return e.splice(n,0,e.splice(t,1)[0]),e}(o,t,n))),s(!0))},interactions:o,helperClass:xn.a.dragging,lockAxis:"y"}))))),a.a.createElement("div",{className:"cv-timpoint-button-container"},a.a.createElement(se.a,{className:"btn btn-link",onClick:function(){c(kn(e.interactions)),s(!1),e.back()}},"Cancel"),n?a.a.createElement(se.a,{className:"btn btn-dark ml-2 cv-interactive-spinner",onClick:function(){}},a.a.createElement(ln.Spinner,{as:"span",animation:"border",role:"status",size:"sm"})):a.a.createElement(se.a,{className:"btn btn-dark ".concat(l?"":"disabled"),onClick:function(){return Tn(this,void 0,void 0,regeneratorRuntime.mark((function t(){return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(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 Fn=n(82),Ln=n(31);function Mn(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return _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 qn(e){var t=e.isCreate,n=e.interaction,r=e.mode,i=e.immediateFeedback,o=e.interactionState,c=e.shouldFocus,u=e.delayFocus,l=e.open,s=e.timepoint,f=e.userUpdateInteractionState,m=e.submitInteractionAnswer,d=e.saveInteraction,p=a.a.useRef(),v=a.a.useRef(),y=Object(Fn.a)(Ln.a.XLDown),b=!t||y;function h(){return!!p.current&&(!!c&&!!l)}a.a.useEffect((function(){var e;h()&&(u&&b?window.setTimeout((function(){var e;h()&&(null===(e=p.current)||void 0===e||e.focus())}),400):null===(e=p.current)||void 0===e||e.focus())}),[p.current]);var g=Mn(a.a.useState("question"),2),I=g[0],w=g[1],E=a.a.useMemo((function(){return Object(ue.c)()}),[]),S=n?Gt(n.typeId,r):null,C=i;return t||(C=C&&(null==o?void 0:o.submitted)),a.a.createElement(a.a.Fragment,null,a.a.createElement(pn,Object.assign({optionsPortalNode:E,setView:w},e)),a.a.createElement(Jt.a,{style:{height:"100%"},ref:v},a.a.createElement(nn,Object.assign({},e)),!!n&&a.a.createElement("div",{className:"d-flex flex-column h-100"},a.a.createElement(un,Object.assign({},e)),"question"===I&&a.a.createElement(a.a.Fragment,null,a.a.createElement("form",{className:"cv-timepoint flex-grow-1",tabIndex:-1,onSubmit:function(e){e.preventDefault(),t?d():m()}},a.a.createElement("div",{className:"cv-timepoint-padding"},a.a.createElement("div",{ref:p,tabIndex:0}),a.a.createElement(S,Object.assign({state:o,setState:f,recalculateScroll:function(){v.current.recalculate()},showFeedback:C,optionsPortalNode:E},e)))),a.a.createElement(mn,Object.assign({},e))),"move"===I&&a.a.createElement(wn,Object.assign({back:function(){return w("question")}},e)),"reorder"===I&&a.a.createElement(Rn,Object.assign({back:function(){return w("question")},interactions:s.interactions},e)))))}n(1273);function Dn(e){var t=e.open,n=e.nextInteraction,r=e.nextInteractionState,i=e.timepointState,o=e.interaction,c=e.delayFocus,u=n&&i.nextInteractionIndex<i.interactionIndex,l=n&&i.nextInteractionIndex>i.interactionIndex,s=l&&i.slideIn,f=u&&i.slideIn;return a.a.createElement("div",{className:"cv-interactive ".concat(t?"cv-open":"")},u&&a.a.createElement("div",{className:"cv-prev-interaction ".concat(i.slideIn?"cv-slide-in":"")},a.a.createElement(qn,Object.assign({},e,{currentIndex:i.nextInteractionIndex,interaction:n,interactionState:r}))),a.a.createElement("div",{className:"\n cv-main-slide\n ".concat(s?"cv-slide-out-up":"","\n ").concat(f?"cv-slide-out-down":"","\n ").concat(n?"cv-transitioning":"","\n ")},a.a.createElement(qn,Object.assign({key:null==o?void 0:o.id},e,{currentIndex:i.interactionIndex,shouldFocus:o&&!u&&!l,delayFocus:c}))),l&&a.a.createElement("div",{className:"cv-next-interaction ".concat(i.slideIn?"cv-slide-in":"")},a.a.createElement(qn,Object.assign({},e,{currentIndex:i.nextInteractionIndex,interaction:n,interactionState:r}))))}n(1274);function Un(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 Bn(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 Bn(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 Bn(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 Wn(e){var t=e.player,n=e.resultsService,r=e.interactive,i=e.setShowSummary,o=Un(a.a.useState(!1),2),c=o[0],u=o[1];function l(){t.currentTime()>r.timepoints[r.timepoints.length-1].visibleAt/1e3+1?u(!0):u(!1)}return a.a.useEffect((function(){if(n)return t.on("timeupdate",l),function(){return t.off("timeupdate",l)}}),[]),c?a.a.createElement(se.a,{className:"btn btn-outline-dark cv-show-summary",onClick:function(){i(!0),t.pause(),t.hide()}},"View summary"):null}var $n=n(1275),Vn=n.n($n);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 Hn(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 Hn(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 Hn(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 Kn(e){var t=e.duration,n=e.progress,r=e.player,i=zn(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:Vn.a.progress,style:{left:"".concat(r,"%"),right:"".concat(i,"%")}})})))}var Zn=n(1276),Qn=n.n(Zn);function Jn(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(Qn.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 Gn=n(149),Xn=n(1277),Yn=n.n(Xn);function er(e){var t=e.showSummary,n=e.setShowSummary,r=e.state,i=e.interactive,o=e.player,c=e.progress,u=e.portalNode,l=a.a.useRef();function s(){n(!1),o.show(),o.play()}function f(t,n){s(),e.goToTimepoint(t,n)}if(!u||!t)return a.a.createElement(a.a.Fragment,null);var m=0,d=0,p=0;i.timepoints.forEach((function(e){e.interactions.forEach((function(e){var t=r.interactions[e.id],n=At(e.typeId)(t||{},e);n===rt.a.Correct&&m++,n!==rt.a.NotApplicable&&d++,n!==rt.a.NotApplicable&&(null==t?void 0:t.submitted)&&p++}))}));var v=o.ended(),y=o.duration();return a.a.createElement(ue.a,{node:u},a.a.createElement("div",{className:"cursor-pointer my-4 ".concat(Yn.a.bar),onClick:function(e){if(l.current){var t=l.current.getBoundingClientRect(),n=(e.pageX-t.left)/t.width*y;s(),o.currentTime(n)}},ref:l},a.a.createElement(Kn,{duration:y,progress:c,interactive:i,player:o}),a.a.createElement(Jn,{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: ",m,"/",d),a.a.createElement("span",{className:"d-inline-block mb-3"},"You have answered ",a.a.createElement("strong",{className:p!==d?"text-danger":""},p)," of ",a.a.createElement("strong",null,d)," questions")),a.a.createElement("span",null,a.a.createElement(Gn.a,{svgName:ut.b.Play,className:"btn btn-outline-dark",onClick:function(){s(),o.ended()&&o.currentTime(0)}},v?"Play again":"Continue watching"))),a.a.createElement(Kt.a,{interactive:i,maxHeight:9999,getCorrectness:function(e){var t=r.interactions[e.id],n=At(e.typeId)(t||{},e);return n===rt.a.NotApplicable||(null==t?void 0:t.submitted)?i.immediateFeedback||n!==rt.a.Correct&&n!==rt.a.Incorrect?n:rt.a.Answered:rt.a.UnAnswered},goToTimepoint:f}))}function tr(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 nr(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 nr(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 nr(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 rr(e){var t=e.resultsService,n=e.player,r=tr(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(Wn,Object.assign({setShowSummary:o},e)),a.a.createElement(er,Object.assign({showSummary:i,setShowSummary:o},e)))}n(1278);var ar=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 ir(e){var t=e.player,n=e.track,r=e.mode,i=e.interactive,o=e.imageApi,u=e.questionListPortalNode,l=e.summaryPortalNode,s=e.resultsService,f=e.currentUser,m=e.progress,d=e.latestSession,p=function(e){var t=e.player,n=e.track,r=e.interactive,i=e.clipOffset,o=H(a.a.useState(!1),2),c=o[0],u=o[1],l=H(a.a.useState(!1),2),s=l[0],f=l[1],m=H(a.a.useState(null),2),d=m[0],p=m[1];function v(e){return i?e+i:e}function y(e){f(!!e&&c),u(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:s,timepoint:d,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(d.id);if(r){var a=e/1e3;r.startTime=v(a),r.endTime=v(a+1),t.currentTime(a+.5,!0),d.visibleAt=e,n.trigger("cv:cuechange")}},getClipOffset:v}}({player:t,track:n,interactive:i,mode:r,clipOffset:e.clipOffset}),v=p.open,y=p.timepoint,b=p.wasOpen,h=ar(p,["open","timepoint","wasOpen"]),g=Wt(Object.assign({mode:r,interactive:i,timepoint:y,player:t,resultsService:s,latestSession:d},h)),I=g.interaction,w=g.interactionState,E=g.nextInteraction,S=g.nextInteractionState,C=g.timepointState,x=g.state,k=ar(g,["interaction","interactionState","nextInteraction","nextInteractionState","timepointState","state"]);!function(e){var t,n=e.mode,r=e.player,i=e.timepoint,o=e.interaction,u=e.discardChanges,l=e.interactionState,s=e.timepointState,f=Object(Z.a)(),m=n===c.InteractiveMode.Create;a.a.useEffect((function(){if(m){if(Q(null==o?void 0:o.id)||(null==l?void 0:l.hasChanges)||(null==s?void 0:s.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){u(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==s?void 0:s.hasChanges])}({mode:r,player:t,timepoint:y,interaction:I,discardChanges:k.discardChanges,interactionState:w,timepointState:C});var O={mode:r,open:v,isCreate:r===z.a.Create,interaction:I,nextInteraction:E,timepoint:y,interactive:i,interactionState:w,nextInteractionState:S,timepointState:C,player:t};return a.a.createElement(a.a.Fragment,null,a.a.createElement(Ht,Object.assign({},O,k)),a.a.createElement(Dn,Object.assign({imageApi:o,currentUser:f,immediateFeedback:i.immediateFeedback,delayFocus:!b},O,k,h)),a.a.createElement(rr,Object.assign({state:x,portalNode:l,progress:m,resultsService:s},O,k)),a.a.createElement(Qt,Object.assign({portalNode:u},O,k)))}E.a.registerComponent("Interactive",Object(V.a)((function(e,t){return a.a.createElement(ir,Object.assign({player:e},t))})));var or=n(220),cr=n(223);function ur(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(or.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(cr.a,{buttons:i}))}E.a.registerComponent("ContinueSession",Object(V.a)((function(e,t){return a.a.createElement(ur,Object.assign({player:e},t))})));n(1279);function lr(e){return(lr="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 sr(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 fr(e,t){return(fr=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function mr(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 dr(this,n)}}function dr(e,t){return!t||"object"!==lr(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 vr=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&&fr(e,t)}(i,e);var t,n,r,a=mr(i);function i(e,t){var n;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i),(n=a.call(this,e)).continueSession=!1,n.options=t,e.ready((function(){return n.initialize()})),n}return t=i,(n=[{key:"initialize",value:function(){var e=this;S.a.useTrack(this.player,"metadata","interactive",this.onTrackLoaded.bind(this)),this.player.addClass("cv-interactive-plugin"),this.options.resultsService&&!this.options.latestSession&&(this.startSession=this.startSession.bind(this),this.player.one("play",this.startSession),this.player.on("dispose",(function(){e.player.off("play",e.startSession)})))}},{key:"startSession",value:function(){var e,t=null===(e=this.options.latestSession)||void 0===e?void 0:e.resultId;this.continueSession||(t=null),this.options.resultsService.start(t)}},{key:"onTrackLoaded",value:function(e){var t=this;this.options.resultsService&&this.options.latestSession?(this.player.pause(),this.player.addChild("ContinueSession",{continue:function(n){t.continueSession=n,t.startSession(),t.addChildren(e),t.player.play()}})):this.addChildren(e)}},{key:"addChildren",value:function(e){this.player.addChild("Interactive",Object.assign(Object.assign({},this.options),{track:e,mode:this.options.mode||c.InteractiveMode.View,latestSession:this.continueSession&&this.options.latestSession})),this.player.controlBar.getChild("progressControl").getChild("SeekBar").addChild(new $(this.player,{interactive:this.options.interactive,track:e}))}}])&&sr(t.prototype,n),r&&sr(t,r),i}(E.a.getPlugin("plugin"));E.a.registerPlugin("viewInteractivePlugin",vr);var yr=n(22);function br(e){return(br="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 hr(e){return function(e){if(Array.isArray(e))return gr(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 gr(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 gr(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 gr(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 Ir(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 wr(e,t,n){return(wr="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=xr(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 Er(e,t){return(Er=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function Sr(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=xr(e);if(t){var a=xr(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return Cr(this,n)}}function Cr(e,t){return!t||"object"!==br(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 xr(e){return(xr=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var kr=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{u(r.next(e))}catch(e){i(e)}}function c(e){try{u(r.throw(e))}catch(e){i(e)}}function u(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}u((r=r.apply(e,t||[])).next())}))},Or=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&&Er(e,t)}(o,e);var t,n,r,a=Sr(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=[],u.a.setToken("gateway",n.options.authToken),n.player.on("dispose",(function(){n.resultsService&&n.resultsService.stop()})),n.options.mode===c.InteractiveMode.Create&&n.player.addClass("cv-create-interactives"),n}return t=o,(n=[{key:"onFlushProgress",value:function(e){var t;wr(xr(o.prototype),"onFlushProgress",this).call(this,e),this.options.mode!==c.InteractiveMode.Create&&(t=this.totalProgress).push.apply(t,hr(e))}},{key:"additionalSetup",value:function(e){var t=this,n=Object.create(null,{additionalSetup:{get:function(){return wr(xr(o.prototype),"additionalSetup",t)}}});return kr(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 yr.a("Must provide a currentUser in order to collect interactive results")),this.resultsService=new w({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})}},{key:"getSeekBarOptions",value:function(){return{ignoreChapters:!0}}},{key:"getAnalyticsPlayerType",value:function(){return"interactive-player"}}])&&Ir(t.prototype,n),r&&Ir(t,r),o}(o.a);n.d(t,"a",(function(){return Nr}));var jr=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n};function Nr(e){var t=e.onReady,n=e.className,r=jr(e,["onReady","className"]),i=a.a.useRef();return a.a.useEffect((function(){var e=new Or(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"}))}},1249:function(e,t,n){},1250:function(e,t,n){},1251:function(e,t,n){},1252:function(e,t,n){},1262:function(e,t,n){},1263:function(e,t,n){},1264:function(e,t,n){},1265:function(e,t,n){},1266:function(e,t,n){},1267:function(e,t,n){e.exports={svg:"_17Ny-",iconButton:"x1ePL",iconWithText:"_2BmJR",iconOnly:"_2DnLq"}},1268:function(e,t,n){},1269:function(e,t,n){},1270:function(e,t,n){},1271:function(e,t,n){},1272:function(e,t,n){e.exports={type:"_3N9_3",dragIcon:"_1GfpD",name:"_3s8vL",dragging:"_1qnqN"}},1273:function(e,t,n){},1274:function(e,t,n){},1275:function(e,t,n){e.exports={progress:"_1myQT"}},1276:function(e,t,n){e.exports={interaction:"_3SUOU"}},1277:function(e,t,n){e.exports={bar:"_2pc-n"}},1278:function(e,t,n){},1279:function(e,t,n){}}]);