@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/{24-0941b72438-lite.chunk.js → 24-41a001bb99-lite.chunk.js} RENAMED
@@ -1 +1 @@
1
- (window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[24,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}}}},1023:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var r=n(21),a={clip:function(e){return{key:"clip:".concat(e),url:"{gateway}/v1/objects/".concat(e,"?query=video[thumbnail],owner,_canUpdate,interactives[thumbnail]")}},createClip:function(e,t,n,a,i){return{key:"create:clip",url:"{gateway}/v1/objects/".concat(e,"/clips"),data:t,type:r.a.POST,invalidationKeys:["videos:".concat(e)],success:n,error:a,always:i}},updateClip:function(e,t,n,a,i){return{key:"update:clip",url:"{gateway}/v1/objects/".concat(e),data:t,type:r.a.PUT,success:n,error:a,always:i}},deleteClip:function(e,t,n,a,i){return{key:"delete:clip",url:"{gateway}/v1/objects/".concat(e),type:r.a.DELETE,invalidationKeys:["videos:".concat(t)],success:n,error:a,always:i}}}},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)},1050:function(e,t,n){"use strict";var r=n(1025);n.d(t,"a",(function(){return r.a}));n(1019);var a=n(1018);n.d(t,"b",(function(){return a.a}))},1058:function(e,t,n){"use strict";n.d(t,"a",(function(){return s}));var r=n(0),a=n.n(r),i=n(112),o=n(279),c=n(1089),l=n.n(c);function s(e){var t,n,r;if(!e.owner&&!e.isClickViewContent)return a.a.createElement(a.a.Fragment,null);if(e.isClickViewContent)return a.a.createElement("small",{className:"clamp-1 d-flex align-items-center"},a.a.createElement("div",{className:"svg-container sm ml-n1 ".concat(l.a.cvIcon)},a.a.createElement(o.b,null)),a.a.createElement("em",null,a.a.createElement(i.b,{namespace:"shared.videoOwnerText",phrase:"clickViewContent"})));var c=e.owner.name;e.owner.surname&&(c+=" ".concat(e.owner.surname.substr(0,1)).toUpperCase());var s=null===(n=null===(t=e.owner.customers)||void 0===t?void 0:t.data)||void 0===n?void 0:n[0],u=null!==(r=null==s?void 0:s.name)&&void 0!==r?r:"";return u&&(c+=", "),a.a.createElement("small",{className:"clamp-1"},c,u&&a.a.createElement("em",null,u))}},1070:function(e,t,n){"use strict";function r(e){var t,n,r;return e?(null===(t=null==e?void 0:e.video)||void 0===t?void 0:t.id)||(null===(r=null===(n=null==e?void 0:e.clip)||void 0===n?void 0:n.video)||void 0===r?void 0:r.id):null}n.d(t,"a",(function(){return r}))},1088:function(e,t,n){"use strict";n.d(t,"a",(function(){return v}));var r=n(0),a=n.n(r),i=n(57),o=n(55),c=n(1011),l=n(1008),s=n(112),u=n(1058),d=n(56),m=n(1090),f=n.n(m),p=n(3),v=a.a.memo((function(e){var t,n=Object.assign(Object.assign({},e.appLink),{args:[e.data.id,i.a.slugify(e.data.name)]}),r=Object.assign(Object.assign({},e.questionsAppLink),{args:[e.data.id]});return a.a.createElement("div",{className:"flex-shrink-0 px-1 ".concat(f.a.item)},a.a.createElement("div",{className:"row m-0 border rounded p-2 h-100"},a.a.createElement("div",{className:"col-6 p-0"},a.a.createElement(c.a,{video:e.data,appLink:n,type:"static",imageOptions:{size:d.b.Small},textPosition:l.a.Independent,preload:!0,analyticsOptions:{location:p.LocationContext.SlidingListItem}})),a.a.createElement("div",{className:"col-6 p-0"},a.a.createElement("div",{className:"pl-2"},a.a.createElement(o.a,{appLink:n},a.a.createElement("h3",{className:"h6 mb-1 clamp-2"},e.data.name)),a.a.createElement(u.a,{owner:e.data.owner,isClickViewContent:null===(t=e.data._isClickViewContent)||void 0===t?void 0:t.value}),a.a.createElement(o.a,{className:"info-link",appLink:r},a.a.createElement(s.b,{namespace:"shared.interactiveWidgetItem",phrase:"previewQuestions"}))))))}))},1089:function(e,t,n){e.exports={cvIcon:"_1YOaq"}},1090:function(e,t,n){e.exports={item:"_2An5o",thumbnail:"Wvc5s",smallItemIconWidth:"_2IdDd",smallItemInfoWidth:"_1Iat7",smallProgressBarContainer:"_17I8T"}},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),l=n(21),s=n(1093),u=n.n(s);function d(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var 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 f=null,p=!1;function v(e){var t=d(r.useState(f),2),n=t[0],s=t[1];if(f||p||(p=!0,Object(c.ajaxRequest)({resource:"/api/integrations/token/immersive-reader",type:l.a.GET,success:function(e){f=e,s(e),window.setTimeout((function(){f=null,p=!1}),9e5)},error:function(){}})),!n)return r.createElement(r.Fragment,null);return e.title||(e.title=i.a.getPhrase("shared.immersiveReader","titleFallback")),r.createElement("span",{className:"".concat(u.a.button," ").concat(e.className||""),onClick:function(){o.a.logUserAction(e.analyticsData,e.analyticsOptions);var t={title:e.title,chunks:[{content:e.text,mimeType:e.html?"text/html":"text/plain"}]},r=n.subdomain,i=n.token;a.launchAsync(i,r,t,{uiZIndex:5e3})}},r.createElement("svg",{viewBox:"0 0 40 37"},r.createElement("path",{d:"M37.4,0.9 L37.4,9.6 L35.4,9.6 L35.4,2.9 L24.4,2.9 C22.9,3.3 20,4.5 20,6 L20,17.2 L18,17.2 L18,6 C18,5 15.6,3.6 13.8,2.9 L2,2.9 L2,29 L12.4,29 L12.4,31 L0,31 L0,0.9 L14.1,0.9 L14.3,1 C15,1.2 17.5,2.2 18.9,3.7 C20.5,1.9 23.5,1.1 23.9,1 L24.1,1 L37.4,1 L37.4,0.9 Z",fill:"#000000"}),r.createElement("path",{d:"M27.4,37 L25.8,37 L18.4,29.4 L14,29.4 L14,21 L18.4,20.9 L26.1,13 L27.4,13 L27.4,37 Z M16,27.4 L19.2,27.4 L25.3,33.7 L25.3,16.6 L19.2,22.9 L15.9,22.9 L15.9,27.4 L16,27.4 Z",fill:"#0197F2"}),r.createElement("path",{d:"M31.3,32.7 L29.6,31.7 C29.6,31.7 31.7,28.3 31.7,25.2 C31.7,21.9 29.6,18.5 29.6,18.4 L31.3,17.4 C31.4,17.6 33.7,21.3 33.7,25.2 C33.7,28.8 31.4,32.6 31.3,32.7 Z",fill:"#0197F2"}),r.createElement("path",{d:"M36.4,36.2 L34.8,35 C34.8,35 38,30.8 38,25.2 C38,19.6 34.8,15.4 34.8,15.4 L36.4,14.2 C36.5,14.4 40,19 40,25.3 C40,31.5 36.5,36 36.4,36.2 Z",fill:"#0197F2"})))}},1093:function(e,t,n){e.exports={button:"TRYB2"}},1095:function(e,t,n){"use strict";n.d(t,"a",(function(){return u}));var r=n(5),a=n(175),i=n(225),o=n(348),c=n(349),l=n(350),s={notFound:i.a,forbidden:{rating:c.a,yearLevel:c.a,region:l.a,privacy:c.a},badRequest:o.a};function u(e,t){var n=Object.assign(Object.assign({},s),t);e.statusCode&&e.statusCode!==a.a.Ok&&(e.statusCode!==a.a.NotFound?e.statusCode!==a.a.Forbidden?r.a.ErrorHelper.throw(new n.badRequest):r.a.ErrorHelper.throw(new n.forbidden.privacy):r.a.ErrorHelper.throw(new n.notFound))}},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,l=i.a[t].height;a.addEventListener("load",(function(){o.isImageValid(t,a)&&r.a.isFunction(n)?n(a):alert("Image too small: minimum dimensions are ".concat(c," x ").concat(l))}))},isImageValid:function(e,t){var n=i.a[e].width,r=i.a[e].height;return!(n&&t.width<n)&&!(r&&t.height<r)},mapImageTypeToString:function(e){switch(e){case a.c.Avatars:return"avatars";case a.c.Thumbnails:return"thumbnails";case a.c.Logos:return"logos";case a.c.Covers:return"covers";case a.c.Posters:return"posters";case a.c.TallPosters:return"tallposters";case a.c.HeroBanners:return"herobanners";case a.c.None:default:return""}}}},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),l=n(283),s=n(102);function u(e){return(u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function d(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 f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=v(e);if(t){var a=v(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return p(this,n)}}function p(e,t){return!t||"object"!==u(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function v(e){return(v=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var 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=f(i);function i(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i),a.call(this,"Could not connect to submit interactive results")}return t=i,(n=[{key:"name",get:function(){return"InternetConnectivityError"}},{key:"dialogOptions",get:function(){return{title:"Connection issues",text:"There seems to be an issue with your internet connection. Refresh the page to try again. ",buttons:[{text:"Refresh",className:"btn btn-dark",success:!0}]}}},{key:"onDone",value:function(){window.location.reload()}}])&&d(t.prototype,n),r&&d(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{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))},E=function(){function e(t){var n=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.cache=[],this.retryCount=0,this.options=t,this.connection=(new s.a).withUrl("".concat(t.playerApi.origin,"/hubs/interactives"),{withCredentials:!1}).configureLogging(s.c.Error).withAutomaticReconnect([0,2e3,1e4,3e4]).build(),this.connection.onreconnecting((function(){n.log("reconnecting"),n.isConnected=!1})),this.connection.onreconnected((function(){n.log("reconnected"),n.isConnected=!0,n.flush()})),this.connection.onclose((function(){n.log("connection closed"),n.isConnected=!1,n.reconnect()})),this.save=this.save.bind(this)}var t,n,r;return t=e,(n=[{key:"start",value:function(e){var t=this;this.isConnected||(e&&(this.resultId=e),this.log("starting"),this.connection.start().then((function(){return I(t,void 0,void 0,regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return this.log("connected"),this.retryCount=0,this.isConnected=!0,e.next=5,this.startSession();case 5:this.flush();case 6:case"end":return e.stop()}}),e,this)})))})).catch((function(){t.reconnect()})))}},{key:"stop",value:function(){return I(this,void 0,void 0,regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,this.flush();case 2:this.connection.stop();case 3:case"end":return e.stop()}}),e,this)})))}},{key:"log",value:function(){}},{key:"reconnect",value:function(){this.retryCount>=5?i.a.ErrorHelper.throw(new 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}(),w=n(1),S=n(81),C=n(1012);n(1249);function k(e){return(k="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function x(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function O(e,t,n){return(O="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(e,t,n){var r=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=A(e)););return e}(e,t);if(r){var a=Object.getOwnPropertyDescriptor(r,t);return a.get?a.get.call(n):a.value}})(e,t,n||e)}function N(e,t){return(N=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function T(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=A(e);if(t){var a=A(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return j(this,n)}}function j(e,t){return!t||"object"!==k(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function A(e){return(A=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var P=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&N(e,t)}(i,e);var t,n,r,a=T(i);function i(e,t){var n;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i),(n=a.call(this,e,t)).timepoint_=t.timepoint,n.time_=t.timepoint.visibleAt/1e3;var r=t.timepoint.interactions[0];r||n.hide();var o=C.a.getTypeInfo(r.typeId).bgClassName;return n.$(".vjs-icon-placeholder").classList.add(o),n.controlText(r.name),n.update(),n}return t=i,(n=[{key:"buildCSSClass",value:function(){return"cv-interactive-bar-item ".concat(O(A(i.prototype),"buildCSSClass",this).call(this))}},{key:"createEl",value:function(e,t,n){return O(A(i.prototype),"createEl",this).call(this,e,Object.assign(Object.assign({},t),{className:this.buildCSSClass()}),Object.assign(Object.assign({},n),{tabIndex:0}))}},{key:"update",value:function(){var e=this.player_.duration(),t=this.time_/e;this.el().style.left=100*t+"%",t>100||t<0?this.hide():this.show()}},{key:"handleClick",value:function(e){e.stopPropagation(),this.player_.currentTime(this.time_)}}])&&x(t.prototype,n),r&&x(t,r),i}(w.a.getComponent("Button"));n(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 L(e){return function(e){if(Array.isArray(e))return F(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return F(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return F(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function F(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function _(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function M(e,t,n){return(M="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(e,t,n){var r=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=V(e)););return e}(e,t);if(r){var a=Object.getOwnPropertyDescriptor(r,t);return a.get?a.get.call(n):a.value}})(e,t,n||e)}function D(e,t){return(D=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function U(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=V(e);if(t){var a=V(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return q(this,n)}}function q(e,t){return!t||"object"!==R(t)&&"function"!=typeof t?B(e):t}function B(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function V(e){return(V=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var W=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&D(e,t)}(i,e);var t,n,r,a=U(i);function i(e,t){var n;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i),(n=a.call(this,e,t)).track_=t.track,n.interactive_=t.interactive,n.onDurationChange=n.onDurationChange.bind(B(n)),n.createInteractionItems=n.createInteractionItems.bind(B(n)),n.createInteractionItems(),n.track_.on("cv:cuechange",n.createInteractionItems),n.player_.on("durationchange",n.onDurationChange),n.player_.on("dispose",(function(){n.track_.off("cv:cuechange"),n.player_.off("durationchange",n.onDurationChange)})),n}return t=i,(n=[{key:"buildCSSClass",value:function(){return"cv-interactive-bar-items ".concat(M(V(i.prototype),"buildCSSClass",this).call(this))}},{key:"createEl",value:function(e,t,n){return M(V(i.prototype),"createEl",this).call(this,e,Object.assign(Object.assign({},t),{className:this.buildCSSClass()}),n)}},{key:"update",value:function(){this.children_.forEach((function(e){e.update()}))}},{key:"createInteractionItems",value:function(){var e,t=this;if(this.track_){L(this.children_).forEach((function(e){t.removeChild(e)}));for(var n=0;n<this.track_.cues.length;n++){var r=this.track_.cues[n],a=this.getTimepointById(r.text);a&&(null===(e=a.interactions)||void 0===e?void 0:e.length)&&this.addChild(new P(this.player_,{timepoint:a}))}}}},{key:"onDurationChange",value:function(){this.update()}},{key:"getTimepointById",value:function(e){var t;return null===(t=this.interactive_.timepoints)||void 0===t?void 0:t.find((function(t){return t.id.toString()===e.toString()}))}}])&&_(t.prototype,n),r&&_(t,r),i}(w.a.getComponent("Component")),H=n(178),$=n(1097);function z(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return K(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return K(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function K(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var Q=n(341);function Z(e){return!!(null==e?void 0:e.toString().startsWith("new_"))}function Y(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}var G=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))},J=function(){return"/api/domain/v1/interactions/bulk"},X=function(e){return"/api/domain/v1/interactions/bulk/".concat(e)},ee=function(e){return"/api/domain/v1/interactions/".concat(e)},te=function(){return"/api/domain/v1/timepoints"},ne=function(e){return"/api/domain/v1/timepoints/".concat(e)},re=function(e){return"/api/domain/v1/timepoints/".concat(e)},ae={},ie=new(function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e)}var t,n,r;return t=e,(n=[{key:"saveInteraction",value:function(e){return G(this,void 0,void 0,regeneratorRuntime.mark((function t(){var n,r,a,i,o;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return n=Z(e.id),r=n?J():X(e.id),a={name:e.name,data:e.data,timepointId:e.timepointId,interactiveId:e.interactiveId,typeId:e.typeId,actionableItems:e.actionableItems,order:e.order},n||(a.id=e.id),i=n?l.a.post(r,JSON.stringify(a),ae):l.a.put(r,JSON.stringify(a),ae),t.next=7,i;case 7:o=t.sent,n&&(e.id=o.id);case 9:case"end":return t.stop()}}),t)})))}},{key:"deleteInteraction",value:function(e){return G(this,void 0,void 0,regeneratorRuntime.mark((function t(){return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,l.a.delete(ee(e),ae);case 2:case"end":return t.stop()}}),t)})))}},{key:"saveTimepoint",value:function(e){return G(this,void 0,void 0,regeneratorRuntime.mark((function t(){var n,r;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return n={interactiveId:e.interactiveId,shouldPause:1,visibleAt:e.visibleAt},t.next=3,l.a.post(te(),JSON.stringify(n),ae);case 3:r=t.sent,e.id=r.id;case 5:case"end":return t.stop()}}),t)})))}},{key:"updateTimepoint",value:function(e){return G(this,void 0,void 0,regeneratorRuntime.mark((function t(){return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,l.a.put(re(e.id),JSON.stringify(e),ae);case 2:case"end":return t.stop()}}),t)})))}},{key:"deleteTimepoint",value:function(e){return G(this,void 0,void 0,regeneratorRuntime.mark((function t(){return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,l.a.delete(ne(e),ae);case 2:case"end":return t.stop()}}),t)})))}}])&&Y(t.prototype,n),r&&Y(t,r),e}()),oe=n(342),ce=n(221),le=n(198);function se(e){var t=e.error;return e.error?a.a.createElement("p",{className:"mt-2 small text-danger"},t):a.a.createElement(a.a.Fragment,null)}var ue=n(327),de=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))},me=/[.\?!,;:\-''\(\)]/g;function fe(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=fe(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{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))};var ge=n(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 Ee=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))};function we(e){var t;if(!(null===(t=e.question)||void 0===t?void 0:t.trim()))return"Please provide a question";if(!e.answers.find((function(e){return e.isCorrect})))return"Please select the correct answer";var n=e.answers.filter((function(e){var t;return!!(null===(t=e.name)||void 0===t?void 0:t.trim())}));if(n.length<2)return"Please provide at least two answers";var r=!1,a={};return n.forEach((function(e){r||(a[e.name]?r=!0:a[e.name]=!0)})),r?"There are duplicates in your answers":null}function Se(e,t){var n;return Ee(this,void 0,void 0,regeneratorRuntime.mark((function r(){return regeneratorRuntime.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return t.name=null===(n=e.question)||void 0===n?void 0:n.trim(),t.actionableItems=e.answers.filter((function(e){var t;return!!(null===(t=e.name)||void 0===t?void 0:t.trim())})),e.feedback&&(t.data.feedback=e.feedback),r.next=5,ie.saveInteraction(t);case 5:case"end":return r.stop()}}),r)})))}function Ce(e){var t=e.state,n=void 0===t?function(e){var t,n=e.typeId===ce.InteractionTypeId.TrueOrFalse,r=null===(t=e.actionableItems)||void 0===t?void 0:t.map((function(e){return{order:e.order,name:e.name,isCorrect:e.isCorrect}}));return(null==r?void 0:r.length)?!n&&(null==r?void 0:r.length)<4&&r.push({order:r.length,name:"",isCorrect:!1}):r=[{order:0,name:n?"True":"",isCorrect:!1},{order:1,name:n?"False":"",isCorrect:!1}],{question:e.name||"",answers:r,feedback:e.data.feedback||""}}(e.interaction):t,r=e.setState,i=e.interaction,o=e.optionsPortalNode,c=e.showFeedback,l=i.typeId===ce.InteractionTypeId.TrueOrFalse;function s(e){var t=n.answers.map((function(t){return t.order!==e.order?Object.assign(Object.assign({},t),{isCorrect:!l&&t.isCorrect}):e}));if(t.find((function(e){return!e.name}))&&(t=function(e){var t=e.find((function(e){return!e.name}));if(e.length>2)return e.filter((function(e){return e.order!==t.order})).map((function(e,t){return Object.assign(Object.assign({},e),{order:t})}));return e.map((function(e){return e.order!==t.order?e:Object.assign(Object.assign({},e),{isCorrect:!1})}))}(t)),!l&&t.length<4&&!t.find((function(e){return!e.name}))){var a=ge.a.last(t);t.push({name:"",order:a.order+1,isCorrect:!1})}r(Object.assign(Object.assign({},n),{answers:t}))}return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("div",{className:"form-group"},a.a.createElement("div",{className:"d-flex justify-content-between align-items-center mb-1"},a.a.createElement("label",{className:"cv-interaction-field-label mb-0",htmlFor:"multiple-choice-question"},"Question"),a.a.createElement(le.b,{node:o})),a.a.createElement("input",{id:"multiple-choice-question",className:"form-control",placeholder:"Enter your question here",value:n.question,onChange:function(e){r(Object.assign(Object.assign({},n),{question:e.target.value}))},autoComplete:"off"}),!n.question&&a.a.createElement(se,{error:n.error})),a.a.createElement("div",{className:"form-group"},a.a.createElement("label",{className:"cv-interaction-field-label",htmlFor:"multiple-choice-answer"},"Answers"),n.answers.map((function(e){return a.a.createElement(Ie,{key:e.order,answer:e,onChange:s,isTrueOrFalse:l})})),n.question&&a.a.createElement(se,{error:n.error})),c&&l&&a.a.createElement("div",{className:"form-group mb-0"},a.a.createElement("label",{className:"cv-true-or-false-feedback-label cv-interaction-field-label",htmlFor:"true-or-false-feedback"},"Feedback  ",a.a.createElement("span",{className:"text-muted"},"(optional)")," ",a.a.createElement(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 ke=n(1118),xe=n(56),Oe=n(357);function Ne(){return a.a.createElement("svg",{viewBox:"0 0 43 38",className:"cv-upload-image-icon"},a.a.createElement("g",{transform:"translate(-1193.000000, -185.000000)"},a.a.createElement("g",{transform:"translate(1183.000000, 173.000000)"},a.a.createElement("path",{d:"M49.875,12.9166667 C51.3247475,12.9166667 52.5,14.0732644 52.5,15.5 L52.5,46.5 C52.5,47.9267356 51.3247475,49.0833333 49.875,49.0833333 L13.125,49.0833333 C11.6752525,49.0833333 10.5,47.9267356 10.5,46.5 L10.5,15.5 C10.5,14.0732644 11.6752525,12.9166667 13.125,12.9166667 L49.875,12.9166667 Z M49.875,15.5 L13.125,15.5 L13.125,46.5 L49.875,46.5 L49.875,15.5 Z M35.5085905,22.5470241 L45.7260956,38.0470241 C46.1206004,38.6454897 45.9474325,39.445375 45.3393142,39.8336178 C44.731196,40.2218607 43.9184093,40.0514415 43.5239044,39.4529759 L34.3641741,25.5576247 L29.9489593,31.7425222 C29.4803332,32.3989804 28.5233602,32.4806343 27.9469223,31.9133463 L26.3920049,30.38311 L19.425,39.525 C18.9900758,40.0956942 18.167399,40.211354 17.5875,39.7833333 C17.007601,39.3553127 16.8900758,38.5456942 17.325,37.975 L25.2,27.6416667 C25.6792326,27.0128323 26.6132966,26.9475041 27.1780777,27.5033204 L28.6987913,28.9998957 L33.3335357,22.5074778 C33.8680838,21.758675 35.0025121,21.7793009 35.5085905,22.5470241 Z M21,19.375 C23.1746212,19.375 24.9375,21.1098966 24.9375,23.25 C24.9375,25.3901034 23.1746212,27.125 21,27.125 C18.8253788,27.125 17.0625,25.3901034 17.0625,23.25 C17.0625,21.1098966 18.8253788,19.375 21,19.375 Z M21,21.9583333 C20.2751263,21.9583333 19.6875,22.5366322 19.6875,23.25 C19.6875,23.9633678 20.2751263,24.5416667 21,24.5416667 C21.7248737,24.5416667 22.3125,23.9633678 22.3125,23.25 C22.3125,22.5366322 21.7248737,21.9583333 21,21.9583333 Z",id:"Combined-Shape"}))))}function Te(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return je(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return je(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function je(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Ae(e){var t=Te(a.a.useState(!1),2),n=t[0],r=t[1],i=Te(a.a.useState(0),2),o=i[0],c=i[1];return a.a.useEffect((function(){0===o&&n&&r(!1)}),[o,n,r]),a.a.createElement("div",{onDragOver:function(e){e.preventDefault(),e.stopPropagation()},onDragEnter:function(e){e.preventDefault(),e.stopPropagation(),c((function(e){return e+1})),e.dataTransfer.items&&e.dataTransfer.items.length>0&&!n&&r(!0)},onDragLeave:function(e){e.preventDefault(),e.stopPropagation(),c((function(e){return e-1}))},onDrop:function(t){t.preventDefault(),t.stopPropagation(),r(!1),o>0&&c(0),t.dataTransfer.files&&t.dataTransfer.files.length>0&&(e.onDropImage(t.dataTransfer.files),t.dataTransfer.clearData())},className:n?"cv-image-upload-mask":""},e.children)}n(1252);var Pe=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))};var Re=n(1146),Le=n(1398),Fe=n(1407),_e={styleToHTML:function(e){return"SUPERSCRIPT"===e?{start:"<sup>",end:"</sup>"}:"SUBSCRIPT"===e?{start:"<sub>",end:"</sub>"}:void 0},entityToHTML:function(e,t){return"LINK"===e.type?a.a.createElement("a",{href:e.data.url},t):t},htmlToStyle:function(e,t,n){return"sup"===e?n.add("SUPERSCRIPT"):"sub"===e?n.add("SUBSCRIPT"):n},htmlToEntity:function(e,t,n){if("a"===e)return n("LINK","MUTABLE",{url:t.href})}};function Me(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return De(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return De(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function De(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Ue(e){var t=Me(a.a.useState(""),2),n=t[0],r=t[1],i=Me(a.a.useState(""),2),o=i[0],c=i[1];return a.a.createElement("div",{"aria-haspopup":"true","aria-expanded":e.expanded,"aria-label":"rdw-color-picker"},a.a.createElement("div",{className:"rdw-option-wrapper cv-annotation-toolbar-option cv-annotation-link",onClick:e.onExpandEvent}," "),e.expanded&&a.a.createElement("div",{className:"rdw-link-modal",onClick:function(e){return e.stopPropagation()}},a.a.createElement("div",{className:"form-group"},a.a.createElement("label",{className:"cv-interaction-field-label",htmlFor:"cv-annotation-url"},"URL"),a.a.createElement("input",{id:"cv-annotation-url",className:"form-control",onChange:function(e){return r(e.target.value)},value:n,placeholder:"Enter URL",autoComplete:"off"})),a.a.createElement("div",{className:"form-group"},a.a.createElement("label",{className:"cv-interaction-field-label",htmlFor:"cv-annotation-text"},"Text"),a.a.createElement("input",{id:"cv-annotation-text",className:"form-control",onChange:function(e){return c(e.target.value)},value:o,placeholder:"Enter Text",autoComplete:"off"})),a.a.createElement(ue.a,{onClick:function(){return e.onChange("link",o||n,n,"_blank")},className:"btn btn-dark"},"Add")))}n(1262);function qe(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Be(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Be(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Be(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var Ve,We,He,$e=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))};function ze(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=(ze(Ve={},ce.InteractionTypeId.Annotation,(function(e){var t=e.state,n=void 0===t?function(e){var t;return{annotation:(null===(t=e.data)||void 0===t?void 0:t.annotation)||""}}(e.interaction):t,r=e.setState,i=e.interaction,o=e.optionsPortalNode,c=qe(a.a.useState(function(){var e=i.data.annotation;if(e){var t=Object(Fe.a)(_e)(e);return Re.EditorState.createWithContent(t)}return Re.EditorState.createEmpty()}()),2),l=c[0],s=c[1],u=qe(a.a.useState(null),2),d=u[0],m=u[1];return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("div",{className:"form-group"},a.a.createElement("div",{className:"d-flex justify-content-between align-items-center mb-1"},a.a.createElement("label",{className:"cv-interaction-field-label mb-0",onClick:function(){return null==d?void 0:d.focusEditor()}},"Annotation"),a.a.createElement(le.b,{node:o})),a.a.createElement("div",{className:"cv-annotation ".concat(function(){if(!l)return!1;var e=l.getCurrentContent();return e.hasText()||"unstyled"!==e.getBlockMap().first().getType()}()?"Editor--hide-placeholder":"")},l&&a.a.createElement(Le.Editor,{editorState:l,onEditorStateChange:function(e){s(e);var t=e.getCurrentContent();if(t.hasText()){var a=Object(Fe.b)(_e)(t);r(Object.assign(Object.assign({},n),{annotation:a}))}else r(Object.assign(Object.assign({},n),{annotation:""}))},toolbarClassName:"cv-annotation-toolbar",editorClassName:"form-control cv-annotation-editor",ref: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:Ue,options:["link"]}}}),a.a.createElement(se,{error:n.error}))))})),ze(Ve,ce.InteractionTypeId.Image,(function(e){var t=e.state,n=void 0===t?function(e){var t;return{url:(null===(t=e.data)||void 0===t?void 0:t.url)||"",caption:e.data.caption}}(e.interaction):t,r=e.setState,i=e.interaction,o=e.optionsPortalNode;Object(Oe.a)();var c=a.a.useRef(null);function s(e){e&&e[0]&&ke.a.onFileSelect(xe.c.None,e,(function(e){oe.a.renderCropper({src:e.src,alt:"",onClickCrop:u})}))}function u(t){var a=t.split(",")[1];l.a.post("".concat(e.imageApi,"v2/thumbnails/base64"),'"'.concat(a,'"'),{tokenName:"gateway"}).then((function(e){r(Object.assign(Object.assign({},n),{url:e.location}))})).catch((function(){return alert("Something went wrong while trying to upload image. Please try again.")}))}return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("div",{className:"form-group"},a.a.createElement("div",{className:"d-flex justify-content-between align-items-center mb-1"},a.a.createElement("label",{className:"cv-interaction-field-label mb-0"},"Image"),a.a.createElement(le.b,{node:o})),n.url?a.a.createElement("div",{className:"text-center"},a.a.createElement("div",{className:"cv-uploaded-image-container"},a.a.createElement("img",{className:"img img-fluid",src:n.url,alt:n.caption}),a.a.createElement(ue.a,{className:"cv-remove-uploaded-image d-flex justify-content-center align-items-center",onClick:function(){r(Object.assign(Object.assign({},n),{url:""}))}},a.a.createElement("div",{className:"btn btn-link text-light"},"Remove")))):a.a.createElement(Ae,{onDropImage:s},a.a.createElement("div",{className:"cv-image-interaction-upload-container rounded py-4 text-center"},a.a.createElement("div",{className:"svg-container xlg mb-2"},a.a.createElement(Ne,null)),a.a.createElement("p",{className:"mb-0"},"Drag and drop an image file or"),a.a.createElement(ue.a,{type:"button",className:"text-underline d-inline-block",onClick:function(){c.current.value=null,c.current.click(null)}},"upload from your device"),a.a.createElement("input",{type:"file",autoComplete:"off",className:"file-select d-none",multiple:!1,accept:"image/jpg,image/jpeg,image/png",ref:c,onChange:function(e){return s(e.target.files)}}))),a.a.createElement(se,{error:n.error})),a.a.createElement("div",{className:"form-group"},a.a.createElement("label",{className:"cv-interaction-field-label",htmlFor:"image-caption"},"Caption  ",a.a.createElement("span",{className:"text-muted"},"(optional)")),a.a.createElement("textarea",{id:"image-caption",className:"form-control",placeholder:"Caption your image",value:n.caption||i.data.caption||"",onChange:function(e){r(Object.assign(Object.assign({},n),{caption:e.target.value}))},rows:2})))})),ze(Ve,ce.InteractionTypeId.MissingWord,(function(e){var t,n,r,i,o,c,l=e.state,s=void 0===l?(t=e.interaction,i=(null===(n=t.data)||void 0===n?void 0:n.sentence)||"",o=i.split(" ").filter(Boolean),c=o.map((function(e,t){return{text:e,order:t,selected:!1}})),null===(r=t.actionableItems)||void 0===r||r.forEach((function(e){var t=e.order,n=pe(o[t],e.name);o[t]=n,c[t].text=n,c[t].selected=!0})),{fullSentence:o.join(" "),sentence:i,preview:t.name,words:c}):l,u=e.setState,d=e.optionsPortalNode,m=!!s.sentence;return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("div",{className:"form-group"},a.a.createElement("div",{className:"d-flex justify-content-between align-items-center mb-1"},a.a.createElement("label",{className:"cv-interaction-field-label mb-0",htmlFor:"missing-word-sentence"},"Sentence"),a.a.createElement(le.b,{node:d})),a.a.createElement("input",{id:"missing-word-sentence",className:"form-control",placeholder:"Enter your sentence here",value:s.fullSentence||"",onChange:function(e){var t=e.target.value,n=t.split(" ").filter(Boolean).map((function(e,t){return{text:e,order:t,selected:!1}}));u(Object.assign(Object.assign({},s),{fullSentence:t,sentence: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"},s.words.map((function(e,t){var n;return(null===(n=fe(e.text))||void 0===n?void 0:n.trim())?a.a.createElement("li",{key:"".concat(t,"-").concat(e.text)},a.a.createElement(ue.a,{className:"rounded border p-2 mx-1 mb-1 cursor-pointer ".concat(e.selected?"bg-info text-white":"bg-white"),onClick:function(){return e=t,n=s.words.map((function(t){return t.order!==e?t:Object.assign(Object.assign({},t),{selected:!t.selected})})),void u(Object.assign(Object.assign({},s),{words:n,preview:ve(n),sentence:ye(n)}));var e,n}},fe(e.text))):a.a.createElement(a.a.Fragment,{key:"".concat(t,"-").concat(e.text)})})))),a.a.createElement("div",null,a.a.createElement("label",{className:"cv-interaction-field-label"},"Preview"),a.a.createElement("p",null,s.preview))),a.a.createElement(se,{error:s.error}))})),ze(Ve,ce.InteractionTypeId.MultipleChoice,Ce),ze(Ve,ce.InteractionTypeId.ShortAnswer,(function(e){var t=e.state,n=void 0===t?function(e){return{question:e.name,suggestedResponse:e.data.suggestedResponse||""}}(e.interaction):t,r=e.setState,i=e.interaction,o=e.optionsPortalNode,c=e.showFeedback;return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("div",{className:"form-group"},a.a.createElement("div",{className:"d-flex justify-content-between align-items-center mb-1"},a.a.createElement("label",{className:"cv-interaction-field-label mb-0",htmlFor:"short-answer-question"},"Question"),a.a.createElement(le.b,{node:o})),a.a.createElement("input",{id:"short-answer-question",className:"form-control",onChange:function(e){r(Object.assign(Object.assign({},n),{question:e.target.value}))},value:n.question||i.data.text||"",placeholder:"Enter your question here",autoComplete:"off"}),a.a.createElement(se,{error:n.error})),c&&a.a.createElement("div",{className:"form-group"},a.a.createElement("label",{className:"cv-interaction-field-label",htmlFor:"short-answer-suggested-response"},"Suggested Response  ",a.a.createElement("span",{className:"text-muted"},"(optional)")," ",a.a.createElement(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})))})),ze(Ve,ce.InteractionTypeId.TrueOrFalse,Ce),Ve);var Qe=(ze(We={},ce.InteractionTypeId.Annotation,(function(e){var t;return(null===(t=e.annotation)||void 0===t?void 0:t.trim())?null:"Please provide an annotation"})),ze(We,ce.InteractionTypeId.Image,(function(e){return e.url?null:"Please upload an image"})),ze(We,ce.InteractionTypeId.MissingWord,(function(e){var t;return(null===(t=e.sentence)||void 0===t?void 0:t.trim())?e.words.find((function(e){return e.selected}))?null:"Please select a missing word":"Please provide a sentence"})),ze(We,ce.InteractionTypeId.MultipleChoice,we),ze(We,ce.InteractionTypeId.ShortAnswer,(function(e){var t;return(null===(t=e.question)||void 0===t?void 0:t.trim())?null:"Please provide a question"})),ze(We,ce.InteractionTypeId.TrueOrFalse,we),We);var Ze=(ze(He={},ce.InteractionTypeId.Annotation,(function(e,t){var n;return $e(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)})))})),ze(He,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)})))})),ze(He,ce.InteractionTypeId.MissingWord,(function(e,t){return de(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:fe(e.text),order:e.order,isCorrect:!0}})),n.next=6,ie.saveInteraction(t);case 6:case"end":return n.stop()}}),n)})))})),ze(He,ce.InteractionTypeId.MultipleChoice,Se),ze(He,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)})))})),ze(He,ce.InteractionTypeId.TrueOrFalse,Se),He);function Ye(e){return Ze[e]}var Ge=n(1092),Je=n(3),Xe=["A","B","C","D"];function et(e){var t=e.interaction,n=e.className,r=C.a.getTypeInfo(t.typeId),i=r.name,o=r.typeName,c="";switch(t.typeId){case ce.InteractionTypeId.Annotation:c=t.data.annotation;break;case ce.InteractionTypeId.Image:c=t.data.caption;break;case ce.InteractionTypeId.MissingWord:c=t.data.sentence.replace(/{([^{}]*)}/g,(function(){return"<u>&nbsp;&nbsp;&nbsp;&nbsp;</u>"}));break;case ce.InteractionTypeId.MultipleChoice:c=t.name,t.actionableItems.map((function(e,t){return c+="<br />".concat(Xe[t],": ").concat(e.name)}));break;case ce.InteractionTypeId.ShortAnswer:c=t.name;break;case ce.InteractionTypeId.TrueOrFalse:c="True or false: ".concat(t.name)}var l=t.typeId===ce.InteractionTypeId.Annotation||t.typeId===ce.InteractionTypeId.MissingWord||t.typeId===ce.InteractionTypeId.MultipleChoice;return a.a.createElement(Ge.a,{title:i,text:c,html:l,className:"pr-2 ".concat(n||""),analyticsData:{id:t.interactiveId,type:o},analyticsOptions:{location:Je.LocationContext.InteractivePlayer,entity:Je.EntityType.Interactive,actionType:Je.UserAction.Click,descriptor:Je.ClickDescriptor.LaunchImmersiveReader}})}n(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),lt=n(29),st=n(335),ut=n(333);n(1265);function dt(e){return(dt="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 ft=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 Et=function(){return!0},wt=function(){return!1},St=(It(vt={},ce.InteractionTypeId.Annotation,wt),It(vt,ce.InteractionTypeId.Image,wt),It(vt,ce.InteractionTypeId.MissingWord,Et),It(vt,ce.InteractionTypeId.MultipleChoice,Et),It(vt,ce.InteractionTypeId.ShortAnswer,(function(e){return!!e.data.suggestedResponse})),It(vt,ce.InteractionTypeId.TrueOrFalse,Et),vt);function Ct(e){return St[e]}var kt=(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,l=e.id,s=(c[l],ot(c,["symbol"===it(l)?l:l+""]));n(s)}}return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("div",{className:"mb-2"},o.map((function(e,n){var o;if(!e.startsWith("cv-missing-word-"))return e;var l=e.replace("cv-missing-word-",""),s=r.actionableItems.find((function(e){return e.order.toString()===l}));if(s){var u,d,m=t[s.id]||"",f=(u=s.name,(d=document.createElement("canvas").getContext("2d")).font="17pt arial",d.measureText(u).width);if(i){var p=s.name.toLowerCase().toString()===(null===(o=t[s.id])||void 0===o?void 0:o.toLowerCase().toString());return a.a.createElement(a.a.Fragment,{key:n},!p&&a.a.createElement(a.a.Fragment,null,a.a.createElement("del",{className:"text-danger"},m)," "),a.a.createElement("span",{className:"text-success"},s.name))}return a.a.createElement("span",{className:"cv-missing-word-input-container",key:n},a.a.createElement("input",{style:{width:f+"px"},onChange:function(e){return c(s,e)},value: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,l=1===r.actionableItems.filter((function(e){return e.isCorrect})).length;function s(e,r){if(!t.submitted)if(l)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],ft(a,["symbol"===dt(i)?i:i+""]));n(o,!0)}}var u=["A","B","C","D"];return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("p",null,r.name,a.a.createElement(et,{interaction:e.interaction,className:"ml-2"})),!l&&a.a.createElement("p",{className:"text-muted"},a.a.createElement("small",null,"This question has multiple correct answers")),r.actionableItems.map((function(e,n){var r=t[e.id],d=r?"bg-info text-white":"bg-white",m=function(){return a.a.createElement(a.a.Fragment,null,u[n])};i&&(d=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:lt.b.Check}):a.a.createElement(ct.a,{size:ct.b.Small,svgName:lt.b.Close}))});var f=i?{}:{role:"button",tabIndex:0,onKeyDown:function(t){return"Enter"===t.key&&s(e,!r)}};return a.a.createElement(a.a.Fragment,{key:n},a.a.createElement("input",{id:e.id,type:l?"radio":"checkbox",name:"multiple-choice",checked:!!r,onChange:function(){return s(e,!r)},disabled:i,hidden:!0,tabIndex:-1}),a.a.createElement("label",Object.assign({className:"\n d-block\n rounded-lg\n shadow-sm\n mb-2\n p-3\n d-flex\n justify-content-between\n cv-multiple-choice-label\n position-relative\n ".concat(i?"":"cursor-pointer","\n ").concat(d),key:n,htmlFor:e.id},f),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(st.a,{imageCdnUrl:o.toString(),initials:ut.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,l=r.actionableItems.find((function(e){return e.isCorrect}));function s(e){var r,a,i;t.submitted||n((r={},a=e.id,i=e.name,a in r?Object.defineProperty(r,a,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[a]=i,r),!0)}return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("p",null,r.name,a.a.createElement(et,{interaction:e.interaction,className:"ml-2"})),a.a.createElement("div",{className:"d-flex justify-content-center"},r.actionableItems.map((function(e,n){var r=t[e.id],l=r?"bg-info text-white":"bg-white",u=function(){return a.a.createElement(a.a.Fragment,null)};i&&(l=e.isCorrect?"bg-success text-white":"bg-danger text-white cv-multiple-choice-incorrect",u=function(){return a.a.createElement(a.a.Fragment,null,e.isCorrect?a.a.createElement(ct.a,{size:ct.b.Small,svgName:lt.b.Check}):a.a.createElement(ct.a,{size:ct.b.Small,svgName:lt.b.Close}))});var d=i?{}:{role:"button",tabIndex:0,onKeyDown:function(t){return"Enter"===t.key&&s(e)}};return a.a.createElement("label",Object.assign({key:n,htmlFor:e.id,className:"\n d-inline-block\n rounded-lg\n shadow-sm\n p-5\n m-2\n h4\n position-relative\n ".concat(i?"":"cursor-pointer","\n ").concat(l)},d),a.a.createElement("input",{id:e.id,type:"radio",name:"multiple-choice",checked:!!r,onChange:function(){return s(e)},disabled:i,hidden:!0}),e.name,a.a.createElement("span",{className:"position-absolute p-2 cv-true-or-false-feedback"},a.a.createElement(u,null)),a.a.createElement("span",{className:"cv-avatar-container cv-avatar-bottom-right"},r&&a.a.createElement(st.a,{imageCdnUrl:o.toString(),initials:ut.a.getInitials(c.givenName,c.familyName),imageUrl:c.avatar})))}))),i&&a.a.createElement("div",{className:"text-center px-5 mt-2"},a.a.createElement("p",null,"The answer is ",a.a.createElement("strong",null,l.name)),r.data.feedback&&a.a.createElement("p",null,r.data.feedback)),a.a.createElement(tt,{error:t.error}))})),yt);function xt(){return""}var Ot=(It(bt={},ce.InteractionTypeId.Annotation,xt),It(bt,ce.InteractionTypeId.Image,xt),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 Nt=(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 Tt(e){return Nt[e]}var jt=(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 jt[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 Lt(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 Ft(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 _t(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 _t(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 _t(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 Mt={interactionIndex:0},Dt=function(e){var t=e.mode,n=e.timepoint,r=e.latestSession,i=t===c.InteractiveMode.Create,o=Ft(a.a.useReducer(Lt,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),l=o[0],s=o[1],u=v(null==n?void 0:n.id),d=null==n?void 0:n.interactions[u.interactionIndex],m="number"==typeof u.nextInteractionIndex?null==n?void 0:n.interactions[u.nextInteractionIndex]:null,f=y(null==d?void 0:d.id),p=y(null==m?void 0:m.id);function v(e){return e&&l.timepoints[e]||Mt}function y(e){if(!e)return{};var t=l.interactions[e];return t||i?t:{}}function b(e,t,n){var r=y(e);s({type:"interaction",id:e,value:Object.assign(Object.assign({},n?{}:r),t)})}return{state:l,interaction:d,interactionState:f,timepointState:u,nextInteraction:m,nextInteractionState:p,getTimepointState:v,getInteractionState:y,updateTimepointState:function(e,t){var n=v(e);s({type:"timepoint",id:e,value:Object.assign(Object.assign({},n),t)})},updateInteractionState:b,clearTimepointState:function(e){s({type:"timepoint",id:e,value:void 0})},clearInteractionState:function(e){s({type:"interaction",id:e,value:void 0})},userUpdateInteractionState:function(e,t){b(d.id,Object.assign(Object.assign({},e),{hasChanges:!0,error:null}),t)}}},Ut=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))},qt=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,Vt=function(e){var t=e.interactive,n=e.timepoint,r=e.player,i=e.mode,o=e.resultsService,l=e.latestSession,s=qt(e,["interactive","timepoint","player","mode","resultsService","latestSession"]),u=Dt({mode:i,timepoint:n,latestSession:l}),d=u.state,m=u.interaction,f=u.interactionState,p=u.timepointState,v=u.nextInteraction,y=u.nextInteractionState,b=qt(u,["state","interaction","interactionState","timepointState","nextInteraction","nextInteractionState"]),h=i===c.InteractiveMode.Create;function g(e){for(var n=0;n<t.timepoints.length;){for(var r=t.timepoints[n],a=0;a<r.interactions.length;){var i=r.interactions[a];if(i.id===e)return{localTimepoint:r,localInteraction:i};a++}n++}return{localInteraction:null,localTimepoint:null}}function I(e){return Ut(this,void 0,void 0,regeneratorRuntime.mark((function n(){var r,a,i,o,c,l;return regeneratorRuntime.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(r=g(e),a=r.localInteraction,i=r.localTimepoint,a&&i){n.next=3;break}throw new Error("Could not find the interaction and timepoint for the interactionId ".concat(e));case 3:if(Z(a.id)){n.next=6;break}return n.next=6,ie.deleteInteraction(a.id);case 6:if(o=i.interactions.findIndex((function(e){return e.id===a.id})),i.interactions.splice(o,1),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(Z(i.id)){n.next=16;break}return n.next=16,ie.deleteTimepoint(i.id);case 16:l=t.timepoints.findIndex((function(e){return e.id===i.id})),t.timepoints.splice(l,1),s.removeCue(i.visibleAt/1e3),b.clearTimepointState(i.id);case 20:case"end":return n.stop()}}),n)})))}function E(e){if(m){var t=Z(m.id);if(t||(null==f?void 0:f.hasChanges)||(null==p?void 0:p.hasChanges)){oe.a.render(a.a.createElement("p",null,"Do you want to discard your changes?"),{title:"Unsaved changes",success:function(){(null==p?void 0:p.hasChanges)&&x(!0),t?I(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 w(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(h)E((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?E(r):r()}}function S(){p.interactionIndex+1>=n.interactions.length?s.continueInteractive():w(p.interactionIndex+1,!1)}function C(){t.timepoints.sort((function(e,t){return e.visibleAt>t.visibleAt?1:t.visibleAt>e.visibleAt?-1:0}))}function k(){w(n.interactions.length)}function x(e){(null==p?void 0:p.hasChanges)&&(e&&s.moveTimepoint(p.originalVisibleAt),b.updateTimepointState(n.id,{hasChanges:void 0,originalVisibleAt:void 0}),Bt=!1)}return{state:d,interaction:m,interactionState:f,timepointState:p,nextInteraction:v,nextInteractionState:y,skip:S,cancel:function(){return Ut(this,void 0,void 0,regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!(null==f?void 0:f.hasChanges)){e.next=3;break}return E(),e.abrupt("return");case 3:return e.next=5,I(m.id);case 5:s.setOpen(!0);case 6:case"end":return e.stop()}}),e)})))},addAnotherQuestion:k,goToTimepoint:function(e,n){var a=function(e){for(var n=0;n<t.timepoints.length;){var r=t.timepoints[n];if(r.id===e)return r;n++}return null}(e),i=a.interactions.find((function(e){return e.id.toString()===n.toString()}));r.currentTime(a.visibleAt/1e3),b.updateTimepointState(a.id,{interactionIndex:a.interactions.indexOf(i)})},discardChanges:E,changeIndex:w,promptDelete:function(e){oe.a.render(a.a.createElement("p",null,"Are you sure you want to delete this question?"),{title:"Delete question",success:function(){return I(e)},buttons:[{variant:"link",buttonText:"Cancel"},{variant:"danger",success:!0,buttonText:"Delete"}]})},showTypeSelector:function(){r.pause(),s.setOpen(!0),n&&k()},cancelTypeSelector:function(){n?w(p.interactionIndex-1):(s.setOpen(!1),r.play())},deleteInteraction:I,saveInteraction:function(){return Ut(this,void 0,void 0,regeneratorRuntime.mark((function e(){var t,r,a,i;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(h){e.next=2;break}throw new Error("Should not be calling onClickSave while viewing an interactive");case 2:if(o=m.typeId,!(t=(0,Qe[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}),!Z(n.id)){e.next=15;break}return r=n.id,e.next=12,ie.saveTimepoint(n);case 12:s.updateCue(r,n.id),b.clearTimepointState(r),(null==p?void 0:p.hasChanges)&&(C(),x());case 15:return m.timepointId=n.id,a=m.id,i=Ye(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 w(p.interactionIndex);var c=r.currentTime();t.timepoints||(t.timepoints=[]),t.timepoints.push({id:i,visibleAt:1e3*c,interactiveId:t.id,shouldPause:1,interactions:[o]}),C(),s.addCue(i)},submitInteractionAnswer:function(){return Ut(this,void 0,void 0,regeneratorRuntime.mark((function e(){var r,a,l,u;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(i===c.InteractiveMode.View){e.next=2;break}throw new Error("Should not be calling onClickSubmit while creating an interactive");case 2:if(!f.submitted){e.next=8;break}if(!(p.interactionIndex>=n.interactions.length)){e.next=6;break}return s.continueInteractive(),e.abrupt("return");case 6:return w(p.interactionIndex+1),e.abrupt("return");case 8:if(f.error,f.hasChanges,f.submitted,f.spinner,r=qt(f,["error","hasChanges","submitted","spinner"]),d=m.typeId,!(a=(0,Ot[d])(r,m))){e.next=14;break}return b.updateInteractionState(m.id,{error:a}),e.abrupt("return");case 14:if(!o||!f.hasChanges){e.next=20;break}if(l=Tt(m.typeId),b.updateInteractionState(m.id,{spinner:!0}),!l){e.next=20;break}return e.next=20,l(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:u=Ct(m.typeId),u(m)||S();case 27:case"end":return e.stop()}var d}),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 l=t.timepoints[c];i>l.visibleAt&&i<l.visibleAt+1e3&&(i+=e>0?1e3:-1e3)}o=!1}while(o);if(!(i/1e3>a||i<0)){var u=n.visibleAt;Bt||(Bt=!0,b.updateTimepointState(n.id,{originalVisibleAt:u,hasChanges:!0})),s.moveTimepoint(i)}},saveTimepoint:function(){return Ut(this,void 0,void 0,regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!Z(n.id)){e.next=2;break}return e.abrupt("return");case 2:return e.next=4,ie.updateTimepoint(n);case 4:C(),x();case 6:case"end":return e.stop()}}),e)})))},clearTimepointTimeState:x,reOrderQuestions:function(e){return Ut(this,void 0,void 0,regeneratorRuntime.mark((function t(){var r,a;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:r=0;case 1:if(!(r<e.length)){t.next=7;break}return t.next=4,ie.saveInteraction(Object.assign(Object.assign({},e[r]),{order:r}));case 4:r++,t.next=1;break;case 7:a=n.interactions[p.interactionIndex],n.interactions=e,b.updateTimepointState(n.id,{interactionIndex:e.indexOf(a)});case 10:case"end":return t.stop()}}),t)})))}}},Wt=n(1267),Ht=n.n(Wt);function $t(e){var t="".concat(e.className," ").concat(Ht.a.iconButton);e.children?t+=" ".concat(Ht.a.iconWithText):t+=" ".concat(Ht.a.iconOnly);var n=a.a.createElement(ct.a,{svgName:e.svgName,className:Ht.a.svg});return a.a.createElement(ue.a,{className:t,onClick:e.onClick},n,e.children)}function zt(e){var t=e.isCreate,n=e.open,r=e.showTypeSelector;return!t||n?a.a.createElement(a.a.Fragment,null):a.a.createElement($t,{className:"btn btn-outline-dark cv-add-question",onClick:r,svgName:lt.b.Plus},"Add question")}var Kt=n(1151);function Qt(){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 Zt(e){var t=e.isCreate,n=e.interactive,r=e.interaction,i=e.portalNode,o=e.goToTimepoint,c=e.promptDelete;if(!i)return a.a.createElement(a.a.Fragment,null);var l=n.timepoints.reduce((function(e,t){return e+t.interactions.length}),0);return a.a.createElement(le.a,{node:i},l?a.a.createElement(a.a.Fragment,null,a.a.createElement("h2",{className:"h4 mt-3"},"Question List (",l,")"),a.a.createElement(Kt.a,{interactive:n,maxHeight:300,goToTimepoint:o,selectedInteractionId:null==r?void 0:r.id,onClickDelete:t?c:void 0})):t?a.a.createElement(Qt,null):a.a.createElement(a.a.Fragment,null))}var Yt=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 kt[e]}(e);throw new Error("Cannot find components for the mode ".concat(t))}var Jt=n(227);n(1268);function Xt(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,l=e.interaction,s=Xt(a.a.useState(Object(Jt.a)(r.currentTime()||0)),2),u=s[0],d=s[1];return a.a.useEffect((function(){var e=function(){d(Object(Jt.a)(r.currentTime()))};return r.on("timeupdate",e),function(){return r.off("timeupdate",e)}}),[]),l||!c?a.a.createElement(a.a.Fragment,null):a.a.createElement("div",{className:"d-flex align-items-center justify-content-center h-100"},a.a.createElement("div",{className:"cv-interactive-type-selector d-flex flex-wrap justify-content-center align-items-center"},a.a.createElement("div",{className:"text-center font-weight-bold w-100 text-body mb-3 cv-add-question-copy"},i?"Add another question at:":"Add a question at:"," ",u),tn.map((function(e,n){var r=C.a.getTypeInfo(e),i=r.name,o=r.bgClassName,c=r.Svg;return a.a.createElement(ue.a,{key:n,className:"cv-type-selector rounded py-2 m-1 ".concat(o),onClick:function(){return t(e)}},a.a.createElement("span",{className:"cv-create-type-icon mb-1"},a.a.createElement(c,null)),a.a.createElement("div",{className:"d-flex align-items-center justify-content-center cv-interaction-type-name px-1"},i))})),(i||o)&&a.a.createElement("div",{className:"text-center w-100 mt-2 ".concat(i?"":"cv-adding-first-cancel")},a.a.createElement(ue.a,{className:"btn btn-link",onClick:n},"Cancel"))))}function 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(Jt.a)(o.currentTime()||0)),2),l=c[0],s=c[1];a.a.useEffect((function(){var e=function(){s(Object(Jt.a)(o.currentTime()))};return o.on("timeupdate",e),function(){return o.off("timeupdate",e)}}),[]);var u=C.a.getTypeInfo(t),d=u.name,m=u.bgClassName,f=n<r-1;var p=n>0;return a.a.createElement("div",{className:"text-center d-flex justify-content-between align-items-center p-1 ".concat(m)},a.a.createElement(ue.a,{onClick:function(){p&&i(n-1)},className:p?"":"invisible"},a.a.createElement(ct.a,{size:ct.b.Medium,svgName:lt.b.ChevronLeft})),a.a.createElement("div",null,a.a.createElement("div",{className:"h6 mb-0"},d),r>1&&a.a.createElement("div",null,n+1," of ",r," at ",l)),a.a.createElement(ue.a,{onClick:function(){f&&i(n+1)},className:f?"":"invisible"},a.a.createElement(ct.a,{size:ct.b.Medium,svgName:lt.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 ln(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 sn=n(35);function un(e){var t=e.interaction,n=e.interactionState,a=e.onClickContinue,i=e.onClickSave,o=e.onClickCancel,c=e.onClickAddAnother,l=e.onClickDiscard,s=Z(t.id),u=!!(null==n?void 0:n.hasChanges),d=!!(null==n?void 0:n.spinner);return r.createElement("div",{className:"cv-timpoint-button-container"},s?r.createElement(ue.a,{className:"btn btn-link",onClick:o},"Cancel"):u?r.createElement(ue.a,{className:"btn btn-link",onClick:l},"Discard"):r.createElement(ue.a,{className:"btn btn-link",onClick:c},"Add another question"),d?r.createElement(ue.a,{className:"btn btn-dark ml-2 cv-interactive-spinner",onClick:function(){}},r.createElement(sn.Spinner,{as:"span",animation:"border",role:"status",size:"sm"})):s?u?r.createElement(ue.a,{className:"btn btn-dark ml-2",onClick:i},"Save"):r.createElement(ue.a,{className:"btn btn-dark ml-2 disabled",onClick:function(){}},"Save"):u?r.createElement(ue.a,{className:"btn btn-dark ml-2",onClick:i},"Save"):r.createElement($t,{className:"btn btn-dark ml-2",onClick:a,svgName:lt.b.Play},"Continue"))}function dn(e){var t=e.typeId,n=e.interactionState,a=e.onClickSkip,i=e.numberOfInteractions,o=e.currentIndex,c=e.changeIndex,l=!!(null==n?void 0:n.submitted),s=!!(null==n?void 0:n.hasChanges),u=!!(null==n?void 0:n.spinner),d=!!Tt(t),m=o<i-1;function f(){m&&c(o+1)}var p=o>0;function v(){s&&e.onClickSubmit()}return r.createElement("div",{className:"cv-timpoint-button-container flex-wrap"},!l&&d&&r.createElement(ue.a,{className:"btn btn-link",onClick:a},"Come back later"),i>1&&o>0&&r.createElement($t,{className:"btn btn-dark ml-2 ".concat(p?"":"disabled"),onClick:function(){p&&c(o-1)},svgName:lt.b.ChevronUp}),u?r.createElement(ue.a,{className:"btn btn-dark ml-2 cv-interactive-spinner",onClick:function(){}},r.createElement(sn.Spinner,{as:"span",animation:"border",role:"status",size:"sm"})):l||!d?1===i||o===i-1?r.createElement($t,{className:"btn btn-dark ml-2",onClick:a,svgName:lt.b.Play},"Continue"):r.createElement(ue.a,{className:"btn btn-dark ml-2 ".concat(m?"":"disabled"),onClick:f},"Next"):r.createElement(ue.a,{className:"btn btn-dark ml-2 ".concat(s?"":"disabled"),onClick:v},"Save"))}function mn(e){var t=e.isCreate,n=e.interaction,r=e.interactionState,i=e.continueInteractive,o=e.saveInteraction,c=e.cancel,l=e.addAnotherQuestion,s=e.discardChanges,u=e.submitInteractionAnswer,d=e.skip,m=e.changeIndex,f=e.timepoint,p=e.currentIndex;return a.a.createElement(a.a.Fragment,null,t?a.a.createElement(un,{interaction:n,interactionState:r,onClickContinue:i,onClickSave:o,onClickCancel:c,onClickAddAnother:l,onClickDiscard:function(){return s()}}):a.a.createElement(dn,{typeId:n.typeId,interactionState:r,onClickSubmit:u,onClickSkip:d,changeIndex:m,currentIndex:p,numberOfInteractions:f.interactions.length}))}var fn=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 l=Z(n.id);c.push({label:"Re-order questions",onClick:function(){return o("reorder")},className:l?"disabled":""})}return c.push({label:"Delete",onClick:function(){return r(n.id)},className:"text-danger"}),a.a.createElement(le.a,{node:i},!!n&&a.a.createElement(fn.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{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))},hn=null,gn=0,In=1;function En(e){var t=e.timepoint,n=e.updateTimepointTime,r=e.saveTimepoint,i=e.back,o=e.clearTimepointTimeState,c=vn(a.a.useState(Object(Jt.a)(t.visibleAt/1e3)),2),l=c[0],s=c[1],u=vn(a.a.useState(!1),2),d=u[0],m=u[1];function f(e){n(e*In),s(Object(Jt.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 f(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(ue.a,{className:"cv-left-arrow d-inline-block cursor-pointer",onClick:function(){},onMouseDown:function(){return f(-1)},onKeyDown:function(e){e.stopPropagation(),13===e.keyCode&&0===gn&&f(-1)},onKeyUp:p}),a.a.createElement("input",{className:"form-control form-control-lg text-center d-inline-block cv-move-timepoint-input",value:l,onChange:function(){},onKeyDown:function(e){e.stopPropagation(),37===e.keyCode&&0===gn&&f(-1),39===e.keyCode&&0===gn&&f(1)},onKeyUp:p}),a.a.createElement(ue.a,{className:"cv-right-arrow d-inline-block cursor-pointer",onClick:function(){},onMouseDown:function(){return f(1)},onKeyDown:function(e){e.stopPropagation(),13===e.keyCode&&0===gn&&f(1)},onKeyUp:p}))))),a.a.createElement("div",{className:"cv-timpoint-button-container"},a.a.createElement(ue.a,{className:"btn btn-link",onClick:function(){o(!0),i()}},"Cancel"),d?a.a.createElement(ue.a,{className:"btn btn-dark ml-2 cv-interactive-spinner",onClick:function(){}},a.a.createElement(sn.Spinner,{as:"span",animation:"border",role:"status",size:"sm"})):a.a.createElement(ue.a,{className:"btn btn-dark",onClick:function(){return bn(this,void 0,void 0,regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return m(!0),e.next=3,r();case 3:i();case 4:case"end":return e.stop()}}),e)})))}},"Save")))}var wn=n(969),Sn=n(1128),Cn=n(1272),kn=n.n(Cn);function xn(e){return function(e){if(Array.isArray(e))return Tn(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||Nn(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)||Nn(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 Nn(e,t){if(e){if("string"==typeof e)return Tn(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)?Tn(e,t):void 0}}function Tn(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 jn=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))};var An=Object(wn.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:kn.a.dragIcon},a.a.createElement(ct.a,{size:ct.b.Small,svgName:lt.b.Handle})),a.a.createElement("span",{className:"".concat(kn.a.type," ").concat(r)},a.a.createElement(i,null)),a.a.createElement("span",{className:"".concat(kn.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(wn.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(xn(e.interactions)),2),o=i[0],c=i[1],l=On(a.a.useState(!1),2),s=l[0],u=l[1];return a.a.createElement(a.a.Fragment,null,a.a.createElement("div",{className:"cv-timepoint flex-grow-1"},a.a.createElement("div",{className:"cv-timepoint-padding"},a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("label",{className:"cv-interaction-field-label mb-0"},"Re-order questions"),a.a.createElement("div",{className:"text-center mt-3"},a.a.createElement(Pn,{onSortEnd:function(e){var t=e.oldIndex,n=e.newIndex;t!==n&&(c(xn(function(e,t,n){for(;t<0;)t+=e.length;for(;n<0;)n+=e.length;if(n>=e.length)for(var r=n-e.length+1;r--;)e.push(void 0);return e.splice(n,0,e.splice(t,1)[0]),e}(o,t,n))),u(!0))},interactions:o,helperClass:kn.a.dragging,lockAxis:"y"}))))),a.a.createElement("div",{className:"cv-timpoint-button-container"},a.a.createElement(ue.a,{className:"btn btn-link",onClick:function(){c(xn(e.interactions)),u(!1),e.back()}},"Cancel"),n?a.a.createElement(ue.a,{className:"btn btn-dark ml-2 cv-interactive-spinner",onClick:function(){}},a.a.createElement(sn.Spinner,{as:"span",animation:"border",role:"status",size:"sm"})):a.a.createElement(ue.a,{className:"btn btn-dark ".concat(s?"":"disabled"),onClick:function(){return jn(this,void 0,void 0,regeneratorRuntime.mark((function t(){return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(s){t.next=2;break}return t.abrupt("return");case 2:return r(!0),t.next=5,e.reOrderQuestions(o);case 5:r(!1),e.back();case 7:case"end":return t.stop()}}),t)})))}},"Save")))}var Ln=n(82),Fn=n(31);function _n(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 Mn(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 Mn(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 Mn(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Dn(e){var t=e.isCreate,n=e.interaction,r=e.mode,i=e.immediateFeedback,o=e.interactionState,c=e.shouldFocus,l=e.delayFocus,s=e.open,u=e.timepoint,d=e.userUpdateInteractionState,m=e.submitInteractionAnswer,f=e.saveInteraction,p=a.a.useRef(),v=a.a.useRef(),y=Object(Ln.a)(Fn.a.XLDown),b=!t||y;function h(){return!!p.current&&(!!c&&!!s)}a.a.useEffect((function(){var e;h()&&(l&&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=_n(a.a.useState("question"),2),I=g[0],E=g[1],w=a.a.useMemo((function(){return Object(le.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:w,setView:E},e)),a.a.createElement(Yt.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(ln,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?f():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:d,recalculateScroll:function(){v.current.recalculate()},showFeedback:C,optionsPortalNode:w},e)))),a.a.createElement(mn,Object.assign({},e))),"move"===I&&a.a.createElement(En,Object.assign({back:function(){return E("question")}},e)),"reorder"===I&&a.a.createElement(Rn,Object.assign({back:function(){return E("question")},interactions:u.interactions},e)))))}n(1273);function Un(e){var t=e.open,n=e.nextInteraction,r=e.nextInteractionState,i=e.timepointState,o=e.interaction,c=e.delayFocus,l=n&&i.nextInteractionIndex<i.interactionIndex,s=n&&i.nextInteractionIndex>i.interactionIndex,u=s&&i.slideIn,d=l&&i.slideIn;return a.a.createElement("div",{className:"cv-interactive ".concat(t?"cv-open":"")},l&&a.a.createElement("div",{className:"cv-prev-interaction ".concat(i.slideIn?"cv-slide-in":"")},a.a.createElement(Dn,Object.assign({},e,{currentIndex:i.nextInteractionIndex,interaction:n,interactionState:r}))),a.a.createElement("div",{className:"\n cv-main-slide\n ".concat(u?"cv-slide-out-up":"","\n ").concat(d?"cv-slide-out-down":"","\n ").concat(n?"cv-transitioning":"","\n ")},a.a.createElement(Dn,Object.assign({key:null==o?void 0:o.id},e,{currentIndex:i.interactionIndex,shouldFocus:o&&!l&&!s,delayFocus:c}))),s&&a.a.createElement("div",{className:"cv-next-interaction ".concat(i.slideIn?"cv-slide-in":"")},a.a.createElement(Dn,Object.assign({},e,{currentIndex:i.nextInteractionIndex,interaction:n,interactionState:r}))))}n(1274);function qn(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 Vn(e){var t=e.player,n=e.resultsService,r=e.interactive,i=e.setShowSummary,o=qn(a.a.useState(!1),2),c=o[0],l=o[1];function s(){t.currentTime()>r.timepoints[r.timepoints.length-1].visibleAt/1e3+1?l(!0):l(!1)}return a.a.useEffect((function(){if(n)return t.on("timeupdate",s),function(){return t.off("timeupdate",s)}}),[]),c?a.a.createElement(ue.a,{className:"btn btn-outline-dark cv-show-summary",onClick:function(){i(!0),t.pause(),t.hide()}},"View summary"):null}var Wn=n(1275),Hn=n.n(Wn);function $n(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return zn(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return zn(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function zn(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Kn(e){var t=e.duration,n=e.progress,r=e.player,i=$n(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:Hn.a.progress,style:{left:"".concat(r,"%"),right:"".concat(i,"%")}})})))}var Qn=n(1276),Zn=n.n(Qn);function Yn(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(Zn.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),Jn=n(1277),Xn=n.n(Jn);function er(e){var t=e.showSummary,n=e.setShowSummary,r=e.state,i=e.interactive,o=e.player,c=e.progress,l=e.portalNode,s=a.a.useRef();function u(){n(!1),o.show(),o.play()}function d(t,n){u(),e.goToTimepoint(t,n)}if(!l||!t)return a.a.createElement(a.a.Fragment,null);var m=0,f=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&&f++,n!==rt.a.NotApplicable&&(null==t?void 0:t.submitted)&&p++}))}));var v=o.ended(),y=o.duration();return a.a.createElement(le.a,{node:l},a.a.createElement("div",{className:"cursor-pointer my-4 ".concat(Xn.a.bar),onClick:function(e){if(s.current){var t=s.current.getBoundingClientRect(),n=(e.pageX-t.left)/t.width*y;u(),o.currentTime(n)}},ref:s},a.a.createElement(Kn,{duration:y,progress:c,interactive:i,player:o}),a.a.createElement(Yn,{duration:y,interactive:i,goToTimepoint:d})),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,"/",f),a.a.createElement("span",{className:"d-inline-block mb-3"},"You have answered ",a.a.createElement("strong",{className:p!==f?"text-danger":""},p)," of ",a.a.createElement("strong",null,f)," questions")),a.a.createElement("span",null,a.a.createElement(Gn.a,{svgName:lt.b.Play,className:"btn btn-outline-dark",onClick:function(){u(),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:d}))}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(Vn,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,l=e.questionListPortalNode,s=e.summaryPortalNode,u=e.resultsService,d=e.currentUser,m=e.progress,f=e.latestSession,p=function(e){var t=e.player,n=e.track,r=e.interactive,i=e.clipOffset,o=z(a.a.useState(!1),2),c=o[0],l=o[1],s=z(a.a.useState(!1),2),u=s[0],d=s[1],m=z(a.a.useState(null),2),f=m[0],p=m[1];function v(e){return i?e+i:e}function y(e){d(!!e&&c),l(e)}function b(){var e=n.activeCues;if(!e.length)return y(!1),void p(null);var a=r.timepoints.find((function(t){return t.id.toString()===e[0].text.toString()}));if(!a)return y(!1),void p(null);a.shouldPause&&(t.seeking()?t.one("play",(function(){return t.pause()})):t.pause()),y(!0),p(a)}function h(e){for(var t=0;t<n.cues.length;t++){var r=n.cues[t];if(r.text.toString()===e.toString())return r}}return a.a.useEffect((function(){return n.addEventListener("cuechange",b),function(){return n.removeEventListener("cuechange",b)}})),{open:c,setOpen:y,wasOpen:u,timepoint:f,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(f.id);if(r){var a=e/1e3;r.startTime=v(a),r.endTime=v(a+1),t.currentTime(a+.5,!0),f.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=Vt(Object.assign({mode:r,interactive:i,timepoint:y,player:t,resultsService:u,latestSession:f},h)),I=g.interaction,E=g.interactionState,w=g.nextInteraction,S=g.nextInteractionState,C=g.timepointState,k=g.state,x=ar(g,["interaction","interactionState","nextInteraction","nextInteractionState","timepointState","state"]);!function(e){var t,n=e.mode,r=e.player,i=e.timepoint,o=e.interaction,l=e.discardChanges,s=e.interactionState,u=e.timepointState,d=Object(Q.a)(),m=n===c.InteractiveMode.Create;a.a.useEffect((function(){if(m){if(Z(null==o?void 0:o.id)||(null==s?void 0:s.hasChanges)||(null==u?void 0:u.hasChanges))return d.lock({id:"interactive",title:"Are you sure you want to leave?",text:"Your interactive still has unsaved changes"}),void r.lock((function(e){l(e)}));r.unlock(),d.unlock("interactive")}}),[o,null==s?void 0:s.hasChanges,null===(t=null==i?void 0:i.interactions)||void 0===t?void 0:t.length,null==u?void 0:u.hasChanges])}({mode:r,player:t,timepoint:y,interaction:I,discardChanges:x.discardChanges,interactionState:E,timepointState:C});var O={mode:r,open:v,isCreate:r===$.a.Create,interaction:I,nextInteraction:w,timepoint:y,interactive:i,interactionState:E,nextInteractionState:S,timepointState:C,player:t};return a.a.createElement(a.a.Fragment,null,a.a.createElement(zt,Object.assign({},O,x)),a.a.createElement(Un,Object.assign({imageApi:o,currentUser:d,immediateFeedback:i.immediateFeedback,delayFocus:!b},O,x,h)),a.a.createElement(rr,Object.assign({state:k,portalNode:s,progress:m,resultsService:u},O,x)),a.a.createElement(Zt,Object.assign({portalNode:l},O,x)))}w.a.registerComponent("Interactive",Object(H.a)((function(e,t){return a.a.createElement(ir,Object.assign({player:e},t))})));var or=n(220),cr=n(223);function lr(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}))}w.a.registerComponent("ContinueSession",Object(H.a)((function(e,t){return a.a.createElement(lr,Object.assign({player:e},t))})));n(1279);function sr(e){return(sr="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 ur(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 dr(e,t){return(dr=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 fr(this,n)}}function fr(e,t){return!t||"object"!==sr(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&&dr(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 W(this.player,{interactive:this.options.interactive,track:e}))}}])&&ur(t.prototype,n),r&&ur(t,r),i}(w.a.getPlugin("plugin"));w.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 Er(e,t,n){return(Er="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=kr(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 wr(e,t){return(wr=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=kr(e);if(t){var a=kr(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 kr(e){return(kr=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var xr=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))},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&&wr(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=[],l.a.setToken("gateway",n.options.authToken),n.player.on("dispose",(function(){n.resultsService&&n.resultsService.stop()})),n.options.mode===c.InteractiveMode.Create&&n.player.addClass("cv-create-interactives"),n}return t=o,(n=[{key:"onFlushProgress",value:function(e){var t;Er(kr(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 Er(kr(o.prototype),"additionalSetup",t)}}});return xr(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 E({interactiveId:r.id,mediaId:e.mediaId,userId:this.options.currentUser.id,playerApi:this.options.playerApi})),this.player.viewInteractivePlugin({interactive:r,mode:this.options.mode,imageApi:this.options.imageApi,resultsService:this.resultsService,questionListPortalNode:this.options.questionListPortalNode,summaryPortalNode:this.options.summaryPortalNode,currentUser:this.options.currentUser,latestSession:e.additionalData.latestSession,progress:this.totalProgress,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 Tr}));var Nr=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 Tr(e){var t=e.onReady,n=e.className,r=Nr(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){},1296:function(e,t,n){"use strict";n.d(t,"a",(function(){return c}));var r=n(0),a=n.n(r),i=n(1297),o=n.n(i);function c(e){var t=e.isEdit;return a.a.createElement("div",{className:"px-3 w-100 ".concat(t?o.a.edit:"")},t?a.a.createElement("div",{className:"d-flex justify-content-between align-items-center mb-3"},a.a.createElement("div",{className:"partial-loading-background ".concat(o.a.heading)}),a.a.createElement("div",null,a.a.createElement("div",{className:"partial-loading-background d-inline-block ".concat(o.a.button)}),a.a.createElement("div",{className:"partial-loading-background d-inline-block ml-2 ".concat(o.a.button)}))):a.a.createElement("div",{className:"partial-loading-background ".concat(o.a.notice)}),a.a.createElement("div",{className:"partial-loading-background mb-3 ".concat(o.a.video)},a.a.createElement("div",{className:"partial-loading-background ".concat(o.a.questions)})),a.a.createElement("div",{className:"partial-loading-background mb-3 ".concat(o.a.heading)}),a.a.createElement("div",null,Array(5).fill(null).map((function(e,t){return a.a.createElement("div",{key:t,className:"partial-loading-background my-2 ".concat(o.a.interaction)})}))))}},1297:function(e,t,n){e.exports={video:"_3LBoh",notice:"_3Ebra",heading:"_3dAbk",interaction:"_2rGzr",button:"_21cTi",edit:"_28OGp",questions:"_1SVHi"}},1748:function(e,t,n){"use strict";n.r(t),n.d(t,"PreviewInteractiveView",(function(){return B}));var r=n(0),a=n(198),i=n(17),o=n(10),c=n(329),l=n(57),s=n(69),u=n(3),d=n(1010),m=n(123),f=n(55),p=n(1088),v=n(1050),y=n(112),b=n(1056),h=n(988),g=n(31),I=n(51),E=n(29),w=n(281),S=n(82),C=n(1166),k=n(9),x=n(7),O=n(990),N=n(330),T=n(52),j=n(344),A=n(351),P=n(352),R=n(1095),L=n(1296),F=n(1070),_=n(1023);function M(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return D(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return D(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function D(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var U=o.a.encloseNamespace("shared.previewInteractive"),q={notFound:A.a,forbidden:{privacy:P.a}};function B(e){var t,n,o,A,P,D,B,V=M(r.useState(!1),2),W=V[0],H=V[1],$=r.useRef(),z=Object(S.a)(g.a.XS),K=i.a.useBasicFetch(m.a.config()),Q=i.a.useBasicFetch(O.a.interactiveMetadata(e.id)),Z=Object(F.a)(Q.data),Y=i.a.useBasicFetch(Z?N.a.video(Z):null),G=i.a.useBasicFetch((null===(t=Q.data)||void 0===t?void 0:t.clip)?null===_.a||void 0===_.a?void 0:_.a.clip(Q.data.clip.id):null),J=i.a.useBasicFetch(Q.data?d.a.createViewKey(Q.data.id):null),X=i.a.useBasicFetch(Q.data?O.a.interactive(Q.data.interactiveId):null),ee=i.a.useBasicFetch(I.a.currentUser()),te=r.useMemo((function(){return Object(a.c)()}),[]),ne=M(Object(s.a)(T.a.WEB_PLAYER_DATA),2)[1],re=r.useRef();r.useEffect((function(){ne("allowFloatingPlayer",!1)}),[]),Object(c.a)(null===(n=Q.data)||void 0===n?void 0:n.name),Object(R.a)(X,q),Object(R.a)(Q,q);var ae,ie,oe,ce=!!(null===(o=null==Q?void 0:Q.data)||void 0===o?void 0:o.clip),le=!(J.data&&K.data&&Q.data&&X.data&&Y.data&&ee.data);if(ce&&!G.data&&(le=!0),le)return r.createElement(L.a,{isEdit:!1});ce?(ae=null===(P=null===(A=G.data.interactives)||void 0===A?void 0:A.data)||void 0===P?void 0:P.filter((function(t){return t.id.toString()!==e.id.toString()})),ie=G.data.name,oe={application:x.a.DEFAULT,action:k.a.Default.PLAY_CLIP,args:[G.data.id,l.a.slugify(G.data.name)]}):(ae=null===(B=null===(D=Y.data.interactives)||void 0===D?void 0:D.data)||void 0===B?void 0:B.filter((function(t){return t.id.toString()!==e.id.toString()})),ie=Y.data.name,oe={application:x.a.DEFAULT,action:k.a.Default.PLAY_VIDEO,args:[Y.data.id,l.a.slugify(Y.data.name)]});var se=Q.data.status===w.a.Draft,ue=function(e){var t=e.interactive,n=e.video,r=e.currentUser,a=e.isMobile,i={interactive:Object.assign(Object.assign({},t),{clip:null}),video:Object.assign(Object.assign({},n),{interactives:null})},o={label:U("editInteractive"),svgName:E.b.Edit,appLink:{application:x.a.INTERACTIVES,action:k.a.Interactives.EDIT_INTERACTIVE,args:[t.id]},button:!a,className:"btn btn-outline-dark mr-2",analyticsData:i,analyticsOptions:{entity:u.EntityType.Interactive,actionType:u.UserAction.Edit,location:u.LocationContext.PreviewInteractive,workflowPhase:u.WorkflowPhase.Start}},c=Object.assign(Object.assign({},o),{appLink:{application:x.a.INTERACTIVES,action:k.a.Interactives.UNPUBLISH_INTERACTIVE,args:[t.id]}}),l={label:U("share"),svgName:E.b.Share2,appLink:{application:x.a.INTERACTIVES,action:k.a.Interactives.SHARE_INTERACTIVE,args:[t.id]},button:!a,className:"btn btn-outline-dark mr-2",analyticsData:i,analyticsOptions:{entity:u.EntityType.Interactive,actionType:u.UserAction.Share,location:u.LocationContext.PreviewInteractive,workflowPhase:u.WorkflowPhase.Start}},s={label:U("printAsWorksheet"),appLink:{application:x.a.INTERACTIVES,action:k.a.Interactives.PRINT_QUESTIONS,args:[t.id]},analyticsData:i,analyticsOptions:{entity:u.EntityType.Interactive,actionType:u.UserAction.Print,location:u.LocationContext.PreviewInteractive,workflowPhase:u.WorkflowPhase.Start}},d={label:U("copyInteractive"),appLink:{application:x.a.INTERACTIVES,action:k.a.Interactives.COPY_INTERACTIVE,args:[t.id]},analyticsData:i,analyticsOptions:{entity:u.EntityType.Interactive,actionType:u.UserAction.Copy,location:u.LocationContext.PreviewInteractive,workflowPhase:u.WorkflowPhase.Start}},m={label:U("deleteInteractive"),className:"text-danger",appLink:{application:x.a.INTERACTIVES,action:k.a.Interactives.DELETE_INTERACTIVE,args:[t.id]},analyticsData:i,analyticsOptions:{entity:u.EntityType.Interactive,actionType:u.UserAction.Delete,location:u.LocationContext.PreviewInteractive,workflowPhase:u.WorkflowPhase.Start}},f=[l,s];return r.id===t.owner.id&&(f.unshift(t.status===w.a.Draft?o:c),f.push(d,m)),f}({interactive:Q.data,currentUser:ee.data,video:Y.data,isMobile:z});return r.createElement(y.a.Provider,{value:"shared.previewInteractive"},r.createElement(r.Fragment,null,!W&&r.createElement(L.a,{isEdit:!0}),r.createElement("div",{className:"px-3 ".concat(W?"":"d-none")},r.createElement("div",{className:"alert alert-info",role:"alert"},"You are previewing this interactive, results will not be collected."),r.createElement("div",{className:"mb-3"},r.createElement(C.a,{viewKey:J.data.viewKey,imageApi:new URL(K.data.imageCdnUrl),playerApi:new URL(K.data.playerApiUrl),hotkeyElQuerySelector:"body",autoplay:!0,onReady:function(t){var n;$.current=t,H(!0),re.current=new j.a({player:t,type:"interactive",videoId:null===(n=Y.data)||void 0===n?void 0:n.id,mediaId:e.id,analyticsLocation:u.LocationContext.PreviewInteractive})},currentUser:ee.data,questionListPortalNode:te})),r.createElement("div",{className:"d-flex justify-content-between align-items-center pb-3"},r.createElement("div",null,r.createElement("h1",{className:"h3 d-inline-block m-0 mb-2"},se&&r.createElement("span",{className:"badge badge-secondary mr-2 align-bottom"},"Draft"),Q.data.name),r.createElement("div",null,r.createElement(y.b,{phrase:"backTo"}),": ",r.createElement(f.a,{appLink:oe,className:"text-info"},ie))),r.createElement(h.a,{actions:ue,actionsDropdownClassName:"btn btn-outline-dark"})),Q.data.description&&r.createElement("p",null,Q.data.description),r.createElement(a.b,{node:te}),!!(null==ae?void 0:ae.length)&&r.createElement("div",{className:"my-3"},r.createElement(v.a,{name:U("otherInteractives",{count:ae.length}),contents:b.a.Interactives,collection:ae,prefetched:!0,childAppLink:{application:x.a.DEFAULT,action:k.a.Interactives.PREVIEW_INTERACTIVE},childComponent:function(e){return r.createElement(p.a,Object.assign({video:Y.data,questionsAppLink:{application:x.a.DEFAULT,action:k.a.Interactives.PREVIEW_QUESTIONS}},e))},analyticsData:{widgetId:"interactives"}})))))}},988:function(e,t,n){"use strict";n.d(t,"a",(function(){return l}));var r=n(0),a=n(149),i=n(1003),o=n(337),c=n(131);function l(e){var t=r.useMemo((function(){return e.actions.sort((function(e,t){return e.order-t.order}))}),[e.actions]),n=[],l=[];t.forEach((function(e){e.button?n.push(e):l.push(e)}));var s="d-flex";return e.className&&(s+=" ".concat(e.className)),n.length||l.length?r.createElement("div",{className:s},r.createElement(r.Fragment,null,r.createElement("span",{className:"d-flex align-items-center"},n.length?n.map((function(e,t){return r.createElement(r.Fragment,{key:t},function(){if(e.label)return r.createElement(o.a,{appLink:e.appLink,onClick:e.onClick,svgName:e.svgName,className:e.className,tooltip:e.tooltip,showSpinner:e.showSpinner,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},e.label);var t=r.createElement(a.a,{appLink:e.appLink,onClick:e.onClick,svgName:e.svgName,className:e.className,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions});return e.tooltip?r.createElement(c.a,{title:e.tooltip,spanHack:!0},t):t}())})):r.createElement(r.Fragment,null),e.sortComponent&&e.sortComponent,l.length?r.createElement(i.a,{actions:l,dropdownToggleClassName:e.actionsDropdownClassName}):r.createElement(r.Fragment,null)))):r.createElement(r.Fragment,null)}}}]);
1
+ (window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[24,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}}}},1023:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var r=n(21),a={clip:function(e){return{key:"clip:".concat(e),url:"{gateway}/v1/objects/".concat(e,"?query=video[thumbnail],owner,_canUpdate,interactives[thumbnail]")}},createClip:function(e,t,n,a,i){return{key:"create:clip",url:"{gateway}/v1/objects/".concat(e,"/clips"),data:t,type:r.a.POST,invalidationKeys:["videos:".concat(e)],success:n,error:a,always:i}},updateClip:function(e,t,n,a,i){return{key:"update:clip",url:"{gateway}/v1/objects/".concat(e),data:t,type:r.a.PUT,success:n,error:a,always:i}},deleteClip:function(e,t,n,a,i){return{key:"delete:clip",url:"{gateway}/v1/objects/".concat(e),type:r.a.DELETE,invalidationKeys:["videos:".concat(t)],success:n,error:a,always:i}}}},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)},1050:function(e,t,n){"use strict";var r=n(1025);n.d(t,"a",(function(){return r.a}));n(1019);var a=n(1018);n.d(t,"b",(function(){return a.a}))},1058:function(e,t,n){"use strict";n.d(t,"a",(function(){return s}));var r=n(0),a=n.n(r),i=n(112),o=n(279),c=n(1089),l=n.n(c);function s(e){var t,n,r;if(!e.owner&&!e.isClickViewContent)return a.a.createElement(a.a.Fragment,null);if(e.isClickViewContent)return a.a.createElement("small",{className:"clamp-1 d-flex align-items-center"},a.a.createElement("div",{className:"svg-container sm ml-n1 ".concat(l.a.cvIcon)},a.a.createElement(o.b,null)),a.a.createElement("em",null,a.a.createElement(i.b,{namespace:"shared.videoOwnerText",phrase:"clickViewContent"})));var c=e.owner.name;e.owner.surname&&(c+=" ".concat(e.owner.surname.substr(0,1)).toUpperCase());var s=null===(n=null===(t=e.owner.customers)||void 0===t?void 0:t.data)||void 0===n?void 0:n[0],u=null!==(r=null==s?void 0:s.name)&&void 0!==r?r:"";return u&&(c+=", "),a.a.createElement("small",{className:"clamp-1"},c,u&&a.a.createElement("em",null,u))}},1070:function(e,t,n){"use strict";function r(e){var t,n,r;return e?(null===(t=null==e?void 0:e.video)||void 0===t?void 0:t.id)||(null===(r=null===(n=null==e?void 0:e.clip)||void 0===n?void 0:n.video)||void 0===r?void 0:r.id):null}n.d(t,"a",(function(){return r}))},1088:function(e,t,n){"use strict";n.d(t,"a",(function(){return v}));var r=n(0),a=n.n(r),i=n(57),o=n(55),c=n(1011),l=n(1008),s=n(112),u=n(1058),d=n(56),m=n(1090),f=n.n(m),p=n(3),v=a.a.memo((function(e){var t,n=Object.assign(Object.assign({},e.appLink),{args:[e.data.id,i.a.slugify(e.data.name)]}),r=Object.assign(Object.assign({},e.questionsAppLink),{args:[e.data.id]});return a.a.createElement("div",{className:"flex-shrink-0 px-1 ".concat(f.a.item)},a.a.createElement("div",{className:"row m-0 border rounded p-2 h-100"},a.a.createElement("div",{className:"col-6 p-0"},a.a.createElement(c.a,{video:e.data,appLink:n,type:"static",imageOptions:{size:d.b.Small},textPosition:l.a.Independent,preload:!0,analyticsOptions:{location:p.LocationContext.SlidingListItem}})),a.a.createElement("div",{className:"col-6 p-0"},a.a.createElement("div",{className:"pl-2"},a.a.createElement(o.a,{appLink:n},a.a.createElement("h3",{className:"h6 mb-1 clamp-2"},e.data.name)),a.a.createElement(u.a,{owner:e.data.owner,isClickViewContent:null===(t=e.data._isClickViewContent)||void 0===t?void 0:t.value}),a.a.createElement(o.a,{className:"info-link",appLink:r},a.a.createElement(s.b,{namespace:"shared.interactiveWidgetItem",phrase:"previewQuestions"}))))))}))},1089:function(e,t,n){e.exports={cvIcon:"_1YOaq"}},1090:function(e,t,n){e.exports={item:"_2An5o",thumbnail:"Wvc5s",smallItemIconWidth:"_2IdDd",smallItemInfoWidth:"_1Iat7",smallProgressBarContainer:"_17I8T"}},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),l=n(21),s=n(1093),u=n.n(s);function d(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var 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 f=null,p=!1;function v(e){var t=d(r.useState(f),2),n=t[0],s=t[1];if(f||p||(p=!0,Object(c.ajaxRequest)({resource:"/api/integrations/token/immersive-reader",type:l.a.GET,success:function(e){f=e,s(e),window.setTimeout((function(){f=null,p=!1}),9e5)},error:function(){}})),!n)return r.createElement(r.Fragment,null);return e.title||(e.title=i.a.getPhrase("shared.immersiveReader","titleFallback")),r.createElement("span",{className:"".concat(u.a.button," ").concat(e.className||""),onClick:function(){o.a.logUserAction(e.analyticsData,e.analyticsOptions);var t={title:e.title,chunks:[{content:e.text,mimeType:e.html?"text/html":"text/plain"}]},r=n.subdomain,i=n.token;a.launchAsync(i,r,t,{uiZIndex:5e3})}},r.createElement("svg",{viewBox:"0 0 40 37"},r.createElement("path",{d:"M37.4,0.9 L37.4,9.6 L35.4,9.6 L35.4,2.9 L24.4,2.9 C22.9,3.3 20,4.5 20,6 L20,17.2 L18,17.2 L18,6 C18,5 15.6,3.6 13.8,2.9 L2,2.9 L2,29 L12.4,29 L12.4,31 L0,31 L0,0.9 L14.1,0.9 L14.3,1 C15,1.2 17.5,2.2 18.9,3.7 C20.5,1.9 23.5,1.1 23.9,1 L24.1,1 L37.4,1 L37.4,0.9 Z",fill:"#000000"}),r.createElement("path",{d:"M27.4,37 L25.8,37 L18.4,29.4 L14,29.4 L14,21 L18.4,20.9 L26.1,13 L27.4,13 L27.4,37 Z M16,27.4 L19.2,27.4 L25.3,33.7 L25.3,16.6 L19.2,22.9 L15.9,22.9 L15.9,27.4 L16,27.4 Z",fill:"#0197F2"}),r.createElement("path",{d:"M31.3,32.7 L29.6,31.7 C29.6,31.7 31.7,28.3 31.7,25.2 C31.7,21.9 29.6,18.5 29.6,18.4 L31.3,17.4 C31.4,17.6 33.7,21.3 33.7,25.2 C33.7,28.8 31.4,32.6 31.3,32.7 Z",fill:"#0197F2"}),r.createElement("path",{d:"M36.4,36.2 L34.8,35 C34.8,35 38,30.8 38,25.2 C38,19.6 34.8,15.4 34.8,15.4 L36.4,14.2 C36.5,14.4 40,19 40,25.3 C40,31.5 36.5,36 36.4,36.2 Z",fill:"#0197F2"})))}},1093:function(e,t,n){e.exports={button:"TRYB2"}},1095:function(e,t,n){"use strict";n.d(t,"a",(function(){return u}));var r=n(5),a=n(175),i=n(225),o=n(348),c=n(349),l=n(350),s={notFound:i.a,forbidden:{rating:c.a,yearLevel:c.a,region:l.a,privacy:c.a},badRequest:o.a};function u(e,t){var n=Object.assign(Object.assign({},s),t);e.statusCode&&e.statusCode!==a.a.Ok&&(e.statusCode!==a.a.NotFound?e.statusCode!==a.a.Forbidden?r.a.ErrorHelper.throw(new n.badRequest):r.a.ErrorHelper.throw(new n.forbidden.privacy):r.a.ErrorHelper.throw(new n.notFound))}},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,l=i.a[t].height;a.addEventListener("load",(function(){o.isImageValid(t,a)&&r.a.isFunction(n)?n(a):alert("Image too small: minimum dimensions are ".concat(c," x ").concat(l))}))},isImageValid:function(e,t){var n=i.a[e].width,r=i.a[e].height;return!(n&&t.width<n)&&!(r&&t.height<r)},mapImageTypeToString:function(e){switch(e){case a.c.Avatars:return"avatars";case a.c.Thumbnails:return"thumbnails";case a.c.Logos:return"logos";case a.c.Covers:return"covers";case a.c.Posters:return"posters";case a.c.TallPosters:return"tallposters";case a.c.HeroBanners:return"herobanners";case a.c.None:default:return""}}}},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),l=n(283),s=n(102);function u(e){return(u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function d(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 f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=v(e);if(t){var a=v(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return p(this,n)}}function p(e,t){return!t||"object"!==u(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function v(e){return(v=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var 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=f(i);function i(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i),a.call(this,"Could not connect to submit interactive results")}return t=i,(n=[{key:"name",get:function(){return"InternetConnectivityError"}},{key:"dialogOptions",get:function(){return{title:"Connection issues",text:"There seems to be an issue with your internet connection. Refresh the page to try again. ",buttons:[{text:"Refresh",className:"btn btn-dark",success:!0}]}}},{key:"onDone",value:function(){window.location.reload()}}])&&d(t.prototype,n),r&&d(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{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))},E=function(){function e(t){var n=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.cache=[],this.retryCount=0,this.options=t,this.connection=(new s.a).withUrl("".concat(t.playerApi.origin,"/hubs/interactives"),{withCredentials:!1}).configureLogging(s.c.Error).withAutomaticReconnect([0,2e3,1e4,3e4]).build(),this.connection.onreconnecting((function(){n.log("reconnecting"),n.isConnected=!1})),this.connection.onreconnected((function(){n.log("reconnected"),n.isConnected=!0,n.flush()})),this.connection.onclose((function(){n.log("connection closed"),n.isConnected=!1,n.reconnect()})),this.save=this.save.bind(this)}var t,n,r;return t=e,(n=[{key:"start",value:function(e){var t=this;this.isConnected||(e&&(this.resultId=e),this.log("starting"),this.connection.start().then((function(){return I(t,void 0,void 0,regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return this.log("connected"),this.retryCount=0,this.isConnected=!0,e.next=5,this.startSession();case 5:this.flush();case 6:case"end":return e.stop()}}),e,this)})))})).catch((function(){t.reconnect()})))}},{key:"stop",value:function(){return I(this,void 0,void 0,regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,this.flush();case 2:this.connection.stop();case 3:case"end":return e.stop()}}),e,this)})))}},{key:"log",value:function(){}},{key:"reconnect",value:function(){this.retryCount>=5?i.a.ErrorHelper.throw(new 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}(),w=n(1),S=n(81),C=n(1012);n(1249);function k(e){return(k="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function x(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function O(e,t,n){return(O="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(e,t,n){var r=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=A(e)););return e}(e,t);if(r){var a=Object.getOwnPropertyDescriptor(r,t);return a.get?a.get.call(n):a.value}})(e,t,n||e)}function N(e,t){return(N=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function T(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=A(e);if(t){var a=A(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return j(this,n)}}function j(e,t){return!t||"object"!==k(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function A(e){return(A=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var P=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&N(e,t)}(i,e);var t,n,r,a=T(i);function i(e,t){var n;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i),(n=a.call(this,e,t)).timepoint_=t.timepoint,n.time_=t.timepoint.visibleAt/1e3;var r=t.timepoint.interactions[0];r||n.hide();var o=C.a.getTypeInfo(r.typeId).bgClassName;return n.$(".vjs-icon-placeholder").classList.add(o),n.controlText(r.name),n.update(),n}return t=i,(n=[{key:"buildCSSClass",value:function(){return"cv-interactive-bar-item ".concat(O(A(i.prototype),"buildCSSClass",this).call(this))}},{key:"createEl",value:function(e,t,n){return O(A(i.prototype),"createEl",this).call(this,e,Object.assign(Object.assign({},t),{className:this.buildCSSClass()}),Object.assign(Object.assign({},n),{tabIndex:0}))}},{key:"update",value:function(){var e=this.player_.duration(),t=this.time_/e;this.el().style.left=100*t+"%",t>100||t<0?this.hide():this.show()}},{key:"handleClick",value:function(e){e.stopPropagation(),this.player_.currentTime(this.time_)}}])&&x(t.prototype,n),r&&x(t,r),i}(w.a.getComponent("Button"));n(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 L(e){return function(e){if(Array.isArray(e))return F(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return F(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return F(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function F(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function _(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function M(e,t,n){return(M="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(e,t,n){var r=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=V(e)););return e}(e,t);if(r){var a=Object.getOwnPropertyDescriptor(r,t);return a.get?a.get.call(n):a.value}})(e,t,n||e)}function D(e,t){return(D=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function U(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=V(e);if(t){var a=V(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return q(this,n)}}function q(e,t){return!t||"object"!==R(t)&&"function"!=typeof t?B(e):t}function B(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function V(e){return(V=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var W=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&D(e,t)}(i,e);var t,n,r,a=U(i);function i(e,t){var n;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i),(n=a.call(this,e,t)).track_=t.track,n.interactive_=t.interactive,n.onDurationChange=n.onDurationChange.bind(B(n)),n.createInteractionItems=n.createInteractionItems.bind(B(n)),n.createInteractionItems(),n.track_.on("cv:cuechange",n.createInteractionItems),n.player_.on("durationchange",n.onDurationChange),n.player_.on("dispose",(function(){n.track_.off("cv:cuechange"),n.player_.off("durationchange",n.onDurationChange)})),n}return t=i,(n=[{key:"buildCSSClass",value:function(){return"cv-interactive-bar-items ".concat(M(V(i.prototype),"buildCSSClass",this).call(this))}},{key:"createEl",value:function(e,t,n){return M(V(i.prototype),"createEl",this).call(this,e,Object.assign(Object.assign({},t),{className:this.buildCSSClass()}),n)}},{key:"update",value:function(){this.children_.forEach((function(e){e.update()}))}},{key:"createInteractionItems",value:function(){var e,t=this;if(this.track_){L(this.children_).forEach((function(e){t.removeChild(e)}));for(var n=0;n<this.track_.cues.length;n++){var r=this.track_.cues[n],a=this.getTimepointById(r.text);a&&(null===(e=a.interactions)||void 0===e?void 0:e.length)&&this.addChild(new P(this.player_,{timepoint:a}))}}}},{key:"onDurationChange",value:function(){this.update()}},{key:"getTimepointById",value:function(e){var t;return null===(t=this.interactive_.timepoints)||void 0===t?void 0:t.find((function(t){return t.id.toString()===e.toString()}))}}])&&_(t.prototype,n),r&&_(t,r),i}(w.a.getComponent("Component")),H=n(178),$=n(1097);function z(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return K(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return K(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function K(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var Q=n(341);function Z(e){return!!(null==e?void 0:e.toString().startsWith("new_"))}function Y(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}var G=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))},J=function(){return"/api/domain/v1/interactions/bulk"},X=function(e){return"/api/domain/v1/interactions/bulk/".concat(e)},ee=function(e){return"/api/domain/v1/interactions/".concat(e)},te=function(){return"/api/domain/v1/timepoints"},ne=function(e){return"/api/domain/v1/timepoints/".concat(e)},re=function(e){return"/api/domain/v1/timepoints/".concat(e)},ae={},ie=new(function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e)}var t,n,r;return t=e,(n=[{key:"saveInteraction",value:function(e){return G(this,void 0,void 0,regeneratorRuntime.mark((function t(){var n,r,a,i,o;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return n=Z(e.id),r=n?J():X(e.id),a={name:e.name,data:e.data,timepointId:e.timepointId,interactiveId:e.interactiveId,typeId:e.typeId,actionableItems:e.actionableItems,order:e.order},n||(a.id=e.id),i=n?l.a.post(r,JSON.stringify(a),ae):l.a.put(r,JSON.stringify(a),ae),t.next=7,i;case 7:o=t.sent,n&&(e.id=o.id);case 9:case"end":return t.stop()}}),t)})))}},{key:"deleteInteraction",value:function(e){return G(this,void 0,void 0,regeneratorRuntime.mark((function t(){return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,l.a.delete(ee(e),ae);case 2:case"end":return t.stop()}}),t)})))}},{key:"saveTimepoint",value:function(e){return G(this,void 0,void 0,regeneratorRuntime.mark((function t(){var n,r;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return n={interactiveId:e.interactiveId,shouldPause:1,visibleAt:e.visibleAt},t.next=3,l.a.post(te(),JSON.stringify(n),ae);case 3:r=t.sent,e.id=r.id;case 5:case"end":return t.stop()}}),t)})))}},{key:"updateTimepoint",value:function(e){return G(this,void 0,void 0,regeneratorRuntime.mark((function t(){return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,l.a.put(re(e.id),JSON.stringify(e),ae);case 2:case"end":return t.stop()}}),t)})))}},{key:"deleteTimepoint",value:function(e){return G(this,void 0,void 0,regeneratorRuntime.mark((function t(){return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,l.a.delete(ne(e),ae);case 2:case"end":return t.stop()}}),t)})))}}])&&Y(t.prototype,n),r&&Y(t,r),e}()),oe=n(342),ce=n(221),le=n(198);function se(e){var t=e.error;return e.error?a.a.createElement("p",{className:"mt-2 small text-danger"},t):a.a.createElement(a.a.Fragment,null)}var ue=n(327),de=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))},me=/[.\?!,;:\-''\(\)]/g;function fe(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=fe(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{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))};var ge=n(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 Ee=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))};function we(e){var t;if(!(null===(t=e.question)||void 0===t?void 0:t.trim()))return"Please provide a question";if(!e.answers.find((function(e){return e.isCorrect})))return"Please select the correct answer";var n=e.answers.filter((function(e){var t;return!!(null===(t=e.name)||void 0===t?void 0:t.trim())}));if(n.length<2)return"Please provide at least two answers";var r=!1,a={};return n.forEach((function(e){r||(a[e.name]?r=!0:a[e.name]=!0)})),r?"There are duplicates in your answers":null}function Se(e,t){var n;return Ee(this,void 0,void 0,regeneratorRuntime.mark((function r(){return regeneratorRuntime.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return t.name=null===(n=e.question)||void 0===n?void 0:n.trim(),t.actionableItems=e.answers.filter((function(e){var t;return!!(null===(t=e.name)||void 0===t?void 0:t.trim())})),e.feedback&&(t.data.feedback=e.feedback),r.next=5,ie.saveInteraction(t);case 5:case"end":return r.stop()}}),r)})))}function Ce(e){var t=e.state,n=void 0===t?function(e){var t,n=e.typeId===ce.InteractionTypeId.TrueOrFalse,r=null===(t=e.actionableItems)||void 0===t?void 0:t.map((function(e){return{order:e.order,name:e.name,isCorrect:e.isCorrect}}));return(null==r?void 0:r.length)?!n&&(null==r?void 0:r.length)<4&&r.push({order:r.length,name:"",isCorrect:!1}):r=[{order:0,name:n?"True":"",isCorrect:!1},{order:1,name:n?"False":"",isCorrect:!1}],{question:e.name||"",answers:r,feedback:e.data.feedback||""}}(e.interaction):t,r=e.setState,i=e.interaction,o=e.optionsPortalNode,c=e.showFeedback,l=i.typeId===ce.InteractionTypeId.TrueOrFalse;function s(e){var t=n.answers.map((function(t){return t.order!==e.order?Object.assign(Object.assign({},t),{isCorrect:!l&&t.isCorrect}):e}));if(t.find((function(e){return!e.name}))&&(t=function(e){var t=e.find((function(e){return!e.name}));if(e.length>2)return e.filter((function(e){return e.order!==t.order})).map((function(e,t){return Object.assign(Object.assign({},e),{order:t})}));return e.map((function(e){return e.order!==t.order?e:Object.assign(Object.assign({},e),{isCorrect:!1})}))}(t)),!l&&t.length<4&&!t.find((function(e){return!e.name}))){var a=ge.a.last(t);t.push({name:"",order:a.order+1,isCorrect:!1})}r(Object.assign(Object.assign({},n),{answers:t}))}return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("div",{className:"form-group"},a.a.createElement("div",{className:"d-flex justify-content-between align-items-center mb-1"},a.a.createElement("label",{className:"cv-interaction-field-label mb-0",htmlFor:"multiple-choice-question"},"Question"),a.a.createElement(le.b,{node:o})),a.a.createElement("input",{id:"multiple-choice-question",className:"form-control",placeholder:"Enter your question here",value:n.question,onChange:function(e){r(Object.assign(Object.assign({},n),{question:e.target.value}))},autoComplete:"off"}),!n.question&&a.a.createElement(se,{error:n.error})),a.a.createElement("div",{className:"form-group"},a.a.createElement("label",{className:"cv-interaction-field-label",htmlFor:"multiple-choice-answer"},"Answers"),n.answers.map((function(e){return a.a.createElement(Ie,{key:e.order,answer:e,onChange:s,isTrueOrFalse:l})})),n.question&&a.a.createElement(se,{error:n.error})),c&&l&&a.a.createElement("div",{className:"form-group mb-0"},a.a.createElement("label",{className:"cv-true-or-false-feedback-label cv-interaction-field-label",htmlFor:"true-or-false-feedback"},"Feedback  ",a.a.createElement("span",{className:"text-muted"},"(optional)")," ",a.a.createElement(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 ke=n(1118),xe=n(56),Oe=n(357);function Ne(){return a.a.createElement("svg",{viewBox:"0 0 43 38",className:"cv-upload-image-icon"},a.a.createElement("g",{transform:"translate(-1193.000000, -185.000000)"},a.a.createElement("g",{transform:"translate(1183.000000, 173.000000)"},a.a.createElement("path",{d:"M49.875,12.9166667 C51.3247475,12.9166667 52.5,14.0732644 52.5,15.5 L52.5,46.5 C52.5,47.9267356 51.3247475,49.0833333 49.875,49.0833333 L13.125,49.0833333 C11.6752525,49.0833333 10.5,47.9267356 10.5,46.5 L10.5,15.5 C10.5,14.0732644 11.6752525,12.9166667 13.125,12.9166667 L49.875,12.9166667 Z M49.875,15.5 L13.125,15.5 L13.125,46.5 L49.875,46.5 L49.875,15.5 Z M35.5085905,22.5470241 L45.7260956,38.0470241 C46.1206004,38.6454897 45.9474325,39.445375 45.3393142,39.8336178 C44.731196,40.2218607 43.9184093,40.0514415 43.5239044,39.4529759 L34.3641741,25.5576247 L29.9489593,31.7425222 C29.4803332,32.3989804 28.5233602,32.4806343 27.9469223,31.9133463 L26.3920049,30.38311 L19.425,39.525 C18.9900758,40.0956942 18.167399,40.211354 17.5875,39.7833333 C17.007601,39.3553127 16.8900758,38.5456942 17.325,37.975 L25.2,27.6416667 C25.6792326,27.0128323 26.6132966,26.9475041 27.1780777,27.5033204 L28.6987913,28.9998957 L33.3335357,22.5074778 C33.8680838,21.758675 35.0025121,21.7793009 35.5085905,22.5470241 Z M21,19.375 C23.1746212,19.375 24.9375,21.1098966 24.9375,23.25 C24.9375,25.3901034 23.1746212,27.125 21,27.125 C18.8253788,27.125 17.0625,25.3901034 17.0625,23.25 C17.0625,21.1098966 18.8253788,19.375 21,19.375 Z M21,21.9583333 C20.2751263,21.9583333 19.6875,22.5366322 19.6875,23.25 C19.6875,23.9633678 20.2751263,24.5416667 21,24.5416667 C21.7248737,24.5416667 22.3125,23.9633678 22.3125,23.25 C22.3125,22.5366322 21.7248737,21.9583333 21,21.9583333 Z",id:"Combined-Shape"}))))}function Te(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return je(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return je(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function je(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Ae(e){var t=Te(a.a.useState(!1),2),n=t[0],r=t[1],i=Te(a.a.useState(0),2),o=i[0],c=i[1];return a.a.useEffect((function(){0===o&&n&&r(!1)}),[o,n,r]),a.a.createElement("div",{onDragOver:function(e){e.preventDefault(),e.stopPropagation()},onDragEnter:function(e){e.preventDefault(),e.stopPropagation(),c((function(e){return e+1})),e.dataTransfer.items&&e.dataTransfer.items.length>0&&!n&&r(!0)},onDragLeave:function(e){e.preventDefault(),e.stopPropagation(),c((function(e){return e-1}))},onDrop:function(t){t.preventDefault(),t.stopPropagation(),r(!1),o>0&&c(0),t.dataTransfer.files&&t.dataTransfer.files.length>0&&(e.onDropImage(t.dataTransfer.files),t.dataTransfer.clearData())},className:n?"cv-image-upload-mask":""},e.children)}n(1252);var Pe=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))};var Re=n(1146),Le=n(1398),Fe=n(1407),_e={styleToHTML:function(e){return"SUPERSCRIPT"===e?{start:"<sup>",end:"</sup>"}:"SUBSCRIPT"===e?{start:"<sub>",end:"</sub>"}:void 0},entityToHTML:function(e,t){return"LINK"===e.type?a.a.createElement("a",{href:e.data.url},t):t},htmlToStyle:function(e,t,n){return"sup"===e?n.add("SUPERSCRIPT"):"sub"===e?n.add("SUBSCRIPT"):n},htmlToEntity:function(e,t,n){if("a"===e)return n("LINK","MUTABLE",{url:t.href})}};function Me(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return De(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return De(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function De(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Ue(e){var t=Me(a.a.useState(""),2),n=t[0],r=t[1],i=Me(a.a.useState(""),2),o=i[0],c=i[1];return a.a.createElement("div",{"aria-haspopup":"true","aria-expanded":e.expanded,"aria-label":"rdw-color-picker"},a.a.createElement("div",{className:"rdw-option-wrapper cv-annotation-toolbar-option cv-annotation-link",onClick:e.onExpandEvent}," "),e.expanded&&a.a.createElement("div",{className:"rdw-link-modal",onClick:function(e){return e.stopPropagation()}},a.a.createElement("div",{className:"form-group"},a.a.createElement("label",{className:"cv-interaction-field-label",htmlFor:"cv-annotation-url"},"URL"),a.a.createElement("input",{id:"cv-annotation-url",className:"form-control",onChange:function(e){return r(e.target.value)},value:n,placeholder:"Enter URL",autoComplete:"off"})),a.a.createElement("div",{className:"form-group"},a.a.createElement("label",{className:"cv-interaction-field-label",htmlFor:"cv-annotation-text"},"Text"),a.a.createElement("input",{id:"cv-annotation-text",className:"form-control",onChange:function(e){return c(e.target.value)},value:o,placeholder:"Enter Text",autoComplete:"off"})),a.a.createElement(ue.a,{onClick:function(){return e.onChange("link",o||n,n,"_blank")},className:"btn btn-dark"},"Add")))}n(1262);function qe(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Be(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Be(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Be(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var Ve,We,He,$e=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))};function ze(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=(ze(Ve={},ce.InteractionTypeId.Annotation,(function(e){var t=e.state,n=void 0===t?function(e){var t;return{annotation:(null===(t=e.data)||void 0===t?void 0:t.annotation)||""}}(e.interaction):t,r=e.setState,i=e.interaction,o=e.optionsPortalNode,c=qe(a.a.useState(function(){var e=i.data.annotation;if(e){var t=Object(Fe.a)(_e)(e);return Re.EditorState.createWithContent(t)}return Re.EditorState.createEmpty()}()),2),l=c[0],s=c[1],u=qe(a.a.useState(null),2),d=u[0],m=u[1];return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("div",{className:"form-group"},a.a.createElement("div",{className:"d-flex justify-content-between align-items-center mb-1"},a.a.createElement("label",{className:"cv-interaction-field-label mb-0",onClick:function(){return null==d?void 0:d.focusEditor()}},"Annotation"),a.a.createElement(le.b,{node:o})),a.a.createElement("div",{className:"cv-annotation ".concat(function(){if(!l)return!1;var e=l.getCurrentContent();return e.hasText()||"unstyled"!==e.getBlockMap().first().getType()}()?"Editor--hide-placeholder":"")},l&&a.a.createElement(Le.Editor,{editorState:l,onEditorStateChange:function(e){s(e);var t=e.getCurrentContent();if(t.hasText()){var a=Object(Fe.b)(_e)(t);r(Object.assign(Object.assign({},n),{annotation:a}))}else r(Object.assign(Object.assign({},n),{annotation:""}))},toolbarClassName:"cv-annotation-toolbar",editorClassName:"form-control cv-annotation-editor",ref: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:Ue,options:["link"]}}}),a.a.createElement(se,{error:n.error}))))})),ze(Ve,ce.InteractionTypeId.Image,(function(e){var t=e.state,n=void 0===t?function(e){var t;return{url:(null===(t=e.data)||void 0===t?void 0:t.url)||"",caption:e.data.caption}}(e.interaction):t,r=e.setState,i=e.interaction,o=e.optionsPortalNode;Object(Oe.a)();var c=a.a.useRef(null);function s(e){e&&e[0]&&ke.a.onFileSelect(xe.c.None,e,(function(e){oe.a.renderCropper({src:e.src,alt:"",onClickCrop:u})}))}function u(t){var a=t.split(",")[1];l.a.post("".concat(e.imageApi,"v2/thumbnails/base64"),'"'.concat(a,'"'),{tokenName:"gateway"}).then((function(e){r(Object.assign(Object.assign({},n),{url:e.location}))})).catch((function(){return alert("Something went wrong while trying to upload image. Please try again.")}))}return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("div",{className:"form-group"},a.a.createElement("div",{className:"d-flex justify-content-between align-items-center mb-1"},a.a.createElement("label",{className:"cv-interaction-field-label mb-0"},"Image"),a.a.createElement(le.b,{node:o})),n.url?a.a.createElement("div",{className:"text-center"},a.a.createElement("div",{className:"cv-uploaded-image-container"},a.a.createElement("img",{className:"img img-fluid",src:n.url,alt:n.caption}),a.a.createElement(ue.a,{className:"cv-remove-uploaded-image d-flex justify-content-center align-items-center",onClick:function(){r(Object.assign(Object.assign({},n),{url:""}))}},a.a.createElement("div",{className:"btn btn-link text-light"},"Remove")))):a.a.createElement(Ae,{onDropImage:s},a.a.createElement("div",{className:"cv-image-interaction-upload-container rounded py-4 text-center"},a.a.createElement("div",{className:"svg-container xlg mb-2"},a.a.createElement(Ne,null)),a.a.createElement("p",{className:"mb-0"},"Drag and drop an image file or"),a.a.createElement(ue.a,{type:"button",className:"text-underline d-inline-block",onClick:function(){c.current.value=null,c.current.click(null)}},"upload from your device"),a.a.createElement("input",{type:"file",autoComplete:"off",className:"file-select d-none",multiple:!1,accept:"image/jpg,image/jpeg,image/png",ref:c,onChange:function(e){return s(e.target.files)}}))),a.a.createElement(se,{error:n.error})),a.a.createElement("div",{className:"form-group"},a.a.createElement("label",{className:"cv-interaction-field-label",htmlFor:"image-caption"},"Caption  ",a.a.createElement("span",{className:"text-muted"},"(optional)")),a.a.createElement("textarea",{id:"image-caption",className:"form-control",placeholder:"Caption your image",value:n.caption||i.data.caption||"",onChange:function(e){r(Object.assign(Object.assign({},n),{caption:e.target.value}))},rows:2})))})),ze(Ve,ce.InteractionTypeId.MissingWord,(function(e){var t,n,r,i,o,c,l=e.state,s=void 0===l?(t=e.interaction,i=(null===(n=t.data)||void 0===n?void 0:n.sentence)||"",o=i.split(" ").filter(Boolean),c=o.map((function(e,t){return{text:e,order:t,selected:!1}})),null===(r=t.actionableItems)||void 0===r||r.forEach((function(e){var t=e.order,n=pe(o[t],e.name);o[t]=n,c[t].text=n,c[t].selected=!0})),{fullSentence:o.join(" "),sentence:i,preview:t.name,words:c}):l,u=e.setState,d=e.optionsPortalNode,m=!!s.sentence;return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("div",{className:"form-group"},a.a.createElement("div",{className:"d-flex justify-content-between align-items-center mb-1"},a.a.createElement("label",{className:"cv-interaction-field-label mb-0",htmlFor:"missing-word-sentence"},"Sentence"),a.a.createElement(le.b,{node:d})),a.a.createElement("input",{id:"missing-word-sentence",className:"form-control",placeholder:"Enter your sentence here",value:s.fullSentence||"",onChange:function(e){var t=e.target.value,n=t.split(" ").filter(Boolean).map((function(e,t){return{text:e,order:t,selected:!1}}));u(Object.assign(Object.assign({},s),{fullSentence:t,sentence: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"},s.words.map((function(e,t){var n;return(null===(n=fe(e.text))||void 0===n?void 0:n.trim())?a.a.createElement("li",{key:"".concat(t,"-").concat(e.text)},a.a.createElement(ue.a,{className:"rounded border p-2 mx-1 mb-1 cursor-pointer ".concat(e.selected?"bg-info text-white":"bg-white"),onClick:function(){return e=t,n=s.words.map((function(t){return t.order!==e?t:Object.assign(Object.assign({},t),{selected:!t.selected})})),void u(Object.assign(Object.assign({},s),{words:n,preview:ve(n),sentence:ye(n)}));var e,n}},fe(e.text))):a.a.createElement(a.a.Fragment,{key:"".concat(t,"-").concat(e.text)})})))),a.a.createElement("div",null,a.a.createElement("label",{className:"cv-interaction-field-label"},"Preview"),a.a.createElement("p",null,s.preview))),a.a.createElement(se,{error:s.error}))})),ze(Ve,ce.InteractionTypeId.MultipleChoice,Ce),ze(Ve,ce.InteractionTypeId.ShortAnswer,(function(e){var t=e.state,n=void 0===t?function(e){return{question:e.name,suggestedResponse:e.data.suggestedResponse||""}}(e.interaction):t,r=e.setState,i=e.interaction,o=e.optionsPortalNode,c=e.showFeedback;return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("div",{className:"form-group"},a.a.createElement("div",{className:"d-flex justify-content-between align-items-center mb-1"},a.a.createElement("label",{className:"cv-interaction-field-label mb-0",htmlFor:"short-answer-question"},"Question"),a.a.createElement(le.b,{node:o})),a.a.createElement("input",{id:"short-answer-question",className:"form-control",onChange:function(e){r(Object.assign(Object.assign({},n),{question:e.target.value}))},value:n.question||i.data.text||"",placeholder:"Enter your question here",autoComplete:"off"}),a.a.createElement(se,{error:n.error})),c&&a.a.createElement("div",{className:"form-group"},a.a.createElement("label",{className:"cv-interaction-field-label",htmlFor:"short-answer-suggested-response"},"Suggested Response  ",a.a.createElement("span",{className:"text-muted"},"(optional)")," ",a.a.createElement(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})))})),ze(Ve,ce.InteractionTypeId.TrueOrFalse,Ce),Ve);var Qe=(ze(We={},ce.InteractionTypeId.Annotation,(function(e){var t;return(null===(t=e.annotation)||void 0===t?void 0:t.trim())?null:"Please provide an annotation"})),ze(We,ce.InteractionTypeId.Image,(function(e){return e.url?null:"Please upload an image"})),ze(We,ce.InteractionTypeId.MissingWord,(function(e){var t;return(null===(t=e.sentence)||void 0===t?void 0:t.trim())?e.words.find((function(e){return e.selected}))?null:"Please select a missing word":"Please provide a sentence"})),ze(We,ce.InteractionTypeId.MultipleChoice,we),ze(We,ce.InteractionTypeId.ShortAnswer,(function(e){var t;return(null===(t=e.question)||void 0===t?void 0:t.trim())?null:"Please provide a question"})),ze(We,ce.InteractionTypeId.TrueOrFalse,we),We);var Ze=(ze(He={},ce.InteractionTypeId.Annotation,(function(e,t){var n;return $e(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)})))})),ze(He,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)})))})),ze(He,ce.InteractionTypeId.MissingWord,(function(e,t){return de(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:fe(e.text),order:e.order,isCorrect:!0}})),n.next=6,ie.saveInteraction(t);case 6:case"end":return n.stop()}}),n)})))})),ze(He,ce.InteractionTypeId.MultipleChoice,Se),ze(He,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)})))})),ze(He,ce.InteractionTypeId.TrueOrFalse,Se),He);function Ye(e){return Ze[e]}var Ge=n(1092),Je=n(3),Xe=["A","B","C","D"];function et(e){var t=e.interaction,n=e.className,r=C.a.getTypeInfo(t.typeId),i=r.name,o=r.typeName,c="";switch(t.typeId){case ce.InteractionTypeId.Annotation:c=t.data.annotation;break;case ce.InteractionTypeId.Image:c=t.data.caption;break;case ce.InteractionTypeId.MissingWord:c=t.data.sentence.replace(/{([^{}]*)}/g,(function(){return"<u>&nbsp;&nbsp;&nbsp;&nbsp;</u>"}));break;case ce.InteractionTypeId.MultipleChoice:c=t.name,t.actionableItems.map((function(e,t){return c+="<br />".concat(Xe[t],": ").concat(e.name)}));break;case ce.InteractionTypeId.ShortAnswer:c=t.name;break;case ce.InteractionTypeId.TrueOrFalse:c="True or false: ".concat(t.name)}var l=t.typeId===ce.InteractionTypeId.Annotation||t.typeId===ce.InteractionTypeId.MissingWord||t.typeId===ce.InteractionTypeId.MultipleChoice;return a.a.createElement(Ge.a,{title:i,text:c,html:l,className:"pr-2 ".concat(n||""),analyticsData:{id:t.interactiveId,type:o},analyticsOptions:{location:Je.LocationContext.InteractivePlayer,entity:Je.EntityType.Interactive,actionType:Je.UserAction.Click,descriptor:Je.ClickDescriptor.LaunchImmersiveReader}})}n(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),lt=n(29),st=n(335),ut=n(333);n(1265);function dt(e){return(dt="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 ft=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 Et=function(){return!0},wt=function(){return!1},St=(It(vt={},ce.InteractionTypeId.Annotation,wt),It(vt,ce.InteractionTypeId.Image,wt),It(vt,ce.InteractionTypeId.MissingWord,Et),It(vt,ce.InteractionTypeId.MultipleChoice,Et),It(vt,ce.InteractionTypeId.ShortAnswer,(function(e){return!!e.data.suggestedResponse})),It(vt,ce.InteractionTypeId.TrueOrFalse,Et),vt);function Ct(e){return St[e]}var kt=(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,l=e.id,s=(c[l],ot(c,["symbol"===it(l)?l:l+""]));n(s)}}return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("div",{className:"mb-2"},o.map((function(e,n){var o;if(!e.startsWith("cv-missing-word-"))return e;var l=e.replace("cv-missing-word-",""),s=r.actionableItems.find((function(e){return e.order.toString()===l}));if(s){var u,d,m=t[s.id]||"",f=(u=s.name,(d=document.createElement("canvas").getContext("2d")).font="17pt arial",d.measureText(u).width);if(i){var p=s.name.toLowerCase().toString()===(null===(o=t[s.id])||void 0===o?void 0:o.toLowerCase().toString());return a.a.createElement(a.a.Fragment,{key:n},!p&&a.a.createElement(a.a.Fragment,null,a.a.createElement("del",{className:"text-danger"},m)," "),a.a.createElement("span",{className:"text-success"},s.name))}return a.a.createElement("span",{className:"cv-missing-word-input-container",key:n},a.a.createElement("input",{style:{width:f+"px"},onChange:function(e){return c(s,e)},value: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,l=1===r.actionableItems.filter((function(e){return e.isCorrect})).length;function s(e,r){if(!t.submitted)if(l)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],ft(a,["symbol"===dt(i)?i:i+""]));n(o,!0)}}var u=["A","B","C","D"];return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("p",null,r.name,a.a.createElement(et,{interaction:e.interaction,className:"ml-2"})),!l&&a.a.createElement("p",{className:"text-muted"},a.a.createElement("small",null,"This question has multiple correct answers")),r.actionableItems.map((function(e,n){var r=t[e.id],d=r?"bg-info text-white":"bg-white",m=function(){return a.a.createElement(a.a.Fragment,null,u[n])};i&&(d=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:lt.b.Check}):a.a.createElement(ct.a,{size:ct.b.Small,svgName:lt.b.Close}))});var f=i?{}:{role:"button",tabIndex:0,onKeyDown:function(t){return"Enter"===t.key&&s(e,!r)}};return a.a.createElement(a.a.Fragment,{key:n},a.a.createElement("input",{id:e.id,type:l?"radio":"checkbox",name:"multiple-choice",checked:!!r,onChange:function(){return s(e,!r)},disabled:i,hidden:!0,tabIndex:-1}),a.a.createElement("label",Object.assign({className:"\n d-block\n rounded-lg\n shadow-sm\n mb-2\n p-3\n d-flex\n justify-content-between\n cv-multiple-choice-label\n position-relative\n ".concat(i?"":"cursor-pointer","\n ").concat(d),key:n,htmlFor:e.id},f),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(st.a,{imageCdnUrl:o.toString(),initials:ut.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,l=r.actionableItems.find((function(e){return e.isCorrect}));function s(e){var r,a,i;t.submitted||n((r={},a=e.id,i=e.name,a in r?Object.defineProperty(r,a,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[a]=i,r),!0)}return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("p",null,r.name,a.a.createElement(et,{interaction:e.interaction,className:"ml-2"})),a.a.createElement("div",{className:"d-flex justify-content-center"},r.actionableItems.map((function(e,n){var r=t[e.id],l=r?"bg-info text-white":"bg-white",u=function(){return a.a.createElement(a.a.Fragment,null)};i&&(l=e.isCorrect?"bg-success text-white":"bg-danger text-white cv-multiple-choice-incorrect",u=function(){return a.a.createElement(a.a.Fragment,null,e.isCorrect?a.a.createElement(ct.a,{size:ct.b.Small,svgName:lt.b.Check}):a.a.createElement(ct.a,{size:ct.b.Small,svgName:lt.b.Close}))});var d=i?{}:{role:"button",tabIndex:0,onKeyDown:function(t){return"Enter"===t.key&&s(e)}};return a.a.createElement("label",Object.assign({key:n,htmlFor:e.id,className:"\n d-inline-block\n rounded-lg\n shadow-sm\n p-5\n m-2\n h4\n position-relative\n ".concat(i?"":"cursor-pointer","\n ").concat(l)},d),a.a.createElement("input",{id:e.id,type:"radio",name:"multiple-choice",checked:!!r,onChange:function(){return s(e)},disabled:i,hidden:!0}),e.name,a.a.createElement("span",{className:"position-absolute p-2 cv-true-or-false-feedback"},a.a.createElement(u,null)),a.a.createElement("span",{className:"cv-avatar-container cv-avatar-bottom-right"},r&&a.a.createElement(st.a,{imageCdnUrl:o.toString(),initials:ut.a.getInitials(c.givenName,c.familyName),imageUrl:c.avatar})))}))),i&&a.a.createElement("div",{className:"text-center px-5 mt-2"},a.a.createElement("p",null,"The answer is ",a.a.createElement("strong",null,l.name)),r.data.feedback&&a.a.createElement("p",null,r.data.feedback)),a.a.createElement(tt,{error:t.error}))})),yt);function xt(){return""}var Ot=(It(bt={},ce.InteractionTypeId.Annotation,xt),It(bt,ce.InteractionTypeId.Image,xt),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 Nt=(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 Tt(e){return Nt[e]}var jt=(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 jt[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 Lt(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 Ft(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 _t(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 _t(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 _t(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 Mt={interactionIndex:0},Dt=function(e){var t=e.mode,n=e.timepoint,r=e.latestSession,i=t===c.InteractiveMode.Create,o=Ft(a.a.useReducer(Lt,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),l=o[0],s=o[1],u=v(null==n?void 0:n.id),d=null==n?void 0:n.interactions[u.interactionIndex],m="number"==typeof u.nextInteractionIndex?null==n?void 0:n.interactions[u.nextInteractionIndex]:null,f=y(null==d?void 0:d.id),p=y(null==m?void 0:m.id);function v(e){return e&&l.timepoints[e]||Mt}function y(e){if(!e)return{};var t=l.interactions[e];return t||i?t:{}}function b(e,t,n){var r=y(e);s({type:"interaction",id:e,value:Object.assign(Object.assign({},n?{}:r),t)})}return{state:l,interaction:d,interactionState:f,timepointState:u,nextInteraction:m,nextInteractionState:p,getTimepointState:v,getInteractionState:y,updateTimepointState:function(e,t){var n=v(e);s({type:"timepoint",id:e,value:Object.assign(Object.assign({},n),t)})},updateInteractionState:b,clearTimepointState:function(e){s({type:"timepoint",id:e,value:void 0})},clearInteractionState:function(e){s({type:"interaction",id:e,value:void 0})},userUpdateInteractionState:function(e,t){b(d.id,Object.assign(Object.assign({},e),{hasChanges:!0,error:null}),t)}}},Ut=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))},qt=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,Vt=function(e){var t=e.interactive,n=e.timepoint,r=e.player,i=e.mode,o=e.resultsService,l=e.latestSession,s=qt(e,["interactive","timepoint","player","mode","resultsService","latestSession"]),u=Dt({mode:i,timepoint:n,latestSession:l}),d=u.state,m=u.interaction,f=u.interactionState,p=u.timepointState,v=u.nextInteraction,y=u.nextInteractionState,b=qt(u,["state","interaction","interactionState","timepointState","nextInteraction","nextInteractionState"]),h=i===c.InteractiveMode.Create;function g(e){for(var n=0;n<t.timepoints.length;){for(var r=t.timepoints[n],a=0;a<r.interactions.length;){var i=r.interactions[a];if(i.id===e)return{localTimepoint:r,localInteraction:i};a++}n++}return{localInteraction:null,localTimepoint:null}}function I(e){return Ut(this,void 0,void 0,regeneratorRuntime.mark((function n(){var r,a,i,o,c,l;return regeneratorRuntime.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(r=g(e),a=r.localInteraction,i=r.localTimepoint,a&&i){n.next=3;break}throw new Error("Could not find the interaction and timepoint for the interactionId ".concat(e));case 3:if(Z(a.id)){n.next=6;break}return n.next=6,ie.deleteInteraction(a.id);case 6:if(o=i.interactions.findIndex((function(e){return e.id===a.id})),i.interactions.splice(o,1),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(Z(i.id)){n.next=16;break}return n.next=16,ie.deleteTimepoint(i.id);case 16:l=t.timepoints.findIndex((function(e){return e.id===i.id})),t.timepoints.splice(l,1),s.removeCue(i.visibleAt/1e3),b.clearTimepointState(i.id);case 20:case"end":return n.stop()}}),n)})))}function E(e){if(m){var t=Z(m.id);if(t||(null==f?void 0:f.hasChanges)||(null==p?void 0:p.hasChanges)){oe.a.render(a.a.createElement("p",null,"Do you want to discard your changes?"),{title:"Unsaved changes",success:function(){(null==p?void 0:p.hasChanges)&&x(!0),t?I(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 w(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(h)E((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?E(r):r()}}function S(){p.interactionIndex+1>=n.interactions.length?s.continueInteractive():w(p.interactionIndex+1,!1)}function C(){t.timepoints.sort((function(e,t){return e.visibleAt>t.visibleAt?1:t.visibleAt>e.visibleAt?-1:0}))}function k(){w(n.interactions.length)}function x(e){(null==p?void 0:p.hasChanges)&&(e&&s.moveTimepoint(p.originalVisibleAt),b.updateTimepointState(n.id,{hasChanges:void 0,originalVisibleAt:void 0}),Bt=!1)}return{state:d,interaction:m,interactionState:f,timepointState:p,nextInteraction:v,nextInteractionState:y,skip:S,cancel:function(){return Ut(this,void 0,void 0,regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!(null==f?void 0:f.hasChanges)){e.next=3;break}return E(),e.abrupt("return");case 3:return e.next=5,I(m.id);case 5:s.setOpen(!0);case 6:case"end":return e.stop()}}),e)})))},addAnotherQuestion:k,goToTimepoint:function(e,n){var a=function(e){for(var n=0;n<t.timepoints.length;){var r=t.timepoints[n];if(r.id===e)return r;n++}return null}(e),i=a.interactions.find((function(e){return e.id.toString()===n.toString()}));r.currentTime(a.visibleAt/1e3),b.updateTimepointState(a.id,{interactionIndex:a.interactions.indexOf(i)})},discardChanges:E,changeIndex:w,promptDelete:function(e){oe.a.render(a.a.createElement("p",null,"Are you sure you want to delete this question?"),{title:"Delete question",success:function(){return I(e)},buttons:[{variant:"link",buttonText:"Cancel"},{variant:"danger",success:!0,buttonText:"Delete"}]})},showTypeSelector:function(){r.pause(),s.setOpen(!0),n&&k()},cancelTypeSelector:function(){n?w(p.interactionIndex-1):(s.setOpen(!1),r.play())},deleteInteraction:I,saveInteraction:function(){return Ut(this,void 0,void 0,regeneratorRuntime.mark((function e(){var t,r,a,i;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(h){e.next=2;break}throw new Error("Should not be calling onClickSave while viewing an interactive");case 2:if(o=m.typeId,!(t=(0,Qe[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}),!Z(n.id)){e.next=15;break}return r=n.id,e.next=12,ie.saveTimepoint(n);case 12:s.updateCue(r,n.id),b.clearTimepointState(r),(null==p?void 0:p.hasChanges)&&(C(),x());case 15:return m.timepointId=n.id,a=m.id,i=Ye(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 w(p.interactionIndex);var c=r.currentTime();t.timepoints||(t.timepoints=[]),t.timepoints.push({id:i,visibleAt:1e3*c,interactiveId:t.id,shouldPause:1,interactions:[o]}),C(),s.addCue(i)},submitInteractionAnswer:function(){return Ut(this,void 0,void 0,regeneratorRuntime.mark((function e(){var r,a,l,u;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(i===c.InteractiveMode.View){e.next=2;break}throw new Error("Should not be calling onClickSubmit while creating an interactive");case 2:if(!f.submitted){e.next=8;break}if(!(p.interactionIndex>=n.interactions.length)){e.next=6;break}return s.continueInteractive(),e.abrupt("return");case 6:return w(p.interactionIndex+1),e.abrupt("return");case 8:if(f.error,f.hasChanges,f.submitted,f.spinner,r=qt(f,["error","hasChanges","submitted","spinner"]),d=m.typeId,!(a=(0,Ot[d])(r,m))){e.next=14;break}return b.updateInteractionState(m.id,{error:a}),e.abrupt("return");case 14:if(!o||!f.hasChanges){e.next=20;break}if(l=Tt(m.typeId),b.updateInteractionState(m.id,{spinner:!0}),!l){e.next=20;break}return e.next=20,l(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:u=Ct(m.typeId),u(m)||S();case 27:case"end":return e.stop()}var d}),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})),s.moveTimepoint(i)}},saveTimepoint:function(){return Ut(this,void 0,void 0,regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!Z(n.id)){e.next=2;break}return e.abrupt("return");case 2:return e.next=4,ie.updateTimepoint(n);case 4:C(),x();case 6:case"end":return e.stop()}}),e)})))},clearTimepointTimeState:x,reOrderQuestions:function(e){return Ut(this,void 0,void 0,regeneratorRuntime.mark((function t(){var r,a;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:r=0;case 1:if(!(r<e.length)){t.next=7;break}return t.next=4,ie.saveInteraction(Object.assign(Object.assign({},e[r]),{order:r}));case 4:r++,t.next=1;break;case 7:a=n.interactions[p.interactionIndex],n.interactions=e,b.updateTimepointState(n.id,{interactionIndex:e.indexOf(a)});case 10:case"end":return t.stop()}}),t)})))}}},Wt=n(1267),Ht=n.n(Wt);function $t(e){var t="".concat(e.className," ").concat(Ht.a.iconButton);e.children?t+=" ".concat(Ht.a.iconWithText):t+=" ".concat(Ht.a.iconOnly);var n=a.a.createElement(ct.a,{svgName:e.svgName,className:Ht.a.svg});return a.a.createElement(ue.a,{className:t,onClick:e.onClick},n,e.children)}function zt(e){var t=e.isCreate,n=e.open,r=e.showTypeSelector;return!t||n?a.a.createElement(a.a.Fragment,null):a.a.createElement($t,{className:"btn btn-outline-dark cv-add-question",onClick:r,svgName:lt.b.Plus},"Add question")}var Kt=n(1151);function Qt(){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 Zt(e){var t=e.isCreate,n=e.interactive,r=e.interaction,i=e.portalNode,o=e.goToTimepoint,c=e.promptDelete;if(!i)return a.a.createElement(a.a.Fragment,null);var l=n.timepoints.reduce((function(e,t){return e+t.interactions.length}),0);return a.a.createElement(le.a,{node:i},l?a.a.createElement(a.a.Fragment,null,a.a.createElement("h2",{className:"h4 mt-3"},"Question List (",l,")"),a.a.createElement(Kt.a,{interactive:n,maxHeight:300,goToTimepoint:o,selectedInteractionId:null==r?void 0:r.id,onClickDelete:t?c:void 0})):t?a.a.createElement(Qt,null):a.a.createElement(a.a.Fragment,null))}var Yt=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 kt[e]}(e);throw new Error("Cannot find components for the mode ".concat(t))}var Jt=n(227);n(1268);function Xt(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,l=e.interaction,s=Xt(a.a.useState(Object(Jt.a)(r.currentTime()||0)),2),u=s[0],d=s[1];return a.a.useEffect((function(){var e=function(){d(Object(Jt.a)(r.currentTime()))};return r.on("timeupdate",e),function(){return r.off("timeupdate",e)}}),[]),l||!c?a.a.createElement(a.a.Fragment,null):a.a.createElement("div",{className:"d-flex align-items-center justify-content-center h-100"},a.a.createElement("div",{className:"cv-interactive-type-selector d-flex flex-wrap justify-content-center align-items-center"},a.a.createElement("div",{className:"text-center font-weight-bold w-100 text-body mb-3 cv-add-question-copy"},i?"Add another question at:":"Add a question at:"," ",u),tn.map((function(e,n){var r=C.a.getTypeInfo(e),i=r.name,o=r.bgClassName,c=r.Svg;return a.a.createElement(ue.a,{key:n,className:"cv-type-selector rounded py-2 m-1 ".concat(o),onClick:function(){return t(e)}},a.a.createElement("span",{className:"cv-create-type-icon mb-1"},a.a.createElement(c,null)),a.a.createElement("div",{className:"d-flex align-items-center justify-content-center cv-interaction-type-name px-1"},i))})),(i||o)&&a.a.createElement("div",{className:"text-center w-100 mt-2 ".concat(i?"":"cv-adding-first-cancel")},a.a.createElement(ue.a,{className:"btn btn-link",onClick:n},"Cancel"))))}function 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(Jt.a)(o.currentTime()||0)),2),l=c[0],s=c[1];a.a.useEffect((function(){var e=function(){s(Object(Jt.a)(o.currentTime()))};return o.on("timeupdate",e),function(){return o.off("timeupdate",e)}}),[]);var u=C.a.getTypeInfo(t),d=u.name,m=u.bgClassName,f=n<r-1;var p=n>0;return a.a.createElement("div",{className:"text-center d-flex justify-content-between align-items-center p-1 ".concat(m)},a.a.createElement(ue.a,{onClick:function(){p&&i(n-1)},className:p?"":"invisible"},a.a.createElement(ct.a,{size:ct.b.Medium,svgName:lt.b.ChevronLeft})),a.a.createElement("div",null,a.a.createElement("div",{className:"h6 mb-0"},d),r>1&&a.a.createElement("div",null,n+1," of ",r," at ",l)),a.a.createElement(ue.a,{onClick:function(){f&&i(n+1)},className:f?"":"invisible"},a.a.createElement(ct.a,{size:ct.b.Medium,svgName:lt.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 ln(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 sn=n(35);function un(e){var t=e.interaction,n=e.interactionState,a=e.onClickContinue,i=e.onClickSave,o=e.onClickCancel,c=e.onClickAddAnother,l=e.onClickDiscard,s=Z(t.id),u=!!(null==n?void 0:n.hasChanges),d=!!(null==n?void 0:n.spinner);return r.createElement("div",{className:"cv-timpoint-button-container"},s?r.createElement(ue.a,{className:"btn btn-link",onClick:o},"Cancel"):u?r.createElement(ue.a,{className:"btn btn-link",onClick:l},"Discard"):r.createElement(ue.a,{className:"btn btn-link",onClick:c},"Add another question"),d?r.createElement(ue.a,{className:"btn btn-dark ml-2 cv-interactive-spinner",onClick:function(){}},r.createElement(sn.Spinner,{as:"span",animation:"border",role:"status",size:"sm"})):s?u?r.createElement(ue.a,{className:"btn btn-dark ml-2",onClick:i},"Save"):r.createElement(ue.a,{className:"btn btn-dark ml-2 disabled",onClick:function(){}},"Save"):u?r.createElement(ue.a,{className:"btn btn-dark ml-2",onClick:i},"Save"):r.createElement($t,{className:"btn btn-dark ml-2",onClick:a,svgName:lt.b.Play},"Continue"))}function dn(e){var t=e.typeId,n=e.interactionState,a=e.onClickSkip,i=e.numberOfInteractions,o=e.currentIndex,c=e.changeIndex,l=!!(null==n?void 0:n.submitted),s=!!(null==n?void 0:n.hasChanges),u=!!(null==n?void 0:n.spinner),d=!!Tt(t),m=o<i-1;function f(){m&&c(o+1)}var p=o>0;function v(){s&&e.onClickSubmit()}return r.createElement("div",{className:"cv-timpoint-button-container flex-wrap"},!l&&d&&r.createElement(ue.a,{className:"btn btn-link",onClick:a},"Come back later"),i>1&&o>0&&r.createElement($t,{className:"btn btn-dark ml-2 ".concat(p?"":"disabled"),onClick:function(){p&&c(o-1)},svgName:lt.b.ChevronUp}),u?r.createElement(ue.a,{className:"btn btn-dark ml-2 cv-interactive-spinner",onClick:function(){}},r.createElement(sn.Spinner,{as:"span",animation:"border",role:"status",size:"sm"})):l||!d?1===i||o===i-1?r.createElement($t,{className:"btn btn-dark ml-2",onClick:a,svgName:lt.b.Play},"Continue"):r.createElement(ue.a,{className:"btn btn-dark ml-2 ".concat(m?"":"disabled"),onClick:f},"Next"):r.createElement(ue.a,{className:"btn btn-dark ml-2 ".concat(s?"":"disabled"),onClick:v},"Save"))}function mn(e){var t=e.isCreate,n=e.interaction,r=e.interactionState,i=e.continueInteractive,o=e.saveInteraction,c=e.cancel,l=e.addAnotherQuestion,s=e.discardChanges,u=e.submitInteractionAnswer,d=e.skip,m=e.changeIndex,f=e.timepoint,p=e.currentIndex;return a.a.createElement(a.a.Fragment,null,t?a.a.createElement(un,{interaction:n,interactionState:r,onClickContinue:i,onClickSave:o,onClickCancel:c,onClickAddAnother:l,onClickDiscard:function(){return s()}}):a.a.createElement(dn,{typeId:n.typeId,interactionState:r,onClickSubmit:u,onClickSkip:d,changeIndex:m,currentIndex:p,numberOfInteractions:f.interactions.length}))}var fn=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 l=Z(n.id);c.push({label:"Re-order questions",onClick:function(){return o("reorder")},className:l?"disabled":""})}return c.push({label:"Delete",onClick:function(){return r(n.id)},className:"text-danger"}),a.a.createElement(le.a,{node:i},!!n&&a.a.createElement(fn.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{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))},hn=null,gn=0,In=1;function En(e){var t=e.timepoint,n=e.updateTimepointTime,r=e.saveTimepoint,i=e.back,o=e.clearTimepointTimeState,c=vn(a.a.useState(Object(Jt.a)(t.visibleAt/1e3)),2),l=c[0],s=c[1],u=vn(a.a.useState(!1),2),d=u[0],m=u[1];function f(e){n(e*In),s(Object(Jt.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 f(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(ue.a,{className:"cv-left-arrow d-inline-block cursor-pointer",onClick:function(){},onMouseDown:function(){return f(-1)},onKeyDown:function(e){e.stopPropagation(),13===e.keyCode&&0===gn&&f(-1)},onKeyUp:p}),a.a.createElement("input",{className:"form-control form-control-lg text-center d-inline-block cv-move-timepoint-input",value:l,onChange:function(){},onKeyDown:function(e){e.stopPropagation(),37===e.keyCode&&0===gn&&f(-1),39===e.keyCode&&0===gn&&f(1)},onKeyUp:p}),a.a.createElement(ue.a,{className:"cv-right-arrow d-inline-block cursor-pointer",onClick:function(){},onMouseDown:function(){return f(1)},onKeyDown:function(e){e.stopPropagation(),13===e.keyCode&&0===gn&&f(1)},onKeyUp:p}))))),a.a.createElement("div",{className:"cv-timpoint-button-container"},a.a.createElement(ue.a,{className:"btn btn-link",onClick:function(){o(!0),i()}},"Cancel"),d?a.a.createElement(ue.a,{className:"btn btn-dark ml-2 cv-interactive-spinner",onClick:function(){}},a.a.createElement(sn.Spinner,{as:"span",animation:"border",role:"status",size:"sm"})):a.a.createElement(ue.a,{className:"btn btn-dark",onClick:function(){return bn(this,void 0,void 0,regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return m(!0),e.next=3,r();case 3:i();case 4:case"end":return e.stop()}}),e)})))}},"Save")))}var wn=n(969),Sn=n(1128),Cn=n(1272),kn=n.n(Cn);function xn(e){return function(e){if(Array.isArray(e))return Tn(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||Nn(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)||Nn(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 Nn(e,t){if(e){if("string"==typeof e)return Tn(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)?Tn(e,t):void 0}}function Tn(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 jn=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))};var An=Object(wn.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:kn.a.dragIcon},a.a.createElement(ct.a,{size:ct.b.Small,svgName:lt.b.Handle})),a.a.createElement("span",{className:"".concat(kn.a.type," ").concat(r)},a.a.createElement(i,null)),a.a.createElement("span",{className:"".concat(kn.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(wn.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(xn(e.interactions)),2),o=i[0],c=i[1],l=On(a.a.useState(!1),2),s=l[0],u=l[1];return a.a.createElement(a.a.Fragment,null,a.a.createElement("div",{className:"cv-timepoint flex-grow-1"},a.a.createElement("div",{className:"cv-timepoint-padding"},a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("label",{className:"cv-interaction-field-label mb-0"},"Re-order questions"),a.a.createElement("div",{className:"text-center mt-3"},a.a.createElement(Pn,{onSortEnd:function(e){var t=e.oldIndex,n=e.newIndex;t!==n&&(c(xn(function(e,t,n){for(;t<0;)t+=e.length;for(;n<0;)n+=e.length;if(n>=e.length)for(var r=n-e.length+1;r--;)e.push(void 0);return e.splice(n,0,e.splice(t,1)[0]),e}(o,t,n))),u(!0))},interactions:o,helperClass:kn.a.dragging,lockAxis:"y"}))))),a.a.createElement("div",{className:"cv-timpoint-button-container"},a.a.createElement(ue.a,{className:"btn btn-link",onClick:function(){c(xn(e.interactions)),u(!1),e.back()}},"Cancel"),n?a.a.createElement(ue.a,{className:"btn btn-dark ml-2 cv-interactive-spinner",onClick:function(){}},a.a.createElement(sn.Spinner,{as:"span",animation:"border",role:"status",size:"sm"})):a.a.createElement(ue.a,{className:"btn btn-dark ".concat(s?"":"disabled"),onClick:function(){return jn(this,void 0,void 0,regeneratorRuntime.mark((function t(){return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(s){t.next=2;break}return t.abrupt("return");case 2:return r(!0),t.next=5,e.reOrderQuestions(o);case 5:r(!1),e.back();case 7:case"end":return t.stop()}}),t)})))}},"Save")))}var Ln=n(82),Fn=n(31);function _n(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 Mn(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 Mn(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 Mn(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Dn(e){var t=e.isCreate,n=e.interaction,r=e.mode,i=e.immediateFeedback,o=e.interactionState,c=e.shouldFocus,l=e.delayFocus,s=e.open,u=e.timepoint,d=e.userUpdateInteractionState,m=e.submitInteractionAnswer,f=e.saveInteraction,p=a.a.useRef(),v=a.a.useRef(),y=Object(Ln.a)(Fn.a.XLDown),b=!t||y;function h(){return!!p.current&&(!!c&&!!s)}a.a.useEffect((function(){var e;h()&&(l&&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=_n(a.a.useState("question"),2),I=g[0],E=g[1],w=a.a.useMemo((function(){return Object(le.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:w,setView:E},e)),a.a.createElement(Yt.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(ln,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?f():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:d,recalculateScroll:function(){v.current.recalculate()},showFeedback:C,optionsPortalNode:w},e)))),a.a.createElement(mn,Object.assign({},e))),"move"===I&&a.a.createElement(En,Object.assign({back:function(){return E("question")}},e)),"reorder"===I&&a.a.createElement(Rn,Object.assign({back:function(){return E("question")},interactions:u.interactions},e)))))}n(1273);function Un(e){var t=e.open,n=e.nextInteraction,r=e.nextInteractionState,i=e.timepointState,o=e.interaction,c=e.delayFocus,l=n&&i.nextInteractionIndex<i.interactionIndex,s=n&&i.nextInteractionIndex>i.interactionIndex,u=s&&i.slideIn,d=l&&i.slideIn;return a.a.createElement("div",{className:"cv-interactive ".concat(t?"cv-open":"")},l&&a.a.createElement("div",{className:"cv-prev-interaction ".concat(i.slideIn?"cv-slide-in":"")},a.a.createElement(Dn,Object.assign({},e,{currentIndex:i.nextInteractionIndex,interaction:n,interactionState:r}))),a.a.createElement("div",{className:"\n cv-main-slide\n ".concat(u?"cv-slide-out-up":"","\n ").concat(d?"cv-slide-out-down":"","\n ").concat(n?"cv-transitioning":"","\n ")},a.a.createElement(Dn,Object.assign({key:null==o?void 0:o.id},e,{currentIndex:i.interactionIndex,shouldFocus:o&&!l&&!s,delayFocus:c}))),s&&a.a.createElement("div",{className:"cv-next-interaction ".concat(i.slideIn?"cv-slide-in":"")},a.a.createElement(Dn,Object.assign({},e,{currentIndex:i.nextInteractionIndex,interaction:n,interactionState:r}))))}n(1274);function qn(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 Vn(e){var t=e.player,n=e.resultsService,r=e.interactive,i=e.setShowSummary,o=qn(a.a.useState(!1),2),c=o[0],l=o[1];function s(){t.currentTime()>r.timepoints[r.timepoints.length-1].visibleAt/1e3+1?l(!0):l(!1)}return a.a.useEffect((function(){if(n)return t.on("timeupdate",s),function(){return t.off("timeupdate",s)}}),[]),c?a.a.createElement(ue.a,{className:"btn btn-outline-dark cv-show-summary",onClick:function(){i(!0),t.pause(),t.hide()}},"View summary"):null}var Wn=n(1275),Hn=n.n(Wn);function $n(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return zn(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return zn(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function zn(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Kn(e){var t=e.duration,n=e.progress,r=e.player,i=$n(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:Hn.a.progress,style:{left:"".concat(r,"%"),right:"".concat(i,"%")}})})))}var Qn=n(1276),Zn=n.n(Qn);function Yn(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(Zn.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),Jn=n(1277),Xn=n.n(Jn);function er(e){var t=e.showSummary,n=e.setShowSummary,r=e.state,i=e.interactive,o=e.player,c=e.progress,l=e.portalNode,s=a.a.useRef();function u(){n(!1),o.show(),o.play()}function d(t,n){u(),e.goToTimepoint(t,n)}if(!l||!t)return a.a.createElement(a.a.Fragment,null);var m=0,f=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&&f++,n!==rt.a.NotApplicable&&(null==t?void 0:t.submitted)&&p++}))}));var v=o.ended(),y=o.duration();return a.a.createElement(le.a,{node:l},a.a.createElement("div",{className:"cursor-pointer my-4 ".concat(Xn.a.bar),onClick:function(e){if(s.current){var t=s.current.getBoundingClientRect(),n=(e.pageX-t.left)/t.width*y;u(),o.currentTime(n)}},ref:s},a.a.createElement(Kn,{duration:y,progress:c,interactive:i,player:o}),a.a.createElement(Yn,{duration:y,interactive:i,goToTimepoint:d})),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,"/",f),a.a.createElement("span",{className:"d-inline-block mb-3"},"You have answered ",a.a.createElement("strong",{className:p!==f?"text-danger":""},p)," of ",a.a.createElement("strong",null,f)," questions")),a.a.createElement("span",null,a.a.createElement(Gn.a,{svgName:lt.b.Play,className:"btn btn-outline-dark",onClick:function(){u(),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:d}))}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(Vn,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,l=e.questionListPortalNode,s=e.summaryPortalNode,u=e.resultsService,d=e.currentUser,m=e.progress,f=e.latestSession,p=function(e){var t=e.player,n=e.track,r=e.interactive,i=e.clipOffset,o=z(a.a.useState(!1),2),c=o[0],l=o[1],s=z(a.a.useState(!1),2),u=s[0],d=s[1],m=z(a.a.useState(null),2),f=m[0],p=m[1];function v(e){return i?e+i:e}function y(e){d(!!e&&c),l(e)}function b(){var e=n.activeCues;if(!e.length)return y(!1),void p(null);var a=r.timepoints.find((function(t){return t.id.toString()===e[0].text.toString()}));if(!a)return y(!1),void p(null);a.shouldPause&&(t.seeking()?t.one("play",(function(){return t.pause()})):t.pause()),y(!0),p(a)}function h(e){for(var t=0;t<n.cues.length;t++){var r=n.cues[t];if(r.text.toString()===e.toString())return r}}return a.a.useEffect((function(){return n.addEventListener("cuechange",b),function(){return n.removeEventListener("cuechange",b)}})),{open:c,setOpen:y,wasOpen:u,timepoint:f,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(f.id);if(r){var a=e/1e3;r.startTime=v(a),r.endTime=v(a+1),t.currentTime(a+.5,!0),f.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=Vt(Object.assign({mode:r,interactive:i,timepoint:y,player:t,resultsService:u,latestSession:f},h)),I=g.interaction,E=g.interactionState,w=g.nextInteraction,S=g.nextInteractionState,C=g.timepointState,k=g.state,x=ar(g,["interaction","interactionState","nextInteraction","nextInteractionState","timepointState","state"]);!function(e){var t,n=e.mode,r=e.player,i=e.timepoint,o=e.interaction,l=e.discardChanges,s=e.interactionState,u=e.timepointState,d=Object(Q.a)(),m=n===c.InteractiveMode.Create;a.a.useEffect((function(){if(m){if(Z(null==o?void 0:o.id)||(null==s?void 0:s.hasChanges)||(null==u?void 0:u.hasChanges))return d.lock({id:"interactive",title:"Are you sure you want to leave?",text:"Your interactive still has unsaved changes"}),void r.lock((function(e){l(e)}));r.unlock(),d.unlock("interactive")}}),[o,null==s?void 0:s.hasChanges,null===(t=null==i?void 0:i.interactions)||void 0===t?void 0:t.length,null==u?void 0:u.hasChanges])}({mode:r,player:t,timepoint:y,interaction:I,discardChanges:x.discardChanges,interactionState:E,timepointState:C});var O={mode:r,open:v,isCreate:r===$.a.Create,interaction:I,nextInteraction:w,timepoint:y,interactive:i,interactionState:E,nextInteractionState:S,timepointState:C,player:t};return a.a.createElement(a.a.Fragment,null,a.a.createElement(zt,Object.assign({},O,x)),a.a.createElement(Un,Object.assign({imageApi:o,currentUser:d,immediateFeedback:i.immediateFeedback,delayFocus:!b},O,x,h)),a.a.createElement(rr,Object.assign({state:k,portalNode:s,progress:m,resultsService:u},O,x)),a.a.createElement(Zt,Object.assign({portalNode:l},O,x)))}w.a.registerComponent("Interactive",Object(H.a)((function(e,t){return a.a.createElement(ir,Object.assign({player:e},t))})));var or=n(220),cr=n(223);function lr(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}))}w.a.registerComponent("ContinueSession",Object(H.a)((function(e,t){return a.a.createElement(lr,Object.assign({player:e},t))})));n(1279);function sr(e){return(sr="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 ur(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 dr(e,t){return(dr=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 fr(this,n)}}function fr(e,t){return!t||"object"!==sr(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&&dr(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 W(this.player,{interactive:this.options.interactive,track:e}))}}])&&ur(t.prototype,n),r&&ur(t,r),i}(w.a.getPlugin("plugin"));w.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 Er(e,t,n){return(Er="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=kr(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 wr(e,t){return(wr=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=kr(e);if(t){var a=kr(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 kr(e){return(kr=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var xr=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))},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&&wr(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=[],l.a.setToken("gateway",n.options.authToken),n.player.on("dispose",(function(){n.resultsService&&n.resultsService.stop()})),n.options.mode===c.InteractiveMode.Create&&n.player.addClass("cv-create-interactives"),n}return t=o,(n=[{key:"onFlushProgress",value:function(e){var t;Er(kr(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 Er(kr(o.prototype),"additionalSetup",t)}}});return xr(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 E({interactiveId:r.id,mediaId:e.mediaId,userId:this.options.currentUser.id,playerApi:this.options.playerApi})),this.player.viewInteractivePlugin({interactive:r,mode:this.options.mode,imageApi:this.options.imageApi,resultsService:this.resultsService,questionListPortalNode:this.options.questionListPortalNode,summaryPortalNode:this.options.summaryPortalNode,currentUser:this.options.currentUser,latestSession:e.additionalData.latestSession,progress:this.totalProgress,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 Tr}));var Nr=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 Tr(e){var t=e.onReady,n=e.className,r=Nr(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){},1296:function(e,t,n){"use strict";n.d(t,"a",(function(){return c}));var r=n(0),a=n.n(r),i=n(1297),o=n.n(i);function c(e){var t=e.isEdit;return a.a.createElement("div",{className:"px-3 w-100 ".concat(t?o.a.edit:"")},t?a.a.createElement("div",{className:"d-flex justify-content-between align-items-center mb-3"},a.a.createElement("div",{className:"partial-loading-background ".concat(o.a.heading)}),a.a.createElement("div",null,a.a.createElement("div",{className:"partial-loading-background d-inline-block ".concat(o.a.button)}),a.a.createElement("div",{className:"partial-loading-background d-inline-block ml-2 ".concat(o.a.button)}))):a.a.createElement("div",{className:"partial-loading-background ".concat(o.a.notice)}),a.a.createElement("div",{className:"partial-loading-background mb-3 ".concat(o.a.video)},a.a.createElement("div",{className:"partial-loading-background ".concat(o.a.questions)})),a.a.createElement("div",{className:"partial-loading-background mb-3 ".concat(o.a.heading)}),a.a.createElement("div",null,Array(5).fill(null).map((function(e,t){return a.a.createElement("div",{key:t,className:"partial-loading-background my-2 ".concat(o.a.interaction)})}))))}},1297:function(e,t,n){e.exports={video:"_3LBoh",notice:"_3Ebra",heading:"_3dAbk",interaction:"_2rGzr",button:"_21cTi",edit:"_28OGp",questions:"_1SVHi"}},1748:function(e,t,n){"use strict";n.r(t),n.d(t,"PreviewInteractiveView",(function(){return B}));var r=n(0),a=n(198),i=n(17),o=n(10),c=n(329),l=n(57),s=n(69),u=n(3),d=n(1010),m=n(123),f=n(55),p=n(1088),v=n(1050),y=n(112),b=n(1056),h=n(988),g=n(31),I=n(51),E=n(29),w=n(281),S=n(82),C=n(1166),k=n(9),x=n(7),O=n(990),N=n(330),T=n(52),j=n(344),A=n(351),P=n(352),R=n(1095),L=n(1296),F=n(1070),_=n(1023);function M(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return D(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return D(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function D(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var U=o.a.encloseNamespace("shared.previewInteractive"),q={notFound:A.a,forbidden:{privacy:P.a}};function B(e){var t,n,o,A,P,D,B,V=M(r.useState(!1),2),W=V[0],H=V[1],$=r.useRef(),z=Object(S.a)(g.a.XS),K=i.a.useBasicFetch(m.a.config()),Q=i.a.useBasicFetch(O.a.interactiveMetadata(e.id)),Z=Object(F.a)(Q.data),Y=i.a.useBasicFetch(Z?N.a.video(Z):null),G=i.a.useBasicFetch((null===(t=Q.data)||void 0===t?void 0:t.clip)?null===_.a||void 0===_.a?void 0:_.a.clip(Q.data.clip.id):null),J=i.a.useBasicFetch(Q.data?d.a.createViewKey(Q.data.id):null),X=i.a.useBasicFetch(Q.data?O.a.interactive(Q.data.interactiveId):null),ee=i.a.useBasicFetch(I.a.currentUser()),te=r.useMemo((function(){return Object(a.c)()}),[]),ne=M(Object(s.a)(T.a.WEB_PLAYER_DATA),2)[1],re=r.useRef();r.useEffect((function(){ne("allowFloatingPlayer",!1)}),[]),Object(c.a)(null===(n=Q.data)||void 0===n?void 0:n.name),Object(R.a)(X,q),Object(R.a)(Q,q);var ae,ie,oe,ce=!!(null===(o=null==Q?void 0:Q.data)||void 0===o?void 0:o.clip),le=!(J.data&&K.data&&Q.data&&X.data&&Y.data&&ee.data);if(ce&&!G.data&&(le=!0),le)return r.createElement(L.a,{isEdit:!1});ce?(ae=null===(P=null===(A=G.data.interactives)||void 0===A?void 0:A.data)||void 0===P?void 0:P.filter((function(t){return t.id.toString()!==e.id.toString()})),ie=G.data.name,oe={application:x.a.DEFAULT,action:k.a.Default.PLAY_CLIP,args:[G.data.id,l.a.slugify(G.data.name)]}):(ae=null===(B=null===(D=Y.data.interactives)||void 0===D?void 0:D.data)||void 0===B?void 0:B.filter((function(t){return t.id.toString()!==e.id.toString()})),ie=Y.data.name,oe={application:x.a.DEFAULT,action:k.a.Default.PLAY_VIDEO,args:[Y.data.id,l.a.slugify(Y.data.name)]});var se=Q.data.status===w.a.Draft,ue=function(e){var t=e.interactive,n=e.video,r=e.currentUser,a=e.isMobile,i={interactive:Object.assign(Object.assign({},t),{clip:null}),video:Object.assign(Object.assign({},n),{interactives:null})},o={label:U("editInteractive"),svgName:E.b.Edit,appLink:{application:x.a.INTERACTIVES,action:k.a.Interactives.EDIT_INTERACTIVE,args:[t.id]},button:!a,className:"btn btn-outline-dark mr-2",analyticsData:i,analyticsOptions:{entity:u.EntityType.Interactive,actionType:u.UserAction.Edit,location:u.LocationContext.PreviewInteractive,workflowPhase:u.WorkflowPhase.Start}},c=Object.assign(Object.assign({},o),{appLink:{application:x.a.INTERACTIVES,action:k.a.Interactives.UNPUBLISH_INTERACTIVE,args:[t.id]}}),l={label:U("share"),svgName:E.b.Share2,appLink:{application:x.a.INTERACTIVES,action:k.a.Interactives.SHARE_INTERACTIVE,args:[t.id]},button:!a,className:"btn btn-outline-dark mr-2",analyticsData:i,analyticsOptions:{entity:u.EntityType.Interactive,actionType:u.UserAction.Share,location:u.LocationContext.PreviewInteractive,workflowPhase:u.WorkflowPhase.Start}},s={label:U("printAsWorksheet"),appLink:{application:x.a.INTERACTIVES,action:k.a.Interactives.PRINT_QUESTIONS,args:[t.id]},analyticsData:i,analyticsOptions:{entity:u.EntityType.Interactive,actionType:u.UserAction.Print,location:u.LocationContext.PreviewInteractive,workflowPhase:u.WorkflowPhase.Start}},d={label:U("copyInteractive"),appLink:{application:x.a.INTERACTIVES,action:k.a.Interactives.COPY_INTERACTIVE,args:[t.id]},analyticsData:i,analyticsOptions:{entity:u.EntityType.Interactive,actionType:u.UserAction.Copy,location:u.LocationContext.PreviewInteractive,workflowPhase:u.WorkflowPhase.Start}},m={label:U("deleteInteractive"),className:"text-danger",appLink:{application:x.a.INTERACTIVES,action:k.a.Interactives.DELETE_INTERACTIVE,args:[t.id]},analyticsData:i,analyticsOptions:{entity:u.EntityType.Interactive,actionType:u.UserAction.Delete,location:u.LocationContext.PreviewInteractive,workflowPhase:u.WorkflowPhase.Start}},f=[l,s];return r.id===t.owner.id&&(f.unshift(t.status===w.a.Draft?o:c),f.push(d,m)),f}({interactive:Q.data,currentUser:ee.data,video:Y.data,isMobile:z});return r.createElement(y.a.Provider,{value:"shared.previewInteractive"},r.createElement(r.Fragment,null,!W&&r.createElement(L.a,{isEdit:!0}),r.createElement("div",{className:"px-3 ".concat(W?"":"d-none")},r.createElement("div",{className:"alert alert-info",role:"alert"},"You are previewing this interactive, results will not be collected."),r.createElement("div",{className:"mb-3"},r.createElement(C.a,{viewKey:J.data.viewKey,imageApi:new URL(K.data.imageCdnUrl),playerApi:new URL(K.data.playerApiUrl),hotkeyElQuerySelector:"body",autoplay:!0,onReady:function(t){var n;$.current=t,H(!0),re.current=new j.a({player:t,type:"interactive",videoId:null===(n=Y.data)||void 0===n?void 0:n.id,mediaId:e.id,analyticsLocation:u.LocationContext.PreviewInteractive})},currentUser:ee.data,questionListPortalNode:te})),r.createElement("div",{className:"d-flex justify-content-between align-items-center pb-3"},r.createElement("div",null,r.createElement("h1",{className:"h3 d-inline-block m-0 mb-2"},se&&r.createElement("span",{className:"badge badge-secondary mr-2 align-bottom"},"Draft"),Q.data.name),r.createElement("div",null,r.createElement(y.b,{phrase:"backTo"}),": ",r.createElement(f.a,{appLink:oe,className:"text-info"},ie))),r.createElement(h.a,{actions:ue,actionsDropdownClassName:"btn btn-outline-dark"})),Q.data.description&&r.createElement("p",null,Q.data.description),r.createElement(a.b,{node:te}),!!(null==ae?void 0:ae.length)&&r.createElement("div",{className:"my-3"},r.createElement(v.a,{name:U("otherInteractives",{count:ae.length}),contents:b.a.Interactives,collection:ae,prefetched:!0,childAppLink:{application:x.a.DEFAULT,action:k.a.Interactives.PREVIEW_INTERACTIVE},childComponent:function(e){return r.createElement(p.a,Object.assign({video:Y.data,questionsAppLink:{application:x.a.DEFAULT,action:k.a.Interactives.PREVIEW_QUESTIONS}},e))},analyticsData:{widgetId:"interactives"}})))))}},988:function(e,t,n){"use strict";n.d(t,"a",(function(){return l}));var r=n(0),a=n(149),i=n(1003),o=n(337),c=n(131);function l(e){var t=r.useMemo((function(){return e.actions.sort((function(e,t){return e.order-t.order}))}),[e.actions]),n=[],l=[];t.forEach((function(e){e.button?n.push(e):l.push(e)}));var s="d-flex";return e.className&&(s+=" ".concat(e.className)),n.length||l.length?r.createElement("div",{className:s},r.createElement(r.Fragment,null,r.createElement("span",{className:"d-flex align-items-center"},n.length?n.map((function(e,t){return r.createElement(r.Fragment,{key:t},function(){if(e.label)return r.createElement(o.a,{appLink:e.appLink,onClick:e.onClick,svgName:e.svgName,className:e.className,tooltip:e.tooltip,showSpinner:e.showSpinner,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},e.label);var t=r.createElement(a.a,{appLink:e.appLink,onClick:e.onClick,svgName:e.svgName,className:e.className,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions});return e.tooltip?r.createElement(c.a,{title:e.tooltip,spanHack:!0},t):t}())})):r.createElement(r.Fragment,null),e.sortComponent&&e.sortComponent,l.length?r.createElement(i.a,{actions:l,dropdownToggleClassName:e.actionsDropdownClassName}):r.createElement(r.Fragment,null)))):r.createElement(r.Fragment,null)}}}]);