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

package/dist/scripts/63-65110f201f.chunk.js

@@ -1 +0,0 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[63],{1177:function(e,t,r){"use strict";r.d(t,"a",(function(){return u}));var n=r(222),a=r(63),o=r(77);function u(){var e=Object(n.a)(o.a.ALERT);return{success:function(t){e.success(t)()},error:function(t){e.error(t)()},warning:function(t){e.createAlert({type:a.a.Warning,heading:a.c.Warning,message:t})}}}},1190:function(e,t,r){"use strict";function n(e){return(n="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)}r.d(t,"a",(function(){return a}));var a={isNumber:function(e){return a.isType(e,"number")},isString:function(e){return a.isType(e,"string")},isType:function(e,t){return n(e)===t}}},1195:function(e,t,r){"use strict";r.d(t,"a",(function(){return s}));var n=r(1190),a=r(68);function o(e){return function(e){if(Array.isArray(e))return u(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 u(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return u(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 u(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function c(e){var t=e.page,r=e.totalPages,o=n.a.isNumber(t)&&t>0&&t<r&&t+1,u=n.a.isNumber(t)&&t>1&&t-1,c={};if(o&&o<=r&&(c.next=o.toString()),u&&(c.previous=u.toString()),!a.a.isEmpty(c))return c}var s={isEmpty:function(e){return e&&!(e.data&&e.data.length)},length:function(e){return e&&e.data&&e.data.length},at:function(e,t){if(e&&e.data&&e.data.length&&!(t>e.data.length))return e.data[t]},get:function(e,t){if(e&&e.data&&e.data.length)return e.data.find((function(e){return e.id&&e.id.toString()===t}))},flattenCollections:function(e){if(e&&e.length){var t=[];return e.forEach((function(e){t=[].concat(o(t),o(e.data))})),t}},getNextCursor:function(e){return e.pagination&&e.pagination.cursors&&e.pagination.cursors.next},convertLegacyPaginatedCollection:function(e){if(e)return{data:e.data,pagination:{cursors:c(e.pagination),limit:e.pagination.pageSize}}}}},1197:function(e,t,r){"use strict";r.d(t,"a",(function(){return s}));var n=r(83),a=r(26),o=r(1195);function u(e){return function(e){if(Array.isArray(e))return c(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 c(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return c(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 c(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var s={getUsers:function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",o=arguments.length>4?arguments[4]:void 0,u=arguments.length>5?arguments[5]:void 0,c=r.sortName,s=void 0===c?"":c,i=r.yearGroup,l=void 0===i?"":i,f=function(){var e=["usertype:".concat(t)];if(l&&e.push("yeargroups.value:".concat(l)),s)switch(s){case"first-name-atoz":e.push("orderby:name");break;case"first-name-ztoa":e.push("orderbydesc:name");break;case"surname-atoz":e.push("orderby:surname");break;case"surname-ztoa":e.push("orderbydesc:surname")}return"{".concat(e.join(","),"}avatar")},y={query:f()};return a&&(y.cursor=a),{url:n.a.urlBuilder("{gateway}/v1/customers/".concat(e,"/users"),y),key:"school:users:".concat(e,":").concat(t).concat(a?":".concat(a):"").concat(l?":".concat(l):"").concat(s?":".concat(s):""),expiryTime:1/0,success:o,error:u}},getUser:function(e){return{url:"{gateway}/v1/users/".concat(e),key:"school:users:".concat(e),expiryTime:1/0}},bulkRemoveUsers:function(e,t,r,n){return{url:"{gateway}/v1/users/delete",key:"remove:school:users",invalidationKeys:["school:users"].concat(u(e.users.map((function(e){return"school:users:".concat(e.userId)})))),type:a.a.POST,data:e,success:t,error:r,always:n}},createUsers:function(e,t,r,n){return{url:"{gateway}/v1/users",key:"create:users",data:e,type:a.a.POST,invalidationKeys:["school:users"],success:t,error:r,always:n}},updateUser:function(e,t,r,n,o){return{url:"{gateway}/v1/users",key:"edit:user",type:a.a.PUT,data:e,invalidationKeys:["school:users:".concat(t,":").concat(e.userType),"school:users:".concat(e.userId)],success:r,error:n,always:o}},searchUsers:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",r=arguments.length>2?arguments[2]:void 0,n=arguments.length>3?arguments[3]:void 0,a=arguments.length>4?arguments[4]:void 0,u=e.query,c=function(){var e=["usertype:".concat(r)];return t&&e.push("page:".concat(t)),"{".concat(e.join(","),"}")};e.query,c();return{url:"{gateway}/v1/search/users?query=".concat(e.query),key:"search:users:".concat(u,":").concat(t),formatData:o.a.convertLegacyPaginatedCollection,expiryTime:1/0,success:n,error:a}},bulkToggleActivation:function(e,t,r,n,o){return{url:"{gateway}/v1/users/update-status",key:"update:users:status",type:a.a.PUT,data:e,success:r,error:n,always:o,invalidationKeys:["school:users:".concat(e.customerId,":").concat(t)].concat(u(e.users.map((function(e){return"school:users:".concat(e.userId)}))))}},bulkValidate:function(e,t,r,n){return{url:"{gateway}/v1/users/validate",type:a.a.POST,key:"validate:users",data:e,success:t,error:r,always:n,normalize:!1,formatData:function(e){return e.failedResults.map((function(e){return{errorCodes:e.errorCodes,users:[e.user]}}))}}},yearGroups:function(e){return{url:"{gateway}/v1/customers/".concat(e,"/yeargroups"),key:"yeargroups:".concat(e)}}}},1886:function(e,t,r){"use strict";r.r(t),r.d(t,"BulkRemoveUsersView",(function(){return k}));var n=r(0),a=r.n(n),o=r(82),u=r(9),c=r(22),s=r(73),i=r(121),l=r(1177),f=r(107),y=r(330),p=r(327),d=r(69),m=r(149),g=r(47),v=r(3),h=r(59),b=r(1197);function w(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 r=[],n=!0,a=!1,o=void 0;try{for(var u,c=e[Symbol.iterator]();!(n=(u=c.next()).done)&&(r.push(u.value),!t||r.length!==t);n=!0);}catch(e){a=!0,o=e}finally{try{n||null==c.return||c.return()}finally{if(a)throw o}}return r}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return S(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return S(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 S(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function k(e){var t=e.userType===m.a.Learner?"userManager.removeStudents":"userManager.removeStaff",r=u.a.encloseNamespace(t),n=w(a.a.useState(""),2),S=n[0],k=n[1],A=w(a.a.useState(!1),2),E=A[0],T=A[1],U=w(Object(s.a)(h.a.BULK_REMOVE_USERS),1)[0],O=w(a.a.useState(!1),2),j=O[0],I=O[1],C=c.a.useBasicFetch(d.a.currentUser()),P=Object(o.useDispatch)(),x=Object(l.a)();return a.a.useEffect((function(){S&&("delete"!==S.toLowerCase().trim()?E&&T(!1):T(!0))}),[S]),a.a.createElement(p.a,{title:r("title"),closePopup:e.closePopup,showLoadingSpinner:!C.data},C.data?a.a.createElement(f.a.Provider,{value:t},a.a.createElement("p",null,function(){if(1===U.length){var e=i.a.first(U),t="".concat(e.name).concat(e.surname?" ".concat(e.surname):"");return a.a.createElement(f.b,{phrase:"infoOneUser",options:{name:t}})}return a.a.createElement(f.b,{phrase:"infoManyUsers",options:{total:U.length}})}()),a.a.createElement("div",{className:"form-group"},a.a.createElement("p",{className:"mb-1"},a.a.createElement(f.b,{phrase:"typeDelete"})),a.a.createElement("input",{value:S,onChange:function(e){return k(e.target.value)},autoComplete:"off",className:"form-control w-75"})),a.a.createElement(y.a,{buttons:[{variant:"link",onClick:e.closePopup,buttonText:r("cancel")},{variant:"danger",onClick:function(){I(!0);var t={customerId:C.data.customerId,users:U.map((function(e){return{userId:e.id,username:e.username}}))};c.a.fetch(P,b.a.bulkRemoveUsers(t,(function(){I(!1),g.a.logUserAction({customerId:C.data.customerId,count:U.length},{actionType:v.UserAction.Delete,entity:v.EntityType.User,workflowPhase:v.WorkflowPhase.Complete,descriptor:1===U.length?v.OperationDescriptor.Single:v.OperationDescriptor.Bulk,location:v.LocationContext.Popup}),x.success(r("success",e.userType===m.a.Learner?{smartCount:U.length}:{total:U.length}))}),(function(){x.error(r("error"))}),(function(){I(!1),e.closePopup()})))},buttonText:r("delete"),isSpinnerButton:!0,showSpinner:j,disabled:!E}]})):a.a.createElement(a.a.Fragment,null))}}}]);

package/dist/scripts/65-192a1c5a58.chunk.js

@@ -1 +0,0 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[65],{1729:function(e,a,n){e.exports={group:"IT422",tempSvg:"_2CLu3"}},1730:function(e,a,n){e.exports={settingsContainer:"_3VOac",groupContainer:"mlors"}},1915:function(e,a,n){"use strict";n.r(a);var t=n(0),s=n.n(t),i=n(328),r=n(9),c=n(107),l=n(173),m=n(53),o=n(67),p=n(1729),u=n.n(p);function g(e){var a,n=!!(null===(a=e.modules)||void 0===a?void 0:a.length);return s.a.createElement(m.a,{appLink:e.appLink},s.a.createElement("div",{className:"row p-3 border border-dark m-0 w-100 ".concat(u.a.group)},s.a.createElement("div",{className:"col-3 px-3"},s.a.createElement("div",{className:"d-flex justify-content-center align-items-center h-100"},s.a.createElement(o.a,{svgName:e.svg,className:u.a.tempSvg}))),s.a.createElement("div",{className:"col-9 ".concat(n?"":"d-flex align-items-center")},s.a.createElement("h2",{className:"h3"},e.name),n&&s.a.createElement("ul",{className:"list-unstyled mb-0"},e.modules.map((function(e){return s.a.createElement("li",{key:e.name,className:"mb-1"},s.a.createElement(m.a,{appLink:e.appLink},e.name))}))))))}var E=n(17),d=n(108),f=n(7),v=n(13);var S=n(1730),N=n.n(S);n.d(a,"SettingsView",(function(){return b}));function b(){var e=Object(l.a)(),a=e.permissions,n=e.hasPermissions;Object(i.a)(r.a.getPhrase("settings.settings","pageTitle"));var t=a?function(e){return[{svg:E.b.HeartOutline,name:"My Account",modules:[{name:"Profile Details",appLink:{application:f.a.SETTINGS,action:"profile:details"},permissions:[d.a.EditProfile]},{name:"Email & Password",appLink:{application:f.a.SETTINGS,action:"email:password"},permissions:[d.a.EditProfile]},{name:"Year Group & Subject Preferences",appLink:{application:f.a.SUBJECT,action:v.a.Subjects.PREFERENCES},permissions:[d.a.ManageSubjectPreferences]}]},{svg:E.b.HeartOutline,name:"School Management",modules:[{name:"Student Manager",appLink:{application:f.a.USER_MANAGER,action:v.a.UserManager.STUDENTS},permissions:[d.a.ManageUsers]},{name:"Staff Manager",appLink:{application:f.a.USER_MANAGER,action:v.a.UserManager.STAFF},permissions:[d.a.ManageUsers]}]}].map((function(a){return Object.assign(Object.assign({},a),{modules:a.modules.filter((function(a){return!a.permissions||!a.permissions.length||e(a.permissions)}))})})).filter((function(e){return!!e.modules.length}))}(n):[];return t.length?s.a.createElement("div",{className:"px-3"},s.a.createElement("h1",null,s.a.createElement(c.b,{namespace:"settings.settings",phrase:"heading"})),s.a.createElement("main",{className:"row"},t.map((function(e){return s.a.createElement("div",{key:e.name,className:"col-md-6 p-0"},s.a.createElement("div",{className:N.a.groupContainer},s.a.createElement(g,Object.assign({},e))))})))):s.a.createElement(s.a.Fragment,null,"Empty State")}}}]);

package/dist/scripts/79-7382903a80.chunk.js

@@ -1 +0,0 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[79],{1891:function(e,a,t){"use strict";t.r(a),t.d(a,"EditInteractiveView",(function(){return v}));var n=t(0),i=t.n(n),c=t(199),r=t(22),d=t(150),l=t(1255),o=t(1233),s=t(1536),u=t(1320),p=t(69),m=t(53),w=t(7),E=t(13);function v(e){var a=i.a.useRef(),t=r.a.useBasicFetch(d.a.config()),n=r.a.useBasicFetch(l.a.interactiveMetadata(e.id)),v=r.a.useBasicFetch(n.data?o.a.createViewKey(n.data.id):null),y=r.a.useBasicFetch(p.a.token()),f=i.a.useMemo((function(){return Object(c.c)()}),[]);return v.data&&t.data&&n.data&&y.data?i.a.createElement("div",{className:"px-3"},i.a.createElement(s.a,{viewKey:v.data.viewKey,imageApi:new URL(t.data.imageCdnUrl),playerApi:new URL(t.data.playerApiUrl),hotkeyElQuerySelector:"body",autoplay:!0,onReady:function(e){a.current=e},mode:u.InteractiveMode.Create,portalNode:f,authToken:y.data.value}),i.a.createElement(c.b,{node:f}),i.a.createElement("div",{className:"d-flex justify-content-end mt-3"},i.a.createElement(m.a,{className:"btn btn-dark",appLink:{application:w.a.INTERACTIVES,action:E.a.Interactives.EDIT_INTERACTIVE_DETAILS,args:[e.id]}},"Next"))):i.a.createElement(i.a.Fragment,null)}}}]);

package/dist/scripts/9-73d09295bc.chunk.js

@@ -1 +0,0 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[9],{1191:function(e,t,n){"use strict";n.d(t,"a",(function(){return p}));var r=n(0),a=n(278),o=n(46),i=n(47),c=n(67),u=n(53),l=n(17),s=n(1192),f=n.n(s);function d(e){var t="dropdown-item";return e&&(t+=" ".concat(e)),t}function m(e){if(e.action.appLink)return r.createElement(u.a,{appLink:e.action.appLink,onClick:e.action.onClick,className:d(e.action.className),analyticsData:e.action.analyticsData,analyticsOptions:e.action.analyticsOptions},e.action.label);return r.createElement("span",{className:"cursor-pointer ".concat(d(e.action.className)),onClick:function(t){e.action.analyticsData&&e.action.analyticsOptions&&i.a.logUserAction(e.action.analyticsData,e.action.analyticsOptions),o.a.isFunction(e.action.onClick)&&e.action.onClick(t)}},e.action.label)}function p(e){if(!e.actions||!e.actions.length)return r.createElement(r.Fragment,null);var t="dropdown";e.className&&(t+=" ".concat(e.className));var n="actions-dropdown-".concat(a.a.getRandomInt()),o="dropdown-toggle px-0 ".concat(f.a.dropdownToggle);return e.dropdownToggleClassName&&(o+=" ".concat(e.dropdownToggleClassName)),r.createElement("div",{className:t},r.createElement("button",{className:o,type:"button",id:n,"data-toggle":"dropdown","aria-haspopup":"true","aria-expanded":"false"},r.createElement(c.a,{svgName:l.b.More,size:c.b.Small})),r.createElement("div",{className:"dropdown-menu dropdown-menu-right","aria-labelledby":n},e.actions.map((function(e,t){return r.createElement(m,{key:t,action:e})}))))}p.defaultProps={dropdownToggleClassName:"btn btn-light"}},1192:function(e,t,n){e.exports={dropdownToggle:"AYBvQ"}},1233:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var r=n(26),a={createViewKey:function(e){return{url:"/api/player/create-view-key",key:"view:key:".concat(e),type:r.a.POST,data:{mediaId:e.toString()}}}}},1255:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var r=n(26),a={interactiveMetadata:function(e){return{url:"/api/domain/v2/objects/".concat(e,"?query=video"),key:"interactive:metadata:".concat(e)}},interactive:function(e){return{url:"/api/domain/v1/interactives/".concat(e),key:"interactive:".concat(e)}},createInteractive:function(e,t,n){return{url:"/api/domain/v1/interactives",key:"create:interactive",type:r.a.POST,data:e,success:t,error:n}},createInteractiveMetadata:function(e,t,n,a){return{url:"/api/domain/v2/objects/".concat(e,"/interactives"),key:"create:interactive:metadata",type:r.a.POST,data:t,success:n,error:a}},updateInteractive:function(e,t,n,a){return{url:"/api/domain/v1/interactives/".concat(e),key:"update:interactive",type:r.a.PUT,data:t,success:n,error:a,formatData:function(){return t}}},updateInteractiveMetadata:function(e,t,n,a){return{url:"/api/domain/v2/objects/".concat(e),key:"update:interactive:metadata",type:r.a.PUT,data:t,success:n,error:a}}}},1320:function(e,t,n){"use strict";var r=n(1422);n.d(t,"InteractiveMode",(function(){return r.a}));n(1492),n(1493),n(1494),n(1495),n(1496),n(1497)},1350:function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var r=n(0),a=n.n(r),o=n(130);function i(e){return a.a.createElement(o.a,{title:e.tooltipText},a.a.createElement("div",{className:"svg-container d-inline-block align-middle"},a.a.createElement("svg",{viewBox:"0 0 24 24"},a.a.createElement("path",{d:"M21 11.88c.026 2.49-.824 4.62-2.552 6.387-1.727 1.768-3.837 2.679-6.327 2.732-2.491.027-4.62-.823-6.388-2.55C3.965 16.72 3.054 14.61 3 12.12c-.027-2.491.823-4.62 2.55-6.388C7.28 3.965 9.39 3.054 11.88 3c2.491-.027 4.62.823 6.388 2.55 1.767 1.73 2.678 3.84 2.732 6.33zm-10-.38V15a2.5 2.5 0 0 0 2.5 2.5h.75a1 1 0 0 0 0-2h-.75a.5.5 0 0 1-.5-.5v-3.75a1.75 1.75 0 0 0-1.75-1.75h-.75a1 1 0 1 0 0 2h.5zm.636-3.25c.294 0 .553-.1.778-.301.224-.2.336-.477.336-.828 0-.316-.107-.582-.321-.797A1.073 1.073 0 0 0 11.636 6c-.319 0-.588.108-.807.324a1.07 1.07 0 0 0-.329.797c0 .356.113.634.34.832.227.198.492.297.796.297z"}))))}},1409:function(e,t,n){e.exports={time:"_3B2vs",typeIcon:"_3MSul",type:"_3lYII",question:"_3WHlt",delete:"_4TtZ",row:"_3uCfp"}},1422: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={}))},1440:function(e,t,n){"use strict";var r=n(0),a=n.n(r),o=n(226),i=n(224),c=n(342),u=n(326),l=n(67),s=n(17);var f=n(1409),d=n.n(f);function m(e){var t=e.interaction,n=e.visibleAt,r=e.selectedInteractionId,o=e.goToTimepoint,f=e.scrollTo,m=e.isFirstInteraction,p=t.id.toString()===(null==r?void 0:r.toString()),v=a.a.useRef();a.a.useEffect((function(){if(p&&v.current){var e=v.current,t=e.getBoundingClientRect(),n=t.top-e.offsetParent.getBoundingClientRect().top;f(n,t.height)}}),[p]);var y=o?"cursor-pointer":"cursor-default";return a.a.createElement("div",{ref:v},a.a.createElement(u.a,{className:"py-2 ".concat(y," ").concat(d.a.row),onClick:p?function(){}:function(){o&&o(t.id)}},a.a.createElement("span",{className:"".concat(d.a.time," ").concat(p?"font-weight-bold":"")},m?c.a.ToDisplayDuration(n):""),a.a.createElement("span",{className:d.a.typeIcon,style:{backgroundImage:"url(".concat(t.type.icon,")"),backgroundColor:"#".concat(t.type.colour)}}),a.a.createElement("span",{className:d.a.type},a.a.createElement("strong",null,t.type.name)),a.a.createElement("span",{className:"".concat(d.a.question," ").concat(p?"font-weight-bold":"")},t.typeId===i.InteractionTypeId.Annotation?function(e){if(e)return(e=function(e){if(e)return e.replace(/<p>/g,"").replace(/<\/p>/g,"<br>")}(e=function(e,t){if(e&&t)return t.forEach((function(t){e=e.replace("<"+t+">","").replace("</"+t+">","")})),e}(e,["b","i","u","ul","li","old"]))).split("<br>")[0]||"Annotation"}(t.data.annotation):t.name),e.onClickDelete&&a.a.createElement(u.a,{onClick:function(n){n.stopPropagation(),e.onClickDelete(t.id)},className:"".concat(d.a.delete," ").concat(p?"d-inline-block":"")},a.a.createElement(l.a,{size:l.b.Medium,svgName:s.b.Delete}))))}function p(e){var t=e.timepoint,n=e.scrollTo,r=e.onClickDelete,o=e.selectedInteractionId;function i(n){e.goToTimepoint&&e.goToTimepoint(t.id,n)}return t.interactions?a.a.createElement("div",null,t.interactions.map((function(e,c){return a.a.createElement(m,{interaction:e,visibleAt:t.visibleAt,goToTimepoint:i,onClickDelete:r,scrollTo:n,selectedInteractionId:o,isFirstInteraction:0===c,key:c})}))):a.a.createElement(a.a.Fragment,null)}function v(e){var t=e.interactive,n=e.goToTimepoint,r=e.selectedInteractionId,i=e.maxHeight,c=e.onClickDelete,u=a.a.useRef();function l(e,t){if(u.current){var n=u.current.getClientHeight(),r=u.current.getScrollTop(),a=e+r;(a<r||a+t>r+n)&&u.current.scrollTop(a-n/2+t/2)}}var s=n?"border rounded":"";return a.a.createElement(o.Scrollbars,{autoHeight:!0,autoHeightMax:i,className:s,hideTracksWhenNotNeeded:!0,ref:u},a.a.createElement("div",{className:"px-3 py-1"},t.timepoints.map((function(e,t){return a.a.createElement(p,{key:t,timepoint:e,goToTimepoint:n,selectedInteractionId:r,scrollTo:l,onClickDelete:c})}))))}n.d(t,"a",(function(){return v}))},1492:function(e,t){},1493:function(e,t){},1494:function(e,t){},1495:function(e,t){},1496:function(e,t){},1497:function(e,t){},1536:function(e,t,n){"use strict";var r=n(0),a=n.n(r),o=n(357),i=n(1320),c=n(293),u=n(100),l=n(2);function s(e){return(s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function f(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function d(e,t){return(d=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function m(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=v(e);if(t){var a=v(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return p(this,n)}}function p(e,t){return!t||"object"!==s(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function v(e){return(v=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var y=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&d(e,t)}(o,e);var t,n,r,a=m(o);function o(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,o),a.call(this,"Could not connect to submit interactive results")}return t=o,(n=[{key:"onDone",value:function(){window.location.reload()}},{key:"name",get:function(){return"InternetConnectivityError"}},{key:"dialogOptions",get:function(){return{title:"Connection issues",text:"There seems to be an issue with your internet connection. Refresh the page to try again. ",buttons:[{text:"Refresh",className:"btn btn-dark",success:!0}]}}}])&&f(t.prototype,n),r&&f(t,r),o}(n(175).a);function b(e){return function(e){if(Array.isArray(e))return h(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return h(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return h(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function g(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}var w=function(e,t,n,r){return new(n||(n=Promise))((function(a,o){function i(e){try{u(r.next(e))}catch(e){o(e)}}function c(e){try{u(r.throw(e))}catch(e){o(e)}}function u(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,c)}u((r=r.apply(e,t||[])).next())}))},I=function(){function e(t){var n=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.cache=[],this.retryCount=0,this.options=t,this.connection=(new u.a).withUrl("".concat(t.playerApi.origin,"/hubs/interactives"),{withCredentials:!1}).configureLogging(u.c.Error).withAutomaticReconnect([0,2e3,1e4,3e4]).build(),this.connection.onreconnecting((function(){n.log("reconnecting"),n.isConnected=!1})),this.connection.onreconnected((function(){n.log("reconnected"),n.isConnected=!0,n.flush()})),this.connection.onclose((function(){n.log("connection closed"),n.isConnected=!1,n.reconnect()})),this.save=this.save.bind(this)}var t,n,r;return t=e,(n=[{key:"start",value:function(){var e=this;this.isConnected||(this.log("starting"),this.connection.start().then((function(){return w(e,void 0,void 0,regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return this.log("connected"),this.retryCount=0,this.isConnected=!0,e.next=5,this.startSession();case 5:this.flush();case 6:case"end":return e.stop()}}),e,this)})))})).catch((function(){e.reconnect()})))}},{key:"stop",value:function(){return w(this,void 0,void 0,regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,this.flush();case 2:this.connection.stop();case 3:case"end":return e.stop()}}),e,this)})))}},{key:"log",value:function(){}},{key:"reconnect",value:function(){this.retryCount>=5?l.a.ErrorHelper.throw(new y):(this.retryCount++,this.start())}},{key:"startSession",value:function(){return w(this,void 0,void 0,regeneratorRuntime.mark((function e(){var t,n,r,a,o;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!this.resultId){e.next=2;break}return e.abrupt("return");case 2:return t=this.options,n=t.interactiveId,r=t.mediaId,a=t.userId,e.prev=3,e.next=6,this.connection.invoke("startSession",n,r,a);case 6:o=e.sent,this.resultId=o.resultId,e.next=13;break;case 10:e.prev=10,e.t0=e.catch(3),l.a.ErrorHelper.throw(new y);case 13:case"end":return e.stop()}}),e,this,[[3,10]])})))}},{key:"flush",value:function(){return w(this,void 0,void 0,regeneratorRuntime.mark((function e(){var t=this;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(this.isConnected&&this.resultId){e.next=2;break}return e.abrupt("return");case 2:if(this.cache.length){e.next=4;break}return e.abrupt("return");case 4:b(this.cache).forEach((function(e){return w(t,void 0,void 0,regeneratorRuntime.mark((function t(){return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,t.next=3,this.connection.invoke("saveActions",this.resultId,e.interactionId,e.results);case 3:this.cache.splice(this.cache.indexOf(e),1),this.log("Saved result",e),t.next=10;break;case 7:t.prev=7,t.t0=t.catch(0),console.error("Failed to save results",e);case 10:case"end":return t.stop()}}),t,this,[[0,7]])})))}));case 5:case"end":return e.stop()}}),e,this)})))}},{key:"save",value:function(e,t){return w(this,void 0,void 0,regeneratorRuntime.mark((function n(){var r;return regeneratorRuntime.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(this.resultId){n.next=2;break}throw new Error("Session has not started");case 2:return r=t.map((function(e){return{actionableItemId:+e.actionableItemId,value:e.value}})),this.cache.push({interactionId:e,results:r}),n.next=6,this.flush();case 6:case"end":return n.stop()}}),n,this)})))}}])&&g(t.prototype,n),r&&g(t,r),e}(),E=n(5),k=n(114),C=n(199),O=n(1856),S=n(190),j=n(1422);function x(){return a.a.createElement("div",{className:"alert alert-info mt-3",role:"alert"},"Psst, you haven't attempted this question yet. You can continue to watch the video and answer the question later if you like.")}var T=n(224);function N(e){return!!(null==e?void 0:e.toString().startsWith("new_"))}function A(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}var R=function(e,t,n,r){return new(n||(n=Promise))((function(a,o){function i(e){try{u(r.next(e))}catch(e){o(e)}}function c(e){try{u(r.throw(e))}catch(e){o(e)}}function u(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,c)}u((r=r.apply(e,t||[])).next())}))},P=function(){return"/api/domain/v1/interactions/bulk"},_=function(e){return"/api/domain/v1/interactions/bulk/".concat(e)},M=function(e){return"/api/domain/v1/interactions/".concat(e)},D=function(){return"/api/domain/v1/timepoints"},F=function(e){return"/api/domain/v1/timepoints/".concat(e)},q={},L=new(function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e)}var t,n,r;return t=e,(n=[{key:"saveInteraction",value:function(e){return R(this,void 0,void 0,regeneratorRuntime.mark((function t(){var n,r,a,o,i;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return n=N(e.id),r=n?P():_(e.id),a={name:e.name,data:e.data,timepointId:e.timepointId,interactiveId:e.interactiveId,typeId:e.typeId,actionableItems:e.actionableItems},n||(a.id=e.id),o=n?c.a.post(r,JSON.stringify(a),q):c.a.put(r,JSON.stringify(a),q),t.next=7,o;case 7:i=t.sent,n&&(e.id=i.id);case 9:case"end":return t.stop()}}),t)})))}},{key:"deleteInteraction",value:function(e){return R(this,void 0,void 0,regeneratorRuntime.mark((function t(){return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,c.a.delete(M(e),q);case 2:case"end":return t.stop()}}),t)})))}},{key:"saveTimepoint",value:function(e){return R(this,void 0,void 0,regeneratorRuntime.mark((function t(){var n,r;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return n={interactiveId:e.interactiveId,shouldPause:1,visibleAt:e.visibleAt},t.next=3,c.a.post(D(),JSON.stringify(n),q);case 3:r=t.sent,e.id=r.id;case 5:case"end":return t.stop()}}),t)})))}},{key:"deleteTimepoint",value:function(e){return R(this,void 0,void 0,regeneratorRuntime.mark((function t(){return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,c.a.delete(F(e),q);case 2:case"end":return t.stop()}}),t)})))}}])&&A(t.prototype,n),r&&A(t,r),e}());function U(e){var t=e.error;return e.error?a.a.createElement("p",{className:"mt-2 small text-danger"},t):a.a.createElement(a.a.Fragment,null)}var B=function(e,t,n,r){return new(n||(n=Promise))((function(a,o){function i(e){try{u(r.next(e))}catch(e){o(e)}}function c(e){try{u(r.throw(e))}catch(e){o(e)}}function u(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,c)}u((r=r.apply(e,t||[])).next())}))},W=/[.\?!,;:\-''\(\)]/g;function z(e){var t=e.split(""),n=t.shift()||"",r=t.pop()||"";return n.match(W)&&(n=""),r.match(W)&&(r=""),n+t.join("")+r}function H(e,t){var n=e.split(""),r=n.shift()||"",a=n.pop()||"";return r.match(W)||(r=""),a.match(W)||(a=""),r+t+a}function V(e){return e.map((function(e){if(!e.selected)return e.text;var t=e.text.length,n=new Array(t).fill("_").join("");return H(e.text,n)})).join(" ")}function $(e){return e.map((function(e){return e.selected?H(e.text,"{".concat(e.order,"}")):e.text})).join(" ")}var Z=n(1350),J=function(e,t,n,r){return new(n||(n=Promise))((function(a,o){function i(e){try{u(r.next(e))}catch(e){o(e)}}function c(e){try{u(r.throw(e))}catch(e){o(e)}}function u(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,c)}u((r=r.apply(e,t||[])).next())}))};var G=n(121);function Q(e){var t=a.a.useRef(null);return a.a.createElement("li",{className:"p-1 my-1 w-100 bg-white d-flex align-items-center border rounded"},a.a.createElement("div",{className:"custom-control ".concat(e.isTrueOrFalse?"custom-radio":"custom-checkbox")},a.a.createElement("input",{id:"multiple-choice--".concat(e.answer.order),type:e.isTrueOrFalse?"radio":"checkbox",className:"custom-control-input mr-2",name:"multiple-choice-answer",checked:e.answer.isCorrect,onChange:function(){e.onChange(Object.assign(Object.assign({},e.answer),{isCorrect:!e.answer.isCorrect}))},disabled:!e.answer.name}),a.a.createElement("label",{ref:t,htmlFor:"multiple-choice--".concat(e.answer.order),className:"custom-control-label"})),e.isTrueOrFalse?a.a.createElement("label",{className:"mb-0",htmlFor:"multiple-choice--".concat(e.answer.order)},e.answer.name):a.a.createElement("input",{placeholder:"Answer",onChange:function(t){e.onChange(Object.assign(Object.assign({},e.answer),{name:t.target.value}))},value:e.answer.name,className:"border-0 outline-none w-100"}))}n(1738);var Y=function(e,t,n,r){return new(n||(n=Promise))((function(a,o){function i(e){try{u(r.next(e))}catch(e){o(e)}}function c(e){try{u(r.throw(e))}catch(e){o(e)}}function u(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,c)}u((r=r.apply(e,t||[])).next())}))};function K(e){if(!e.question)return"Please provide a question";if(!e.answers.find((function(e){return e.isCorrect})))return"Please select the correct answer";var t=e.answers.filter((function(e){return!!e.name}));if(t.length<2)return"Please provide at least two answers";var n=!1,r={};return t.forEach((function(e){n||(r[e.name]?n=!0:r[e.name]=!0)})),n?"There are duplicates in your answers":null}function X(e,t){return Y(this,void 0,void 0,regeneratorRuntime.mark((function n(){return regeneratorRuntime.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return t.name=e.question,t.actionableItems=e.answers.filter((function(e){return!!e.name})),e.feedback&&(t.data.feedback=e.feedback),n.next=5,L.saveInteraction(t);case 5:case"end":return n.stop()}}),n)})))}function ee(e){var t=e.state,n=void 0===t?function(e){var t,n=e.typeId===T.InteractionTypeId.TrueOrFalse,r=null===(t=e.actionableItems)||void 0===t?void 0:t.map((function(e){return{order:e.order,name:e.name,isCorrect:e.isCorrect}}));return(null==r?void 0:r.length)||(r=[{order:0,name:n?"True":"",isCorrect:!1},{order:1,name:n?"False":"",isCorrect:!1}]),{question:e.name||"",answers:r,feedback:e.data.feedback||""}}(e.interaction):t,r=e.setState,o=e.interaction,i=e.optionsPortalNode,c=o.typeId===T.InteractionTypeId.TrueOrFalse;function u(e){var t=n.answers.map((function(t){return t.order!==e.order?Object.assign(Object.assign({},t),{isCorrect:!c&&t.isCorrect}):e}));if(t.find((function(e){return!e.name}))&&(t=function(e){var t=e.find((function(e){return!e.name}));if(e.length>2)return e.filter((function(e){return e.order!==t.order})).map((function(e,t){return Object.assign(Object.assign({},e),{order:t})}));return e.map((function(e){return e.order!==t.order?e:Object.assign(Object.assign({},e),{isCorrect:!1})}))}(t)),!c&&t.length<4&&!t.find((function(e){return!e.name}))){var a=G.a.last(t);t.push({name:"",order:a.order+1,isCorrect:!1})}r(Object.assign(Object.assign({},n),{answers:t}))}return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("div",{className:"form-group"},a.a.createElement("div",{className:"d-flex justify-content-between align-items-center mb-1"},a.a.createElement("label",{className:"cv-interaction-field-label mb-0",htmlFor:"multiple-choice-question"},"Question"),a.a.createElement(C.b,{node:i})),a.a.createElement("input",{id:"multiple-choice-question",className:"form-control",placeholder:"Enter your question here",value:n.question,onChange:function(e){r(Object.assign(Object.assign({},n),{question:e.target.value}))}}),!n.question&&a.a.createElement(U,{error:n.error})),a.a.createElement("div",{className:"form-group"},a.a.createElement("label",{className:"cv-interaction-field-label",htmlFor:"multiple-choice-answer"},"Answers"),n.answers.map((function(e){return a.a.createElement(Q,{key:e.order,answer:e,onChange:u,isTrueOrFalse:c})})),n.question&&a.a.createElement(U,{error:n.error})),c&&a.a.createElement("div",{className:"form-group mb-0"},a.a.createElement("label",{className:"cv-true-or-false-feedback-label cv-interaction-field-label",htmlFor:"true-or-false-feedback"},"Feedback  ",a.a.createElement("span",{className:"text-muted"},"(optional)")," ",a.a.createElement(Z.a,{tooltipText:"Provide answer feedback for your students"})),a.a.createElement("textarea",{id:"true-or-false-feedback",className:"form-control",placeholder:"Give feedback for this question",value:n.feedback||"",onChange:function(e){r(Object.assign(Object.assign({},n),{feedback:e.target.value}))},rows:2})))}var te,ne=n(90),re=n(326),ae=n(46),oe=n(93);function ie(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var ce=(ie(te={},oe.b.Thumbnails,{width:1280,height:720}),ie(te,oe.b.Banners,{width:3600,height:666}),ie(te,oe.b.Covers,{width:1080,height:1080}),ie(te,oe.b.Posters,{width:1e3,height:1500}),ie(te,oe.b.TallPosters,{width:1080,height:1920}),ie(te,oe.b.HeroBanners,{width:1920,height:640}),ie(te,oe.b.None,{width:1,height:1}),te),ue={onFileSelect:function(e,t,n){if(t&&t.length){var r=new FileReader;r.addEventListener("load",(function(){return ue.onReaderLoad(r,e,n)})),r.readAsDataURL(t[0])}},onReaderLoad:function(e,t,n){var r=new Image;r.src=e.result;var a=ce[t].width,o=ce[t].height;r.addEventListener("load",(function(){ue.isImageValid(t,r)&&ae.a.isFunction(n)?n(r):alert("Image too small: minimum dimensions are ".concat(a," x ").concat(o))}))},isImageValid:function(e,t){var n=ce[e].width,r=ce[e].height;return!(n&&t.width<n)&&!(r&&t.height<r)}},le=n(1739),se=n.n(le);function fe(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(r=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return de(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return de(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function de(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var me=/data:([a-zA-Z0-9]+\/[a-zA-Z0-9-.+]+).*,.*/;function pe(e){var t=fe(a.a.useState(!1),2),n=t[0],r=t[1],o=a.a.useRef(),i=a.a.useRef(),c=ce[oe.b.None],u=c.width,l=c.height;return a.a.useEffect((function(){var t=new Image;t.src=e.image.src;var n=o.current.offsetWidth/t.width;return i.current=new se.a(o.current,{viewMode:2,autoCropArea:1,minCropBoxWidth:u*n,minCropBoxHeight:l*n,ready:function(){return r(!0)}}),function(){return i.current.destroy()}}),[]),a.a.createElement("div",{className:"modal",tabIndex:-1,role:"dialog",style:{display:"block"}},a.a.createElement("div",{className:"modal-dialog",role:"document"},a.a.createElement("div",{className:"modal-content"},a.a.createElement("div",{className:"modal-header"},a.a.createElement("h5",{className:"modal-title"},"Crop and resize your image"),a.a.createElement("button",{type:"button",className:"close","data-dismiss":"modal","aria-label":"Close"},a.a.createElement("span",{"aria-hidden":"true"},"×"))),a.a.createElement("div",{className:"modal-body"},a.a.createElement("div",null,a.a.createElement("img",{src:e.image.src,alt:e.imageAlt,ref:o,className:"img img-fluid"}))),a.a.createElement("div",{className:"modal-footer"},a.a.createElement(re.a,{className:"btn btn-link",onClick:e.onClickCancel},"Cancel"),a.a.createElement(re.a,{className:"btn btn-primary","data-dismiss":"modal",onClick:function(){if(n){var t=i.current.getCroppedCanvas().toDataURL(function(e){var t=e.match(me);if(t)return t[1]}(e.image.src));e.onClickCrop(t)}}},"Crop")))))}function ve(){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 ye(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(r=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return be(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return be(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function be(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function he(e){var t=ye(a.a.useState(!1),2),n=t[0],r=t[1],o=ye(a.a.useState(0),2),i=o[0],c=o[1];return a.a.useEffect((function(){0===i&&n&&r(!1)}),[i,n,r]),a.a.createElement("div",{onDragOver:function(e){e.preventDefault(),e.stopPropagation()},onDragEnter:function(e){e.preventDefault(),e.stopPropagation(),c((function(e){return e+1})),e.dataTransfer.items&&e.dataTransfer.items.length>0&&!n&&r(!0)},onDragLeave:function(e){e.preventDefault(),e.stopPropagation(),c((function(e){return e-1}))},onDrop:function(t){t.preventDefault(),t.stopPropagation(),r(!1),i>0&&c(0),t.dataTransfer.files&&t.dataTransfer.files.length>0&&(e.onDropImage(t.dataTransfer.files),t.dataTransfer.clearData())},className:n?"cv-image-upload-mask":""},e.children)}n(1740);var ge=function(e,t,n,r){return new(n||(n=Promise))((function(a,o){function i(e){try{u(r.next(e))}catch(e){o(e)}}function c(e){try{u(r.throw(e))}catch(e){o(e)}}function u(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,c)}u((r=r.apply(e,t||[])).next())}))};var we=n(1351),Ie=n(1835),Ee=n(1854),ke={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 Ce(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(r=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return 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 Se(e){var t=Ce(a.a.useState(""),2),n=t[0],r=t[1],o=Ce(a.a.useState(""),2),i=o[0],c=o[1];return a.a.createElement("div",{"aria-haspopup":"true","aria-expanded":e.expanded,"aria-label":"rdw-color-picker"},a.a.createElement("div",{className:"rdw-option-wrapper cv-annotation-toolbar-option cv-annotation-link",onClick:e.onExpandEvent}," "),e.expanded&&a.a.createElement("div",{className:"rdw-link-modal",onClick:function(e){return e.stopPropagation()}},a.a.createElement("div",{className:"form-group"},a.a.createElement("label",{className:"cv-interaction-field-label",htmlFor:"cv-annotation-url"},"URL"),a.a.createElement("input",{id:"cv-annotation-url",className:"form-control",onChange:function(e){return r(e.target.value)},value:n,placeholder:"Enter URL"})),a.a.createElement("div",{className:"form-group"},a.a.createElement("label",{className:"cv-interaction-field-label",htmlFor:"cv-annotation-text"},"Text"),a.a.createElement("input",{id:"cv-annotation-text",className:"form-control",onChange:function(e){return c(e.target.value)},value:i,placeholder:"Enter Text"})),a.a.createElement(re.a,{onClick:function(){return e.onChange("link",i||n,n,"_blank")},className:"btn btn-primary"},"Add")))}n(1837);function je(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(r=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return xe(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 xe(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 xe(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 Te,Ne,Ae,Re=function(e,t,n,r){return new(n||(n=Promise))((function(a,o){function i(e){try{u(r.next(e))}catch(e){o(e)}}function c(e){try{u(r.throw(e))}catch(e){o(e)}}function u(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,c)}u((r=r.apply(e,t||[])).next())}))};function Pe(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=(Pe(Te={},T.InteractionTypeId.Annotation,(function(e){var t=e.state,n=void 0===t?function(e){var t;return{annotation:(null===(t=e.data)||void 0===t?void 0:t.annotation)||""}}(e.interaction):t,r=e.setState,o=e.interaction,i=e.optionsPortalNode,c=je(a.a.useState(function(){var e=o.data.annotation;if(e){var t=Object(Ee.a)(ke)(e);return we.EditorState.createWithContent(t)}return we.EditorState.createEmpty()}()),2),u=c[0],l=c[1],s=je(a.a.useState(null),2),f=s[0],d=s[1];return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("div",{className:"form-group"},a.a.createElement("div",{className:"d-flex justify-content-between align-items-center mb-1"},a.a.createElement("label",{className:"cv-interaction-field-label mb-0",onClick:function(){return null==f?void 0:f.focusEditor()}},"Annotation"),a.a.createElement(C.b,{node:i})),a.a.createElement("div",{className:"cv-annotation ".concat(function(){if(!u)return!1;var e=u.getCurrentContent();return e.hasText()||"unstyled"!==e.getBlockMap().first().getType()}()?"Editor--hide-placeholder":"")},u&&a.a.createElement(Ie.Editor,{editorState:u,onEditorStateChange:function(e){l(e);var t=e.getCurrentContent();if(t.hasText()){var a=Object(Ee.b)(ke)(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:Se,options:["link"]}}}),a.a.createElement(U,{error:n.error}))))})),Pe(Te,T.InteractionTypeId.Image,(function(e){var t=e.state,n=void 0===t?function(e){var t;return{url:(null===(t=e.data)||void 0===t?void 0:t.url)||"",caption:e.name}}(e.interaction):t,r=e.setState,o=e.interaction,i=e.optionsPortalNode,u=a.a.useRef(null),l=a.a.useRef(null);function s(e){e&&e[0]&&ue.onFileSelect(oe.b.None,e,(function(e){Object(ne.render)(a.a.createElement(pe,{image:e,imageAlt:n.caption,onClickCrop:f,onClickCancel:d}),l.current)}))}function f(t){var a=t.split(",")[1];c.a.post("".concat(e.imageApi,"v2/thumbnails/base64"),'"'.concat(a,'"'),{tokenName:"gateway"}).then((function(e){r(Object.assign(Object.assign({},n),{url:e.location}))})).catch((function(){return alert("Something went wrong while trying to upload image. Please try again.")})).finally((function(){return Object(ne.unmountComponentAtNode)(l.current)}))}function d(){Object(ne.unmountComponentAtNode)(l.current)}return a.a.useEffect((function(){l.current||(l.current=document.getElementById("popup-region"))}),[l]),a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("div",{className:"form-group"},a.a.createElement("div",{className:"d-flex justify-content-between align-items-center mb-1"},a.a.createElement("label",{className:"cv-interaction-field-label mb-0"},"Image"),a.a.createElement(C.b,{node:i})),n.url?a.a.createElement("div",{className:"cv-uploaded-image-container"},a.a.createElement("img",{className:"img img-fluid",src:n.url,alt:n.caption}),a.a.createElement("div",{className:"cv-remove-uploaded-image d-flex justify-content-center align-items-center"},a.a.createElement(re.a,{className:"btn btn-link text-light",onClick:function(){r(Object.assign(Object.assign({},n),{url:""}))}},"Remove"))):a.a.createElement(he,{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(ve,null)),a.a.createElement("p",{className:"mb-0"},"Drag and drop an image file or"),a.a.createElement(re.a,{type:"button",className:"text-underline d-inline-block",onClick:function(){u.current.value=null,u.current.click(null)}},"upload from your device"),a.a.createElement("input",{type:"file",autoComplete:"off",className:"file-select d-none",multiple:!1,accept:"image/jpg,image/jpeg,image/png",ref:u,onChange:function(e){return s(e.target.files)}}))),a.a.createElement(U,{error:n.error})),a.a.createElement("div",{className:"form-group"},a.a.createElement("label",{className:"cv-interaction-field-label",htmlFor:"image-caption"},"Caption  ",a.a.createElement("span",{className:"text-muted"},"(optional)")),a.a.createElement("textarea",{id:"image-caption",className:"form-control",placeholder:"Caption your image",value:n.caption||o.data.caption||"",onChange:function(e){r(Object.assign(Object.assign({},n),{caption:e.target.value}))},rows:2})))})),Pe(Te,T.InteractionTypeId.MissingWord,(function(e){var t,n,r,o,i,c,u=e.state,l=void 0===u?(t=e.interaction,o=(null===(n=t.data)||void 0===n?void 0:n.sentence)||"",i=o.split(" ").filter(Boolean),c=i.map((function(e,t){return{text:e,order:t,selected:!1}})),null===(r=t.actionableItems)||void 0===r||r.forEach((function(e){var t=e.order,n=H(i[t],e.name);i[t]=n,c[t].text=n,c[t].selected=!0})),{fullSentence:i.join(" "),sentence:o,preview:t.name,words:c}):u,s=e.setState,f=e.optionsPortalNode,d=!!l.sentence;return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("div",{className:"form-group"},a.a.createElement("div",{className:"d-flex justify-content-between align-items-center mb-1"},a.a.createElement("label",{className:"cv-interaction-field-label mb-0",htmlFor:"missing-word-sentence"},"Sentence"),a.a.createElement(C.b,{node:f})),a.a.createElement("input",{id:"missing-word-sentence",className:"form-control",placeholder:"Enter your sentence here",value:l.fullSentence,onChange:function(e){var t=e.target.value,n=t.split(" ").filter(Boolean).map((function(e,t){return{text:e,order:t,selected:!1}}));s(Object.assign(Object.assign({},l),{fullSentence:t,sentence:$(n),preview:V(n),words:n}))}})),d&&a.a.createElement(a.a.Fragment,null,a.a.createElement("div",{className:"form-group"},a.a.createElement("label",{className:"cv-interaction-field-label"},"Select the missing word(s)"),a.a.createElement("ul",{className:"list-unstyled d-flex flex-wrap mx-n1 mb-n1"},l.words.map((function(e,t){return a.a.createElement("li",{key:"".concat(t,"-").concat(e.text),className:"rounded border p-2 mx-1 mb-1 cursor-pointer ".concat(e.selected?"bg-info text-white":"bg-white"),onClick:function(){return e=t,n=l.words.map((function(t){return t.order!==e?t:Object.assign(Object.assign({},t),{selected:!t.selected})})),void s(Object.assign(Object.assign({},l),{words:n,preview:V(n),sentence:$(n)}));var e,n}},z(e.text))})))),a.a.createElement("div",null,a.a.createElement("label",{className:"cv-interaction-field-label"},"Preview"),a.a.createElement("p",null,l.preview))),a.a.createElement(U,{error:l.error}))})),Pe(Te,T.InteractionTypeId.MultipleChoice,ee),Pe(Te,T.InteractionTypeId.ShortAnswer,(function(e){var t=e.state,n=void 0===t?function(e){return{question:e.name,suggestedResponse:e.data.suggestedResponse||""}}(e.interaction):t,r=e.setState,o=e.interaction,i=e.optionsPortalNode;return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("div",{className:"form-group"},a.a.createElement("div",{className:"d-flex justify-content-between align-items-center mb-1"},a.a.createElement("label",{className:"cv-interaction-field-label mb-0",htmlFor:"short-answer-question"},"Question"),a.a.createElement(C.b,{node:i})),a.a.createElement("input",{id:"short-answer-question",className:"form-control",onChange:function(e){r(Object.assign(Object.assign({},n),{question:e.target.value}))},value:n.question||o.data.text||"",placeholder:"Enter your question here"}),a.a.createElement(U,{error:n.error})),a.a.createElement("div",{className:"form-group"},a.a.createElement("label",{className:"cv-interaction-field-label",htmlFor:"short-answer-suggested-response"},"Suggested Response  ",a.a.createElement("span",{className:"text-muted"},"(optional)")," ",a.a.createElement(Z.a,{tooltipText:"Provide a suggested response for your students"})),a.a.createElement("textarea",{id:"short-answer-suggested-response",className:"form-control",placeholder:"Give a suggested response for this question",value:n.suggestedResponse||"",onChange:function(e){r(Object.assign(Object.assign({},n),{suggestedResponse:e.target.value}))},rows:2})))})),Pe(Te,T.InteractionTypeId.TrueOrFalse,ee),Te);var Me=(Pe(Ne={},T.InteractionTypeId.Annotation,(function(e){return e.annotation?null:"Please provide an annotation"})),Pe(Ne,T.InteractionTypeId.Image,(function(e){return e.url?null:"Please upload an image"})),Pe(Ne,T.InteractionTypeId.MissingWord,(function(e){return e.sentence?e.words.find((function(e){return e.selected}))?null:"Please select a missing word":"Please provide a sentence"})),Pe(Ne,T.InteractionTypeId.MultipleChoice,K),Pe(Ne,T.InteractionTypeId.ShortAnswer,(function(e){return e.question?null:"Please provide a question"})),Pe(Ne,T.InteractionTypeId.TrueOrFalse,K),Ne);var De=(Pe(Ae={},T.InteractionTypeId.Annotation,(function(e,t){return Re(this,void 0,void 0,regeneratorRuntime.mark((function n(){return regeneratorRuntime.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return t.name="Annotation",t.data.annotation=e.annotation,t.actionableItems=[{name:"Answer"}],n.next=5,L.saveInteraction(t);case 5:case"end":return n.stop()}}),n)})))})),Pe(Ae,T.InteractionTypeId.Image,(function(e,t){return ge(this,void 0,void 0,regeneratorRuntime.mark((function n(){return regeneratorRuntime.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return t.data.url=e.url,t.name=e.caption,t.data.caption=e.caption,t.actionableItems=[{name:"Answer"}],n.next=6,L.saveInteraction(t);case 6:case"end":return n.stop()}}),n)})))})),Pe(Ae,T.InteractionTypeId.MissingWord,(function(e,t){return B(this,void 0,void 0,regeneratorRuntime.mark((function n(){var r;return regeneratorRuntime.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return t.data.sentence=$(e.words),t.name=e.preview,r=e.words.filter((function(e){return e.selected})),t.actionableItems=r.map((function(e){return{name:z(e.text),order:e.order,isCorrect:!0}})),n.next=6,L.saveInteraction(t);case 6:case"end":return n.stop()}}),n)})))})),Pe(Ae,T.InteractionTypeId.MultipleChoice,X),Pe(Ae,T.InteractionTypeId.ShortAnswer,(function(e,t){return J(this,void 0,void 0,regeneratorRuntime.mark((function n(){return regeneratorRuntime.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return t.name=e.question,t.data.suggestedResponse=e.suggestedResponse,t.actionableItems=[{name:"Answer"}],n.next=5,L.saveInteraction(t);case 5:case"end":return n.stop()}}),n)})))})),Pe(Ae,T.InteractionTypeId.TrueOrFalse,X),Ae);function Fe(e){return De[e]}n(1838);function qe(e){var t=e.interaction;return a.a.createElement("div",{className:"cv-interaction-heading mb-3"},a.a.createElement("span",{className:"cv-iteraction-icon",style:{backgroundImage:"url(https:".concat(t.type.icon,")"),backgroundColor:"#".concat(t.type.colour)}}),a.a.createElement("h2",{className:"cv-interaction-title h5"},t.name))}n(1839);function Le(e){var t=e.correct;return e.showFeedback?a.a.createElement(a.a.Fragment,null,t?a.a.createElement("div",{className:"alert alert-success"},"Correct"):a.a.createElement("div",{className:"alert alert-danger"},"Incorrect")):a.a.createElement(a.a.Fragment,null)}function Ue(e){return(Ue="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var Be=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 We(e,t){return t.actionableItems.every((function(t){return t.name===e[t.id]}))}n(1840);function ze(e){return(ze="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 He(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Ve=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 $e(e,t){return t.actionableItems.filter((function(e){return e.isCorrect})).every((function(t){return e[t.id]}))}function Ze(e){return!!Object.keys(e).length}var Je=function(e,t,n){return n(t.id,Object.keys(e).map((function(t){return{actionableItemId:t,value:e[t]}})))};function Ge(e){var t=e.state,n=e.setState,r=e.interaction,o=e.showFeedback,i=1===r.actionableItems.filter((function(e){return e.isCorrect})).length;return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement(Le,{correct:$e(t,r),showFeedback:o}),a.a.createElement(qe,{interaction:r}),a.a.createElement("div",{className:"cv-multiple-choice-form"},a.a.createElement("table",{className:"table-bordered w-100"},a.a.createElement("tbody",{className:"table-bordered w-100"},r.actionableItems.map((function(e,r){var c=t[e.id];return a.a.createElement("tr",{key:r},a.a.createElement("td",{className:"cv-multiple-choice-input-container"},a.a.createElement("div",{className:"custom-control ".concat(i?"custom-radio":"custom-checkbox")},a.a.createElement("input",{id:e.id,type:i?"radio":"checkbox",className:"custom-control-input",name:"multiple-choice",checked:!!c,onChange:function(r){return function(e,r){if(i)n(He({},e.id,e.name));else if(r.target.checked)n(Object.assign(Object.assign({},t),He({},e.id,e.name)));else{var a=t,o=e.id,c=(a[o],Ve(a,["symbol"===ze(o)?o:o+""]));n(c)}}(e,r)},disabled:o}),a.a.createElement("label",{htmlFor:e.id,className:"custom-control-label"}))),a.a.createElement("td",{className:"cv-multiple-choice-label-container w-100"},a.a.createElement("label",{htmlFor:e.id},e.name)))}))))))}var Qe=n(1855);var Ye,Ke,Xe,et;function tt(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}tt(Ye={},T.InteractionTypeId.Annotation,!1),tt(Ye,T.InteractionTypeId.Image,!1),tt(Ye,T.InteractionTypeId.MissingWord,!0),tt(Ye,T.InteractionTypeId.MultipleChoice,!0),tt(Ye,T.InteractionTypeId.ShortAnswer,!1),tt(Ye,T.InteractionTypeId.TrueOrFalse,!0);var nt=(tt(Ke={},T.InteractionTypeId.Annotation,(function(e){var t=e.interaction;return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement(qe,{interaction:t}),a.a.createElement("div",{dangerouslySetInnerHTML:{__html:e.interaction.data.annotation}}))})),tt(Ke,T.InteractionTypeId.Image,(function(e){var t=e.interaction,n=e.recalculateScroll,r=a.a.useCallback((function(e){e&&(e.onload=function(){n()})}),[]);return a.a.createElement("div",{className:"cv-interactive-question cv-image-interactive"},a.a.createElement(qe,{interaction:t}),a.a.createElement("div",{className:"cv-image-container"},a.a.createElement("img",{className:"img-fluid",src:t.data.url,ref:r})))})),tt(Ke,T.InteractionTypeId.MissingWord,(function(e){var t=e.state,n=e.setState,r=e.interaction,o=e.showFeedback,i=r.data.sentence.replace(/{([^{}]*)}/g,(function(e,t){return"{".concat("cv-missing-word-").concat(t,"}")})).split(/{([^{}]*)}/g);function c(e,r){if(r.target.value){var a,o,i;n(Object.assign(Object.assign({},t),(a={},o=e.id,i=r.target.value,o in a?Object.defineProperty(a,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):a[o]=i,a)))}else{var c=t,u=e.id,l=(c[u],Be(c,["symbol"===Ue(u)?u:u+""]));n(l)}}return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement(Le,{correct:We(t,r),showFeedback:o}),a.a.createElement(qe,{interaction:r}),a.a.createElement("div",null,i.map((function(e,t){if(!e.startsWith("cv-missing-word-"))return e;var n=e.replace("cv-missing-word-",""),o=r.actionableItems.find((function(e){return e.order.toString()===n}));if(o){var i,u,l=(i=o.name,(u=document.createElement("canvas").getContext("2d")).font="17pt arial",u.measureText(i).width);return a.a.createElement("input",{key:t,style:{width:l+"px"},onChange:function(e){return c(o,e)}})}}))))})),tt(Ke,T.InteractionTypeId.MultipleChoice,Ge),tt(Ke,T.InteractionTypeId.ShortAnswer,(function(e){var t=e.interaction,n=e.state,r=e.setState;return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement(qe,{interaction:t}),a.a.createElement(Qe.a,{translate:"no",className:"form-control",minRows:3,value:n[t.actionableItems[0].id]||"",onChange:function(e){var a,o,i;r(Object.assign(Object.assign({},n),(a={},o=t.actionableItems[0].id,i=e.target.value,o in a?Object.defineProperty(a,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):a[o]=i,a)))}}))})),tt(Ke,T.InteractionTypeId.TrueOrFalse,Ge),Ke);function rt(){return!0}tt(Xe={},T.InteractionTypeId.Annotation,rt),tt(Xe,T.InteractionTypeId.Image,rt),tt(Xe,T.InteractionTypeId.MissingWord,(function(e,t){return Object.keys(e).length===t.actionableItems.length})),tt(Xe,T.InteractionTypeId.MultipleChoice,Ze),tt(Xe,T.InteractionTypeId.ShortAnswer,(function(e){return!!Object.keys(e).length})),tt(Xe,T.InteractionTypeId.TrueOrFalse,Ze);function at(){return Promise.resolve()}tt(et={},T.InteractionTypeId.Annotation,at),tt(et,T.InteractionTypeId.Image,at),tt(et,T.InteractionTypeId.MissingWord,(function(e,t,n){return n(t.id,Object.keys(e).map((function(t){return{actionableItemId:t,value:e[t].toString()}})))})),tt(et,T.InteractionTypeId.MultipleChoice,Je),tt(et,T.InteractionTypeId.ShortAnswer,(function(e,t,n){return n(t.id,Object.keys(e).map((function(t){return{actionableItemId:t,value:e[t].toString()}})))})),tt(et,T.InteractionTypeId.TrueOrFalse,Je);function ot(e,t){if(t===i.InteractiveMode.Create)return function(e){return _e[e]}(e);if(t===i.InteractiveMode.View)return function(e){return nt[e]}(e);throw new Error("Cannot find components for the mode ".concat(t))}function it(e){return e?"i".concat(e.id):""}var ct;n(1841);function ut(e){var t=e.interaction,n=e.mode,r=e.state,o=e.dispatch,c=e.recalculateScroll,u=e.timepointState,l=e.optionsPortalNode,s=r[it(t)];s||n!==i.InteractiveMode.View||(s={});var f=ot(t.type.id,n);return a.a.createElement("form",{className:"cv-timepoint flex-grow-1"},a.a.createElement("div",null,a.a.createElement("div",null,a.a.createElement("div",{className:"cv-timepoint-padding"},a.a.createElement(f,{interaction:t,state:s,setState:function(e){o({key:it(t),value:Object.assign(Object.assign({},e),{hasChanges:!0,error:null})})},recalculateScroll:c,showFeedback:u.submitted,imageApi:e.imageApi,optionsPortalNode:l}))),!u.isValid&&a.a.createElement(x,null)))}function lt(e){return e?"t".concat(e.id):""}function st(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var ft=(st(ct={},T.InteractionTypeId.Annotation,{id:T.InteractionTypeId.Annotation,name:"Annotation",colour:"f07e7e",icon:"//static.clickview.com.au/cv-online/images/interactions/icons/annotation-v2.png"}),st(ct,T.InteractionTypeId.Image,{id:T.InteractionTypeId.Image,name:"Image",colour:"f8981d",icon:"//static.clickview.com.au/cv-online/images/interactions/icons/image-v2.png"}),st(ct,T.InteractionTypeId.MissingWord,{id:T.InteractionTypeId.MissingWord,name:"Missing word",colour:"51ada3",icon:"//static.clickview.com.au/cv-online/images/interactions/icons/missing-word-v2.png"}),st(ct,T.InteractionTypeId.MultipleChoice,{id:T.InteractionTypeId.MultipleChoice,name:"Multiple Choice",colour:"629fc9",icon:"//static.clickview.com.au/cv-online/images/interactions/icons/multiple-choice-v2.png"}),st(ct,T.InteractionTypeId.ShortAnswer,{id:T.InteractionTypeId.ShortAnswer,name:"Short Answer",colour:"73b18c",icon:"//static.clickview.com.au/cv-online/images/interactions/icons/short-answer-v2.png"}),st(ct,T.InteractionTypeId.TrueOrFalse,{id:T.InteractionTypeId.TrueOrFalse,name:"True or False",colour:"b18cbb",icon:"//static.clickview.com.au/cv-online/images/interactions/icons/true-or-false-v2.png"}),ct),dt=(n(1842),n(230));function mt(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(r=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return pt(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 pt(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 pt(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 vt=[ft[T.InteractionTypeId.MissingWord],ft[T.InteractionTypeId.MultipleChoice],ft[T.InteractionTypeId.TrueOrFalse],ft[T.InteractionTypeId.ShortAnswer],ft[T.InteractionTypeId.Image],ft[T.InteractionTypeId.Annotation]];function yt(e){var t=e.onTypeSelected,n=e.onClickCancel,r=e.player,o=e.addingAnother,i=e.showCancel,c=mt(a.a.useState(Object(dt.a)(r.currentTime()||0)),2),u=c[0],l=c[1];return a.a.useEffect((function(){var e=function(){l(Object(dt.a)(r.currentTime()))};return r.on("timeupdate",e),function(){return r.off("timeupdate",e)}}),[]),a.a.createElement("div",{className:"d-flex align-items-center justify-content-center h-100"},a.a.createElement("div",{className:"cv-interactive-type-selector d-flex flex-wrap justify-content-center align-items-center"},a.a.createElement("div",{className:"text-center font-weight-bold w-100 text-body mb-3 cv-add-question-copy"},o?"Add another question at:":"Add a question at:"," ",u),vt.map((function(e){return a.a.createElement(re.a,{key:e.id,className:"cv-type-selector rounded py-2 m-1",style:{backgroundColor:"#".concat(e.colour)},onClick:function(){return t(e.id)}},a.a.createElement("span",{className:"cv-create-type-icon mb-1",style:{backgroundImage:"url(".concat(e.icon,")")}}),a.a.createElement("div",{className:"d-flex align-items-center justify-content-center cv-interaction-type-name px-1"},e.name))})),i&&a.a.createElement("div",{className:"text-center w-100 mt-2"},a.a.createElement(re.a,{className:"btn btn-link",onClick:n},"Cancel"))))}var bt=n(1440),ht=n(1191),gt=n(354),wt=n(344);n(1843);function It(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(r=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Et(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 Et(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 Et(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 kt=function(e){var t=e.player,n=e.track,r=e.interactive,o=It(a.a.useState(!1),2),i=o[0],c=o[1],u=It(a.a.useState(null),2),l=u[0],s=u[1];function f(){var e=n.activeCues;if(!e.length)return c(!1),void s(null);var a=r.timepoints.find((function(t){return t.id.toString()===e[0].text.toString()}));a.shouldPause&&(t.seeking()?t.one("play",(function(){return t.pause()})):t.pause()),c(!0),s(a)}return a.a.useEffect((function(){return n.addEventListener("cuechange",f),function(){return n.removeEventListener("cuechange",f)}})),{open:i,setOpen:c,timepoint:l,continueInteractive:function(){c(!1),t.play()},updateCue:function(e,t){var r=function(e){for(var t=0;t<n.cues.length;t++){var r=n.cues[t];if(r.text.toString()===e.toString())return r}}(e);r.text=t.toString(),r.originalCue_.text=t.toString()},addCue:function(e){var r=t.currentTime();n.addCue({startTime:r,endTime:r+1,text:e}),n.trigger("cv:cueadded"),t.paused()&&n.trigger("cuechange")},removeCue:function(e){for(var t=0;t<n.cues.length;){var r=n.cues[t];if(r.startTime<=e&&r.endTime>=e){n.removeCue(r),n.trigger("cv:cueremoved"),n.trigger("cuechange");break}t++}}}},Ct=n(67),Ot=n(17);function St(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(r=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return jt(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 jt(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 jt(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 xt(e){var t=e.typeId,n=e.currentIndex,r=e.numberOfInteractions,o=e.changeIndex,i=e.player,c=St(a.a.useState(Object(dt.a)(i.currentTime()||0)),2),u=c[0],l=c[1];a.a.useEffect((function(){var e=function(){l(Object(dt.a)(i.currentTime()))};return i.on("timeupdate",e),function(){return i.off("timeupdate",e)}}),[]);var s=ft[t],f=n<r-1;var d=n>0;return a.a.createElement("div",{className:"text-center d-flex justify-content-between align-items-center p-1",style:{backgroundColor:"#".concat(s.colour)}},a.a.createElement(re.a,{onClick:function(){d&&o(n-1)},className:d?"":"invisible"},a.a.createElement(Ct.a,{size:Ct.b.Medium,svgName:Ot.b.ChevronLeft})),a.a.createElement("div",null,a.a.createElement("div",{className:"h6 mb-0"},s.name),r>1&&a.a.createElement("div",null,n+1," of ",r," at ",u)),a.a.createElement(re.a,{onClick:function(){f&&o(n+1)},className:f?"":"invisible"},a.a.createElement(Ct.a,{size:Ct.b.Medium,svgName:Ot.b.ChevronRight})))}var Tt=n(38);function Nt(e){var t=e.interaction,n=e.interactionState,a=e.onClickContinue,o=e.onClickSave,i=e.onClickCancel,c=e.onClickAddAnother,u=e.onClickDiscard,l=N(t.id),s=!!(null==n?void 0:n.hasChanges),f=!!(null==n?void 0:n.spinner);return r.createElement("div",{className:"cv-timpoint-button-container"},l?r.createElement(re.a,{className:"btn btn-link",onClick:i},"Cancel"):s?r.createElement(re.a,{className:"btn btn-link",onClick:u},"Discard"):r.createElement(re.a,{className:"btn btn-link",onClick:c},"Add another"),f?r.createElement(re.a,{className:"btn btn-dark ml-2",onClick:function(){}},r.createElement(Tt.Spinner,{as:"span",animation:"border",role:"status",size:"sm"})):l?s?r.createElement(re.a,{className:"btn btn-dark ml-2",onClick:o},"Save"):r.createElement(re.a,{className:"btn btn-dark ml-2 disabled",onClick:function(){}},"Save"):s?r.createElement(re.a,{className:"btn btn-dark ml-2",onClick:o},"Save"):r.createElement(re.a,{className:"btn btn-dark ml-2",onClick:a},"Continue"))}function At(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(r=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Rt(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 Rt(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 Rt(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 Pt=function(e,t,n,r){return new(n||(n=Promise))((function(a,o){function i(e){try{u(r.next(e))}catch(e){o(e)}}function c(e){try{u(r.throw(e))}catch(e){o(e)}}function u(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,c)}u((r=r.apply(e,t||[])).next())}))},_t={isValid:!0,submitted:!1,preview:!1,interactionIndex:0};function Mt(e,t){return Object.assign(Object.assign({},e),(n={},r=t.key,a=t.value,r in n?Object.defineProperty(n,r,{value:a,enumerable:!0,configurable:!0,writable:!0}):n[r]=a,n));var n,r,a}function Dt(e){var t,n=e.player,r=e.track,o=e.mode,i=e.interactive,c=e.imageApi,u=e.portalNode,l=(e.resultsService,At(a.a.useReducer(Mt,{}),2)),s=l[0],f=l[1],d=kt({player:n,track:r,interactive:i,mode:o}),m=d.open,p=d.setOpen,v=d.timepoint,y=d.continueInteractive,b=d.addCue,h=d.removeCue,g=d.updateCue,w=s[lt(v)]||_t,I=null==v?void 0:v.interactions[w.interactionIndex],E=s[it(I)],k=o===j.a.Create,S=a.a.useMemo((function(){return Object(C.c)()}),[]),x=Object(wt.a)();a.a.useEffect((function(){if(o===j.a.Create){if(!N(null==I?void 0:I.id)&&!(null==E?void 0:E.hasChanges))return n.unlock(),void x.unlock("interactive");x.lock({id:"interactive",title:"Are you sure you want to leave?",text:"Your interactive still has unsaved changes"}),n.lock((function(e){_(e)}))}}),[I,s,null===(t=null==v?void 0:v.interactions)||void 0===t?void 0:t.length]);var T=a.a.useRef();function A(e){for(var t=0;t<i.timepoints.length;){for(var n=i.timepoints[t],r=0;r<n.interactions.length;){var a=n.interactions[r];if(a.id===e)return{timepoint:n,interaction:a};r++}t++}return{interaction:null,timepoint:null}}function R(e){return Pt(this,void 0,void 0,regeneratorRuntime.mark((function t(){var n,r,a,o,c,u,l;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(n=A(e),r=n.interaction,a=n.timepoint,r&&a){t.next=3;break}throw new Error("Could not find the interaction and timepoint for the interactionId ".concat(e));case 3:if(N(r.id)){t.next=6;break}return t.next=6,L.deleteInteraction(r.id);case 6:if(o=a.interactions.findIndex((function(e){return e.id===r.id})),a.interactions.splice(o,1),f({key:it(r),value:void 0}),c=lt(a),u=s[c]||_t,o<u.interactionIndex&&f({key:c,value:Object.assign(Object.assign({},u),{interactionIndex:u.interactionIndex-1})}),!(a.interactions.length>0)){t.next=14;break}return t.abrupt("return");case 14:if(N(a.id)){t.next=17;break}return t.next=17,L.deleteTimepoint(a.id);case 17:h(a.visibleAt/1e3),l=i.timepoints.findIndex((function(e){return e.id===a.id})),i.timepoints.splice(l,1),f({key:lt(a),value:void 0});case 21:case"end":return t.stop()}}),t)})))}function P(e){gt.a.render(a.a.createElement("p",null,"Are you sure you want to delete this question?"),{title:"Delete question",success:function(){return R(e)},buttons:[{variant:"link",buttonText:"Cancel"},{variant:"danger",success:!0,buttonText:"Delete"}]})}function _(e){if(I){var t=N(I.id);if(t||(null==E?void 0:E.hasChanges)){var n=function(){};n=t?function(){return R(I.id)}:M,gt.a.render(a.a.createElement("p",null,"Do you want to discard your changes?"),{title:"Unsaved changes",success:function(){n(),e&&e()},buttons:[{variant:"link",buttonText:"Cancel"},{variant:"danger",success:!0,buttonText:"Discard"}]})}else e&&e()}else e&&e()}function M(){f({key:it(I),value:void 0})}function D(e){_((function(){f({key:lt(v),value:Object.assign(Object.assign({},w),{interactionIndex:e})})}))}return a.a.createElement("div",{className:"cv-interactive-container"},!m&&a.a.createElement(re.a,{className:"btn btn-outline-dark cv-add-question",onClick:function(){n.pause(),p(!0),v&&D(v.interactions.length)}},"Add question"),a.a.createElement("div",{className:"cv-interactive ".concat(m?"cv-open":"")},a.a.createElement(O.a,{style:{height:"100%"},ref:T},!I&&o===j.a.Create&&a.a.createElement(yt,{onTypeSelected:function(e){n.pause();var t=(null==v?void 0:v.id)||"new_".concat(Math.round(Math.random()*Number.MAX_SAFE_INTEGER)),r={id:"new_".concat(Math.round(Math.random()*Number.MAX_SAFE_INTEGER)),timepointId:t,typeId:e,type:ft[e],order:0,interactiveId:i.id,data:{}};if(v)return v.interactions.push(r),void D(w.interactionIndex);var a=n.currentTime();i.timepoints||(i.timepoints=[]),i.timepoints.push({id:t,visibleAt:1e3*a,interactiveId:i.id,shouldPause:1,interactions:[r]}),i.timepoints.sort((function(e,t){return e.visibleAt>t.visibleAt?1:t.visibleAt>e.visibleAt?-1:0})),b(t)},player:n,addingAnother:!!v,onClickCancel:function(){v?D(w.interactionIndex-1):(p(!1),n.play())},showCancel:!!v||m}),!!I&&a.a.createElement("div",{className:"d-flex flex-column h-100"},k&&a.a.createElement(xt,{typeId:I.typeId,changeIndex:D,player:n,currentIndex:w.interactionIndex,numberOfInteractions:v.interactions.length}),a.a.createElement(ut,{interaction:I,mode:o,state:s,dispatch:f,recalculateScroll:function(){T.current.recalculate()},timepointState:w,imageApi:c,optionsPortalNode:S}),k&&a.a.createElement(Nt,{interaction:I,interactionState:E,onClickContinue:y,onClickSave:function(){return Pt(this,void 0,void 0,regeneratorRuntime.mark((function e(){var t,n,r,a,i;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(o===j.a.Create){e.next=2;break}throw new Error("Should not be calling onClickSave while viewing an interactive");case 2:if(t=lt(v),n=it(I),c=I.typeId,!(r=(0,Me[c])(s[it(I)]||{},I))){e.next=9;break}return f({key:n,value:Object.assign(Object.assign({},E),{error:r})}),e.abrupt("return");case 9:if(f({key:n,value:Object.assign(Object.assign({},E),{spinner:!0})}),a=v.id,!N(v.id)){e.next=16;break}return e.next=14,L.saveTimepoint(v);case 14:g(a,v.id),f({key:t,value:void 0});case 16:return I.timepointId=v.id,i=Fe(I.typeId),e.next=20,i(s[it(I)]||{},I);case 20:f({key:n,value:void 0});case 21:case"end":return e.stop()}var c}),e)})))},onClickCancel:function(){return Pt(this,void 0,void 0,regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,R(I.id);case 2:p(!0);case 3:case"end":return e.stop()}}),e)})))},onClickAddAnother:function(){D(v.interactions.length)},onClickDiscard:function(){return _()}})))),a.a.createElement(C.a,{node:S},!!I&&a.a.createElement(ht.a,{actions:[{label:"Delete",onClick:function(){return P(I.id)},className:"text-danger"}]})),u&&a.a.createElement(C.a,{node:u},a.a.createElement("h2",{className:"h4 mt-3"},"Question List (",i.timepoints.reduce((function(e,t){return e+t.interactions.length}),0),")"),a.a.createElement(bt.a,{interactive:i,maxHeight:300,goToTimepoint:function(e,t){var r=function(e){var t=0;for(;t<i.timepoints.length;){var n=i.timepoints[t];if(n.id===e)return n;t++}return null}(e),a=lt(r),o=s[a]||_t,c=r.interactions.find((function(e){return e.id.toString()===t.toString()}));n.currentTime(r.visibleAt/1e3),f({key:a,value:Object.assign(Object.assign({},o),{interactionIndex:r.interactions.indexOf(c)})})},selectedInteractionId:null==I?void 0:I.id,onClickDelete:o===j.a.Create?P:void 0})))}E.a.registerComponent("Interactive",Object(S.a)((function(e,t){return a.a.createElement(Dt,Object.assign({player:e},t))})));n(1844);function Ft(e){return(Ft="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function qt(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 Lt(e,t,n){return(Lt="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=zt(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 Ut(e,t){return(Ut=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function Bt(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=zt(e);if(t){var a=zt(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return Wt(this,n)}}function Wt(e,t){return!t||"object"!==Ft(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 zt(e){return(zt=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var Ht=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&&Ut(e,t)}(o,e);var t,n,r,a=Bt(o);function o(e,t){var n;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,o),(n=a.call(this,e,t)).timepoint_=t.timepoint,n.time_=t.timepoint.visibleAt/1e3;var r=t.timepoint.interactions[0];return r||n.hide(),n.setColour(r.type.colour),n.controlText(r.name),n.update(),n}return t=o,(n=[{key:"buildCSSClass",value:function(){return"cv-interactive-bar-item ".concat(Lt(zt(o.prototype),"buildCSSClass",this).call(this))}},{key:"createEl",value:function(e,t,n){return Lt(zt(o.prototype),"createEl",this).call(this,e,Object.assign(Object.assign({},t),{className:this.buildCSSClass()}),n)}},{key:"update",value:function(){var e=this.player_.duration(),t=this.time_/e;this.el().style.left=100*t+"%",t>100||t<0?this.hide():this.show()}},{key:"handleClick",value:function(e){e.stopPropagation(),this.player_.currentTime(this.time_)}},{key:"setColour",value:function(e){this.el().querySelector(".vjs-icon-placeholder").style.backgroundColor="#"+e}}])&&qt(t.prototype,n),r&&qt(t,r),o}(E.a.getComponent("Button"));n(1845);function Vt(e){return(Vt="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 $t(e){return function(e){if(Array.isArray(e))return Zt(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 Zt(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Zt(e,t)}(e)||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 Zt(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Jt(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 Gt(e,t,n){return(Gt="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(e,t,n){var r=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=en(e)););return e}(e,t);if(r){var a=Object.getOwnPropertyDescriptor(r,t);return a.get?a.get.call(n):a.value}})(e,t,n||e)}function Qt(e,t){return(Qt=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function Yt(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=en(e);if(t){var a=en(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return Kt(this,n)}}function Kt(e,t){return!t||"object"!==Vt(t)&&"function"!=typeof t?Xt(e):t}function Xt(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function en(e){return(en=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var tn=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&&Qt(e,t)}(o,e);var t,n,r,a=Yt(o);function o(e,t){var n;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,o),(n=a.call(this,e,t)).track_=t.track,n.interactive_=t.interactive,n.onDurationChange=n.onDurationChange.bind(Xt(n)),n.createInteractionItems=n.createInteractionItems.bind(Xt(n)),n.createInteractionItems(),n.track_.on("cv:cueadded",n.createInteractionItems),n.track_.on("cv:cueremoved",n.createInteractionItems),n.player_.on("durationchange",n.onDurationChange),n.player_.on("dispose",(function(){n.track_.off("cv:cueadded"),n.track_.off("cv:cueremoved"),n.player_.off("durationchange",n.onDurationChange)})),n}return t=o,(n=[{key:"buildCSSClass",value:function(){return"cv-interactive-bar-items ".concat(Gt(en(o.prototype),"buildCSSClass",this).call(this))}},{key:"createEl",value:function(e,t,n){return Gt(en(o.prototype),"createEl",this).call(this,e,Object.assign(Object.assign({},t),{className:this.buildCSSClass()}),n)}},{key:"update",value:function(){this.children_.forEach((function(e){e.update()}))}},{key:"createInteractionItems",value:function(){var e,t=this;if(this.track_){$t(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 Ht(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()}))}}])&&Jt(t.prototype,n),r&&Jt(t,r),o}(E.a.getComponent("Component"));n(1846);function nn(e){return(nn="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 rn(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function an(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 on(e,t,n){return(on="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=sn(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 cn(e,t){return(cn=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function un(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=sn(e);if(t){var a=sn(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return ln(this,n)}}function ln(e,t){return!t||"object"!==nn(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 sn(e){return(sn=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var fn=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&&cn(e,t)}(o,e);var t,n,r,a=un(o);function o(){return rn(this,o),a.apply(this,arguments)}return t=o,(n=[{key:"lock",value:function(e){this.callback_=e}},{key:"unlock",value:function(){delete this.callback_}},{key:"currentTime",value:function(e){var t=this;if("number"!=typeof e||!this.callback_)return on(sn(o.prototype),"currentTime",this).call(this,e);this.callback_((function(){t.unlock(),t.currentTime(e)}))}},{key:"play",value:function(){var e=this;if(!this.callback_)return on(sn(o.prototype),"play",this).call(this);this.callback_((function(){e.unlock(),e.play()}))}}])&&an(t.prototype,n),r&&an(t,r),o}(E.a.getComponent("Player"));function dn(e){return(dn="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 mn(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 pn(e,t){return(pn=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function vn(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=bn(e);if(t){var a=bn(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return yn(this,n)}}function yn(e,t){return!t||"object"!==dn(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 bn(e){return(bn=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}E.a.registerComponent("player",fn);var hn=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&&pn(e,t)}(o,e);var t,n,r,a=vn(o);function o(e,t){var n;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,o),(n=a.call(this,e)).options=t,e.ready((function(){return n.initialize()})),n}return t=o,(n=[{key:"initialize",value:function(){var e=this;k.a.useTrack(this.player,"metadata","interactive",this.onTrackLoaded.bind(this)),this.options.resultsService&&(this.startSession=this.startSession.bind(this),this.player.one("play",this.startSession),this.player.on("dispose",(function(){e.player.off("play",e.startSession)})))}},{key:"startSession",value:function(){this.options.resultsService.start()}},{key:"onTrackLoaded",value:function(e){this.player.addChild("Interactive",{track:e,interactive:this.options.interactive,mode:this.options.mode||i.InteractiveMode.View,imageApi:this.options.imageApi,portalNode:this.options.portalNode,resultsService:this.options.resultsService}),this.player.controlBar.getChild("progressControl").getChild("SeekBar").addChild(new tn(this.player,{interactive:this.options.interactive,track:e}))}}])&&mn(t.prototype,n),r&&mn(t,r),o}(E.a.getPlugin("plugin"));function gn(e){return(gn="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 wn(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 In(e,t,n){return(In="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=On(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 En(e,t){return(En=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function kn(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=On(e);if(t){var a=On(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return Cn(this,n)}}function Cn(e,t){return!t||"object"!==gn(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 On(e){return(On=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}E.a.registerPlugin("viewInteractivePlugin",hn);var Sn=function(e,t,n,r){return new(n||(n=Promise))((function(a,o){function i(e){try{u(r.next(e))}catch(e){o(e)}}function c(e){try{u(r.throw(e))}catch(e){o(e)}}function u(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,c)}u((r=r.apply(e,t||[])).next())}))},jn=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&&En(e,t)}(o,e);var t,n,r,a=kn(o);function o(e,t){var n;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,o),n=a.call(this,e,t),c.a.setToken("gateway",n.options.authToken),n.player.on("dispose",(function(){n.resultsService&&n.resultsService.stop()})),n.options.mode===i.InteractiveMode.Create&&n.player.addClass("cv-create-interactives"),n}return t=o,(n=[{key:"additionalSetup",value:function(e){var t=this,n=Object.create(null,{additionalSetup:{get:function(){return In(On(o.prototype),"additionalSetup",t)}}});return Sn(this,void 0,void 0,regeneratorRuntime.mark((function t(){var r,a=this;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:n.additionalSetup.call(this,e),this.track=this.player.addTextTrack("metadata","interactive"),(r=e.additionalData).timepoints.forEach((function(e){var t,n=e.visibleAt/1e3,r=e.visibleFor?n+e.visibleFor/1e3:n+1;(null===(t=e.interactions)||void 0===t?void 0:t.length)&&a.track.addCue({startTime:n,endTime:r,text:e.id})})),this.options.collectResults&&(this.resultsService=new I({interactiveId:r.id,mediaId:e.mediaId,userId:this.options.userId,playerApi:this.options.playerApi})),this.player.viewInteractivePlugin({interactive:r,mode:this.options.mode,imageApi:this.options.imageApi,resultsService:this.resultsService,portalNode:this.options.portalNode});case 6:case"end":return t.stop()}}),t,this)})))}},{key:"getAnalyticsPlayerType",value:function(){return"interactive-player"}}])&&wn(t.prototype,n),r&&wn(t,r),o}(o.a);n.d(t,"a",(function(){return Tn}));var xn=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 Tn(e){var t=e.onReady,n=xn(e,["onReady"]),r=a.a.useRef();return a.a.useEffect((function(){var e=new jn(r.current,n);t&&e.ready((function(){t(e)}))}),[]),a.a.createElement(a.a.Fragment,null,a.a.createElement("div",{ref:r}),a.a.createElement("div",{id:"popup-region"}))}},1738:function(e,t,n){},1740:function(e,t,n){},1837:function(e,t,n){},1838:function(e,t,n){},1839:function(e,t,n){},1840:function(e,t,n){},1841:function(e,t,n){},1842:function(e,t,n){},1843:function(e,t,n){},1844:function(e,t,n){},1845:function(e,t,n){},1846:function(e,t,n){}}]);