@clickview/lite 0.0.52-rc.2 → 0.0.52-rc.3
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.
- package/dist/bundles.json +1 -1
- package/dist/scripts/{13-edc3bc1b89-lite.chunk.js → 13-710e7bbc5d-lite.chunk.js} +1 -1
- package/dist/scripts/{30-2a0019be02-lite.chunk.js → 30-851c8b06bd-lite.chunk.js} +1 -1
- package/dist/scripts/{31-e2c52d0b49-lite.chunk.js → 31-169410af0d-lite.chunk.js} +1 -1
- package/dist/scripts/{61-86dad4d481-lite.chunk.js → 61-6afee65d14-lite.chunk.js} +1 -1
- package/dist/scripts/{69-a2377a0681-lite.chunk.js → 69-3ea61f3ee3-lite.chunk.js} +1 -1
- package/dist/scripts/{bundle-4eb7b539ec.min.js → bundle-6559f72944.min.js} +2 -2
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[13],{1083:function(e,t,n){"use strict";var r;n.d(t,"a",(function(){return r})),function(e){e[e.Correct=0]="Correct",e[e.Incorrect=1]="Incorrect",e[e.AwaitingMarking=2]="AwaitingMarking",e[e.Answered=3]="Answered",e[e.UnAnswered=4]="UnAnswered",e[e.NotApplicable=5]="NotApplicable"}(r||(r={}))},1094:function(e,t,n){"use strict";var r=n(1163);n.d(t,"InteractiveMode",(function(){return r.a}));n(1189),n(1190),n(1191),n(1192),n(1193),n(1194),n(1195)},1097:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var r=n(16),a={createViewKey:function(e,t,n){var a={mediaId:e.toString(),mediaIdType:t};return n&&(a.shareContextId=n),{url:"/api/player/create-view-key",key:"view:key:".concat(e,":").concat(t),type:r.a.POST,data:a,expiryTime:28800}}}},1098:function(e,t,n){"use strict";var r;n.d(t,"a",(function(){return r})),function(e){e.Share="share",e.MasterObject="masterobject"}(r||(r={}))},1129:function(e,t,n){"use strict";n.d(t,"a",(function(){return v}));var r=n(0),a=n(1048),i=n(8),o=n(30),c=n(222),s=n(16),l=n(1130),u=n.n(l);function m(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return d(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var f=null,p=!1;function v(e){var t=m(r.useState(f),2),n=t[0],l=t[1];if(f||p||(p=!0,Object(c.ajaxRequest)({resource:"/api/integrations/token/immersive-reader",type:s.a.GET,success:function(e){f=e,l(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"})))}},1130:function(e,t,n){e.exports={button:"TRYB2"}},1163: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={}))},1170:function(e,t,n){"use strict";n.d(t,"a",(function(){return s}));var r=n(0),a=n.n(r),i=n(108),o=n(77),c=n(29);function s(e){return a.a.createElement(i.a,{title:e.tooltipText,spanHack:!0,spanHackClassName:"d-inline-block"},a.a.createElement(o.a,{svgName:c.b.Info}))}},1174:function(e,t,n){"use strict";var r;n.d(t,"a",(function(){return r})),function(e){e.AddToPlaylist="115005679748",e.LibraryEditor="360001974533",e.VideoAccess="360000153947",e.AddFromOnline="360011718234",e.UploadToLibraryEditor="360012069334",e.PublisherArchive="360011150174",e.PBTErrorCodes="360012421153",e.ManuelReview="360020004534",e.LibraryReview="360000163788",e.PublisherServer="360023108873",e.MigrationOptions="360023109033",e.Integrations="4407268725529",e.Classrooms="4405362551833",e.MakeInteractive="4405370510873"}(r||(r={}))},1187:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var r=n(39),a=n(50),i=n(377),o={onFileSelect:function(e,t,n){if(t&&t.length){var r=new FileReader;r.addEventListener("load",(function(){return o.onReaderLoad(r,e,n)})),r.readAsDataURL(t[0])}},onReaderLoad:function(e,t,n){var a=new Image;a.src=e.result;var c=i.a[t].width,s=i.a[t].height;a.addEventListener("load",(function(){o.isImageValid(t,a)&&r.a.isFunction(n)?n(a):alert("Image too small: minimum dimensions are ".concat(c," x ").concat(s))}))},isImageValid:function(e,t){var n=i.a[e].width,r=i.a[e].height;return!(n&&t.width<n)&&!(r&&t.height<r)},mapImageTypeToString:function(e){switch(e){case a.c.Avatars:return"avatars";case a.c.Thumbnails:return"thumbnails";case a.c.Logos:return"logos";case a.c.Covers:return"covers";case a.c.Posters:return"posters";case a.c.TallPosters:return"tallposters";case a.c.HeroBanners:return"herobanners";case a.c.None:default:return""}}}},1189:function(e,t){},1190:function(e,t){},1191:function(e,t){},1192:function(e,t){},1193:function(e,t){},1194:function(e,t){},1195:function(e,t){},1198:function(e,t,n){e.exports={uncheckedBackground:"_3OcAr"}},1199:function(e,t,n){"use strict";var r=n(0),a=n.n(r),i=n(3),o=n(25),c=(n(767),n(768),n(1)),s=n(87),l=n(1094),u=n(1069);n(1276);function m(e){return(m="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 f(e,t,n){return(f="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=b(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 p(e,t){return(p=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function v(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=b(e);if(t){var a=b(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return y(this,n)}}function y(e,t){return!t||"object"!==m(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 b(e){return(b=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var g=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&&p(e,t)}(i,e);var t,n,r,a=v(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=u.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(f(b(i.prototype),"buildCSSClass",this).call(this))}},{key:"createEl",value:function(e,t,n){return f(b(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_)}}])&&d(t.prototype,n),r&&d(t,r),i}(c.a.getComponent("Button"));n(1277);function h(e){return(h="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 w(e){return function(e){if(Array.isArray(e))return I(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 I(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 I(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 I(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(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 S(e,t,n){return(S="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=O(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 C(e,t){return(C=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function k(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=O(e);if(t){var a=O(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return x(this,n)}}function x(e,t){return!t||"object"!==h(t)&&"function"!=typeof t?N(e):t}function N(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function O(e){return(O=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var T=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&&C(e,t)}(i,e);var t,n,r,a=k(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(N(n)),n.createInteractionItems=n.createInteractionItems.bind(N(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(S(O(i.prototype),"buildCSSClass",this).call(this))}},{key:"createEl",value:function(e,t,n){return S(O(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_){w(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 g(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()}))}}])&&E(t.prototype,n),r&&E(t,r),i}(c.a.getComponent("Component")),A=n(264),j=n(1163);function P(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return R(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return R(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function R(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var F=n(379),M=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 U(e){return!!(null==e?void 0:e.toString().startsWith("new_"))}function _(e){e.error,e.hasChanges,e.submitted,e.spinner;return M(e,["error","hasChanges","submitted","spinner"])}var L=n(309);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)}}var q=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{s(r.next(e))}catch(e){i(e)}}function c(e){try{s(r.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}s((r=r.apply(e,t||[])).next())}))},B=function(){return"/api/domain/v1/interactions/bulk"},W=function(e){return"/api/domain/v1/interactions/bulk/".concat(e)},z=function(e){return"/api/domain/v1/interactions/".concat(e)},$=function(){return"/api/domain/v1/timepoints"},H=function(e){return"/api/domain/v1/timepoints/".concat(e)},V=function(e){return"/api/domain/v1/timepoints/".concat(e)},K={},Z=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 q(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=U(e.id),r=n?B():W(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),K):L.a.put(r,JSON.stringify(a),K),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 q(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(z(e),K);case 2:case"end":return t.stop()}}),t)})))}},{key:"saveTimepoint",value:function(e){return q(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($(),JSON.stringify(n),K);case 3:r=t.sent,e.id=r.id;case 5:case"end":return t.stop()}}),t)})))}},{key:"updateTimepoint",value:function(e){return q(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(V(e.id),JSON.stringify(e),K);case 2:case"end":return t.stop()}}),t)})))}},{key:"deleteTimepoint",value:function(e){return q(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(H(e),K);case 2:case"end":return t.stop()}}),t)})))}}])&&D(t.prototype,n),r&&D(t,r),e}()),J=n(378),Q=n(250),G=n(217);function Y(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 X=n(164),ee=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{s(r.next(e))}catch(e){i(e)}}function c(e){try{s(r.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}s((r=r.apply(e,t||[])).next())}))},te=/[.\?!,;:\-''\(\)]/g;function ne(e){for(var t=e.split("");t.length&&t[0].match(te);)t.shift();for(;t.length&&t[t.length-1].match(te);)t.pop();return t.join("")}function re(e,t){for(var n=e.split(""),r=[],a=[];n.length&&n[0].match(te);)r.push(n.shift());for(;n.length&&n[n.length-1].match(te);)a.unshift(n.pop());return r.join("")+t+a.join("")}function ae(e){return e.map((function(e){if(!e.selected)return e.text;var t=ne(e.text).length,n=new Array(t).fill("_").join("");return re(e.text,n)})).join(" ")}function ie(e){return e.map((function(e){var t;return e.selected?null===(t=re(e.text,"{".concat(e.order,"}")))||void 0===t?void 0:t.trim():e.text})).join(" ")}var oe=n(1183),ce=n(1170),se=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{s(r.next(e))}catch(e){i(e)}}function c(e){try{s(r.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}s((r=r.apply(e,t||[])).next())}))};var le=n(36);function ue(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(1278);var me=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{s(r.next(e))}catch(e){i(e)}}function c(e){try{s(r.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}s((r=r.apply(e,t||[])).next())}))};function de(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 fe(e,t){var n;return me(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,Z.saveInteraction(t);case 5:case"end":return r.stop()}}),r)})))}function pe(e){var t=e.state,n=void 0===t?function(e){var t,n=e.typeId===Q.InteractionTypeId.TrueOrFalse,r=null===(t=e.actionableItems)||void 0===t?void 0:t.map((function(e){return{order:e.order,name:e.name,isCorrect:e.isCorrect}}));return(null==r?void 0:r.length)?!n&&(null==r?void 0:r.length)<4&&r.push({order:r.length,name:"",isCorrect:!1}):r=[{order:0,name:n?"True":"",isCorrect:!1},{order:1,name:n?"False":"",isCorrect:!1}],{question:e.name||"",answers:r,feedback:e.data.feedback||""}}(e.interaction):t,r=e.setState,i=e.interaction,o=e.optionsPortalNode,c=e.showFeedback,s=i.typeId===Q.InteractionTypeId.TrueOrFalse;function l(e){var t=n.answers.map((function(t){return t.order!==e.order?Object.assign(Object.assign({},t),{isCorrect:!s&&t.isCorrect}):e}));if(t.find((function(e){return!e.name}))&&(t=function(e){var t=e.find((function(e){return!e.name}));if(e.length>2)return e.filter((function(e){return e.order!==t.order})).map((function(e,t){return Object.assign(Object.assign({},e),{order:t})}));return e.map((function(e){return e.order!==t.order?e:Object.assign(Object.assign({},e),{isCorrect:!1})}))}(t)),!s&&t.length<4&&!t.find((function(e){return!e.name}))){var a=le.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(G.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(Y,{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(ue,{key:e.order,answer:e,onChange:l,isTrueOrFalse:s})})),n.question&&a.a.createElement(Y,{error:n.error})),c&&s&&a.a.createElement("div",{className:"form-group mb-0"},a.a.createElement("label",{className:"cv-true-or-false-feedback-label cv-interaction-field-label",htmlFor:"true-or-false-feedback"},"Feedback ",a.a.createElement("span",{className:"text-muted"},"(optional)")," ",a.a.createElement(ce.a,{tooltipText:"Provide answer feedback for your students"})),a.a.createElement(oe.a,{id:"true-or-false-feedback",className:"form-control",minRows:2,value:n.feedback||"",onChange:function(e){r(Object.assign(Object.assign({},n),{feedback:e.target.value}))},placeholder:"Give feedback for this question"})))}var ve=n(1187),ye=n(50),be=n(391);function ge(){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 he(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return we(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return we(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function we(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Ie(e){var t=he(a.a.useState(!1),2),n=t[0],r=t[1],i=he(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(1279);var Ee=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{s(r.next(e))}catch(e){i(e)}}function c(e){try{s(r.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}s((r=r.apply(e,t||[])).next())}))};var Se=n(1238),Ce=n(1428),ke=n(1435),xe={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 Ne(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Oe(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 Oe(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 Oe(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 Te(e){var t=Ne(a.a.useState(""),2),n=t[0],r=t[1],i=Ne(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(X.a,{onClick:function(){return e.onChange("link",o||n,n,"_blank")},className:"btn btn-dark"},"Add")))}n(1284);function Ae(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}var Pe,Re,Fe,Me=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{s(r.next(e))}catch(e){i(e)}}function c(e){try{s(r.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}s((r=r.apply(e,t||[])).next())}))};function Ue(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var _e=(Ue(Pe={},Q.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=Ae(a.a.useState(function(){var e=i.data.annotation;if(e){var t=Object(ke.a)(xe)(e);return Se.EditorState.createWithContent(t)}return Se.EditorState.createEmpty()}()),2),s=c[0],l=c[1],u=Ae(a.a.useState(null),2),m=u[0],d=u[1];return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("div",{className:"form-group"},a.a.createElement("div",{className:"d-flex justify-content-between align-items-center mb-1"},a.a.createElement("label",{className:"cv-interaction-field-label mb-0",onClick:function(){return null==m?void 0:m.focusEditor()}},"Annotation"),a.a.createElement(G.b,{node:o})),a.a.createElement("div",{className:"cv-annotation ".concat(function(){if(!s)return!1;var e=s.getCurrentContent();return e.hasText()||"unstyled"!==e.getBlockMap().first().getType()}()?"Editor--hide-placeholder":"")},s&&a.a.createElement(Ce.Editor,{editorState:s,onEditorStateChange:function(e){l(e);var t=e.getCurrentContent();if(t.hasText()){var a=Object(ke.b)(xe)(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:Te,options:["link"]}}}),a.a.createElement(Y,{error:n.error}))))})),Ue(Pe,Q.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(be.a)();var c=a.a.useRef(null);function s(e){e&&e[0]&&ve.a.onFileSelect(ye.c.None,e,(function(e){J.a.renderCropper({src:e.src,alt:"",onClickCrop:l})}))}function l(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(G.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(X.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(Ie,{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(ge,null)),a.a.createElement("p",{className:"mb-0"},"Drag and drop an image file or"),a.a.createElement(X.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(Y,{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})))})),Ue(Pe,Q.InteractionTypeId.MissingWord,(function(e){var t,n,r,i,o,c,s=e.state,l=void 0===s?(t=e.interaction,i=(null===(n=t.data)||void 0===n?void 0:n.sentence)||"",o=i.split(" ").filter(Boolean),c=o.map((function(e,t){return{text:e,order:t,selected:!1}})),null===(r=t.actionableItems)||void 0===r||r.forEach((function(e){var t=e.order,n=re(o[t],e.name);o[t]=n,c[t].text=n,c[t].selected=!0})),{fullSentence:o.join(" "),sentence:i,preview:t.name,words:c}):s,u=e.setState,m=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(G.b,{node:m})),a.a.createElement("input",{id:"missing-word-sentence",className:"form-control",placeholder:"Enter your sentence here",value:l.fullSentence||"",onChange:function(e){var t=e.target.value,n=t.split(" ").filter(Boolean).map((function(e,t){return{text:e,order:t,selected:!1}}));u(Object.assign(Object.assign({},l),{fullSentence:t,sentence:ie(n),preview:ae(n),words:n}))},autoComplete:"off"})),d&&a.a.createElement(a.a.Fragment,null,a.a.createElement("div",{className:"form-group"},a.a.createElement("label",{className:"cv-interaction-field-label"},"Select the missing word(s)"),a.a.createElement("ul",{className:"list-unstyled d-flex flex-wrap mx-n1 mb-n1"},l.words.map((function(e,t){var n;return(null===(n=ne(e.text))||void 0===n?void 0:n.trim())?a.a.createElement("li",{key:"".concat(t,"-").concat(e.text)},a.a.createElement(X.a,{className:"rounded border p-2 mx-1 mb-1 cursor-pointer ".concat(e.selected?"bg-info text-white":"bg-white"),onClick:function(){return e=t,n=l.words.map((function(t){return t.order!==e?t:Object.assign(Object.assign({},t),{selected:!t.selected})})),void u(Object.assign(Object.assign({},l),{words:n,preview:ae(n),sentence:ie(n)}));var e,n}},ne(e.text))):a.a.createElement(a.a.Fragment,{key:"".concat(t,"-").concat(e.text)})})))),a.a.createElement("div",null,a.a.createElement("label",{className:"cv-interaction-field-label"},"Preview"),a.a.createElement("p",null,l.preview))),a.a.createElement(Y,{error:l.error}))})),Ue(Pe,Q.InteractionTypeId.MultipleChoice,pe),Ue(Pe,Q.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(G.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(Y,{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(ce.a,{tooltipText:"Provide a suggested response for your students"})),a.a.createElement(oe.a,{id:"short-answer-suggested-response",className:"form-control",minRows:2,value:n.suggestedResponse||"",onChange:function(e){r(Object.assign(Object.assign({},n),{suggestedResponse:e.target.value}))},placeholder:"Give a suggested response for this question"})))})),Ue(Pe,Q.InteractionTypeId.TrueOrFalse,pe),Pe);var Le=(Ue(Re={},Q.InteractionTypeId.Annotation,(function(e){var t;return(null===(t=e.annotation)||void 0===t?void 0:t.trim())?null:"Please provide an annotation"})),Ue(Re,Q.InteractionTypeId.Image,(function(e){return e.url?null:"Please upload an image"})),Ue(Re,Q.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"})),Ue(Re,Q.InteractionTypeId.MultipleChoice,de),Ue(Re,Q.InteractionTypeId.ShortAnswer,(function(e){var t;return(null===(t=e.question)||void 0===t?void 0:t.trim())?null:"Please provide a question"})),Ue(Re,Q.InteractionTypeId.TrueOrFalse,de),Re);var De=(Ue(Fe={},Q.InteractionTypeId.Annotation,(function(e,t){var n;return Me(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,Z.saveInteraction(t);case 5:case"end":return r.stop()}}),r)})))})),Ue(Fe,Q.InteractionTypeId.Image,(function(e,t){var n,r;return Ee(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,Z.saveInteraction(t);case 6:case"end":return a.stop()}}),a)})))})),Ue(Fe,Q.InteractionTypeId.MissingWord,(function(e,t){return ee(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=ie(e.words),t.name=e.preview,r=e.words.filter((function(e){return e.selected})),t.actionableItems=r.map((function(e){return{name:ne(e.text),order:e.order,isCorrect:!0}})),n.next=6,Z.saveInteraction(t);case 6:case"end":return n.stop()}}),n)})))})),Ue(Fe,Q.InteractionTypeId.MultipleChoice,fe),Ue(Fe,Q.InteractionTypeId.ShortAnswer,(function(e,t){var n,r;return se(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,Z.saveInteraction(t);case 5:case"end":return a.stop()}}),a)})))})),Ue(Fe,Q.InteractionTypeId.TrueOrFalse,fe),Fe);function qe(e){return De[e]}var Be=n(1129),We=n(2),ze=["A","B","C","D"];function $e(e){var t=e.interaction,n=e.className,r=u.a.getTypeInfo(t.typeId),i=r.name,o=r.typeName,c="";switch(t.typeId){case Q.InteractionTypeId.Annotation:c=t.data.annotation;break;case Q.InteractionTypeId.Image:c=t.data.caption;break;case Q.InteractionTypeId.MissingWord:c=t.data.sentence.replace(/{([^{}]*)}/g,(function(){return"<u> </u>"}));break;case Q.InteractionTypeId.MultipleChoice:c=t.name,t.actionableItems.map((function(e,t){return c+="<br />".concat(ze[t],": ").concat(e.name)}));break;case Q.InteractionTypeId.ShortAnswer:c=t.name;break;case Q.InteractionTypeId.TrueOrFalse:c="True or false: ".concat(t.name)}var s=t.typeId===Q.InteractionTypeId.Annotation||t.typeId===Q.InteractionTypeId.MissingWord||t.typeId===Q.InteractionTypeId.MultipleChoice;return a.a.createElement(Be.a,{title:i,text:c,html:s,className:"pr-2 ".concat(n||""),analyticsData:{id:t.interactiveId,type:o},analyticsOptions:{location:We.LocationContext.InteractivePlayer,entity:We.EntityType.Interactive,actionType:We.UserAction.Click,descriptor:We.ClickDescriptor.LaunchImmersiveReader}})}n(1285);function He(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 Ve,Ke,Ze=n(1083);function Je(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Qe(){return Ze.a.NotApplicable}function Ge(e,t){var n=e.actionableItems.filter((function(e){return e.isCorrect}));return n.every((function(e){return!t(e.id)}))?Ze.a.UnAnswered:n.every((function(e){var n;return e.name.trim().toLowerCase()===(null===(n=t(e.id))||void 0===n?void 0:n.trim().toLowerCase())}))?Ze.a.Correct:Ze.a.Incorrect}function Ye(e,t){return e.actionableItems.every((function(e){return!t(e.id)}))?Ze.a.UnAnswered:e.actionableItems.filter((function(e){return e.isCorrect})).every((function(e){return t(e.id)===e.name}))?Ze.a.Correct:Ze.a.Incorrect}function Xe(e,t){var n;return e.actionableItems.forEach((function(e){var r=t(e.id);n=r?r.status!==Ve.Correct?r.status!==Ve.Incorrect?Ze.a.AwaitingMarking:Ze.a.Incorrect:Ze.a.Correct:Ze.a.UnAnswered})),n}function et(e,t){return function(n){var r=t.attempts.find((function(t){return t.id===e.id}));return null==r?void 0:r.answers.find((function(e){return e.id===n}))}}function tt(e,t){var n=et(e,t);return Ye(e,(function(e){var t=n(e);return null==t?void 0:t.text}))}!function(e){e[e.Incorrect=0]="Incorrect",e[e.Correct=1]="Correct",e[e.PendingReview=2]="PendingReview"}(Ve||(Ve={}));var nt=(Je(Ke={},Q.InteractionTypeId.Annotation,Qe),Je(Ke,Q.InteractionTypeId.Image,Qe),Je(Ke,Q.InteractionTypeId.MissingWord,(function(e,t){var n=et(e,t);return Ge(e,(function(e){var t=n(e);return null==t?void 0:t.text}))})),Je(Ke,Q.InteractionTypeId.MultipleChoice,tt),Je(Ke,Q.InteractionTypeId.ShortAnswer,(function(e,t){return Xe(e,et(e,t))})),Je(Ke,Q.InteractionTypeId.TrueOrFalse,tt),Ke);var rt={notApplicable:Qe,awaitingMarking:function(){return Ze.a.AwaitingMarking},isMissingWordCorrect:Ge,isMultipleChoiceCorrect:Ye,isShortAnswerMarkedCorrect:Xe,isInteractionCorrect:function(e,t){return(0,nt[e.typeId])(e,t)}};n(1286);function at(e){return(at="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 it=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 ot=n(253),ct=n(77),st=n(29),lt=n(364),ut=n(1287),mt=n.n(ut),dt=["A","B","C","D"];function ft(e){var t=1===e.interaction.actionableItems.filter((function(e){return e.isCorrect})).length;function n(t,n){e.onSelectAnswer&&e.onSelectAnswer(t,n)}return a.a.createElement(a.a.Fragment,null,e.interaction.actionableItems.map((function(r,i){var o=e.getSelectedAnswer(r.id);if(e.onlyShowSelectedAnswer&&!o)return a.a.createElement(a.a.Fragment,{key:i});var c=o?"bg-info text-white":e.unCheckedBackground,s=function(){return a.a.createElement(a.a.Fragment,null,dt[i])};e.showFeedback&&(c=r.isCorrect?"bg-success text-white":"bg-danger text-white ".concat(mt.a.incorrect),e.hideFeedbackIcons||(s=function(){return a.a.createElement(a.a.Fragment,null,r.isCorrect?a.a.createElement(ct.a,{size:ct.b.Small,svgName:st.b.Check}):a.a.createElement(ct.a,{size:ct.b.Small,svgName:st.b.Close}))}));var l=e.showFeedback?{}:{role:"button",tabIndex:0,onKeyDown:function(e){return"Enter"===e.key&&n(r,!o)}};return a.a.createElement(a.a.Fragment,{key:i},a.a.createElement("input",{id:r.id,type:t?"radio":"checkbox",name:"multiple-choice",checked:!!o,onChange:function(){return n(r,!o)},disabled:e.showFeedback,hidden:!0,tabIndex:-1}),a.a.createElement("label",Object.assign({className:"\n d-block\n rounded-lg\n shadow-sm\n mb-2\n ".concat("sm"===e.size?"p-2":"p-3","\n d-flex\n justify-content-between\n position-relative\n ").concat(e.showFeedback?"":"cursor-pointer","\n ").concat(mt.a.answer,"\n ").concat(c),key:i,htmlFor:r.id},l),a.a.createElement("span",{className:"d-inline-block mr-3 cv-multiple-choice-bullet"},a.a.createElement(s,null)),a.a.createElement("span",{className:"flex-grow-1 pr-4"},r.name),!e.onlyShowSelectedAnswer&&a.a.createElement("span",{className:mt.a.avatarContainer},o&&a.a.createElement(lt.a,{imageCdnUrl:e.imageApi,initials:e.userInitials,imageUrl:e.userAvatar}))))})))}ft.defaultProps={size:"lg",unCheckedBackground:"bg-white"};n(1288);function pt(e){return(pt="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 vt(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var yt=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 bt=n(1289),gt=n.n(bt);function ht(e){function t(t){e.onSelectAnswer&&e.onSelectAnswer(t)}return a.a.createElement("div",{className:"d-flex ".concat(e.className?e.className:""," ").concat("sm"===e.size?"mx-n1":"mx-n2")},e.interaction.actionableItems.map((function(n,r){var i=e.getSelectedAnswer(n.id),o=i?"bg-info text-white":e.unCheckedBackground,c=function(){return a.a.createElement(a.a.Fragment,null)};e.showFeedback&&(o=n.isCorrect?"bg-success text-white":"bg-danger text-white ".concat(gt.a.incorrect),e.hideFeedbackIcons||(c=function(){return a.a.createElement(a.a.Fragment,null,n.isCorrect?a.a.createElement(ct.a,{size:ct.b.Small,svgName:st.b.Check}):a.a.createElement(ct.a,{size:ct.b.Small,svgName:st.b.Close}))}));var s=e.showFeedback?{}:{role:"button",tabIndex:0,onKeyDown:function(e){return"Enter"===e.key&&t(n)}};return a.a.createElement("label",Object.assign({key:r,htmlFor:n.id,className:"\n d-inline-block\n rounded-lg\n shadow-sm\n my-0\n position-relative\n overflow-hidden\n ".concat("sm"===e.size?"p-4 mx-1 h5":"p-5 mx-2 h4","\n ").concat(e.showFeedback?"":"cursor-pointer","\n ").concat(o)},s),a.a.createElement("input",{id:n.id,type:"radio",name:"multiple-choice",checked:!!i,onChange:function(){return t(n)},disabled:e.showFeedback,hidden:!0}),n.name,a.a.createElement("span",{className:"position-absolute p-2 ".concat(gt.a.feedback)},a.a.createElement(c,null)),a.a.createElement("span",{className:"".concat(gt.a.avatarContainer).concat("sm"===e.size?" ".concat(gt.a.avatarContainerSmall):"")},i&&a.a.createElement(lt.a,{imageCdnUrl:e.imageApi,initials:e.userInitials,imageUrl:e.userAvatar})))})))}ht.defaultProps={size:"lg",unCheckedBackground:"bg-white"};var wt,It,Et,St,Ct;function kt(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var xt=function(){return!0},Nt=function(){return!1},Ot=(kt(wt={},Q.InteractionTypeId.Annotation,Nt),kt(wt,Q.InteractionTypeId.Image,Nt),kt(wt,Q.InteractionTypeId.MissingWord,xt),kt(wt,Q.InteractionTypeId.MultipleChoice,xt),kt(wt,Q.InteractionTypeId.ShortAnswer,(function(e){return!!e.data.suggestedResponse})),kt(wt,Q.InteractionTypeId.TrueOrFalse,xt),wt);function Tt(e){return Ot[e]}var At=(kt(It={},Q.InteractionTypeId.Annotation,(function(e){var t=e.interaction.data.annotation.replace(/<(a)(.*?)>/g,'<$1 target="_blank" $2>');return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("div",{className:"mb-2",dangerouslySetInnerHTML:{__html:t}}),a.a.createElement($e,{interaction:e.interaction}))})),kt(It,Q.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($e,{interaction:e.interaction,className:"ml-2"})))))})),kt(It,Q.InteractionTypeId.MissingWord,(function(e){var t=e.state,n=e.setState,r=e.interaction,i=e.showFeedback,o=r.data.sentence.replace(/{([^{}]*)}/g,(function(e,t){return"{".concat("cv-missing-word-").concat(t,"}")})).split(/{([^{}]*)}/g);function c(e,r){if(r.stopPropagation(),r.target.value){var a,i,o;n((a={},i=e.id,o=r.target.value,i in a?Object.defineProperty(a,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):a[i]=o,a))}else{var c=t,s=e.id,l=(c[s],it(c,["symbol"===at(s)?s:s+""]));n(l,!0)}}return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("div",{className:"mb-2"},o.map((function(e,n){var o;if(!e.startsWith("cv-missing-word-"))return e;var s=e.replace("cv-missing-word-",""),l=r.actionableItems.find((function(e){return e.order.toString()===s}));if(l){var u,m,d=t[l.id]||"",f=(u=l.name,(m=document.createElement("canvas").getContext("2d")).font="17pt arial",m.measureText(u).width);if(i){var p=l.name.toLowerCase().toString()===(null===(o=t[l.id])||void 0===o?void 0:o.toLowerCase().toString());return a.a.createElement(a.a.Fragment,{key:n},!p&&a.a.createElement(a.a.Fragment,null,a.a.createElement("del",{className:"text-danger"},d)," "),a.a.createElement("span",{className:"text-success"},l.name))}return a.a.createElement("span",{className:"cv-missing-word-input-container",key:n},a.a.createElement("input",{style:{width:f/16+"rem"},onChange:function(e){return c(l,e)},value:d,disabled:!!t.submitted,className:"cv-missing-word-input",autoComplete:"off"}))}}))),a.a.createElement(He,{error:t.error}),a.a.createElement($e,{interaction:e.interaction}))})),kt(It,Q.InteractionTypeId.MultipleChoice,(function(e){var t=e.state,n=e.setState,r=e.interaction,i=e.showFeedback,o=e.imageApi,c=e.currentUser,s=1===r.actionableItems.filter((function(e){return e.isCorrect})).length;return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("p",null,r.name,a.a.createElement($e,{interaction:e.interaction,className:"ml-2"})),!s&&a.a.createElement("p",{className:"text-muted"},a.a.createElement("small",null,"This question has multiple correct answers")),a.a.createElement(ft,{interaction:r,showFeedback:i,onSelectAnswer:function(e,r){if(!t.submitted)if(s)n(vt({},e.id,e.name),!0);else if(r)n(vt({},e.id,e.name));else{var a=t,i=e.id,o=(a[i],yt(a,["symbol"===pt(i)?i:i+""]));n(o,!0)}},getSelectedAnswer:function(e){return t[e]},imageApi:o.toString(),userInitials:ot.a.getInitials(c.givenName,c.familyName),userAvatar:c.avatar}),a.a.createElement(He,{error:t.error}))})),kt(It,Q.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($e,{interaction:t,className:"ml-2"})),a.a.createElement(oe.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(He,{error:n.error}))})),kt(It,Q.InteractionTypeId.TrueOrFalse,(function(e){var t=e.state,n=e.setState,r=e.interaction,i=e.showFeedback,o=e.imageApi,c=e.currentUser,s=r.actionableItems.find((function(e){return e.isCorrect}));return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("p",null,r.name,a.a.createElement($e,{interaction:e.interaction,className:"ml-2"})),a.a.createElement(ht,{className:"justify-content-center",interaction:r,showFeedback:i,onSelectAnswer:function(e){var r,a,i;t.submitted||n((r={},a=e.id,i=e.name,a in r?Object.defineProperty(r,a,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[a]=i,r),!0)},getSelectedAnswer:function(e){return t[e]},imageApi:o.toString(),userInitials:ot.a.getInitials(c.givenName,c.familyName),userAvatar:c.avatar}),i&&a.a.createElement("div",{className:"text-center px-5 mt-3"},a.a.createElement("p",null,"The answer is ",a.a.createElement("strong",null,s.name)),r.data.feedback&&a.a.createElement("p",null,r.data.feedback)),a.a.createElement(He,{error:t.error}))})),It);function jt(){return""}var Pt=(kt(Et={},Q.InteractionTypeId.Annotation,jt),kt(Et,Q.InteractionTypeId.Image,jt),kt(Et,Q.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"})),kt(Et,Q.InteractionTypeId.MultipleChoice,(function(e){return Object.keys(e).length?null:"Please choose an answer"})),kt(Et,Q.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"})),kt(Et,Q.InteractionTypeId.TrueOrFalse,(function(e){return Object.keys(e).length?null:"Please choose an answer"})),Et);var Rt=(kt(St={},Q.InteractionTypeId.Annotation,null),kt(St,Q.InteractionTypeId.Image,null),kt(St,Q.InteractionTypeId.MissingWord,(function(e,t,n){return n(t.id,Object.keys(e).map((function(t){return{actionableItemId:t,value:e[t].toString()}})))})),kt(St,Q.InteractionTypeId.MultipleChoice,(function(e,t,n){return n(t.id,Object.keys(e).map((function(t){return{actionableItemId:t,value:e[t]}})))})),kt(St,Q.InteractionTypeId.ShortAnswer,(function(e,t,n){return n(t.id,Object.keys(e).map((function(t){return{actionableItemId:t,value:e[t].toString()}})))})),kt(St,Q.InteractionTypeId.TrueOrFalse,(function(e,t,n){return n(t.id,Object.keys(e).map((function(t){return{actionableItemId:t,value:e[t]}})))})),St);function Ft(e){return Rt[e]}var Mt=(kt(Ct={},Q.InteractionTypeId.Annotation,rt.notApplicable),kt(Ct,Q.InteractionTypeId.Image,rt.notApplicable),kt(Ct,Q.InteractionTypeId.MissingWord,(function(e,t){return rt.isMissingWordCorrect(t,(function(t){return e[t]}))})),kt(Ct,Q.InteractionTypeId.MultipleChoice,(function(e,t){return rt.isMultipleChoiceCorrect(t,(function(t){return e[t]}))})),kt(Ct,Q.InteractionTypeId.ShortAnswer,rt.awaitingMarking),kt(Ct,Q.InteractionTypeId.TrueOrFalse,(function(e,t){return t.actionableItems.filter((function(e){return e.isCorrect})).every((function(t){return e[t.id]===t.name}))?Ze.a.Correct:Ze.a.Incorrect})),Ct);function Ut(e){return Mt[e]}function _t(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Lt={interactions:{},timepoints:{}};function Dt(e,t){return"interaction"===t.type?{timepoints:e.timepoints,interactions:Object.assign(Object.assign({},e.interactions),_t({},t.id,t.value))}:"timepoint"===t.type?{interactions:e.interactions,timepoints:Object.assign(Object.assign({},e.timepoints),_t({},t.id,t.value))}:void 0}function qt(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 Bt(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 Bt(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 Bt(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={interactionIndex:0},zt=function(e){var t=e.mode,n=e.timepoint,r=e.latestSession,i=t===l.InteractiveMode.Create,o=qt(a.a.useReducer(Dt,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]),(_t(n={},t.actionableItemId,t.data),_t(n,"submitted",!0),n)),e}),{})}:Lt}(r)})),2),c=o[0],s=o[1],u=v(null==n?void 0:n.id),m=null==n?void 0:n.interactions[u.interactionIndex],d="number"==typeof u.nextInteractionIndex?null==n?void 0:n.interactions[u.nextInteractionIndex]:null,f=y(null==m?void 0:m.id),p=y(null==d?void 0:d.id);function v(e){return e&&c.timepoints[e]||Wt}function y(e){if(!e)return{};var t=c.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:c,interaction:m,interactionState:f,timepointState:u,nextInteraction:d,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(m.id,Object.assign(Object.assign({},e),{hasChanges:!0,error:null}),t)}}},$t=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{s(r.next(e))}catch(e){i(e)}}function c(e){try{s(r.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}s((r=r.apply(e,t||[])).next())}))},Ht=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n},Vt=!1,Kt=function(e){var t=e.interactive,n=e.timepoint,r=e.player,i=e.mode,o=e.resultsService,c=e.latestSession,s=e.analyticsService,m=Ht(e,["interactive","timepoint","player","mode","resultsService","latestSession","analyticsService"]),d=zt({mode:i,timepoint:n,latestSession:c}),f=d.state,p=d.interaction,v=d.interactionState,y=d.timepointState,b=d.nextInteraction,g=d.nextInteractionState,h=Ht(d,["state","interaction","interactionState","timepointState","nextInteraction","nextInteractionState"]),w=i===l.InteractiveMode.Create;function I(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 E(e){var n=u.a.getTypeInfo(e.typeId);return{id:U(e.id)?void 0:e.id,typeId:e.typeId,type:n.typeName,interactiveId:t.id,timepointId:U(e.timepointId)?void 0:e.timepointId,order:e.order}}function S(e){return $t(this,void 0,void 0,regeneratorRuntime.mark((function n(){var r,a,i,o,c,l,u;return regeneratorRuntime.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(r=I(e),a=r.localInteraction,i=r.localTimepoint,a&&i){n.next=3;break}throw new Error("Could not find the interaction and timepoint for the interactionId ".concat(e));case 3:if(o=E(a),U(a.id)){n.next=10;break}return n.next=7,Z.deleteInteraction(a.id);case 7:s.logUserAction(o,{actionType:We.UserAction.Delete,entity:We.EntityType.Interaction,workflowPhase:We.WorkflowPhase.Complete}),n.next=11;break;case 10:s.logUserAction(o,{actionType:We.UserAction.Create,entity:We.EntityType.Interaction,workflowPhase:We.WorkflowPhase.Discard});case 11:if(c=i.interactions.findIndex((function(e){return e.id===a.id})),i.interactions.splice(c,1),h.clearInteractionState(a.id),l=h.getTimepointState(i.id),c<l.interactionIndex&&h.updateTimepointState(i.id,{interactionIndex:l.interactionIndex-1}),!(i.interactions.length>0)){n.next=18;break}return n.abrupt("return");case 18:if(U(i.id)){n.next=21;break}return n.next=21,Z.deleteTimepoint(i.id);case 21:u=t.timepoints.findIndex((function(e){return e.id===i.id})),t.timepoints.splice(u,1),m.removeCue(i.visibleAt/1e3),h.clearTimepointState(i.id);case 25:case"end":return n.stop()}}),n)})))}function C(e){if(p){var t=U(p.id);if(t||(null==v?void 0:v.hasChanges)||(null==y?void 0:y.hasChanges)){J.a.render(a.a.createElement("p",null,"Do you want to discard your changes?"),{title:"Unsaved changes",success:function(){(null==y?void 0:y.hasChanges)&&T(!0),t?S(p.id):h.clearInteractionState(p.id),e&&e()},buttons:[{variant:"link",buttonText:"Cancel"},{variant:"danger",success:!0,buttonText:"Discard"}]})}else e&&e()}else e&&e()}function k(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(w)C((function(){h.updateTimepointState(n.id,{interactionIndex:e})}));else{var r=function(){h.updateTimepointState(n.id,{nextInteractionIndex:e}),window.requestAnimationFrame((function(){h.updateTimepointState(n.id,{nextInteractionIndex:e,slideIn:!0}),window.setTimeout((function(){h.updateTimepointState(n.id,{interactionIndex:e,nextInteractionIndex:null,slideIn:null})}),400)}))};t?C(r):r()}}function x(){y.interactionIndex+1>=n.interactions.length?m.continueInteractive():k(y.interactionIndex+1,!1)}function N(){t.timepoints.sort((function(e,t){return e.visibleAt>t.visibleAt?1:t.visibleAt>e.visibleAt?-1:0}))}function O(){k(n.interactions.length)}function T(e){(null==y?void 0:y.hasChanges)&&(e&&m.moveTimepoint(y.originalVisibleAt),h.updateTimepointState(n.id,{hasChanges:void 0,originalVisibleAt:void 0}),Vt=!1)}return{state:f,interaction:p,interactionState:v,timepointState:y,nextInteraction:b,nextInteractionState:g,skip:x,cancel:function(){return $t(this,void 0,void 0,regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!(null==v?void 0:v.hasChanges)){e.next=3;break}return C(),e.abrupt("return");case 3:return e.next=5,S(p.id);case 5:m.setOpen(!0);case 6:case"end":return e.stop()}}),e)})))},addAnotherQuestion:O,goToTimepoint:function(e,n){var a=function(e){for(var n=0;n<t.timepoints.length;){var r=t.timepoints[n];if(r.id===e)return r;n++}return null}(e),i=a.interactions.find((function(e){return e.id.toString()===n.toString()}));r.currentTime(a.visibleAt/1e3),h.updateTimepointState(a.id,{interactionIndex:a.interactions.indexOf(i)})},discardChanges:C,changeIndex:k,promptDelete:function(e){var t=E(I(e).localInteraction);s.logUserAction(t,{actionType:We.UserAction.Delete,entity:We.EntityType.Interaction,workflowPhase:We.WorkflowPhase.Start}),J.a.render(a.a.createElement("p",null,"Are you sure you want to delete this question?"),{title:"Delete question",success:function(){return S(e)},buttons:[{variant:"link",buttonText:"Cancel"},{variant:"danger",success:!0,buttonText:"Delete question"}]})},showTypeSelector:function(){r.pause(),m.setOpen(!0),n&&O()},cancelTypeSelector:function(){n?k(y.interactionIndex-1):(m.setOpen(!1),r.play())},deleteInteraction:S,saveInteraction:function(){return $t(this,void 0,void 0,regeneratorRuntime.mark((function e(){var t,r,a,i,o,c;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(w){e.next=2;break}throw new Error("Should not be calling onClickSave while viewing an interactive");case 2:if(l=p.typeId,!(t=(0,Le[l])(h.getInteractionState(p.id),p))){e.next=7;break}return h.updateInteractionState(p.id,{error:t}),e.abrupt("return");case 7:if(h.updateInteractionState(p.id,{spinner:!0}),!U(n.id)){e.next=15;break}return r=n.id,e.next=12,Z.saveTimepoint(n);case 12:m.updateCue(r,n.id),h.clearTimepointState(r),(null==y?void 0:y.hasChanges)&&(N(),T());case 15:return p.timepointId=n.id,a=p.id,i=qe(p.typeId),e.next=20,i(h.getInteractionState(p.id),p);case 20:h.clearInteractionState(a),o=U(a),c=E(p),s.logUserAction(c,{actionType:o?We.UserAction.Create:We.UserAction.Edit,entity:We.EntityType.Interaction,workflowPhase:o?We.WorkflowPhase.Complete:We.WorkflowPhase.Save});case 24:case"end":return e.stop()}var l}),e)})))},addInteraction:function(e){var a;r.pause();var i=(null==n?void 0:n.id)||"new_".concat(Math.round(Math.random()*Number.MAX_SAFE_INTEGER)),o={id:"new_".concat(Math.round(Math.random()*Number.MAX_SAFE_INTEGER)),timepointId:i,typeId:e,order:(null===(a=null==n?void 0:n.interactions)||void 0===a?void 0:a.length)||0,interactiveId:t.id,data:{}},c=E(o);if(s.logUserAction(c,{actionType:We.UserAction.Create,entity:We.EntityType.Interaction,workflowPhase:We.WorkflowPhase.Start}),n)return n.interactions.push(o),void k(y.interactionIndex);var l=r.currentTime();t.timepoints||(t.timepoints=[]),t.timepoints.push({id:i,visibleAt:1e3*l,interactiveId:t.id,shouldPause:1,interactions:[o]}),N(),m.addCue(i)},submitInteractionAnswer:function(){return $t(this,void 0,void 0,regeneratorRuntime.mark((function e(){var r,a,c,u,d;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(i===l.InteractiveMode.View){e.next=2;break}throw new Error("Should not be calling onClickSubmit while creating an interactive");case 2:if(!v.submitted){e.next=8;break}if(!(y.interactionIndex>=n.interactions.length)){e.next=6;break}return m.continueInteractive(),e.abrupt("return");case 6:return k(y.interactionIndex+1),e.abrupt("return");case 8:if(r=_(v),f=p.typeId,!(a=(0,Pt[f])(r,p))){e.next=14;break}return h.updateInteractionState(p.id,{error:a}),e.abrupt("return");case 14:if(!o||!v.hasChanges){e.next=22;break}if(c=Ft(p.typeId),h.updateInteractionState(p.id,{spinner:!0}),!c){e.next=22;break}return e.next=20,c(r,p,o.save);case 20:u=E(p),s.logUserAction(u,{actionType:We.UserAction.Answer,entity:We.EntityType.Interaction});case 22:if(h.updateInteractionState(p.id,{submitted:!0,error:null,hasChanges:!1,spinner:!1}),t.immediateFeedback){e.next=26;break}return x(),e.abrupt("return");case 26:d=Tt(p.typeId),d(p)||x();case 29:case"end":return e.stop()}var f}),e)})))},userUpdateInteractionState:h.userUpdateInteractionState,updateTimepointTime:function(e){var a=r.duration(),i=function(e){for(var r=n.visibleAt+1e3*e,a=e>0,i=0;i<t.timepoints.length;i++){var o=t.timepoints[i];r<o.visibleAt-1e3||r>o.visibleAt+1e3||(r=a?o.visibleAt+1001:o.visibleAt-1001,i=0)}return r}(e);if(!(i/1e3>a||i<0)){var o=n.visibleAt;Vt||(Vt=!0,h.updateTimepointState(n.id,{originalVisibleAt:o,hasChanges:!0})),m.moveTimepoint(i)}},saveTimepoint:function(){return $t(this,void 0,void 0,regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!U(n.id)){e.next=2;break}return e.abrupt("return");case 2:return e.next=4,Z.updateTimepoint(n);case 4:N(),T();case 6:case"end":return e.stop()}}),e)})))},clearTimepointTimeState:T,reOrderQuestions:function(e){return $t(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,Z.saveInteraction(Object.assign(Object.assign({},e[r]),{order:r}));case 4:r++,t.next=1;break;case 7:a=n.interactions[y.interactionIndex],n.interactions=e,h.updateTimepointState(n.id,{interactionIndex:e.indexOf(a)});case 10:case"end":return t.stop()}}),t)})))}}},Zt=n(1290),Jt=n.n(Zt);function Qt(e){var t="".concat(e.className," ").concat(Jt.a.iconButton);e.children?t+=" ".concat(Jt.a.iconWithText):t+=" ".concat(Jt.a.iconOnly);var n=a.a.createElement(ct.a,{svgName:e.svgName,className:Jt.a.svg});return a.a.createElement(X.a,{className:t,onClick:e.onClick},n,e.children)}function Gt(e){var t=e.isCreate,n=e.open,r=e.showTypeSelector;return!t||n?a.a.createElement(a.a.Fragment,null):a.a.createElement(Qt,{className:"btn btn-outline-dark cv-add-question",onClick:r,svgName:st.b.Plus},"Add question")}var Yt=n(1223),Xt=n(384),en=n(1174);function tn(e){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."),e.config&&a.a.createElement("a",{href:Xt.a.getArticle(e.config.supportSiteUrl,en.a.MakeInteractive,e.config.countryCode,"articles"),className:"btn btn-link text-info"},"How do I make interactives?"))}function nn(e){var t=e.isCreate,n=e.interactive,r=e.interaction,i=e.portalNode,o=e.goToTimepoint,c=e.promptDelete,s=e.config;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(G.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(Yt.a,{interactive:n,maxHeight:300,goToTimepoint:o,selectedInteractionId:null==r?void 0:r.id,onClickDelete:t?c:void 0})):t?a.a.createElement(tn,{config:s}):a.a.createElement(a.a.Fragment,null))}var rn=n(1450);function an(e,t){if(t===l.InteractiveMode.Create)return function(e){return _e[e]}(e);if(t===l.InteractiveMode.View)return function(e){return At[e]}(e);throw new Error("Cannot find components for the mode ".concat(t))}var on=n(262);n(1291);function cn(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return sn(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return sn(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function sn(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var ln=[Q.InteractionTypeId.MissingWord,Q.InteractionTypeId.MultipleChoice,Q.InteractionTypeId.TrueOrFalse,Q.InteractionTypeId.ShortAnswer,Q.InteractionTypeId.Image,Q.InteractionTypeId.Annotation];function un(e){var t=e.addInteraction,n=e.cancelTypeSelector,r=e.player,i=e.timepoint,o=e.open,c=e.isCreate,s=e.interaction,l=cn(a.a.useState(Object(on.a)(r.currentTime()||0)),2),m=l[0],d=l[1];return a.a.useEffect((function(){var e=function(){d(Object(on.a)(r.currentTime()))};return r.on("timeupdate",e),function(){return r.off("timeupdate",e)}}),[]),s||!c?a.a.createElement(a.a.Fragment,null):a.a.createElement("div",{className:"d-flex align-items-center justify-content-center h-100"},a.a.createElement("div",{className:"cv-interactive-type-selector d-flex flex-wrap justify-content-center align-items-center"},a.a.createElement("div",{className:"text-center font-weight-bold w-100 text-body mb-3 cv-add-question-copy"},i?"Add another question at:":"Add a question at:"," ",m),ln.map((function(e,n){var r=u.a.getTypeInfo(e),i=r.name,o=r.bgClassName,c=r.Svg;return a.a.createElement(X.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(X.a,{className:"btn btn-link",onClick:n},"Cancel"))))}function mn(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return dn(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return dn(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function dn(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function fn(e){var t=e.typeId,n=e.currentIndex,r=e.numberOfInteractions,i=e.changeIndex,o=e.player,c=mn(a.a.useState(Object(on.a)(o.currentTime()||0)),2),s=c[0],l=c[1];a.a.useEffect((function(){var e=function(){l(Object(on.a)(o.currentTime()))};return o.on("timeupdate",e),function(){return o.off("timeupdate",e)}}),[]);var m=u.a.getTypeInfo(t),d=m.name,f=m.bgClassName,p=n<r-1;var v=n>0;return a.a.createElement("div",{className:"text-center d-flex justify-content-between align-items-center p-1 ".concat(f)},a.a.createElement(X.a,{onClick:function(){v&&i(n-1)},className:v?"":"invisible"},a.a.createElement(ct.a,{size:ct.b.Medium,svgName:st.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 ",s)),a.a.createElement(X.a,{onClick:function(){p&&i(n+1)},className:p?"":"invisible"},a.a.createElement(ct.a,{size:ct.b.Medium,svgName:st.b.ChevronRight})))}n(1292);function pn(e){var t=e.typeId,n=u.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-interaction-icon rounded my-1 text-white ".concat(o)},a.a.createElement(c,null)),a.a.createElement("span",{className:"text-left flex-grow-1"},a.a.createElement("div",{className:"h5 ".concat(i?"":"mb-0")},a.a.createElement("strong",null,r)),i&&a.a.createElement("div",{className:"h6 mb-0"},i))))}function vn(e){var t=e.isCreate,n=e.interaction,r=e.player,i=e.changeIndex,o=e.timepointState,c=e.timepoint;return t?a.a.createElement(fn,{typeId:n.typeId,changeIndex:i,player:r,currentIndex:o.interactionIndex,numberOfInteractions:c.interactions.length}):a.a.createElement(pn,{typeId:n.typeId})}var yn=n(35);function bn(e){var t=e.interaction,n=e.interactionState,a=e.onClickContinue,i=e.onClickSave,o=e.onClickCancel,c=e.onClickAddAnother,s=e.onClickDiscard,l=U(t.id),u=!!(null==n?void 0:n.hasChanges),m=!!(null==n?void 0:n.spinner);return r.createElement("div",{className:"cv-timpoint-button-container"},l?r.createElement(X.a,{className:"btn btn-link",onClick:o},"Cancel"):u?r.createElement(X.a,{className:"btn btn-link",onClick:s},"Discard"):r.createElement(X.a,{className:"btn btn-link",onClick:c},"Add another question"),m?r.createElement(X.a,{className:"btn btn-dark ml-2 cv-interactive-spinner",onClick:function(){}},r.createElement(yn.Spinner,{as:"span",animation:"border",role:"status",size:"sm"})):l?u?r.createElement(X.a,{className:"btn btn-dark ml-2",onClick:i},"Save"):r.createElement(X.a,{className:"btn btn-dark ml-2 disabled",onClick:function(){}},"Save"):u?r.createElement(X.a,{className:"btn btn-dark ml-2",onClick:i},"Save"):r.createElement(Qt,{className:"btn btn-dark ml-2",onClick:a,svgName:st.b.Play},"Continue"))}function gn(e){var t=e.typeId,n=e.interactionState,a=e.onClickSkip,i=e.numberOfInteractions,o=e.currentIndex,c=e.changeIndex,s=!!(null==n?void 0:n.submitted),l=!!(null==n?void 0:n.hasChanges),u=!!(null==n?void 0:n.spinner),m=!!Ft(t),d=o<i-1;function f(){d&&c(o+1)}var p=o>0;function v(){l&&e.onClickSubmit()}return r.createElement("div",{className:"cv-timpoint-button-container flex-wrap"},!s&&m&&r.createElement(X.a,{className:"btn btn-link",onClick:a},"Come back later"),i>1&&o>0&&r.createElement(Qt,{className:"btn btn-dark ml-2 ".concat(p?"":"disabled"),onClick:function(){p&&c(o-1)},svgName:st.b.ChevronUp}),u?r.createElement(X.a,{className:"btn btn-dark ml-2 cv-interactive-spinner",onClick:function(){}},r.createElement(yn.Spinner,{as:"span",animation:"border",role:"status",size:"sm"})):s||!m?1===i||o===i-1?r.createElement(Qt,{className:"btn btn-dark ml-2",onClick:a,svgName:st.b.Play},"Continue"):r.createElement(X.a,{className:"btn btn-dark ml-2 ".concat(d?"":"disabled"),onClick:f},"Next"):r.createElement(X.a,{className:"btn btn-dark ml-2 ".concat(l?"":"disabled"),onClick:v},"Save"))}function hn(e){var t=e.isCreate,n=e.interaction,r=e.interactionState,i=e.continueInteractive,o=e.saveInteraction,c=e.cancel,s=e.addAnotherQuestion,l=e.discardChanges,u=e.submitInteractionAnswer,m=e.skip,d=e.changeIndex,f=e.timepoint,p=e.currentIndex;return a.a.createElement(a.a.Fragment,null,t?a.a.createElement(bn,{interaction:n,interactionState:r,onClickContinue:i,onClickSave:o,onClickCancel:c,onClickAddAnother:s,onClickDiscard:function(){return l()}}):a.a.createElement(gn,{typeId:n.typeId,interactionState:r,onClickSubmit:u,onClickSkip:m,changeIndex:d,currentIndex:p,numberOfInteractions:f.interactions.length}))}var wn=n(1074);function In(e){var t=e.timepoint,n=e.interaction,r=e.promptDelete,i=e.optionsPortalNode,o=e.setView;if(!n)return a.a.createElement(a.a.Fragment,null);var c=[];if(c.push({label:"Move time point",onClick:function(){return o("move")}}),t.interactions.length>1){var s=U(n.id);c.push({label:"Re-order questions",onClick:function(){return o("reorder")},className:s?"disabled":""})}return c.push({label:"Delete",onClick:function(){return r(n.id)},className:"text-danger"}),a.a.createElement(G.a,{node:i},!!n&&a.a.createElement(wn.a,{actions:c}))}n(1293),n(1294);function En(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Sn(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Sn(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Sn(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var Cn=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{s(r.next(e))}catch(e){i(e)}}function c(e){try{s(r.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}s((r=r.apply(e,t||[])).next())}))},kn=null,xn=0,Nn=1;function On(e){var t=e.timepoint,n=e.updateTimepointTime,r=e.saveTimepoint,i=e.back,o=e.clearTimepointTimeState,c=En(a.a.useState(Object(on.a)(t.visibleAt/1e3)),2),s=c[0],l=c[1],u=En(a.a.useState(!1),2),m=u[0],d=u[1];function f(e){n(e*Nn),l(Object(on.a)(t.visibleAt/1e3)),2===++xn?Nn=5:4===xn?Nn=20:6===xn?Nn=60:8===xn&&(Nn=120),kn||(kn=window.setInterval((function(){return f(e)}),200),window.addEventListener("mouseup",p))}function p(){window.removeEventListener("mouseup",p),window.clearInterval(kn),kn=null,xn=0,Nn=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(X.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===xn&&f(-1)},onKeyUp:p}),a.a.createElement("input",{className:"form-control form-control-lg text-center d-inline-block cv-move-timepoint-input",value:s,onChange:function(){},onKeyDown:function(e){e.stopPropagation(),37===e.keyCode&&0===xn&&f(-1),39===e.keyCode&&0===xn&&f(1)},onKeyUp:p}),a.a.createElement(X.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===xn&&f(1)},onKeyUp:p}))))),a.a.createElement("div",{className:"cv-timpoint-button-container"},a.a.createElement(X.a,{className:"btn btn-link",onClick:function(){o(!0),i()}},"Cancel"),m?a.a.createElement(X.a,{className:"btn btn-dark ml-2 cv-interactive-spinner",onClick:function(){}},a.a.createElement(yn.Spinner,{as:"span",animation:"border",role:"status",size:"sm"})):a.a.createElement(X.a,{className:"btn btn-dark",onClick:function(){return Cn(this,void 0,void 0,regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return d(!0),e.next=3,r();case 3:i();case 4:case"end":return e.stop()}}),e)})))}},"Save")))}var Tn=n(1047),An=n(1295),jn=n.n(An),Pn=n(1124);function Rn(e){return function(e){if(Array.isArray(e))return Un(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||Mn(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Fn(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||Mn(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){if(e){if("string"==typeof e)return Un(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)?Un(e,t):void 0}}function Un(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var _n=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{s(r.next(e))}catch(e){i(e)}}function c(e){try{s(r.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}s((r=r.apply(e,t||[])).next())}))};var Ln=Object(Tn.SortableElement)((function(e){var t=e.interaction,n=u.a.getTypeInfo(t.typeId).bgClassName;return a.a.createElement("div",{className:"py-2 text-left"},a.a.createElement("span",{className:jn.a.dragIcon},a.a.createElement(ct.a,{size:ct.b.Small,svgName:st.b.Handle})),a.a.createElement(Pn.a,{interaction:t,iconClassName:"".concat(jn.a.type," ").concat(n),questionClassName:"".concat(jn.a.name," clamp-1")}))})),Dn=Object(Tn.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(Ln,{key:e.id,index:t,interaction:e})})))}));function qn(e){var t=Fn(a.a.useState(!1),2),n=t[0],r=t[1],i=Fn(a.a.useState(Rn(e.interactions)),2),o=i[0],c=i[1],s=Fn(a.a.useState(!1),2),l=s[0],u=s[1];return a.a.createElement(a.a.Fragment,null,a.a.createElement("div",{className:"cv-timepoint flex-grow-1"},a.a.createElement("div",{className:"cv-timepoint-padding"},a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("label",{className:"cv-interaction-field-label mb-0"},"Re-order questions"),a.a.createElement("div",{className:"text-center mt-3"},a.a.createElement(Dn,{onSortEnd:function(e){var t=e.oldIndex,n=e.newIndex;t!==n&&(c(Rn(function(e,t,n){for(;t<0;)t+=e.length;for(;n<0;)n+=e.length;if(n>=e.length)for(var r=n-e.length+1;r--;)e.push(void 0);return e.splice(n,0,e.splice(t,1)[0]),e}(o,t,n))),u(!0))},interactions:o,helperClass:jn.a.dragging,lockAxis:"y"}))))),a.a.createElement("div",{className:"cv-timpoint-button-container"},a.a.createElement(X.a,{className:"btn btn-link",onClick:function(){c(Rn(e.interactions)),u(!1),e.back()}},"Cancel"),n?a.a.createElement(X.a,{className:"btn btn-dark ml-2 cv-interactive-spinner",onClick:function(){}},a.a.createElement(yn.Spinner,{as:"span",animation:"border",role:"status",size:"sm"})):a.a.createElement(X.a,{className:"btn btn-dark ".concat(l?"":"disabled"),onClick:function(){return _n(this,void 0,void 0,regeneratorRuntime.mark((function t(){return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(l){t.next=2;break}return t.abrupt("return");case 2:return r(!0),t.next=5,e.reOrderQuestions(o);case 5:r(!1),e.back();case 7:case"end":return t.stop()}}),t)})))}},"Save")))}var Bn=n(96),Wn=n(40);function zn(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return $n(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return $n(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function $n(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Hn(e){var t=e.isCreate,n=e.interaction,r=e.mode,i=e.immediateFeedback,o=e.interactionState,c=e.shouldFocus,s=e.delayFocus,l=e.open,u=e.timepoint,m=e.userUpdateInteractionState,d=e.submitInteractionAnswer,f=e.saveInteraction,p=a.a.useRef(),v=a.a.useRef(),y=Object(Bn.a)(Wn.a.XLDown),b=!t||y;function g(){return!!p.current&&(!!c&&!!l)}function h(){p.current&&(p.current.focus(),E(!0))}var w=zn(a.a.useState(!1),2),I=w[0],E=w[1];a.a.useEffect((function(){g()&&(I||(s&&b?window.setTimeout((function(){g()&&h()}),400):h()))}),[p.current,I]);var S=zn(a.a.useState("question"),2),C=S[0],k=S[1],x=a.a.useMemo((function(){return Object(G.c)()}),[]),N=n?an(n.typeId,r):null,O=i;return t||(O=O&&(null==o?void 0:o.submitted)),a.a.createElement(a.a.Fragment,null,a.a.createElement(In,Object.assign({optionsPortalNode:x,setView:k},e)),a.a.createElement(rn.a,{style:{height:"100%"},ref:v},a.a.createElement(un,Object.assign({},e)),!!n&&a.a.createElement("div",{className:"d-flex flex-column h-100"},a.a.createElement(vn,Object.assign({},e)),"question"===C&&a.a.createElement(a.a.Fragment,null,a.a.createElement("form",{className:"cv-timepoint flex-grow-1",tabIndex:-1,onSubmit:function(e){e.preventDefault(),t?f():d()}},a.a.createElement("div",{className:"cv-timepoint-padding"},a.a.createElement("div",{ref:p,tabIndex:0}),a.a.createElement(N,Object.assign({state:o,setState:m,recalculateScroll:function(){v.current.recalculate()},showFeedback:O,optionsPortalNode:x},e)))),a.a.createElement(hn,Object.assign({},e))),"move"===C&&a.a.createElement(On,Object.assign({back:function(){return k("question")}},e)),"reorder"===C&&a.a.createElement(qn,Object.assign({back:function(){return k("question")},interactions:u.interactions},e)))))}n(1296);function Vn(e){var t=e.open,n=e.nextInteraction,r=e.nextInteractionState,i=e.timepointState,o=e.interaction,c=e.delayFocus,s=n&&i.nextInteractionIndex<i.interactionIndex,l=n&&i.nextInteractionIndex>i.interactionIndex,u=l&&i.slideIn,m=s&&i.slideIn;return a.a.createElement("div",{className:"cv-interactive ".concat(t?"cv-open":"")},s&&a.a.createElement("div",{className:"cv-prev-interaction ".concat(i.slideIn?"cv-slide-in":"")},a.a.createElement(Hn,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(m?"cv-slide-out-down":"","\n ").concat(n?"cv-transitioning":"","\n ")},a.a.createElement(Hn,Object.assign({key:null==o?void 0:o.id},e,{currentIndex:i.interactionIndex,shouldFocus:o&&!s&&!l,delayFocus:c}))),l&&a.a.createElement("div",{className:"cv-next-interaction ".concat(i.slideIn?"cv-slide-in":"")},a.a.createElement(Hn,Object.assign({},e,{currentIndex:i.nextInteractionIndex,interaction:n,interactionState:r}))))}n(1297);function Kn(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Zn(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Zn(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Zn(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Jn(e){var t=e.player,n=e.resultsService,r=e.interactive,i=e.setShowSummary,o=Kn(a.a.useState(!1),2),c=o[0],s=o[1],l=e.player.activePlugins_.activityStatusPlugin;function u(){t.currentTime()>r.timepoints[r.timepoints.length-1].visibleAt/1e3+1?s(!0):s(!1)}return a.a.useEffect((function(){if(n)return t.on("timeupdate",u),function(){return t.off("timeupdate",u)}}),[]),c?a.a.createElement(X.a,{className:"btn btn-outline-dark cv-show-summary ".concat(l?"cv-has-activity-status-plugin":""),onClick:function(){i(!0),t.pause(),t.hide()}},t.gradePassbackPlugin().enabled?"Submit answers":"View summary"):null}var Qn=n(1298),Gn=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=u.a.getTypeInfo(t.interactions[0].typeId).bgClassName,o=t.visibleAt/1e3/n*100;return a.a.createElement("span",{key:r,className:"".concat(Gn.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 Xn=n(141),er=n(370),tr=n(1299),nr=n.n(tr);function rr(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 ar(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 ar(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 ar(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){var t=e.duration,n=e.progress,r=e.player,i=rr(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:nr.a.progress,style:{left:"".concat(r,"%"),right:"".concat(i,"%")}})})))}function or(e){return le.a.last(e.results)}function cr(e,t){return le.a.findWhere(null==t?void 0:t.attempts,{id:e})}var sr,lr=n(1198),ur=n.n(lr);function mr(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var dr=function(){return a.a.createElement(a.a.Fragment,null)},fr=(mr(sr={},Q.InteractionTypeId.Annotation,dr),mr(sr,Q.InteractionTypeId.Image,dr),mr(sr,Q.InteractionTypeId.MissingWord,(function(e){var t=e.interaction.data.sentence.replace(/{([^{}]*)}/g,(function(e,t){return"{".concat("cv-missing-word-").concat(t,"}")})).split(/{([^{}]*)}/g),n="p-2";return e.reportsStyling||(n+=" border rounded"),a.a.createElement("div",{className:n},t.map((function(t,n){if(!t.startsWith("cv-missing-word-"))return t;var r=t.replace("cv-missing-word-",""),i=e.interaction.actionableItems.find((function(e){return e.order.toString()===r}));if(i){var o=e.answers.find((function(e){return e.id==i.id}));if(o){if(!e.showFeedback)return a.a.createElement("strong",{key:n,className:"text-info"},o.text);var c=o.status===Ve.Correct;return a.a.createElement(a.a.Fragment,{key:n},!c&&a.a.createElement(a.a.Fragment,null,a.a.createElement("del",{className:"text-danger"},a.a.createElement("strong",null,o.text))," "),a.a.createElement("strong",{className:"text-success"},i.name))}}})))})),mr(sr,Q.InteractionTypeId.MultipleChoice,(function(e){var t,n,r,i,o="my-2";return e.reportsStyling&&(o+=" mx-2"),a.a.createElement("div",{className:o},a.a.createElement(ft,{interaction:e.interaction,showFeedback:e.showFeedback,getSelectedAnswer:function(t){var n=e.answers.find((function(e){return e.id==t}));return null==n?void 0:n.text},imageApi:e.imageCdnUrl,userInitials:e.anonymisedUserName?ot.a.getInitialsFromFullName(e.anonymisedUserName):ot.a.getInitials(null===(t=e.user)||void 0===t?void 0:t.name,null===(n=e.user)||void 0===n?void 0:n.surname),userAvatar:e.anonymisedUserName?null:null===(i=null===(r=e.user)||void 0===r?void 0:r.avatar)||void 0===i?void 0:i.url,onlyShowSelectedAnswer:!e.showAvatar,size:"sm",unCheckedBackground:e.showFeedback?"":"".concat(ur.a.uncheckedBackground," text-white")}))})),mr(sr,Q.InteractionTypeId.TrueOrFalse,(function(e){var t,n,r,i,o="justify-content-start";return e.reportsStyling&&(o="justify-content-center"),a.a.createElement("div",{className:"my-2"},a.a.createElement(ht,{className:o,interaction:e.interaction,showFeedback:e.showFeedback,hideFeedbackIcons:!e.showAvatar,getSelectedAnswer:function(t){var n=e.answers.find((function(e){return e.id==t}));return null==n?void 0:n.text},imageApi:e.imageCdnUrl,userInitials:e.anonymisedUserName?ot.a.getInitialsFromFullName(e.anonymisedUserName):ot.a.getInitials(null===(t=e.user)||void 0===t?void 0:t.name,null===(n=e.user)||void 0===n?void 0:n.surname),userAvatar:e.anonymisedUserName?null:null===(i=null===(r=e.user)||void 0===r?void 0:r.avatar)||void 0===i?void 0:i.url,size:"sm",unCheckedBackground:e.showFeedback?"":"".concat(ur.a.uncheckedBackground," text-white")}))})),mr(sr,Q.InteractionTypeId.ShortAnswer,(function(e){var t=le.a.first(e.answers);if(!t)return a.a.createElement(a.a.Fragment,null);var n="rounded p-2 mb-2";return e.reportsStyling||(n+=" bg-info text-white"),a.a.createElement("div",{className:n},t.text)})),sr),pr=n(8).a.encloseNamespace("interactives.responseTypes");function vr(){return a.a.createElement("p",{className:"p-2"},a.a.createElement("em",null,pr("noResponse")))}function yr(e){return a.a.createElement(a.a.Fragment,null,e.correctness===Ze.a.Correct&&a.a.createElement("div",{className:"ml-2 text-success"},a.a.createElement(ct.a,{svgName:st.b.Check})),e.correctness===Ze.a.Incorrect&&a.a.createElement("div",{className:"ml-2 text-danger"},a.a.createElement(ct.a,{svgName:st.b.Close})))}function br(e){return a.a.createElement("div",{className:"d-flex align-items-center justify-content-between"},a.a.createElement("strong",null,e.anonymisedUserName||ot.a.getFullName(e.studentResults.user)),a.a.createElement(yr,{correctness:e.correctness}))}function gr(e){return e.correctness!==Ze.a.AwaitingMarking?a.a.createElement(a.a.Fragment,null):a.a.createElement("div",{className:"d-flex justify-content-end mt-1"},a.a.createElement("div",{className:"d-flex flex-column justify-content-end cursor-pointer\n ".concat(e.markedStatus===Ve.Correct?"text-success":"")},a.a.createElement(ct.a,{svgName:e.markedStatus===Ve.Correct?st.b.CheckCircle:st.b.CheckCircleOutline,onClick:function(){return e.markInteraction(e.studentAttempt.answers,Ve.Correct)}})),a.a.createElement("div",{className:"d-flex flex-column justify-content-end cursor-pointer\n ".concat(e.markedStatus===Ve.Incorrect?" text-danger":"")},a.a.createElement(ct.a,{svgName:e.markedStatus===Ve.Incorrect?st.b.CrossCircleFilled:st.b.CrossCircle,onClick:function(){return e.markInteraction(e.studentAttempt.answers,Ve.Incorrect)}})))}var hr=n(1300),wr=n.n(hr);function Ir(e){var t,n,r,i,o,c=fr[e.interaction.typeId];if(!c)return a.a.createElement(a.a.Fragment,null);var s=or(e.studentResults),l=cr(e.interaction.id,s),u=rt.isInteractionCorrect(e.interaction,s);return a.a.createElement("div",{className:"rounded ".concat(null!==(t=e.className)&&void 0!==t?t:"")},a.a.createElement("div",{className:"d-flex"},!!e.showStudentDetails&&a.a.createElement("div",{className:"mr-2"},a.a.createElement("div",{className:wr.a.avatarContainer},a.a.createElement(lt.a,{imageCdnUrl:e.imageCdnUrl,initials:e.anonymisedUserName?ot.a.getInitialsFromFullName(e.anonymisedUserName):ot.a.getInitials(null===(n=e.studentResults.user)||void 0===n?void 0:n.name,null===(r=e.studentResults.user)||void 0===r?void 0:r.surname),imageUrl:e.anonymisedUserName?null:null===(o=null===(i=e.studentResults.user)||void 0===i?void 0:i.avatar)||void 0===o?void 0:o.url}))),a.a.createElement("div",{className:"flex-grow-1"},!!e.showStudentDetails&&a.a.createElement(br,{studentResults:e.studentResults,correctness:u,anonymisedUserName:e.anonymisedUserName}),a.a.createElement("div",{className:"d-flex justify-content-between"},a.a.createElement("div",{className:"flex-grow-1 ".concat(e.responseComponentClass?e.responseComponentClass:"")},l?a.a.createElement(c,{interaction:e.interaction,answers:l.answers,imageCdnUrl:e.imageCdnUrl,user:e.studentResults.user,showFeedback:e.showFeedback,showAvatar:e.showAvatar,reportsStyling:e.reportsStyling}):a.a.createElement(vr,null)),!e.showStudentDetails&&a.a.createElement(yr,{correctness:u})))),a.a.createElement(gr,{studentAttempt:l,correctness:u,markInteraction:e.markInteraction,markedStatus:e.markedStatus}))}var Er=n(1301),Sr=n.n(Er);function Cr(e){var t=e.studentResults,n=e.interaction,r=e.timepoint,i=e.interactive,o=e.state,c=e.goToTimepoint,s=e.interactionNumber,l=e.imageCdnUrl,u=or(t),m=cr(n.id,u),d=o.interactions[n.id],f=Ut(n.typeId)(d||{},n),p=n.typeId!==Q.InteractionTypeId.Annotation&&n.typeId!==Q.InteractionTypeId.Image,v=p;n.typeId===Q.InteractionTypeId.MissingWord&&m&&(v=!1);var y=n.data.suggestedResponse||n.data.feedback;return a.a.createElement("li",{className:"mb-3 position-relative"},a.a.createElement("div",{className:"d-flex flex-wrap mb-2 cursor-pointer",onClick:function(){return c(r.id,n.id)}},i.immediateFeedback&&a.a.createElement("div",{className:Sr.a.feedback},!!m&&(f===Ze.a.AwaitingMarking?a.a.createElement("span",{className:"text-muted font-italic"},"Waiting to be marked"):f===Ze.a.Correct?a.a.createElement("span",{className:"text-success"},"Correct ",a.a.createElement(ct.a,{className:"svg-container align-middle",svgName:st.b.Check})):f===Ze.a.Incorrect&&a.a.createElement("span",{className:"text-danger"},"Incorrect ",a.a.createElement(ct.a,{className:"svg-container align-middle",svgName:st.b.Close})))),a.a.createElement(Pn.a,{interaction:n,iconClassName:"flex-shrink-0",showQuestion:v,showTypeName:!0,questionClassName:"d-block w-100 mt-2",questionNumber:s})),p&&!m&&a.a.createElement("button",{className:"btn btn-dark",onClick:function(){return c(r.id,n.id)}},"Answer question"),m&&p&&a.a.createElement(Ir,{interaction:n,studentResults:t,markedStatus:Ve.PendingReview,markInteraction:function(){},imageCdnUrl:l,showFeedback:i.immediateFeedback,showAvatar:!0}),i.immediateFeedback&&m&&y&&a.a.createElement("div",{className:"bg-light rounded p-2"},a.a.createElement("div",null,a.a.createElement("strong",null,n.typeId===Q.InteractionTypeId.TrueOrFalse?"Teacher's feedback":"Teacher's suggested response")),y))}var kr=n(1302),xr=n.n(kr);function Nr(e){return function(e){if(Array.isArray(e))return Or(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 Or(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 Or(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 Or(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 Tr(e){var t=e.showSummary,n=e.setShowSummary,r=e.state,i=e.interactive,o=e.player,c=e.progress,s=e.portalNode,l=a.a.useRef();function u(){n(!1),o.show(),o.play()}function m(t,n){u(),e.goToTimepoint(t,n)}if(!s||!t)return a.a.createElement(a.a.Fragment,null);var d=function(e){var t=e.interactive,n=e.state,r=0,a=0,i=0,o=!1,c=[];return t.timepoints.forEach((function(e){e.interactions.forEach((function(e){var t=n.interactions[e.id],s=Ut(e.typeId)(t||{},e);s===Ze.a.Correct&&r++,s!==Ze.a.NotApplicable&&a++,s!==Ze.a.NotApplicable&&(null==t?void 0:t.submitted)&&i++,s===Ze.a.AwaitingMarking&&(o=!0);var l=_(t||{}),u=Object.keys(l).map((function(e){var t;return{id:e,text:null===(t=l[e])||void 0===t?void 0:t.toString()}}));u.length&&c.push({id:e.id,answeredAt:1,answers:u})}))})),{correctCount:r,total:a,answered:i,studentAttempts:c,awaitingMarking:o}}({interactive:i,state:r}),f=d.correctCount,p=d.total,v=d.answered,y=d.studentAttempts,b=d.awaitingMarking,g={name:e.currentUser.givenName,username:e.currentUser.username,user:{name:e.currentUser.givenName,surname:e.currentUser.familyName,avatar:{url:e.currentUser.avatar}},results:[{id:i.id,attempts:y}]},h=0,w=o.ended(),I=o.duration();return a.a.createElement(G.a,{node:s},a.a.createElement("div",{className:"row pb-3"},a.a.createElement("div",{className:"col-4 col-xs-12"},a.a.createElement(er.a,{data:o.poster(),imageType:ye.c.Thumbnails,imageOptions:{size:ye.b.Medium}})),a.a.createElement("div",{className:"col-8 col-xs-12"},a.a.createElement("span",{className:"float-right"},a.a.createElement(Xn.a,{svgName:st.b.Play,className:"btn btn-outline-dark",onClick:function(){u(),o.ended()&&o.currentTime(0)}},w?"Play again":"Continue watching"),o.gradePassbackPlugin().enabled&&a.a.createElement(Xn.a,{svgName:st.b.Check,className:"btn btn-dark ml-2",onClick:function(){o.gradePassbackPlugin().submit(f/p,!b)}},"Submit")),a.a.createElement("h1",{className:"h3"},e.title),a.a.createElement("p",null))),a.a.createElement("div",{className:"border rounder px-2 mb-3"},a.a.createElement("div",{className:"cursor-pointer my-4 ".concat(xr.a.bar),onClick:function(e){if(l.current){var t=l.current.getBoundingClientRect(),n=(e.pageX-t.left)/t.width*I;u(),o.currentTime(n)}},ref:l},a.a.createElement(ir,{duration:I,progress:c,interactive:i,player:o}),a.a.createElement(Yn,{duration:I,interactive:i,goToTimepoint:m}))),a.a.createElement("h2",{className:"h4"},"My Answers"),a.a.createElement("div",{className:"d-flex justify-content-between"},a.a.createElement("span",null,i.immediateFeedback&&a.a.createElement("div",null,"Score: ",f,"/",p),a.a.createElement("div",{className:"mb-3"},"You have answered ",a.a.createElement("strong",{className:v!==p?"text-danger":""},v)," of ",a.a.createElement("strong",null,p)," questions"))),a.a.createElement("div",{className:"row"},a.a.createElement("div",{className:"col-lg-7 col-12"},a.a.createElement("ul",{className:"list-unstyled"},i.timepoints.reduce((function(t,n){return[].concat(Nr(t),Nr(n.interactions.map((function(t){return h++,a.a.createElement(Cr,{key:t.id,studentResults:g,interaction:t,timepoint:n,interactive:i,state:r,goToTimepoint:m,interactionNumber:h,imageCdnUrl:e.imageCdnUrl})}))))}),[])))))}function Ar(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 jr(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 jr(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 jr(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 Pr(e){var t=e.resultsService,n=e.player,r=e.onShowSummary,i=Ar(a.a.useState(!1),2),o=i[0],c=i[1];function s(e){c(e),r&&r(e)}function l(){s(!0),n.hide()}return a.a.useEffect((function(){if(t)return n.on("ended",l),function(){return n.off("ended",l)}}),[]),a.a.useEffect((function(){o&&n.isFullscreen()&&n.exitFullscreen()}),[o]),a.a.createElement(a.a.Fragment,null,a.a.createElement(Jn,Object.assign({setShowSummary:s},e)),a.a.createElement(Tr,Object.assign({showSummary:o,setShowSummary:s},e)))}n(1303);var Rr=n(1058);function Fr(e){var t,n,r,i=(t=e.interactive,r=0,null===(n=null==t?void 0:t.timepoints)||void 0===n||n.forEach((function(e){var t;return null===(t=e.interactions)||void 0===t?void 0:t.forEach((function(){return r++}))})),r>0),o=[];return e.onClickEditDetails&&o.push({label:"Edit details",svgName:st.b.Edit,button:!0,className:"btn btn-outline-dark",onClick:e.onClickEditDetails}),e.onClickPublish&&o.push({label:"Publish",button:!0,className:"btn btn-dark ml-2".concat(i?"":" disabled"),disabled:!i,tooltip:i?"":"Interactives cannot be published without questions",onClick:function(){if(!i)return;e.onClickPublish&&e.onClickPublish()}}),o.length?a.a.createElement(G.a,{node:e.portalNode},a.a.createElement(Rr.a,{actions:o})):a.a.createElement(a.a.Fragment,null)}var Mr=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 Ur(e){var t=e.title,n=e.player,r=e.track,i=e.mode,o=e.interactive,c=e.imageApi,s=e.actionsPortalNode,u=e.questionListPortalNode,m=e.summaryPortalNode,d=e.resultsService,f=e.currentUser,p=e.progress,v=e.latestSession,y=e.clipOffset,b=e.analyticsService,g=e.config,h=function(e){var t=e.player,n=e.track,r=e.interactive,i=e.clipOffset,o=P(a.a.useState(!1),2),c=o[0],s=o[1],l=P(a.a.useState(!1),2),u=l[0],m=l[1],d=P(a.a.useState(null),2),f=d[0],p=d[1];function v(e){return i?e+i:e}function y(e){m(!!e&&c),s(e)}function b(){var e=n.activeCues;if(!e.length)return y(!1),void p(null);var a=r.timepoints.find((function(t){return t.id.toString()===e[0].text.toString()}));if(!a)return y(!1),void p(null);a.shouldPause&&(t.seeking()?t.one("play",(function(){return t.pause()})):t.pause()),y(!0),p(a)}function g(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=g(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=g(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:n,track:r,interactive:o,mode:i,clipOffset:y}),w=h.open,I=h.timepoint,E=h.wasOpen,S=Mr(h,["open","timepoint","wasOpen"]),C=Kt(Object.assign({mode:i,interactive:o,timepoint:I,player:n,resultsService:d,latestSession:v,analyticsService:b},S)),k=C.interaction,x=C.interactionState,N=C.nextInteraction,O=C.nextInteractionState,T=C.timepointState,A=C.state,R=Mr(C,["interaction","interactionState","nextInteraction","nextInteractionState","timepointState","state"]);!function(e){var t,n=e.mode,r=e.player,i=e.timepoint,o=e.interaction,c=e.discardChanges,s=e.interactionState,u=e.timepointState,m=Object(F.a)(),d=n===l.InteractiveMode.Create;a.a.useEffect((function(){if(d){if(U(null==o?void 0:o.id)||(null==s?void 0:s.hasChanges)||(null==u?void 0:u.hasChanges))return m.lock({id:"interactive",title:"Are you sure you want to leave?",text:"Your interactive still has unsaved changes"}),void r.lock((function(e){c(e)}));r.unlock(),m.unlock("interactive")}}),[o,null==s?void 0:s.hasChanges,null===(t=null==i?void 0:i.interactions)||void 0===t?void 0:t.length,null==u?void 0:u.hasChanges])}({mode:i,player:n,timepoint:I,interaction:k,discardChanges:R.discardChanges,interactionState:x,timepointState:T});var M={mode:i,open:w,isCreate:i===j.a.Create,interaction:k,nextInteraction:N,timepoint:I,interactive:o,interactionState:x,nextInteractionState:O,timepointState:T,player:n};return a.a.createElement(a.a.Fragment,null,!!s&&a.a.createElement(Fr,{interactive:o,onClickEditDetails:e.onClickEditDetails,onClickPublish:e.onClickPublish,portalNode:s}),a.a.createElement(Gt,Object.assign({},M,R)),a.a.createElement(Vn,Object.assign({imageApi:c,currentUser:f,immediateFeedback:o.immediateFeedback,delayFocus:!E},M,R,S)),a.a.createElement(Pr,Object.assign({title:t,currentUser:f,state:A,portalNode:m,progress:p,resultsService:d,imageCdnUrl:c.toString(),onShowSummary:e.onShowSummary},M,R)),a.a.createElement(nn,Object.assign({portalNode:u,config:g},M,R)))}c.a.registerComponent("Interactive",Object(A.a)((function(e,t){return a.a.createElement(Ur,Object.assign({player:e},t))})));var _r=n(251),Lr=n(255);function Dr(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(_r.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(Lr.a,{buttons:i}))}function qr(e){return(qr="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function Br(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function Wr(e,t){return(Wr=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function zr(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=Hr(e);if(t){var a=Hr(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return $r(this,n)}}function $r(e,t){return!t||"object"!==qr(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 Hr(e){return(Hr=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}c.a.registerComponent("ContinueSession",Object(A.a)((function(e,t){return a.a.createElement(Dr,Object.assign({player:e},t))})));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&&Wr(e,t)}(i,e);var t,n,r,a=zr(i);function i(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i),(t=a.call(this,e)).enabled=!1,t.player.ready((function(){return t.initialize()})),t}return t=i,(n=[{key:"initialize",value:function(){this.onReceiveMessage=this.onReceiveMessage.bind(this),window.addEventListener("message",this.onReceiveMessage,!1),window.parent.postMessage(JSON.stringify({type:"cv-app-loaded"}),"*")}},{key:"dispose",value:function(){window.removeEventListener("message",this.onReceiveMessage)}},{key:"onReceiveMessage",value:function(e){var t={};try{t=JSON.parse(e.data)}catch(e){return}"enable-grade-passback"===t.type&&(this.enabled=!0,window.removeEventListener("message",this.onReceiveMessage))}},{key:"submit",value:function(e,t){var n={type:"cv-lms-submit-score",data:{score:e,fullyGraded:t}};window.parent.postMessage(JSON.stringify(n),"*")}}])&&Br(t.prototype,n),r&&Br(t,r),i}(c.a.getPlugin("plugin"));c.a.registerPlugin("gradePassbackPlugin",Vr);n(1304);function Kr(e){return(Kr="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 Zr(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 Jr(e,t){return(Jr=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function Qr(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=Yr(e);if(t){var a=Yr(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return Gr(this,n)}}function Gr(e,t){return!t||"object"!==Kr(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 Yr(e){return(Yr=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var Xr=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&&Jr(e,t)}(i,e);var t,n,r,a=Qr(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;this.player.gradePassbackPlugin(),s.a.useTrack(this.player,"metadata","interactive",this.onTrackLoaded.bind(this)),this.player.addClass("cv-interactive-plugin"),this.options.resultsService&&!this.options.latestSession&&(this.startSession=this.startSession.bind(this),this.player.one("play",this.startSession),this.on("dispose",(function(){e.player.off("play",e.startSession)})))}},{key:"startSession",value:function(){var e,t=null===(e=this.options.latestSession)||void 0===e?void 0:e.resultId;this.continueSession||(t=null),this.options.resultsService.start(t)}},{key:"onTrackLoaded",value:function(e){var t=this;this.options.resultsService&&this.options.latestSession?(this.player.pause(),this.player.addChild("ContinueSession",{continue:function(n){t.options.analyticsService.logUserAction({},{actionType:We.UserAction.Click,entity:We.EntityType.Interactive,descriptor:n?We.InteractiveSessionDescriptor.ContinueSession:We.InteractiveSessionDescriptor.NewSession}),t.continueSession=n,t.startSession(),t.addChildren(e),t.player.play()}})):this.addChildren(e)}},{key:"addChildren",value:function(e){this.player.addChild("Interactive",Object.assign(Object.assign({},this.options),{track:e,mode:this.options.mode||l.InteractiveMode.View,latestSession:this.continueSession&&this.options.latestSession})),this.player.controlBar.getChild("progressControl").getChild("SeekBar").addChild(new T(this.player,{interactive:this.options.interactive,track:e}))}}])&&Zr(t.prototype,n),r&&Zr(t,r),i}(c.a.getPlugin("plugin"));c.a.registerPlugin("viewInteractivePlugin",Xr);var ea=n(118);function ta(e){return(ta="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 na(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 ra(e,t){return(ra=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function aa(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=oa(e);if(t){var a=oa(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return ia(this,n)}}function ia(e,t){return!t||"object"!==ta(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 oa(e){return(oa=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var ca=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&&ra(e,t)}(i,e);var t,n,r,a=aa(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()}}])&&na(t.prototype,n),r&&na(t,r),i}(n(109).a);function sa(e){return function(e){if(Array.isArray(e))return la(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 la(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 la(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 la(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 ua(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 ma=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{s(r.next(e))}catch(e){i(e)}}function c(e){try{s(r.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}s((r=r.apply(e,t||[])).next())}))},da=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 ea.a).withUrl("".concat(t.playerApi.origin,"/hubs/interactives"),{withCredentials:!1}).configureLogging(ea.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 ma(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 ma(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 ca):(this.retryCount++,this.start())}},{key:"startSession",value:function(){return ma(this,void 0,void 0,regeneratorRuntime.mark((function e(){var t,n,r,a,o,c,s;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,o=t.customerId,c=t.shareId,e.prev=3,e.next=6,this.connection.invoke("startSession",n,r,a,o,c);case 6:s=e.sent,this.resultId=s.resultId,e.next=13;break;case 10:e.prev=10,e.t0=e.catch(3),i.a.ErrorHelper.throw(new ca);case 13:case"end":return e.stop()}}),e,this,[[3,10]])})))}},{key:"flush",value:function(){return ma(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:sa(this.cache).forEach((function(e){return ma(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 ma(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)})))}}])&&ua(t.prototype,n),r&&ua(t,r),e}(),fa=function(e,t){var n,r=e.addTextTrack("metadata","interactive"),a=t.additionalData.interactive,i=null===(n=t.additionalData.clipData)||void 0===n?void 0:n.startTime;return a.timepoints.forEach((function(e){var t,n=e.visibleAt/1e3,a=e.visibleFor?n+e.visibleFor/1e3:n+1;i&&(n+=i,a+=i),(null===(t=e.interactions)||void 0===t?void 0:t.length)&&r.addCue({startTime:n-.001,endTime:a,text:e.id})})),r},pa=n(387);function va(e){return(va="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 ya(e){return function(e){if(Array.isArray(e))return ba(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 ba(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 ba(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 ba(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 ga(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 ha(e,t,n){return(ha="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=Sa(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 wa(e,t){return(wa=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function Ia(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=Sa(e);if(t){var a=Sa(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return Ea(this,n)}}function Ea(e,t){return!t||"object"!==va(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 Sa(e){return(Sa=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var Ca=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{s(r.next(e))}catch(e){i(e)}}function c(e){try{s(r.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}s((r=r.apply(e,t||[])).next())}))},ka=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&&wa(e,t)}(c,e);var t,n,r,a=Ia(c);function c(e,t){var n;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,c),(n=a.call(this,e,t)).totalProgress=[],L.a.setToken("gateway",n.options.authToken),n.player.one("dispose",(function(){n.resultsService&&n.resultsService.stop()})),n.options.mode===l.InteractiveMode.Create&&n.player.addClass("cv-create-interactives"),n}return t=c,(n=[{key:"getPlayerOptions",value:function(){var e=ha(Sa(c.prototype),"getPlayerOptions",this).call(this);return e.setMaxHeight=!1,this.options.embed||(e.aspectRatio="16:9"),e}},{key:"onFlushProgress",value:function(e){var t;ha(Sa(c.prototype),"onFlushProgress",this).call(this,e),this.options.mode!==l.InteractiveMode.Create&&(t=this.totalProgress).push.apply(t,ya(e))}},{key:"additionalSetup",value:function(e){var t=this,n=Object.create(null,{additionalSetup:{get:function(){return ha(Sa(c.prototype),"additionalSetup",t)}}});return Ca(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;this.track=fa(this.player,e);var n=e.additionalData.interactive,r=null===(t=e.additionalData.clipData)||void 0===t?void 0:t.startTime;this.options.collectResults&&(this.options.currentUser||i.a.ErrorHelper.throw(new o.a("Must provide a currentUser in order to collect interactive results")),this.options.shareId||i.a.ErrorHelper.throw(new o.a("Must provide a shareId in order to collect interactive results")),this.resultsService=new da({interactiveId:n.id,mediaId:e.mediaId,userId:this.options.currentUser.id,customerId:this.options.currentUser.customerId,playerApi:this.options.playerApi,shareId:this.options.shareId})),this.player.viewInteractivePlugin({interactive:n,title:e.title,mode:this.options.mode,imageApi:this.options.imageApi,resultsService:this.resultsService,actionsPortalNode:this.options.actionsPortalNode,questionListPortalNode:this.options.questionListPortalNode,summaryPortalNode:this.options.summaryPortalNode,currentUser:this.options.currentUser,config:this.options.config,latestSession:e.additionalData.latestSession,progress:this.totalProgress,clipOffset:r,analyticsService:this.analyticsService,onShowSummary:this.options.onShowSummary,onClickEditDetails:this.options.onClickEditDetails,onClickPublish:this.options.onClickPublish})}},{key:"getAdditionalAnalyticsData",value:function(e){var t,n,r,a;return(null===(n=null===(t=e.additionalData)||void 0===t?void 0:t.clipData)||void 0===n?void 0:n.clipId)?{clip:{id:null===(a=null===(r=e.additionalData)||void 0===r?void 0:r.clipData)||void 0===a?void 0:a.clipId}}:{}}},{key:"getSeekBarOptions",value:function(){return{ignoreChapters:!0}}},{key:"getAnalyticsPlayerType",value:function(){return"interactive-player"}},{key:"setFavourite",value:function(e,t){this.player.favouritePlugin().setFavourite(e,t)}},{key:"setActivityStatus",value:function(e,t){this.player.activityStatusPlugin().setActivityStatus(e,t)}}])&&ga(t.prototype,n),r&&ga(t,r),c}(pa.a);n.d(t,"a",(function(){return Na}));var xa=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 Na(e){var t=e.onReady,n=e.className,r=xa(e,["onReady","className"]),i=a.a.useRef();return a.a.useEffect((function(){var e=new ka(i.current,r);return t&&e.ready((function(){t(e)})),function(){e.dispose()}}),[]),a.a.createElement(a.a.Fragment,null,a.a.createElement("div",{ref:i,className:n}),a.a.createElement("div",{id:"popup-region"}))}},1223:function(e,t,n){"use strict";n.d(t,"a",(function(){return h}));var r=n(0),a=n.n(r),i=n(257),o=n(1109),c=n(164),s=n(77),l=n(29),u=n(248),m=n(1083),d=n(1124),f=n(1224),p=n.n(f),v="shared.interactiveQuestions";function y(e){var t=e.interaction;switch((0,e.getCorrectness)(t)){case m.a.Correct:return a.a.createElement("span",{className:"text-success"},a.a.createElement(s.a,{size:s.b.Medium,svgName:l.b.Check}));case m.a.Incorrect:return a.a.createElement("span",{className:"text-danger"},a.a.createElement(s.a,{size:s.b.Medium,svgName:l.b.Close}));case m.a.AwaitingMarking:return a.a.createElement("span",{className:"text-muted italic"},a.a.createElement("i",null,a.a.createElement(u.b,{namespace:v,phrase:"pending"})));case m.a.UnAnswered:return a.a.createElement("button",{className:"btn btn-outline-dark"},a.a.createElement(u.b,{namespace:v,phrase:"answer"}));case m.a.Answered:return a.a.createElement("span",{className:"text-muted italic"},a.a.createElement("i",null,a.a.createElement(u.b,{namespace:v,phrase:"answered"})));case m.a.NotApplicable:return a.a.createElement(a.a.Fragment,null)}}function b(e){var t=e.interaction,n=e.visibleAt,r=e.selectedInteractionId,i=e.goToTimepoint,u=e.scrollTo,m=e.isFirstInteraction,f=t.id.toString()===(null==r?void 0:r.toString()),v=a.a.useRef();a.a.useEffect((function(){if(f&&v.current){var e=v.current,t=e.getBoundingClientRect(),n=t.top-e.offsetParent.getBoundingClientRect().top;u(n,t.height)}}),[f]);var b=i?"cursor-pointer":"cursor-default";return a.a.createElement("div",{ref:v},a.a.createElement(c.a,{className:"py-2 ".concat(b," ").concat(p.a.row," ").concat(f?p.a.selected:""),onClick:f?function(){}:function(){i&&i(t.id)}},a.a.createElement("span",{className:"".concat(p.a.time," mr-2 ").concat(f?"font-weight-bold":"")},m?o.a.ToDisplayDuration(n):""),a.a.createElement(d.a,{interaction:t,showTypeName:!0,typeNameClassName:p.a.type,questionClassName:p.a.question}),e.onClickDelete&&a.a.createElement(c.a,{onClick:function(n){n.stopPropagation(),e.onClickDelete(t.id)},className:"".concat(p.a.deleteContainer)},a.a.createElement("span",{className:"text-right ".concat(p.a.delete)},a.a.createElement(s.a,{size:s.b.Medium,svgName:l.b.Delete}))),e.getCorrectness&&a.a.createElement("span",{className:"text-right ".concat(p.a.correctness)},a.a.createElement(y,{interaction:t,getCorrectness:e.getCorrectness}))))}function g(e){var t=e.timepoint,n=e.scrollTo,r=e.onClickDelete,i=e.selectedInteractionId,o=e.getCorrectness;function c(n){e.goToTimepoint&&e.goToTimepoint(t.id,n)}return t.interactions?a.a.createElement("div",null,t.interactions.map((function(e,s){return a.a.createElement(b,{interaction:e,visibleAt:t.visibleAt,goToTimepoint:c,onClickDelete:r,scrollTo:n,selectedInteractionId:i,isFirstInteraction:0===s,getCorrectness:o,key:s})}))):a.a.createElement(a.a.Fragment,null)}function h(e){var t=e.interactive,n=e.goToTimepoint,r=e.selectedInteractionId,o=e.maxHeight,c=e.onClickDelete,s=e.getCorrectness,l=a.a.useRef();function u(e,t){if(l.current){var n=l.current.getClientHeight(),r=l.current.getScrollTop(),a=e+r;(a<r||a+t>r+n)&&l.current.scrollTop(a-n/2+t/2)}}var m=n?"border rounded":"";return a.a.createElement(i.Scrollbars,{autoHeight:!0,autoHeightMax:o,className:m,hideTracksWhenNotNeeded:!0,ref:l},a.a.createElement("div",{className:"px-3 py-1"},t.timepoints.map((function(e,t){return a.a.createElement(g,{key:t,timepoint:e,goToTimepoint:n,selectedInteractionId:r,scrollTo:u,onClickDelete:c,getCorrectness:s})}))))}},1224:function(e,t,n){e.exports={time:"_3B2vs",type:"_3lYII",question:"_3WHlt",deleteContainer:"Dqlwr",delete:"_4TtZ",correctness:"_3G9s-",selected:"_20LzY",row:"_3uCfp"}},1276:function(e,t,n){},1277:function(e,t,n){},1278:function(e,t,n){},1279:function(e,t,n){},1284:function(e,t,n){},1285:function(e,t,n){},1286:function(e,t,n){},1287:function(e,t,n){e.exports={incorrect:"_3pK3B",answer:"_2ItYx",avatarContainer:"_3DkKy"}},1288:function(e,t,n){},1289:function(e,t,n){e.exports={feedback:"_2hJr3",avatarContainer:"_2Ukg-",avatarContainerSmall:"_1E7DW",incorrect:"xbaUc"}},1290:function(e,t,n){e.exports={svg:"_17Ny-",iconButton:"x1ePL",iconWithText:"_2BmJR",iconOnly:"_2DnLq"}},1291:function(e,t,n){},1292:function(e,t,n){},1293:function(e,t,n){},1294:function(e,t,n){},1295:function(e,t,n){e.exports={type:"_3N9_3",dragIcon:"_1GfpD",name:"_3s8vL",dragging:"_1qnqN"}},1296:function(e,t,n){},1297:function(e,t,n){},1298:function(e,t,n){e.exports={interaction:"_3SUOU"}},1299:function(e,t,n){e.exports={progress:"_1myQT"}},1300:function(e,t,n){e.exports={avatarContainer:"_27TEu"}},1301:function(e,t,n){e.exports={feedback:"F7uFH"}},1302:function(e,t,n){e.exports={bar:"_2pc-n"}},1303:function(e,t,n){},1304:function(e,t,n){}}]);
|
|
1
|
+
(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[13],{1083:function(e,t,n){"use strict";var r;n.d(t,"a",(function(){return r})),function(e){e[e.Correct=0]="Correct",e[e.Incorrect=1]="Incorrect",e[e.AwaitingMarking=2]="AwaitingMarking",e[e.Answered=3]="Answered",e[e.UnAnswered=4]="UnAnswered",e[e.NotApplicable=5]="NotApplicable"}(r||(r={}))},1094:function(e,t,n){"use strict";var r=n(1163);n.d(t,"InteractiveMode",(function(){return r.a}));n(1189),n(1190),n(1191),n(1192),n(1193),n(1194),n(1195)},1097:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var r=n(16),a={createViewKey:function(e,t,n){var a={mediaId:e.toString(),mediaIdType:t};return n&&(a.shareContextId=n),{url:"/api/player/create-view-key",key:"view:key:".concat(e,":").concat(t),type:r.a.POST,data:a,expiryTime:28800}}}},1098:function(e,t,n){"use strict";var r;n.d(t,"a",(function(){return r})),function(e){e.Share="share",e.MasterObject="masterobject"}(r||(r={}))},1129:function(e,t,n){"use strict";n.d(t,"a",(function(){return v}));var r=n(0),a=n(1048),i=n(8),o=n(30),c=n(222),s=n(16),l=n(1130),u=n.n(l);function m(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return d(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var f=null,p=!1;function v(e){var t=m(r.useState(f),2),n=t[0],l=t[1];if(f||p||(p=!0,Object(c.ajaxRequest)({resource:"/api/integrations/token/immersive-reader",type:s.a.GET,success:function(e){f=e,l(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"})))}},1130:function(e,t,n){e.exports={button:"TRYB2"}},1163: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={}))},1170:function(e,t,n){"use strict";n.d(t,"a",(function(){return s}));var r=n(0),a=n.n(r),i=n(108),o=n(77),c=n(29);function s(e){return a.a.createElement(i.a,{title:e.tooltipText,spanHack:!0,spanHackClassName:"d-inline-block"},a.a.createElement(o.a,{svgName:c.b.Info}))}},1174:function(e,t,n){"use strict";var r;n.d(t,"a",(function(){return r})),function(e){e.AddToPlaylist="115005679748",e.LibraryEditor="360001974533",e.VideoAccess="360000153947",e.AddFromOnline="360011718234",e.UploadToLibraryEditor="360012069334",e.PublisherArchive="360011150174",e.PBTErrorCodes="360012421153",e.ManuelReview="360020004534",e.LibraryReview="360000163788",e.PublisherServer="360023108873",e.MigrationOptions="360023109033",e.Integrations="4407268725529",e.Classrooms="4405362551833",e.MakeInteractive="4405370510873"}(r||(r={}))},1187:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var r=n(39),a=n(50),i=n(377),o={onFileSelect:function(e,t,n){if(t&&t.length){var r=new FileReader;r.addEventListener("load",(function(){return o.onReaderLoad(r,e,n)})),r.readAsDataURL(t[0])}},onReaderLoad:function(e,t,n){var a=new Image;a.src=e.result;var c=i.a[t].width,s=i.a[t].height;a.addEventListener("load",(function(){o.isImageValid(t,a)&&r.a.isFunction(n)?n(a):alert("Image too small: minimum dimensions are ".concat(c," x ").concat(s))}))},isImageValid:function(e,t){var n=i.a[e].width,r=i.a[e].height;return!(n&&t.width<n)&&!(r&&t.height<r)},mapImageTypeToString:function(e){switch(e){case a.c.Avatars:return"avatars";case a.c.Thumbnails:return"thumbnails";case a.c.Logos:return"logos";case a.c.Covers:return"covers";case a.c.Posters:return"posters";case a.c.TallPosters:return"tallposters";case a.c.HeroBanners:return"herobanners";case a.c.None:default:return""}}}},1189:function(e,t){},1190:function(e,t){},1191:function(e,t){},1192:function(e,t){},1193:function(e,t){},1194:function(e,t){},1195:function(e,t){},1198:function(e,t,n){e.exports={uncheckedBackground:"_3OcAr"}},1199:function(e,t,n){"use strict";var r=n(0),a=n.n(r),i=n(3),o=n(25),c=(n(767),n(768),n(1)),s=n(87),l=n(1094),u=n(1069);n(1276);function m(e){return(m="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 f(e,t,n){return(f="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=b(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 p(e,t){return(p=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function v(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=b(e);if(t){var a=b(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return y(this,n)}}function y(e,t){return!t||"object"!==m(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 b(e){return(b=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var g=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&&p(e,t)}(i,e);var t,n,r,a=v(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=u.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(f(b(i.prototype),"buildCSSClass",this).call(this))}},{key:"createEl",value:function(e,t,n){return f(b(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_)}}])&&d(t.prototype,n),r&&d(t,r),i}(c.a.getComponent("Button"));n(1277);function h(e){return(h="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 w(e){return function(e){if(Array.isArray(e))return I(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 I(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 I(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 I(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(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 S(e,t,n){return(S="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=O(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 C(e,t){return(C=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function k(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=O(e);if(t){var a=O(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return x(this,n)}}function x(e,t){return!t||"object"!==h(t)&&"function"!=typeof t?N(e):t}function N(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function O(e){return(O=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var T=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&&C(e,t)}(i,e);var t,n,r,a=k(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(N(n)),n.createInteractionItems=n.createInteractionItems.bind(N(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(S(O(i.prototype),"buildCSSClass",this).call(this))}},{key:"createEl",value:function(e,t,n){return S(O(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_){w(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 g(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()}))}}])&&E(t.prototype,n),r&&E(t,r),i}(c.a.getComponent("Component")),A=n(264),j=n(1163);function P(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return R(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return R(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function R(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var F=n(379),M=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 U(e){return!!(null==e?void 0:e.toString().startsWith("new_"))}function _(e){e.error,e.hasChanges,e.submitted,e.spinner;return M(e,["error","hasChanges","submitted","spinner"])}var L=n(309);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)}}var q=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{s(r.next(e))}catch(e){i(e)}}function c(e){try{s(r.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}s((r=r.apply(e,t||[])).next())}))},B=function(){return"/api/domain/v1/interactions/bulk"},W=function(e){return"/api/domain/v1/interactions/bulk/".concat(e)},z=function(e){return"/api/domain/v1/interactions/".concat(e)},$=function(){return"/api/domain/v1/timepoints"},H=function(e){return"/api/domain/v1/timepoints/".concat(e)},V=function(e){return"/api/domain/v1/timepoints/".concat(e)},K={},Z=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 q(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=U(e.id),r=n?B():W(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),K):L.a.put(r,JSON.stringify(a),K),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 q(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(z(e),K);case 2:case"end":return t.stop()}}),t)})))}},{key:"saveTimepoint",value:function(e){return q(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($(),JSON.stringify(n),K);case 3:r=t.sent,e.id=r.id;case 5:case"end":return t.stop()}}),t)})))}},{key:"updateTimepoint",value:function(e){return q(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(V(e.id),JSON.stringify(e),K);case 2:case"end":return t.stop()}}),t)})))}},{key:"deleteTimepoint",value:function(e){return q(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(H(e),K);case 2:case"end":return t.stop()}}),t)})))}}])&&D(t.prototype,n),r&&D(t,r),e}()),J=n(378),Q=n(250),G=n(217);function Y(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 X=n(164),ee=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{s(r.next(e))}catch(e){i(e)}}function c(e){try{s(r.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}s((r=r.apply(e,t||[])).next())}))},te=/[.\?!,;:\-''\(\)]/g;function ne(e){for(var t=e.split("");t.length&&t[0].match(te);)t.shift();for(;t.length&&t[t.length-1].match(te);)t.pop();return t.join("")}function re(e,t){for(var n=e.split(""),r=[],a=[];n.length&&n[0].match(te);)r.push(n.shift());for(;n.length&&n[n.length-1].match(te);)a.unshift(n.pop());return r.join("")+t+a.join("")}function ae(e){return e.map((function(e){if(!e.selected)return e.text;var t=ne(e.text).length,n=new Array(t).fill("_").join("");return re(e.text,n)})).join(" ")}function ie(e){return e.map((function(e){var t;return e.selected?null===(t=re(e.text,"{".concat(e.order,"}")))||void 0===t?void 0:t.trim():e.text})).join(" ")}var oe=n(1183),ce=n(1170),se=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{s(r.next(e))}catch(e){i(e)}}function c(e){try{s(r.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}s((r=r.apply(e,t||[])).next())}))};var le=n(36);function ue(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(1278);var me=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{s(r.next(e))}catch(e){i(e)}}function c(e){try{s(r.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}s((r=r.apply(e,t||[])).next())}))};function de(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 fe(e,t){var n;return me(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,Z.saveInteraction(t);case 5:case"end":return r.stop()}}),r)})))}function pe(e){var t=e.state,n=void 0===t?function(e){var t,n=e.typeId===Q.InteractionTypeId.TrueOrFalse,r=null===(t=e.actionableItems)||void 0===t?void 0:t.map((function(e){return{order:e.order,name:e.name,isCorrect:e.isCorrect}}));return(null==r?void 0:r.length)?!n&&(null==r?void 0:r.length)<4&&r.push({order:r.length,name:"",isCorrect:!1}):r=[{order:0,name:n?"True":"",isCorrect:!1},{order:1,name:n?"False":"",isCorrect:!1}],{question:e.name||"",answers:r,feedback:e.data.feedback||""}}(e.interaction):t,r=e.setState,i=e.interaction,o=e.optionsPortalNode,c=e.showFeedback,s=i.typeId===Q.InteractionTypeId.TrueOrFalse;function l(e){var t=n.answers.map((function(t){return t.order!==e.order?Object.assign(Object.assign({},t),{isCorrect:!s&&t.isCorrect}):e}));if(t.find((function(e){return!e.name}))&&(t=function(e){var t=e.find((function(e){return!e.name}));if(e.length>2)return e.filter((function(e){return e.order!==t.order})).map((function(e,t){return Object.assign(Object.assign({},e),{order:t})}));return e.map((function(e){return e.order!==t.order?e:Object.assign(Object.assign({},e),{isCorrect:!1})}))}(t)),!s&&t.length<4&&!t.find((function(e){return!e.name}))){var a=le.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(G.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(Y,{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(ue,{key:e.order,answer:e,onChange:l,isTrueOrFalse:s})})),n.question&&a.a.createElement(Y,{error:n.error})),c&&s&&a.a.createElement("div",{className:"form-group mb-0"},a.a.createElement("label",{className:"cv-true-or-false-feedback-label cv-interaction-field-label",htmlFor:"true-or-false-feedback"},"Feedback ",a.a.createElement("span",{className:"text-muted"},"(optional)")," ",a.a.createElement(ce.a,{tooltipText:"Provide answer feedback for your students"})),a.a.createElement(oe.a,{id:"true-or-false-feedback",className:"form-control",minRows:2,value:n.feedback||"",onChange:function(e){r(Object.assign(Object.assign({},n),{feedback:e.target.value}))},placeholder:"Give feedback for this question"})))}var ve=n(1187),ye=n(50),be=n(391);function ge(){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 he(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return we(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return we(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function we(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Ie(e){var t=he(a.a.useState(!1),2),n=t[0],r=t[1],i=he(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(1279);var Ee=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{s(r.next(e))}catch(e){i(e)}}function c(e){try{s(r.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}s((r=r.apply(e,t||[])).next())}))};var Se=n(1238),Ce=n(1428),ke=n(1435),xe={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 Ne(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Oe(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 Oe(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 Oe(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 Te(e){var t=Ne(a.a.useState(""),2),n=t[0],r=t[1],i=Ne(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(X.a,{onClick:function(){return e.onChange("link",o||n,n,"_blank")},className:"btn btn-dark"},"Add")))}n(1284);function Ae(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}var Pe,Re,Fe,Me=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{s(r.next(e))}catch(e){i(e)}}function c(e){try{s(r.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}s((r=r.apply(e,t||[])).next())}))};function Ue(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var _e=(Ue(Pe={},Q.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=Ae(a.a.useState(function(){var e=i.data.annotation;if(e){var t=Object(ke.a)(xe)(e);return Se.EditorState.createWithContent(t)}return Se.EditorState.createEmpty()}()),2),s=c[0],l=c[1],u=Ae(a.a.useState(null),2),m=u[0],d=u[1];return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("div",{className:"form-group"},a.a.createElement("div",{className:"d-flex justify-content-between align-items-center mb-1"},a.a.createElement("label",{className:"cv-interaction-field-label mb-0",onClick:function(){return null==m?void 0:m.focusEditor()}},"Annotation"),a.a.createElement(G.b,{node:o})),a.a.createElement("div",{className:"cv-annotation ".concat(function(){if(!s)return!1;var e=s.getCurrentContent();return e.hasText()||"unstyled"!==e.getBlockMap().first().getType()}()?"Editor--hide-placeholder":"")},s&&a.a.createElement(Ce.Editor,{editorState:s,onEditorStateChange:function(e){l(e);var t=e.getCurrentContent();if(t.hasText()){var a=Object(ke.b)(xe)(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:Te,options:["link"]}}}),a.a.createElement(Y,{error:n.error}))))})),Ue(Pe,Q.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(be.a)();var c=a.a.useRef(null);function s(e){e&&e[0]&&ve.a.onFileSelect(ye.c.None,e,(function(e){J.a.renderCropper({src:e.src,alt:"",onClickCrop:l})}))}function l(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(G.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(X.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(Ie,{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(ge,null)),a.a.createElement("p",{className:"mb-0"},"Drag and drop an image file or"),a.a.createElement(X.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(Y,{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})))})),Ue(Pe,Q.InteractionTypeId.MissingWord,(function(e){var t,n,r,i,o,c,s=e.state,l=void 0===s?(t=e.interaction,i=(null===(n=t.data)||void 0===n?void 0:n.sentence)||"",o=i.split(" ").filter(Boolean),c=o.map((function(e,t){return{text:e,order:t,selected:!1}})),null===(r=t.actionableItems)||void 0===r||r.forEach((function(e){var t=e.order,n=re(o[t],e.name);o[t]=n,c[t].text=n,c[t].selected=!0})),{fullSentence:o.join(" "),sentence:i,preview:t.name,words:c}):s,u=e.setState,m=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(G.b,{node:m})),a.a.createElement("input",{id:"missing-word-sentence",className:"form-control",placeholder:"Enter your sentence here",value:l.fullSentence||"",onChange:function(e){var t=e.target.value,n=t.split(" ").filter(Boolean).map((function(e,t){return{text:e,order:t,selected:!1}}));u(Object.assign(Object.assign({},l),{fullSentence:t,sentence:ie(n),preview:ae(n),words:n}))},autoComplete:"off"})),d&&a.a.createElement(a.a.Fragment,null,a.a.createElement("div",{className:"form-group"},a.a.createElement("label",{className:"cv-interaction-field-label"},"Select the missing word(s)"),a.a.createElement("ul",{className:"list-unstyled d-flex flex-wrap mx-n1 mb-n1"},l.words.map((function(e,t){var n;return(null===(n=ne(e.text))||void 0===n?void 0:n.trim())?a.a.createElement("li",{key:"".concat(t,"-").concat(e.text)},a.a.createElement(X.a,{className:"rounded border p-2 mx-1 mb-1 cursor-pointer ".concat(e.selected?"bg-info text-white":"bg-white"),onClick:function(){return e=t,n=l.words.map((function(t){return t.order!==e?t:Object.assign(Object.assign({},t),{selected:!t.selected})})),void u(Object.assign(Object.assign({},l),{words:n,preview:ae(n),sentence:ie(n)}));var e,n}},ne(e.text))):a.a.createElement(a.a.Fragment,{key:"".concat(t,"-").concat(e.text)})})))),a.a.createElement("div",null,a.a.createElement("label",{className:"cv-interaction-field-label"},"Preview"),a.a.createElement("p",null,l.preview))),a.a.createElement(Y,{error:l.error}))})),Ue(Pe,Q.InteractionTypeId.MultipleChoice,pe),Ue(Pe,Q.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(G.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(Y,{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(ce.a,{tooltipText:"Provide a suggested response for your students"})),a.a.createElement(oe.a,{id:"short-answer-suggested-response",className:"form-control",minRows:2,value:n.suggestedResponse||"",onChange:function(e){r(Object.assign(Object.assign({},n),{suggestedResponse:e.target.value}))},placeholder:"Give a suggested response for this question"})))})),Ue(Pe,Q.InteractionTypeId.TrueOrFalse,pe),Pe);var Le=(Ue(Re={},Q.InteractionTypeId.Annotation,(function(e){var t;return(null===(t=e.annotation)||void 0===t?void 0:t.trim())?null:"Please provide an annotation"})),Ue(Re,Q.InteractionTypeId.Image,(function(e){return e.url?null:"Please upload an image"})),Ue(Re,Q.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"})),Ue(Re,Q.InteractionTypeId.MultipleChoice,de),Ue(Re,Q.InteractionTypeId.ShortAnswer,(function(e){var t;return(null===(t=e.question)||void 0===t?void 0:t.trim())?null:"Please provide a question"})),Ue(Re,Q.InteractionTypeId.TrueOrFalse,de),Re);var De=(Ue(Fe={},Q.InteractionTypeId.Annotation,(function(e,t){var n;return Me(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,Z.saveInteraction(t);case 5:case"end":return r.stop()}}),r)})))})),Ue(Fe,Q.InteractionTypeId.Image,(function(e,t){var n,r;return Ee(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,Z.saveInteraction(t);case 6:case"end":return a.stop()}}),a)})))})),Ue(Fe,Q.InteractionTypeId.MissingWord,(function(e,t){return ee(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=ie(e.words),t.name=e.preview,r=e.words.filter((function(e){return e.selected})),t.actionableItems=r.map((function(e){return{name:ne(e.text),order:e.order,isCorrect:!0}})),n.next=6,Z.saveInteraction(t);case 6:case"end":return n.stop()}}),n)})))})),Ue(Fe,Q.InteractionTypeId.MultipleChoice,fe),Ue(Fe,Q.InteractionTypeId.ShortAnswer,(function(e,t){var n,r;return se(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,Z.saveInteraction(t);case 5:case"end":return a.stop()}}),a)})))})),Ue(Fe,Q.InteractionTypeId.TrueOrFalse,fe),Fe);function qe(e){return De[e]}var Be=n(1129),We=n(2),ze=["A","B","C","D"];function $e(e){var t=e.interaction,n=e.className,r=u.a.getTypeInfo(t.typeId),i=r.name,o=r.typeName,c="";switch(t.typeId){case Q.InteractionTypeId.Annotation:c=t.data.annotation;break;case Q.InteractionTypeId.Image:c=t.data.caption;break;case Q.InteractionTypeId.MissingWord:c=t.data.sentence.replace(/{([^{}]*)}/g,(function(){return"<u> </u>"}));break;case Q.InteractionTypeId.MultipleChoice:c=t.name,t.actionableItems.map((function(e,t){return c+="<br />".concat(ze[t],": ").concat(e.name)}));break;case Q.InteractionTypeId.ShortAnswer:c=t.name;break;case Q.InteractionTypeId.TrueOrFalse:c="True or false: ".concat(t.name)}var s=t.typeId===Q.InteractionTypeId.Annotation||t.typeId===Q.InteractionTypeId.MissingWord||t.typeId===Q.InteractionTypeId.MultipleChoice;return a.a.createElement(Be.a,{title:i,text:c,html:s,className:"pr-2 ".concat(n||""),analyticsData:{id:t.interactiveId,type:o},analyticsOptions:{location:We.LocationContext.InteractivePlayer,entity:We.EntityType.Interactive,actionType:We.UserAction.Click,descriptor:We.ClickDescriptor.LaunchImmersiveReader}})}n(1285);function He(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 Ve,Ke,Ze=n(1083);function Je(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Qe(){return Ze.a.NotApplicable}function Ge(e,t){var n=e.actionableItems.filter((function(e){return e.isCorrect}));return n.every((function(e){return!t(e.id)}))?Ze.a.UnAnswered:n.every((function(e){var n;return e.name.trim().toLowerCase()===(null===(n=t(e.id))||void 0===n?void 0:n.trim().toLowerCase())}))?Ze.a.Correct:Ze.a.Incorrect}function Ye(e,t){return e.actionableItems.every((function(e){return!t(e.id)}))?Ze.a.UnAnswered:e.actionableItems.filter((function(e){return e.isCorrect})).every((function(e){return t(e.id)===e.name}))?Ze.a.Correct:Ze.a.Incorrect}function Xe(e,t){var n;return e.actionableItems.forEach((function(e){var r=t(e.id);n=r?r.status!==Ve.Correct?r.status!==Ve.Incorrect?Ze.a.AwaitingMarking:Ze.a.Incorrect:Ze.a.Correct:Ze.a.UnAnswered})),n}function et(e,t){return function(n){var r=t.attempts.find((function(t){return t.id===e.id}));return null==r?void 0:r.answers.find((function(e){return e.id===n}))}}function tt(e,t){var n=et(e,t);return Ye(e,(function(e){var t=n(e);return null==t?void 0:t.text}))}!function(e){e[e.Incorrect=0]="Incorrect",e[e.Correct=1]="Correct",e[e.PendingReview=2]="PendingReview"}(Ve||(Ve={}));var nt=(Je(Ke={},Q.InteractionTypeId.Annotation,Qe),Je(Ke,Q.InteractionTypeId.Image,Qe),Je(Ke,Q.InteractionTypeId.MissingWord,(function(e,t){var n=et(e,t);return Ge(e,(function(e){var t=n(e);return null==t?void 0:t.text}))})),Je(Ke,Q.InteractionTypeId.MultipleChoice,tt),Je(Ke,Q.InteractionTypeId.ShortAnswer,(function(e,t){return Xe(e,et(e,t))})),Je(Ke,Q.InteractionTypeId.TrueOrFalse,tt),Ke);var rt={notApplicable:Qe,awaitingMarking:function(){return Ze.a.AwaitingMarking},isMissingWordCorrect:Ge,isMultipleChoiceCorrect:Ye,isShortAnswerMarkedCorrect:Xe,isInteractionCorrect:function(e,t){return(0,nt[e.typeId])(e,t)}};n(1286);function at(e){return(at="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 it=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 ot=n(253),ct=n(77),st=n(29),lt=n(364),ut=n(1287),mt=n.n(ut),dt=["A","B","C","D"];function ft(e){var t=1===e.interaction.actionableItems.filter((function(e){return e.isCorrect})).length;function n(t,n){e.onSelectAnswer&&e.onSelectAnswer(t,n)}return a.a.createElement(a.a.Fragment,null,e.interaction.actionableItems.map((function(r,i){var o=e.getSelectedAnswer(r.id);if(e.onlyShowSelectedAnswer&&!o)return a.a.createElement(a.a.Fragment,{key:i});var c=o?"bg-info text-white":e.unCheckedBackground,s=function(){return a.a.createElement(a.a.Fragment,null,dt[i])};e.showFeedback&&(c=r.isCorrect?"bg-success text-white":"bg-danger text-white ".concat(mt.a.incorrect),e.hideFeedbackIcons||(s=function(){return a.a.createElement(a.a.Fragment,null,r.isCorrect?a.a.createElement(ct.a,{size:ct.b.Small,svgName:st.b.Check}):a.a.createElement(ct.a,{size:ct.b.Small,svgName:st.b.Close}))}));var l=e.showFeedback?{}:{role:"button",tabIndex:0,onKeyDown:function(e){return"Enter"===e.key&&n(r,!o)}};return a.a.createElement(a.a.Fragment,{key:i},a.a.createElement("input",{id:r.id,type:t?"radio":"checkbox",name:"multiple-choice",checked:!!o,onChange:function(){return n(r,!o)},disabled:e.showFeedback,hidden:!0,tabIndex:-1}),a.a.createElement("label",Object.assign({className:"\n d-block\n rounded-lg\n shadow-sm\n mb-2\n ".concat("sm"===e.size?"p-2":"p-3","\n d-flex\n justify-content-between\n position-relative\n ").concat(e.showFeedback?"":"cursor-pointer","\n ").concat(mt.a.answer,"\n ").concat(c),key:i,htmlFor:r.id},l),a.a.createElement("span",{className:"d-inline-block mr-3 cv-multiple-choice-bullet"},a.a.createElement(s,null)),a.a.createElement("span",{className:"flex-grow-1 pr-4"},r.name),!e.onlyShowSelectedAnswer&&a.a.createElement("span",{className:mt.a.avatarContainer},o&&a.a.createElement(lt.a,{imageCdnUrl:e.imageApi,initials:e.userInitials,imageUrl:e.userAvatar}))))})))}ft.defaultProps={size:"lg",unCheckedBackground:"bg-white"};n(1288);function pt(e){return(pt="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 vt(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var yt=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 bt=n(1289),gt=n.n(bt);function ht(e){function t(t){e.onSelectAnswer&&e.onSelectAnswer(t)}return a.a.createElement("div",{className:"d-flex ".concat(e.className?e.className:""," ").concat("sm"===e.size?"mx-n1":"mx-n2")},e.interaction.actionableItems.map((function(n,r){var i=e.getSelectedAnswer(n.id),o=i?"bg-info text-white":e.unCheckedBackground,c=function(){return a.a.createElement(a.a.Fragment,null)};e.showFeedback&&(o=n.isCorrect?"bg-success text-white":"bg-danger text-white ".concat(gt.a.incorrect),e.hideFeedbackIcons||(c=function(){return a.a.createElement(a.a.Fragment,null,n.isCorrect?a.a.createElement(ct.a,{size:ct.b.Small,svgName:st.b.Check}):a.a.createElement(ct.a,{size:ct.b.Small,svgName:st.b.Close}))}));var s=e.showFeedback?{}:{role:"button",tabIndex:0,onKeyDown:function(e){return"Enter"===e.key&&t(n)}};return a.a.createElement("label",Object.assign({key:r,htmlFor:n.id,className:"\n d-inline-block\n rounded-lg\n shadow-sm\n my-0\n position-relative\n overflow-hidden\n ".concat("sm"===e.size?"p-4 mx-1 h5":"p-5 mx-2 h4","\n ").concat(e.showFeedback?"":"cursor-pointer","\n ").concat(o)},s),a.a.createElement("input",{id:n.id,type:"radio",name:"multiple-choice",checked:!!i,onChange:function(){return t(n)},disabled:e.showFeedback,hidden:!0}),n.name,a.a.createElement("span",{className:"position-absolute p-2 ".concat(gt.a.feedback)},a.a.createElement(c,null)),a.a.createElement("span",{className:"".concat(gt.a.avatarContainer).concat("sm"===e.size?" ".concat(gt.a.avatarContainerSmall):"")},i&&a.a.createElement(lt.a,{imageCdnUrl:e.imageApi,initials:e.userInitials,imageUrl:e.userAvatar})))})))}ht.defaultProps={size:"lg",unCheckedBackground:"bg-white"};var wt,It,Et,St,Ct;function kt(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var xt=function(){return!0},Nt=function(){return!1},Ot=(kt(wt={},Q.InteractionTypeId.Annotation,Nt),kt(wt,Q.InteractionTypeId.Image,Nt),kt(wt,Q.InteractionTypeId.MissingWord,xt),kt(wt,Q.InteractionTypeId.MultipleChoice,xt),kt(wt,Q.InteractionTypeId.ShortAnswer,(function(e){return!!e.data.suggestedResponse})),kt(wt,Q.InteractionTypeId.TrueOrFalse,xt),wt);function Tt(e){return Ot[e]}var At=(kt(It={},Q.InteractionTypeId.Annotation,(function(e){var t=e.interaction.data.annotation.replace(/<(a)(.*?)>/g,'<$1 target="_blank" $2>');return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("div",{className:"mb-2",dangerouslySetInnerHTML:{__html:t}}),a.a.createElement($e,{interaction:e.interaction}))})),kt(It,Q.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($e,{interaction:e.interaction,className:"ml-2"})))))})),kt(It,Q.InteractionTypeId.MissingWord,(function(e){var t=e.state,n=e.setState,r=e.interaction,i=e.showFeedback,o=r.data.sentence.replace(/{([^{}]*)}/g,(function(e,t){return"{".concat("cv-missing-word-").concat(t,"}")})).split(/{([^{}]*)}/g);function c(e,r){if(r.stopPropagation(),r.target.value){var a,i,o;n((a={},i=e.id,o=r.target.value,i in a?Object.defineProperty(a,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):a[i]=o,a))}else{var c=t,s=e.id,l=(c[s],it(c,["symbol"===at(s)?s:s+""]));n(l,!0)}}return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("div",{className:"mb-2"},o.map((function(e,n){var o;if(!e.startsWith("cv-missing-word-"))return e;var s=e.replace("cv-missing-word-",""),l=r.actionableItems.find((function(e){return e.order.toString()===s}));if(l){var u,m,d=t[l.id]||"",f=(u=l.name,(m=document.createElement("canvas").getContext("2d")).font="17pt arial",m.measureText(u).width);if(i){var p=l.name.toLowerCase().toString()===(null===(o=t[l.id])||void 0===o?void 0:o.toLowerCase().toString());return a.a.createElement(a.a.Fragment,{key:n},!p&&a.a.createElement(a.a.Fragment,null,a.a.createElement("del",{className:"text-danger"},d)," "),a.a.createElement("span",{className:"text-success"},l.name))}return a.a.createElement("span",{className:"cv-missing-word-input-container",key:n},a.a.createElement("input",{style:{width:f/16+"rem"},onChange:function(e){return c(l,e)},value:d,disabled:!!t.submitted,className:"cv-missing-word-input",autoComplete:"off"}))}}))),a.a.createElement(He,{error:t.error}),a.a.createElement($e,{interaction:e.interaction}))})),kt(It,Q.InteractionTypeId.MultipleChoice,(function(e){var t=e.state,n=e.setState,r=e.interaction,i=e.showFeedback,o=e.imageApi,c=e.currentUser,s=1===r.actionableItems.filter((function(e){return e.isCorrect})).length;return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("p",null,r.name,a.a.createElement($e,{interaction:e.interaction,className:"ml-2"})),!s&&a.a.createElement("p",{className:"text-muted"},a.a.createElement("small",null,"This question has multiple correct answers")),a.a.createElement(ft,{interaction:r,showFeedback:i,onSelectAnswer:function(e,r){if(!t.submitted)if(s)n(vt({},e.id,e.name),!0);else if(r)n(vt({},e.id,e.name));else{var a=t,i=e.id,o=(a[i],yt(a,["symbol"===pt(i)?i:i+""]));n(o,!0)}},getSelectedAnswer:function(e){return t[e]},imageApi:o.toString(),userInitials:ot.a.getInitials(c.givenName,c.familyName),userAvatar:c.avatar}),a.a.createElement(He,{error:t.error}))})),kt(It,Q.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($e,{interaction:t,className:"ml-2"})),a.a.createElement(oe.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(He,{error:n.error}))})),kt(It,Q.InteractionTypeId.TrueOrFalse,(function(e){var t=e.state,n=e.setState,r=e.interaction,i=e.showFeedback,o=e.imageApi,c=e.currentUser,s=r.actionableItems.find((function(e){return e.isCorrect}));return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("p",null,r.name,a.a.createElement($e,{interaction:e.interaction,className:"ml-2"})),a.a.createElement(ht,{className:"justify-content-center",interaction:r,showFeedback:i,onSelectAnswer:function(e){var r,a,i;t.submitted||n((r={},a=e.id,i=e.name,a in r?Object.defineProperty(r,a,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[a]=i,r),!0)},getSelectedAnswer:function(e){return t[e]},imageApi:o.toString(),userInitials:ot.a.getInitials(c.givenName,c.familyName),userAvatar:c.avatar}),i&&a.a.createElement("div",{className:"text-center px-5 mt-3"},a.a.createElement("p",null,"The answer is ",a.a.createElement("strong",null,s.name)),r.data.feedback&&a.a.createElement("p",null,r.data.feedback)),a.a.createElement(He,{error:t.error}))})),It);function jt(){return""}var Pt=(kt(Et={},Q.InteractionTypeId.Annotation,jt),kt(Et,Q.InteractionTypeId.Image,jt),kt(Et,Q.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"})),kt(Et,Q.InteractionTypeId.MultipleChoice,(function(e){return Object.keys(e).length?null:"Please choose an answer"})),kt(Et,Q.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"})),kt(Et,Q.InteractionTypeId.TrueOrFalse,(function(e){return Object.keys(e).length?null:"Please choose an answer"})),Et);var Rt=(kt(St={},Q.InteractionTypeId.Annotation,null),kt(St,Q.InteractionTypeId.Image,null),kt(St,Q.InteractionTypeId.MissingWord,(function(e,t,n){return n(t.id,Object.keys(e).map((function(t){return{actionableItemId:t,value:e[t].toString()}})))})),kt(St,Q.InteractionTypeId.MultipleChoice,(function(e,t,n){return n(t.id,Object.keys(e).map((function(t){return{actionableItemId:t,value:e[t]}})))})),kt(St,Q.InteractionTypeId.ShortAnswer,(function(e,t,n){return n(t.id,Object.keys(e).map((function(t){return{actionableItemId:t,value:e[t].toString()}})))})),kt(St,Q.InteractionTypeId.TrueOrFalse,(function(e,t,n){return n(t.id,Object.keys(e).map((function(t){return{actionableItemId:t,value:e[t]}})))})),St);function Ft(e){return Rt[e]}var Mt=(kt(Ct={},Q.InteractionTypeId.Annotation,rt.notApplicable),kt(Ct,Q.InteractionTypeId.Image,rt.notApplicable),kt(Ct,Q.InteractionTypeId.MissingWord,(function(e,t){return rt.isMissingWordCorrect(t,(function(t){return e[t]}))})),kt(Ct,Q.InteractionTypeId.MultipleChoice,(function(e,t){return rt.isMultipleChoiceCorrect(t,(function(t){return e[t]}))})),kt(Ct,Q.InteractionTypeId.ShortAnswer,rt.awaitingMarking),kt(Ct,Q.InteractionTypeId.TrueOrFalse,(function(e,t){return t.actionableItems.filter((function(e){return e.isCorrect})).every((function(t){return e[t.id]===t.name}))?Ze.a.Correct:Ze.a.Incorrect})),Ct);function Ut(e){return Mt[e]}function _t(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Lt={interactions:{},timepoints:{}};function Dt(e,t){return"interaction"===t.type?{timepoints:e.timepoints,interactions:Object.assign(Object.assign({},e.interactions),_t({},t.id,t.value))}:"timepoint"===t.type?{interactions:e.interactions,timepoints:Object.assign(Object.assign({},e.timepoints),_t({},t.id,t.value))}:void 0}function qt(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 Bt(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 Bt(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 Bt(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={interactionIndex:0},zt=function(e){var t=e.mode,n=e.timepoint,r=e.latestSession,i=t===l.InteractiveMode.Create,o=qt(a.a.useReducer(Dt,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]),(_t(n={},t.actionableItemId,t.data),_t(n,"submitted",!0),n)),e}),{})}:Lt}(r)})),2),c=o[0],s=o[1],u=v(null==n?void 0:n.id),m=null==n?void 0:n.interactions[u.interactionIndex],d="number"==typeof u.nextInteractionIndex?null==n?void 0:n.interactions[u.nextInteractionIndex]:null,f=y(null==m?void 0:m.id),p=y(null==d?void 0:d.id);function v(e){return e&&c.timepoints[e]||Wt}function y(e){if(!e)return{};var t=c.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:c,interaction:m,interactionState:f,timepointState:u,nextInteraction:d,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(m.id,Object.assign(Object.assign({},e),{hasChanges:!0,error:null}),t)}}},$t=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{s(r.next(e))}catch(e){i(e)}}function c(e){try{s(r.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}s((r=r.apply(e,t||[])).next())}))},Ht=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n},Vt=!1,Kt=function(e){var t=e.interactive,n=e.timepoint,r=e.player,i=e.mode,o=e.resultsService,c=e.latestSession,s=e.analyticsService,m=Ht(e,["interactive","timepoint","player","mode","resultsService","latestSession","analyticsService"]),d=zt({mode:i,timepoint:n,latestSession:c}),f=d.state,p=d.interaction,v=d.interactionState,y=d.timepointState,b=d.nextInteraction,g=d.nextInteractionState,h=Ht(d,["state","interaction","interactionState","timepointState","nextInteraction","nextInteractionState"]),w=i===l.InteractiveMode.Create;function I(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 E(e){var n=u.a.getTypeInfo(e.typeId);return{id:U(e.id)?void 0:e.id,typeId:e.typeId,type:n.typeName,interactiveId:t.id,timepointId:U(e.timepointId)?void 0:e.timepointId,order:e.order}}function S(e){return $t(this,void 0,void 0,regeneratorRuntime.mark((function n(){var r,a,i,o,c,l,u;return regeneratorRuntime.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(r=I(e),a=r.localInteraction,i=r.localTimepoint,a&&i){n.next=3;break}throw new Error("Could not find the interaction and timepoint for the interactionId ".concat(e));case 3:if(o=E(a),U(a.id)){n.next=10;break}return n.next=7,Z.deleteInteraction(a.id);case 7:s.logUserAction(o,{actionType:We.UserAction.Delete,entity:We.EntityType.Interaction,workflowPhase:We.WorkflowPhase.Complete}),n.next=11;break;case 10:s.logUserAction(o,{actionType:We.UserAction.Create,entity:We.EntityType.Interaction,workflowPhase:We.WorkflowPhase.Discard});case 11:if(c=i.interactions.findIndex((function(e){return e.id===a.id})),i.interactions.splice(c,1),h.clearInteractionState(a.id),l=h.getTimepointState(i.id),c<l.interactionIndex&&h.updateTimepointState(i.id,{interactionIndex:l.interactionIndex-1}),!(i.interactions.length>0)){n.next=18;break}return n.abrupt("return");case 18:if(U(i.id)){n.next=21;break}return n.next=21,Z.deleteTimepoint(i.id);case 21:u=t.timepoints.findIndex((function(e){return e.id===i.id})),t.timepoints.splice(u,1),m.removeCue(i.visibleAt/1e3),h.clearTimepointState(i.id);case 25:case"end":return n.stop()}}),n)})))}function C(e){if(p){var t=U(p.id);if(t||(null==v?void 0:v.hasChanges)||(null==y?void 0:y.hasChanges)){J.a.render(a.a.createElement("p",null,"Do you want to discard your changes?"),{title:"Unsaved changes",success:function(){(null==y?void 0:y.hasChanges)&&T(!0),t?S(p.id):h.clearInteractionState(p.id),e&&e()},buttons:[{variant:"link",buttonText:"Cancel"},{variant:"danger",success:!0,buttonText:"Discard"}]})}else e&&e()}else e&&e()}function k(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(w)C((function(){h.updateTimepointState(n.id,{interactionIndex:e})}));else{var r=function(){h.updateTimepointState(n.id,{nextInteractionIndex:e}),window.requestAnimationFrame((function(){h.updateTimepointState(n.id,{nextInteractionIndex:e,slideIn:!0}),window.setTimeout((function(){h.updateTimepointState(n.id,{interactionIndex:e,nextInteractionIndex:null,slideIn:null})}),400)}))};t?C(r):r()}}function x(){y.interactionIndex+1>=n.interactions.length?m.continueInteractive():k(y.interactionIndex+1,!1)}function N(){t.timepoints.sort((function(e,t){return e.visibleAt>t.visibleAt?1:t.visibleAt>e.visibleAt?-1:0}))}function O(){k(n.interactions.length)}function T(e){(null==y?void 0:y.hasChanges)&&(e&&m.moveTimepoint(y.originalVisibleAt),h.updateTimepointState(n.id,{hasChanges:void 0,originalVisibleAt:void 0}),Vt=!1)}return{state:f,interaction:p,interactionState:v,timepointState:y,nextInteraction:b,nextInteractionState:g,skip:x,cancel:function(){return $t(this,void 0,void 0,regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!(null==v?void 0:v.hasChanges)){e.next=3;break}return C(),e.abrupt("return");case 3:return e.next=5,S(p.id);case 5:m.setOpen(!0);case 6:case"end":return e.stop()}}),e)})))},addAnotherQuestion:O,goToTimepoint:function(e,n){var a=function(e){for(var n=0;n<t.timepoints.length;){var r=t.timepoints[n];if(r.id===e)return r;n++}return null}(e),i=a.interactions.find((function(e){return e.id.toString()===n.toString()}));r.currentTime(a.visibleAt/1e3),h.updateTimepointState(a.id,{interactionIndex:a.interactions.indexOf(i)})},discardChanges:C,changeIndex:k,promptDelete:function(e){var t=E(I(e).localInteraction);s.logUserAction(t,{actionType:We.UserAction.Delete,entity:We.EntityType.Interaction,workflowPhase:We.WorkflowPhase.Start}),J.a.render(a.a.createElement("p",null,"Are you sure you want to delete this question?"),{title:"Delete question",success:function(){return S(e)},buttons:[{variant:"link",buttonText:"Cancel"},{variant:"danger",success:!0,buttonText:"Delete question"}]})},showTypeSelector:function(){r.pause(),m.setOpen(!0),n&&O()},cancelTypeSelector:function(){n?k(y.interactionIndex-1):(m.setOpen(!1),r.play())},deleteInteraction:S,saveInteraction:function(){return $t(this,void 0,void 0,regeneratorRuntime.mark((function e(){var t,r,a,i,o,c;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(w){e.next=2;break}throw new Error("Should not be calling onClickSave while viewing an interactive");case 2:if(l=p.typeId,!(t=(0,Le[l])(h.getInteractionState(p.id),p))){e.next=7;break}return h.updateInteractionState(p.id,{error:t}),e.abrupt("return");case 7:if(h.updateInteractionState(p.id,{spinner:!0}),!U(n.id)){e.next=15;break}return r=n.id,e.next=12,Z.saveTimepoint(n);case 12:m.updateCue(r,n.id),h.clearTimepointState(r),(null==y?void 0:y.hasChanges)&&(N(),T());case 15:return p.timepointId=n.id,a=p.id,i=qe(p.typeId),e.next=20,i(h.getInteractionState(p.id),p);case 20:h.clearInteractionState(a),o=U(a),c=E(p),s.logUserAction(c,{actionType:o?We.UserAction.Create:We.UserAction.Edit,entity:We.EntityType.Interaction,workflowPhase:o?We.WorkflowPhase.Complete:We.WorkflowPhase.Save});case 24:case"end":return e.stop()}var l}),e)})))},addInteraction:function(e){var a;r.pause();var i=(null==n?void 0:n.id)||"new_".concat(Math.round(Math.random()*Number.MAX_SAFE_INTEGER)),o={id:"new_".concat(Math.round(Math.random()*Number.MAX_SAFE_INTEGER)),timepointId:i,typeId:e,order:(null===(a=null==n?void 0:n.interactions)||void 0===a?void 0:a.length)||0,interactiveId:t.id,data:{}},c=E(o);if(s.logUserAction(c,{actionType:We.UserAction.Create,entity:We.EntityType.Interaction,workflowPhase:We.WorkflowPhase.Start}),n)return n.interactions.push(o),void k(y.interactionIndex);var l=r.currentTime();t.timepoints||(t.timepoints=[]),t.timepoints.push({id:i,visibleAt:1e3*l,interactiveId:t.id,shouldPause:1,interactions:[o]}),N(),m.addCue(i)},submitInteractionAnswer:function(){return $t(this,void 0,void 0,regeneratorRuntime.mark((function e(){var r,a,c,u,d;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(i===l.InteractiveMode.View){e.next=2;break}throw new Error("Should not be calling onClickSubmit while creating an interactive");case 2:if(!v.submitted){e.next=8;break}if(!(y.interactionIndex>=n.interactions.length)){e.next=6;break}return m.continueInteractive(),e.abrupt("return");case 6:return k(y.interactionIndex+1),e.abrupt("return");case 8:if(r=_(v),f=p.typeId,!(a=(0,Pt[f])(r,p))){e.next=14;break}return h.updateInteractionState(p.id,{error:a}),e.abrupt("return");case 14:if(!o||!v.hasChanges){e.next=22;break}if(c=Ft(p.typeId),h.updateInteractionState(p.id,{spinner:!0}),!c){e.next=22;break}return e.next=20,c(r,p,o.save);case 20:u=E(p),s.logUserAction(u,{actionType:We.UserAction.Answer,entity:We.EntityType.Interaction});case 22:if(h.updateInteractionState(p.id,{submitted:!0,error:null,hasChanges:!1,spinner:!1}),t.immediateFeedback){e.next=26;break}return x(),e.abrupt("return");case 26:d=Tt(p.typeId),d(p)||x();case 29:case"end":return e.stop()}var f}),e)})))},userUpdateInteractionState:h.userUpdateInteractionState,updateTimepointTime:function(e){var a=r.duration(),i=function(e){for(var r=n.visibleAt+1e3*e,a=e>0,i=0;i<t.timepoints.length;i++){var o=t.timepoints[i];r<o.visibleAt-1e3||r>o.visibleAt+1e3||(r=a?o.visibleAt+1001:o.visibleAt-1001,i=0)}return r}(e);if(!(i/1e3>a||i<0)){var o=n.visibleAt;Vt||(Vt=!0,h.updateTimepointState(n.id,{originalVisibleAt:o,hasChanges:!0})),m.moveTimepoint(i)}},saveTimepoint:function(){return $t(this,void 0,void 0,regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!U(n.id)){e.next=2;break}return e.abrupt("return");case 2:return e.next=4,Z.updateTimepoint(n);case 4:N(),T();case 6:case"end":return e.stop()}}),e)})))},clearTimepointTimeState:T,reOrderQuestions:function(e){return $t(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,Z.saveInteraction(Object.assign(Object.assign({},e[r]),{order:r}));case 4:r++,t.next=1;break;case 7:a=n.interactions[y.interactionIndex],n.interactions=e,h.updateTimepointState(n.id,{interactionIndex:e.indexOf(a)});case 10:case"end":return t.stop()}}),t)})))}}},Zt=n(1290),Jt=n.n(Zt);function Qt(e){var t="".concat(e.className," ").concat(Jt.a.iconButton);e.children?t+=" ".concat(Jt.a.iconWithText):t+=" ".concat(Jt.a.iconOnly);var n=a.a.createElement(ct.a,{svgName:e.svgName,className:Jt.a.svg});return a.a.createElement(X.a,{className:t,onClick:e.onClick},n,e.children)}function Gt(e){var t=e.isCreate,n=e.open,r=e.showTypeSelector;return!t||n?a.a.createElement(a.a.Fragment,null):a.a.createElement(Qt,{className:"btn btn-outline-dark cv-add-question",onClick:r,svgName:st.b.Plus},"Add question")}var Yt=n(1223),Xt=n(384),en=n(1174);function tn(e){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."),!(!e.config||!e.currentUser)&&a.a.createElement("a",{href:Xt.a.getArticle(e.config.supportSiteUrl,en.a.MakeInteractive,e.currentUser.countryCode,"articles"),target:"_blank",className:"btn btn-link text-info"},"How do I make interactives?"))}function nn(e){var t=e.isCreate,n=e.interactive,r=e.interaction,i=e.portalNode,o=e.goToTimepoint,c=e.promptDelete,s=e.config,l=e.currentUser;if(!i)return a.a.createElement(a.a.Fragment,null);var u=n.timepoints.reduce((function(e,t){return e+t.interactions.length}),0);return a.a.createElement(G.a,{node:i},u?a.a.createElement(a.a.Fragment,null,a.a.createElement("h2",{className:"h4 mt-3"},"Question List (",u,")"),a.a.createElement(Yt.a,{interactive:n,maxHeight:300,goToTimepoint:o,selectedInteractionId:null==r?void 0:r.id,onClickDelete:t?c:void 0})):t?a.a.createElement(tn,{currentUser:l,config:s}):a.a.createElement(a.a.Fragment,null))}var rn=n(1450);function an(e,t){if(t===l.InteractiveMode.Create)return function(e){return _e[e]}(e);if(t===l.InteractiveMode.View)return function(e){return At[e]}(e);throw new Error("Cannot find components for the mode ".concat(t))}var on=n(262);n(1291);function cn(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return sn(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return sn(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function sn(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var ln=[Q.InteractionTypeId.MissingWord,Q.InteractionTypeId.MultipleChoice,Q.InteractionTypeId.TrueOrFalse,Q.InteractionTypeId.ShortAnswer,Q.InteractionTypeId.Image,Q.InteractionTypeId.Annotation];function un(e){var t=e.addInteraction,n=e.cancelTypeSelector,r=e.player,i=e.timepoint,o=e.open,c=e.isCreate,s=e.interaction,l=cn(a.a.useState(Object(on.a)(r.currentTime()||0)),2),m=l[0],d=l[1];return a.a.useEffect((function(){var e=function(){d(Object(on.a)(r.currentTime()))};return r.on("timeupdate",e),function(){return r.off("timeupdate",e)}}),[]),s||!c?a.a.createElement(a.a.Fragment,null):a.a.createElement("div",{className:"d-flex align-items-center justify-content-center h-100"},a.a.createElement("div",{className:"cv-interactive-type-selector d-flex flex-wrap justify-content-center align-items-center"},a.a.createElement("div",{className:"text-center font-weight-bold w-100 text-body mb-3 cv-add-question-copy"},i?"Add another question at:":"Add a question at:"," ",m),ln.map((function(e,n){var r=u.a.getTypeInfo(e),i=r.name,o=r.bgClassName,c=r.Svg;return a.a.createElement(X.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(X.a,{className:"btn btn-link",onClick:n},"Cancel"))))}function mn(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return dn(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return dn(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function dn(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function fn(e){var t=e.typeId,n=e.currentIndex,r=e.numberOfInteractions,i=e.changeIndex,o=e.player,c=mn(a.a.useState(Object(on.a)(o.currentTime()||0)),2),s=c[0],l=c[1];a.a.useEffect((function(){var e=function(){l(Object(on.a)(o.currentTime()))};return o.on("timeupdate",e),function(){return o.off("timeupdate",e)}}),[]);var m=u.a.getTypeInfo(t),d=m.name,f=m.bgClassName,p=n<r-1;var v=n>0;return a.a.createElement("div",{className:"text-center d-flex justify-content-between align-items-center p-1 ".concat(f)},a.a.createElement(X.a,{onClick:function(){v&&i(n-1)},className:v?"":"invisible"},a.a.createElement(ct.a,{size:ct.b.Medium,svgName:st.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 ",s)),a.a.createElement(X.a,{onClick:function(){p&&i(n+1)},className:p?"":"invisible"},a.a.createElement(ct.a,{size:ct.b.Medium,svgName:st.b.ChevronRight})))}n(1292);function pn(e){var t=e.typeId,n=u.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-interaction-icon rounded my-1 text-white ".concat(o)},a.a.createElement(c,null)),a.a.createElement("span",{className:"text-left flex-grow-1"},a.a.createElement("div",{className:"h5 ".concat(i?"":"mb-0")},a.a.createElement("strong",null,r)),i&&a.a.createElement("div",{className:"h6 mb-0"},i))))}function vn(e){var t=e.isCreate,n=e.interaction,r=e.player,i=e.changeIndex,o=e.timepointState,c=e.timepoint;return t?a.a.createElement(fn,{typeId:n.typeId,changeIndex:i,player:r,currentIndex:o.interactionIndex,numberOfInteractions:c.interactions.length}):a.a.createElement(pn,{typeId:n.typeId})}var yn=n(35);function bn(e){var t=e.interaction,n=e.interactionState,a=e.onClickContinue,i=e.onClickSave,o=e.onClickCancel,c=e.onClickAddAnother,s=e.onClickDiscard,l=U(t.id),u=!!(null==n?void 0:n.hasChanges),m=!!(null==n?void 0:n.spinner);return r.createElement("div",{className:"cv-timpoint-button-container"},l?r.createElement(X.a,{className:"btn btn-link",onClick:o},"Cancel"):u?r.createElement(X.a,{className:"btn btn-link",onClick:s},"Discard"):r.createElement(X.a,{className:"btn btn-link",onClick:c},"Add another question"),m?r.createElement(X.a,{className:"btn btn-dark ml-2 cv-interactive-spinner",onClick:function(){}},r.createElement(yn.Spinner,{as:"span",animation:"border",role:"status",size:"sm"})):l?u?r.createElement(X.a,{className:"btn btn-dark ml-2",onClick:i},"Save"):r.createElement(X.a,{className:"btn btn-dark ml-2 disabled",onClick:function(){}},"Save"):u?r.createElement(X.a,{className:"btn btn-dark ml-2",onClick:i},"Save"):r.createElement(Qt,{className:"btn btn-dark ml-2",onClick:a,svgName:st.b.Play},"Continue"))}function gn(e){var t=e.typeId,n=e.interactionState,a=e.onClickSkip,i=e.numberOfInteractions,o=e.currentIndex,c=e.changeIndex,s=!!(null==n?void 0:n.submitted),l=!!(null==n?void 0:n.hasChanges),u=!!(null==n?void 0:n.spinner),m=!!Ft(t),d=o<i-1;function f(){d&&c(o+1)}var p=o>0;function v(){l&&e.onClickSubmit()}return r.createElement("div",{className:"cv-timpoint-button-container flex-wrap"},!s&&m&&r.createElement(X.a,{className:"btn btn-link",onClick:a},"Come back later"),i>1&&o>0&&r.createElement(Qt,{className:"btn btn-dark ml-2 ".concat(p?"":"disabled"),onClick:function(){p&&c(o-1)},svgName:st.b.ChevronUp}),u?r.createElement(X.a,{className:"btn btn-dark ml-2 cv-interactive-spinner",onClick:function(){}},r.createElement(yn.Spinner,{as:"span",animation:"border",role:"status",size:"sm"})):s||!m?1===i||o===i-1?r.createElement(Qt,{className:"btn btn-dark ml-2",onClick:a,svgName:st.b.Play},"Continue"):r.createElement(X.a,{className:"btn btn-dark ml-2 ".concat(d?"":"disabled"),onClick:f},"Next"):r.createElement(X.a,{className:"btn btn-dark ml-2 ".concat(l?"":"disabled"),onClick:v},"Save"))}function hn(e){var t=e.isCreate,n=e.interaction,r=e.interactionState,i=e.continueInteractive,o=e.saveInteraction,c=e.cancel,s=e.addAnotherQuestion,l=e.discardChanges,u=e.submitInteractionAnswer,m=e.skip,d=e.changeIndex,f=e.timepoint,p=e.currentIndex;return a.a.createElement(a.a.Fragment,null,t?a.a.createElement(bn,{interaction:n,interactionState:r,onClickContinue:i,onClickSave:o,onClickCancel:c,onClickAddAnother:s,onClickDiscard:function(){return l()}}):a.a.createElement(gn,{typeId:n.typeId,interactionState:r,onClickSubmit:u,onClickSkip:m,changeIndex:d,currentIndex:p,numberOfInteractions:f.interactions.length}))}var wn=n(1074);function In(e){var t=e.timepoint,n=e.interaction,r=e.promptDelete,i=e.optionsPortalNode,o=e.setView;if(!n)return a.a.createElement(a.a.Fragment,null);var c=[];if(c.push({label:"Move time point",onClick:function(){return o("move")}}),t.interactions.length>1){var s=U(n.id);c.push({label:"Re-order questions",onClick:function(){return o("reorder")},className:s?"disabled":""})}return c.push({label:"Delete",onClick:function(){return r(n.id)},className:"text-danger"}),a.a.createElement(G.a,{node:i},!!n&&a.a.createElement(wn.a,{actions:c}))}n(1293),n(1294);function En(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Sn(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Sn(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Sn(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var Cn=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{s(r.next(e))}catch(e){i(e)}}function c(e){try{s(r.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}s((r=r.apply(e,t||[])).next())}))},kn=null,xn=0,Nn=1;function On(e){var t=e.timepoint,n=e.updateTimepointTime,r=e.saveTimepoint,i=e.back,o=e.clearTimepointTimeState,c=En(a.a.useState(Object(on.a)(t.visibleAt/1e3)),2),s=c[0],l=c[1],u=En(a.a.useState(!1),2),m=u[0],d=u[1];function f(e){n(e*Nn),l(Object(on.a)(t.visibleAt/1e3)),2===++xn?Nn=5:4===xn?Nn=20:6===xn?Nn=60:8===xn&&(Nn=120),kn||(kn=window.setInterval((function(){return f(e)}),200),window.addEventListener("mouseup",p))}function p(){window.removeEventListener("mouseup",p),window.clearInterval(kn),kn=null,xn=0,Nn=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(X.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===xn&&f(-1)},onKeyUp:p}),a.a.createElement("input",{className:"form-control form-control-lg text-center d-inline-block cv-move-timepoint-input",value:s,onChange:function(){},onKeyDown:function(e){e.stopPropagation(),37===e.keyCode&&0===xn&&f(-1),39===e.keyCode&&0===xn&&f(1)},onKeyUp:p}),a.a.createElement(X.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===xn&&f(1)},onKeyUp:p}))))),a.a.createElement("div",{className:"cv-timpoint-button-container"},a.a.createElement(X.a,{className:"btn btn-link",onClick:function(){o(!0),i()}},"Cancel"),m?a.a.createElement(X.a,{className:"btn btn-dark ml-2 cv-interactive-spinner",onClick:function(){}},a.a.createElement(yn.Spinner,{as:"span",animation:"border",role:"status",size:"sm"})):a.a.createElement(X.a,{className:"btn btn-dark",onClick:function(){return Cn(this,void 0,void 0,regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return d(!0),e.next=3,r();case 3:i();case 4:case"end":return e.stop()}}),e)})))}},"Save")))}var Tn=n(1047),An=n(1295),jn=n.n(An),Pn=n(1124);function Rn(e){return function(e){if(Array.isArray(e))return Un(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||Mn(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Fn(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||Mn(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){if(e){if("string"==typeof e)return Un(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)?Un(e,t):void 0}}function Un(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var _n=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{s(r.next(e))}catch(e){i(e)}}function c(e){try{s(r.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}s((r=r.apply(e,t||[])).next())}))};var Ln=Object(Tn.SortableElement)((function(e){var t=e.interaction,n=u.a.getTypeInfo(t.typeId).bgClassName;return a.a.createElement("div",{className:"py-2 text-left"},a.a.createElement("span",{className:jn.a.dragIcon},a.a.createElement(ct.a,{size:ct.b.Small,svgName:st.b.Handle})),a.a.createElement(Pn.a,{interaction:t,iconClassName:"".concat(jn.a.type," ").concat(n),questionClassName:"".concat(jn.a.name," clamp-1")}))})),Dn=Object(Tn.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(Ln,{key:e.id,index:t,interaction:e})})))}));function qn(e){var t=Fn(a.a.useState(!1),2),n=t[0],r=t[1],i=Fn(a.a.useState(Rn(e.interactions)),2),o=i[0],c=i[1],s=Fn(a.a.useState(!1),2),l=s[0],u=s[1];return a.a.createElement(a.a.Fragment,null,a.a.createElement("div",{className:"cv-timepoint flex-grow-1"},a.a.createElement("div",{className:"cv-timepoint-padding"},a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("label",{className:"cv-interaction-field-label mb-0"},"Re-order questions"),a.a.createElement("div",{className:"text-center mt-3"},a.a.createElement(Dn,{onSortEnd:function(e){var t=e.oldIndex,n=e.newIndex;t!==n&&(c(Rn(function(e,t,n){for(;t<0;)t+=e.length;for(;n<0;)n+=e.length;if(n>=e.length)for(var r=n-e.length+1;r--;)e.push(void 0);return e.splice(n,0,e.splice(t,1)[0]),e}(o,t,n))),u(!0))},interactions:o,helperClass:jn.a.dragging,lockAxis:"y"}))))),a.a.createElement("div",{className:"cv-timpoint-button-container"},a.a.createElement(X.a,{className:"btn btn-link",onClick:function(){c(Rn(e.interactions)),u(!1),e.back()}},"Cancel"),n?a.a.createElement(X.a,{className:"btn btn-dark ml-2 cv-interactive-spinner",onClick:function(){}},a.a.createElement(yn.Spinner,{as:"span",animation:"border",role:"status",size:"sm"})):a.a.createElement(X.a,{className:"btn btn-dark ".concat(l?"":"disabled"),onClick:function(){return _n(this,void 0,void 0,regeneratorRuntime.mark((function t(){return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(l){t.next=2;break}return t.abrupt("return");case 2:return r(!0),t.next=5,e.reOrderQuestions(o);case 5:r(!1),e.back();case 7:case"end":return t.stop()}}),t)})))}},"Save")))}var Bn=n(96),Wn=n(40);function zn(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return $n(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return $n(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function $n(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Hn(e){var t=e.isCreate,n=e.interaction,r=e.mode,i=e.immediateFeedback,o=e.interactionState,c=e.shouldFocus,s=e.delayFocus,l=e.open,u=e.timepoint,m=e.userUpdateInteractionState,d=e.submitInteractionAnswer,f=e.saveInteraction,p=a.a.useRef(),v=a.a.useRef(),y=Object(Bn.a)(Wn.a.XLDown),b=!t||y;function g(){return!!p.current&&(!!c&&!!l)}function h(){p.current&&(p.current.focus(),E(!0))}var w=zn(a.a.useState(!1),2),I=w[0],E=w[1];a.a.useEffect((function(){g()&&(I||(s&&b?window.setTimeout((function(){g()&&h()}),400):h()))}),[p.current,I]);var S=zn(a.a.useState("question"),2),C=S[0],k=S[1],x=a.a.useMemo((function(){return Object(G.c)()}),[]),N=n?an(n.typeId,r):null,O=i;return t||(O=O&&(null==o?void 0:o.submitted)),a.a.createElement(a.a.Fragment,null,a.a.createElement(In,Object.assign({optionsPortalNode:x,setView:k},e)),a.a.createElement(rn.a,{style:{height:"100%"},ref:v},a.a.createElement(un,Object.assign({},e)),!!n&&a.a.createElement("div",{className:"d-flex flex-column h-100"},a.a.createElement(vn,Object.assign({},e)),"question"===C&&a.a.createElement(a.a.Fragment,null,a.a.createElement("form",{className:"cv-timepoint flex-grow-1",tabIndex:-1,onSubmit:function(e){e.preventDefault(),t?f():d()}},a.a.createElement("div",{className:"cv-timepoint-padding"},a.a.createElement("div",{ref:p,tabIndex:0}),a.a.createElement(N,Object.assign({state:o,setState:m,recalculateScroll:function(){v.current.recalculate()},showFeedback:O,optionsPortalNode:x},e)))),a.a.createElement(hn,Object.assign({},e))),"move"===C&&a.a.createElement(On,Object.assign({back:function(){return k("question")}},e)),"reorder"===C&&a.a.createElement(qn,Object.assign({back:function(){return k("question")},interactions:u.interactions},e)))))}n(1296);function Vn(e){var t=e.open,n=e.nextInteraction,r=e.nextInteractionState,i=e.timepointState,o=e.interaction,c=e.delayFocus,s=n&&i.nextInteractionIndex<i.interactionIndex,l=n&&i.nextInteractionIndex>i.interactionIndex,u=l&&i.slideIn,m=s&&i.slideIn;return a.a.createElement("div",{className:"cv-interactive ".concat(t?"cv-open":"")},s&&a.a.createElement("div",{className:"cv-prev-interaction ".concat(i.slideIn?"cv-slide-in":"")},a.a.createElement(Hn,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(m?"cv-slide-out-down":"","\n ").concat(n?"cv-transitioning":"","\n ")},a.a.createElement(Hn,Object.assign({key:null==o?void 0:o.id},e,{currentIndex:i.interactionIndex,shouldFocus:o&&!s&&!l,delayFocus:c}))),l&&a.a.createElement("div",{className:"cv-next-interaction ".concat(i.slideIn?"cv-slide-in":"")},a.a.createElement(Hn,Object.assign({},e,{currentIndex:i.nextInteractionIndex,interaction:n,interactionState:r}))))}n(1297);function Kn(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Zn(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Zn(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Zn(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Jn(e){var t=e.player,n=e.resultsService,r=e.interactive,i=e.setShowSummary,o=Kn(a.a.useState(!1),2),c=o[0],s=o[1],l=e.player.activePlugins_.activityStatusPlugin;function u(){t.currentTime()>r.timepoints[r.timepoints.length-1].visibleAt/1e3+1?s(!0):s(!1)}return a.a.useEffect((function(){if(n)return t.on("timeupdate",u),function(){return t.off("timeupdate",u)}}),[]),c?a.a.createElement(X.a,{className:"btn btn-outline-dark cv-show-summary ".concat(l?"cv-has-activity-status-plugin":""),onClick:function(){i(!0),t.pause(),t.hide()}},t.gradePassbackPlugin().enabled?"Submit answers":"View summary"):null}var Qn=n(1298),Gn=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=u.a.getTypeInfo(t.interactions[0].typeId).bgClassName,o=t.visibleAt/1e3/n*100;return a.a.createElement("span",{key:r,className:"".concat(Gn.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 Xn=n(141),er=n(370),tr=n(1299),nr=n.n(tr);function rr(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 ar(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 ar(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 ar(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){var t=e.duration,n=e.progress,r=e.player,i=rr(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:nr.a.progress,style:{left:"".concat(r,"%"),right:"".concat(i,"%")}})})))}function or(e){return le.a.last(e.results)}function cr(e,t){return le.a.findWhere(null==t?void 0:t.attempts,{id:e})}var sr,lr=n(1198),ur=n.n(lr);function mr(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var dr=function(){return a.a.createElement(a.a.Fragment,null)},fr=(mr(sr={},Q.InteractionTypeId.Annotation,dr),mr(sr,Q.InteractionTypeId.Image,dr),mr(sr,Q.InteractionTypeId.MissingWord,(function(e){var t=e.interaction.data.sentence.replace(/{([^{}]*)}/g,(function(e,t){return"{".concat("cv-missing-word-").concat(t,"}")})).split(/{([^{}]*)}/g),n="p-2";return e.reportsStyling||(n+=" border rounded"),a.a.createElement("div",{className:n},t.map((function(t,n){if(!t.startsWith("cv-missing-word-"))return t;var r=t.replace("cv-missing-word-",""),i=e.interaction.actionableItems.find((function(e){return e.order.toString()===r}));if(i){var o=e.answers.find((function(e){return e.id==i.id}));if(o){if(!e.showFeedback)return a.a.createElement("strong",{key:n,className:"text-info"},o.text);var c=o.status===Ve.Correct;return a.a.createElement(a.a.Fragment,{key:n},!c&&a.a.createElement(a.a.Fragment,null,a.a.createElement("del",{className:"text-danger"},a.a.createElement("strong",null,o.text))," "),a.a.createElement("strong",{className:"text-success"},i.name))}}})))})),mr(sr,Q.InteractionTypeId.MultipleChoice,(function(e){var t,n,r,i,o="my-2";return e.reportsStyling&&(o+=" mx-2"),a.a.createElement("div",{className:o},a.a.createElement(ft,{interaction:e.interaction,showFeedback:e.showFeedback,getSelectedAnswer:function(t){var n=e.answers.find((function(e){return e.id==t}));return null==n?void 0:n.text},imageApi:e.imageCdnUrl,userInitials:e.anonymisedUserName?ot.a.getInitialsFromFullName(e.anonymisedUserName):ot.a.getInitials(null===(t=e.user)||void 0===t?void 0:t.name,null===(n=e.user)||void 0===n?void 0:n.surname),userAvatar:e.anonymisedUserName?null:null===(i=null===(r=e.user)||void 0===r?void 0:r.avatar)||void 0===i?void 0:i.url,onlyShowSelectedAnswer:!e.showAvatar,size:"sm",unCheckedBackground:e.showFeedback?"":"".concat(ur.a.uncheckedBackground," text-white")}))})),mr(sr,Q.InteractionTypeId.TrueOrFalse,(function(e){var t,n,r,i,o="justify-content-start";return e.reportsStyling&&(o="justify-content-center"),a.a.createElement("div",{className:"my-2"},a.a.createElement(ht,{className:o,interaction:e.interaction,showFeedback:e.showFeedback,hideFeedbackIcons:!e.showAvatar,getSelectedAnswer:function(t){var n=e.answers.find((function(e){return e.id==t}));return null==n?void 0:n.text},imageApi:e.imageCdnUrl,userInitials:e.anonymisedUserName?ot.a.getInitialsFromFullName(e.anonymisedUserName):ot.a.getInitials(null===(t=e.user)||void 0===t?void 0:t.name,null===(n=e.user)||void 0===n?void 0:n.surname),userAvatar:e.anonymisedUserName?null:null===(i=null===(r=e.user)||void 0===r?void 0:r.avatar)||void 0===i?void 0:i.url,size:"sm",unCheckedBackground:e.showFeedback?"":"".concat(ur.a.uncheckedBackground," text-white")}))})),mr(sr,Q.InteractionTypeId.ShortAnswer,(function(e){var t=le.a.first(e.answers);if(!t)return a.a.createElement(a.a.Fragment,null);var n="rounded p-2 mb-2";return e.reportsStyling||(n+=" bg-info text-white"),a.a.createElement("div",{className:n},t.text)})),sr),pr=n(8).a.encloseNamespace("interactives.responseTypes");function vr(){return a.a.createElement("p",{className:"p-2"},a.a.createElement("em",null,pr("noResponse")))}function yr(e){return a.a.createElement(a.a.Fragment,null,e.correctness===Ze.a.Correct&&a.a.createElement("div",{className:"ml-2 text-success"},a.a.createElement(ct.a,{svgName:st.b.Check})),e.correctness===Ze.a.Incorrect&&a.a.createElement("div",{className:"ml-2 text-danger"},a.a.createElement(ct.a,{svgName:st.b.Close})))}function br(e){return a.a.createElement("div",{className:"d-flex align-items-center justify-content-between"},a.a.createElement("strong",null,e.anonymisedUserName||ot.a.getFullName(e.studentResults.user)),a.a.createElement(yr,{correctness:e.correctness}))}function gr(e){return e.correctness!==Ze.a.AwaitingMarking?a.a.createElement(a.a.Fragment,null):a.a.createElement("div",{className:"d-flex justify-content-end mt-1"},a.a.createElement("div",{className:"d-flex flex-column justify-content-end cursor-pointer\n ".concat(e.markedStatus===Ve.Correct?"text-success":"")},a.a.createElement(ct.a,{svgName:e.markedStatus===Ve.Correct?st.b.CheckCircle:st.b.CheckCircleOutline,onClick:function(){return e.markInteraction(e.studentAttempt.answers,Ve.Correct)}})),a.a.createElement("div",{className:"d-flex flex-column justify-content-end cursor-pointer\n ".concat(e.markedStatus===Ve.Incorrect?" text-danger":"")},a.a.createElement(ct.a,{svgName:e.markedStatus===Ve.Incorrect?st.b.CrossCircleFilled:st.b.CrossCircle,onClick:function(){return e.markInteraction(e.studentAttempt.answers,Ve.Incorrect)}})))}var hr=n(1300),wr=n.n(hr);function Ir(e){var t,n,r,i,o,c=fr[e.interaction.typeId];if(!c)return a.a.createElement(a.a.Fragment,null);var s=or(e.studentResults),l=cr(e.interaction.id,s),u=rt.isInteractionCorrect(e.interaction,s);return a.a.createElement("div",{className:"rounded ".concat(null!==(t=e.className)&&void 0!==t?t:"")},a.a.createElement("div",{className:"d-flex"},!!e.showStudentDetails&&a.a.createElement("div",{className:"mr-2"},a.a.createElement("div",{className:wr.a.avatarContainer},a.a.createElement(lt.a,{imageCdnUrl:e.imageCdnUrl,initials:e.anonymisedUserName?ot.a.getInitialsFromFullName(e.anonymisedUserName):ot.a.getInitials(null===(n=e.studentResults.user)||void 0===n?void 0:n.name,null===(r=e.studentResults.user)||void 0===r?void 0:r.surname),imageUrl:e.anonymisedUserName?null:null===(o=null===(i=e.studentResults.user)||void 0===i?void 0:i.avatar)||void 0===o?void 0:o.url}))),a.a.createElement("div",{className:"flex-grow-1"},!!e.showStudentDetails&&a.a.createElement(br,{studentResults:e.studentResults,correctness:u,anonymisedUserName:e.anonymisedUserName}),a.a.createElement("div",{className:"d-flex justify-content-between"},a.a.createElement("div",{className:"flex-grow-1 ".concat(e.responseComponentClass?e.responseComponentClass:"")},l?a.a.createElement(c,{interaction:e.interaction,answers:l.answers,imageCdnUrl:e.imageCdnUrl,user:e.studentResults.user,showFeedback:e.showFeedback,showAvatar:e.showAvatar,reportsStyling:e.reportsStyling}):a.a.createElement(vr,null)),!e.showStudentDetails&&a.a.createElement(yr,{correctness:u})))),a.a.createElement(gr,{studentAttempt:l,correctness:u,markInteraction:e.markInteraction,markedStatus:e.markedStatus}))}var Er=n(1301),Sr=n.n(Er);function Cr(e){var t=e.studentResults,n=e.interaction,r=e.timepoint,i=e.interactive,o=e.state,c=e.goToTimepoint,s=e.interactionNumber,l=e.imageCdnUrl,u=or(t),m=cr(n.id,u),d=o.interactions[n.id],f=Ut(n.typeId)(d||{},n),p=n.typeId!==Q.InteractionTypeId.Annotation&&n.typeId!==Q.InteractionTypeId.Image,v=p;n.typeId===Q.InteractionTypeId.MissingWord&&m&&(v=!1);var y=n.data.suggestedResponse||n.data.feedback;return a.a.createElement("li",{className:"mb-3 position-relative"},a.a.createElement("div",{className:"d-flex flex-wrap mb-2 cursor-pointer",onClick:function(){return c(r.id,n.id)}},i.immediateFeedback&&a.a.createElement("div",{className:Sr.a.feedback},!!m&&(f===Ze.a.AwaitingMarking?a.a.createElement("span",{className:"text-muted font-italic"},"Waiting to be marked"):f===Ze.a.Correct?a.a.createElement("span",{className:"text-success"},"Correct ",a.a.createElement(ct.a,{className:"svg-container align-middle",svgName:st.b.Check})):f===Ze.a.Incorrect&&a.a.createElement("span",{className:"text-danger"},"Incorrect ",a.a.createElement(ct.a,{className:"svg-container align-middle",svgName:st.b.Close})))),a.a.createElement(Pn.a,{interaction:n,iconClassName:"flex-shrink-0",showQuestion:v,showTypeName:!0,questionClassName:"d-block w-100 mt-2",questionNumber:s})),p&&!m&&a.a.createElement("button",{className:"btn btn-dark",onClick:function(){return c(r.id,n.id)}},"Answer question"),m&&p&&a.a.createElement(Ir,{interaction:n,studentResults:t,markedStatus:Ve.PendingReview,markInteraction:function(){},imageCdnUrl:l,showFeedback:i.immediateFeedback,showAvatar:!0}),i.immediateFeedback&&m&&y&&a.a.createElement("div",{className:"bg-light rounded p-2"},a.a.createElement("div",null,a.a.createElement("strong",null,n.typeId===Q.InteractionTypeId.TrueOrFalse?"Teacher's feedback":"Teacher's suggested response")),y))}var kr=n(1302),xr=n.n(kr);function Nr(e){return function(e){if(Array.isArray(e))return Or(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 Or(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 Or(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 Or(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 Tr(e){var t=e.showSummary,n=e.setShowSummary,r=e.state,i=e.interactive,o=e.player,c=e.progress,s=e.portalNode,l=a.a.useRef();function u(){n(!1),o.show(),o.play()}function m(t,n){u(),e.goToTimepoint(t,n)}if(!s||!t)return a.a.createElement(a.a.Fragment,null);var d=function(e){var t=e.interactive,n=e.state,r=0,a=0,i=0,o=!1,c=[];return t.timepoints.forEach((function(e){e.interactions.forEach((function(e){var t=n.interactions[e.id],s=Ut(e.typeId)(t||{},e);s===Ze.a.Correct&&r++,s!==Ze.a.NotApplicable&&a++,s!==Ze.a.NotApplicable&&(null==t?void 0:t.submitted)&&i++,s===Ze.a.AwaitingMarking&&(o=!0);var l=_(t||{}),u=Object.keys(l).map((function(e){var t;return{id:e,text:null===(t=l[e])||void 0===t?void 0:t.toString()}}));u.length&&c.push({id:e.id,answeredAt:1,answers:u})}))})),{correctCount:r,total:a,answered:i,studentAttempts:c,awaitingMarking:o}}({interactive:i,state:r}),f=d.correctCount,p=d.total,v=d.answered,y=d.studentAttempts,b=d.awaitingMarking,g={name:e.currentUser.givenName,username:e.currentUser.username,user:{name:e.currentUser.givenName,surname:e.currentUser.familyName,avatar:{url:e.currentUser.avatar}},results:[{id:i.id,attempts:y}]},h=0,w=o.ended(),I=o.duration();return a.a.createElement(G.a,{node:s},a.a.createElement("div",{className:"row pb-3"},a.a.createElement("div",{className:"col-4 col-xs-12"},a.a.createElement(er.a,{data:o.poster(),imageType:ye.c.Thumbnails,imageOptions:{size:ye.b.Medium}})),a.a.createElement("div",{className:"col-8 col-xs-12"},a.a.createElement("span",{className:"float-right"},a.a.createElement(Xn.a,{svgName:st.b.Play,className:"btn btn-outline-dark",onClick:function(){u(),o.ended()&&o.currentTime(0)}},w?"Play again":"Continue watching"),o.gradePassbackPlugin().enabled&&a.a.createElement(Xn.a,{svgName:st.b.Check,className:"btn btn-dark ml-2",onClick:function(){o.gradePassbackPlugin().submit(f/p,!b)}},"Submit")),a.a.createElement("h1",{className:"h3"},e.title),a.a.createElement("p",null))),a.a.createElement("div",{className:"border rounder px-2 mb-3"},a.a.createElement("div",{className:"cursor-pointer my-4 ".concat(xr.a.bar),onClick:function(e){if(l.current){var t=l.current.getBoundingClientRect(),n=(e.pageX-t.left)/t.width*I;u(),o.currentTime(n)}},ref:l},a.a.createElement(ir,{duration:I,progress:c,interactive:i,player:o}),a.a.createElement(Yn,{duration:I,interactive:i,goToTimepoint:m}))),a.a.createElement("h2",{className:"h4"},"My Answers"),a.a.createElement("div",{className:"d-flex justify-content-between"},a.a.createElement("span",null,i.immediateFeedback&&a.a.createElement("div",null,"Score: ",f,"/",p),a.a.createElement("div",{className:"mb-3"},"You have answered ",a.a.createElement("strong",{className:v!==p?"text-danger":""},v)," of ",a.a.createElement("strong",null,p)," questions"))),a.a.createElement("div",{className:"row"},a.a.createElement("div",{className:"col-lg-7 col-12"},a.a.createElement("ul",{className:"list-unstyled"},i.timepoints.reduce((function(t,n){return[].concat(Nr(t),Nr(n.interactions.map((function(t){return h++,a.a.createElement(Cr,{key:t.id,studentResults:g,interaction:t,timepoint:n,interactive:i,state:r,goToTimepoint:m,interactionNumber:h,imageCdnUrl:e.imageCdnUrl})}))))}),[])))))}function Ar(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 jr(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 jr(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 jr(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 Pr(e){var t=e.resultsService,n=e.player,r=e.onShowSummary,i=Ar(a.a.useState(!1),2),o=i[0],c=i[1];function s(e){c(e),r&&r(e)}function l(){s(!0),n.hide()}return a.a.useEffect((function(){if(t)return n.on("ended",l),function(){return n.off("ended",l)}}),[]),a.a.useEffect((function(){o&&n.isFullscreen()&&n.exitFullscreen()}),[o]),a.a.createElement(a.a.Fragment,null,a.a.createElement(Jn,Object.assign({setShowSummary:s},e)),a.a.createElement(Tr,Object.assign({showSummary:o,setShowSummary:s},e)))}n(1303);var Rr=n(1058);function Fr(e){var t,n,r,i=(t=e.interactive,r=0,null===(n=null==t?void 0:t.timepoints)||void 0===n||n.forEach((function(e){var t;return null===(t=e.interactions)||void 0===t?void 0:t.forEach((function(){return r++}))})),r>0),o=[];return e.onClickEditDetails&&o.push({label:"Edit details",svgName:st.b.Edit,button:!0,className:"btn btn-outline-dark",onClick:e.onClickEditDetails}),e.onClickPublish&&o.push({label:"Publish",button:!0,className:"btn btn-dark ml-2".concat(i?"":" disabled"),disabled:!i,tooltip:i?"":"Interactives cannot be published without questions",onClick:function(){if(!i)return;e.onClickPublish&&e.onClickPublish()}}),o.length?a.a.createElement(G.a,{node:e.portalNode},a.a.createElement(Rr.a,{actions:o})):a.a.createElement(a.a.Fragment,null)}var Mr=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 Ur(e){var t=e.title,n=e.player,r=e.track,i=e.mode,o=e.interactive,c=e.imageApi,s=e.actionsPortalNode,u=e.questionListPortalNode,m=e.summaryPortalNode,d=e.resultsService,f=e.currentUser,p=e.progress,v=e.latestSession,y=e.clipOffset,b=e.analyticsService,g=e.config,h=function(e){var t=e.player,n=e.track,r=e.interactive,i=e.clipOffset,o=P(a.a.useState(!1),2),c=o[0],s=o[1],l=P(a.a.useState(!1),2),u=l[0],m=l[1],d=P(a.a.useState(null),2),f=d[0],p=d[1];function v(e){return i?e+i:e}function y(e){m(!!e&&c),s(e)}function b(){var e=n.activeCues;if(!e.length)return y(!1),void p(null);var a=r.timepoints.find((function(t){return t.id.toString()===e[0].text.toString()}));if(!a)return y(!1),void p(null);a.shouldPause&&(t.seeking()?t.one("play",(function(){return t.pause()})):t.pause()),y(!0),p(a)}function g(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=g(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=g(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:n,track:r,interactive:o,mode:i,clipOffset:y}),w=h.open,I=h.timepoint,E=h.wasOpen,S=Mr(h,["open","timepoint","wasOpen"]),C=Kt(Object.assign({mode:i,interactive:o,timepoint:I,player:n,resultsService:d,latestSession:v,analyticsService:b},S)),k=C.interaction,x=C.interactionState,N=C.nextInteraction,O=C.nextInteractionState,T=C.timepointState,A=C.state,R=Mr(C,["interaction","interactionState","nextInteraction","nextInteractionState","timepointState","state"]);!function(e){var t,n=e.mode,r=e.player,i=e.timepoint,o=e.interaction,c=e.discardChanges,s=e.interactionState,u=e.timepointState,m=Object(F.a)(),d=n===l.InteractiveMode.Create;a.a.useEffect((function(){if(d){if(U(null==o?void 0:o.id)||(null==s?void 0:s.hasChanges)||(null==u?void 0:u.hasChanges))return m.lock({id:"interactive",title:"Are you sure you want to leave?",text:"Your interactive still has unsaved changes"}),void r.lock((function(e){c(e)}));r.unlock(),m.unlock("interactive")}}),[o,null==s?void 0:s.hasChanges,null===(t=null==i?void 0:i.interactions)||void 0===t?void 0:t.length,null==u?void 0:u.hasChanges])}({mode:i,player:n,timepoint:I,interaction:k,discardChanges:R.discardChanges,interactionState:x,timepointState:T});var M={mode:i,open:w,isCreate:i===j.a.Create,interaction:k,nextInteraction:N,timepoint:I,interactive:o,interactionState:x,nextInteractionState:O,timepointState:T,player:n};return a.a.createElement(a.a.Fragment,null,!!s&&a.a.createElement(Fr,{interactive:o,onClickEditDetails:e.onClickEditDetails,onClickPublish:e.onClickPublish,portalNode:s}),a.a.createElement(Gt,Object.assign({},M,R)),a.a.createElement(Vn,Object.assign({imageApi:c,currentUser:f,immediateFeedback:o.immediateFeedback,delayFocus:!E},M,R,S)),a.a.createElement(Pr,Object.assign({title:t,currentUser:f,state:A,portalNode:m,progress:p,resultsService:d,imageCdnUrl:c.toString(),onShowSummary:e.onShowSummary},M,R)),a.a.createElement(nn,Object.assign({portalNode:u,config:g,currentUser:f},M,R)))}c.a.registerComponent("Interactive",Object(A.a)((function(e,t){return a.a.createElement(Ur,Object.assign({player:e},t))})));var _r=n(251),Lr=n(255);function Dr(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(_r.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(Lr.a,{buttons:i}))}function qr(e){return(qr="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function Br(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function Wr(e,t){return(Wr=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function zr(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=Hr(e);if(t){var a=Hr(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return $r(this,n)}}function $r(e,t){return!t||"object"!==qr(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 Hr(e){return(Hr=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}c.a.registerComponent("ContinueSession",Object(A.a)((function(e,t){return a.a.createElement(Dr,Object.assign({player:e},t))})));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&&Wr(e,t)}(i,e);var t,n,r,a=zr(i);function i(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i),(t=a.call(this,e)).enabled=!1,t.player.ready((function(){return t.initialize()})),t}return t=i,(n=[{key:"initialize",value:function(){this.onReceiveMessage=this.onReceiveMessage.bind(this),window.addEventListener("message",this.onReceiveMessage,!1),window.parent.postMessage(JSON.stringify({type:"cv-app-loaded"}),"*")}},{key:"dispose",value:function(){window.removeEventListener("message",this.onReceiveMessage)}},{key:"onReceiveMessage",value:function(e){var t={};try{t=JSON.parse(e.data)}catch(e){return}"enable-grade-passback"===t.type&&(this.enabled=!0,window.removeEventListener("message",this.onReceiveMessage))}},{key:"submit",value:function(e,t){var n={type:"cv-lms-submit-score",data:{score:e,fullyGraded:t}};window.parent.postMessage(JSON.stringify(n),"*")}}])&&Br(t.prototype,n),r&&Br(t,r),i}(c.a.getPlugin("plugin"));c.a.registerPlugin("gradePassbackPlugin",Vr);n(1304);function Kr(e){return(Kr="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 Zr(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 Jr(e,t){return(Jr=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function Qr(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=Yr(e);if(t){var a=Yr(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return Gr(this,n)}}function Gr(e,t){return!t||"object"!==Kr(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 Yr(e){return(Yr=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var Xr=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&&Jr(e,t)}(i,e);var t,n,r,a=Qr(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;this.player.gradePassbackPlugin(),s.a.useTrack(this.player,"metadata","interactive",this.onTrackLoaded.bind(this)),this.player.addClass("cv-interactive-plugin"),this.options.resultsService&&!this.options.latestSession&&(this.startSession=this.startSession.bind(this),this.player.one("play",this.startSession),this.on("dispose",(function(){e.player.off("play",e.startSession)})))}},{key:"startSession",value:function(){var e,t=null===(e=this.options.latestSession)||void 0===e?void 0:e.resultId;this.continueSession||(t=null),this.options.resultsService.start(t)}},{key:"onTrackLoaded",value:function(e){var t=this;this.options.resultsService&&this.options.latestSession?(this.player.pause(),this.player.addChild("ContinueSession",{continue:function(n){t.options.analyticsService.logUserAction({},{actionType:We.UserAction.Click,entity:We.EntityType.Interactive,descriptor:n?We.InteractiveSessionDescriptor.ContinueSession:We.InteractiveSessionDescriptor.NewSession}),t.continueSession=n,t.startSession(),t.addChildren(e),t.player.play()}})):this.addChildren(e)}},{key:"addChildren",value:function(e){this.player.addChild("Interactive",Object.assign(Object.assign({},this.options),{track:e,mode:this.options.mode||l.InteractiveMode.View,latestSession:this.continueSession&&this.options.latestSession})),this.player.controlBar.getChild("progressControl").getChild("SeekBar").addChild(new T(this.player,{interactive:this.options.interactive,track:e}))}}])&&Zr(t.prototype,n),r&&Zr(t,r),i}(c.a.getPlugin("plugin"));c.a.registerPlugin("viewInteractivePlugin",Xr);var ea=n(118);function ta(e){return(ta="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 na(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 ra(e,t){return(ra=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function aa(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=oa(e);if(t){var a=oa(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return ia(this,n)}}function ia(e,t){return!t||"object"!==ta(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 oa(e){return(oa=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var ca=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&&ra(e,t)}(i,e);var t,n,r,a=aa(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()}}])&&na(t.prototype,n),r&&na(t,r),i}(n(109).a);function sa(e){return function(e){if(Array.isArray(e))return la(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 la(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 la(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 la(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 ua(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 ma=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{s(r.next(e))}catch(e){i(e)}}function c(e){try{s(r.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}s((r=r.apply(e,t||[])).next())}))},da=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 ea.a).withUrl("".concat(t.playerApi.origin,"/hubs/interactives"),{withCredentials:!1}).configureLogging(ea.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 ma(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 ma(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 ca):(this.retryCount++,this.start())}},{key:"startSession",value:function(){return ma(this,void 0,void 0,regeneratorRuntime.mark((function e(){var t,n,r,a,o,c,s;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,o=t.customerId,c=t.shareId,e.prev=3,e.next=6,this.connection.invoke("startSession",n,r,a,o,c);case 6:s=e.sent,this.resultId=s.resultId,e.next=13;break;case 10:e.prev=10,e.t0=e.catch(3),i.a.ErrorHelper.throw(new ca);case 13:case"end":return e.stop()}}),e,this,[[3,10]])})))}},{key:"flush",value:function(){return ma(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:sa(this.cache).forEach((function(e){return ma(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 ma(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)})))}}])&&ua(t.prototype,n),r&&ua(t,r),e}(),fa=function(e,t){var n,r=e.addTextTrack("metadata","interactive"),a=t.additionalData.interactive,i=null===(n=t.additionalData.clipData)||void 0===n?void 0:n.startTime;return a.timepoints.forEach((function(e){var t,n=e.visibleAt/1e3,a=e.visibleFor?n+e.visibleFor/1e3:n+1;i&&(n+=i,a+=i),(null===(t=e.interactions)||void 0===t?void 0:t.length)&&r.addCue({startTime:n-.001,endTime:a,text:e.id})})),r},pa=n(387);function va(e){return(va="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 ya(e){return function(e){if(Array.isArray(e))return ba(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 ba(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 ba(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 ba(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 ga(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 ha(e,t,n){return(ha="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=Sa(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 wa(e,t){return(wa=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function Ia(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=Sa(e);if(t){var a=Sa(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return Ea(this,n)}}function Ea(e,t){return!t||"object"!==va(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 Sa(e){return(Sa=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var Ca=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{s(r.next(e))}catch(e){i(e)}}function c(e){try{s(r.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}s((r=r.apply(e,t||[])).next())}))},ka=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&&wa(e,t)}(c,e);var t,n,r,a=Ia(c);function c(e,t){var n;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,c),(n=a.call(this,e,t)).totalProgress=[],L.a.setToken("gateway",n.options.authToken),n.player.one("dispose",(function(){n.resultsService&&n.resultsService.stop()})),n.options.mode===l.InteractiveMode.Create&&n.player.addClass("cv-create-interactives"),n}return t=c,(n=[{key:"getPlayerOptions",value:function(){var e=ha(Sa(c.prototype),"getPlayerOptions",this).call(this);return e.setMaxHeight=!1,this.options.embed||(e.aspectRatio="16:9"),e}},{key:"onFlushProgress",value:function(e){var t;ha(Sa(c.prototype),"onFlushProgress",this).call(this,e),this.options.mode!==l.InteractiveMode.Create&&(t=this.totalProgress).push.apply(t,ya(e))}},{key:"additionalSetup",value:function(e){var t=this,n=Object.create(null,{additionalSetup:{get:function(){return ha(Sa(c.prototype),"additionalSetup",t)}}});return Ca(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;this.track=fa(this.player,e);var n=e.additionalData.interactive,r=null===(t=e.additionalData.clipData)||void 0===t?void 0:t.startTime;this.options.collectResults&&(this.options.currentUser||i.a.ErrorHelper.throw(new o.a("Must provide a currentUser in order to collect interactive results")),this.options.shareId||i.a.ErrorHelper.throw(new o.a("Must provide a shareId in order to collect interactive results")),this.resultsService=new da({interactiveId:n.id,mediaId:e.mediaId,userId:this.options.currentUser.id,customerId:this.options.currentUser.customerId,playerApi:this.options.playerApi,shareId:this.options.shareId})),this.player.viewInteractivePlugin({interactive:n,title:e.title,mode:this.options.mode,imageApi:this.options.imageApi,resultsService:this.resultsService,actionsPortalNode:this.options.actionsPortalNode,questionListPortalNode:this.options.questionListPortalNode,summaryPortalNode:this.options.summaryPortalNode,currentUser:this.options.currentUser,config:this.options.config,latestSession:e.additionalData.latestSession,progress:this.totalProgress,clipOffset:r,analyticsService:this.analyticsService,onShowSummary:this.options.onShowSummary,onClickEditDetails:this.options.onClickEditDetails,onClickPublish:this.options.onClickPublish})}},{key:"getAdditionalAnalyticsData",value:function(e){var t,n,r,a;return(null===(n=null===(t=e.additionalData)||void 0===t?void 0:t.clipData)||void 0===n?void 0:n.clipId)?{clip:{id:null===(a=null===(r=e.additionalData)||void 0===r?void 0:r.clipData)||void 0===a?void 0:a.clipId}}:{}}},{key:"getSeekBarOptions",value:function(){return{ignoreChapters:!0}}},{key:"getAnalyticsPlayerType",value:function(){return"interactive-player"}},{key:"setFavourite",value:function(e,t){this.player.favouritePlugin().setFavourite(e,t)}},{key:"setActivityStatus",value:function(e,t){this.player.activityStatusPlugin().setActivityStatus(e,t)}}])&&ga(t.prototype,n),r&&ga(t,r),c}(pa.a);n.d(t,"a",(function(){return Na}));var xa=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 Na(e){var t=e.onReady,n=e.className,r=xa(e,["onReady","className"]),i=a.a.useRef();return a.a.useEffect((function(){var e=new ka(i.current,r);return t&&e.ready((function(){t(e)})),function(){e.dispose()}}),[]),a.a.createElement(a.a.Fragment,null,a.a.createElement("div",{ref:i,className:n}),a.a.createElement("div",{id:"popup-region"}))}},1223:function(e,t,n){"use strict";n.d(t,"a",(function(){return h}));var r=n(0),a=n.n(r),i=n(257),o=n(1109),c=n(164),s=n(77),l=n(29),u=n(248),m=n(1083),d=n(1124),f=n(1224),p=n.n(f),v="shared.interactiveQuestions";function y(e){var t=e.interaction;switch((0,e.getCorrectness)(t)){case m.a.Correct:return a.a.createElement("span",{className:"text-success"},a.a.createElement(s.a,{size:s.b.Medium,svgName:l.b.Check}));case m.a.Incorrect:return a.a.createElement("span",{className:"text-danger"},a.a.createElement(s.a,{size:s.b.Medium,svgName:l.b.Close}));case m.a.AwaitingMarking:return a.a.createElement("span",{className:"text-muted italic"},a.a.createElement("i",null,a.a.createElement(u.b,{namespace:v,phrase:"pending"})));case m.a.UnAnswered:return a.a.createElement("button",{className:"btn btn-outline-dark"},a.a.createElement(u.b,{namespace:v,phrase:"answer"}));case m.a.Answered:return a.a.createElement("span",{className:"text-muted italic"},a.a.createElement("i",null,a.a.createElement(u.b,{namespace:v,phrase:"answered"})));case m.a.NotApplicable:return a.a.createElement(a.a.Fragment,null)}}function b(e){var t=e.interaction,n=e.visibleAt,r=e.selectedInteractionId,i=e.goToTimepoint,u=e.scrollTo,m=e.isFirstInteraction,f=t.id.toString()===(null==r?void 0:r.toString()),v=a.a.useRef();a.a.useEffect((function(){if(f&&v.current){var e=v.current,t=e.getBoundingClientRect(),n=t.top-e.offsetParent.getBoundingClientRect().top;u(n,t.height)}}),[f]);var b=i?"cursor-pointer":"cursor-default";return a.a.createElement("div",{ref:v},a.a.createElement(c.a,{className:"py-2 ".concat(b," ").concat(p.a.row," ").concat(f?p.a.selected:""),onClick:f?function(){}:function(){i&&i(t.id)}},a.a.createElement("span",{className:"".concat(p.a.time," mr-2 ").concat(f?"font-weight-bold":"")},m?o.a.ToDisplayDuration(n):""),a.a.createElement(d.a,{interaction:t,showTypeName:!0,typeNameClassName:p.a.type,questionClassName:p.a.question}),e.onClickDelete&&a.a.createElement(c.a,{onClick:function(n){n.stopPropagation(),e.onClickDelete(t.id)},className:"".concat(p.a.deleteContainer)},a.a.createElement("span",{className:"text-right ".concat(p.a.delete)},a.a.createElement(s.a,{size:s.b.Medium,svgName:l.b.Delete}))),e.getCorrectness&&a.a.createElement("span",{className:"text-right ".concat(p.a.correctness)},a.a.createElement(y,{interaction:t,getCorrectness:e.getCorrectness}))))}function g(e){var t=e.timepoint,n=e.scrollTo,r=e.onClickDelete,i=e.selectedInteractionId,o=e.getCorrectness;function c(n){e.goToTimepoint&&e.goToTimepoint(t.id,n)}return t.interactions?a.a.createElement("div",null,t.interactions.map((function(e,s){return a.a.createElement(b,{interaction:e,visibleAt:t.visibleAt,goToTimepoint:c,onClickDelete:r,scrollTo:n,selectedInteractionId:i,isFirstInteraction:0===s,getCorrectness:o,key:s})}))):a.a.createElement(a.a.Fragment,null)}function h(e){var t=e.interactive,n=e.goToTimepoint,r=e.selectedInteractionId,o=e.maxHeight,c=e.onClickDelete,s=e.getCorrectness,l=a.a.useRef();function u(e,t){if(l.current){var n=l.current.getClientHeight(),r=l.current.getScrollTop(),a=e+r;(a<r||a+t>r+n)&&l.current.scrollTop(a-n/2+t/2)}}var m=n?"border rounded":"";return a.a.createElement(i.Scrollbars,{autoHeight:!0,autoHeightMax:o,className:m,hideTracksWhenNotNeeded:!0,ref:l},a.a.createElement("div",{className:"px-3 py-1"},t.timepoints.map((function(e,t){return a.a.createElement(g,{key:t,timepoint:e,goToTimepoint:n,selectedInteractionId:r,scrollTo:u,onClickDelete:c,getCorrectness:s})}))))}},1224:function(e,t,n){e.exports={time:"_3B2vs",type:"_3lYII",question:"_3WHlt",deleteContainer:"Dqlwr",delete:"_4TtZ",correctness:"_3G9s-",selected:"_20LzY",row:"_3uCfp"}},1276:function(e,t,n){},1277:function(e,t,n){},1278:function(e,t,n){},1279:function(e,t,n){},1284:function(e,t,n){},1285:function(e,t,n){},1286:function(e,t,n){},1287:function(e,t,n){e.exports={incorrect:"_3pK3B",answer:"_2ItYx",avatarContainer:"_3DkKy"}},1288:function(e,t,n){},1289:function(e,t,n){e.exports={feedback:"_2hJr3",avatarContainer:"_2Ukg-",avatarContainerSmall:"_1E7DW",incorrect:"xbaUc"}},1290:function(e,t,n){e.exports={svg:"_17Ny-",iconButton:"x1ePL",iconWithText:"_2BmJR",iconOnly:"_2DnLq"}},1291:function(e,t,n){},1292:function(e,t,n){},1293:function(e,t,n){},1294:function(e,t,n){},1295:function(e,t,n){e.exports={type:"_3N9_3",dragIcon:"_1GfpD",name:"_3s8vL",dragging:"_1qnqN"}},1296:function(e,t,n){},1297:function(e,t,n){},1298:function(e,t,n){e.exports={interaction:"_3SUOU"}},1299:function(e,t,n){e.exports={progress:"_1myQT"}},1300:function(e,t,n){e.exports={avatarContainer:"_27TEu"}},1301:function(e,t,n){e.exports={feedback:"F7uFH"}},1302:function(e,t,n){e.exports={bar:"_2pc-n"}},1303:function(e,t,n){},1304:function(e,t,n){}}]);
|