@clickview/lite 0.0.28-dev.4 → 0.0.28-dev.6

package/dist/scripts/9-320e1e679e.chunk.js

@@ -1 +0,0 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[9],{1209:function(e,t,n){"use strict";n.d(t,"a",(function(){return p}));var r=n(0),a=n(280),o=n(43),i=n(44),c=n(68),u=n(55),l=n(17),s=n(1210),f=n.n(s);function d(e){var t="dropdown-item";return e&&(t+=" ".concat(e)),t}function m(e){if(e.action.appLink)return r.createElement(u.a,{appLink:e.action.appLink,onClick:e.action.onClick,className:d(e.action.className),analyticsData:e.action.analyticsData,analyticsOptions:e.action.analyticsOptions},e.action.label);return r.createElement("span",{className:"cursor-pointer ".concat(d(e.action.className)),onClick:function(t){e.action.analyticsData&&e.action.analyticsOptions&&i.a.logUserAction(e.action.analyticsData,e.action.analyticsOptions),o.a.isFunction(e.action.onClick)&&e.action.onClick(t)}},e.action.label)}function p(e){if(!e.actions||!e.actions.length)return r.createElement(r.Fragment,null);var t="dropdown";e.className&&(t+=" ".concat(e.className));var n="actions-dropdown-".concat(a.a.getRandomInt()),o="dropdown-toggle px-0 ".concat(f.a.dropdownToggle);return e.dropdownToggleClassName&&(o+=" ".concat(e.dropdownToggleClassName)),r.createElement("div",{className:t},r.createElement("button",{className:o,type:"button",id:n,"data-toggle":"dropdown","aria-haspopup":"true","aria-expanded":"false"},r.createElement(c.a,{svgName:l.b.More,size:c.b.Small})),r.createElement("div",{className:"dropdown-menu dropdown-menu-right","aria-labelledby":n},e.actions.map((function(e,t){return r.createElement(m,{key:t,action:e})}))))}p.defaultProps={dropdownToggleClassName:"btn btn-light"}},1210:function(e,t,n){e.exports={dropdownToggle:"AYBvQ"}},1248:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var r=n(28),a={createViewKey:function(e){return{url:"/api/player/create-view-key",key:"view:key:".concat(e),type:r.a.POST,data:{mediaId:e.toString()}}}}},1270:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var r=n(28),a={interactiveMetadata:function(e){return{url:"/api/domain/v2/objects/".concat(e,"?query=video"),key:"interactive:metadata:".concat(e)}},interactive:function(e){return{url:"/api/domain/v1/interactives/".concat(e),key:"interactive:".concat(e)}},createInteractive:function(e,t,n){return{url:"/api/domain/v1/interactives",key:"create:interactive",type:r.a.POST,data:e,success:t,error:n}},createInteractiveMetadata:function(e,t,n,a){return{url:"/api/domain/v2/objects/".concat(e,"/interactives"),key:"create:interactive:metadata",type:r.a.POST,data:t,success:n,error:a}},updateInteractive:function(e,t,n,a){return{url:"/api/domain/v1/interactives/".concat(e),key:"update:interactive",type:r.a.PUT,data:t,success:n,error:a,formatData:function(){return t}}},updateInteractiveMetadata:function(e,t,n,a){return{url:"/api/domain/v2/objects/".concat(e),key:"update:interactive:metadata",type:r.a.PUT,data:t,success:n,error:a}}}},1334:function(e,t,n){"use strict";var r=n(1437);n.d(t,"InteractiveMode",(function(){return r.a}));n(1507),n(1508),n(1509),n(1510),n(1511),n(1512)},1364:function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var r=n(43),a=n(56),o=n(350),i={onFileSelect:function(e,t,n){if(t&&t.length){var r=new FileReader;r.addEventListener("load",(function(){return i.onReaderLoad(r,e,n)})),r.readAsDataURL(t[0])}},onReaderLoad:function(e,t,n){var a=new Image;a.src=e.result;var c=o.a[t].width,u=o.a[t].height;a.addEventListener("load",(function(){i.isImageValid(t,a)&&r.a.isFunction(n)?n(a):alert("Image too small: minimum dimensions are ".concat(c," x ").concat(u))}))},isImageValid:function(e,t){var n=o.a[e].width,r=o.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""}}}},1365:function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var r=n(0),a=n.n(r),o=n(130);function i(e){return a.a.createElement(o.a,{title:e.tooltipText},a.a.createElement("div",{className:"svg-container d-inline-block align-middle"},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"}))))}},1424:function(e,t,n){e.exports={time:"_3B2vs",typeIcon:"_3MSul",type:"_3lYII",question:"_3WHlt",delete:"_4TtZ",row:"_3uCfp"}},1437: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={}))},1455:function(e,t,n){"use strict";var r=n(0),a=n.n(r),o=n(228),i=n(224),c=n(344),u=n(329),l=n(68),s=n(17);var f=n(1424),d=n.n(f);function m(e){var t=e.interaction,n=e.visibleAt,r=e.selectedInteractionId,o=e.goToTimepoint,f=e.scrollTo,m=e.isFirstInteraction,p=t.id.toString()===(null==r?void 0:r.toString()),v=a.a.useRef();a.a.useEffect((function(){if(p&&v.current){var e=v.current,t=e.getBoundingClientRect(),n=t.top-e.offsetParent.getBoundingClientRect().top;f(n,t.height)}}),[p]);var y=o?"cursor-pointer":"cursor-default";return a.a.createElement("div",{ref:v},a.a.createElement(u.a,{className:"py-2 ".concat(y," ").concat(d.a.row),onClick:p?function(){}:function(){o&&o(t.id)}},a.a.createElement("span",{className:"".concat(d.a.time," ").concat(p?"font-weight-bold":"")},m?c.a.ToDisplayDuration(n):""),a.a.createElement("span",{className:d.a.typeIcon,style:{backgroundImage:"url(".concat(t.type.icon,")"),backgroundColor:"#".concat(t.type.colour)}}),a.a.createElement("span",{className:d.a.type},a.a.createElement("strong",null,t.type.name)),a.a.createElement("span",{className:"".concat(d.a.question," ").concat(p?"font-weight-bold":"")},t.typeId===i.InteractionTypeId.Annotation?function(e){if(e)return(e=function(e){if(e)return e.replace(/<p>/g,"").replace(/<\/p>/g,"<br>")}(e=function(e,t){if(e&&t)return t.forEach((function(t){e=e.replace("<"+t+">","").replace("</"+t+">","")})),e}(e,["b","i","u","ul","li","old"]))).split("<br>")[0]||"Annotation"}(t.data.annotation):t.name),e.onClickDelete&&a.a.createElement(u.a,{onClick:function(n){n.stopPropagation(),e.onClickDelete(t.id)},className:"".concat(d.a.delete," ").concat(p?"d-inline-block":"")},a.a.createElement(l.a,{size:l.b.Medium,svgName:s.b.Delete}))))}function p(e){var t=e.timepoint,n=e.scrollTo,r=e.onClickDelete,o=e.selectedInteractionId;function i(n){e.goToTimepoint&&e.goToTimepoint(t.id,n)}return t.interactions?a.a.createElement("div",null,t.interactions.map((function(e,c){return a.a.createElement(m,{interaction:e,visibleAt:t.visibleAt,goToTimepoint:i,onClickDelete:r,scrollTo:n,selectedInteractionId:o,isFirstInteraction:0===c,key:c})}))):a.a.createElement(a.a.Fragment,null)}function v(e){var t=e.interactive,n=e.goToTimepoint,r=e.selectedInteractionId,i=e.maxHeight,c=e.onClickDelete,u=a.a.useRef();function l(e,t){if(u.current){var n=u.current.getClientHeight(),r=u.current.getScrollTop(),a=e+r;(a<r||a+t>r+n)&&u.current.scrollTop(a-n/2+t/2)}}var s=n?"border rounded":"";return a.a.createElement(o.Scrollbars,{autoHeight:!0,autoHeightMax:i,className:s,hideTracksWhenNotNeeded:!0,ref:u},a.a.createElement("div",{className:"px-3 py-1"},t.timepoints.map((function(e,t){return a.a.createElement(p,{key:t,timepoint:e,goToTimepoint:n,selectedInteractionId:r,scrollTo:l,onClickDelete:c})}))))}n.d(t,"a",(function(){return v}))},1507:function(e,t){},1508:function(e,t){},1509:function(e,t){},1510:function(e,t){},1511:function(e,t){},1512:function(e,t){},1551:function(e,t,n){"use strict";var r=n(0),a=n.n(r),o=n(361),i=n(1334),c=n(295),u=n(100),l=n(2);function s(e){return(s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function f(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function d(e,t){return(d=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function m(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=v(e);if(t){var a=v(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return p(this,n)}}function p(e,t){return!t||"object"!==s(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function v(e){return(v=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var y=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&d(e,t)}(o,e);var t,n,r,a=m(o);function o(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,o),a.call(this,"Could not connect to submit interactive results")}return t=o,(n=[{key:"onDone",value:function(){window.location.reload()}},{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}]}}}])&&f(t.prototype,n),r&&f(t,r),o}(n(175).a);function b(e){return function(e){if(Array.isArray(e))return h(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return h(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return h(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function g(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}var w=function(e,t,n,r){return new(n||(n=Promise))((function(a,o){function i(e){try{u(r.next(e))}catch(e){o(e)}}function c(e){try{u(r.throw(e))}catch(e){o(e)}}function u(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,c)}u((r=r.apply(e,t||[])).next())}))},I=function(){function e(t){var n=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.cache=[],this.retryCount=0,this.options=t,this.connection=(new u.a).withUrl("".concat(t.playerApi.origin,"/hubs/interactives"),{withCredentials:!1}).configureLogging(u.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(){var e=this;this.isConnected||(this.log("starting"),this.connection.start().then((function(){return w(e,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(){e.reconnect()})))}},{key:"stop",value:function(){return w(this,void 0,void 0,regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,this.flush();case 2:this.connection.stop();case 3:case"end":return e.stop()}}),e,this)})))}},{key:"log",value:function(){}},{key:"reconnect",value:function(){this.retryCount>=5?l.a.ErrorHelper.throw(new y):(this.retryCount++,this.start())}},{key:"startSession",value:function(){return w(this,void 0,void 0,regeneratorRuntime.mark((function e(){var t,n,r,a,o;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!this.resultId){e.next=2;break}return e.abrupt("return");case 2:return t=this.options,n=t.interactiveId,r=t.mediaId,a=t.userId,e.prev=3,e.next=6,this.connection.invoke("startSession",n,r,a);case 6:o=e.sent,this.resultId=o.resultId,e.next=13;break;case 10:e.prev=10,e.t0=e.catch(3),l.a.ErrorHelper.throw(new y);case 13:case"end":return e.stop()}}),e,this,[[3,10]])})))}},{key:"flush",value:function(){return w(this,void 0,void 0,regeneratorRuntime.mark((function e(){var t=this;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(this.isConnected&&this.resultId){e.next=2;break}return e.abrupt("return");case 2:if(this.cache.length){e.next=4;break}return e.abrupt("return");case 4:b(this.cache).forEach((function(e){return w(t,void 0,void 0,regeneratorRuntime.mark((function t(){return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,t.next=3,this.connection.invoke("saveActions",this.resultId,e.interactionId,e.results);case 3:this.cache.splice(this.cache.indexOf(e),1),this.log("Saved result",e),t.next=10;break;case 7:t.prev=7,t.t0=t.catch(0),console.error("Failed to save results",e);case 10:case"end":return t.stop()}}),t,this,[[0,7]])})))}));case 5:case"end":return e.stop()}}),e,this)})))}},{key:"save",value:function(e,t){return w(this,void 0,void 0,regeneratorRuntime.mark((function n(){var r;return regeneratorRuntime.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(this.resultId){n.next=2;break}throw new Error("Session has not started");case 2:return r=t.map((function(e){return{actionableItemId:+e.actionableItemId,value:e.value}})),this.cache.push({interactionId:e,results:r}),n.next=6,this.flush();case 6:case"end":return n.stop()}}),n,this)})))}}])&&g(t.prototype,n),r&&g(t,r),e}(),E=n(5),k=n(114),C=n(199),S=n(1874),O=n(190),j=n(1437);function x(){return a.a.createElement("div",{className:"alert alert-info mt-3",role:"alert"},"Psst, you haven't attempted this question yet. You can continue to watch the video and answer the question later if you like.")}var T=n(224);function N(e){return!!(null==e?void 0:e.toString().startsWith("new_"))}function A(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 R=function(e,t,n,r){return new(n||(n=Promise))((function(a,o){function i(e){try{u(r.next(e))}catch(e){o(e)}}function c(e){try{u(r.throw(e))}catch(e){o(e)}}function u(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,c)}u((r=r.apply(e,t||[])).next())}))},P=function(){return"/api/domain/v1/interactions/bulk"},_=function(e){return"/api/domain/v1/interactions/bulk/".concat(e)},M=function(e){return"/api/domain/v1/interactions/".concat(e)},D=function(){return"/api/domain/v1/timepoints"},F=function(e){return"/api/domain/v1/timepoints/".concat(e)},q={},L=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 R(this,void 0,void 0,regeneratorRuntime.mark((function t(){var n,r,a,o,i;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return n=N(e.id),r=n?P():_(e.id),a={name:e.name,data:e.data,timepointId:e.timepointId,interactiveId:e.interactiveId,typeId:e.typeId,actionableItems:e.actionableItems},n||(a.id=e.id),o=n?c.a.post(r,JSON.stringify(a),q):c.a.put(r,JSON.stringify(a),q),t.next=7,o;case 7:i=t.sent,n&&(e.id=i.id);case 9:case"end":return t.stop()}}),t)})))}},{key:"deleteInteraction",value:function(e){return R(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,c.a.delete(M(e),q);case 2:case"end":return t.stop()}}),t)})))}},{key:"saveTimepoint",value:function(e){return R(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,c.a.post(D(),JSON.stringify(n),q);case 3:r=t.sent,e.id=r.id;case 5:case"end":return t.stop()}}),t)})))}},{key:"deleteTimepoint",value:function(e){return R(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,c.a.delete(F(e),q);case 2:case"end":return t.stop()}}),t)})))}}])&&A(t.prototype,n),r&&A(t,r),e}());function U(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 B=function(e,t,n,r){return new(n||(n=Promise))((function(a,o){function i(e){try{u(r.next(e))}catch(e){o(e)}}function c(e){try{u(r.throw(e))}catch(e){o(e)}}function u(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,c)}u((r=r.apply(e,t||[])).next())}))},W=/[.\?!,;:\-''\(\)]/g;function z(e){var t=e.split(""),n=t.shift()||"",r=t.pop()||"";return n.match(W)&&(n=""),r.match(W)&&(r=""),n+t.join("")+r}function H(e,t){var n=e.split(""),r=n.shift()||"",a=n.pop()||"";return r.match(W)||(r=""),a.match(W)||(a=""),r+t+a}function V(e){return e.map((function(e){if(!e.selected)return e.text;var t=e.text.length,n=new Array(t).fill("_").join("");return H(e.text,n)})).join(" ")}function $(e){return e.map((function(e){return e.selected?H(e.text,"{".concat(e.order,"}")):e.text})).join(" ")}var Z=n(1365),J=function(e,t,n,r){return new(n||(n=Promise))((function(a,o){function i(e){try{u(r.next(e))}catch(e){o(e)}}function c(e){try{u(r.throw(e))}catch(e){o(e)}}function u(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,c)}u((r=r.apply(e,t||[])).next())}))};var G=n(121);function Q(e){var t=a.a.useRef(null);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")},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:function(){e.onChange(Object.assign(Object.assign({},e.answer),{isCorrect:!e.answer.isCorrect}))},disabled:!e.answer.name}),a.a.createElement("label",{ref:t,htmlFor:"multiple-choice--".concat(e.answer.order),className:"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"}))}n(1756);var Y=function(e,t,n,r){return new(n||(n=Promise))((function(a,o){function i(e){try{u(r.next(e))}catch(e){o(e)}}function c(e){try{u(r.throw(e))}catch(e){o(e)}}function u(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,c)}u((r=r.apply(e,t||[])).next())}))};function K(e){if(!e.question)return"Please provide a question";if(!e.answers.find((function(e){return e.isCorrect})))return"Please select the correct answer";var t=e.answers.filter((function(e){return!!e.name}));if(t.length<2)return"Please provide at least two answers";var n=!1,r={};return t.forEach((function(e){n||(r[e.name]?n=!0:r[e.name]=!0)})),n?"There are duplicates in your answers":null}function X(e,t){return Y(this,void 0,void 0,regeneratorRuntime.mark((function n(){return regeneratorRuntime.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return t.name=e.question,t.actionableItems=e.answers.filter((function(e){return!!e.name})),e.feedback&&(t.data.feedback=e.feedback),n.next=5,L.saveInteraction(t);case 5:case"end":return n.stop()}}),n)})))}function ee(e){var t=e.state,n=void 0===t?function(e){var t,n=e.typeId===T.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)||(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,o=e.interaction,i=e.optionsPortalNode,c=o.typeId===T.InteractionTypeId.TrueOrFalse;function u(e){var t=n.answers.map((function(t){return t.order!==e.order?Object.assign(Object.assign({},t),{isCorrect:!c&&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)),!c&&t.length<4&&!t.find((function(e){return!e.name}))){var a=G.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(C.b,{node:i})),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}))}}),!n.question&&a.a.createElement(U,{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(Q,{key:e.order,answer:e,onChange:u,isTrueOrFalse:c})})),n.question&&a.a.createElement(U,{error:n.error})),c&&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(Z.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 te=n(79),ne=n(329),re=n(1364),ae=n(56),oe=n(1757),ie=n.n(oe),ce=n(350);function ue(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(r=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return le(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 le(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 le(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 se=/data:([a-zA-Z0-9]+\/[a-zA-Z0-9-.+]+).*,.*/;function fe(e){var t=ue(a.a.useState(!1),2),n=t[0],r=t[1],o=a.a.useRef(),i=a.a.useRef(),c=ce.a[ae.c.None],u=c.width,l=c.height;return a.a.useEffect((function(){var t=new Image;t.src=e.image.src;var n=o.current.offsetWidth/t.width;return i.current=new ie.a(o.current,{viewMode:2,autoCropArea:1,minCropBoxWidth:u*n,minCropBoxHeight:l*n,ready:function(){return r(!0)}}),function(){return i.current.destroy()}}),[]),a.a.createElement("div",{className:"modal",tabIndex:-1,role:"dialog",style:{display:"block"}},a.a.createElement("div",{className:"modal-dialog",role:"document"},a.a.createElement("div",{className:"modal-content"},a.a.createElement("div",{className:"modal-header"},a.a.createElement("h5",{className:"modal-title"},"Crop and resize your image"),a.a.createElement("button",{type:"button",className:"close","data-dismiss":"modal","aria-label":"Close"},a.a.createElement("span",{"aria-hidden":"true"},"×"))),a.a.createElement("div",{className:"modal-body"},a.a.createElement("div",null,a.a.createElement("img",{src:e.image.src,alt:e.imageAlt,ref:o,className:"img img-fluid"}))),a.a.createElement("div",{className:"modal-footer"},a.a.createElement(ne.a,{className:"btn btn-link",onClick:e.onClickCancel},"Cancel"),a.a.createElement(ne.a,{className:"btn btn-primary","data-dismiss":"modal",onClick:function(){if(n){var t=i.current.getCroppedCanvas().toDataURL(function(e){var t=e.match(se);if(t)return t[1]}(e.image.src));e.onClickCrop(t)}}},"Crop")))))}function de(){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 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,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(r=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return pe(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 pe(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 pe(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 ve(e){var t=me(a.a.useState(!1),2),n=t[0],r=t[1],o=me(a.a.useState(0),2),i=o[0],c=o[1];return a.a.useEffect((function(){0===i&&n&&r(!1)}),[i,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),i>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(1758);var ye=function(e,t,n,r){return new(n||(n=Promise))((function(a,o){function i(e){try{u(r.next(e))}catch(e){o(e)}}function c(e){try{u(r.throw(e))}catch(e){o(e)}}function u(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,c)}u((r=r.apply(e,t||[])).next())}))};var be=n(1366),he=n(1853),ge=n(1872),we={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 Ie(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,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(r=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Ee(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 Ee(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 Ee(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 ke(e){var t=Ie(a.a.useState(""),2),n=t[0],r=t[1],o=Ie(a.a.useState(""),2),i=o[0],c=o[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"})),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:i,placeholder:"Enter Text"})),a.a.createElement(ne.a,{onClick:function(){return e.onChange("link",i||n,n,"_blank")},className:"btn btn-primary"},"Add")))}n(1855);function Ce(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,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(r=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Se(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 Se(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 Se(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 Oe,je,xe,Te=function(e,t,n,r){return new(n||(n=Promise))((function(a,o){function i(e){try{u(r.next(e))}catch(e){o(e)}}function c(e){try{u(r.throw(e))}catch(e){o(e)}}function u(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,c)}u((r=r.apply(e,t||[])).next())}))};function Ne(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Ae=(Ne(Oe={},T.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,o=e.interaction,i=e.optionsPortalNode,c=Ce(a.a.useState(function(){var e=o.data.annotation;if(e){var t=Object(ge.a)(we)(e);return be.EditorState.createWithContent(t)}return be.EditorState.createEmpty()}()),2),u=c[0],l=c[1],s=Ce(a.a.useState(null),2),f=s[0],d=s[1];return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("div",{className:"form-group"},a.a.createElement("div",{className:"d-flex justify-content-between align-items-center mb-1"},a.a.createElement("label",{className:"cv-interaction-field-label mb-0",onClick:function(){return null==f?void 0:f.focusEditor()}},"Annotation"),a.a.createElement(C.b,{node:i})),a.a.createElement("div",{className:"cv-annotation ".concat(function(){if(!u)return!1;var e=u.getCurrentContent();return e.hasText()||"unstyled"!==e.getBlockMap().first().getType()}()?"Editor--hide-placeholder":"")},u&&a.a.createElement(he.Editor,{editorState:u,onEditorStateChange:function(e){l(e);var t=e.getCurrentContent();if(t.hasText()){var a=Object(ge.b)(we)(t);r(Object.assign(Object.assign({},n),{annotation:a}))}else r(Object.assign(Object.assign({},n),{annotation:""}))},toolbarClassName:"cv-annotation-toolbar",editorClassName:"form-control cv-annotation-editor",ref:d,placeholder:"Enter your annotation here",toolbar:{options:["inline","list","link"],inline:{options:["bold","italic","underline","superscript","subscript"],bold:{className:"cv-annotation-toolbar-option cv-annotation-bold",icon:""},italic:{className:"cv-annotation-toolbar-option cv-annotation-italic",icon:""},underline:{className:"cv-annotation-toolbar-option cv-annotation-underline",icon:""},superscript:{className:"cv-annotation-toolbar-option cv-annotation-superscript",icon:""},subscript:{className:"cv-annotation-toolbar-option cv-annotation-subscript",icon:""}},list:{options:["unordered","ordered"],unordered:{className:"cv-annotation-toolbar-option cv-annotation-bullet-list",icon:""},ordered:{className:"cv-annotation-toolbar-option cv-annotation-number-list",icon:""}},link:{component:ke,options:["link"]}}}),a.a.createElement(U,{error:n.error}))))})),Ne(Oe,T.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.name}}(e.interaction):t,r=e.setState,o=e.interaction,i=e.optionsPortalNode,u=a.a.useRef(null),l=a.a.useRef(null);function s(e){e&&e[0]&&re.a.onFileSelect(ae.c.None,e,(function(e){Object(te.render)(a.a.createElement(fe,{image:e,imageAlt:n.caption,onClickCrop:f,onClickCancel:d}),l.current)}))}function f(t){var a=t.split(",")[1];c.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.")})).finally((function(){return Object(te.unmountComponentAtNode)(l.current)}))}function d(){Object(te.unmountComponentAtNode)(l.current)}return a.a.useEffect((function(){l.current||(l.current=document.getElementById("popup-region"))}),[l]),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(C.b,{node:i})),n.url?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("div",{className:"cv-remove-uploaded-image d-flex justify-content-center align-items-center"},a.a.createElement(ne.a,{className:"btn btn-link text-light",onClick:function(){r(Object.assign(Object.assign({},n),{url:""}))}},"Remove"))):a.a.createElement(ve,{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(de,null)),a.a.createElement("p",{className:"mb-0"},"Drag and drop an image file or"),a.a.createElement(ne.a,{type:"button",className:"text-underline d-inline-block",onClick:function(){u.current.value=null,u.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:u,onChange:function(e){return s(e.target.files)}}))),a.a.createElement(U,{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||o.data.caption||"",onChange:function(e){r(Object.assign(Object.assign({},n),{caption:e.target.value}))},rows:2})))})),Ne(Oe,T.InteractionTypeId.MissingWord,(function(e){var t,n,r,o,i,c,u=e.state,l=void 0===u?(t=e.interaction,o=(null===(n=t.data)||void 0===n?void 0:n.sentence)||"",i=o.split(" ").filter(Boolean),c=i.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=H(i[t],e.name);i[t]=n,c[t].text=n,c[t].selected=!0})),{fullSentence:i.join(" "),sentence:o,preview:t.name,words:c}):u,s=e.setState,f=e.optionsPortalNode,d=!!l.sentence;return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("div",{className:"form-group"},a.a.createElement("div",{className:"d-flex justify-content-between align-items-center mb-1"},a.a.createElement("label",{className:"cv-interaction-field-label mb-0",htmlFor:"missing-word-sentence"},"Sentence"),a.a.createElement(C.b,{node:f})),a.a.createElement("input",{id:"missing-word-sentence",className:"form-control",placeholder:"Enter your sentence here",value:l.fullSentence,onChange:function(e){var t=e.target.value,n=t.split(" ").filter(Boolean).map((function(e,t){return{text:e,order:t,selected:!1}}));s(Object.assign(Object.assign({},l),{fullSentence:t,sentence:$(n),preview:V(n),words:n}))}})),d&&a.a.createElement(a.a.Fragment,null,a.a.createElement("div",{className:"form-group"},a.a.createElement("label",{className:"cv-interaction-field-label"},"Select the missing word(s)"),a.a.createElement("ul",{className:"list-unstyled d-flex flex-wrap mx-n1 mb-n1"},l.words.map((function(e,t){return a.a.createElement("li",{key:"".concat(t,"-").concat(e.text),className:"rounded border p-2 mx-1 mb-1 cursor-pointer ".concat(e.selected?"bg-info text-white":"bg-white"),onClick:function(){return e=t,n=l.words.map((function(t){return t.order!==e?t:Object.assign(Object.assign({},t),{selected:!t.selected})})),void s(Object.assign(Object.assign({},l),{words:n,preview:V(n),sentence:$(n)}));var e,n}},z(e.text))})))),a.a.createElement("div",null,a.a.createElement("label",{className:"cv-interaction-field-label"},"Preview"),a.a.createElement("p",null,l.preview))),a.a.createElement(U,{error:l.error}))})),Ne(Oe,T.InteractionTypeId.MultipleChoice,ee),Ne(Oe,T.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,o=e.interaction,i=e.optionsPortalNode;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(C.b,{node:i})),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||o.data.text||"",placeholder:"Enter your question here"}),a.a.createElement(U,{error:n.error})),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(Z.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})))})),Ne(Oe,T.InteractionTypeId.TrueOrFalse,ee),Oe);var Re=(Ne(je={},T.InteractionTypeId.Annotation,(function(e){return e.annotation?null:"Please provide an annotation"})),Ne(je,T.InteractionTypeId.Image,(function(e){return e.url?null:"Please upload an image"})),Ne(je,T.InteractionTypeId.MissingWord,(function(e){return e.sentence?e.words.find((function(e){return e.selected}))?null:"Please select a missing word":"Please provide a sentence"})),Ne(je,T.InteractionTypeId.MultipleChoice,K),Ne(je,T.InteractionTypeId.ShortAnswer,(function(e){return e.question?null:"Please provide a question"})),Ne(je,T.InteractionTypeId.TrueOrFalse,K),je);var Pe=(Ne(xe={},T.InteractionTypeId.Annotation,(function(e,t){return Te(this,void 0,void 0,regeneratorRuntime.mark((function n(){return regeneratorRuntime.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return t.name="Annotation",t.data.annotation=e.annotation,t.actionableItems=[{name:"Answer"}],n.next=5,L.saveInteraction(t);case 5:case"end":return n.stop()}}),n)})))})),Ne(xe,T.InteractionTypeId.Image,(function(e,t){return ye(this,void 0,void 0,regeneratorRuntime.mark((function n(){return regeneratorRuntime.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return t.data.url=e.url,t.name=e.caption,t.data.caption=e.caption,t.actionableItems=[{name:"Answer"}],n.next=6,L.saveInteraction(t);case 6:case"end":return n.stop()}}),n)})))})),Ne(xe,T.InteractionTypeId.MissingWord,(function(e,t){return B(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=$(e.words),t.name=e.preview,r=e.words.filter((function(e){return e.selected})),t.actionableItems=r.map((function(e){return{name:z(e.text),order:e.order,isCorrect:!0}})),n.next=6,L.saveInteraction(t);case 6:case"end":return n.stop()}}),n)})))})),Ne(xe,T.InteractionTypeId.MultipleChoice,X),Ne(xe,T.InteractionTypeId.ShortAnswer,(function(e,t){return J(this,void 0,void 0,regeneratorRuntime.mark((function n(){return regeneratorRuntime.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return t.name=e.question,t.data.suggestedResponse=e.suggestedResponse,t.actionableItems=[{name:"Answer"}],n.next=5,L.saveInteraction(t);case 5:case"end":return n.stop()}}),n)})))})),Ne(xe,T.InteractionTypeId.TrueOrFalse,X),xe);function _e(e){return Pe[e]}n(1856);function Me(e){var t=e.interaction;return a.a.createElement("div",{className:"cv-interaction-heading mb-3"},a.a.createElement("span",{className:"cv-iteraction-icon",style:{backgroundImage:"url(https:".concat(t.type.icon,")"),backgroundColor:"#".concat(t.type.colour)}}),a.a.createElement("h2",{className:"cv-interaction-title h5"},t.name))}n(1857);function De(e){var t=e.correct;return e.showFeedback?a.a.createElement(a.a.Fragment,null,t?a.a.createElement("div",{className:"alert alert-success"},"Correct"):a.a.createElement("div",{className:"alert alert-danger"},"Incorrect")):a.a.createElement(a.a.Fragment,null)}function Fe(e){return(Fe="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 qe=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 Le(e,t){return t.actionableItems.every((function(t){return t.name===e[t.id]}))}n(1858);function Ue(e){return(Ue="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 Be(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var We=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 ze(e,t){return t.actionableItems.filter((function(e){return e.isCorrect})).every((function(t){return e[t.id]}))}function He(e){return!!Object.keys(e).length}var Ve=function(e,t,n){return n(t.id,Object.keys(e).map((function(t){return{actionableItemId:t,value:e[t]}})))};function $e(e){var t=e.state,n=e.setState,r=e.interaction,o=e.showFeedback,i=1===r.actionableItems.filter((function(e){return e.isCorrect})).length;return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement(De,{correct:ze(t,r),showFeedback:o}),a.a.createElement(Me,{interaction:r}),a.a.createElement("div",{className:"cv-multiple-choice-form"},a.a.createElement("table",{className:"table-bordered w-100"},a.a.createElement("tbody",{className:"table-bordered w-100"},r.actionableItems.map((function(e,r){var c=t[e.id];return a.a.createElement("tr",{key:r},a.a.createElement("td",{className:"cv-multiple-choice-input-container"},a.a.createElement("div",{className:"custom-control ".concat(i?"custom-radio":"custom-checkbox")},a.a.createElement("input",{id:e.id,type:i?"radio":"checkbox",className:"custom-control-input",name:"multiple-choice",checked:!!c,onChange:function(r){return function(e,r){if(i)n(Be({},e.id,e.name));else if(r.target.checked)n(Object.assign(Object.assign({},t),Be({},e.id,e.name)));else{var a=t,o=e.id,c=(a[o],We(a,["symbol"===Ue(o)?o:o+""]));n(c)}}(e,r)},disabled:o}),a.a.createElement("label",{htmlFor:e.id,className:"custom-control-label"}))),a.a.createElement("td",{className:"cv-multiple-choice-label-container w-100"},a.a.createElement("label",{htmlFor:e.id},e.name)))}))))))}var Ze=n(1873);var Je,Ge,Qe,Ye;function Ke(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}Ke(Je={},T.InteractionTypeId.Annotation,!1),Ke(Je,T.InteractionTypeId.Image,!1),Ke(Je,T.InteractionTypeId.MissingWord,!0),Ke(Je,T.InteractionTypeId.MultipleChoice,!0),Ke(Je,T.InteractionTypeId.ShortAnswer,!1),Ke(Je,T.InteractionTypeId.TrueOrFalse,!0);var Xe=(Ke(Ge={},T.InteractionTypeId.Annotation,(function(e){var t=e.interaction;return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement(Me,{interaction:t}),a.a.createElement("div",{dangerouslySetInnerHTML:{__html:e.interaction.data.annotation}}))})),Ke(Ge,T.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(Me,{interaction:t}),a.a.createElement("div",{className:"cv-image-container"},a.a.createElement("img",{className:"img-fluid",src:t.data.url,ref:r})))})),Ke(Ge,T.InteractionTypeId.MissingWord,(function(e){var t=e.state,n=e.setState,r=e.interaction,o=e.showFeedback,i=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,o,i;n(Object.assign(Object.assign({},t),(a={},o=e.id,i=r.target.value,o in a?Object.defineProperty(a,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):a[o]=i,a)))}else{var c=t,u=e.id,l=(c[u],qe(c,["symbol"===Fe(u)?u:u+""]));n(l)}}return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement(De,{correct:Le(t,r),showFeedback:o}),a.a.createElement(Me,{interaction:r}),a.a.createElement("div",null,i.map((function(e,t){if(!e.startsWith("cv-missing-word-"))return e;var n=e.replace("cv-missing-word-",""),o=r.actionableItems.find((function(e){return e.order.toString()===n}));if(o){var i,u,l=(i=o.name,(u=document.createElement("canvas").getContext("2d")).font="17pt arial",u.measureText(i).width);return a.a.createElement("input",{key:t,style:{width:l+"px"},onChange:function(e){return c(o,e)}})}}))))})),Ke(Ge,T.InteractionTypeId.MultipleChoice,$e),Ke(Ge,T.InteractionTypeId.ShortAnswer,(function(e){var t=e.interaction,n=e.state,r=e.setState;return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement(Me,{interaction:t}),a.a.createElement(Ze.a,{translate:"no",className:"form-control",minRows:3,value:n[t.actionableItems[0].id]||"",onChange:function(e){var a,o,i;r(Object.assign(Object.assign({},n),(a={},o=t.actionableItems[0].id,i=e.target.value,o in a?Object.defineProperty(a,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):a[o]=i,a)))}}))})),Ke(Ge,T.InteractionTypeId.TrueOrFalse,$e),Ge);function et(){return!0}Ke(Qe={},T.InteractionTypeId.Annotation,et),Ke(Qe,T.InteractionTypeId.Image,et),Ke(Qe,T.InteractionTypeId.MissingWord,(function(e,t){return Object.keys(e).length===t.actionableItems.length})),Ke(Qe,T.InteractionTypeId.MultipleChoice,He),Ke(Qe,T.InteractionTypeId.ShortAnswer,(function(e){return!!Object.keys(e).length})),Ke(Qe,T.InteractionTypeId.TrueOrFalse,He);function tt(){return Promise.resolve()}Ke(Ye={},T.InteractionTypeId.Annotation,tt),Ke(Ye,T.InteractionTypeId.Image,tt),Ke(Ye,T.InteractionTypeId.MissingWord,(function(e,t,n){return n(t.id,Object.keys(e).map((function(t){return{actionableItemId:t,value:e[t].toString()}})))})),Ke(Ye,T.InteractionTypeId.MultipleChoice,Ve),Ke(Ye,T.InteractionTypeId.ShortAnswer,(function(e,t,n){return n(t.id,Object.keys(e).map((function(t){return{actionableItemId:t,value:e[t].toString()}})))})),Ke(Ye,T.InteractionTypeId.TrueOrFalse,Ve);function nt(e,t){if(t===i.InteractiveMode.Create)return function(e){return Ae[e]}(e);if(t===i.InteractiveMode.View)return function(e){return Xe[e]}(e);throw new Error("Cannot find components for the mode ".concat(t))}function rt(e){return e?"i".concat(e.id):""}var at;n(1859);function ot(e){var t=e.interaction,n=e.mode,r=e.state,o=e.dispatch,c=e.recalculateScroll,u=e.timepointState,l=e.optionsPortalNode,s=r[rt(t)];s||n!==i.InteractiveMode.View||(s={});var f=nt(t.type.id,n);return a.a.createElement("form",{className:"cv-timepoint flex-grow-1"},a.a.createElement("div",null,a.a.createElement("div",null,a.a.createElement("div",{className:"cv-timepoint-padding"},a.a.createElement(f,{interaction:t,state:s,setState:function(e){o({key:rt(t),value:Object.assign(Object.assign({},e),{hasChanges:!0,error:null})})},recalculateScroll:c,showFeedback:u.submitted,imageApi:e.imageApi,optionsPortalNode:l}))),!u.isValid&&a.a.createElement(x,null)))}function it(e){return e?"t".concat(e.id):""}function ct(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var ut=(ct(at={},T.InteractionTypeId.Annotation,{id:T.InteractionTypeId.Annotation,name:"Annotation",colour:"f07e7e",icon:"//static.clickview.com.au/cv-online/images/interactions/icons/annotation-v2.png"}),ct(at,T.InteractionTypeId.Image,{id:T.InteractionTypeId.Image,name:"Image",colour:"f8981d",icon:"//static.clickview.com.au/cv-online/images/interactions/icons/image-v2.png"}),ct(at,T.InteractionTypeId.MissingWord,{id:T.InteractionTypeId.MissingWord,name:"Missing word",colour:"51ada3",icon:"//static.clickview.com.au/cv-online/images/interactions/icons/missing-word-v2.png"}),ct(at,T.InteractionTypeId.MultipleChoice,{id:T.InteractionTypeId.MultipleChoice,name:"Multiple Choice",colour:"629fc9",icon:"//static.clickview.com.au/cv-online/images/interactions/icons/multiple-choice-v2.png"}),ct(at,T.InteractionTypeId.ShortAnswer,{id:T.InteractionTypeId.ShortAnswer,name:"Short Answer",colour:"73b18c",icon:"//static.clickview.com.au/cv-online/images/interactions/icons/short-answer-v2.png"}),ct(at,T.InteractionTypeId.TrueOrFalse,{id:T.InteractionTypeId.TrueOrFalse,name:"True or False",colour:"b18cbb",icon:"//static.clickview.com.au/cv-online/images/interactions/icons/true-or-false-v2.png"}),at),lt=(n(1860),n(232));function st(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,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(r=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return ft(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return ft(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function ft(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var dt=[ut[T.InteractionTypeId.MissingWord],ut[T.InteractionTypeId.MultipleChoice],ut[T.InteractionTypeId.TrueOrFalse],ut[T.InteractionTypeId.ShortAnswer],ut[T.InteractionTypeId.Image],ut[T.InteractionTypeId.Annotation]];function mt(e){var t=e.onTypeSelected,n=e.onClickCancel,r=e.player,o=e.addingAnother,i=e.showCancel,c=st(a.a.useState(Object(lt.a)(r.currentTime()||0)),2),u=c[0],l=c[1];return a.a.useEffect((function(){var e=function(){l(Object(lt.a)(r.currentTime()))};return r.on("timeupdate",e),function(){return r.off("timeupdate",e)}}),[]),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"},o?"Add another question at:":"Add a question at:"," ",u),dt.map((function(e){return a.a.createElement(ne.a,{key:e.id,className:"cv-type-selector rounded py-2 m-1",style:{backgroundColor:"#".concat(e.colour)},onClick:function(){return t(e.id)}},a.a.createElement("span",{className:"cv-create-type-icon mb-1",style:{backgroundImage:"url(".concat(e.icon,")")}}),a.a.createElement("div",{className:"d-flex align-items-center justify-content-center cv-interaction-type-name px-1"},e.name))})),i&&a.a.createElement("div",{className:"text-center w-100 mt-2"},a.a.createElement(ne.a,{className:"btn btn-link",onClick:n},"Cancel"))))}var pt=n(1455),vt=n(1209),yt=n(352),bt=n(346);n(1861);function ht(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,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(r=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return gt(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 gt(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 gt(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 wt=function(e){var t=e.player,n=e.track,r=e.interactive,o=ht(a.a.useState(!1),2),i=o[0],c=o[1],u=ht(a.a.useState(null),2),l=u[0],s=u[1];function f(){var e=n.activeCues;if(!e.length)return c(!1),void s(null);var a=r.timepoints.find((function(t){return t.id.toString()===e[0].text.toString()}));a.shouldPause&&(t.seeking()?t.one("play",(function(){return t.pause()})):t.pause()),c(!0),s(a)}return a.a.useEffect((function(){return n.addEventListener("cuechange",f),function(){return n.removeEventListener("cuechange",f)}})),{open:i,setOpen:c,timepoint:l,continueInteractive:function(){c(!1),t.play()},updateCue:function(e,t){var r=function(e){for(var t=0;t<n.cues.length;t++){var r=n.cues[t];if(r.text.toString()===e.toString())return r}}(e);r.text=t.toString(),r.originalCue_.text=t.toString()},addCue:function(e){var r=t.currentTime();n.addCue({startTime:r,endTime:r+1,text:e}),n.trigger("cv:cueadded"),t.paused()&&n.trigger("cuechange")},removeCue:function(e){for(var t=0;t<n.cues.length;){var r=n.cues[t];if(r.startTime<=e&&r.endTime>=e){n.removeCue(r),n.trigger("cv:cueremoved"),n.trigger("cuechange");break}t++}}}},It=n(68),Et=n(17);function kt(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,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(r=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Ct(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 Ct(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 Ct(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 St(e){var t=e.typeId,n=e.currentIndex,r=e.numberOfInteractions,o=e.changeIndex,i=e.player,c=kt(a.a.useState(Object(lt.a)(i.currentTime()||0)),2),u=c[0],l=c[1];a.a.useEffect((function(){var e=function(){l(Object(lt.a)(i.currentTime()))};return i.on("timeupdate",e),function(){return i.off("timeupdate",e)}}),[]);var s=ut[t],f=n<r-1;var d=n>0;return a.a.createElement("div",{className:"text-center d-flex justify-content-between align-items-center p-1",style:{backgroundColor:"#".concat(s.colour)}},a.a.createElement(ne.a,{onClick:function(){d&&o(n-1)},className:d?"":"invisible"},a.a.createElement(It.a,{size:It.b.Medium,svgName:Et.b.ChevronLeft})),a.a.createElement("div",null,a.a.createElement("div",{className:"h6 mb-0"},s.name),r>1&&a.a.createElement("div",null,n+1," of ",r," at ",u)),a.a.createElement(ne.a,{onClick:function(){f&&o(n+1)},className:f?"":"invisible"},a.a.createElement(It.a,{size:It.b.Medium,svgName:Et.b.ChevronRight})))}var Ot=n(35);function jt(e){var t=e.interaction,n=e.interactionState,a=e.onClickContinue,o=e.onClickSave,i=e.onClickCancel,c=e.onClickAddAnother,u=e.onClickDiscard,l=N(t.id),s=!!(null==n?void 0:n.hasChanges),f=!!(null==n?void 0:n.spinner);return r.createElement("div",{className:"cv-timpoint-button-container"},l?r.createElement(ne.a,{className:"btn btn-link",onClick:i},"Cancel"):s?r.createElement(ne.a,{className:"btn btn-link",onClick:u},"Discard"):r.createElement(ne.a,{className:"btn btn-link",onClick:c},"Add another"),f?r.createElement(ne.a,{className:"btn btn-dark ml-2",onClick:function(){}},r.createElement(Ot.Spinner,{as:"span",animation:"border",role:"status",size:"sm"})):l?s?r.createElement(ne.a,{className:"btn btn-dark ml-2",onClick:o},"Save"):r.createElement(ne.a,{className:"btn btn-dark ml-2 disabled",onClick:function(){}},"Save"):s?r.createElement(ne.a,{className:"btn btn-dark ml-2",onClick:o},"Save"):r.createElement(ne.a,{className:"btn btn-dark ml-2",onClick:a},"Continue"))}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,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(r=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Tt(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 Tt(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 Tt(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 Nt=function(e,t,n,r){return new(n||(n=Promise))((function(a,o){function i(e){try{u(r.next(e))}catch(e){o(e)}}function c(e){try{u(r.throw(e))}catch(e){o(e)}}function u(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,c)}u((r=r.apply(e,t||[])).next())}))},At={isValid:!0,submitted:!1,preview:!1,interactionIndex:0};function Rt(e,t){return Object.assign(Object.assign({},e),(n={},r=t.key,a=t.value,r in n?Object.defineProperty(n,r,{value:a,enumerable:!0,configurable:!0,writable:!0}):n[r]=a,n));var n,r,a}function Pt(e){var t,n=e.player,r=e.track,o=e.mode,i=e.interactive,c=e.imageApi,u=e.portalNode,l=(e.resultsService,xt(a.a.useReducer(Rt,{}),2)),s=l[0],f=l[1],d=wt({player:n,track:r,interactive:i,mode:o}),m=d.open,p=d.setOpen,v=d.timepoint,y=d.continueInteractive,b=d.addCue,h=d.removeCue,g=d.updateCue,w=s[it(v)]||At,I=null==v?void 0:v.interactions[w.interactionIndex],E=s[rt(I)],k=o===j.a.Create,O=a.a.useMemo((function(){return Object(C.c)()}),[]),x=Object(bt.a)();a.a.useEffect((function(){if(o===j.a.Create){if(!N(null==I?void 0:I.id)&&!(null==E?void 0:E.hasChanges))return n.unlock(),void x.unlock("interactive");x.lock({id:"interactive",title:"Are you sure you want to leave?",text:"Your interactive still has unsaved changes"}),n.lock((function(e){_(e)}))}}),[I,s,null===(t=null==v?void 0:v.interactions)||void 0===t?void 0:t.length]);var T=a.a.useRef();function A(e){for(var t=0;t<i.timepoints.length;){for(var n=i.timepoints[t],r=0;r<n.interactions.length;){var a=n.interactions[r];if(a.id===e)return{timepoint:n,interaction:a};r++}t++}return{interaction:null,timepoint:null}}function R(e){return Nt(this,void 0,void 0,regeneratorRuntime.mark((function t(){var n,r,a,o,c,u,l;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(n=A(e),r=n.interaction,a=n.timepoint,r&&a){t.next=3;break}throw new Error("Could not find the interaction and timepoint for the interactionId ".concat(e));case 3:if(N(r.id)){t.next=6;break}return t.next=6,L.deleteInteraction(r.id);case 6:if(o=a.interactions.findIndex((function(e){return e.id===r.id})),a.interactions.splice(o,1),f({key:rt(r),value:void 0}),c=it(a),u=s[c]||At,o<u.interactionIndex&&f({key:c,value:Object.assign(Object.assign({},u),{interactionIndex:u.interactionIndex-1})}),!(a.interactions.length>0)){t.next=14;break}return t.abrupt("return");case 14:if(N(a.id)){t.next=17;break}return t.next=17,L.deleteTimepoint(a.id);case 17:h(a.visibleAt/1e3),l=i.timepoints.findIndex((function(e){return e.id===a.id})),i.timepoints.splice(l,1),f({key:it(a),value:void 0});case 21:case"end":return t.stop()}}),t)})))}function P(e){yt.a.render(a.a.createElement("p",null,"Are you sure you want to delete this question?"),{title:"Delete question",success:function(){return R(e)},buttons:[{variant:"link",buttonText:"Cancel"},{variant:"danger",success:!0,buttonText:"Delete"}]})}function _(e){if(I){var t=N(I.id);if(t||(null==E?void 0:E.hasChanges)){var n=function(){};n=t?function(){return R(I.id)}:M,yt.a.render(a.a.createElement("p",null,"Do you want to discard your changes?"),{title:"Unsaved changes",success:function(){n(),e&&e()},buttons:[{variant:"link",buttonText:"Cancel"},{variant:"danger",success:!0,buttonText:"Discard"}]})}else e&&e()}else e&&e()}function M(){f({key:rt(I),value:void 0})}function D(e){_((function(){f({key:it(v),value:Object.assign(Object.assign({},w),{interactionIndex:e})})}))}return a.a.createElement("div",{className:"cv-interactive-container"},!m&&a.a.createElement(ne.a,{className:"btn btn-outline-dark cv-add-question",onClick:function(){n.pause(),p(!0),v&&D(v.interactions.length)}},"Add question"),a.a.createElement("div",{className:"cv-interactive ".concat(m?"cv-open":"")},a.a.createElement(S.a,{style:{height:"100%"},ref:T},!I&&o===j.a.Create&&a.a.createElement(mt,{onTypeSelected:function(e){n.pause();var t=(null==v?void 0:v.id)||"new_".concat(Math.round(Math.random()*Number.MAX_SAFE_INTEGER)),r={id:"new_".concat(Math.round(Math.random()*Number.MAX_SAFE_INTEGER)),timepointId:t,typeId:e,type:ut[e],order:0,interactiveId:i.id,data:{}};if(v)return v.interactions.push(r),void D(w.interactionIndex);var a=n.currentTime();i.timepoints||(i.timepoints=[]),i.timepoints.push({id:t,visibleAt:1e3*a,interactiveId:i.id,shouldPause:1,interactions:[r]}),i.timepoints.sort((function(e,t){return e.visibleAt>t.visibleAt?1:t.visibleAt>e.visibleAt?-1:0})),b(t)},player:n,addingAnother:!!v,onClickCancel:function(){v?D(w.interactionIndex-1):(p(!1),n.play())},showCancel:!!v||m}),!!I&&a.a.createElement("div",{className:"d-flex flex-column h-100"},k&&a.a.createElement(St,{typeId:I.typeId,changeIndex:D,player:n,currentIndex:w.interactionIndex,numberOfInteractions:v.interactions.length}),a.a.createElement(ot,{interaction:I,mode:o,state:s,dispatch:f,recalculateScroll:function(){T.current.recalculate()},timepointState:w,imageApi:c,optionsPortalNode:O}),k&&a.a.createElement(jt,{interaction:I,interactionState:E,onClickContinue:y,onClickSave:function(){return Nt(this,void 0,void 0,regeneratorRuntime.mark((function e(){var t,n,r,a,i;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(o===j.a.Create){e.next=2;break}throw new Error("Should not be calling onClickSave while viewing an interactive");case 2:if(t=it(v),n=rt(I),c=I.typeId,!(r=(0,Re[c])(s[rt(I)]||{},I))){e.next=9;break}return f({key:n,value:Object.assign(Object.assign({},E),{error:r})}),e.abrupt("return");case 9:if(f({key:n,value:Object.assign(Object.assign({},E),{spinner:!0})}),a=v.id,!N(v.id)){e.next=16;break}return e.next=14,L.saveTimepoint(v);case 14:g(a,v.id),f({key:t,value:void 0});case 16:return I.timepointId=v.id,i=_e(I.typeId),e.next=20,i(s[rt(I)]||{},I);case 20:f({key:n,value:void 0});case 21:case"end":return e.stop()}var c}),e)})))},onClickCancel:function(){return Nt(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,R(I.id);case 2:p(!0);case 3:case"end":return e.stop()}}),e)})))},onClickAddAnother:function(){D(v.interactions.length)},onClickDiscard:function(){return _()}})))),a.a.createElement(C.a,{node:O},!!I&&a.a.createElement(vt.a,{actions:[{label:"Delete",onClick:function(){return P(I.id)},className:"text-danger"}]})),u&&a.a.createElement(C.a,{node:u},a.a.createElement("h2",{className:"h4 mt-3"},"Question List (",i.timepoints.reduce((function(e,t){return e+t.interactions.length}),0),")"),a.a.createElement(pt.a,{interactive:i,maxHeight:300,goToTimepoint:function(e,t){var r=function(e){var t=0;for(;t<i.timepoints.length;){var n=i.timepoints[t];if(n.id===e)return n;t++}return null}(e),a=it(r),o=s[a]||At,c=r.interactions.find((function(e){return e.id.toString()===t.toString()}));n.currentTime(r.visibleAt/1e3),f({key:a,value:Object.assign(Object.assign({},o),{interactionIndex:r.interactions.indexOf(c)})})},selectedInteractionId:null==I?void 0:I.id,onClickDelete:o===j.a.Create?P:void 0})))}E.a.registerComponent("Interactive",Object(O.a)((function(e,t){return a.a.createElement(Pt,Object.assign({player:e},t))})));n(1862);function _t(e){return(_t="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){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 Dt(e,t,n){return(Dt="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=Ut(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 Ft(e,t){return(Ft=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function qt(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 Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=Ut(e);if(t){var a=Ut(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return Lt(this,n)}}function Lt(e,t){return!t||"object"!==_t(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 Ut(e){return(Ut=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var Bt=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&&Ft(e,t)}(o,e);var t,n,r,a=qt(o);function o(e,t){var n;!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)).timepoint_=t.timepoint,n.time_=t.timepoint.visibleAt/1e3;var r=t.timepoint.interactions[0];return r||n.hide(),n.setColour(r.type.colour),n.controlText(r.name),n.update(),n}return t=o,(n=[{key:"buildCSSClass",value:function(){return"cv-interactive-bar-item ".concat(Dt(Ut(o.prototype),"buildCSSClass",this).call(this))}},{key:"createEl",value:function(e,t,n){return Dt(Ut(o.prototype),"createEl",this).call(this,e,Object.assign(Object.assign({},t),{className:this.buildCSSClass()}),n)}},{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_)}},{key:"setColour",value:function(e){this.el().querySelector(".vjs-icon-placeholder").style.backgroundColor="#"+e}}])&&Mt(t.prototype,n),r&&Mt(t,r),o}(E.a.getComponent("Button"));n(1863);function Wt(e){return(Wt="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 zt(e){return function(e){if(Array.isArray(e))return Ht(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 Ht(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 Ht(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 Ht(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 Vt(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 $t(e,t,n){return($t="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=Yt(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 Zt(e,t){return(Zt=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function Jt(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 Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=Yt(e);if(t){var a=Yt(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return Gt(this,n)}}function Gt(e,t){return!t||"object"!==Wt(t)&&"function"!=typeof t?Qt(e):t}function Qt(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Yt(e){return(Yt=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var Kt=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&&Zt(e,t)}(o,e);var t,n,r,a=Jt(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)).track_=t.track,n.interactive_=t.interactive,n.onDurationChange=n.onDurationChange.bind(Qt(n)),n.createInteractionItems=n.createInteractionItems.bind(Qt(n)),n.createInteractionItems(),n.track_.on("cv:cueadded",n.createInteractionItems),n.track_.on("cv:cueremoved",n.createInteractionItems),n.player_.on("durationchange",n.onDurationChange),n.player_.on("dispose",(function(){n.track_.off("cv:cueadded"),n.track_.off("cv:cueremoved"),n.player_.off("durationchange",n.onDurationChange)})),n}return t=o,(n=[{key:"buildCSSClass",value:function(){return"cv-interactive-bar-items ".concat($t(Yt(o.prototype),"buildCSSClass",this).call(this))}},{key:"createEl",value:function(e,t,n){return $t(Yt(o.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_){zt(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 Bt(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()}))}}])&&Vt(t.prototype,n),r&&Vt(t,r),o}(E.a.getComponent("Component"));n(1864);function Xt(e){return(Xt="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 en(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function tn(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 nn(e,t,n){return(nn="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=cn(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 rn(e,t){return(rn=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function an(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 Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=cn(e);if(t){var a=cn(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return on(this,n)}}function on(e,t){return!t||"object"!==Xt(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 cn(e){return(cn=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var un=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&&rn(e,t)}(o,e);var t,n,r,a=an(o);function o(){return en(this,o),a.apply(this,arguments)}return t=o,(n=[{key:"lock",value:function(e){this.callback_=e}},{key:"unlock",value:function(){delete this.callback_}},{key:"currentTime",value:function(e){var t=this;if("number"!=typeof e||!this.callback_)return nn(cn(o.prototype),"currentTime",this).call(this,e);this.callback_((function(){t.unlock(),t.currentTime(e)}))}},{key:"play",value:function(){var e=this;if(!this.callback_)return nn(cn(o.prototype),"play",this).call(this);this.callback_((function(){e.unlock(),e.play()}))}}])&&tn(t.prototype,n),r&&tn(t,r),o}(E.a.getComponent("Player"));function ln(e){return(ln="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 sn(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 fn(e,t){return(fn=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function dn(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 Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=pn(e);if(t){var a=pn(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return mn(this,n)}}function mn(e,t){return!t||"object"!==ln(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 pn(e){return(pn=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}E.a.registerComponent("player",un);var vn=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&&fn(e,t)}(o,e);var t,n,r,a=dn(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)).options=t,e.ready((function(){return n.initialize()})),n}return t=o,(n=[{key:"initialize",value:function(){var e=this;k.a.useTrack(this.player,"metadata","interactive",this.onTrackLoaded.bind(this)),this.options.resultsService&&(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(){this.options.resultsService.start()}},{key:"onTrackLoaded",value:function(e){this.player.addChild("Interactive",{track:e,interactive:this.options.interactive,mode:this.options.mode||i.InteractiveMode.View,imageApi:this.options.imageApi,portalNode:this.options.portalNode,resultsService:this.options.resultsService}),this.player.controlBar.getChild("progressControl").getChild("SeekBar").addChild(new Kt(this.player,{interactive:this.options.interactive,track:e}))}}])&&sn(t.prototype,n),r&&sn(t,r),o}(E.a.getPlugin("plugin"));function yn(e){return(yn="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 bn(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 hn(e,t,n){return(hn="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=En(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 gn(e,t){return(gn=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function wn(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 Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=En(e);if(t){var a=En(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return In(this,n)}}function In(e,t){return!t||"object"!==yn(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 En(e){return(En=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}E.a.registerPlugin("viewInteractivePlugin",vn);var kn=function(e,t,n,r){return new(n||(n=Promise))((function(a,o){function i(e){try{u(r.next(e))}catch(e){o(e)}}function c(e){try{u(r.throw(e))}catch(e){o(e)}}function u(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,c)}u((r=r.apply(e,t||[])).next())}))},Cn=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&&gn(e,t)}(o,e);var t,n,r,a=wn(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),c.a.setToken("gateway",n.options.authToken),n.player.on("dispose",(function(){n.resultsService&&n.resultsService.stop()})),n.options.mode===i.InteractiveMode.Create&&n.player.addClass("cv-create-interactives"),n}return t=o,(n=[{key:"additionalSetup",value:function(e){var t=this,n=Object.create(null,{additionalSetup:{get:function(){return hn(En(o.prototype),"additionalSetup",t)}}});return kn(this,void 0,void 0,regeneratorRuntime.mark((function t(){var r,a=this;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:n.additionalSetup.call(this,e),this.track=this.player.addTextTrack("metadata","interactive"),(r=e.additionalData).timepoints.forEach((function(e){var t,n=e.visibleAt/1e3,r=e.visibleFor?n+e.visibleFor/1e3:n+1;(null===(t=e.interactions)||void 0===t?void 0:t.length)&&a.track.addCue({startTime:n,endTime:r,text:e.id})})),this.options.collectResults&&(this.resultsService=new I({interactiveId:r.id,mediaId:e.mediaId,userId:this.options.userId,playerApi:this.options.playerApi})),this.player.viewInteractivePlugin({interactive:r,mode:this.options.mode,imageApi:this.options.imageApi,resultsService:this.resultsService,portalNode:this.options.portalNode});case 6:case"end":return t.stop()}}),t,this)})))}},{key:"getAnalyticsPlayerType",value:function(){return"interactive-player"}}])&&bn(t.prototype,n),r&&bn(t,r),o}(o.a);n.d(t,"a",(function(){return On}));var Sn=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 On(e){var t=e.onReady,n=Sn(e,["onReady"]),r=a.a.useRef();return a.a.useEffect((function(){var e=new Cn(r.current,n);t&&e.ready((function(){t(e)}))}),[]),a.a.createElement(a.a.Fragment,null,a.a.createElement("div",{ref:r}),a.a.createElement("div",{id:"popup-region"}))}},1756:function(e,t,n){},1758:function(e,t,n){},1855:function(e,t,n){},1856:function(e,t,n){},1857:function(e,t,n){},1858:function(e,t,n){},1859:function(e,t,n){},1860:function(e,t,n){},1861:function(e,t,n){},1862:function(e,t,n){},1863:function(e,t,n){},1864:function(e,t,n){}}]);