@clickview/lite 0.0.62 → 0.0.63-dev.0

package/dist/scripts/{32-9b9312f9b3-lite.chunk.js → 32-65e7a4fd06-lite.chunk.js}

@@ -1 +1 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[32,6,15],{1083:function(e,t,n){"use strict";n.d(t,"a",(function(){return u}));var r=n(3),a=n(113),i=n(271),o=n(95),c=n(379),l=n(380),s={notFound:i.a,forbidden:{rating:c.a,yearLevel:c.a,region:l.a,privacy:c.a},badRequest:o.a};function u(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(e){var i;i="number"==typeof e?e:e.status;var o=Object.assign(Object.assign({},s),t);i&&r.a.ErrorHelper.isStatusCodeError(i)&&(i!==a.a.NotFound?i!==a.a.Forbidden?n.badRequest||r.a.ErrorHelper.throw(new o.badRequest):n.forbidden||r.a.ErrorHelper.throw(new o.forbidden.privacy):n.notFound||r.a.ErrorHelper.throw(new o.notFound))}}},1094:function(e,t,n){"use strict";n.d(t,"a",(function(){return f}));var r=n(10),a=n(20),i=n(204),o=n(272),c=n(1099),l=n(236);function s(e){return function(e){if(Array.isArray(e))return u(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return u(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 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 n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var d={ratings:!1,favourites:!1,watchHistory:!1,hasCurriculumLinks:!1};function m(e,t){var n=r.a.useGetResponse(null==t?void 0:t.key),a=r.a.useGetFetch(t);e&&t&&n.shouldFetch&&a()}function f(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=Object.assign(Object.assign({},d),t),u=n.ratings,f=n.favourites,p=n.watchHistory,v=n.hasCurriculumLinks,y=r.a.useBasicFetch(a.a.currentUser()),g=e&&(Array.isArray(e)?e.filter(Boolean).map((function(e){return e.id})):e.data.filter(Boolean).map((function(e){return e.id}))),b=y.data;if(null==b?void 0:b.isAuthenticated){var h=[];u&&(h=[].concat(s(h),[!!(null==g?void 0:g.length)&&i.a.videoRatings(g,t.flightNamespace)])),f&&(h=[].concat(s(h),[!!(null==g?void 0:g.length)&&b&&l.a.isFavourited(b.id,g,t.flightNamespace)])),p&&(h=[].concat(s(h),[!!(null==g?void 0:g.length)&&b&&c.a.videoHistory(g,t.flightNamespace)])),v&&(h=[].concat(s(h),[!!(null==g?void 0:g.length)&&o.a.hasCurriculumLinks(g,t.flightNamespace)])),h.forEach((function(t){return m(!!e,t)}))}}},1095:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var r=n(0),a=n(1083);function i(e){return e.map((function(e){return e.statusCode})).join(":")}function o(e,t,n){var o=Array.isArray(e)?e:[e];Object(r.useEffect)((function(){o.forEach((function(e){Object(a.a)(e.statusCode,t,n)}))}),[i(o),t,n])}},1099:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var r=n(65),a={userVideoHistory:function(e,t,n,a){var i="video:history",o="{gateway}/v1/users/me/watch-history";return e&&(i+=":".concat(e),o+="?cursor=".concat(e)),{key:i,url:o,formatData:function(e){return{data:e.data.map((function(e){var t=r.utc(e.lastTimeWatched).local().format(),n=r(t).format("YYYY-MM-DD");return Object.assign(Object.assign({},e),{lastTimeWatched:t,lastDateWatched:n})})),pagination:e.pagination}},success:t,error:n,always:a}},videoHistory:function(e,t,n,r,a){var i=e.sort().map((function(e){return"videoId=".concat(e)}));return{key:"video:history:videos:".concat(i.join("&")),url:"{gateway}/v1/videos/history?".concat(i.join("&")),normalizeOptions:{namespace:t},formatData:function(e){return(null==e?void 0:e.length)?e.map((function(e){return{id:e.videoId,lastProgressPoint:e.lastProgressPoint}})):e},success:n,error:r,always:a}}}},1100:function(e,t,n){"use strict";n.d(t,"a",(function(){return u}));var r=n(0),a=n.n(r),i=n(33),o=n(43),c=n(205),l=n(1102),s=n.n(l);function u(e){return a.a.createElement(a.a.Fragment,null,Array(e.numVideos).fill(null).map((function(t,n){return a.a.createElement(d,Object.assign({key:n},e))})))}function d(e){var t=Object(c.a)(),n=t===o.a.XS,r=t===o.a.SM||t===o.a.MD,l=e.withReordering&&!n;return a.a.createElement(i.Row,{className:"py-2"},a.a.createElement(i.Col,{xs:n?12:r?4:3,className:"flex-column align-items-flex-start mb-1"},a.a.createElement(i.Row,null,!!l&&a.a.createElement("div",{className:"d-flex align-items-center justify-content-center col-2"},a.a.createElement("div",{className:"partial-loading-background ".concat(s.a.partialDragHandle)})),a.a.createElement(i.Col,{xs:l?10:12},a.a.createElement("div",{className:"partial-loading-background rounded ".concat(s.a.partialThumbnail)})))),a.a.createElement(i.Col,{xs:n?12:r?8:9},a.a.createElement("div",{className:"partial-loading-background ".concat(s.a.partialSeriesLink)}),a.a.createElement("div",{className:"partial-loading-background mb-1 ".concat(s.a.partialName)}),a.a.createElement("div",{className:"partial-loading-background ".concat(s.a.partialDescription)}),a.a.createElement("div",{className:"partial-loading-background ".concat(s.a.partialBadges)}),a.a.createElement("div",{className:"partial-loading-background ".concat(s.a.partialActions)})))}u.defaultProps={numVideos:15}},1102:function(e,t,n){e.exports={partialName:"_7KNC2",partialDescription:"Vk_wR",partialThumbnail:"_3peRZ",partialDragHandle:"_1F7_f"}},1107:function(e,t,n){"use strict";n.d(t,"b",(function(){return A})),n.d(t,"a",(function(){return j}));var r=n(0),a=n(3),i=n(8),o=n(66),c=n(41),l=n(1142),s=n(1139),u=n(1202),d=n(205),m=n(276),f=n(161),p=n(1121),v=n(396),y=n(53),g=n(69),b=n(28),h=n(1199),w=n(31),E=n(27),I=n(1111),S=n(1217),C=n(1112),k=n(1216),x=n.n(k);function N(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,a,i=[],o=!0,c=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(c)throw a}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return O(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 O(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 O(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 A=12;function T(e){var t,n=e.type,k=e.analyticsData,O=void 0===k?{}:k;n===f.WidgetType.ResourcesTile&&(n=f.WidgetType.Row);var T=N(r.useState(null),2),j=T[0],P=T[1],R=N(r.useState(null),2),F=R[0],L=R[1],M=N(r.useState(0),2),_=M[0],D=M[1],U=N(r.useReducer(C.a,C.b,C.c),2),q=U[0],B=U[1],V=r.useRef(null),z=N(Object(m.a)(),2),W=z[0],H=z[1],Q=N(r.useState(!1),2),X=Q[0],G=Q[1],K=N(r.useState(!1),2),$=K[0],Y=K[1],Z=Object(v.a)({prevent:!e.lazyLoad}),J=Z.ref,ee=Z.inView,te=Object(d.a)(),ne=e.forcedMediaQuery||te,re=q.offset===q.collection.length;r.useEffect((function(){B({type:p.a.Resize,payload:{mediaQuery:ne,type:n,contents:e.contents,collection:q.collection,fullCollection:q.fullCollection}})}),[ne]),r.useEffect((function(){if(e.prefetched){var t=e.collection,r=t;e.limitTotalItems&&(r=t.length>A?t.slice(0,A):t),B({type:p.a.Init,payload:{mediaQuery:ne,type:n,contents:e.contents,collection:r,fullCollection:t}})}}),[null===(t=e.collection)||void 0===t?void 0:t.length,e.prefetched]);var ae=Object(S.i)(e,B,ne,ee);r.useEffect((function(){var t=e.prefetched?e.collection:ae.data;if(t){var n=c.a.isFunction(e.setData)?e.setData(t):t,r=n;e.limitTotalItems&&(r=n.length>A?n.slice(0,A):n),n.length===q.collection.length&&(o.a.isEqual(n,q.collection)||B({type:p.a.Update,payload:{collection:r,fullCollection:n}}))}}),[null==ae?void 0:ae.data,e.collection,q,e.prefetched]);var ie={type:q.type,size:q.currentSize,collectionSize:q.collection.length,contents:e.contents},oe=Object(S.a)(e,(null==ae?void 0:ae.data)||e.collection);if(null==ae?void 0:ae.hasError)return r.createElement(r.Fragment,null);if(!e.prefetched&&!(null==ae?void 0:ae.data)){var ce=e.partialComponent||I.a;return r.createElement("div",{ref:J},r.createElement(ce,null))}if(!q.collection.length||q.collection.length<e.minimumItemCount)return r.createElement(r.Fragment,null);var le=e.childComponent,se=function(t){return Object.assign({id:null==oe?void 0:oe.id,name:null==oe?void 0:oe.name,direction:t===p.a.Next?"right":"left"},e.analyticsData)},ue=function(){var t;return!(!e.appLink||!re)&&(e.limitTotalItems&&(null===(t=q.fullCollection)||void 0===t?void 0:t.length)>A)}();return r.createElement("div",{className:"mx-n".concat(e.paddingSize)},r.createElement("div",{className:"pb-3 px-".concat(e.paddingSize," ").concat(e.paddingTopSize?"pt-".concat(e.paddingTopSize):""," overflow-hidden-x ie-scrollbar-fix")},!e.hideName&&r.createElement("div",{className:"mb-1"},r.createElement(y.a,{appLink:Object(S.b)(e.appLink,oe),analyticsData:Object.assign({id:null==oe?void 0:oe.id,name:null==oe?void 0:oe.name},e.analyticsData),analyticsOptions:h.a.getSliderHeadingAnalyticsOptions()},r.createElement("h2",{className:"".concat(x.a.heading," ").concat(e.appLink?x.a.link:""," h4 mb-0 d-inline-block align-top pl-1")},oe.name,!!e.appLink&&r.createElement(g.a,{svgName:b.b.ChevronRight,size:g.b.Small})),e.settingsAppLink&&r.createElement(y.a,{appLink:e.settingsAppLink},r.createElement(g.a,{svgName:b.b.Cog,className:"d-inline-block svg-container cursor-pointer",title:i.a.getPhrase("shared.fixedWidget","preferencesTooltip"),tooltipPlacement:"right"}))),oe.description&&r.createElement("p",{className:"text-truncate pl-1 description"},oe.description)),r.createElement("div",{ref:W,className:"position-relative ".concat(e.hideBleedingContent?"overflow-hidden-x":"")},!e.hideBleedingContent&&!X&&r.createElement("div",{className:x.a.leftOverflowGradient}),r.createElement(s.a,{direction:s.b.Left,onClick:function(){B({type:p.a.Previous}),E.a.logUserAction(se(p.a.Previous),h.a.getSliderAnalyticsOptions()),c.a.isFunction(e.onClickPrevious)&&e.onClickPrevious()},hide:Object(S.g)(X,H,q.offset,q.viewableItems,q.collection.length),contents:e.contents,className:e.leftWidgetButtonClassName,hideExtendedClickableArea:e.hideExtendedClickableArea}),r.createElement(u.a,{position:q.position,positionType:l.a.Percentage,onTouchMove:Object(S.e)(q,V,F,L,j,P,D),onTouchEnd:Object(S.d)(V,P,_,D,B),ref:V,percentageDragged:_},q.collection.map((function(t,n){return r.createElement(le,{key:"".concat(t.id,":").concat(n),data:t,collectionAppLink:e.appLink,getAppLink:e.getChildAppLink,context:ie,preloadImage:Object(S.f)(q)(t),thumbnailSize:e.thumbnailSize||w.b.Medium,analyticsData:Object.assign({widgetId:oe.id,widgetName:oe.name,itemIndex:n},O),analyticsOptions:Object.assign(Object.assign({},null==e?void 0:e.analyticsOptions),h.a.getSliderItemAnalyticsOptions()),forcedMediaQuery:e.forcedMediaQuery,onHover:function(e){window.setTimeout((function(){!function(e,t){if(q.collection.length===q.viewableItems)return G(e),void Y(e);t+1!==q.collection.length?0!==t?(t+1-q.offset%q.viewableItems)%q.viewableItems!=0?(t-q.offset%q.viewableItems)%q.viewableItems!=0||G(e):Y(e):G(e):Y(e)}(e,n)}),e?0:200)}})}))),r.createElement(s.a,{direction:s.b.Right,onClick:function(){ue?a.a.AppLinkHelper.trigger(Object(S.b)(e.appLink,oe)):(B({type:p.a.Next}),E.a.logUserAction(se(p.a.Next),h.a.getSliderAnalyticsOptions()),c.a.isFunction(e.onClickNext)&&e.onClickNext())},hide:Object(S.h)($,H,q.offset,q.viewableItems,q.collection.length,ue),contents:e.contents,hoverText:ue&&i.a.getPhrase("shared.fixedWidget","seeMore"),className:e.rightWidgetButtonClassName,hideExtendedClickableArea:e.hideExtendedClickableArea}),!e.hideBleedingContent&&!$&&r.createElement("div",{className:x.a.rightOverflowGradient}))))}T.defaultProps={type:f.WidgetType.Row,minimumItemCount:0,paddingSize:"3"};var j=r.memo(T)},1108:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var r=n(15),a={createViewKey:function(e,t,n){var a={mediaId:e.toString(),mediaIdType:t};return n&&(a.shareContextId=n),{url:"/api/player/create-view-key",key:"view:key:".concat(e,":").concat(t),type:r.a.POST,data:a,expiryTime:28800}}}},1109:function(e,t,n){"use strict";var r;n.d(t,"a",(function(){return r})),function(e){e.Share="share",e.MasterObject="masterobject"}(r||(r={}))},1111:function(e,t,n){"use strict";n.d(t,"a",(function(){return s}));var r=n(0),a=n(43),i=n(205),o=n(1216),c=n.n(o);var l=function(e){var t=e.colSize;return r.createElement("div",{className:"col-".concat(t," px-1")},r.createElement("div",{className:"".concat(c.a.partialItem," mx-1 partial-loading-background rounded")}))};function s(e){for(var t,n=(t=Object(i.a)())===a.a.XS?{itemCount:2,colSize:6}:t===a.a.SM?{itemCount:3,colSize:4}:{itemCount:4,colSize:3},o=n.itemCount,s=n.colSize,u=[],d=0;d<o;d++)u.push(r.createElement(l,{key:d,colSize:s}));return r.createElement("div",{className:"widget pb-3"},r.createElement("div",{className:"".concat(c.a.partialHeading," mx-1 mb-1 partial-loading-background")}),!e.hideDescription&&r.createElement("div",{className:"".concat(c.a.partialDescription," mx-1 my-1 partial-loading-background")}),r.createElement("div",{className:"row no-gutters mx-n1"},u))}},1112:function(e,t,n){"use strict";n.d(t,"b",(function(){return c})),n.d(t,"a",(function(){return l})),n.d(t,"c",(function(){return s}));var r=n(43),a=n(1121),i=n(161),o=n(1217),c={offset:0,viewableItems:4,position:0,collection:[],fullCollection:[],currentSize:r.a.LG,type:i.WidgetType.Row};function l(e,t){var n,r,i=t.type,c=t.payload,l=void 0===c?{}:c;switch(i){case a.a.Next:return Object.assign(Object.assign({},e),function(e){var t=e.collection,n=e.viewableItems,r=e.offset,a=e.position,i=t.length-r;return i%n==0||i>n?{position:a-100,offset:r+n}:i<n?{position:a-i/n*100,offset:r+i}:{position:a,offset:r}}(e));case a.a.Previous:return Object.assign(Object.assign({},e),function(e){var t=e.viewableItems,n=e.offset,r=e.position,a=n-t;return a%t==0||a>t?{position:r+100,offset:n-t}:a<t?{position:r+a/t*100,offset:n-a}:{position:r,offset:n}}(e));case a.a.Resize:var u=Object(o.c)(l.contents)(l.mediaQuery,l.type,null===(n=l.collection)||void 0===n?void 0:n.length);return Object.assign(Object.assign({},e),{currentSize:l.mediaQuery,position:0,offset:u,viewableItems:u,type:l.type,fullCollection:l.fullCollection});case a.a.Init:var d=Object(o.c)(l.contents)(l.mediaQuery,l.type,null===(r=l.collection)||void 0===r?void 0:r.length);return s(Object.assign(Object.assign({},e),{collection:l.collection,currentSize:l.mediaQuery,offset:d,viewableItems:d,type:l.type,fullCollection:l.fullCollection}));case a.a.Update:return Object.assign(Object.assign({},e),{collection:l.collection,fullCollection:l.fullCollection});default:return e}}function s(e){return Object.assign(Object.assign({},c),e)}},1113:function(e,t,n){"use strict";var r;n.d(t,"a",(function(){return r})),function(e){e[e.Correct=0]="Correct",e[e.Incorrect=1]="Incorrect",e[e.AwaitingMarking=2]="AwaitingMarking",e[e.Answered=3]="Answered",e[e.UnAnswered=4]="UnAnswered",e[e.NotApplicable=5]="NotApplicable"}(r||(r={}))},1121:function(e,t,n){"use strict";var r;n.d(t,"a",(function(){return r})),function(e){e.Init="init",e.Next="next",e.Previous="previous",e.Resize="resize",e.Drag="drag",e.Update="update"}(r||(r={}))},1122:function(e,t,n){"use strict";var r=n(1107);n.d(t,"a",(function(){return r.a}));n(1112);var a=n(1111);n.d(t,"b",(function(){return a.a}))},1125:function(e,t,n){"use strict";var r=n(1193);n.d(t,"InteractiveMode",(function(){return r.a}));n(1219),n(1220),n(1221),n(1222),n(1223),n(1224),n(1225)},1134:function(e,t,n){"use strict";var r=n(0),a=n.n(r),i=n(3),o=n(388),c=n(8),l=n(76),s=n(42);function u(e){return(u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function d(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function m(e,t){return(m=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=v(e);if(t){var a=v(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return p(this,n)}}function p(e,t){if(t&&("object"===u(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}function v(e){return(v=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var y=c.a.encloseNamespace("shared.videoRatingAccess");function g(e){return s.a.isClip(e)?y("clipTitle"):s.a.isInteractive(e)?y("interactiveTitle"):y("videoTitle")}var b=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}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&m(e,t)}(i,e);var t,n,r,a=f(i);function i(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i),(t=a.call(this,g(e))).video=e,t}return t=i,(n=[{key:"name",get:function(){return"VideoRatingAccessError"}},{key:"heading",get:function(){return g(this.video)}},{key:"description",get:function(){return e=this.video,s.a.isClip(e)?y("clipDescription"):s.a.isInteractive(e)?y("interactiveDescription"):y("videoDescription");var e}}])&&d(t.prototype,n),r&&d(t,r),Object.defineProperty(t,"prototype",{writable:!1}),i}(l.a);n.d(t,"a",(function(){return w}));var h={"rating-not-allowed":b,private:o.a},w=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:h;a.a.useEffect((function(){var n;if(e.hasCompleted){var r=e.data;if(r){var a=s.a.getCanBeConsumed(r);if(!(null==a?void 0:a.value)){var o=Object.assign(Object.assign({},h),t)[null!==(n=null==a?void 0:a.reason)&&void 0!==n?n:"private"];i.a.ErrorHelper.throw(new o(r))}}}}),[e.hasCompleted])}},1135:function(e,t,n){"use strict";var r;n.d(t,"a",(function(){return r})),function(e){e.Videos="videos",e.FeedVideos="feed videos",e.Series="series",e.Subjects="subjects",e.Playlists="playlists",e.UserChannels="user channels",e.Interactives="interactives",e.Clips="clips",e.Resources="resources",e.Libraries="Libraries",e.Folders="Folders"}(r||(r={}))},1139:function(e,t,n){"use strict";n.d(t,"b",(function(){return r})),n.d(t,"a",(function(){return s}));var r,a=n(0),i=n(69),o=n(28),c=n(1143),l=n.n(c);!function(e){e[e.Left=0]="Left",e[e.Right=1]="Right"}(r||(r={}));var s=a.memo((function(e){var t,n,c=e.direction===r.Left,s=c?o.b.ChevronLeft:o.b.ChevronRight,u=(e.contents,t=c,n=l.a.topPos,n+=t?" "+l.a.left:" "+l.a.right);return e.hide?a.createElement(a.Fragment,null):a.createElement(a.Fragment,null,a.createElement("div",{role:"button",className:"".concat(u," ").concat(l.a.button," ").concat(e.className||""),onClick:e.onClick},e.hoverText&&a.createElement("span",{className:"pl-3 pr-2 ".concat(l.a.hoverText)},e.hoverText),a.createElement(i.a,{svgName:s,size:i.b.Medium,className:"svg-container d-inline-block ".concat(l.a.chevron)})),e.useGradientBackdrop&&a.createElement("div",{className:c?l.a.gradientLeft:l.a.gradientRight}),!e.hideExtendedClickableArea&&a.createElement("div",{role:"button",onClick:e.onClick,className:c?l.a.extendedClickableAreaLeft:l.a.extendedClickableAreaRight}))}))},1142:function(e,t,n){"use strict";var r;n.d(t,"a",(function(){return r})),function(e){e.Percentage="%",e.Pixels="px"}(r||(r={}))},1143:function(e,t,n){e.exports={left:"_789pr",right:"_1P8qt",button:"_24q_F",hoverText:"p-vNG",chevron:"_3M27X",gradientLeft:"_3fkiw",gradientRight:"_2RDDy",extendedClickableAreaRight:"_13dgy",extendedClickableAreaLeft:"_37LtK",videoTopPos:"_1XTRO",topPos:"_3_p_J"}},1145:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var r={VIDEO_START_TIME_CUTOFF:10,MULTI_PRESENTATION_THRESHOLD:2}},1146:function(e,t,n){"use strict";n.d(t,"a",(function(){return u}));var r=n(0),a=n.n(r),i=n(85),o=n(235),c=n(269),l=n(1182),s=n.n(l);function u(e){var t,n,r;if(!e.owner&&!e.isClickViewContent)return a.a.createElement(a.a.Fragment,null);if(e.isClickViewContent)return a.a.createElement("small",{className:"clamp-1 d-flex align-items-center"},a.a.createElement("div",{className:"svg-container sm ml-n1 ".concat(s.a.cvIcon)},a.a.createElement(o.c,null)),a.a.createElement("em",null,a.a.createElement(i.b,{namespace:"shared.videoOwnerText",phrase:"clickViewContent"})));var l=c.a.getDisplayName(e.owner);if(!l)return a.a.createElement(a.a.Fragment,null);var u=null===(n=null===(t=e.owner.customers)||void 0===t?void 0:t.data)||void 0===n?void 0:n[0],d=null!==(r=null==u?void 0:u.name)&&void 0!==r?r:"";return d&&(l+=", "),a.a.createElement("small",{className:"clamp-1"},l,d&&a.a.createElement("em",null,d))}},1160:function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var r=n(0),a=n.n(r),i=function(){function e(e){if(38===e.keyCode||40===e.keyCode)return e.preventDefault(),!1}a.a.useEffect((function(){return window.addEventListener("keydown",e,!1),function(){window.removeEventListener("keydown",e,!1)}}),[])}},1161:function(e,t,n){"use strict";n.d(t,"a",(function(){return y}));var r=n(0),a=n(1073),i=n(8),o=n(27),c=n(238),l=n(15),s=n(41),u=n(1162),d=n.n(u);function m(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,a,i=[],o=!0,c=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(c)throw a}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return f(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return f(e,t)}(e,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 f(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var p=null,v=!1;function y(e){var t=m(r.useState(p),2),n=t[0],u=t[1];if(p||v||(v=!0,Object(c.ajaxRequest)({resource:"/api/integrations/token/immersive-reader",type:l.a.GET,success:function(e){p=e,u(e),window.setTimeout((function(){p=null,v=!1}),9e5)},error:function(){}})),!n)return r.createElement(r.Fragment,null);return e.title||(e.title=i.a.getPhrase("shared.immersiveReader","titleFallback")),r.createElement("span",{className:"".concat(d.a.button," ").concat(e.className||""),onClick:function(){s.a.isFunction(e.onLaunch)&&e.onLaunch(),o.a.logUserAction(e.analyticsData,e.analyticsOptions);var t={title:e.title,chunks:[{content:e.text,mimeType:e.html?"text/html":"text/plain"}]},r=n.subdomain,i=n.token,c={uiZIndex:5e3,onExit:function(){s.a.isFunction(e.onExit)&&e.onExit()}};a.launchAsync(i,r,t,c)}},r.createElement("svg",{viewBox:"0 0 40 37"},r.createElement("path",{d:"M37.4,0.9 L37.4,9.6 L35.4,9.6 L35.4,2.9 L24.4,2.9 C22.9,3.3 20,4.5 20,6 L20,17.2 L18,17.2 L18,6 C18,5 15.6,3.6 13.8,2.9 L2,2.9 L2,29 L12.4,29 L12.4,31 L0,31 L0,0.9 L14.1,0.9 L14.3,1 C15,1.2 17.5,2.2 18.9,3.7 C20.5,1.9 23.5,1.1 23.9,1 L24.1,1 L37.4,1 L37.4,0.9 Z",fill:"#000000"}),r.createElement("path",{d:"M27.4,37 L25.8,37 L18.4,29.4 L14,29.4 L14,21 L18.4,20.9 L26.1,13 L27.4,13 L27.4,37 Z M16,27.4 L19.2,27.4 L25.3,33.7 L25.3,16.6 L19.2,22.9 L15.9,22.9 L15.9,27.4 L16,27.4 Z",fill:"#0197F2"}),r.createElement("path",{d:"M31.3,32.7 L29.6,31.7 C29.6,31.7 31.7,28.3 31.7,25.2 C31.7,21.9 29.6,18.5 29.6,18.4 L31.3,17.4 C31.4,17.6 33.7,21.3 33.7,25.2 C33.7,28.8 31.4,32.6 31.3,32.7 Z",fill:"#0197F2"}),r.createElement("path",{d:"M36.4,36.2 L34.8,35 C34.8,35 38,30.8 38,25.2 C38,19.6 34.8,15.4 34.8,15.4 L36.4,14.2 C36.5,14.4 40,19 40,25.3 C40,31.5 36.5,36 36.4,36.2 Z",fill:"#0197F2"})))}},1162:function(e,t,n){e.exports={button:"TRYB2"}},1163:function(e,t,n){"use strict";n.d(t,"a",(function(){return v}));var r=n(0),a=n.n(r),i=n(61),o=n(1128),c=n(1131),l=n(1100),s=n(85),u=n(42),d=n(5),m=n(1115),f=n(7),p=function(e){return{application:d.a.DEFAULT,action:f.a.Default.SERIES,args:[e.id,i.a.slugify(e.name)]}};function v(e){var t,n=Object(m.b)(m.a.VideoItem);if(!(null===(t=e.currentUser)||void 0===t?void 0:t.isAuthenticated))return a.a.createElement(a.a.Fragment,null);if(e.relatedVideos.hasError)return a.a.createElement(a.a.Fragment,null);if(e.relatedVideos.hasCompleted&&!e.relatedVideos.videos.length)return a.a.createElement(a.a.Fragment,null);if(!e.relatedVideos.isFetching&&!e.relatedVideos.hasCompleted)return a.a.createElement(a.a.Fragment,null);var r=!u.a.isInteractive(e.currentVideo);return a.a.createElement(o.a.Provider,{value:n},a.a.createElement("div",{className:e.className},a.a.createElement("h2",{className:"h4 mb-0"},a.a.createElement(s.b,{namespace:"shared.relatedVideos",phrase:r?"upNext":"relatedVideos"})),e.relatedVideos.isFetching?a.a.createElement(l.a,null):a.a.createElement(c.c,{videos:e.relatedVideos.videos,getSeriesAppLink:p,getVideoAppLink:e.getVideoAppLink,setFavourite:e.setFavourite})))}},1164:function(e,t,n){"use strict";n.d(t,"a",(function(){return s}));var r=n(10),a=n(42),i=n(277),o=n(204),c=n(208),l=n(100);function s(e,t,n,s){var u=Object(c.a)().hasProduct;var d,m=r.a.useBasicFetch(e&&(null==t?void 0:t.isAuthenticated)&&u(l.a.Primary)?(n&&s||!a.a.isVideo(e)||!a.a.hasSeries(e)||(n=i.a.Series,s=e.series.id),o.a.relatedVideos(e.id,t.id,n,s)):null);return{videos:(d=m.data,d?d.filter((function(e){var t;return null===(t=a.a.getCanBeConsumed(e))||void 0===t?void 0:t.value})):d),hasCompleted:m.hasCompleted,isFetching:m.isFetching,hasError:m.hasError}}},1166:function(e,t,n){"use strict";n.d(t,"a",(function(){return d}));var r=n(0),a=n.n(r),i=n(81),o=n(42),c=n(48),l=n(1145);function s(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,a,i=[],o=!0,c=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(c)throw a}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return u(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 u(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 u(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var d=function(e,t){var n=t.t,r=s(Object(i.a)(c.a.WEB_PLAYER_DATA),2),u=r[0],d=r[1];a.a.useEffect((function(){var t;if(e){var r=o.a.getVideoProgress(e),a=n&&+n||r,i=(null===(t=u.video)||void 0===t?void 0:t.id)!==e.id,c=Number.isInteger(a)&&a!==u.startTime;if(i||c){if(!a)return void d("startTime",0);if(n)return void d("startTime",+n);if(r>=e.duration/1e3-l.a.VIDEO_START_TIME_CUTOFF)return void d("startTime",0);d("startTime",a)}}}),[e,n])}},1181:function(e,t,n){"use strict";n.d(t,"a",(function(){return p}));var r=n(0),a=n.n(r),i=n(53),o=n(1114),c=n(1106),l=n(85),s=n(1146),u=n(31),d=n(1),m=n(1183),f=n.n(m),p=a.a.memo((function(e){var t,n=Object.assign(Object.assign({},e.questionsAppLink),{args:[e.data.id]});return a.a.createElement("div",{className:"flex-shrink-0 px-1 ".concat(f.a.item)},a.a.createElement("div",{className:"row m-0 border rounded p-2 h-100"},a.a.createElement("div",{className:"col-6 p-0"},a.a.createElement(o.a,{video:e.data,appLink:e.getAppLink(e.data),type:"static",imageOptions:{size:u.b.Small},textPosition:c.a.Independent,preload:!0,analyticsOptions:{location:d.LocationContext.SlidingListItem}})),a.a.createElement("div",{className:"col-6 p-0"},a.a.createElement("div",{className:"pl-2"},a.a.createElement(i.a,{appLink:e.getAppLink(e.data)},a.a.createElement("h3",{className:"h6 mb-1"},a.a.createElement("span",{className:"clamp-2"},e.data.name))),a.a.createElement(s.a,{owner:e.data.owner,isClickViewContent:null===(t=e.data._isClickViewContent)||void 0===t?void 0:t.value}),a.a.createElement(i.a,{className:"info-link",appLink:n},a.a.createElement(l.b,{namespace:"shared.interactiveWidgetItem",phrase:"previewQuestions"}))))))}))},1182:function(e,t,n){e.exports={cvIcon:"_1YOaq"}},1183:function(e,t,n){e.exports={item:"_2An5o",thumbnail:"Wvc5s",smallItemIconWidth:"_2IdDd",smallItemInfoWidth:"_1Iat7",smallProgressBarContainer:"_17I8T"}},1193: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={}))},1199:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var r=n(1),a={getSliderAnalyticsOptions:function(){return{actionType:r.UserAction.Click,location:r.LocationContext.SlidingList,entity:r.EntityType.Widget,descriptor:r.ClickDescriptor.Slide}},getSliderItemAnalyticsOptions:function(){return{location:r.LocationContext.SlidingListItem}},getSliderHeadingAnalyticsOptions:function(){return{actionType:r.UserAction.Click,location:r.LocationContext.SlidingList,entity:r.EntityType.Widget,descriptor:r.ClickDescriptor.Title}}}},1200:function(e,t,n){"use strict";n.d(t,"a",(function(){return l}));var r=n(0),a=n.n(r),i=n(114),o=n(69),c=n(28);function l(e){return a.a.createElement(i.a,{title:e.tooltipText,spanHack:!0,spanHackClassName:"d-inline-block"},a.a.createElement(o.a,{svgName:c.b.Info}))}},1202:function(e,t,n){"use strict";var r=n(0),a=n(239),i=n(1142),o=n(41),c=new Image;c.src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=";var l=function(e){e.dataTransfer.setDragImage&&o.a.isFunction(e.dataTransfer.setDragImage)&&e.dataTransfer.setDragImage(c,0,0)};n.d(t,"a",(function(){return u}));var s=a.a.isTouchScreen(),u=r.forwardRef((function(e,t){var n,a,o,c,u=e.children,d=e.positionType,m=e.onDrag,f=e.onDragEnd,p=e.onTouchMove,v=e.onTouchEnd,y=e.percentageDragged,g=e.position,b=void 0===g?0:g;return r.createElement("div",Object.assign({className:"d-flex flex-nowrap position-relative w-100",style:(a=b,o=d,c=y,o===i.a.Percentage&&c&&(a-=c),{transform:"translate3d(".concat(a).concat(o,", 0px, 0px)"),transition:"transform .4s ease-in-out"}),ref:t},(n={},m&&f&&(n.draggable=!0,n.onDragEnd=f,n.onDragStart=l,n.onDragOver=m),p&&v&&s&&(n.onTouchMoveCapture=p,n.onTouchEndCapture=v),n)),u)}))},1204:function(e,t,n){"use strict";var r;n.d(t,"a",(function(){return r})),function(e){e.AddToPlaylist="115005679748",e.LibraryEditor="360001974533",e.VideoAccess="360000153947",e.AddFromOnline="360011718234",e.UploadToLibraryEditor="360012069334",e.PublisherArchive="360011150174",e.PBTErrorCodes="360012421153",e.ManuelReview="360020004534",e.LibraryReview="360000163788",e.PublisherServer="360023108873",e.MigrationOptions="360023109033",e.Integrations="4407268725529",e.Classrooms="4405362551833",e.MakeInteractive="4405370510873"}(r||(r={}))},1216:function(e,t,n){e.exports={leftOverflowGradient:"u_MPi",rightOverflowGradient:"_38ooL",partialHeading:"OVsdA",partialDescription:"_1HtA2",partialItem:"_3G2hG",largePartialItem:"NnK8O",heading:"BQnCC",link:"ph0Qy"}},1217:function(e,t,n){"use strict";n.d(t,"i",(function(){return m})),n.d(t,"f",(function(){return f})),n.d(t,"b",(function(){return p})),n.d(t,"a",(function(){return v})),n.d(t,"c",(function(){return y})),n.d(t,"e",(function(){return N})),n.d(t,"d",(function(){return O})),n.d(t,"g",(function(){return A})),n.d(t,"h",(function(){return T}));var r=n(0),a=n(66),i=n(61),o=n(41),c=n(43),l=n(1121),s=n(1135),u=n(161),d=n(1107);function m(e,t,n,i){var c,s=e.fetch,u=e.setData,m=e.type,f=e.collection,p=e.prefetched,v=e.contents,y=f;y&&!a.a.isEmpty(y)||p||(c=s(i),y=c.data);var g=o.a.isFunction(u)&&y?u(y):y,b=g;return r.useEffect((function(){y&&!a.a.isEmpty(y)&&(e.limitTotalItems&&(b=g.length>d.b?g.slice(0,d.b):g),t({type:l.a.Init,payload:{collection:b,fullCollection:g,mediaQuery:n,type:m,contents:v}}))}),[null==g?void 0:g.length]),c}function f(e){for(var t=e.offset,n=e.viewableItems,r=e.collection,a=t,i=[],o=0;o<a+n;o++)i.push(o);return function(e){var t=r.indexOf(e);return i.includes(t)}}function p(e,t){if(e)return Object.assign(Object.assign({},e),{args:e.args||[t.id,i.a.slugify(t.name)]})}function v(e,t){var n=e.name,r=e.description,a={};return Array.isArray(t)?{name:n,description:r}:(e.name&&(a.name=n),e.description&&(a.description=r),Object.assign(Object.assign({},t),a))}function y(e){switch(e){case s.a.Playlists:return g;case s.a.Videos:return h;case s.a.FeedVideos:return w;case s.a.Subjects:return E;case s.a.UserChannels:return I;case s.a.Interactives:return S;case s.a.Clips:return C;case s.a.Resources:return k;case s.a.Libraries:case s.a.Folders:return b;case s.a.Series:default:return x}}function g(e,t,n){var r=5;return e===c.a.XS?r=2:e===c.a.SM?r=3:e===c.a.MD&&(r=4),n<r&&(r=n),r}function b(e,t,n){var r=3;return e===c.a.XS||e===c.a.SM?r=1:e===c.a.MD?r=2:e===c.a.LG&&(r=3),n<r&&(r=n),r}function h(e,t,n){var r=4;return e===c.a.XS?r=2:e===c.a.SM?r=3:e===c.a.MD?r=4:e!==c.a.LG&&e!==c.a.XL&&e!==c.a.XXL||(r=t===u.WidgetType.LargeRow||n<4?3:4),n<r&&(r=n),r}function w(e,t,n){return 1}function E(e,t,n){var r=6;return e===c.a.SM||e===c.a.XS?r=3:e===c.a.MD?r=4:e===c.a.LG?r=5:e!==c.a.XL&&e!==c.a.XXL||(r=6),n<r&&(r=n),r}function I(e,t,n){var r=6;return e===c.a.XS?r=2:e===c.a.SM?r=3:e===c.a.MD||e===c.a.LG?r=4:e!==c.a.XL&&e!==c.a.XXL||(r=6),n<r&&(r=n),r}function S(e,t,n){var r=3;return e!==c.a.MD&&e!==c.a.SM||(r=2),e===c.a.XS&&(r=1),n<Math.ceil(r)&&(r=n),r}function C(e,t,n){var r=3;return e!==c.a.MD&&e!==c.a.SM||(r=2),e===c.a.XS&&(r=1),n<Math.ceil(r)&&(r=n),r}function k(e,t,n){var r=4;return e===c.a.SM&&(r=3),e===c.a.XS&&(r=2),n<r&&(r=n),r}function x(e,t,n){var r=4;return e===c.a.XS?r=2:e===c.a.SM&&(r=3),n<r&&(r=n),r}function N(e,t,n,r,a,i,o){return function(c){var l=c.touches.item(0).clientX;a||(t.current.style.transition="",r(t.current.getBoundingClientRect().width),i(l));var s=(a-l)/n*100;(s<0&&e.offset===e.viewableItems||s>0&&e.offset===e.collection.length)&&(s=0),o(s)}}function O(e,t,n,r,a){return function(){if(e.current.style.transition="transform .4s ease-in-out",t(null),Math.abs(n)>=7.5){var i=n>0?l.a.Next:l.a.Previous;a({type:i})}r(0)}}function A(e,t,n,r,a){return!!e||(a<=r||(!t||n===r))}function T(e,t,n,r,a,i){return!!e||(a<=r||n!==r&&(!t||!i&&a<=n))}},1219:function(e,t){},1220:function(e,t){},1221:function(e,t){},1222:function(e,t){},1223:function(e,t){},1224:function(e,t){},1225:function(e,t){},1228:function(e,t,n){e.exports={uncheckedBackground:"_3OcAr"}},1229:function(e,t,n){"use strict";var r=n(0),a=n.n(r),i=n(3),o=n(29),c=(n(791),n(792),n(2)),l=n(91),s=n(1125),u=n(1098);n(1320);function d(e){return(d="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 m(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function f(){return(f="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(e,t,n){var r=p(e,t);if(r){var a=Object.getOwnPropertyDescriptor(r,t);return a.get?a.get.call(arguments.length<3?e:n):a.value}}).apply(this,arguments)}function p(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=b(e)););return e}function v(e,t){return(v=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function y(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=b(e);if(t){var a=b(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return g(this,n)}}function g(e,t){if(t&&("object"===d(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}function b(e){return(b=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var h=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}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&v(e,t)}(i,e);var t,n,r,a=y(i);function i(e,t){var n;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i),(n=a.call(this,e,t)).timepoint_=t.timepoint,n.time_=t.timepoint.visibleAt/1e3;var r=t.timepoint.interactions[0];r||n.hide();var o=u.a.getTypeInfo(r.typeId).bgClassName;return n.$(".vjs-icon-placeholder").classList.add(o),n.controlText(r.name),n.update(),n}return t=i,(n=[{key:"buildCSSClass",value:function(){return"cv-interactive-bar-item ".concat(f(b(i.prototype),"buildCSSClass",this).call(this))}},{key:"createEl",value:function(e,t,n){return f(b(i.prototype),"createEl",this).call(this,e,Object.assign(Object.assign({},t),{className:this.buildCSSClass()}),Object.assign(Object.assign({},n),{tabIndex:0}))}},{key:"update",value:function(){var e=this.player_.duration(),t=this.time_/e;this.el().style.left=100*t+"%",t>100||t<0?this.hide():this.show()}},{key:"handleClick",value:function(e){e.stopPropagation(),this.player_.currentTime(this.time_)}}])&&m(t.prototype,n),r&&m(t,r),Object.defineProperty(t,"prototype",{writable:!1}),i}(c.a.getComponent("Button"));n(1321);function w(e){return(w="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 E(e){return function(e){if(Array.isArray(e))return I(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return I(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return I(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function I(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function S(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 C(){return(C="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(e,t,n){var r=k(e,t);if(r){var a=Object.getOwnPropertyDescriptor(r,t);return a.get?a.get.call(arguments.length<3?e:n):a.value}}).apply(this,arguments)}function k(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=T(e)););return e}function x(e,t){return(x=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function N(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=T(e);if(t){var a=T(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return O(this,n)}}function O(e,t){if(t&&("object"===w(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return A(e)}function A(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function T(e){return(T=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var j=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}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&x(e,t)}(i,e);var t,n,r,a=N(i);function i(e,t){var n;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i),(n=a.call(this,e,t)).track_=t.track,n.interactive_=t.interactive,n.onDurationChange=n.onDurationChange.bind(A(n)),n.createInteractionItems=n.createInteractionItems.bind(A(n)),n.createInteractionItems(),n.track_.on("cv:cuechange",n.createInteractionItems),n.player_.on("durationchange",n.onDurationChange),n.player_.on("dispose",(function(){n.track_.off("cv:cuechange"),n.player_.off("durationchange",n.onDurationChange)})),n}return t=i,(n=[{key:"buildCSSClass",value:function(){return"cv-interactive-bar-items ".concat(C(T(i.prototype),"buildCSSClass",this).call(this))}},{key:"createEl",value:function(e,t,n){return C(T(i.prototype),"createEl",this).call(this,e,Object.assign(Object.assign({},t),{className:this.buildCSSClass()}),n)}},{key:"update",value:function(){this.children_.forEach((function(e){e.update()}))}},{key:"createInteractionItems",value:function(){var e,t=this;if(this.track_){E(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 h(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()}))}}])&&S(t.prototype,n),r&&S(t,r),Object.defineProperty(t,"prototype",{writable:!1}),i}(c.a.getComponent("Component")),P=n(281),R=n(1193);function F(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,a,i=[],o=!0,c=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(c)throw a}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return L(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return L(e,t)}(e,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 L(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var M=n(393),_=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 D(e){return!!(null==e?void 0:e.toString().startsWith("new_"))}function U(e){e.error,e.hasChanges,e.submitted,e.spinner;return _(e,["error","hasChanges","submitted","spinner"])}var q=n(329);function B(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 V=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))},z=function(){return"/api/domain/v1/interactions/bulk"},W=function(e){return"/api/domain/v1/interactions/bulk/".concat(e)},H=function(e){return"/api/domain/v1/interactions/".concat(e)},Q=function(){return"/api/domain/v1/timepoints"},X=function(e){return"/api/domain/v1/timepoints/".concat(e)},G=function(e){return"/api/domain/v1/timepoints/".concat(e)},K={},$=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 V(this,void 0,void 0,regeneratorRuntime.mark((function t(){var n,r,a,i,o;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return n=D(e.id),r=n?z():W(e.id),a={name:e.name,data:e.data,timepointId:e.timepointId,interactiveId:e.interactiveId,typeId:e.typeId,actionableItems:e.actionableItems,order:e.order},n||(a.id=e.id),i=n?q.a.post(r,JSON.stringify(a),K):q.a.put(r,JSON.stringify(a),K),t.next=7,i;case 7:o=t.sent,n&&(e.id=o.id);case 9:case"end":return t.stop()}}),t)})))}},{key:"deleteInteraction",value:function(e){return V(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,q.a.delete(H(e),K);case 2:case"end":return t.stop()}}),t)})))}},{key:"saveTimepoint",value:function(e){return V(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,q.a.post(Q(),JSON.stringify(n),K);case 3:r=t.sent,e.id=r.id;case 5:case"end":return t.stop()}}),t)})))}},{key:"updateTimepoint",value:function(e){return V(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,q.a.put(G(e.id),JSON.stringify(e),K);case 2:case"end":return t.stop()}}),t)})))}},{key:"deleteTimepoint",value:function(e){return V(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,q.a.delete(X(e),K);case 2:case"end":return t.stop()}}),t)})))}}])&&B(t.prototype,n),r&&B(t,r),Object.defineProperty(t,"prototype",{writable:!1}),e}()),Y=n(395),Z=n(161),J=n(233);function ee(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 te=n(177),ne=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))},re=/[.\?!,;:\-''\(\)]/g;function ae(e){for(var t=e.split("");t.length&&t[0].match(re);)t.shift();for(;t.length&&t[t.length-1].match(re);)t.pop();return t.join("")}function ie(e,t){for(var n=e.split(""),r=[],a=[];n.length&&n[0].match(re);)r.push(n.shift());for(;n.length&&n[n.length-1].match(re);)a.unshift(n.pop());return r.join("")+t+a.join("")}function oe(e){return e.map((function(e){if(!e.selected)return e.text;var t=ae(e.text).length,n=new Array(t).fill("_").join("");return ie(e.text,n)})).join(" ")}function ce(e){return e.map((function(e){var t;return e.selected?null===(t=ie(e.text,"{".concat(e.order,"}")))||void 0===t?void 0:t.trim():e.text})).join(" ")}var le=n(1213),se=n(1200),ue=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))};var de=n(35);function me(e){var t=a.a.useRef(null);function n(){e.onChange(Object.assign(Object.assign({},e.answer),{isCorrect:!e.answer.isCorrect}))}return a.a.createElement("li",{className:"p-1 my-1 w-100 bg-white d-flex align-items-center border rounded"},a.a.createElement("div",{className:"custom-control ".concat(e.isTrueOrFalse?"custom-radio":"custom-checkbox"),onKeyDown:function(e){return"Enter"===e.key&&n()}},a.a.createElement("input",{id:"multiple-choice--".concat(e.answer.order),type:e.isTrueOrFalse?"radio":"checkbox",className:"custom-control-input mr-2",name:"multiple-choice-answer",checked:e.answer.isCorrect,onChange:n,disabled:!e.answer.name}),a.a.createElement("label",{ref:t,htmlFor:"multiple-choice--".concat(e.answer.order),className:"cursor-pointer custom-control-label"})),e.isTrueOrFalse?a.a.createElement("label",{className:"mb-0",htmlFor:"multiple-choice--".concat(e.answer.order)},e.answer.name):a.a.createElement("input",{placeholder:"Answer",onChange:function(t){e.onChange(Object.assign(Object.assign({},e.answer),{name:t.target.value}))},value:e.answer.name,className:"border-0 outline-none w-100",autoComplete:"off"}))}n(1322);var fe=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))};function pe(e){var t;if(!(null===(t=e.question)||void 0===t?void 0:t.trim()))return"Please provide a question";if(!e.answers.find((function(e){return e.isCorrect})))return"Please select the correct answer";var n=e.answers.filter((function(e){var t;return!!(null===(t=e.name)||void 0===t?void 0:t.trim())}));if(n.length<2)return"Please provide at least two answers";var r=!1,a={};return n.forEach((function(e){r||(a[e.name]?r=!0:a[e.name]=!0)})),r?"There are duplicates in your answers":null}function ve(e,t){var n;return fe(this,void 0,void 0,regeneratorRuntime.mark((function r(){return regeneratorRuntime.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return t.name=null===(n=e.question)||void 0===n?void 0:n.trim(),t.actionableItems=e.answers.filter((function(e){var t;return!!(null===(t=e.name)||void 0===t?void 0:t.trim())})),e.feedback&&(t.data.feedback=e.feedback),r.next=5,$.saveInteraction(t);case 5:case"end":return r.stop()}}),r)})))}function ye(e){var t=e.state,n=void 0===t?function(e){var t,n=e.typeId===Z.InteractionTypeId.TrueOrFalse,r=null===(t=e.actionableItems)||void 0===t?void 0:t.map((function(e){return{order:e.order,name:e.name,isCorrect:e.isCorrect}}));return(null==r?void 0:r.length)?!n&&(null==r?void 0:r.length)<4&&r.push({order:r.length,name:"",isCorrect:!1}):r=[{order:0,name:n?"True":"",isCorrect:!1},{order:1,name:n?"False":"",isCorrect:!1}],{question:e.name||"",answers:r,feedback:e.data.feedback||""}}(e.interaction):t,r=e.setState,i=e.interaction,o=e.optionsPortalNode,c=e.showFeedback,l=i.typeId===Z.InteractionTypeId.TrueOrFalse;function s(e){var t=n.answers.map((function(t){return t.order!==e.order?Object.assign(Object.assign({},t),{isCorrect:!l&&t.isCorrect}):e}));if(t.find((function(e){return!e.name}))&&(t=function(e){var t=e.find((function(e){return!e.name}));if(e.length>2)return e.filter((function(e){return e.order!==t.order})).map((function(e,t){return Object.assign(Object.assign({},e),{order:t})}));return e.map((function(e){return e.order!==t.order?e:Object.assign(Object.assign({},e),{isCorrect:!1})}))}(t)),!l&&t.length<4&&!t.find((function(e){return!e.name}))){var a=de.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(J.b,{node:o})),a.a.createElement("input",{id:"multiple-choice-question",className:"form-control",placeholder:"Enter your question here",value:n.question,onChange:function(e){r(Object.assign(Object.assign({},n),{question:e.target.value}))},autoComplete:"off"}),!n.question&&a.a.createElement(ee,{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(me,{key:e.order,answer:e,onChange:s,isTrueOrFalse:l})})),n.question&&a.a.createElement(ee,{error:n.error})),c&&l&&a.a.createElement("div",{className:"form-group mb-0"},a.a.createElement("label",{className:"cv-true-or-false-feedback-label cv-interaction-field-label",htmlFor:"true-or-false-feedback"},"Feedback  ",a.a.createElement("span",{className:"text-muted"},"(optional)")," ",a.a.createElement(se.a,{tooltipText:"Provide answer feedback for your students"})),a.a.createElement(le.a,{id:"true-or-false-feedback",className:"form-control",minRows:2,value:n.feedback||"",onChange:function(e){r(Object.assign(Object.assign({},n),{feedback:e.target.value}))},placeholder:"Give feedback for this question"})))}var ge=n(400),be=n(31),he=n(409);function we(){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 Ee(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,a,i=[],o=!0,c=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(c)throw a}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Ie(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 Ie(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 Ie(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=Ee(a.a.useState(!1),2),n=t[0],r=t[1],i=Ee(a.a.useState(0),2),o=i[0],c=i[1];return a.a.useEffect((function(){0===o&&n&&r(!1)}),[o,n,r]),a.a.createElement("div",{onDragOver:function(e){e.preventDefault(),e.stopPropagation()},onDragEnter:function(e){e.preventDefault(),e.stopPropagation(),c((function(e){return e+1})),e.dataTransfer.items&&e.dataTransfer.items.length>0&&!n&&r(!0)},onDragLeave:function(e){e.preventDefault(),e.stopPropagation(),c((function(e){return e-1}))},onDrop:function(t){t.preventDefault(),t.stopPropagation(),r(!1),o>0&&c(0),t.dataTransfer.files&&t.dataTransfer.files.length>0&&(e.onDropImage(t.dataTransfer.files),t.dataTransfer.clearData())},className:n?"cv-image-upload-mask":""},e.children)}n(1323);var Ce=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))};var ke=n(1282),xe=n(1488),Ne=n(1495),Oe={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 Ae(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,a,i=[],o=!0,c=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(c)throw a}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Te(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Te(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Te(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function je(e){var t=Ae(a.a.useState(""),2),n=t[0],r=t[1],i=Ae(a.a.useState(""),2),o=i[0],c=i[1];return a.a.createElement("div",{"aria-haspopup":"true","aria-expanded":e.expanded,"aria-label":"rdw-color-picker"},a.a.createElement("div",{className:"rdw-option-wrapper cv-annotation-toolbar-option cv-annotation-link",onClick:e.onExpandEvent}," "),e.expanded&&a.a.createElement("div",{className:"rdw-link-modal",onClick:function(e){return e.stopPropagation()}},a.a.createElement("div",{className:"form-group"},a.a.createElement("label",{className:"cv-interaction-field-label",htmlFor:"cv-annotation-url"},"URL"),a.a.createElement("input",{id:"cv-annotation-url",className:"form-control",onChange:function(e){return r(e.target.value)},value:n,placeholder:"Enter URL",autoComplete:"off"})),a.a.createElement("div",{className:"form-group"},a.a.createElement("label",{className:"cv-interaction-field-label",htmlFor:"cv-annotation-text"},"Text"),a.a.createElement("input",{id:"cv-annotation-text",className:"form-control",onChange:function(e){return c(e.target.value)},value:o,placeholder:"Enter Text",autoComplete:"off"})),a.a.createElement(te.a,{onClick:function(){return e.onChange("link",o||n,n,"_blank")},className:"btn btn-dark"},"Add")))}n(1328);function Pe(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,a,i=[],o=!0,c=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(c)throw a}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Re(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 Re(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 Re(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 Fe,Le,Me,_e=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))};function De(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Ue=(De(Fe={},Z.InteractionTypeId.Annotation,(function(e){var t=e.state,n=void 0===t?function(e){var t;return{annotation:(null===(t=e.data)||void 0===t?void 0:t.annotation)||""}}(e.interaction):t,r=e.setState,i=e.interaction,o=e.optionsPortalNode,c=Pe(a.a.useState(function(){var e=i.data.annotation;if(e){var t=Object(Ne.a)(Oe)(e);return ke.EditorState.createWithContent(t)}return ke.EditorState.createEmpty()}()),2),l=c[0],s=c[1],u=Pe(a.a.useState(null),2),d=u[0],m=u[1];return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("div",{className:"form-group"},a.a.createElement("div",{className:"d-flex justify-content-between align-items-center mb-1"},a.a.createElement("label",{className:"cv-interaction-field-label mb-0",onClick:function(){return null==d?void 0:d.focusEditor()}},"Annotation"),a.a.createElement(J.b,{node:o})),a.a.createElement("div",{className:"cv-annotation ".concat(function(){if(!l)return!1;var e=l.getCurrentContent();return e.hasText()||"unstyled"!==e.getBlockMap().first().getType()}()?"Editor--hide-placeholder":"")},l&&a.a.createElement(xe.Editor,{editorState:l,onEditorStateChange:function(e){s(e);var t=e.getCurrentContent();if(t.hasText()){var a=Object(Ne.b)(Oe)(t);r(Object.assign(Object.assign({},n),{annotation:a}))}else r(Object.assign(Object.assign({},n),{annotation:""}))},toolbarClassName:"cv-annotation-toolbar",editorClassName:"form-control cv-annotation-editor",ref:m,placeholder:"Enter your annotation here",toolbar:{options:["inline","list","link"],inline:{options:["bold","italic","underline","superscript","subscript"],bold:{className:"cv-annotation-toolbar-option cv-annotation-bold",icon:""},italic:{className:"cv-annotation-toolbar-option cv-annotation-italic",icon:""},underline:{className:"cv-annotation-toolbar-option cv-annotation-underline",icon:""},superscript:{className:"cv-annotation-toolbar-option cv-annotation-superscript",icon:""},subscript:{className:"cv-annotation-toolbar-option cv-annotation-subscript",icon:""}},list:{options:["unordered","ordered"],unordered:{className:"cv-annotation-toolbar-option cv-annotation-bullet-list",icon:""},ordered:{className:"cv-annotation-toolbar-option cv-annotation-number-list",icon:""}},link:{component:je,options:["link"]}}}),a.a.createElement(ee,{error:n.error}))))})),De(Fe,Z.InteractionTypeId.Image,(function(e){var t=e.state,n=void 0===t?function(e){var t;return{url:(null===(t=e.data)||void 0===t?void 0:t.url)||"",caption:e.data.caption}}(e.interaction):t,r=e.setState,i=e.interaction,o=e.optionsPortalNode;Object(he.a)();var c=a.a.useRef(null);function l(e){e&&e[0]&&ge.a.onFileSelect(be.c.None,e,(function(e){Y.a.renderCropper({src:e.src,alt:"",onClickCrop:s})}))}function s(t){var a=t.split(",")[1];q.a.post("".concat(e.imageApi,"v2/thumbnails/base64"),'"'.concat(a,'"'),{tokenName:"gateway"}).then((function(e){r(Object.assign(Object.assign({},n),{url:e.location}))})).catch((function(){return alert("Something went wrong while trying to upload image. Please try again.")}))}return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("div",{className:"form-group"},a.a.createElement("div",{className:"d-flex justify-content-between align-items-center mb-1"},a.a.createElement("label",{className:"cv-interaction-field-label mb-0"},"Image"),a.a.createElement(J.b,{node:o})),n.url?a.a.createElement("div",{className:"text-center"},a.a.createElement("div",{className:"cv-uploaded-image-container"},a.a.createElement("img",{className:"img img-fluid",src:n.url,alt:n.caption}),a.a.createElement(te.a,{className:"cv-remove-uploaded-image d-flex justify-content-center align-items-center",onClick:function(){r(Object.assign(Object.assign({},n),{url:""}))}},a.a.createElement("div",{className:"btn btn-link text-light"},"Remove")))):a.a.createElement(Se,{onDropImage:l},a.a.createElement("div",{className:"cv-image-interaction-upload-container rounded py-4 text-center"},a.a.createElement("div",{className:"svg-container xlg mb-2"},a.a.createElement(we,null)),a.a.createElement("p",{className:"mb-0"},"Drag and drop an image file or"),a.a.createElement(te.a,{type:"button",className:"text-underline d-inline-block",onClick:function(){c.current.value=null,c.current.click(null)}},"upload from your device"),a.a.createElement("input",{type:"file",autoComplete:"off",className:"file-select d-none",multiple:!1,accept:"image/jpg,image/jpeg,image/png",ref:c,onChange:function(e){return l(e.target.files)}}))),a.a.createElement(ee,{error:n.error})),a.a.createElement("div",{className:"form-group"},a.a.createElement("label",{className:"cv-interaction-field-label",htmlFor:"image-caption"},"Caption  ",a.a.createElement("span",{className:"text-muted"},"(optional)")),a.a.createElement("textarea",{id:"image-caption",className:"form-control",placeholder:"Caption your image",value:n.caption||i.data.caption||"",onChange:function(e){r(Object.assign(Object.assign({},n),{caption:e.target.value}))},rows:2})))})),De(Fe,Z.InteractionTypeId.MissingWord,(function(e){var t,n,r,i,o,c,l=e.state,s=void 0===l?(t=e.interaction,i=(null===(n=t.data)||void 0===n?void 0:n.sentence)||"",o=i.split(" ").filter(Boolean),c=o.map((function(e,t){return{text:e,order:t,selected:!1}})),null===(r=t.actionableItems)||void 0===r||r.forEach((function(e){var t=e.order,n=ie(o[t],e.name);o[t]=n,c[t].text=n,c[t].selected=!0})),{fullSentence:o.join(" "),sentence:i,preview:t.name,words:c}):l,u=e.setState,d=e.optionsPortalNode,m=!!s.sentence;return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("div",{className:"form-group"},a.a.createElement("div",{className:"d-flex justify-content-between align-items-center mb-1"},a.a.createElement("label",{className:"cv-interaction-field-label mb-0",htmlFor:"missing-word-sentence"},"Sentence"),a.a.createElement(J.b,{node:d})),a.a.createElement("input",{id:"missing-word-sentence",className:"form-control",placeholder:"Enter your sentence here",value:s.fullSentence||"",onChange:function(e){var t=e.target.value,n=t.split(" ").filter(Boolean).map((function(e,t){return{text:e,order:t,selected:!1}}));u(Object.assign(Object.assign({},s),{fullSentence:t,sentence:ce(n),preview:oe(n),words:n}))},autoComplete:"off"})),m&&a.a.createElement(a.a.Fragment,null,a.a.createElement("div",{className:"form-group"},a.a.createElement("label",{className:"cv-interaction-field-label"},"Select the missing word(s)"),a.a.createElement("ul",{className:"list-unstyled d-flex flex-wrap mx-n1 mb-n1"},s.words.map((function(e,t){var n;return(null===(n=ae(e.text))||void 0===n?void 0:n.trim())?a.a.createElement("li",{key:"".concat(t,"-").concat(e.text)},a.a.createElement(te.a,{className:"rounded border p-2 mx-1 mb-1 cursor-pointer ".concat(e.selected?"bg-info text-white":"bg-white"),onClick:function(){return e=t,n=s.words.map((function(t){return t.order!==e?t:Object.assign(Object.assign({},t),{selected:!t.selected})})),void u(Object.assign(Object.assign({},s),{words:n,preview:oe(n),sentence:ce(n)}));var e,n}},ae(e.text))):a.a.createElement(a.a.Fragment,{key:"".concat(t,"-").concat(e.text)})})))),a.a.createElement("div",null,a.a.createElement("label",{className:"cv-interaction-field-label"},"Preview"),a.a.createElement("p",null,s.preview))),a.a.createElement(ee,{error:s.error}))})),De(Fe,Z.InteractionTypeId.MultipleChoice,ye),De(Fe,Z.InteractionTypeId.ShortAnswer,(function(e){var t=e.state,n=void 0===t?function(e){return{question:e.name,suggestedResponse:e.data.suggestedResponse||""}}(e.interaction):t,r=e.setState,i=e.interaction,o=e.optionsPortalNode,c=e.showFeedback;return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("div",{className:"form-group"},a.a.createElement("div",{className:"d-flex justify-content-between align-items-center mb-1"},a.a.createElement("label",{className:"cv-interaction-field-label mb-0",htmlFor:"short-answer-question"},"Question"),a.a.createElement(J.b,{node:o})),a.a.createElement("input",{id:"short-answer-question",className:"form-control",onChange:function(e){r(Object.assign(Object.assign({},n),{question:e.target.value}))},value:n.question||i.data.text||"",placeholder:"Enter your question here",autoComplete:"off"}),a.a.createElement(ee,{error:n.error})),c&&a.a.createElement("div",{className:"form-group"},a.a.createElement("label",{className:"cv-interaction-field-label",htmlFor:"short-answer-suggested-response"},"Suggested Response  ",a.a.createElement("span",{className:"text-muted"},"(optional)")," ",a.a.createElement(se.a,{tooltipText:"Provide a suggested response for your students"})),a.a.createElement(le.a,{id:"short-answer-suggested-response",className:"form-control",minRows:2,value:n.suggestedResponse||"",onChange:function(e){r(Object.assign(Object.assign({},n),{suggestedResponse:e.target.value}))},placeholder:"Give a suggested response for this question"})))})),De(Fe,Z.InteractionTypeId.TrueOrFalse,ye),Fe);var qe=(De(Le={},Z.InteractionTypeId.Annotation,(function(e){var t;return(null===(t=e.annotation)||void 0===t?void 0:t.trim())?null:"Please provide an annotation"})),De(Le,Z.InteractionTypeId.Image,(function(e){return e.url?null:"Please upload an image"})),De(Le,Z.InteractionTypeId.MissingWord,(function(e){var t;return(null===(t=e.sentence)||void 0===t?void 0:t.trim())?e.words.find((function(e){return e.selected}))?null:"Please select a missing word":"Please provide a sentence"})),De(Le,Z.InteractionTypeId.MultipleChoice,pe),De(Le,Z.InteractionTypeId.ShortAnswer,(function(e){var t;return(null===(t=e.question)||void 0===t?void 0:t.trim())?null:"Please provide a question"})),De(Le,Z.InteractionTypeId.TrueOrFalse,pe),Le);var Be=(De(Me={},Z.InteractionTypeId.Annotation,(function(e,t){var n;return _e(this,void 0,void 0,regeneratorRuntime.mark((function r(){return regeneratorRuntime.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return t.name="Annotation",t.data.annotation=null===(n=e.annotation)||void 0===n?void 0:n.trim(),t.actionableItems=[{name:"Answer"}],r.next=5,$.saveInteraction(t);case 5:case"end":return r.stop()}}),r)})))})),De(Me,Z.InteractionTypeId.Image,(function(e,t){var n,r;return Ce(this,void 0,void 0,regeneratorRuntime.mark((function a(){return regeneratorRuntime.wrap((function(a){for(;;)switch(a.prev=a.next){case 0:return t.data.url=e.url,t.name=(null===(n=e.caption)||void 0===n?void 0:n.trim())||"Image",t.data.caption=null===(r=e.caption)||void 0===r?void 0:r.trim(),t.actionableItems=[{name:"Answer"}],a.next=6,$.saveInteraction(t);case 6:case"end":return a.stop()}}),a)})))})),De(Me,Z.InteractionTypeId.MissingWord,(function(e,t){return ne(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=ce(e.words),t.name=e.preview,r=e.words.filter((function(e){return e.selected})),t.actionableItems=r.map((function(e){return{name:ae(e.text),order:e.order,isCorrect:!0}})),n.next=6,$.saveInteraction(t);case 6:case"end":return n.stop()}}),n)})))})),De(Me,Z.InteractionTypeId.MultipleChoice,ve),De(Me,Z.InteractionTypeId.ShortAnswer,(function(e,t){var n,r;return ue(this,void 0,void 0,regeneratorRuntime.mark((function a(){return regeneratorRuntime.wrap((function(a){for(;;)switch(a.prev=a.next){case 0:return t.name=null===(n=e.question)||void 0===n?void 0:n.trim(),t.data.suggestedResponse=null===(r=e.suggestedResponse)||void 0===r?void 0:r.trim(),t.actionableItems=[{name:"Answer"}],a.next=5,$.saveInteraction(t);case 5:case"end":return a.stop()}}),a)})))})),De(Me,Z.InteractionTypeId.TrueOrFalse,ve),Me);function Ve(e){return Be[e]}var ze=n(1161),We=n(1),He=["A","B","C","D"];function Qe(e){var t=e.interaction,n=e.className,r=u.a.getTypeInfo(t.typeId),i=r.name,o=r.typeName,c="";switch(t.typeId){case Z.InteractionTypeId.Annotation:c=t.data.annotation;break;case Z.InteractionTypeId.Image:c=t.data.caption;break;case Z.InteractionTypeId.MissingWord:c=t.data.sentence.replace(/{([^{}]*)}/g,(function(){return"<u>&nbsp;&nbsp;&nbsp;&nbsp;</u>"}));break;case Z.InteractionTypeId.MultipleChoice:c=t.name,t.actionableItems.map((function(e,t){return c+="<br />".concat(He[t],": ").concat(e.name)}));break;case Z.InteractionTypeId.ShortAnswer:c=t.name;break;case Z.InteractionTypeId.TrueOrFalse:c="True or false: ".concat(t.name)}var l=t.typeId===Z.InteractionTypeId.Annotation||t.typeId===Z.InteractionTypeId.MissingWord||t.typeId===Z.InteractionTypeId.MultipleChoice;return a.a.createElement(ze.a,{title:i,text:c,html:l,className:"pr-2 ".concat(n||""),analyticsData:{id:t.interactiveId,type:o},analyticsOptions:{location:We.LocationContext.InteractivePlayer,entity:We.EntityType.Interactive,actionType:We.UserAction.Click,descriptor:We.ClickDescriptor.LaunchImmersiveReader}})}n(1329);function Xe(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 Ge,Ke,$e=n(1113);function Ye(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Ze(){return $e.a.NotApplicable}function Je(e,t){var n=e.actionableItems.filter((function(e){return e.isCorrect}));return n.every((function(e){return!t(e.id)}))?$e.a.UnAnswered:n.every((function(e){var n;return e.name.trim().toLowerCase()===(null===(n=t(e.id))||void 0===n?void 0:n.trim().toLowerCase())}))?$e.a.Correct:$e.a.Incorrect}function et(e,t){return e.actionableItems.every((function(e){return!t(e.id)}))?$e.a.UnAnswered:e.actionableItems.filter((function(e){return e.isCorrect})).every((function(e){return t(e.id)===e.name}))?$e.a.Correct:$e.a.Incorrect}function tt(e,t){var n;return e.actionableItems.forEach((function(e){var r=t(e.id);n=r?r.status!==Ge.Correct?r.status!==Ge.Incorrect?$e.a.AwaitingMarking:$e.a.Incorrect:$e.a.Correct:$e.a.UnAnswered})),n}function nt(e,t){return function(n){var r=t.attempts.find((function(t){return t.id===e.id}));return null==r?void 0:r.answers.find((function(e){return e.id===n}))}}function rt(e,t){var n=nt(e,t);return et(e,(function(e){var t=n(e);return null==t?void 0:t.text}))}!function(e){e[e.Incorrect=0]="Incorrect",e[e.Correct=1]="Correct",e[e.PendingReview=2]="PendingReview"}(Ge||(Ge={}));var at=(Ye(Ke={},Z.InteractionTypeId.Annotation,Ze),Ye(Ke,Z.InteractionTypeId.Image,Ze),Ye(Ke,Z.InteractionTypeId.MissingWord,(function(e,t){var n=nt(e,t);return Je(e,(function(e){var t=n(e);return null==t?void 0:t.text}))})),Ye(Ke,Z.InteractionTypeId.MultipleChoice,rt),Ye(Ke,Z.InteractionTypeId.ShortAnswer,(function(e,t){return tt(e,nt(e,t))})),Ye(Ke,Z.InteractionTypeId.TrueOrFalse,rt),Ke);var it={notApplicable:Ze,awaitingMarking:function(){return $e.a.AwaitingMarking},isMissingWordCorrect:Je,isMultipleChoiceCorrect:et,isShortAnswerMarkedCorrect:tt,isInteractionCorrect:function(e,t){return(0,at[e.typeId])(e,t)}};n(1330);function ot(e){return(ot="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 ct=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n};var lt=n(269),st=n(69),ut=n(28),dt=n(381),mt=n(1331),ft=n.n(mt),pt=["A","B","C","D"];function vt(e){var t=1===e.interaction.actionableItems.filter((function(e){return e.isCorrect})).length;function n(t,n){e.onSelectAnswer&&e.onSelectAnswer(t,n)}return a.a.createElement(a.a.Fragment,null,e.interaction.actionableItems.map((function(r,i){var o=e.getSelectedAnswer(r.id);if(e.onlyShowSelectedAnswer&&!o)return a.a.createElement(a.a.Fragment,{key:i});var c=o?"bg-info text-white":e.unCheckedBackground,l=function(){return a.a.createElement(a.a.Fragment,null,pt[i])};e.showFeedback&&(c=r.isCorrect?"bg-success text-white":"bg-danger text-white ".concat(ft.a.incorrect),e.hideFeedbackIcons||(l=function(){return a.a.createElement(a.a.Fragment,null,r.isCorrect?a.a.createElement(st.a,{size:st.b.Small,svgName:ut.b.Check}):a.a.createElement(st.a,{size:st.b.Small,svgName:ut.b.Close}))}));var s=e.showFeedback?{}:{role:"button",tabIndex:0,onKeyDown:function(e){return"Enter"===e.key&&n(r,!o)}};return a.a.createElement(a.a.Fragment,{key:i},a.a.createElement("input",{id:r.id,type:t?"radio":"checkbox",name:"multiple-choice",checked:!!o,onChange:function(){return n(r,!o)},disabled:e.showFeedback,hidden:!0,tabIndex:-1}),a.a.createElement("label",Object.assign({className:"\n                d-block\n                rounded-lg\n                shadow-sm\n                mb-2\n                ".concat("sm"===e.size?"p-2":"p-3","\n                d-flex\n                justify-content-between\n                position-relative\n                ").concat(e.showFeedback?"":"cursor-pointer","\n                ").concat(ft.a.answer,"\n                ").concat(c),key:i,htmlFor:r.id},s),a.a.createElement("span",{className:"d-inline-block mr-3 cv-multiple-choice-bullet"},a.a.createElement(l,null)),a.a.createElement("span",{className:"flex-grow-1 pr-4"},r.name),!e.onlyShowSelectedAnswer&&a.a.createElement("span",{className:ft.a.avatarContainer},o&&a.a.createElement(dt.a,{imageCdnUrl:e.imageApi,initials:e.userInitials,imageUrl:e.userAvatar}))))})))}vt.defaultProps={size:"lg",unCheckedBackground:"bg-white"};n(1332);function yt(e){return(yt="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 gt(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var bt=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n};var ht=n(1333),wt=n.n(ht);function Et(e){function t(t){e.onSelectAnswer&&e.onSelectAnswer(t)}return a.a.createElement("div",{className:"d-flex ".concat(e.className?e.className:""," ").concat("sm"===e.size?"mx-n1":"mx-n2")},e.interaction.actionableItems.map((function(n,r){var i=e.getSelectedAnswer(n.id),o=i?"bg-info text-white":e.unCheckedBackground,c=function(){return a.a.createElement(a.a.Fragment,null)};e.showFeedback&&(o=n.isCorrect?"bg-success text-white":"bg-danger text-white ".concat(wt.a.incorrect),e.hideFeedbackIcons||(c=function(){return a.a.createElement(a.a.Fragment,null,n.isCorrect?a.a.createElement(st.a,{size:st.b.Small,svgName:ut.b.Check}):a.a.createElement(st.a,{size:st.b.Small,svgName:ut.b.Close}))}));var l=e.showFeedback?{}:{role:"button",tabIndex:0,onKeyDown:function(e){return"Enter"===e.key&&t(n)}};return a.a.createElement("label",Object.assign({key:r,htmlFor:n.id,className:"\n              d-inline-block\n              rounded-lg\n              shadow-sm\n              my-0\n              position-relative\n              overflow-hidden\n              ".concat("sm"===e.size?"p-4 mx-1 h5":"p-5 mx-2 h4","\n              ").concat(e.showFeedback?"":"cursor-pointer","\n              ").concat(o)},l),a.a.createElement("input",{id:n.id,type:"radio",name:"multiple-choice",checked:!!i,onChange:function(){return t(n)},disabled:e.showFeedback,hidden:!0}),n.name,a.a.createElement("span",{className:"position-absolute p-2 ".concat(wt.a.feedback)},a.a.createElement(c,null)),a.a.createElement("span",{className:"".concat(wt.a.avatarContainer).concat("sm"===e.size?" ".concat(wt.a.avatarContainerSmall):"")},i&&a.a.createElement(dt.a,{imageCdnUrl:e.imageApi,initials:e.userInitials,imageUrl:e.userAvatar})))})))}Et.defaultProps={size:"lg",unCheckedBackground:"bg-white"};var It,St,Ct,kt,xt;function Nt(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Ot=function(){return!0},At=function(){return!1},Tt=(Nt(It={},Z.InteractionTypeId.Annotation,At),Nt(It,Z.InteractionTypeId.Image,At),Nt(It,Z.InteractionTypeId.MissingWord,Ot),Nt(It,Z.InteractionTypeId.MultipleChoice,Ot),Nt(It,Z.InteractionTypeId.ShortAnswer,(function(e){return!!e.data.suggestedResponse})),Nt(It,Z.InteractionTypeId.TrueOrFalse,Ot),It);function jt(e){return Tt[e]}var Pt=(Nt(St={},Z.InteractionTypeId.Annotation,(function(e){var t=e.interaction.data.annotation.replace(/<(a)(.*?)>/g,'<$1 target="_blank" $2>');return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("div",{className:"mb-2",dangerouslySetInnerHTML:{__html:t}}),a.a.createElement(Qe,{interaction:e.interaction}))})),Nt(St,Z.InteractionTypeId.Image,(function(e){var t=e.interaction,n=e.recalculateScroll,r=a.a.useCallback((function(e){e&&(e.onload=function(){n()})}),[]);return a.a.createElement("div",{className:"cv-interactive-question cv-image-interactive"},a.a.createElement("div",{className:"cv-image-container text-center"},a.a.createElement("img",{className:"img-fluid shadow-lg",src:t.data.url,ref:r}),t.data.caption&&a.a.createElement(a.a.Fragment,null,a.a.createElement("p",{className:"mt-3"},t.data.caption,a.a.createElement(Qe,{interaction:e.interaction,className:"ml-2"})))))})),Nt(St,Z.InteractionTypeId.MissingWord,(function(e){var t=e.state,n=e.setState,r=e.interaction,i=e.showFeedback,o=r.data.sentence.replace(/{([^{}]*)}/g,(function(e,t){return"{".concat("cv-missing-word-").concat(t,"}")})).split(/{([^{}]*)}/g);function c(e,r){if(r.stopPropagation(),r.target.value){var a,i,o;n((a={},i=e.id,o=r.target.value,i in a?Object.defineProperty(a,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):a[i]=o,a))}else{var c=t,l=e.id,s=(c[l],ct(c,["symbol"===ot(l)?l:l+""]));n(s,!0)}}return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("div",{className:"mb-2"},o.map((function(e,n){var o;if(!e.startsWith("cv-missing-word-"))return e;var l=e.replace("cv-missing-word-",""),s=r.actionableItems.find((function(e){return e.order.toString()===l}));if(s){var u,d,m=t[s.id]||"",f=(u=s.name,(d=document.createElement("canvas").getContext("2d")).font="17pt arial",d.measureText(u).width);if(i){var p=s.name.toLowerCase().toString()===(null===(o=t[s.id])||void 0===o?void 0:o.toLowerCase().toString());return a.a.createElement(a.a.Fragment,{key:n},!p&&a.a.createElement(a.a.Fragment,null,a.a.createElement("del",{className:"text-danger"},m)," "),a.a.createElement("span",{className:"text-success"},s.name))}return a.a.createElement("span",{className:"cv-missing-word-input-container",key:n},a.a.createElement("input",{style:{width:f/16+"rem"},onChange:function(e){return c(s,e)},value:m,disabled:!!t.submitted,className:"cv-missing-word-input",autoComplete:"off"}))}}))),a.a.createElement(Xe,{error:t.error}),a.a.createElement(Qe,{interaction:e.interaction}))})),Nt(St,Z.InteractionTypeId.MultipleChoice,(function(e){var t=e.state,n=e.setState,r=e.interaction,i=e.showFeedback,o=e.imageApi,c=e.currentUser,l=1===r.actionableItems.filter((function(e){return e.isCorrect})).length;return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("p",null,r.name,a.a.createElement(Qe,{interaction:e.interaction,className:"ml-2"})),!l&&a.a.createElement("p",{className:"text-muted"},a.a.createElement("small",null,"This question has multiple correct answers")),a.a.createElement(vt,{interaction:r,showFeedback:i,onSelectAnswer:function(e,r){if(!t.submitted)if(l)n(gt({},e.id,e.name),!0);else if(r)n(gt({},e.id,e.name));else{var a=t,i=e.id,o=(a[i],bt(a,["symbol"===yt(i)?i:i+""]));n(o,!0)}},getSelectedAnswer:function(e){return t[e]},imageApi:o.toString(),userInitials:lt.a.getInitials(c.givenName,c.familyName),userAvatar:c.avatar}),a.a.createElement(Xe,{error:t.error}))})),Nt(St,Z.InteractionTypeId.ShortAnswer,(function(e){var t=e.interaction,n=e.state,r=e.setState;return e.showFeedback?a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("p",null,t.name),a.a.createElement("label",{className:"cv-interaction-field-label"},"My answer"),a.a.createElement("p",null,n[t.actionableItems[0].id]),t.data.suggestedResponse&&a.a.createElement(a.a.Fragment,null,a.a.createElement("label",{className:"cv-interaction-field-label mt-1"},"Teacher's suggested answer"),a.a.createElement("p",null,t.data.suggestedResponse))):a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("p",null,t.name,a.a.createElement(Qe,{interaction:t,className:"ml-2"})),a.a.createElement(le.a,{id:"short-answer-answer",className:"form-control mt-2",minRows:3,value:n[t.actionableItems[0].id]||"",onChange:function(e){var a,i,o;r(Object.assign(Object.assign({},n),(a={},i=t.actionableItems[0].id,o=e.target.value,i in a?Object.defineProperty(a,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):a[i]=o,a)))},disabled:!!n.submitted}),a.a.createElement(Xe,{error:n.error}))})),Nt(St,Z.InteractionTypeId.TrueOrFalse,(function(e){var t=e.state,n=e.setState,r=e.interaction,i=e.showFeedback,o=e.imageApi,c=e.currentUser,l=r.actionableItems.find((function(e){return e.isCorrect}));return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("p",null,r.name,a.a.createElement(Qe,{interaction:e.interaction,className:"ml-2"})),a.a.createElement(Et,{className:"justify-content-center",interaction:r,showFeedback:i,onSelectAnswer:function(e){var r,a,i;t.submitted||n((r={},a=e.id,i=e.name,a in r?Object.defineProperty(r,a,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[a]=i,r),!0)},getSelectedAnswer:function(e){return t[e]},imageApi:o.toString(),userInitials:lt.a.getInitials(c.givenName,c.familyName),userAvatar:c.avatar}),i&&a.a.createElement("div",{className:"text-center px-5 mt-3"},a.a.createElement("p",null,"The answer is ",a.a.createElement("strong",null,l.name)),r.data.feedback&&a.a.createElement("p",null,r.data.feedback)),a.a.createElement(Xe,{error:t.error}))})),St);function Rt(){return""}var Ft=(Nt(Ct={},Z.InteractionTypeId.Annotation,Rt),Nt(Ct,Z.InteractionTypeId.Image,Rt),Nt(Ct,Z.InteractionTypeId.MissingWord,(function(e,t){var n=Object.keys(e).filter((function(t){var n;return!!(null===(n=e[t])||void 0===n?void 0:n.trim())})).length;return n?n!==t.actionableItems.length?"Please fill in all of the missing words":null:"Please fill in the missing words"})),Nt(Ct,Z.InteractionTypeId.MultipleChoice,(function(e){return Object.keys(e).length?null:"Please choose an answer"})),Nt(Ct,Z.InteractionTypeId.ShortAnswer,(function(e){return Object.keys(e).filter((function(t){var n;return!!(null===(n=e[t])||void 0===n?void 0:n.trim())})).length?null:"Please provide an answer to the question"})),Nt(Ct,Z.InteractionTypeId.TrueOrFalse,(function(e){return Object.keys(e).length?null:"Please choose an answer"})),Ct);var Lt=(Nt(kt={},Z.InteractionTypeId.Annotation,null),Nt(kt,Z.InteractionTypeId.Image,null),Nt(kt,Z.InteractionTypeId.MissingWord,(function(e,t,n){return n(t.id,Object.keys(e).map((function(t){return{actionableItemId:t,value:e[t].toString()}})))})),Nt(kt,Z.InteractionTypeId.MultipleChoice,(function(e,t,n){return n(t.id,Object.keys(e).map((function(t){return{actionableItemId:t,value:e[t]}})))})),Nt(kt,Z.InteractionTypeId.ShortAnswer,(function(e,t,n){return n(t.id,Object.keys(e).map((function(t){return{actionableItemId:t,value:e[t].toString()}})))})),Nt(kt,Z.InteractionTypeId.TrueOrFalse,(function(e,t,n){return n(t.id,Object.keys(e).map((function(t){return{actionableItemId:t,value:e[t]}})))})),kt);function Mt(e){return Lt[e]}var _t=(Nt(xt={},Z.InteractionTypeId.Annotation,it.notApplicable),Nt(xt,Z.InteractionTypeId.Image,it.notApplicable),Nt(xt,Z.InteractionTypeId.MissingWord,(function(e,t){return it.isMissingWordCorrect(t,(function(t){return e[t]}))})),Nt(xt,Z.InteractionTypeId.MultipleChoice,(function(e,t){return it.isMultipleChoiceCorrect(t,(function(t){return e[t]}))})),Nt(xt,Z.InteractionTypeId.ShortAnswer,it.awaitingMarking),Nt(xt,Z.InteractionTypeId.TrueOrFalse,(function(e,t){return t.actionableItems.filter((function(e){return e.isCorrect})).every((function(t){return e[t.id]===t.name}))?$e.a.Correct:$e.a.Incorrect})),xt);function Dt(e){return _t[e]}function Ut(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var qt={interactions:{},timepoints:{}};function Bt(e,t){return"interaction"===t.type?{timepoints:e.timepoints,interactions:Object.assign(Object.assign({},e.interactions),Ut({},t.id,t.value))}:"timepoint"===t.type?{interactions:e.interactions,timepoints:Object.assign(Object.assign({},e.timepoints),Ut({},t.id,t.value))}:void 0}function Vt(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,a,i=[],o=!0,c=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(c)throw a}}return i}(e,t)||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,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 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}var Wt={interactionIndex:0},Ht=function(e){var t=e.mode,n=e.timepoint,r=e.latestSession,i=t===s.InteractiveMode.Create,o=Vt(a.a.useReducer(Bt,null,(function(){return function(e){return e?{timepoints:{},interactions:e.actions.reduce((function(e,t){var n;return e[t.interactionId]=Object.assign(Object.assign({},e[t.interactionId]),(Ut(n={},t.actionableItemId,t.data),Ut(n,"submitted",!0),n)),e}),{})}:qt}(r)})),2),c=o[0],l=o[1],u=v(null==n?void 0:n.id),d=null==n?void 0:n.interactions[u.interactionIndex],m="number"==typeof u.nextInteractionIndex?null==n?void 0:n.interactions[u.nextInteractionIndex]:null,f=y(null==d?void 0:d.id),p=y(null==m?void 0:m.id);function v(e){return e&&c.timepoints[e]||Wt}function y(e){if(!e)return{};var t=c.interactions[e];return t||i?t:{}}function g(e,t,n){var r=y(e);l({type:"interaction",id:e,value:Object.assign(Object.assign({},n?{}:r),t)})}return{state:c,interaction:d,interactionState:f,timepointState:u,nextInteraction:m,nextInteractionState:p,getTimepointState:v,getInteractionState:y,updateTimepointState:function(e,t){var n=v(e);l({type:"timepoint",id:e,value:Object.assign(Object.assign({},n),t)})},updateInteractionState:g,clearTimepointState:function(e){l({type:"timepoint",id:e,value:void 0})},clearInteractionState:function(e){l({type:"interaction",id:e,value:void 0})},userUpdateInteractionState:function(e,t){g(d.id,Object.assign(Object.assign({},e),{hasChanges:!0,error:null}),t)}}},Qt=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))},Xt=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},Gt=!1,Kt=function(e){var t=e.interactive,n=e.timepoint,r=e.player,i=e.mode,o=e.resultsService,c=e.latestSession,l=e.analyticsService,d=Xt(e,["interactive","timepoint","player","mode","resultsService","latestSession","analyticsService"]),m=Ht({mode:i,timepoint:n,latestSession:c}),f=m.state,p=m.interaction,v=m.interactionState,y=m.timepointState,g=m.nextInteraction,b=m.nextInteractionState,h=Xt(m,["state","interaction","interactionState","timepointState","nextInteraction","nextInteractionState"]),w=i===s.InteractiveMode.Create;function E(e){for(var n=0;n<t.timepoints.length;){for(var r=t.timepoints[n],a=0;a<r.interactions.length;){var i=r.interactions[a];if(i.id===e)return{localTimepoint:r,localInteraction:i};a++}n++}return{localInteraction:null,localTimepoint:null}}function I(e){var n=u.a.getTypeInfo(e.typeId);return{id:D(e.id)?void 0:e.id,typeId:e.typeId,type:n.typeName,interactiveId:t.id,timepointId:D(e.timepointId)?void 0:e.timepointId,order:e.order}}function S(e){return Qt(this,void 0,void 0,regeneratorRuntime.mark((function n(){var r,a,i,o,c,s,u;return regeneratorRuntime.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(r=E(e),a=r.localInteraction,i=r.localTimepoint,a&&i){n.next=3;break}throw new Error("Could not find the interaction and timepoint for the interactionId ".concat(e));case 3:if(o=I(a),D(a.id)){n.next=10;break}return n.next=7,$.deleteInteraction(a.id);case 7:l.logUserAction(o,{actionType:We.UserAction.Delete,entity:We.EntityType.Interaction,workflowPhase:We.WorkflowPhase.Complete}),n.next=11;break;case 10:l.logUserAction(o,{actionType:We.UserAction.Create,entity:We.EntityType.Interaction,workflowPhase:We.WorkflowPhase.Discard});case 11:if(c=i.interactions.findIndex((function(e){return e.id===a.id})),i.interactions.splice(c,1),h.clearInteractionState(a.id),s=h.getTimepointState(i.id),c<s.interactionIndex&&h.updateTimepointState(i.id,{interactionIndex:s.interactionIndex-1}),!(i.interactions.length>0)){n.next=18;break}return n.abrupt("return");case 18:if(D(i.id)){n.next=21;break}return n.next=21,$.deleteTimepoint(i.id);case 21:u=t.timepoints.findIndex((function(e){return e.id===i.id})),t.timepoints.splice(u,1),d.removeCue(i.visibleAt/1e3),h.clearTimepointState(i.id);case 25:case"end":return n.stop()}}),n)})))}function C(e){if(p){var t=D(p.id);if(t||(null==v?void 0:v.hasChanges)||(null==y?void 0:y.hasChanges)){Y.a.render(a.a.createElement("p",null,"Do you want to discard your changes?"),{title:"Unsaved changes",success:function(){(null==y?void 0:y.hasChanges)&&A(!0),t?S(p.id):h.clearInteractionState(p.id),e&&e()},buttons:[{variant:"link",buttonText:"Cancel"},{variant:"danger",success:!0,buttonText:"Discard"}]})}else e&&e()}else e&&e()}function k(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(w)C((function(){h.updateTimepointState(n.id,{interactionIndex:e})}));else{var r=function(){h.updateTimepointState(n.id,{nextInteractionIndex:e}),window.requestAnimationFrame((function(){h.updateTimepointState(n.id,{nextInteractionIndex:e,slideIn:!0}),window.setTimeout((function(){h.updateTimepointState(n.id,{interactionIndex:e,nextInteractionIndex:null,slideIn:null})}),400)}))};t?C(r):r()}}function x(){y.interactionIndex+1>=n.interactions.length?d.continueInteractive():k(y.interactionIndex+1,!1)}function N(){t.timepoints.sort((function(e,t){return e.visibleAt>t.visibleAt?1:t.visibleAt>e.visibleAt?-1:0}))}function O(){k(n.interactions.length)}function A(e){(null==y?void 0:y.hasChanges)&&(e&&d.moveTimepoint(y.originalVisibleAt),h.updateTimepointState(n.id,{hasChanges:void 0,originalVisibleAt:void 0}),Gt=!1)}return{state:f,interaction:p,interactionState:v,timepointState:y,nextInteraction:g,nextInteractionState:b,skip:x,cancel:function(){return Qt(this,void 0,void 0,regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!(null==v?void 0:v.hasChanges)){e.next=3;break}return C(),e.abrupt("return");case 3:return e.next=5,S(p.id);case 5:d.setOpen(!0);case 6:case"end":return e.stop()}}),e)})))},addAnotherQuestion:O,goToTimepoint:function(e,n){var a=function(e){for(var n=0;n<t.timepoints.length;){var r=t.timepoints[n];if(r.id===e)return r;n++}return null}(e),i=a.interactions.find((function(e){return e.id.toString()===n.toString()}));r.currentTime(a.visibleAt/1e3),h.updateTimepointState(a.id,{interactionIndex:a.interactions.indexOf(i)})},discardChanges:C,changeIndex:k,promptDelete:function(e){var t=I(E(e).localInteraction);l.logUserAction(t,{actionType:We.UserAction.Delete,entity:We.EntityType.Interaction,workflowPhase:We.WorkflowPhase.Start}),Y.a.render(a.a.createElement("p",null,"Are you sure you want to delete this question?"),{title:"Delete question",success:function(){return S(e)},buttons:[{variant:"link",buttonText:"Cancel"},{variant:"danger",success:!0,buttonText:"Delete question"}]})},showTypeSelector:function(){r.pause(),d.setOpen(!0),n&&O()},cancelTypeSelector:function(){n?k(y.interactionIndex-1):(d.setOpen(!1),r.play())},deleteInteraction:S,saveInteraction:function(){return Qt(this,void 0,void 0,regeneratorRuntime.mark((function e(){var t,r,a,i,o,c;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(w){e.next=2;break}throw new Error("Should not be calling onClickSave while viewing an interactive");case 2:if(s=p.typeId,!(t=(0,qe[s])(h.getInteractionState(p.id),p))){e.next=7;break}return h.updateInteractionState(p.id,{error:t}),e.abrupt("return");case 7:if(h.updateInteractionState(p.id,{spinner:!0}),!D(n.id)){e.next=15;break}return r=n.id,e.next=12,$.saveTimepoint(n);case 12:d.updateCue(r,n.id),h.clearTimepointState(r),(null==y?void 0:y.hasChanges)&&(N(),A());case 15:return p.timepointId=n.id,a=p.id,i=Ve(p.typeId),e.next=20,i(h.getInteractionState(p.id),p);case 20:h.clearInteractionState(a),o=D(a),c=I(p),l.logUserAction(c,{actionType:o?We.UserAction.Create:We.UserAction.Edit,entity:We.EntityType.Interaction,workflowPhase:o?We.WorkflowPhase.Complete:We.WorkflowPhase.Save});case 24:case"end":return e.stop()}var s}),e)})))},addInteraction:function(e){var a;r.pause();var i=(null==n?void 0:n.id)||"new_".concat(Math.round(Math.random()*Number.MAX_SAFE_INTEGER)),o={id:"new_".concat(Math.round(Math.random()*Number.MAX_SAFE_INTEGER)),timepointId:i,typeId:e,order:(null===(a=null==n?void 0:n.interactions)||void 0===a?void 0:a.length)||0,interactiveId:t.id,data:{}},c=I(o);if(l.logUserAction(c,{actionType:We.UserAction.Create,entity:We.EntityType.Interaction,workflowPhase:We.WorkflowPhase.Start}),n)return n.interactions.push(o),void k(y.interactionIndex);var s=r.currentTime();t.timepoints||(t.timepoints=[]),t.timepoints.push({id:i,visibleAt:1e3*s,interactiveId:t.id,shouldPause:1,interactions:[o]}),N(),d.addCue(i)},submitInteractionAnswer:function(){return Qt(this,void 0,void 0,regeneratorRuntime.mark((function e(){var r,a,c,u,m;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(i===s.InteractiveMode.View){e.next=2;break}throw new Error("Should not be calling onClickSubmit while creating an interactive");case 2:if(!v.submitted){e.next=8;break}if(!(y.interactionIndex>=n.interactions.length)){e.next=6;break}return d.continueInteractive(),e.abrupt("return");case 6:return k(y.interactionIndex+1),e.abrupt("return");case 8:if(r=U(v),f=p.typeId,!(a=(0,Ft[f])(r,p))){e.next=14;break}return h.updateInteractionState(p.id,{error:a}),e.abrupt("return");case 14:if(!o||!v.hasChanges){e.next=22;break}if(c=Mt(p.typeId),h.updateInteractionState(p.id,{spinner:!0}),!c){e.next=22;break}return e.next=20,c(r,p,o.save);case 20:u=I(p),l.logUserAction(u,{actionType:We.UserAction.Answer,entity:We.EntityType.Interaction});case 22:if(h.updateInteractionState(p.id,{submitted:!0,error:null,hasChanges:!1,spinner:!1}),t.immediateFeedback){e.next=26;break}return x(),e.abrupt("return");case 26:m=jt(p.typeId),m(p)||x();case 29:case"end":return e.stop()}var f}),e)})))},userUpdateInteractionState:h.userUpdateInteractionState,updateTimepointTime:function(e){var a=r.duration(),i=function(e){for(var r=n.visibleAt+1e3*e,a=e>0,i=0;i<t.timepoints.length;i++){var o=t.timepoints[i];r<o.visibleAt-1e3||r>o.visibleAt+1e3||(r=a?o.visibleAt+1001:o.visibleAt-1001,i=0)}return r}(e);if(!(i/1e3>a||i<0)){var o=n.visibleAt;Gt||(Gt=!0,h.updateTimepointState(n.id,{originalVisibleAt:o,hasChanges:!0})),d.moveTimepoint(i)}},saveTimepoint:function(){return Qt(this,void 0,void 0,regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!D(n.id)){e.next=2;break}return e.abrupt("return");case 2:return e.next=4,$.updateTimepoint(n);case 4:N(),A();case 6:case"end":return e.stop()}}),e)})))},clearTimepointTimeState:A,reOrderQuestions:function(e){return Qt(this,void 0,void 0,regeneratorRuntime.mark((function t(){var r,a;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:r=0;case 1:if(!(r<e.length)){t.next=7;break}return t.next=4,$.saveInteraction(Object.assign(Object.assign({},e[r]),{order:r}));case 4:r++,t.next=1;break;case 7:a=n.interactions[y.interactionIndex],n.interactions=e,h.updateTimepointState(n.id,{interactionIndex:e.indexOf(a)});case 10:case"end":return t.stop()}}),t)})))}}},$t=n(1334),Yt=n.n($t);function Zt(e){var t="".concat(e.className," ").concat(Yt.a.iconButton);e.children?t+=" ".concat(Yt.a.iconWithText):t+=" ".concat(Yt.a.iconOnly);var n=a.a.createElement(st.a,{svgName:e.svgName,className:Yt.a.svg});return a.a.createElement(te.a,{className:t,onClick:e.onClick},n,e.children)}function Jt(e){var t=e.isCreate,n=e.open,r=e.showTypeSelector;return!t||n?a.a.createElement(a.a.Fragment,null):a.a.createElement(Zt,{className:"btn btn-outline-dark cv-add-question",onClick:r,svgName:ut.b.Plus},"Add question")}var en=n(1261),tn=n(403),nn=n(1204);function rn(e){return a.a.createElement("div",{className:"my-5 text-center"},a.a.createElement("h2",{className:"h3"},"Select an interaction to get started"),a.a.createElement("p",{className:"mb-0"},"Choose a point in the video and add a question to interact and engage your students."),!(!e.config||!e.currentUser)&&a.a.createElement("a",{href:tn.a.getArticle(e.config.supportSiteUrl,nn.a.MakeInteractive,e.currentUser.countryCode,"articles"),target:"_blank",className:"btn btn-link text-info"},"How do I make interactives?"))}function an(e){var t=e.isCreate,n=e.interactive,r=e.interaction,i=e.portalNode,o=e.goToTimepoint,c=e.promptDelete,l=e.config,s=e.currentUser;if(!i)return a.a.createElement(a.a.Fragment,null);var u=n.timepoints.reduce((function(e,t){return e+t.interactions.length}),0);return a.a.createElement(J.a,{node:i},u?a.a.createElement(a.a.Fragment,null,a.a.createElement("h2",{className:"h4 mt-3"},"Question List (",u,")"),a.a.createElement(en.a,{interactive:n,maxHeight:300,goToTimepoint:o,selectedInteractionId:null==r?void 0:r.id,onClickDelete:t?c:void 0})):t?a.a.createElement(rn,{currentUser:s,config:l}):a.a.createElement(a.a.Fragment,null))}var on=n(1513);function cn(e,t){if(t===s.InteractiveMode.Create)return function(e){return Ue[e]}(e);if(t===s.InteractiveMode.View)return function(e){return Pt[e]}(e);throw new Error("Cannot find components for the mode ".concat(t))}var ln=n(280);n(1335);function sn(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,a,i=[],o=!0,c=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(c)throw a}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return un(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 un(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 un(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var dn=[Z.InteractionTypeId.MissingWord,Z.InteractionTypeId.MultipleChoice,Z.InteractionTypeId.TrueOrFalse,Z.InteractionTypeId.ShortAnswer,Z.InteractionTypeId.Image,Z.InteractionTypeId.Annotation];function mn(e){var t=e.addInteraction,n=e.cancelTypeSelector,r=e.player,i=e.timepoint,o=e.open,c=e.isCreate,l=e.interaction,s=sn(a.a.useState(Object(ln.a)(r.currentTime()||0)),2),d=s[0],m=s[1];return a.a.useEffect((function(){var e=function(){m(Object(ln.a)(r.currentTime()))};return r.on("timeupdate",e),function(){return r.off("timeupdate",e)}}),[]),l||!c?a.a.createElement(a.a.Fragment,null):a.a.createElement("div",{className:"d-flex align-items-center justify-content-center h-100"},a.a.createElement("div",{className:"cv-interactive-type-selector d-flex flex-wrap justify-content-center align-items-center"},a.a.createElement("div",{className:"text-center font-weight-bold w-100 text-body mb-3 cv-add-question-copy"},i?"Add another question at:":"Add a question at:"," ",d),dn.map((function(e,n){var r=u.a.getTypeInfo(e),i=r.name,o=r.bgClassName,c=r.Svg;return a.a.createElement(te.a,{key:n,className:"cv-type-selector rounded py-2 m-1 ".concat(o),onClick:function(){return t(e)}},a.a.createElement("span",{className:"cv-create-type-icon mb-1"},a.a.createElement(c,null)),a.a.createElement("div",{className:"d-flex align-items-center justify-content-center cv-interaction-type-name px-1"},i))})),(i||o)&&a.a.createElement("div",{className:"text-center w-100 mt-2 ".concat(i?"":"cv-adding-first-cancel")},a.a.createElement(te.a,{className:"btn btn-link",onClick:n},"Cancel"))))}function fn(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,a,i=[],o=!0,c=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(c)throw a}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return pn(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 pn(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 pn(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function vn(e){var t=e.typeId,n=e.currentIndex,r=e.numberOfInteractions,i=e.changeIndex,o=e.player,c=fn(a.a.useState(Object(ln.a)(o.currentTime()||0)),2),l=c[0],s=c[1];a.a.useEffect((function(){var e=function(){s(Object(ln.a)(o.currentTime()))};return o.on("timeupdate",e),function(){return o.off("timeupdate",e)}}),[]);var d=u.a.getTypeInfo(t),m=d.name,f=d.bgClassName,p=n<r-1;var v=n>0;return a.a.createElement("div",{className:"text-center d-flex justify-content-between align-items-center p-1 ".concat(f)},a.a.createElement(te.a,{onClick:function(){v&&i(n-1)},className:v?"":"invisible"},a.a.createElement(st.a,{size:st.b.Medium,svgName:ut.b.ChevronLeft})),a.a.createElement("div",null,a.a.createElement("div",{className:"h6 mb-0"},m),r>1&&a.a.createElement("div",null,n+1," of ",r," at ",l)),a.a.createElement(te.a,{onClick:function(){p&&i(n+1)},className:p?"":"invisible"},a.a.createElement(st.a,{size:st.b.Medium,svgName:ut.b.ChevronRight})))}n(1336);function yn(e){var t=e.typeId,n=u.a.getTypeInfo(t),r=n.name,i=n.prompt,o=n.bgClassName,c=n.Svg;return a.a.createElement("div",{className:"text-center text-body d-flex justify-content-between align-items-center px-3 pt-3"},a.a.createElement("div",{className:"d-flex align-items-center"},a.a.createElement("span",{className:"cv-interaction-icon rounded my-1 text-white ".concat(o)},a.a.createElement(c,null)),a.a.createElement("span",{className:"text-left flex-grow-1"},a.a.createElement("div",{className:"h5 ".concat(i?"":"mb-0")},a.a.createElement("strong",null,r)),i&&a.a.createElement("div",{className:"h6 mb-0"},i))))}function gn(e){var t=e.isCreate,n=e.interaction,r=e.player,i=e.changeIndex,o=e.timepointState,c=e.timepoint;return t?a.a.createElement(vn,{typeId:n.typeId,changeIndex:i,player:r,currentIndex:o.interactionIndex,numberOfInteractions:c.interactions.length}):a.a.createElement(yn,{typeId:n.typeId})}var bn=n(33);function hn(e){var t=e.interaction,n=e.interactionState,a=e.onClickContinue,i=e.onClickSave,o=e.onClickCancel,c=e.onClickAddAnother,l=e.onClickDiscard,s=D(t.id),u=!!(null==n?void 0:n.hasChanges),d=!!(null==n?void 0:n.spinner);return r.createElement("div",{className:"cv-timpoint-button-container"},s?r.createElement(te.a,{className:"btn btn-link",onClick:o},"Cancel"):u?r.createElement(te.a,{className:"btn btn-link",onClick:l},"Discard"):r.createElement(te.a,{className:"btn btn-link",onClick:c},"Add another question"),d?r.createElement(te.a,{className:"btn btn-dark ml-2 cv-interactive-spinner",onClick:function(){}},r.createElement(bn.Spinner,{as:"span",animation:"border",role:"status",size:"sm"})):s?u?r.createElement(te.a,{className:"btn btn-dark ml-2",onClick:i},"Save"):r.createElement(te.a,{className:"btn btn-dark ml-2 disabled",onClick:function(){}},"Save"):u?r.createElement(te.a,{className:"btn btn-dark ml-2",onClick:i},"Save"):r.createElement(Zt,{className:"btn btn-dark ml-2",onClick:a,svgName:ut.b.Play},"Continue"))}function wn(e){var t=e.typeId,n=e.interactionState,a=e.onClickSkip,i=e.numberOfInteractions,o=e.currentIndex,c=e.changeIndex,l=!!(null==n?void 0:n.submitted),s=!!(null==n?void 0:n.hasChanges),u=!!(null==n?void 0:n.spinner),d=!!Mt(t),m=o<i-1;function f(){m&&c(o+1)}var p=o>0;function v(){s&&e.onClickSubmit()}return r.createElement("div",{className:"cv-timpoint-button-container flex-wrap"},!l&&d&&r.createElement(te.a,{className:"btn btn-link",onClick:a},"Come back later"),i>1&&o>0&&r.createElement(Zt,{className:"btn btn-dark ml-2 ".concat(p?"":"disabled"),onClick:function(){p&&c(o-1)},svgName:ut.b.ChevronUp}),u?r.createElement(te.a,{className:"btn btn-dark ml-2 cv-interactive-spinner",onClick:function(){}},r.createElement(bn.Spinner,{as:"span",animation:"border",role:"status",size:"sm"})):l||!d?1===i||o===i-1?r.createElement(Zt,{className:"btn btn-dark ml-2",onClick:a,svgName:ut.b.Play},"Continue"):r.createElement(te.a,{className:"btn btn-dark ml-2 ".concat(m?"":"disabled"),onClick:f},"Next"):r.createElement(te.a,{className:"btn btn-dark ml-2 ".concat(s?"":"disabled"),onClick:v},"Save"))}function En(e){var t=e.isCreate,n=e.interaction,r=e.interactionState,i=e.continueInteractive,o=e.saveInteraction,c=e.cancel,l=e.addAnotherQuestion,s=e.discardChanges,u=e.submitInteractionAnswer,d=e.skip,m=e.changeIndex,f=e.timepoint,p=e.currentIndex;return a.a.createElement(a.a.Fragment,null,t?a.a.createElement(hn,{interaction:n,interactionState:r,onClickContinue:i,onClickSave:o,onClickCancel:c,onClickAddAnother:l,onClickDiscard:function(){return s()}}):a.a.createElement(wn,{typeId:n.typeId,interactionState:r,onClickSubmit:u,onClickSkip:d,changeIndex:m,currentIndex:p,numberOfInteractions:f.interactions.length}))}var In=n(1104);function Sn(e){var t=e.timepoint,n=e.interaction,r=e.promptDelete,i=e.optionsPortalNode,o=e.setView;if(!n)return a.a.createElement(a.a.Fragment,null);var c=[];if(c.push({label:"Move time point",onClick:function(){return o("move")}}),t.interactions.length>1){var l=D(n.id);c.push({label:"Re-order questions",onClick:function(){return o("reorder")},className:l?"disabled":""})}return c.push({label:"Delete",onClick:function(){return r(n.id)},className:"text-danger"}),a.a.createElement(J.a,{node:i},!!n&&a.a.createElement(In.a,{actions:c}))}n(1337),n(1338);function Cn(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,a,i=[],o=!0,c=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(c)throw a}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return kn(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 kn(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 kn(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 xn=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))},Nn=null,On=0,An=1;function Tn(e){var t=e.timepoint,n=e.updateTimepointTime,r=e.saveTimepoint,i=e.back,o=e.clearTimepointTimeState,c=Cn(a.a.useState(Object(ln.a)(t.visibleAt/1e3)),2),l=c[0],s=c[1],u=Cn(a.a.useState(!1),2),d=u[0],m=u[1];function f(e){n(e*An),s(Object(ln.a)(t.visibleAt/1e3)),2===++On?An=5:4===On?An=20:6===On?An=60:8===On&&(An=120),Nn||(Nn=window.setInterval((function(){return f(e)}),200),window.addEventListener("mouseup",p))}function p(){window.removeEventListener("mouseup",p),window.clearInterval(Nn),Nn=null,On=0,An=1}return a.a.useEffect((function(){return p}),[]),a.a.createElement(a.a.Fragment,null,a.a.createElement("div",{className:"cv-timepoint flex-grow-1"},a.a.createElement("div",{className:"cv-timepoint-padding"},a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("label",{className:"cv-interaction-field-label mb-0"},"Move time point"),a.a.createElement("div",{className:"text-center mt-3"},a.a.createElement(te.a,{className:"cv-left-arrow d-inline-block cursor-pointer",onClick:function(){},onMouseDown:function(){return f(-1)},onKeyDown:function(e){e.stopPropagation(),13===e.keyCode&&0===On&&f(-1)},onKeyUp:p}),a.a.createElement("input",{className:"form-control form-control-lg text-center d-inline-block cv-move-timepoint-input",value:l,onChange:function(){},onKeyDown:function(e){e.stopPropagation(),37===e.keyCode&&0===On&&f(-1),39===e.keyCode&&0===On&&f(1)},onKeyUp:p}),a.a.createElement(te.a,{className:"cv-right-arrow d-inline-block cursor-pointer",onClick:function(){},onMouseDown:function(){return f(1)},onKeyDown:function(e){e.stopPropagation(),13===e.keyCode&&0===On&&f(1)},onKeyUp:p}))))),a.a.createElement("div",{className:"cv-timpoint-button-container"},a.a.createElement(te.a,{className:"btn btn-link",onClick:function(){o(!0),i()}},"Cancel"),d?a.a.createElement(te.a,{className:"btn btn-dark ml-2 cv-interactive-spinner",onClick:function(){}},a.a.createElement(bn.Spinner,{as:"span",animation:"border",role:"status",size:"sm"})):a.a.createElement(te.a,{className:"btn btn-dark",onClick:function(){return xn(this,void 0,void 0,regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return m(!0),e.next=3,r();case 3:i();case 4:case"end":return e.stop()}}),e)})))}},"Save")))}var jn=n(1072),Pn=n(1339),Rn=n.n(Pn),Fn=n(1155);function Ln(e){return function(e){if(Array.isArray(e))return Dn(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||_n(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 Mn(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,a,i=[],o=!0,c=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(c)throw a}}return i}(e,t)||_n(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _n(e,t){if(e){if("string"==typeof e)return Dn(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Dn(e,t):void 0}}function Dn(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var Un=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))};var qn=Object(jn.SortableElement)((function(e){var t=e.interaction,n=u.a.getTypeInfo(t.typeId).bgClassName;return a.a.createElement("div",{className:"py-2 text-left"},a.a.createElement("span",{className:Rn.a.dragIcon},a.a.createElement(st.a,{size:st.b.Small,svgName:ut.b.Handle})),a.a.createElement(Fn.a,{interaction:t,iconClassName:"".concat(Rn.a.type," ").concat(n),questionClassName:"".concat(Rn.a.name," clamp-1")}))})),Bn=Object(jn.SortableContainer)((function(e){var t=e.interactions,n=function(){var e=a.a.useRef();function t(){document.body.style.cursor="",document.removeEventListener("mouseup",t),e.current&&(e.current.style.cursor="grab")}return{ref:e,style:{cursor:"grab"},onMouseDown:function(){document.body.style.cursor="grabbing",document.addEventListener("mouseup",t),e.current&&(e.current.style.cursor="grabbing")},onMouseUp:t}}();return a.a.createElement("div",Object.assign({tabIndex:0},n),t.map((function(e,t){return a.a.createElement(qn,{key:e.id,index:t,interaction:e})})))}));function Vn(e){var t=Mn(a.a.useState(!1),2),n=t[0],r=t[1],i=Mn(a.a.useState(Ln(e.interactions)),2),o=i[0],c=i[1],l=Mn(a.a.useState(!1),2),s=l[0],u=l[1];return a.a.createElement(a.a.Fragment,null,a.a.createElement("div",{className:"cv-timepoint flex-grow-1"},a.a.createElement("div",{className:"cv-timepoint-padding"},a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("label",{className:"cv-interaction-field-label mb-0"},"Re-order questions"),a.a.createElement("div",{className:"text-center mt-3"},a.a.createElement(Bn,{onSortEnd:function(e){var t=e.oldIndex,n=e.newIndex;t!==n&&(c(Ln(function(e,t,n){for(;t<0;)t+=e.length;for(;n<0;)n+=e.length;if(n>=e.length)for(var r=n-e.length+1;r--;)e.push(void 0);return e.splice(n,0,e.splice(t,1)[0]),e}(o,t,n))),u(!0))},interactions:o,helperClass:Rn.a.dragging,lockAxis:"y"}))))),a.a.createElement("div",{className:"cv-timpoint-button-container"},a.a.createElement(te.a,{className:"btn btn-link",onClick:function(){c(Ln(e.interactions)),u(!1),e.back()}},"Cancel"),n?a.a.createElement(te.a,{className:"btn btn-dark ml-2 cv-interactive-spinner",onClick:function(){}},a.a.createElement(bn.Spinner,{as:"span",animation:"border",role:"status",size:"sm"})):a.a.createElement(te.a,{className:"btn btn-dark ".concat(s?"":"disabled"),onClick:function(){return Un(this,void 0,void 0,regeneratorRuntime.mark((function t(){return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(s){t.next=2;break}return t.abrupt("return");case 2:return r(!0),t.next=5,e.reOrderQuestions(o);case 5:r(!1),e.back();case 7:case"end":return t.stop()}}),t)})))}},"Save")))}var zn=n(99),Wn=n(43);function Hn(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,a,i=[],o=!0,c=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(c)throw a}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Qn(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 Qn(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 Qn(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 Xn(e){var t=e.isCreate,n=e.interaction,r=e.mode,i=e.immediateFeedback,o=e.interactionState,c=e.shouldFocus,l=e.delayFocus,s=e.open,u=e.timepoint,d=e.userUpdateInteractionState,m=e.submitInteractionAnswer,f=e.saveInteraction,p=a.a.useRef(),v=a.a.useRef(),y=Object(zn.a)(Wn.a.XLDown),g=!t||y;function b(){return!!p.current&&(!!c&&!!s)}function h(){p.current&&(p.current.focus(),I(!0))}var w=Hn(a.a.useState(!1),2),E=w[0],I=w[1];a.a.useEffect((function(){b()&&(E||(l&&g?window.setTimeout((function(){b()&&h()}),400):h()))}),[p.current,E]);var S=Hn(a.a.useState("question"),2),C=S[0],k=S[1],x=a.a.useMemo((function(){return Object(J.c)()}),[]),N=n?cn(n.typeId,r):null,O=i;return t||(O=O&&(null==o?void 0:o.submitted)),a.a.createElement(a.a.Fragment,null,a.a.createElement(Sn,Object.assign({optionsPortalNode:x,setView:k},e)),a.a.createElement(on.a,{style:{height:"100%"},ref:v},a.a.createElement(mn,Object.assign({},e)),!!n&&a.a.createElement("div",{className:"d-flex flex-column h-100"},a.a.createElement(gn,Object.assign({},e)),"question"===C&&a.a.createElement(a.a.Fragment,null,a.a.createElement("form",{className:"cv-timepoint flex-grow-1",tabIndex:-1,onSubmit:function(e){e.preventDefault(),t?f():m()}},a.a.createElement("div",{className:"cv-timepoint-padding"},a.a.createElement("div",{ref:p,tabIndex:0}),a.a.createElement(N,Object.assign({state:o,setState:d,recalculateScroll:function(){v.current.recalculate()},showFeedback:O,optionsPortalNode:x},e)))),a.a.createElement(En,Object.assign({},e))),"move"===C&&a.a.createElement(Tn,Object.assign({back:function(){return k("question")}},e)),"reorder"===C&&a.a.createElement(Vn,Object.assign({back:function(){return k("question")},interactions:u.interactions},e)))))}n(1340);function Gn(e){var t=e.open,n=e.nextInteraction,r=e.nextInteractionState,i=e.timepointState,o=e.interaction,c=e.delayFocus,l=n&&i.nextInteractionIndex<i.interactionIndex,s=n&&i.nextInteractionIndex>i.interactionIndex,u=s&&i.slideIn,d=l&&i.slideIn;return a.a.createElement("div",{className:"cv-interactive ".concat(t?"cv-open":"")},l&&a.a.createElement("div",{className:"cv-prev-interaction ".concat(i.slideIn?"cv-slide-in":"")},a.a.createElement(Xn,Object.assign({},e,{currentIndex:i.nextInteractionIndex,interaction:n,interactionState:r}))),a.a.createElement("div",{className:"\n        cv-main-slide\n        ".concat(u?"cv-slide-out-up":"","\n        ").concat(d?"cv-slide-out-down":"","\n        ").concat(n?"cv-transitioning":"","\n      ")},a.a.createElement(Xn,Object.assign({key:null==o?void 0:o.id},e,{currentIndex:i.interactionIndex,shouldFocus:o&&!l&&!s,delayFocus:c}))),s&&a.a.createElement("div",{className:"cv-next-interaction ".concat(i.slideIn?"cv-slide-in":"")},a.a.createElement(Xn,Object.assign({},e,{currentIndex:i.nextInteractionIndex,interaction:n,interactionState:r}))))}n(1341);function Kn(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,a,i=[],o=!0,c=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(c)throw a}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return $n(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return $n(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function $n(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Yn(e){var t=e.player,n=e.resultsService,r=e.interactive,i=e.setShowSummary,o=Kn(a.a.useState(!1),2),c=o[0],l=o[1],s=e.player.activePlugins_.activityStatusPlugin,u=e.player.activePlugins_.favouritePlugin;function d(){t.currentTime()>r.timepoints[r.timepoints.length-1].visibleAt/1e3+1?l(!0):l(!1)}if(a.a.useEffect((function(){if(n)return t.on("timeupdate",d),function(){return t.off("timeupdate",d)}}),[]),!c)return null;var m="btn btn-outline-dark cv-show-summary";return u&&(m+=" cv-has-favourite-plugin"),s&&(m+=" cv-has-activity-status-plugin"),a.a.createElement(te.a,{className:m,onClick:function(){i(!0),t.pause(),t.hide()}},t.gradePassbackPlugin().enabled?"Submit answers":"View summary")}var Zn=n(1342),Jn=n.n(Zn);function er(e){var t=e.interactive,n=e.duration;return n?a.a.createElement(a.a.Fragment,null,t.timepoints.map((function(t,r){if(!t.interactions.length)return a.a.createElement(a.a.Fragment,null);var i=u.a.getTypeInfo(t.interactions[0].typeId).bgClassName,o=t.visibleAt/1e3/n*100;return a.a.createElement("span",{key:r,className:"".concat(Jn.a.interaction," ").concat(i),style:{left:"".concat(o,"%")},onClick:function(n){return r=t.id,a=t.interactions[0].id,n.stopPropagation(),void e.goToTimepoint(r,a);var r,a}})}))):a.a.createElement(a.a.Fragment,null)}var tr=n(151),nr=n(387),rr=n(1343),ar=n.n(rr);function ir(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,a,i=[],o=!0,c=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(c)throw a}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return or(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return or(e,t)}(e,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 or(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function cr(e){var t=e.duration,n=e.progress,r=e.player,i=ir(a.a.useState(n.length),2)[1],o=[];if(n.length){var c=n[0];o.push(c),n.forEach((function(e,t){0!==t&&(c.end.time+1>e.start.time&&c.start.time<e.start.time?c.end=e.end:(c=e,o.push(c)))}))}return a.a.useEffect((function(){var e=function(){i(n.length)};return r.on("progressflush",e),function(){return r.off("progressflush",e)}}),[]),a.a.createElement(a.a.Fragment,null,o.map((function(e,n){var r=e.start.time/t*100,i=100*(1-e.end.time/t);return a.a.createElement("span",{key:n,className:ar.a.progress,style:{left:"".concat(r,"%"),right:"".concat(i,"%")}})})))}function lr(e){return de.a.last(e.results)}function sr(e,t){return de.a.findWhere(null==t?void 0:t.attempts,{id:e})}var ur,dr=n(1228),mr=n.n(dr);function fr(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var pr=function(){return a.a.createElement(a.a.Fragment,null)},vr=(fr(ur={},Z.InteractionTypeId.Annotation,pr),fr(ur,Z.InteractionTypeId.Image,pr),fr(ur,Z.InteractionTypeId.MissingWord,(function(e){var t=e.interaction.data.sentence.replace(/{([^{}]*)}/g,(function(e,t){return"{".concat("cv-missing-word-").concat(t,"}")})).split(/{([^{}]*)}/g),n="p-2";return e.reportsStyling||(n+=" border rounded"),a.a.createElement("div",{className:n},t.map((function(t,n){if(!t.startsWith("cv-missing-word-"))return t;var r=t.replace("cv-missing-word-",""),i=e.interaction.actionableItems.find((function(e){return e.order.toString()===r}));if(i){var o=e.answers.find((function(e){return e.id==i.id}));if(o){if(!e.showFeedback)return a.a.createElement("strong",{key:n,className:"text-info"},o.text);var c=o.status===Ge.Correct;return a.a.createElement(a.a.Fragment,{key:n},!c&&a.a.createElement(a.a.Fragment,null,a.a.createElement("del",{className:"text-danger"},a.a.createElement("strong",null,o.text))," "),a.a.createElement("strong",{className:"text-success"},i.name))}}})))})),fr(ur,Z.InteractionTypeId.MultipleChoice,(function(e){var t,n,r,i,o="my-2";return e.reportsStyling&&(o+=" mx-2"),a.a.createElement("div",{className:o},a.a.createElement(vt,{interaction:e.interaction,showFeedback:e.showFeedback,getSelectedAnswer:function(t){var n=e.answers.find((function(e){return e.id==t}));return null==n?void 0:n.text},imageApi:e.imageCdnUrl,userInitials:e.anonymisedUserName?lt.a.getInitialsFromFullName(e.anonymisedUserName):lt.a.getInitials(null===(t=e.user)||void 0===t?void 0:t.name,null===(n=e.user)||void 0===n?void 0:n.surname),userAvatar:e.anonymisedUserName?null:null===(i=null===(r=e.user)||void 0===r?void 0:r.avatar)||void 0===i?void 0:i.url,onlyShowSelectedAnswer:!e.showAvatar,size:"sm",unCheckedBackground:e.showFeedback?"":"".concat(mr.a.uncheckedBackground," text-white")}))})),fr(ur,Z.InteractionTypeId.TrueOrFalse,(function(e){var t,n,r,i,o="justify-content-start";return e.reportsStyling&&(o="justify-content-center"),a.a.createElement("div",{className:"my-2"},a.a.createElement(Et,{className:o,interaction:e.interaction,showFeedback:e.showFeedback,hideFeedbackIcons:!e.showAvatar,getSelectedAnswer:function(t){var n=e.answers.find((function(e){return e.id==t}));return null==n?void 0:n.text},imageApi:e.imageCdnUrl,userInitials:e.anonymisedUserName?lt.a.getInitialsFromFullName(e.anonymisedUserName):lt.a.getInitials(null===(t=e.user)||void 0===t?void 0:t.name,null===(n=e.user)||void 0===n?void 0:n.surname),userAvatar:e.anonymisedUserName?null:null===(i=null===(r=e.user)||void 0===r?void 0:r.avatar)||void 0===i?void 0:i.url,size:"sm",unCheckedBackground:e.showFeedback?"":"".concat(mr.a.uncheckedBackground," text-white")}))})),fr(ur,Z.InteractionTypeId.ShortAnswer,(function(e){var t=de.a.first(e.answers);if(!t)return a.a.createElement(a.a.Fragment,null);var n="rounded p-2 mb-2";return e.reportsStyling||(n+=" bg-info text-white"),a.a.createElement("div",{className:n},t.text)})),ur),yr=n(8).a.encloseNamespace("interactives.responseTypes");function gr(){return a.a.createElement("p",{className:"p-2"},a.a.createElement("em",null,yr("noResponse")))}function br(e){return a.a.createElement(a.a.Fragment,null,e.correctness===$e.a.Correct&&a.a.createElement("div",{className:"ml-2 text-success"},a.a.createElement(st.a,{svgName:ut.b.Check})),e.correctness===$e.a.Incorrect&&a.a.createElement("div",{className:"ml-2 text-danger"},a.a.createElement(st.a,{svgName:ut.b.Close})))}function hr(e){return a.a.createElement("div",{className:"d-flex align-items-center justify-content-between"},a.a.createElement("strong",null,e.anonymisedUserName||lt.a.getFullName(e.studentResults.user)),a.a.createElement(br,{correctness:e.correctness}))}function wr(e){return e.correctness!==$e.a.AwaitingMarking?a.a.createElement(a.a.Fragment,null):a.a.createElement("div",{className:"d-flex justify-content-end mt-1"},a.a.createElement("div",{className:"d-flex flex-column justify-content-end cursor-pointer\n        ".concat(e.markedStatus===Ge.Correct?"text-success":"")},a.a.createElement(st.a,{svgName:e.markedStatus===Ge.Correct?ut.b.CheckCircle:ut.b.CheckCircleOutline,onClick:function(){return e.markInteraction(e.studentAttempt.answers,Ge.Correct)}})),a.a.createElement("div",{className:"d-flex flex-column justify-content-end cursor-pointer\n        ".concat(e.markedStatus===Ge.Incorrect?" text-danger":"")},a.a.createElement(st.a,{svgName:e.markedStatus===Ge.Incorrect?ut.b.CrossCircleFilled:ut.b.CrossCircle,onClick:function(){return e.markInteraction(e.studentAttempt.answers,Ge.Incorrect)}})))}var Er=n(1344),Ir=n.n(Er);function Sr(e){var t,n,r,i,o,c=vr[e.interaction.typeId];if(!c)return a.a.createElement(a.a.Fragment,null);var l=lr(e.studentResults),s=sr(e.interaction.id,l),u=it.isInteractionCorrect(e.interaction,l);return a.a.createElement("div",{className:"rounded ".concat(null!==(t=e.className)&&void 0!==t?t:"")},a.a.createElement("div",{className:"d-flex"},!!e.showStudentDetails&&a.a.createElement("div",{className:"mr-2"},a.a.createElement("div",{className:Ir.a.avatarContainer},a.a.createElement(dt.a,{imageCdnUrl:e.imageCdnUrl,initials:e.anonymisedUserName?lt.a.getInitialsFromFullName(e.anonymisedUserName):lt.a.getInitials(null===(n=e.studentResults.user)||void 0===n?void 0:n.name,null===(r=e.studentResults.user)||void 0===r?void 0:r.surname),imageUrl:e.anonymisedUserName?null:null===(o=null===(i=e.studentResults.user)||void 0===i?void 0:i.avatar)||void 0===o?void 0:o.url}))),a.a.createElement("div",{className:"flex-grow-1"},!!e.showStudentDetails&&a.a.createElement(hr,{studentResults:e.studentResults,correctness:u,anonymisedUserName:e.anonymisedUserName}),a.a.createElement("div",{className:"d-flex justify-content-between"},a.a.createElement("div",{className:"flex-grow-1 ".concat(e.responseComponentClass?e.responseComponentClass:"")},s?a.a.createElement(c,{interaction:e.interaction,answers:s.answers,imageCdnUrl:e.imageCdnUrl,user:e.studentResults.user,showFeedback:e.showFeedback,showAvatar:e.showAvatar,reportsStyling:e.reportsStyling}):a.a.createElement(gr,null)),!e.showStudentDetails&&a.a.createElement(br,{correctness:u})))),a.a.createElement(wr,{studentAttempt:s,correctness:u,markInteraction:e.markInteraction,markedStatus:e.markedStatus}))}var Cr=n(1345),kr=n.n(Cr);function xr(e){var t=e.studentResults,n=e.interaction,r=e.timepoint,i=e.interactive,o=e.state,c=e.goToTimepoint,l=e.interactionNumber,s=e.imageCdnUrl,u=lr(t),d=sr(n.id,u),m=o.interactions[n.id],f=Dt(n.typeId)(m||{},n),p=n.typeId!==Z.InteractionTypeId.Annotation&&n.typeId!==Z.InteractionTypeId.Image,v=p;n.typeId===Z.InteractionTypeId.MissingWord&&d&&(v=!1);var y=n.data.suggestedResponse||n.data.feedback;return a.a.createElement("li",{className:"mb-3 position-relative"},a.a.createElement("div",{className:"d-flex flex-wrap mb-2 cursor-pointer",onClick:function(){return c(r.id,n.id)}},i.immediateFeedback&&a.a.createElement("div",{className:kr.a.feedback},!!d&&(f===$e.a.AwaitingMarking?a.a.createElement("span",{className:"text-muted font-italic"},"Waiting to be marked"):f===$e.a.Correct?a.a.createElement("span",{className:"text-success"},"Correct ",a.a.createElement(st.a,{className:"svg-container align-middle",svgName:ut.b.Check})):f===$e.a.Incorrect&&a.a.createElement("span",{className:"text-danger"},"Incorrect ",a.a.createElement(st.a,{className:"svg-container align-middle",svgName:ut.b.Close})))),a.a.createElement(Fn.a,{interaction:n,iconClassName:"flex-shrink-0",showQuestion:v,showTypeName:!0,questionClassName:"d-block w-100 mt-2",questionNumber:l})),p&&!d&&a.a.createElement("button",{className:"btn btn-dark",onClick:function(){return c(r.id,n.id)}},"Answer question"),d&&p&&a.a.createElement(Sr,{interaction:n,studentResults:t,markedStatus:Ge.PendingReview,markInteraction:function(){},imageCdnUrl:s,showFeedback:i.immediateFeedback,showAvatar:!0}),i.immediateFeedback&&d&&y&&a.a.createElement("div",{className:"bg-light rounded p-2"},a.a.createElement("div",null,a.a.createElement("strong",null,n.typeId===Z.InteractionTypeId.TrueOrFalse?"Teacher's feedback":"Teacher's suggested response")),y))}var Nr=n(1346),Or=n.n(Nr);function Ar(e){return function(e){if(Array.isArray(e))return Tr(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return Tr(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 Tr(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 Tr(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 jr(e){var t=e.showSummary,n=e.setShowSummary,r=e.state,i=e.interactive,o=e.player,c=e.progress,l=e.portalNode,s=a.a.useRef();function u(){n(!1),o.show(),o.play()}function d(t,n){u(),e.goToTimepoint(t,n)}if(!l||!t)return a.a.createElement(a.a.Fragment,null);var m=function(e){var t=e.interactive,n=e.state,r=0,a=0,i=0,o=!1,c=[];return t.timepoints.forEach((function(e){e.interactions.forEach((function(e){var t=n.interactions[e.id],l=Dt(e.typeId)(t||{},e);l===$e.a.Correct&&r++,l!==$e.a.NotApplicable&&a++,l!==$e.a.NotApplicable&&(null==t?void 0:t.submitted)&&i++,l===$e.a.AwaitingMarking&&(o=!0);var s=U(t||{}),u=Object.keys(s).map((function(e){var t;return{id:e,text:null===(t=s[e])||void 0===t?void 0:t.toString()}}));u.length&&c.push({id:e.id,answeredAt:1,answers:u})}))})),{correctCount:r,total:a,answered:i,studentAttempts:c,awaitingMarking:o}}({interactive:i,state:r}),f=m.correctCount,p=m.total,v=m.answered,y=m.studentAttempts,g=m.awaitingMarking,b={name:e.currentUser.givenName,username:e.currentUser.username,user:{name:e.currentUser.givenName,surname:e.currentUser.familyName,avatar:{url:e.currentUser.avatar}},results:[{id:i.id,attempts:y}]},h=0,w=o.ended(),E=o.duration();return a.a.createElement(J.a,{node:l},a.a.createElement("div",{className:"row pb-3"},a.a.createElement("div",{className:"col-4 col-xs-12"},a.a.createElement(nr.a,{data:o.poster(),imageType:be.c.Thumbnails,imageOptions:{size:be.b.Medium}})),a.a.createElement("div",{className:"col-8 col-xs-12"},a.a.createElement("span",{className:"float-right"},a.a.createElement(tr.a,{svgName:ut.b.Play,className:"btn btn-outline-dark",onClick:function(){u(),o.ended()&&o.currentTime(0)}},w?"Play again":"Continue watching"),o.gradePassbackPlugin().enabled&&a.a.createElement(tr.a,{svgName:ut.b.Check,className:"btn btn-dark ml-2",onClick:function(){o.gradePassbackPlugin().submit(f/p,!g)}},"Submit")),a.a.createElement("h1",{className:"h3"},e.title),a.a.createElement("p",null))),a.a.createElement("div",{className:"border rounder px-2 mb-3"},a.a.createElement("div",{className:"cursor-pointer my-4 ".concat(Or.a.bar),onClick:function(e){if(s.current){var t=s.current.getBoundingClientRect(),n=(e.pageX-t.left)/t.width*E;u(),o.currentTime(n)}},ref:s},a.a.createElement(cr,{duration:E,progress:c,interactive:i,player:o}),a.a.createElement(er,{duration:E,interactive:i,goToTimepoint:d}))),a.a.createElement("h2",{className:"h4"},"My Answers"),a.a.createElement("div",{className:"d-flex justify-content-between"},a.a.createElement("span",null,i.immediateFeedback&&a.a.createElement("div",null,"Score: ",f,"/",p),a.a.createElement("div",{className:"mb-3"},"You have answered ",a.a.createElement("strong",{className:v!==p?"text-danger":""},v)," of ",a.a.createElement("strong",null,p)," questions"))),a.a.createElement("div",{className:"row"},a.a.createElement("div",{className:"col-lg-7 col-12"},a.a.createElement("ul",{className:"list-unstyled"},i.timepoints.reduce((function(t,n){return[].concat(Ar(t),Ar(n.interactions.map((function(t){return h++,a.a.createElement(xr,{key:t.id,studentResults:b,interaction:t,timepoint:n,interactive:i,state:r,goToTimepoint:d,interactionNumber:h,imageCdnUrl:e.imageCdnUrl})}))))}),[])))))}function Pr(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,a,i=[],o=!0,c=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(c)throw a}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Rr(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 Rr(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 Rr(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 Fr(e){var t=e.resultsService,n=e.player,r=e.onShowSummary,i=Pr(a.a.useState(!1),2),o=i[0],c=i[1];function l(e){c(e),r&&r(e)}function s(){l(!0),n.hide()}return a.a.useEffect((function(){if(t)return n.on("ended",s),function(){return n.off("ended",s)}}),[]),a.a.useEffect((function(){o&&n.isFullscreen()&&n.exitFullscreen()}),[o]),a.a.createElement(a.a.Fragment,null,a.a.createElement(Yn,Object.assign({setShowSummary:l},e)),a.a.createElement(jr,Object.assign({showSummary:o,setShowSummary:l},e)))}n(1347);var Lr=n(1089);function Mr(e){var t,n,r,i=(t=e.interactive,r=0,null===(n=null==t?void 0:t.timepoints)||void 0===n||n.forEach((function(e){var t;return null===(t=e.interactions)||void 0===t?void 0:t.forEach((function(){return r++}))})),r>0),o=[];return e.onClickEditDetails&&o.push({label:"Edit details",svgName:ut.b.Edit,button:!0,className:"btn btn-outline-dark",onClick:e.onClickEditDetails}),e.onClickPublish&&o.push({label:"Publish",button:!0,className:"btn btn-dark ml-2".concat(i?"":" disabled"),disabled:!i,tooltip:i?"":"Interactives cannot be published without questions",onClick:function(){if(!i)return;e.onClickPublish&&e.onClickPublish()}}),o.length?a.a.createElement(J.a,{node:e.portalNode},a.a.createElement(Lr.a,{actions:o})):a.a.createElement(a.a.Fragment,null)}var _r=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 Dr(e){var t=e.title,n=e.player,r=e.track,i=e.mode,o=e.interactive,c=e.imageApi,l=e.actionsPortalNode,u=e.questionListPortalNode,d=e.summaryPortalNode,m=e.resultsService,f=e.currentUser,p=e.progress,v=e.latestSession,y=e.clipOffset,g=e.analyticsService,b=e.config,h=function(e){var t=e.player,n=e.track,r=e.interactive,i=e.clipOffset,o=F(a.a.useState(!1),2),c=o[0],l=o[1],s=F(a.a.useState(!1),2),u=s[0],d=s[1],m=F(a.a.useState(null),2),f=m[0],p=m[1];function v(e){return i?e+i:e}function y(e){d(!!e&&c),l(e)}function g(){var e=n.activeCues;if(!e.length)return y(!1),void p(null);var a=r.timepoints.find((function(t){return t.id.toString()===e[0].text.toString()}));if(!a)return y(!1),void p(null);a.shouldPause&&(t.seeking()?t.one("play",(function(){return t.pause()})):t.pause()),y(!0),p(a)}function b(e){for(var t=0;t<n.cues.length;t++){var r=n.cues[t];if(r.text.toString()===e.toString())return r}}return a.a.useEffect((function(){return n.addEventListener("cuechange",g),function(){return n.removeEventListener("cuechange",g)}})),{open:c,setOpen:y,wasOpen:u,timepoint:f,continueInteractive:function(){y(!1),t.play()},updateCue:function(e,t){var n=b(e);n.text=t.toString(),n.originalCue_.text=t.toString()},addCue:function(e){var r=t.currentTime();n.addCue({startTime:v(r)-.001,endTime:v(r+1),text:e}),n.trigger("cv:cuechange"),t.paused()&&n.trigger("cuechange")},removeCue:function(e){e=v(e);for(var t=0;t<n.cues.length;){var r=n.cues[t];if(r.startTime<=e&&r.endTime>=e){n.removeCue(r),n.trigger("cv:cuechange"),n.trigger("cuechange");break}t++}},moveTimepoint:function(e){var r=b(f.id);if(r){var a=e/1e3;r.startTime=v(a),r.endTime=v(a+1),t.currentTime(a+.5,!0),f.visibleAt=e,n.trigger("cv:cuechange")}},getClipOffset:v}}({player:n,track:r,interactive:o,mode:i,clipOffset:y}),w=h.open,E=h.timepoint,I=h.wasOpen,S=_r(h,["open","timepoint","wasOpen"]),C=Kt(Object.assign({mode:i,interactive:o,timepoint:E,player:n,resultsService:m,latestSession:v,analyticsService:g},S)),k=C.interaction,x=C.interactionState,N=C.nextInteraction,O=C.nextInteractionState,A=C.timepointState,T=C.state,j=_r(C,["interaction","interactionState","nextInteraction","nextInteractionState","timepointState","state"]);!function(e){var t,n=e.mode,r=e.player,i=e.timepoint,o=e.interaction,c=e.discardChanges,l=e.interactionState,u=e.timepointState,d=Object(M.a)(),m=n===s.InteractiveMode.Create;a.a.useEffect((function(){if(m){if(D(null==o?void 0:o.id)||(null==l?void 0:l.hasChanges)||(null==u?void 0:u.hasChanges))return d.lock({id:"interactive",title:"Are you sure you want to leave?",text:"Your interactive still has unsaved changes"}),void r.lock((function(e){c(e)}));r.unlock(),d.unlock("interactive")}}),[o,null==l?void 0:l.hasChanges,null===(t=null==i?void 0:i.interactions)||void 0===t?void 0:t.length,null==u?void 0:u.hasChanges])}({mode:i,player:n,timepoint:E,interaction:k,discardChanges:j.discardChanges,interactionState:x,timepointState:A});var P={mode:i,open:w,isCreate:i===R.a.Create,interaction:k,nextInteraction:N,timepoint:E,interactive:o,interactionState:x,nextInteractionState:O,timepointState:A,player:n};return a.a.createElement(a.a.Fragment,null,!!l&&a.a.createElement(Mr,{interactive:o,onClickEditDetails:e.onClickEditDetails,onClickPublish:e.onClickPublish,portalNode:l}),a.a.createElement(Jt,Object.assign({},P,j)),a.a.createElement(Gn,Object.assign({imageApi:c,currentUser:f,immediateFeedback:o.immediateFeedback,delayFocus:!I},P,j,S)),a.a.createElement(Fr,Object.assign({title:t,currentUser:f,state:T,portalNode:d,progress:p,resultsService:m,imageCdnUrl:c.toString(),onShowSummary:e.onShowSummary},P,j)),a.a.createElement(an,Object.assign({portalNode:u,config:b,currentUser:f},P,j)))}c.a.registerComponent("Interactive",Object(P.a)((function(e,t){return a.a.createElement(Dr,Object.assign({player:e},t))})));var Ur=n(267),qr=n(270);function Br(e){var t=e.player;function n(){var e=t.getChild("ContinueSession");t.removeChild(e),e.dispose()}function r(){e.continue(!0),n()}var i=[{buttonText:"Start again",variant:"link",onClick:function(){e.continue(!1),n()}},{buttonText:"Continue",variant:"dark",onClick:r}];return a.a.createElement(Ur.a,{title:"Continue interactive?",closePopup:r},a.a.createElement("p",null,"It looks like you've already started this interactive. Would you like to continue your attempt or start a new one?"),a.a.createElement(qr.a,{buttons:i}))}function Vr(e){return(Vr="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function zr(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function Wr(e,t){return(Wr=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function Hr(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=Xr(e);if(t){var a=Xr(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return Qr(this,n)}}function Qr(e,t){if(t&&("object"===Vr(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}function Xr(e){return(Xr=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}c.a.registerComponent("ContinueSession",Object(P.a)((function(e,t){return a.a.createElement(Br,Object.assign({player:e},t))})));var Gr=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}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&Wr(e,t)}(i,e);var t,n,r,a=Hr(i);function i(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i),(t=a.call(this,e)).enabled=!1,t.player.ready((function(){return t.initialize()})),t}return t=i,(n=[{key:"initialize",value:function(){this.onReceiveMessage=this.onReceiveMessage.bind(this),window.addEventListener("message",this.onReceiveMessage,!1),window.parent.postMessage(JSON.stringify({type:"cv-app-loaded"}),"*")}},{key:"dispose",value:function(){window.removeEventListener("message",this.onReceiveMessage)}},{key:"onReceiveMessage",value:function(e){var t={};try{t=JSON.parse(e.data)}catch(e){return}"enable-grade-passback"===t.type&&(this.enabled=!0,window.removeEventListener("message",this.onReceiveMessage))}},{key:"submit",value:function(e,t){var n={type:"cv-lms-submit-score",data:{score:e,fullyGraded:t}};window.parent.postMessage(JSON.stringify(n),"*")}}])&&zr(t.prototype,n),r&&zr(t,r),Object.defineProperty(t,"prototype",{writable:!1}),i}(c.a.getPlugin("plugin"));c.a.registerPlugin("gradePassbackPlugin",Gr);n(1348);function Kr(e){return(Kr="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function $r(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 Yr(e,t){return(Yr=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function Zr(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=ea(e);if(t){var a=ea(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return Jr(this,n)}}function Jr(e,t){if(t&&("object"===Kr(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}function ea(e){return(ea=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var ta=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}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&Yr(e,t)}(i,e);var t,n,r,a=Zr(i);function i(e,t){var n;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i),(n=a.call(this,e)).continueSession=!1,n.options=t,e.ready((function(){return n.initialize()})),n}return t=i,(n=[{key:"initialize",value:function(){var e=this;this.player.gradePassbackPlugin(),l.a.useTrack(this.player,"metadata","interactive",this.onTrackLoaded.bind(this)),this.player.addClass("cv-interactive-plugin"),this.options.resultsService&&!this.options.latestSession&&(this.startSession=this.startSession.bind(this),this.player.one("play",this.startSession),this.on("dispose",(function(){e.player.off("play",e.startSession)})))}},{key:"startSession",value:function(){var e,t=null===(e=this.options.latestSession)||void 0===e?void 0:e.resultId;this.continueSession||(t=null),this.options.resultsService.start(t)}},{key:"onTrackLoaded",value:function(e){var t=this;this.options.resultsService&&this.options.latestSession?(this.player.pause(),this.player.addChild("ContinueSession",{continue:function(n){t.options.analyticsService.logUserAction({},{actionType:We.UserAction.Click,entity:We.EntityType.Interactive,descriptor:n?We.InteractiveSessionDescriptor.ContinueSession:We.InteractiveSessionDescriptor.NewSession}),t.continueSession=n,t.startSession(),t.addChildren(e),t.player.play()}})):this.addChildren(e)}},{key:"addChildren",value:function(e){this.player.addChild("Interactive",Object.assign(Object.assign({},this.options),{track:e,mode:this.options.mode||s.InteractiveMode.View,latestSession:this.continueSession&&this.options.latestSession})),this.player.controlBar.getChild("progressControl").getChild("SeekBar").addChild(new j(this.player,{interactive:this.options.interactive,track:e}))}}])&&$r(t.prototype,n),r&&$r(t,r),Object.defineProperty(t,"prototype",{writable:!1}),i}(c.a.getPlugin("plugin"));c.a.registerPlugin("viewInteractivePlugin",ta);var na=n(124);function ra(e){return(ra="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 aa(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 ia(e,t){return(ia=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function oa(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=la(e);if(t){var a=la(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return ca(this,n)}}function ca(e,t){if(t&&("object"===ra(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}function la(e){return(la=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var sa=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}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&ia(e,t)}(i,e);var t,n,r,a=oa(i);function i(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i),a.call(this,"Could not connect to submit interactive results")}return t=i,(n=[{key:"name",get:function(){return"InternetConnectivityError"}},{key:"dialogOptions",get:function(){return{title:"Connection issues",text:"There seems to be an issue with your internet connection. Refresh the page to try again. ",buttons:[{text:"Refresh",className:"btn btn-dark",success:!0}]}}},{key:"onDone",value:function(){window.location.reload()}}])&&aa(t.prototype,n),r&&aa(t,r),Object.defineProperty(t,"prototype",{writable:!1}),i}(n(115).a);function ua(e){return function(e){if(Array.isArray(e))return da(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return da(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 da(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 da(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 ma(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 fa=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))},pa=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 na.a).withUrl("".concat(t.playerApi.origin,"/hubs/interactives"),{withCredentials:!1}).configureLogging(na.c.Error).withAutomaticReconnect([0,2e3,1e4,3e4]).build(),this.connection.onreconnecting((function(){n.log("reconnecting"),n.isConnected=!1})),this.connection.onreconnected((function(){n.log("reconnected"),n.isConnected=!0,n.flush()})),this.connection.onclose((function(){n.log("connection closed"),n.isConnected=!1,n.reconnect()})),this.save=this.save.bind(this)}var t,n,r;return t=e,(n=[{key:"start",value:function(e){var t=this;this.isConnected||(e&&(this.resultId=e),this.log("starting"),this.connection.start().then((function(){return fa(t,void 0,void 0,regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return this.log("connected"),this.retryCount=0,this.isConnected=!0,e.next=5,this.startSession();case 5:this.flush();case 6:case"end":return e.stop()}}),e,this)})))})).catch((function(){t.reconnect()})))}},{key:"stop",value:function(){return fa(this,void 0,void 0,regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,this.flush();case 2:this.connection.stop();case 3:case"end":return e.stop()}}),e,this)})))}},{key:"log",value:function(){}},{key:"reconnect",value:function(){this.retryCount>=5?i.a.ErrorHelper.throw(new sa):(this.retryCount++,this.start())}},{key:"startSession",value:function(){return fa(this,void 0,void 0,regeneratorRuntime.mark((function e(){var t,n,r,a,o,c,l;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!this.resultId){e.next=2;break}return e.abrupt("return");case 2:return t=this.options,n=t.interactiveId,r=t.mediaId,a=t.userId,o=t.customerId,c=t.shareId,e.prev=3,e.next=6,this.connection.invoke("startSession",n,r,a,o,c);case 6:l=e.sent,this.resultId=l.resultId,e.next=13;break;case 10:e.prev=10,e.t0=e.catch(3),i.a.ErrorHelper.throw(new sa);case 13:case"end":return e.stop()}}),e,this,[[3,10]])})))}},{key:"flush",value:function(){return fa(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:ua(this.cache).forEach((function(e){return fa(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 fa(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)})))}}])&&ma(t.prototype,n),r&&ma(t,r),Object.defineProperty(t,"prototype",{writable:!1}),e}(),va=function(e,t){var n,r=e.addTextTrack("metadata","interactive"),a=t.additionalData.interactive,i=null===(n=t.additionalData.clipData)||void 0===n?void 0:n.startTime;return a.timepoints.forEach((function(e){var t,n=e.visibleAt/1e3,a=e.visibleFor?n+e.visibleFor/1e3:n+1;i&&(n+=i,a+=i),(null===(t=e.interactions)||void 0===t?void 0:t.length)&&r.addCue({startTime:n-.001,endTime:a,text:e.id})})),r},ya=n(405);function ga(e){return(ga="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 ba(e){return function(e){if(Array.isArray(e))return ha(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return ha(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 ha(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 ha(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 wa(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 Ea(){return(Ea="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(e,t,n){var r=Ia(e,t);if(r){var a=Object.getOwnPropertyDescriptor(r,t);return a.get?a.get.call(arguments.length<3?e:n):a.value}}).apply(this,arguments)}function Ia(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=xa(e)););return e}function Sa(e,t){return(Sa=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function Ca(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=xa(e);if(t){var a=xa(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return ka(this,n)}}function ka(e,t){if(t&&("object"===ga(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}function xa(e){return(xa=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var Na=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))},Oa=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}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&Sa(e,t)}(c,e);var t,n,r,a=Ca(c);function c(e,t){var n;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,c),(n=a.call(this,e,t)).totalProgress=[],q.a.setToken("gateway",n.options.authToken),n.player.one("dispose",(function(){n.resultsService&&n.resultsService.stop()})),n.options.mode===s.InteractiveMode.Create&&n.player.addClass("cv-create-interactives"),n}return t=c,(n=[{key:"getPlayerOptions",value:function(){var e=Ea(xa(c.prototype),"getPlayerOptions",this).call(this);return e.setMaxHeight=!1,this.options.embed||(e.aspectRatio="16:9"),e}},{key:"onFlushProgress",value:function(e){var t;Ea(xa(c.prototype),"onFlushProgress",this).call(this,e),this.options.mode!==s.InteractiveMode.Create&&(t=this.totalProgress).push.apply(t,ba(e))}},{key:"additionalSetup",value:function(e){var t=this,n=Object.create(null,{additionalSetup:{get:function(){return Ea(xa(c.prototype),"additionalSetup",t)}}});return Na(this,void 0,void 0,regeneratorRuntime.mark((function t(){return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:n.additionalSetup.call(this,e),this.setupUpClipPlugin(e),this.setupViewInteractivePlugin(e);case 3:case"end":return t.stop()}}),t,this)})))}},{key:"setupUpClipPlugin",value:function(e){var t;if(null===(t=null==e?void 0:e.additionalData)||void 0===t?void 0:t.clipData){var n=e.additionalData.clipData;this.player.clipPlugin({startTime:n.startTime,endTime:n.endTime})}}},{key:"setupViewInteractivePlugin",value:function(e){var t;this.track=va(this.player,e);var n=e.additionalData.interactive,r=null===(t=e.additionalData.clipData)||void 0===t?void 0:t.startTime;this.options.collectResults&&(this.options.currentUser||i.a.ErrorHelper.throw(new o.a("Must provide a currentUser in order to collect interactive results")),this.options.shareId||i.a.ErrorHelper.throw(new o.a("Must provide a shareId in order to collect interactive results")),this.resultsService=new pa({interactiveId:n.id,mediaId:e.mediaId,userId:this.options.currentUser.id,customerId:this.options.currentUser.customerId,playerApi:this.options.playerApi,shareId:this.options.shareId})),this.player.viewInteractivePlugin({interactive:n,title:e.title,mode:this.options.mode,imageApi:this.options.imageApi,resultsService:this.resultsService,actionsPortalNode:this.options.actionsPortalNode,questionListPortalNode:this.options.questionListPortalNode,summaryPortalNode:this.options.summaryPortalNode,currentUser:this.options.currentUser,config:this.options.config,latestSession:e.additionalData.latestSession,progress:this.totalProgress,clipOffset:r,analyticsService:this.analyticsService,onShowSummary:this.options.onShowSummary,onClickEditDetails:this.options.onClickEditDetails,onClickPublish:this.options.onClickPublish})}},{key:"getAdditionalAnalyticsData",value:function(e){var t,n,r,a;return(null===(n=null===(t=e.additionalData)||void 0===t?void 0:t.clipData)||void 0===n?void 0:n.clipId)?{clip:{id:null===(a=null===(r=e.additionalData)||void 0===r?void 0:r.clipData)||void 0===a?void 0:a.clipId}}:{}}},{key:"getSeekBarOptions",value:function(){return{ignoreChapters:!0}}},{key:"getAnalyticsPlayerType",value:function(){return"interactive-player"}},{key:"setFavourite",value:function(e,t){this.player.favouritePlugin().setFavourite(e,t)}},{key:"setActivityStatus",value:function(e,t){this.player.activityStatusPlugin().setActivityStatus(e,t)}}])&&wa(t.prototype,n),r&&wa(t,r),Object.defineProperty(t,"prototype",{writable:!1}),c}(ya.a);n.d(t,"a",(function(){return Ta}));var Aa=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 Ta(e){var t=e.onReady,n=e.className,r=Aa(e,["onReady","className"]),i=a.a.useRef();return a.a.useEffect((function(){var e=new Oa(i.current,r);return t&&e.ready((function(){t(e)})),function(){e.dispose()}}),[]),a.a.createElement(a.a.Fragment,null,a.a.createElement("div",{ref:i,className:n}),a.a.createElement("div",{id:"popup-region"}))}},1261:function(e,t,n){"use strict";n.d(t,"a",(function(){return h}));var r=n(0),a=n.n(r),i=n(275),o=n(1138),c=n(177),l=n(69),s=n(28),u=n(85),d=n(1113),m=n(1155),f=n(1262),p=n.n(f),v="shared.interactiveQuestions";function y(e){var t=e.interaction;switch((0,e.getCorrectness)(t)){case d.a.Correct:return a.a.createElement("span",{className:"text-success"},a.a.createElement(l.a,{size:l.b.Medium,svgName:s.b.Check}));case d.a.Incorrect:return a.a.createElement("span",{className:"text-danger"},a.a.createElement(l.a,{size:l.b.Medium,svgName:s.b.Close}));case d.a.AwaitingMarking:return a.a.createElement("span",{className:"text-muted italic"},a.a.createElement("i",null,a.a.createElement(u.b,{namespace:v,phrase:"pending"})));case d.a.UnAnswered:return a.a.createElement("button",{className:"btn btn-outline-dark"},a.a.createElement(u.b,{namespace:v,phrase:"answer"}));case d.a.Answered:return a.a.createElement("span",{className:"text-muted italic"},a.a.createElement("i",null,a.a.createElement(u.b,{namespace:v,phrase:"answered"})));case d.a.NotApplicable:return a.a.createElement(a.a.Fragment,null)}}function g(e){var t=e.interaction,n=e.visibleAt,r=e.selectedInteractionId,i=e.goToTimepoint,u=e.scrollTo,d=e.isFirstInteraction,f=t.id.toString()===(null==r?void 0:r.toString()),v=a.a.useRef();a.a.useEffect((function(){if(f&&v.current){var e=v.current,t=e.getBoundingClientRect(),n=t.top-e.offsetParent.getBoundingClientRect().top;u(n,t.height)}}),[f]);var g=i?"cursor-pointer":"cursor-default";return a.a.createElement("div",{ref:v},a.a.createElement(c.a,{className:"py-2 ".concat(g," ").concat(p.a.row," ").concat(f?p.a.selected:""),onClick:f?function(){}:function(){i&&i(t.id)}},a.a.createElement("span",{className:"".concat(p.a.time," mr-2 ").concat(f?"font-weight-bold":"")},d?o.a.ToDisplayDuration(n):""),a.a.createElement(m.a,{interaction:t,showTypeName:!0,typeNameClassName:p.a.type,questionClassName:p.a.question}),e.onClickDelete&&a.a.createElement(c.a,{onClick:function(n){n.stopPropagation(),e.onClickDelete(t.id)},className:"".concat(p.a.deleteContainer)},a.a.createElement("span",{className:"text-right ".concat(p.a.delete)},a.a.createElement(l.a,{size:l.b.Medium,svgName:s.b.Delete}))),e.getCorrectness&&a.a.createElement("span",{className:"text-right ".concat(p.a.correctness)},a.a.createElement(y,{interaction:t,getCorrectness:e.getCorrectness}))))}function b(e){var t=e.timepoint,n=e.scrollTo,r=e.onClickDelete,i=e.selectedInteractionId,o=e.getCorrectness;function c(n){e.goToTimepoint&&e.goToTimepoint(t.id,n)}return t.interactions?a.a.createElement("div",null,t.interactions.map((function(e,l){return a.a.createElement(g,{interaction:e,visibleAt:t.visibleAt,goToTimepoint:c,onClickDelete:r,scrollTo:n,selectedInteractionId:i,isFirstInteraction:0===l,getCorrectness:o,key:l})}))):a.a.createElement(a.a.Fragment,null)}function h(e){var t=e.interactive,n=e.goToTimepoint,r=e.selectedInteractionId,o=e.maxHeight,c=e.onClickDelete,l=e.getCorrectness,s=a.a.useRef();function u(e,t){if(s.current){var n=s.current.getClientHeight(),r=s.current.getScrollTop(),a=e+r;(a<r||a+t>r+n)&&s.current.scrollTop(a-n/2+t/2)}}var d=n?"border rounded":"";return a.a.createElement(i.Scrollbars,{autoHeight:!0,autoHeightMax:o,className:d,hideTracksWhenNotNeeded:!0,ref:s},a.a.createElement("div",{className:"px-3 py-1"},t.timepoints.map((function(e,t){return a.a.createElement(b,{key:t,timepoint:e,goToTimepoint:n,selectedInteractionId:r,scrollTo:u,onClickDelete:c,getCorrectness:l})}))))}},1262:function(e,t,n){e.exports={time:"_3B2vs",type:"_3lYII",question:"_3WHlt",deleteContainer:"Dqlwr",delete:"_4TtZ",correctness:"_3G9s-",selected:"_20LzY",row:"_3uCfp"}},1263:function(e,t,n){"use strict";n.d(t,"a",(function(){return c}));var r=n(0),a=n.n(r),i=n(1349),o=n.n(i);function c(e){var t=e.isEdit;return a.a.createElement("div",{className:"px-3 w-100 ".concat(t?o.a.edit:"")},t?a.a.createElement("div",{className:"d-flex justify-content-between align-items-center mb-3"},a.a.createElement("div",{className:"partial-loading-background ".concat(o.a.heading)}),a.a.createElement("div",null,a.a.createElement("div",{className:"partial-loading-background d-inline-block ".concat(o.a.button)}),a.a.createElement("div",{className:"partial-loading-background d-inline-block ml-2 ".concat(o.a.button)}))):a.a.createElement("div",{className:"partial-loading-background ".concat(o.a.notice)}),a.a.createElement("div",{className:"partial-loading-background mb-3 ".concat(o.a.video)},a.a.createElement("div",{className:"partial-loading-background ".concat(o.a.questions)})),a.a.createElement("div",{className:"partial-loading-background mb-3 ".concat(o.a.heading)}),a.a.createElement("div",null,Array(5).fill(null).map((function(e,t){return a.a.createElement("div",{key:t,className:"partial-loading-background my-2 ".concat(o.a.interaction)})}))))}},1320:function(e,t,n){},1321:function(e,t,n){},1322:function(e,t,n){},1323:function(e,t,n){},1328:function(e,t,n){},1329:function(e,t,n){},1330:function(e,t,n){},1331:function(e,t,n){e.exports={incorrect:"_3pK3B",answer:"_2ItYx",avatarContainer:"_3DkKy"}},1332:function(e,t,n){},1333:function(e,t,n){e.exports={feedback:"_2hJr3",avatarContainer:"_2Ukg-",avatarContainerSmall:"_1E7DW",incorrect:"xbaUc"}},1334:function(e,t,n){e.exports={svg:"_17Ny-",iconButton:"x1ePL",iconWithText:"_2BmJR",iconOnly:"_2DnLq"}},1335:function(e,t,n){},1336:function(e,t,n){},1337:function(e,t,n){},1338:function(e,t,n){},1339:function(e,t,n){e.exports={type:"_3N9_3",dragIcon:"_1GfpD",name:"_3s8vL",dragging:"_1qnqN"}},1340:function(e,t,n){},1341:function(e,t,n){},1342:function(e,t,n){e.exports={interaction:"_3SUOU"}},1343:function(e,t,n){e.exports={progress:"_1myQT"}},1344:function(e,t,n){e.exports={avatarContainer:"_27TEu"}},1345:function(e,t,n){e.exports={feedback:"F7uFH"}},1346:function(e,t,n){e.exports={bar:"_2pc-n"}},1347:function(e,t,n){},1348:function(e,t,n){},1349:function(e,t,n){e.exports={video:"_3LBoh",notice:"_3Ebra",heading:"_3dAbk",interaction:"_2rGzr",button:"_21cTi",edit:"_28OGp",questions:"_1SVHi"}},1478:function(e,t,n){"use strict";n.d(t,"a",(function(){return M}));var r=n(0),a=n(233),i=n(8),o=n(268),c=n(61),l=n(1),s=n(53),u=n(1181),d=n(1122),m=n(85),f=n(1135),p=n(1089),v=n(207),y=n(274),g=n(42),b=n(1229),h=n(7),w=n(5),E=n(399),I=n(1115),S=n(197),C=n(377),k=n(1166),x=n(1263),N=n(1163),O=n(1164),A=n(1160),T=n(386),j=n(1094);function P(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,a,i=[],o=!0,c=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(c)throw a}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return R(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return R(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function R(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var F="interactives.previewInteractive",L=i.a.encloseNamespace(F);function M(e){var t,n,i,R,M,_=e.shareId?l.LocationContext.PreviewSharedInteractive:l.LocationContext.PreviewInteractive,D=P(r.useState(!1),2),U=D[0],q=D[1],B=r.useRef(),V=r.useMemo((function(){return Object(a.c)()}),[]),z=r.useRef(),W=Object(I.b)(I.a.PlayPage),H=Object(O.a)(e.interactive,e.currentUser,e.queryParams.context,e.queryParams.contextId),Q=y.a.isFavouritedByCurrentUser(e.interactive),X=Object(C.a)(_),G=X.setFavourite,K=X.canFavourite;Object(o.a)(e.interactive.name),Object(k.a)(e.interactive,e.queryParams),Object(S.c)(B.current,K(e.interactive),Q,(function(){G(e.interactive,!Q,null)})),Object(A.a)(),Object(j.a)(null!==(t=H.videos)&&void 0!==t?t:[],{hasCurriculumLinks:!0});var $,Y,Z,J,ee=($=e.interactive).clip||$.video;g.a.isClip(ee)?(Y=null===(i=null===(n=ee.interactives)||void 0===n?void 0:n.data)||void 0===i?void 0:i.filter((function(t){return t.id.toString()!==e.interactive.id.toString()})),Z=ee.name,J={application:w.a.DEFAULT,action:h.a.Default.PLAY_CLIP,args:[ee.id,c.a.slugify(ee.name)]}):(Y=null===(M=null===(R=ee.interactives)||void 0===R?void 0:R.data)||void 0===M?void 0:M.filter((function(t){return t.id.toString()!==e.interactive.id.toString()})),Z=ee.name,J={application:w.a.DEFAULT,action:h.a.Default.PLAY_VIDEO,args:[ee.id,c.a.slugify(ee.name)]});var te=e.interactive.status===v.a.Draft;return r.createElement(m.a.Provider,{value:F},!U&&r.createElement(x.a,{isEdit:!0}),r.createElement("div",{className:"px-3 ".concat(U?"":"d-none")},r.createElement("div",{className:"alert alert-info",role:"alert"},r.createElement(m.b,{phrase:"alert"})),r.createElement("div",{className:"mb-3"},r.createElement(b.a,{viewKey:e.viewKey,imageApi:new URL(e.config.imageCdnUrl),playerApi:new URL(e.config.playerApiUrl),hotkeyElQuerySelector:"body",autoplay:!0,onReady:function(t){B.current=t,q(!0),z.current=new E.a({player:t,video:e.interactive,analyticsLocation:_,shareId:e.shareId})},currentUser:e.currentUser,questionListPortalNode:V})),r.createElement("div",{className:"d-flex justify-content-between align-items-center"},r.createElement("div",null,r.createElement("h1",{className:"h3 d-inline-block m-0 mb-2"},te&&r.createElement("span",{className:"badge badge-secondary mr-2 align-bottom"},"Draft"),e.interactive.name),r.createElement("div",{className:"mb-1 mr-3 clamp-1"},r.createElement(m.b,{phrase:"backTo"}),": ",r.createElement(s.a,{appLink:J,className:"text-info"},Z))),r.createElement(p.a,{actions:W(e.interactive),actionsDropdownClassName:"btn btn-outline-dark"})),e.interactive.description&&r.createElement("p",null,e.interactive.description),r.createElement("div",{className:"mb-3"},r.createElement(a.b,{node:V})),!!(null==Y?void 0:Y.length)&&r.createElement("div",{className:"mx-n1"},r.createElement(d.a,{name:L("otherInteractives",{count:Y.length}),contents:f.a.Interactives,collection:Y,prefetched:!0,getChildAppLink:function(e){return{application:w.a.INTERACTIVES,action:h.a.Interactives.VIEW_INTERACTIVE,args:[e.id,c.a.slugify(e.name)]}},childComponent:function(e){return r.createElement(u.a,Object.assign({video:ee,questionsAppLink:{application:w.a.INTERACTIVES,action:h.a.Interactives.PREVIEW_QUESTIONS}},e))},analyticsData:{widgetId:"interactives"}})),r.createElement(N.a,{currentVideo:e.interactive,setFavourite:G,currentUser:e.currentUser,relatedVideos:H,getVideoAppLink:function(t){return T.a.getAppLink(t,{context:e.queryParams.context,contextId:e.queryParams.contextId,playNext:e.queryParams.playNext,shareId:e.shareId})}})))}},1489:function(e,t,n){"use strict";n.d(t,"a",(function(){return S}));var r=n(0),a=n.n(r),i=n(233),o=n(268),c=n(274),l=n(134),s=n(1),u=n(1229),d=n(399),m=n(197),f=n(377),p=n(411),v=n(1166),y=n(1163),g=n(1164),b=n(1160),h=n(386),w=n(1094);function E(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,a,i=[],o=!0,c=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(c)throw a}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return I(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return I(e,t)}(e,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 I(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function S(e){var t,n=e.shareId?s.LocationContext.PlaySharedInteractive:s.LocationContext.PlayInteractive,r=E(a.a.useState(),2),I=r[0],S=r[1],C=E(a.a.useState(!0),2),k=C[0],x=C[1],N=a.a.useRef(),O=Object(g.a)(e.interactive,e.currentUser,e.queryParams.context,e.queryParams.contextId),A=a.a.useMemo((function(){return Object(i.c)()}),[]),T=c.a.isFavouritedByCurrentUser(e.interactive),j=Object(f.a)(n),P=j.setFavourite,R=j.canFavourite,F=Object(p.a)(n);return Object(m.c)(I,R(e.interactive),T,(function(){P(e.interactive,!T,null)})),Object(m.b)(I,e.activityStatus,e.currentUser,(function(){var t=e.activityStatus===l.a.Complete?l.a.Incomplete:l.a.Complete;F(e.shareId,e.interactive,t)})),Object(o.a)(e.interactive.name),Object(v.a)(e.interactive,e.queryParams),Object(b.a)(),Object(w.a)(null!==(t=O.videos)&&void 0!==t?t:[],{hasCurriculumLinks:!0}),a.a.createElement("div",{className:"px-3"},a.a.createElement("div",{className:"mb-3"},a.a.createElement(u.a,{viewKey:e.viewKey,imageApi:new URL(e.config.imageCdnUrl),playerApi:new URL(e.config.playerApiUrl),hotkeyElQuerySelector:"body",autoplay:!0,onReady:function(t){S(t),N.current=new d.a({player:t,video:e.interactive,shareId:e.shareId,analyticsLocation:n})},currentUser:e.currentUser,collectResults:e.currentUser.isAuthenticated&&!!e.shareId,shareId:e.shareId,summaryPortalNode:A,onShowSummary:function(e){x(!e)},sharerInstanceRegion:e.sharerInstanceRegion})),a.a.createElement("div",null,k&&a.a.createElement("h1",{className:"h3"},e.interactive.name)),a.a.createElement(i.b,{node:A}),a.a.createElement(y.a,{currentVideo:e.interactive,currentUser:e.currentUser,setFavourite:P,relatedVideos:O,getVideoAppLink:function(t){return h.a.getAppLink(t,{context:e.queryParams.context,contextId:e.queryParams.contextId,playNext:e.queryParams.playNext,shareId:e.shareId})}}))}},2128:function(e,t,n){"use strict";n.r(t),n.d(t,"InteractiveView",(function(){return E}));var r=n(0),a=n.n(r),i=n(10),o=n(105),c=n(1108),l=n(1109),s=n(20),u=n(273),d=n(54),m=n(89),f=n(1095),p=n(1478),v=n(408),y=n(388),g=n(1134),b=n(1489),h=n(1263),w={notFound:v.a,forbidden:{privacy:y.a}};function E(e){var t,n=i.a.useBasicFetch(o.a.config()),r=i.a.useBasicFetch(s.a.currentUser()),v=i.a.useBasicFetch(u.a.interactiveMetadata(e.id)),y=i.a.useBasicFetch(v.data?c.a.createViewKey(v.data.id,l.a.MasterObject):null),E=Object(m.a)().hasPermissions;Object(f.a)(v,w),Object(g.a)(v);var I=!(y.data&&v.data&&n.data&&r.data&&(null===(t=v.data)||void 0===t?void 0:t.favouritedBy));return E(d.a.StudentExperience)?I?a.a.createElement(a.a.Fragment,null):a.a.createElement(b.a,{config:n.data,currentUser:r.data,queryParams:e.queryParams,interactive:v.data,viewKey:y.data.viewKey}):I?a.a.createElement(h.a,{isEdit:!1}):a.a.createElement(p.a,{config:n.data,currentUser:r.data,queryParams:e.queryParams,interactive:v.data,viewKey:y.data.viewKey})}}}]);
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[32,6,15],{1082:function(e,t,n){"use strict";n.d(t,"a",(function(){return u}));var r=n(3),a=n(113),i=n(271),o=n(95),c=n(378),l=n(379),s={notFound:i.a,forbidden:{rating:c.a,yearLevel:c.a,region:l.a,privacy:c.a},badRequest:o.a};function u(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(e){var i;i="number"==typeof e?e:e.status;var o=Object.assign(Object.assign({},s),t);i&&r.a.ErrorHelper.isStatusCodeError(i)&&(i!==a.a.NotFound?i!==a.a.Forbidden?n.badRequest||r.a.ErrorHelper.throw(new o.badRequest):n.forbidden||r.a.ErrorHelper.throw(new o.forbidden.privacy):n.notFound||r.a.ErrorHelper.throw(new o.notFound))}}},1093:function(e,t,n){"use strict";n.d(t,"a",(function(){return f}));var r=n(10),a=n(20),i=n(204),o=n(272),c=n(1098),l=n(236);function s(e){return function(e){if(Array.isArray(e))return u(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return u(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 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 n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var d={ratings:!1,favourites:!1,watchHistory:!1,hasCurriculumLinks:!1};function m(e,t){var n=r.a.useGetResponse(null==t?void 0:t.key),a=r.a.useGetFetch(t);e&&t&&n.shouldFetch&&a()}function f(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=Object.assign(Object.assign({},d),t),u=n.ratings,f=n.favourites,p=n.watchHistory,v=n.hasCurriculumLinks,y=r.a.useBasicFetch(a.a.currentUser()),g=e&&(Array.isArray(e)?e.filter(Boolean).map((function(e){return e.id})):e.data.filter(Boolean).map((function(e){return e.id}))),b=y.data;if(null==b?void 0:b.isAuthenticated){var h=[];u&&(h=[].concat(s(h),[!!(null==g?void 0:g.length)&&i.a.videoRatings(g,t.flightNamespace)])),f&&(h=[].concat(s(h),[!!(null==g?void 0:g.length)&&b&&l.a.isFavourited(b.id,g,t.flightNamespace)])),p&&(h=[].concat(s(h),[!!(null==g?void 0:g.length)&&b&&c.a.videoHistory(g,t.flightNamespace)])),v&&(h=[].concat(s(h),[!!(null==g?void 0:g.length)&&o.a.hasCurriculumLinks(g,t.flightNamespace)])),h.forEach((function(t){return m(!!e,t)}))}}},1094:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var r=n(0),a=n(1082);function i(e){return e.map((function(e){return e.statusCode})).join(":")}function o(e,t,n){var o=Array.isArray(e)?e:[e];Object(r.useEffect)((function(){o.forEach((function(e){Object(a.a)(e.statusCode,t,n)}))}),[i(o),t,n])}},1098:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var r=n(65),a={userVideoHistory:function(e,t,n,a){var i="video:history",o="{gateway}/v1/users/me/watch-history";return e&&(i+=":".concat(e),o+="?cursor=".concat(e)),{key:i,url:o,formatData:function(e){return{data:e.data.map((function(e){var t=r.utc(e.lastTimeWatched).local().format(),n=r(t).format("YYYY-MM-DD");return Object.assign(Object.assign({},e),{lastTimeWatched:t,lastDateWatched:n})})),pagination:e.pagination}},success:t,error:n,always:a}},videoHistory:function(e,t,n,r,a){var i=e.sort().map((function(e){return"videoId=".concat(e)}));return{key:"video:history:videos:".concat(i.join("&")),url:"{gateway}/v1/videos/history?".concat(i.join("&")),normalizeOptions:{namespace:t},formatData:function(e){return(null==e?void 0:e.length)?e.map((function(e){return{id:e.videoId,lastProgressPoint:e.lastProgressPoint}})):e},success:n,error:r,always:a}}}},1099:function(e,t,n){"use strict";n.d(t,"a",(function(){return u}));var r=n(0),a=n.n(r),i=n(33),o=n(43),c=n(205),l=n(1101),s=n.n(l);function u(e){return a.a.createElement(a.a.Fragment,null,Array(e.numVideos).fill(null).map((function(t,n){return a.a.createElement(d,Object.assign({key:n},e))})))}function d(e){var t=Object(c.a)(),n=t===o.a.XS,r=t===o.a.SM||t===o.a.MD,l=e.withReordering&&!n;return a.a.createElement(i.Row,{className:"py-2"},a.a.createElement(i.Col,{xs:n?12:r?4:3,className:"flex-column align-items-flex-start mb-1"},a.a.createElement(i.Row,null,!!l&&a.a.createElement("div",{className:"d-flex align-items-center justify-content-center col-2"},a.a.createElement("div",{className:"partial-loading-background ".concat(s.a.partialDragHandle)})),a.a.createElement(i.Col,{xs:l?10:12},a.a.createElement("div",{className:"partial-loading-background rounded ".concat(s.a.partialThumbnail)})))),a.a.createElement(i.Col,{xs:n?12:r?8:9},a.a.createElement("div",{className:"partial-loading-background ".concat(s.a.partialSeriesLink)}),a.a.createElement("div",{className:"partial-loading-background mb-1 ".concat(s.a.partialName)}),a.a.createElement("div",{className:"partial-loading-background ".concat(s.a.partialDescription)}),a.a.createElement("div",{className:"partial-loading-background ".concat(s.a.partialBadges)}),a.a.createElement("div",{className:"partial-loading-background ".concat(s.a.partialActions)})))}u.defaultProps={numVideos:15}},1101:function(e,t,n){e.exports={partialName:"_7KNC2",partialDescription:"Vk_wR",partialThumbnail:"_3peRZ",partialDragHandle:"_1F7_f"}},1106:function(e,t,n){"use strict";n.d(t,"b",(function(){return A})),n.d(t,"a",(function(){return j}));var r=n(0),a=n(3),i=n(8),o=n(66),c=n(41),l=n(1141),s=n(1138),u=n(1201),d=n(205),m=n(276),f=n(161),p=n(1120),v=n(395),y=n(53),g=n(69),b=n(28),h=n(1198),w=n(31),E=n(27),I=n(1110),S=n(1216),C=n(1111),k=n(1215),x=n.n(k);function N(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,a,i=[],o=!0,c=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(c)throw a}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return O(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 O(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 O(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 A=12;function T(e){var t,n=e.type,k=e.analyticsData,O=void 0===k?{}:k;n===f.WidgetType.ResourcesTile&&(n=f.WidgetType.Row);var T=N(r.useState(null),2),j=T[0],P=T[1],R=N(r.useState(null),2),F=R[0],L=R[1],M=N(r.useState(0),2),_=M[0],D=M[1],U=N(r.useReducer(C.a,C.b,C.c),2),q=U[0],B=U[1],V=r.useRef(null),z=N(Object(m.a)(),2),W=z[0],H=z[1],Q=N(r.useState(!1),2),X=Q[0],G=Q[1],K=N(r.useState(!1),2),$=K[0],Y=K[1],Z=Object(v.a)({prevent:!e.lazyLoad}),J=Z.ref,ee=Z.inView,te=Object(d.a)(),ne=e.forcedMediaQuery||te,re=q.offset===q.collection.length;r.useEffect((function(){B({type:p.a.Resize,payload:{mediaQuery:ne,type:n,contents:e.contents,collection:q.collection,fullCollection:q.fullCollection}})}),[ne]),r.useEffect((function(){if(e.prefetched){var t=e.collection,r=t;e.limitTotalItems&&(r=t.length>A?t.slice(0,A):t),B({type:p.a.Init,payload:{mediaQuery:ne,type:n,contents:e.contents,collection:r,fullCollection:t}})}}),[null===(t=e.collection)||void 0===t?void 0:t.length,e.prefetched]);var ae=Object(S.i)(e,B,ne,ee);r.useEffect((function(){var t=e.prefetched?e.collection:ae.data;if(t){var n=c.a.isFunction(e.setData)?e.setData(t):t,r=n;e.limitTotalItems&&(r=n.length>A?n.slice(0,A):n),n.length===q.collection.length&&(o.a.isEqual(n,q.collection)||B({type:p.a.Update,payload:{collection:r,fullCollection:n}}))}}),[null==ae?void 0:ae.data,e.collection,q,e.prefetched]);var ie={type:q.type,size:q.currentSize,collectionSize:q.collection.length,contents:e.contents},oe=Object(S.a)(e,(null==ae?void 0:ae.data)||e.collection);if(null==ae?void 0:ae.hasError)return r.createElement(r.Fragment,null);if(!e.prefetched&&!(null==ae?void 0:ae.data)){var ce=e.partialComponent||I.a;return r.createElement("div",{ref:J},r.createElement(ce,null))}if(!q.collection.length||q.collection.length<e.minimumItemCount)return r.createElement(r.Fragment,null);var le=e.childComponent,se=function(t){return Object.assign({id:null==oe?void 0:oe.id,name:null==oe?void 0:oe.name,direction:t===p.a.Next?"right":"left"},e.analyticsData)},ue=function(){var t;return!(!e.appLink||!re)&&(e.limitTotalItems&&(null===(t=q.fullCollection)||void 0===t?void 0:t.length)>A)}();return r.createElement("div",{className:"mx-n".concat(e.paddingSize)},r.createElement("div",{className:"pb-3 px-".concat(e.paddingSize," ").concat(e.paddingTopSize?"pt-".concat(e.paddingTopSize):""," overflow-hidden-x ie-scrollbar-fix")},!e.hideName&&r.createElement("div",{className:"mb-1"},r.createElement(y.a,{appLink:Object(S.b)(e.appLink,oe),analyticsData:Object.assign({id:null==oe?void 0:oe.id,name:null==oe?void 0:oe.name},e.analyticsData),analyticsOptions:h.a.getSliderHeadingAnalyticsOptions()},r.createElement("h2",{className:"".concat(x.a.heading," ").concat(e.appLink?x.a.link:""," h4 mb-0 d-inline-block align-top pl-1")},oe.name,!!e.appLink&&r.createElement(g.a,{svgName:b.b.ChevronRight,size:g.b.Small})),e.settingsAppLink&&r.createElement(y.a,{appLink:e.settingsAppLink},r.createElement(g.a,{svgName:b.b.Cog,className:"d-inline-block svg-container cursor-pointer",title:i.a.getPhrase("shared.fixedWidget","preferencesTooltip"),tooltipPlacement:"right"}))),oe.description&&r.createElement("p",{className:"text-truncate pl-1 description"},oe.description)),r.createElement("div",{ref:W,className:"position-relative ".concat(e.hideBleedingContent?"overflow-hidden-x":"")},!e.hideBleedingContent&&!X&&r.createElement("div",{className:x.a.leftOverflowGradient}),r.createElement(s.a,{direction:s.b.Left,onClick:function(){B({type:p.a.Previous}),E.a.logUserAction(se(p.a.Previous),h.a.getSliderAnalyticsOptions()),c.a.isFunction(e.onClickPrevious)&&e.onClickPrevious()},hide:Object(S.g)(X,H,q.offset,q.viewableItems,q.collection.length),contents:e.contents,className:e.leftWidgetButtonClassName,hideExtendedClickableArea:e.hideExtendedClickableArea}),r.createElement(u.a,{position:q.position,positionType:l.a.Percentage,onTouchMove:Object(S.e)(q,V,F,L,j,P,D),onTouchEnd:Object(S.d)(V,P,_,D,B),ref:V,percentageDragged:_},q.collection.map((function(t,n){return r.createElement(le,{key:"".concat(t.id,":").concat(n),data:t,collectionAppLink:e.appLink,getAppLink:e.getChildAppLink,context:ie,preloadImage:Object(S.f)(q)(t),thumbnailSize:e.thumbnailSize||w.b.Medium,analyticsData:Object.assign({widgetId:oe.id,widgetName:oe.name,itemIndex:n},O),analyticsOptions:Object.assign(Object.assign({},null==e?void 0:e.analyticsOptions),h.a.getSliderItemAnalyticsOptions()),forcedMediaQuery:e.forcedMediaQuery,onHover:function(e){window.setTimeout((function(){!function(e,t){if(q.collection.length===q.viewableItems)return G(e),void Y(e);t+1!==q.collection.length?0!==t?(t+1-q.offset%q.viewableItems)%q.viewableItems!=0?(t-q.offset%q.viewableItems)%q.viewableItems!=0||G(e):Y(e):G(e):Y(e)}(e,n)}),e?0:200)}})}))),r.createElement(s.a,{direction:s.b.Right,onClick:function(){ue?a.a.AppLinkHelper.trigger(Object(S.b)(e.appLink,oe)):(B({type:p.a.Next}),E.a.logUserAction(se(p.a.Next),h.a.getSliderAnalyticsOptions()),c.a.isFunction(e.onClickNext)&&e.onClickNext())},hide:Object(S.h)($,H,q.offset,q.viewableItems,q.collection.length,ue),contents:e.contents,hoverText:ue&&i.a.getPhrase("shared.fixedWidget","seeMore"),className:e.rightWidgetButtonClassName,hideExtendedClickableArea:e.hideExtendedClickableArea}),!e.hideBleedingContent&&!$&&r.createElement("div",{className:x.a.rightOverflowGradient}))))}T.defaultProps={type:f.WidgetType.Row,minimumItemCount:0,paddingSize:"3"};var j=r.memo(T)},1107:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var r=n(15),a={createViewKey:function(e,t,n){var a={mediaId:e.toString(),mediaIdType:t};return n&&(a.shareContextId=n),{url:"/api/player/create-view-key",key:"view:key:".concat(e,":").concat(t),type:r.a.POST,data:a,expiryTime:28800}}}},1108:function(e,t,n){"use strict";var r;n.d(t,"a",(function(){return r})),function(e){e.Share="share",e.MasterObject="masterobject"}(r||(r={}))},1110:function(e,t,n){"use strict";n.d(t,"a",(function(){return s}));var r=n(0),a=n(43),i=n(205),o=n(1215),c=n.n(o);var l=function(e){var t=e.colSize;return r.createElement("div",{className:"col-".concat(t," px-1")},r.createElement("div",{className:"".concat(c.a.partialItem," mx-1 partial-loading-background rounded")}))};function s(e){for(var t,n=(t=Object(i.a)())===a.a.XS?{itemCount:2,colSize:6}:t===a.a.SM?{itemCount:3,colSize:4}:{itemCount:4,colSize:3},o=n.itemCount,s=n.colSize,u=[],d=0;d<o;d++)u.push(r.createElement(l,{key:d,colSize:s}));return r.createElement("div",{className:"widget pb-3"},r.createElement("div",{className:"".concat(c.a.partialHeading," mx-1 mb-1 partial-loading-background")}),!e.hideDescription&&r.createElement("div",{className:"".concat(c.a.partialDescription," mx-1 my-1 partial-loading-background")}),r.createElement("div",{className:"row no-gutters mx-n1"},u))}},1111:function(e,t,n){"use strict";n.d(t,"b",(function(){return c})),n.d(t,"a",(function(){return l})),n.d(t,"c",(function(){return s}));var r=n(43),a=n(1120),i=n(161),o=n(1216),c={offset:0,viewableItems:4,position:0,collection:[],fullCollection:[],currentSize:r.a.LG,type:i.WidgetType.Row};function l(e,t){var n,r,i=t.type,c=t.payload,l=void 0===c?{}:c;switch(i){case a.a.Next:return Object.assign(Object.assign({},e),function(e){var t=e.collection,n=e.viewableItems,r=e.offset,a=e.position,i=t.length-r;return i%n==0||i>n?{position:a-100,offset:r+n}:i<n?{position:a-i/n*100,offset:r+i}:{position:a,offset:r}}(e));case a.a.Previous:return Object.assign(Object.assign({},e),function(e){var t=e.viewableItems,n=e.offset,r=e.position,a=n-t;return a%t==0||a>t?{position:r+100,offset:n-t}:a<t?{position:r+a/t*100,offset:n-a}:{position:r,offset:n}}(e));case a.a.Resize:var u=Object(o.c)(l.contents)(l.mediaQuery,l.type,null===(n=l.collection)||void 0===n?void 0:n.length);return Object.assign(Object.assign({},e),{currentSize:l.mediaQuery,position:0,offset:u,viewableItems:u,type:l.type,fullCollection:l.fullCollection});case a.a.Init:var d=Object(o.c)(l.contents)(l.mediaQuery,l.type,null===(r=l.collection)||void 0===r?void 0:r.length);return s(Object.assign(Object.assign({},e),{collection:l.collection,currentSize:l.mediaQuery,offset:d,viewableItems:d,type:l.type,fullCollection:l.fullCollection}));case a.a.Update:return Object.assign(Object.assign({},e),{collection:l.collection,fullCollection:l.fullCollection});default:return e}}function s(e){return Object.assign(Object.assign({},c),e)}},1112:function(e,t,n){"use strict";var r;n.d(t,"a",(function(){return r})),function(e){e[e.Correct=0]="Correct",e[e.Incorrect=1]="Incorrect",e[e.AwaitingMarking=2]="AwaitingMarking",e[e.Answered=3]="Answered",e[e.UnAnswered=4]="UnAnswered",e[e.NotApplicable=5]="NotApplicable"}(r||(r={}))},1120:function(e,t,n){"use strict";var r;n.d(t,"a",(function(){return r})),function(e){e.Init="init",e.Next="next",e.Previous="previous",e.Resize="resize",e.Drag="drag",e.Update="update"}(r||(r={}))},1121:function(e,t,n){"use strict";var r=n(1106);n.d(t,"a",(function(){return r.a}));n(1111);var a=n(1110);n.d(t,"b",(function(){return a.a}))},1124:function(e,t,n){"use strict";var r=n(1192);n.d(t,"InteractiveMode",(function(){return r.a}));n(1218),n(1219),n(1220),n(1221),n(1222),n(1223),n(1224)},1133:function(e,t,n){"use strict";var r=n(0),a=n.n(r),i=n(3),o=n(387),c=n(8),l=n(76),s=n(42);function u(e){return(u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function d(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function m(e,t){return(m=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=v(e);if(t){var a=v(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return p(this,n)}}function p(e,t){if(t&&("object"===u(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}function v(e){return(v=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var y=c.a.encloseNamespace("shared.videoRatingAccess");function g(e){return s.a.isClip(e)?y("clipTitle"):s.a.isInteractive(e)?y("interactiveTitle"):y("videoTitle")}var b=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}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&m(e,t)}(i,e);var t,n,r,a=f(i);function i(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i),(t=a.call(this,g(e))).video=e,t}return t=i,(n=[{key:"name",get:function(){return"VideoRatingAccessError"}},{key:"heading",get:function(){return g(this.video)}},{key:"description",get:function(){return e=this.video,s.a.isClip(e)?y("clipDescription"):s.a.isInteractive(e)?y("interactiveDescription"):y("videoDescription");var e}}])&&d(t.prototype,n),r&&d(t,r),Object.defineProperty(t,"prototype",{writable:!1}),i}(l.a);n.d(t,"a",(function(){return w}));var h={"rating-not-allowed":b,private:o.a},w=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:h;a.a.useEffect((function(){var n;if(e.hasCompleted){var r=e.data;if(r){var a=s.a.getCanBeConsumed(r);if(!(null==a?void 0:a.value)){var o=Object.assign(Object.assign({},h),t)[null!==(n=null==a?void 0:a.reason)&&void 0!==n?n:"private"];i.a.ErrorHelper.throw(new o(r))}}}}),[e.hasCompleted])}},1134:function(e,t,n){"use strict";var r;n.d(t,"a",(function(){return r})),function(e){e.Videos="videos",e.FeedVideos="feed videos",e.Series="series",e.Subjects="subjects",e.Playlists="playlists",e.UserChannels="user channels",e.Interactives="interactives",e.Clips="clips",e.Resources="resources",e.Libraries="Libraries",e.Folders="Folders"}(r||(r={}))},1138:function(e,t,n){"use strict";n.d(t,"b",(function(){return r})),n.d(t,"a",(function(){return s}));var r,a=n(0),i=n(69),o=n(28),c=n(1142),l=n.n(c);!function(e){e[e.Left=0]="Left",e[e.Right=1]="Right"}(r||(r={}));var s=a.memo((function(e){var t,n,c=e.direction===r.Left,s=c?o.b.ChevronLeft:o.b.ChevronRight,u=(e.contents,t=c,n=l.a.topPos,n+=t?" "+l.a.left:" "+l.a.right);return e.hide?a.createElement(a.Fragment,null):a.createElement(a.Fragment,null,a.createElement("div",{role:"button",className:"".concat(u," ").concat(l.a.button," ").concat(e.className||""),onClick:e.onClick},e.hoverText&&a.createElement("span",{className:"pl-3 pr-2 ".concat(l.a.hoverText)},e.hoverText),a.createElement(i.a,{svgName:s,size:i.b.Medium,className:"svg-container d-inline-block ".concat(l.a.chevron)})),e.useGradientBackdrop&&a.createElement("div",{className:c?l.a.gradientLeft:l.a.gradientRight}),!e.hideExtendedClickableArea&&a.createElement("div",{role:"button",onClick:e.onClick,className:c?l.a.extendedClickableAreaLeft:l.a.extendedClickableAreaRight}))}))},1141:function(e,t,n){"use strict";var r;n.d(t,"a",(function(){return r})),function(e){e.Percentage="%",e.Pixels="px"}(r||(r={}))},1142:function(e,t,n){e.exports={left:"_789pr",right:"_1P8qt",button:"_24q_F",hoverText:"p-vNG",chevron:"_3M27X",gradientLeft:"_3fkiw",gradientRight:"_2RDDy",extendedClickableAreaRight:"_13dgy",extendedClickableAreaLeft:"_37LtK",videoTopPos:"_1XTRO",topPos:"_3_p_J"}},1144:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var r={VIDEO_START_TIME_CUTOFF:10,MULTI_PRESENTATION_THRESHOLD:2}},1145:function(e,t,n){"use strict";n.d(t,"a",(function(){return u}));var r=n(0),a=n.n(r),i=n(85),o=n(235),c=n(269),l=n(1181),s=n.n(l);function u(e){var t,n,r;if(!e.owner&&!e.isClickViewContent)return a.a.createElement(a.a.Fragment,null);if(e.isClickViewContent)return a.a.createElement("small",{className:"clamp-1 d-flex align-items-center"},a.a.createElement("div",{className:"svg-container sm ml-n1 ".concat(s.a.cvIcon)},a.a.createElement(o.c,null)),a.a.createElement("em",null,a.a.createElement(i.b,{namespace:"shared.videoOwnerText",phrase:"clickViewContent"})));var l=c.a.getDisplayName(e.owner);if(!l)return a.a.createElement(a.a.Fragment,null);var u=null===(n=null===(t=e.owner.customers)||void 0===t?void 0:t.data)||void 0===n?void 0:n[0],d=null!==(r=null==u?void 0:u.name)&&void 0!==r?r:"";return d&&(l+=", "),a.a.createElement("small",{className:"clamp-1"},l,d&&a.a.createElement("em",null,d))}},1159:function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var r=n(0),a=n.n(r),i=function(){function e(e){if(38===e.keyCode||40===e.keyCode)return e.preventDefault(),!1}a.a.useEffect((function(){return window.addEventListener("keydown",e,!1),function(){window.removeEventListener("keydown",e,!1)}}),[])}},1160:function(e,t,n){"use strict";n.d(t,"a",(function(){return y}));var r=n(0),a=n(1072),i=n(8),o=n(27),c=n(238),l=n(15),s=n(41),u=n(1161),d=n.n(u);function m(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,a,i=[],o=!0,c=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(c)throw a}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return f(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return f(e,t)}(e,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 f(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var p=null,v=!1;function y(e){var t=m(r.useState(p),2),n=t[0],u=t[1];if(p||v||(v=!0,Object(c.ajaxRequest)({resource:"/api/integrations/token/immersive-reader",type:l.a.GET,success:function(e){p=e,u(e),window.setTimeout((function(){p=null,v=!1}),9e5)},error:function(){}})),!n)return r.createElement(r.Fragment,null);return e.title||(e.title=i.a.getPhrase("shared.immersiveReader","titleFallback")),r.createElement("span",{className:"".concat(d.a.button," ").concat(e.className||""),onClick:function(){s.a.isFunction(e.onLaunch)&&e.onLaunch(),o.a.logUserAction(e.analyticsData,e.analyticsOptions);var t={title:e.title,chunks:[{content:e.text,mimeType:e.html?"text/html":"text/plain"}]},r=n.subdomain,i=n.token,c={uiZIndex:5e3,onExit:function(){s.a.isFunction(e.onExit)&&e.onExit()}};a.launchAsync(i,r,t,c)}},r.createElement("svg",{viewBox:"0 0 40 37"},r.createElement("path",{d:"M37.4,0.9 L37.4,9.6 L35.4,9.6 L35.4,2.9 L24.4,2.9 C22.9,3.3 20,4.5 20,6 L20,17.2 L18,17.2 L18,6 C18,5 15.6,3.6 13.8,2.9 L2,2.9 L2,29 L12.4,29 L12.4,31 L0,31 L0,0.9 L14.1,0.9 L14.3,1 C15,1.2 17.5,2.2 18.9,3.7 C20.5,1.9 23.5,1.1 23.9,1 L24.1,1 L37.4,1 L37.4,0.9 Z",fill:"#000000"}),r.createElement("path",{d:"M27.4,37 L25.8,37 L18.4,29.4 L14,29.4 L14,21 L18.4,20.9 L26.1,13 L27.4,13 L27.4,37 Z M16,27.4 L19.2,27.4 L25.3,33.7 L25.3,16.6 L19.2,22.9 L15.9,22.9 L15.9,27.4 L16,27.4 Z",fill:"#0197F2"}),r.createElement("path",{d:"M31.3,32.7 L29.6,31.7 C29.6,31.7 31.7,28.3 31.7,25.2 C31.7,21.9 29.6,18.5 29.6,18.4 L31.3,17.4 C31.4,17.6 33.7,21.3 33.7,25.2 C33.7,28.8 31.4,32.6 31.3,32.7 Z",fill:"#0197F2"}),r.createElement("path",{d:"M36.4,36.2 L34.8,35 C34.8,35 38,30.8 38,25.2 C38,19.6 34.8,15.4 34.8,15.4 L36.4,14.2 C36.5,14.4 40,19 40,25.3 C40,31.5 36.5,36 36.4,36.2 Z",fill:"#0197F2"})))}},1161:function(e,t,n){e.exports={button:"TRYB2"}},1162:function(e,t,n){"use strict";n.d(t,"a",(function(){return v}));var r=n(0),a=n.n(r),i=n(61),o=n(1127),c=n(1130),l=n(1099),s=n(85),u=n(42),d=n(5),m=n(1114),f=n(7),p=function(e){return{application:d.a.DEFAULT,action:f.a.Default.SERIES,args:[e.id,i.a.slugify(e.name)]}};function v(e){var t,n=Object(m.b)(m.a.VideoItem);if(!(null===(t=e.currentUser)||void 0===t?void 0:t.isAuthenticated))return a.a.createElement(a.a.Fragment,null);if(e.relatedVideos.hasError)return a.a.createElement(a.a.Fragment,null);if(e.relatedVideos.hasCompleted&&!e.relatedVideos.videos.length)return a.a.createElement(a.a.Fragment,null);if(!e.relatedVideos.isFetching&&!e.relatedVideos.hasCompleted)return a.a.createElement(a.a.Fragment,null);var r=!u.a.isInteractive(e.currentVideo);return a.a.createElement(o.a.Provider,{value:n},a.a.createElement("div",{className:e.className},a.a.createElement("h2",{className:"h4 mb-0"},a.a.createElement(s.b,{namespace:"shared.relatedVideos",phrase:r?"upNext":"relatedVideos"})),e.relatedVideos.isFetching?a.a.createElement(l.a,null):a.a.createElement(c.c,{videos:e.relatedVideos.videos,getSeriesAppLink:p,getVideoAppLink:e.getVideoAppLink,setFavourite:e.setFavourite})))}},1163:function(e,t,n){"use strict";n.d(t,"a",(function(){return s}));var r=n(10),a=n(42),i=n(277),o=n(204),c=n(208),l=n(100);function s(e,t,n,s){var u=Object(c.a)().hasProduct;var d,m=r.a.useBasicFetch(e&&(null==t?void 0:t.isAuthenticated)&&u(l.a.Primary)?(n&&s||!a.a.isVideo(e)||!a.a.hasSeries(e)||(n=i.a.Series,s=e.series.id),o.a.relatedVideos(e.id,t.id,n,s)):null);return{videos:(d=m.data,d?d.filter((function(e){var t;return null===(t=a.a.getCanBeConsumed(e))||void 0===t?void 0:t.value})):d),hasCompleted:m.hasCompleted,isFetching:m.isFetching,hasError:m.hasError}}},1165:function(e,t,n){"use strict";n.d(t,"a",(function(){return d}));var r=n(0),a=n.n(r),i=n(81),o=n(42),c=n(48),l=n(1144);function s(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,a,i=[],o=!0,c=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(c)throw a}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return u(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 u(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 u(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var d=function(e,t){var n=t.t,r=s(Object(i.a)(c.a.WEB_PLAYER_DATA),2),u=r[0],d=r[1];a.a.useEffect((function(){var t;if(e){var r=o.a.getVideoProgress(e),a=n&&+n||r,i=(null===(t=u.video)||void 0===t?void 0:t.id)!==e.id,c=Number.isInteger(a)&&a!==u.startTime;if(i||c){if(!a)return void d("startTime",0);if(n)return void d("startTime",+n);if(r>=e.duration/1e3-l.a.VIDEO_START_TIME_CUTOFF)return void d("startTime",0);d("startTime",a)}}}),[e,n])}},1180:function(e,t,n){"use strict";n.d(t,"a",(function(){return p}));var r=n(0),a=n.n(r),i=n(53),o=n(1113),c=n(1105),l=n(85),s=n(1145),u=n(31),d=n(1),m=n(1182),f=n.n(m),p=a.a.memo((function(e){var t,n=Object.assign(Object.assign({},e.questionsAppLink),{args:[e.data.id]});return a.a.createElement("div",{className:"flex-shrink-0 px-1 ".concat(f.a.item)},a.a.createElement("div",{className:"row m-0 border rounded p-2 h-100"},a.a.createElement("div",{className:"col-6 p-0"},a.a.createElement(o.a,{video:e.data,appLink:e.getAppLink(e.data),type:"static",imageOptions:{size:u.b.Small},textPosition:c.a.Independent,preload:!0,analyticsOptions:{location:d.LocationContext.SlidingListItem}})),a.a.createElement("div",{className:"col-6 p-0"},a.a.createElement("div",{className:"pl-2"},a.a.createElement(i.a,{appLink:e.getAppLink(e.data)},a.a.createElement("h3",{className:"h6 mb-1"},a.a.createElement("span",{className:"clamp-2"},e.data.name))),a.a.createElement(s.a,{owner:e.data.owner,isClickViewContent:null===(t=e.data._isClickViewContent)||void 0===t?void 0:t.value}),a.a.createElement(i.a,{className:"info-link",appLink:n},a.a.createElement(l.b,{namespace:"shared.interactiveWidgetItem",phrase:"previewQuestions"}))))))}))},1181:function(e,t,n){e.exports={cvIcon:"_1YOaq"}},1182:function(e,t,n){e.exports={item:"_2An5o",thumbnail:"Wvc5s",smallItemIconWidth:"_2IdDd",smallItemInfoWidth:"_1Iat7",smallProgressBarContainer:"_17I8T"}},1192: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={}))},1198:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var r=n(1),a={getSliderAnalyticsOptions:function(){return{actionType:r.UserAction.Click,location:r.LocationContext.SlidingList,entity:r.EntityType.Widget,descriptor:r.ClickDescriptor.Slide}},getSliderItemAnalyticsOptions:function(){return{location:r.LocationContext.SlidingListItem}},getSliderHeadingAnalyticsOptions:function(){return{actionType:r.UserAction.Click,location:r.LocationContext.SlidingList,entity:r.EntityType.Widget,descriptor:r.ClickDescriptor.Title}}}},1199:function(e,t,n){"use strict";n.d(t,"a",(function(){return l}));var r=n(0),a=n.n(r),i=n(114),o=n(69),c=n(28);function l(e){return a.a.createElement(i.a,{title:e.tooltipText,spanHack:!0,spanHackClassName:"d-inline-block"},a.a.createElement(o.a,{svgName:c.b.Info}))}},1201:function(e,t,n){"use strict";var r=n(0),a=n(239),i=n(1141),o=n(41),c=new Image;c.src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=";var l=function(e){e.dataTransfer.setDragImage&&o.a.isFunction(e.dataTransfer.setDragImage)&&e.dataTransfer.setDragImage(c,0,0)};n.d(t,"a",(function(){return u}));var s=a.a.isTouchScreen(),u=r.forwardRef((function(e,t){var n,a,o,c,u=e.children,d=e.positionType,m=e.onDrag,f=e.onDragEnd,p=e.onTouchMove,v=e.onTouchEnd,y=e.percentageDragged,g=e.position,b=void 0===g?0:g;return r.createElement("div",Object.assign({className:"d-flex flex-nowrap position-relative w-100",style:(a=b,o=d,c=y,o===i.a.Percentage&&c&&(a-=c),{transform:"translate3d(".concat(a).concat(o,", 0px, 0px)"),transition:"transform .4s ease-in-out"}),ref:t},(n={},m&&f&&(n.draggable=!0,n.onDragEnd=f,n.onDragStart=l,n.onDragOver=m),p&&v&&s&&(n.onTouchMoveCapture=p,n.onTouchEndCapture=v),n)),u)}))},1203:function(e,t,n){"use strict";var r;n.d(t,"a",(function(){return r})),function(e){e.AddToPlaylist="115005679748",e.LibraryEditor="360001974533",e.VideoAccess="360000153947",e.AddFromOnline="360011718234",e.UploadToLibraryEditor="360012069334",e.PublisherArchive="360011150174",e.PBTErrorCodes="360012421153",e.ManuelReview="360020004534",e.LibraryReview="360000163788",e.PublisherServer="360023108873",e.MigrationOptions="360023109033",e.Integrations="4407268725529",e.Classrooms="4405362551833",e.MakeInteractive="4405370510873"}(r||(r={}))},1215:function(e,t,n){e.exports={leftOverflowGradient:"u_MPi",rightOverflowGradient:"_38ooL",partialHeading:"OVsdA",partialDescription:"_1HtA2",partialItem:"_3G2hG",largePartialItem:"NnK8O",heading:"BQnCC",link:"ph0Qy"}},1216:function(e,t,n){"use strict";n.d(t,"i",(function(){return m})),n.d(t,"f",(function(){return f})),n.d(t,"b",(function(){return p})),n.d(t,"a",(function(){return v})),n.d(t,"c",(function(){return y})),n.d(t,"e",(function(){return N})),n.d(t,"d",(function(){return O})),n.d(t,"g",(function(){return A})),n.d(t,"h",(function(){return T}));var r=n(0),a=n(66),i=n(61),o=n(41),c=n(43),l=n(1120),s=n(1134),u=n(161),d=n(1106);function m(e,t,n,i){var c,s=e.fetch,u=e.setData,m=e.type,f=e.collection,p=e.prefetched,v=e.contents,y=f;y&&!a.a.isEmpty(y)||p||(c=s(i),y=c.data);var g=o.a.isFunction(u)&&y?u(y):y,b=g;return r.useEffect((function(){y&&!a.a.isEmpty(y)&&(e.limitTotalItems&&(b=g.length>d.b?g.slice(0,d.b):g),t({type:l.a.Init,payload:{collection:b,fullCollection:g,mediaQuery:n,type:m,contents:v}}))}),[null==g?void 0:g.length]),c}function f(e){for(var t=e.offset,n=e.viewableItems,r=e.collection,a=t,i=[],o=0;o<a+n;o++)i.push(o);return function(e){var t=r.indexOf(e);return i.includes(t)}}function p(e,t){if(e)return Object.assign(Object.assign({},e),{args:e.args||[t.id,i.a.slugify(t.name)]})}function v(e,t){var n=e.name,r=e.description,a={};return Array.isArray(t)?{name:n,description:r}:(e.name&&(a.name=n),e.description&&(a.description=r),Object.assign(Object.assign({},t),a))}function y(e){switch(e){case s.a.Playlists:return g;case s.a.Videos:return h;case s.a.FeedVideos:return w;case s.a.Subjects:return E;case s.a.UserChannels:return I;case s.a.Interactives:return S;case s.a.Clips:return C;case s.a.Resources:return k;case s.a.Libraries:case s.a.Folders:return b;case s.a.Series:default:return x}}function g(e,t,n){var r=5;return e===c.a.XS?r=2:e===c.a.SM?r=3:e===c.a.MD&&(r=4),n<r&&(r=n),r}function b(e,t,n){var r=3;return e===c.a.XS||e===c.a.SM?r=1:e===c.a.MD?r=2:e===c.a.LG&&(r=3),n<r&&(r=n),r}function h(e,t,n){var r=4;return e===c.a.XS?r=2:e===c.a.SM?r=3:e===c.a.MD?r=4:e!==c.a.LG&&e!==c.a.XL&&e!==c.a.XXL||(r=t===u.WidgetType.LargeRow||n<4?3:4),n<r&&(r=n),r}function w(e,t,n){return 1}function E(e,t,n){var r=6;return e===c.a.SM||e===c.a.XS?r=3:e===c.a.MD?r=4:e===c.a.LG?r=5:e!==c.a.XL&&e!==c.a.XXL||(r=6),n<r&&(r=n),r}function I(e,t,n){var r=6;return e===c.a.XS?r=2:e===c.a.SM?r=3:e===c.a.MD||e===c.a.LG?r=4:e!==c.a.XL&&e!==c.a.XXL||(r=6),n<r&&(r=n),r}function S(e,t,n){var r=3;return e!==c.a.MD&&e!==c.a.SM||(r=2),e===c.a.XS&&(r=1),n<Math.ceil(r)&&(r=n),r}function C(e,t,n){var r=3;return e!==c.a.MD&&e!==c.a.SM||(r=2),e===c.a.XS&&(r=1),n<Math.ceil(r)&&(r=n),r}function k(e,t,n){var r=4;return e===c.a.SM&&(r=3),e===c.a.XS&&(r=2),n<r&&(r=n),r}function x(e,t,n){var r=4;return e===c.a.XS?r=2:e===c.a.SM&&(r=3),n<r&&(r=n),r}function N(e,t,n,r,a,i,o){return function(c){var l=c.touches.item(0).clientX;a||(t.current.style.transition="",r(t.current.getBoundingClientRect().width),i(l));var s=(a-l)/n*100;(s<0&&e.offset===e.viewableItems||s>0&&e.offset===e.collection.length)&&(s=0),o(s)}}function O(e,t,n,r,a){return function(){if(e.current.style.transition="transform .4s ease-in-out",t(null),Math.abs(n)>=7.5){var i=n>0?l.a.Next:l.a.Previous;a({type:i})}r(0)}}function A(e,t,n,r,a){return!!e||(a<=r||(!t||n===r))}function T(e,t,n,r,a,i){return!!e||(a<=r||n!==r&&(!t||!i&&a<=n))}},1218:function(e,t){},1219:function(e,t){},1220:function(e,t){},1221:function(e,t){},1222:function(e,t){},1223:function(e,t){},1224:function(e,t){},1227:function(e,t,n){e.exports={uncheckedBackground:"_3OcAr"}},1228:function(e,t,n){"use strict";var r=n(0),a=n.n(r),i=n(3),o=n(29),c=(n(790),n(791),n(2)),l=n(91),s=n(1124),u=n(1097);n(1319);function d(e){return(d="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 m(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function f(){return(f="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(e,t,n){var r=p(e,t);if(r){var a=Object.getOwnPropertyDescriptor(r,t);return a.get?a.get.call(arguments.length<3?e:n):a.value}}).apply(this,arguments)}function p(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=b(e)););return e}function v(e,t){return(v=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function y(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=b(e);if(t){var a=b(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return g(this,n)}}function g(e,t){if(t&&("object"===d(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}function b(e){return(b=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var h=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}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&v(e,t)}(i,e);var t,n,r,a=y(i);function i(e,t){var n;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i),(n=a.call(this,e,t)).timepoint_=t.timepoint,n.time_=t.timepoint.visibleAt/1e3;var r=t.timepoint.interactions[0];r||n.hide();var o=u.a.getTypeInfo(r.typeId).bgClassName;return n.$(".vjs-icon-placeholder").classList.add(o),n.controlText(r.name),n.update(),n}return t=i,(n=[{key:"buildCSSClass",value:function(){return"cv-interactive-bar-item ".concat(f(b(i.prototype),"buildCSSClass",this).call(this))}},{key:"createEl",value:function(e,t,n){return f(b(i.prototype),"createEl",this).call(this,e,Object.assign(Object.assign({},t),{className:this.buildCSSClass()}),Object.assign(Object.assign({},n),{tabIndex:0}))}},{key:"update",value:function(){var e=this.player_.duration(),t=this.time_/e;this.el().style.left=100*t+"%",t>100||t<0?this.hide():this.show()}},{key:"handleClick",value:function(e){e.stopPropagation(),this.player_.currentTime(this.time_)}}])&&m(t.prototype,n),r&&m(t,r),Object.defineProperty(t,"prototype",{writable:!1}),i}(c.a.getComponent("Button"));n(1320);function w(e){return(w="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 E(e){return function(e){if(Array.isArray(e))return I(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return I(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return I(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function I(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function S(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 C(){return(C="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(e,t,n){var r=k(e,t);if(r){var a=Object.getOwnPropertyDescriptor(r,t);return a.get?a.get.call(arguments.length<3?e:n):a.value}}).apply(this,arguments)}function k(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=T(e)););return e}function x(e,t){return(x=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function N(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=T(e);if(t){var a=T(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return O(this,n)}}function O(e,t){if(t&&("object"===w(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return A(e)}function A(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function T(e){return(T=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var j=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}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&x(e,t)}(i,e);var t,n,r,a=N(i);function i(e,t){var n;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i),(n=a.call(this,e,t)).track_=t.track,n.interactive_=t.interactive,n.onDurationChange=n.onDurationChange.bind(A(n)),n.createInteractionItems=n.createInteractionItems.bind(A(n)),n.createInteractionItems(),n.track_.on("cv:cuechange",n.createInteractionItems),n.player_.on("durationchange",n.onDurationChange),n.player_.on("dispose",(function(){n.track_.off("cv:cuechange"),n.player_.off("durationchange",n.onDurationChange)})),n}return t=i,(n=[{key:"buildCSSClass",value:function(){return"cv-interactive-bar-items ".concat(C(T(i.prototype),"buildCSSClass",this).call(this))}},{key:"createEl",value:function(e,t,n){return C(T(i.prototype),"createEl",this).call(this,e,Object.assign(Object.assign({},t),{className:this.buildCSSClass()}),n)}},{key:"update",value:function(){this.children_.forEach((function(e){e.update()}))}},{key:"createInteractionItems",value:function(){var e,t=this;if(this.track_){E(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 h(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()}))}}])&&S(t.prototype,n),r&&S(t,r),Object.defineProperty(t,"prototype",{writable:!1}),i}(c.a.getComponent("Component")),P=n(281),R=n(1192);function F(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,a,i=[],o=!0,c=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(c)throw a}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return L(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return L(e,t)}(e,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 L(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var M=n(392),_=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 D(e){return!!(null==e?void 0:e.toString().startsWith("new_"))}function U(e){e.error,e.hasChanges,e.submitted,e.spinner;return _(e,["error","hasChanges","submitted","spinner"])}var q=n(329);function B(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 V=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))},z=function(){return"/api/domain/v1/interactions/bulk"},W=function(e){return"/api/domain/v1/interactions/bulk/".concat(e)},H=function(e){return"/api/domain/v1/interactions/".concat(e)},Q=function(){return"/api/domain/v1/timepoints"},X=function(e){return"/api/domain/v1/timepoints/".concat(e)},G=function(e){return"/api/domain/v1/timepoints/".concat(e)},K={},$=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 V(this,void 0,void 0,regeneratorRuntime.mark((function t(){var n,r,a,i,o;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return n=D(e.id),r=n?z():W(e.id),a={name:e.name,data:e.data,timepointId:e.timepointId,interactiveId:e.interactiveId,typeId:e.typeId,actionableItems:e.actionableItems,order:e.order},n||(a.id=e.id),i=n?q.a.post(r,JSON.stringify(a),K):q.a.put(r,JSON.stringify(a),K),t.next=7,i;case 7:o=t.sent,n&&(e.id=o.id);case 9:case"end":return t.stop()}}),t)})))}},{key:"deleteInteraction",value:function(e){return V(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,q.a.delete(H(e),K);case 2:case"end":return t.stop()}}),t)})))}},{key:"saveTimepoint",value:function(e){return V(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,q.a.post(Q(),JSON.stringify(n),K);case 3:r=t.sent,e.id=r.id;case 5:case"end":return t.stop()}}),t)})))}},{key:"updateTimepoint",value:function(e){return V(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,q.a.put(G(e.id),JSON.stringify(e),K);case 2:case"end":return t.stop()}}),t)})))}},{key:"deleteTimepoint",value:function(e){return V(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,q.a.delete(X(e),K);case 2:case"end":return t.stop()}}),t)})))}}])&&B(t.prototype,n),r&&B(t,r),Object.defineProperty(t,"prototype",{writable:!1}),e}()),Y=n(394),Z=n(161),J=n(233);function ee(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 te=n(177),ne=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))},re=/[.\?!,;:\-''\(\)]/g;function ae(e){for(var t=e.split("");t.length&&t[0].match(re);)t.shift();for(;t.length&&t[t.length-1].match(re);)t.pop();return t.join("")}function ie(e,t){for(var n=e.split(""),r=[],a=[];n.length&&n[0].match(re);)r.push(n.shift());for(;n.length&&n[n.length-1].match(re);)a.unshift(n.pop());return r.join("")+t+a.join("")}function oe(e){return e.map((function(e){if(!e.selected)return e.text;var t=ae(e.text).length,n=new Array(t).fill("_").join("");return ie(e.text,n)})).join(" ")}function ce(e){return e.map((function(e){var t;return e.selected?null===(t=ie(e.text,"{".concat(e.order,"}")))||void 0===t?void 0:t.trim():e.text})).join(" ")}var le=n(1212),se=n(1199),ue=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))};var de=n(35);function me(e){var t=a.a.useRef(null);function n(){e.onChange(Object.assign(Object.assign({},e.answer),{isCorrect:!e.answer.isCorrect}))}return a.a.createElement("li",{className:"p-1 my-1 w-100 bg-white d-flex align-items-center border rounded"},a.a.createElement("div",{className:"custom-control ".concat(e.isTrueOrFalse?"custom-radio":"custom-checkbox"),onKeyDown:function(e){return"Enter"===e.key&&n()}},a.a.createElement("input",{id:"multiple-choice--".concat(e.answer.order),type:e.isTrueOrFalse?"radio":"checkbox",className:"custom-control-input mr-2",name:"multiple-choice-answer",checked:e.answer.isCorrect,onChange:n,disabled:!e.answer.name}),a.a.createElement("label",{ref:t,htmlFor:"multiple-choice--".concat(e.answer.order),className:"cursor-pointer custom-control-label"})),e.isTrueOrFalse?a.a.createElement("label",{className:"mb-0",htmlFor:"multiple-choice--".concat(e.answer.order)},e.answer.name):a.a.createElement("input",{placeholder:"Answer",onChange:function(t){e.onChange(Object.assign(Object.assign({},e.answer),{name:t.target.value}))},value:e.answer.name,className:"border-0 outline-none w-100",autoComplete:"off"}))}n(1321);var fe=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))};function pe(e){var t;if(!(null===(t=e.question)||void 0===t?void 0:t.trim()))return"Please provide a question";if(!e.answers.find((function(e){return e.isCorrect})))return"Please select the correct answer";var n=e.answers.filter((function(e){var t;return!!(null===(t=e.name)||void 0===t?void 0:t.trim())}));if(n.length<2)return"Please provide at least two answers";var r=!1,a={};return n.forEach((function(e){r||(a[e.name]?r=!0:a[e.name]=!0)})),r?"There are duplicates in your answers":null}function ve(e,t){var n;return fe(this,void 0,void 0,regeneratorRuntime.mark((function r(){return regeneratorRuntime.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return t.name=null===(n=e.question)||void 0===n?void 0:n.trim(),t.actionableItems=e.answers.filter((function(e){var t;return!!(null===(t=e.name)||void 0===t?void 0:t.trim())})),e.feedback&&(t.data.feedback=e.feedback),r.next=5,$.saveInteraction(t);case 5:case"end":return r.stop()}}),r)})))}function ye(e){var t=e.state,n=void 0===t?function(e){var t,n=e.typeId===Z.InteractionTypeId.TrueOrFalse,r=null===(t=e.actionableItems)||void 0===t?void 0:t.map((function(e){return{order:e.order,name:e.name,isCorrect:e.isCorrect}}));return(null==r?void 0:r.length)?!n&&(null==r?void 0:r.length)<4&&r.push({order:r.length,name:"",isCorrect:!1}):r=[{order:0,name:n?"True":"",isCorrect:!1},{order:1,name:n?"False":"",isCorrect:!1}],{question:e.name||"",answers:r,feedback:e.data.feedback||""}}(e.interaction):t,r=e.setState,i=e.interaction,o=e.optionsPortalNode,c=e.showFeedback,l=i.typeId===Z.InteractionTypeId.TrueOrFalse;function s(e){var t=n.answers.map((function(t){return t.order!==e.order?Object.assign(Object.assign({},t),{isCorrect:!l&&t.isCorrect}):e}));if(t.find((function(e){return!e.name}))&&(t=function(e){var t=e.find((function(e){return!e.name}));if(e.length>2)return e.filter((function(e){return e.order!==t.order})).map((function(e,t){return Object.assign(Object.assign({},e),{order:t})}));return e.map((function(e){return e.order!==t.order?e:Object.assign(Object.assign({},e),{isCorrect:!1})}))}(t)),!l&&t.length<4&&!t.find((function(e){return!e.name}))){var a=de.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(J.b,{node:o})),a.a.createElement("input",{id:"multiple-choice-question",className:"form-control",placeholder:"Enter your question here",value:n.question,onChange:function(e){r(Object.assign(Object.assign({},n),{question:e.target.value}))},autoComplete:"off"}),!n.question&&a.a.createElement(ee,{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(me,{key:e.order,answer:e,onChange:s,isTrueOrFalse:l})})),n.question&&a.a.createElement(ee,{error:n.error})),c&&l&&a.a.createElement("div",{className:"form-group mb-0"},a.a.createElement("label",{className:"cv-true-or-false-feedback-label cv-interaction-field-label",htmlFor:"true-or-false-feedback"},"Feedback  ",a.a.createElement("span",{className:"text-muted"},"(optional)")," ",a.a.createElement(se.a,{tooltipText:"Provide answer feedback for your students"})),a.a.createElement(le.a,{id:"true-or-false-feedback",className:"form-control",minRows:2,value:n.feedback||"",onChange:function(e){r(Object.assign(Object.assign({},n),{feedback:e.target.value}))},placeholder:"Give feedback for this question"})))}var ge=n(399),be=n(31),he=n(408);function we(){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 Ee(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,a,i=[],o=!0,c=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(c)throw a}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Ie(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 Ie(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 Ie(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=Ee(a.a.useState(!1),2),n=t[0],r=t[1],i=Ee(a.a.useState(0),2),o=i[0],c=i[1];return a.a.useEffect((function(){0===o&&n&&r(!1)}),[o,n,r]),a.a.createElement("div",{onDragOver:function(e){e.preventDefault(),e.stopPropagation()},onDragEnter:function(e){e.preventDefault(),e.stopPropagation(),c((function(e){return e+1})),e.dataTransfer.items&&e.dataTransfer.items.length>0&&!n&&r(!0)},onDragLeave:function(e){e.preventDefault(),e.stopPropagation(),c((function(e){return e-1}))},onDrop:function(t){t.preventDefault(),t.stopPropagation(),r(!1),o>0&&c(0),t.dataTransfer.files&&t.dataTransfer.files.length>0&&(e.onDropImage(t.dataTransfer.files),t.dataTransfer.clearData())},className:n?"cv-image-upload-mask":""},e.children)}n(1322);var Ce=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))};var ke=n(1281),xe=n(1487),Ne=n(1494),Oe={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 Ae(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,a,i=[],o=!0,c=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(c)throw a}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Te(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Te(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Te(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function je(e){var t=Ae(a.a.useState(""),2),n=t[0],r=t[1],i=Ae(a.a.useState(""),2),o=i[0],c=i[1];return a.a.createElement("div",{"aria-haspopup":"true","aria-expanded":e.expanded,"aria-label":"rdw-color-picker"},a.a.createElement("div",{className:"rdw-option-wrapper cv-annotation-toolbar-option cv-annotation-link",onClick:e.onExpandEvent}," "),e.expanded&&a.a.createElement("div",{className:"rdw-link-modal",onClick:function(e){return e.stopPropagation()}},a.a.createElement("div",{className:"form-group"},a.a.createElement("label",{className:"cv-interaction-field-label",htmlFor:"cv-annotation-url"},"URL"),a.a.createElement("input",{id:"cv-annotation-url",className:"form-control",onChange:function(e){return r(e.target.value)},value:n,placeholder:"Enter URL",autoComplete:"off"})),a.a.createElement("div",{className:"form-group"},a.a.createElement("label",{className:"cv-interaction-field-label",htmlFor:"cv-annotation-text"},"Text"),a.a.createElement("input",{id:"cv-annotation-text",className:"form-control",onChange:function(e){return c(e.target.value)},value:o,placeholder:"Enter Text",autoComplete:"off"})),a.a.createElement(te.a,{onClick:function(){return e.onChange("link",o||n,n,"_blank")},className:"btn btn-dark"},"Add")))}n(1327);function Pe(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,a,i=[],o=!0,c=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(c)throw a}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Re(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 Re(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 Re(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 Fe,Le,Me,_e=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))};function De(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Ue=(De(Fe={},Z.InteractionTypeId.Annotation,(function(e){var t=e.state,n=void 0===t?function(e){var t;return{annotation:(null===(t=e.data)||void 0===t?void 0:t.annotation)||""}}(e.interaction):t,r=e.setState,i=e.interaction,o=e.optionsPortalNode,c=Pe(a.a.useState(function(){var e=i.data.annotation;if(e){var t=Object(Ne.a)(Oe)(e);return ke.EditorState.createWithContent(t)}return ke.EditorState.createEmpty()}()),2),l=c[0],s=c[1],u=Pe(a.a.useState(null),2),d=u[0],m=u[1];return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("div",{className:"form-group"},a.a.createElement("div",{className:"d-flex justify-content-between align-items-center mb-1"},a.a.createElement("label",{className:"cv-interaction-field-label mb-0",onClick:function(){return null==d?void 0:d.focusEditor()}},"Annotation"),a.a.createElement(J.b,{node:o})),a.a.createElement("div",{className:"cv-annotation ".concat(function(){if(!l)return!1;var e=l.getCurrentContent();return e.hasText()||"unstyled"!==e.getBlockMap().first().getType()}()?"Editor--hide-placeholder":"")},l&&a.a.createElement(xe.Editor,{editorState:l,onEditorStateChange:function(e){s(e);var t=e.getCurrentContent();if(t.hasText()){var a=Object(Ne.b)(Oe)(t);r(Object.assign(Object.assign({},n),{annotation:a}))}else r(Object.assign(Object.assign({},n),{annotation:""}))},toolbarClassName:"cv-annotation-toolbar",editorClassName:"form-control cv-annotation-editor",ref:m,placeholder:"Enter your annotation here",toolbar:{options:["inline","list","link"],inline:{options:["bold","italic","underline","superscript","subscript"],bold:{className:"cv-annotation-toolbar-option cv-annotation-bold",icon:""},italic:{className:"cv-annotation-toolbar-option cv-annotation-italic",icon:""},underline:{className:"cv-annotation-toolbar-option cv-annotation-underline",icon:""},superscript:{className:"cv-annotation-toolbar-option cv-annotation-superscript",icon:""},subscript:{className:"cv-annotation-toolbar-option cv-annotation-subscript",icon:""}},list:{options:["unordered","ordered"],unordered:{className:"cv-annotation-toolbar-option cv-annotation-bullet-list",icon:""},ordered:{className:"cv-annotation-toolbar-option cv-annotation-number-list",icon:""}},link:{component:je,options:["link"]}}}),a.a.createElement(ee,{error:n.error}))))})),De(Fe,Z.InteractionTypeId.Image,(function(e){var t=e.state,n=void 0===t?function(e){var t;return{url:(null===(t=e.data)||void 0===t?void 0:t.url)||"",caption:e.data.caption}}(e.interaction):t,r=e.setState,i=e.interaction,o=e.optionsPortalNode;Object(he.a)();var c=a.a.useRef(null);function l(e){e&&e[0]&&ge.a.onFileSelect(be.c.None,e,(function(e){Y.a.renderCropper({src:e.src,alt:"",onClickCrop:s})}))}function s(t){var a=t.split(",")[1];q.a.post("".concat(e.imageApi,"v2/thumbnails/base64"),'"'.concat(a,'"'),{tokenName:"gateway"}).then((function(e){r(Object.assign(Object.assign({},n),{url:e.location}))})).catch((function(){return alert("Something went wrong while trying to upload image. Please try again.")}))}return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("div",{className:"form-group"},a.a.createElement("div",{className:"d-flex justify-content-between align-items-center mb-1"},a.a.createElement("label",{className:"cv-interaction-field-label mb-0"},"Image"),a.a.createElement(J.b,{node:o})),n.url?a.a.createElement("div",{className:"text-center"},a.a.createElement("div",{className:"cv-uploaded-image-container"},a.a.createElement("img",{className:"img img-fluid",src:n.url,alt:n.caption}),a.a.createElement(te.a,{className:"cv-remove-uploaded-image d-flex justify-content-center align-items-center",onClick:function(){r(Object.assign(Object.assign({},n),{url:""}))}},a.a.createElement("div",{className:"btn btn-link text-light"},"Remove")))):a.a.createElement(Se,{onDropImage:l},a.a.createElement("div",{className:"cv-image-interaction-upload-container rounded py-4 text-center"},a.a.createElement("div",{className:"svg-container xlg mb-2"},a.a.createElement(we,null)),a.a.createElement("p",{className:"mb-0"},"Drag and drop an image file or"),a.a.createElement(te.a,{type:"button",className:"text-underline d-inline-block",onClick:function(){c.current.value=null,c.current.click(null)}},"upload from your device"),a.a.createElement("input",{type:"file",autoComplete:"off",className:"file-select d-none",multiple:!1,accept:"image/jpg,image/jpeg,image/png",ref:c,onChange:function(e){return l(e.target.files)}}))),a.a.createElement(ee,{error:n.error})),a.a.createElement("div",{className:"form-group"},a.a.createElement("label",{className:"cv-interaction-field-label",htmlFor:"image-caption"},"Caption  ",a.a.createElement("span",{className:"text-muted"},"(optional)")),a.a.createElement("textarea",{id:"image-caption",className:"form-control",placeholder:"Caption your image",value:n.caption||i.data.caption||"",onChange:function(e){r(Object.assign(Object.assign({},n),{caption:e.target.value}))},rows:2})))})),De(Fe,Z.InteractionTypeId.MissingWord,(function(e){var t,n,r,i,o,c,l=e.state,s=void 0===l?(t=e.interaction,i=(null===(n=t.data)||void 0===n?void 0:n.sentence)||"",o=i.split(" ").filter(Boolean),c=o.map((function(e,t){return{text:e,order:t,selected:!1}})),null===(r=t.actionableItems)||void 0===r||r.forEach((function(e){var t=e.order,n=ie(o[t],e.name);o[t]=n,c[t].text=n,c[t].selected=!0})),{fullSentence:o.join(" "),sentence:i,preview:t.name,words:c}):l,u=e.setState,d=e.optionsPortalNode,m=!!s.sentence;return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("div",{className:"form-group"},a.a.createElement("div",{className:"d-flex justify-content-between align-items-center mb-1"},a.a.createElement("label",{className:"cv-interaction-field-label mb-0",htmlFor:"missing-word-sentence"},"Sentence"),a.a.createElement(J.b,{node:d})),a.a.createElement("input",{id:"missing-word-sentence",className:"form-control",placeholder:"Enter your sentence here",value:s.fullSentence||"",onChange:function(e){var t=e.target.value,n=t.split(" ").filter(Boolean).map((function(e,t){return{text:e,order:t,selected:!1}}));u(Object.assign(Object.assign({},s),{fullSentence:t,sentence:ce(n),preview:oe(n),words:n}))},autoComplete:"off"})),m&&a.a.createElement(a.a.Fragment,null,a.a.createElement("div",{className:"form-group"},a.a.createElement("label",{className:"cv-interaction-field-label"},"Select the missing word(s)"),a.a.createElement("ul",{className:"list-unstyled d-flex flex-wrap mx-n1 mb-n1"},s.words.map((function(e,t){var n;return(null===(n=ae(e.text))||void 0===n?void 0:n.trim())?a.a.createElement("li",{key:"".concat(t,"-").concat(e.text)},a.a.createElement(te.a,{className:"rounded border p-2 mx-1 mb-1 cursor-pointer ".concat(e.selected?"bg-info text-white":"bg-white"),onClick:function(){return e=t,n=s.words.map((function(t){return t.order!==e?t:Object.assign(Object.assign({},t),{selected:!t.selected})})),void u(Object.assign(Object.assign({},s),{words:n,preview:oe(n),sentence:ce(n)}));var e,n}},ae(e.text))):a.a.createElement(a.a.Fragment,{key:"".concat(t,"-").concat(e.text)})})))),a.a.createElement("div",null,a.a.createElement("label",{className:"cv-interaction-field-label"},"Preview"),a.a.createElement("p",null,s.preview))),a.a.createElement(ee,{error:s.error}))})),De(Fe,Z.InteractionTypeId.MultipleChoice,ye),De(Fe,Z.InteractionTypeId.ShortAnswer,(function(e){var t=e.state,n=void 0===t?function(e){return{question:e.name,suggestedResponse:e.data.suggestedResponse||""}}(e.interaction):t,r=e.setState,i=e.interaction,o=e.optionsPortalNode,c=e.showFeedback;return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("div",{className:"form-group"},a.a.createElement("div",{className:"d-flex justify-content-between align-items-center mb-1"},a.a.createElement("label",{className:"cv-interaction-field-label mb-0",htmlFor:"short-answer-question"},"Question"),a.a.createElement(J.b,{node:o})),a.a.createElement("input",{id:"short-answer-question",className:"form-control",onChange:function(e){r(Object.assign(Object.assign({},n),{question:e.target.value}))},value:n.question||i.data.text||"",placeholder:"Enter your question here",autoComplete:"off"}),a.a.createElement(ee,{error:n.error})),c&&a.a.createElement("div",{className:"form-group"},a.a.createElement("label",{className:"cv-interaction-field-label",htmlFor:"short-answer-suggested-response"},"Suggested Response  ",a.a.createElement("span",{className:"text-muted"},"(optional)")," ",a.a.createElement(se.a,{tooltipText:"Provide a suggested response for your students"})),a.a.createElement(le.a,{id:"short-answer-suggested-response",className:"form-control",minRows:2,value:n.suggestedResponse||"",onChange:function(e){r(Object.assign(Object.assign({},n),{suggestedResponse:e.target.value}))},placeholder:"Give a suggested response for this question"})))})),De(Fe,Z.InteractionTypeId.TrueOrFalse,ye),Fe);var qe=(De(Le={},Z.InteractionTypeId.Annotation,(function(e){var t;return(null===(t=e.annotation)||void 0===t?void 0:t.trim())?null:"Please provide an annotation"})),De(Le,Z.InteractionTypeId.Image,(function(e){return e.url?null:"Please upload an image"})),De(Le,Z.InteractionTypeId.MissingWord,(function(e){var t;return(null===(t=e.sentence)||void 0===t?void 0:t.trim())?e.words.find((function(e){return e.selected}))?null:"Please select a missing word":"Please provide a sentence"})),De(Le,Z.InteractionTypeId.MultipleChoice,pe),De(Le,Z.InteractionTypeId.ShortAnswer,(function(e){var t;return(null===(t=e.question)||void 0===t?void 0:t.trim())?null:"Please provide a question"})),De(Le,Z.InteractionTypeId.TrueOrFalse,pe),Le);var Be=(De(Me={},Z.InteractionTypeId.Annotation,(function(e,t){var n;return _e(this,void 0,void 0,regeneratorRuntime.mark((function r(){return regeneratorRuntime.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return t.name="Annotation",t.data.annotation=null===(n=e.annotation)||void 0===n?void 0:n.trim(),t.actionableItems=[{name:"Answer"}],r.next=5,$.saveInteraction(t);case 5:case"end":return r.stop()}}),r)})))})),De(Me,Z.InteractionTypeId.Image,(function(e,t){var n,r;return Ce(this,void 0,void 0,regeneratorRuntime.mark((function a(){return regeneratorRuntime.wrap((function(a){for(;;)switch(a.prev=a.next){case 0:return t.data.url=e.url,t.name=(null===(n=e.caption)||void 0===n?void 0:n.trim())||"Image",t.data.caption=null===(r=e.caption)||void 0===r?void 0:r.trim(),t.actionableItems=[{name:"Answer"}],a.next=6,$.saveInteraction(t);case 6:case"end":return a.stop()}}),a)})))})),De(Me,Z.InteractionTypeId.MissingWord,(function(e,t){return ne(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=ce(e.words),t.name=e.preview,r=e.words.filter((function(e){return e.selected})),t.actionableItems=r.map((function(e){return{name:ae(e.text),order:e.order,isCorrect:!0}})),n.next=6,$.saveInteraction(t);case 6:case"end":return n.stop()}}),n)})))})),De(Me,Z.InteractionTypeId.MultipleChoice,ve),De(Me,Z.InteractionTypeId.ShortAnswer,(function(e,t){var n,r;return ue(this,void 0,void 0,regeneratorRuntime.mark((function a(){return regeneratorRuntime.wrap((function(a){for(;;)switch(a.prev=a.next){case 0:return t.name=null===(n=e.question)||void 0===n?void 0:n.trim(),t.data.suggestedResponse=null===(r=e.suggestedResponse)||void 0===r?void 0:r.trim(),t.actionableItems=[{name:"Answer"}],a.next=5,$.saveInteraction(t);case 5:case"end":return a.stop()}}),a)})))})),De(Me,Z.InteractionTypeId.TrueOrFalse,ve),Me);function Ve(e){return Be[e]}var ze=n(1160),We=n(1),He=["A","B","C","D"];function Qe(e){var t=e.interaction,n=e.className,r=u.a.getTypeInfo(t.typeId),i=r.name,o=r.typeName,c="";switch(t.typeId){case Z.InteractionTypeId.Annotation:c=t.data.annotation;break;case Z.InteractionTypeId.Image:c=t.data.caption;break;case Z.InteractionTypeId.MissingWord:c=t.data.sentence.replace(/{([^{}]*)}/g,(function(){return"<u>&nbsp;&nbsp;&nbsp;&nbsp;</u>"}));break;case Z.InteractionTypeId.MultipleChoice:c=t.name,t.actionableItems.map((function(e,t){return c+="<br />".concat(He[t],": ").concat(e.name)}));break;case Z.InteractionTypeId.ShortAnswer:c=t.name;break;case Z.InteractionTypeId.TrueOrFalse:c="True or false: ".concat(t.name)}var l=t.typeId===Z.InteractionTypeId.Annotation||t.typeId===Z.InteractionTypeId.MissingWord||t.typeId===Z.InteractionTypeId.MultipleChoice;return a.a.createElement(ze.a,{title:i,text:c,html:l,className:"pr-2 ".concat(n||""),analyticsData:{id:t.interactiveId,type:o},analyticsOptions:{location:We.LocationContext.InteractivePlayer,entity:We.EntityType.Interactive,actionType:We.UserAction.Click,descriptor:We.ClickDescriptor.LaunchImmersiveReader}})}n(1328);function Xe(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 Ge,Ke,$e=n(1112);function Ye(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Ze(){return $e.a.NotApplicable}function Je(e,t){var n=e.actionableItems.filter((function(e){return e.isCorrect}));return n.every((function(e){return!t(e.id)}))?$e.a.UnAnswered:n.every((function(e){var n;return e.name.trim().toLowerCase()===(null===(n=t(e.id))||void 0===n?void 0:n.trim().toLowerCase())}))?$e.a.Correct:$e.a.Incorrect}function et(e,t){return e.actionableItems.every((function(e){return!t(e.id)}))?$e.a.UnAnswered:e.actionableItems.filter((function(e){return e.isCorrect})).every((function(e){return t(e.id)===e.name}))?$e.a.Correct:$e.a.Incorrect}function tt(e,t){var n;return e.actionableItems.forEach((function(e){var r=t(e.id);n=r?r.status!==Ge.Correct?r.status!==Ge.Incorrect?$e.a.AwaitingMarking:$e.a.Incorrect:$e.a.Correct:$e.a.UnAnswered})),n}function nt(e,t){return function(n){var r=t.attempts.find((function(t){return t.id===e.id}));return null==r?void 0:r.answers.find((function(e){return e.id===n}))}}function rt(e,t){var n=nt(e,t);return et(e,(function(e){var t=n(e);return null==t?void 0:t.text}))}!function(e){e[e.Incorrect=0]="Incorrect",e[e.Correct=1]="Correct",e[e.PendingReview=2]="PendingReview"}(Ge||(Ge={}));var at=(Ye(Ke={},Z.InteractionTypeId.Annotation,Ze),Ye(Ke,Z.InteractionTypeId.Image,Ze),Ye(Ke,Z.InteractionTypeId.MissingWord,(function(e,t){var n=nt(e,t);return Je(e,(function(e){var t=n(e);return null==t?void 0:t.text}))})),Ye(Ke,Z.InteractionTypeId.MultipleChoice,rt),Ye(Ke,Z.InteractionTypeId.ShortAnswer,(function(e,t){return tt(e,nt(e,t))})),Ye(Ke,Z.InteractionTypeId.TrueOrFalse,rt),Ke);var it={notApplicable:Ze,awaitingMarking:function(){return $e.a.AwaitingMarking},isMissingWordCorrect:Je,isMultipleChoiceCorrect:et,isShortAnswerMarkedCorrect:tt,isInteractionCorrect:function(e,t){return(0,at[e.typeId])(e,t)}};n(1329);function ot(e){return(ot="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 ct=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n};var lt=n(269),st=n(69),ut=n(28),dt=n(380),mt=n(1330),ft=n.n(mt),pt=["A","B","C","D"];function vt(e){var t=1===e.interaction.actionableItems.filter((function(e){return e.isCorrect})).length;function n(t,n){e.onSelectAnswer&&e.onSelectAnswer(t,n)}return a.a.createElement(a.a.Fragment,null,e.interaction.actionableItems.map((function(r,i){var o=e.getSelectedAnswer(r.id);if(e.onlyShowSelectedAnswer&&!o)return a.a.createElement(a.a.Fragment,{key:i});var c=o?"bg-info text-white":e.unCheckedBackground,l=function(){return a.a.createElement(a.a.Fragment,null,pt[i])};e.showFeedback&&(c=r.isCorrect?"bg-success text-white":"bg-danger text-white ".concat(ft.a.incorrect),e.hideFeedbackIcons||(l=function(){return a.a.createElement(a.a.Fragment,null,r.isCorrect?a.a.createElement(st.a,{size:st.b.Small,svgName:ut.b.Check}):a.a.createElement(st.a,{size:st.b.Small,svgName:ut.b.Close}))}));var s=e.showFeedback?{}:{role:"button",tabIndex:0,onKeyDown:function(e){return"Enter"===e.key&&n(r,!o)}};return a.a.createElement(a.a.Fragment,{key:i},a.a.createElement("input",{id:r.id,type:t?"radio":"checkbox",name:"multiple-choice",checked:!!o,onChange:function(){return n(r,!o)},disabled:e.showFeedback,hidden:!0,tabIndex:-1}),a.a.createElement("label",Object.assign({className:"\n                d-block\n                rounded-lg\n                shadow-sm\n                mb-2\n                ".concat("sm"===e.size?"p-2":"p-3","\n                d-flex\n                justify-content-between\n                position-relative\n                ").concat(e.showFeedback?"":"cursor-pointer","\n                ").concat(ft.a.answer,"\n                ").concat(c),key:i,htmlFor:r.id},s),a.a.createElement("span",{className:"d-inline-block mr-3 cv-multiple-choice-bullet"},a.a.createElement(l,null)),a.a.createElement("span",{className:"flex-grow-1 pr-4"},r.name),!e.onlyShowSelectedAnswer&&a.a.createElement("span",{className:ft.a.avatarContainer},o&&a.a.createElement(dt.a,{imageCdnUrl:e.imageApi,initials:e.userInitials,imageUrl:e.userAvatar}))))})))}vt.defaultProps={size:"lg",unCheckedBackground:"bg-white"};n(1331);function yt(e){return(yt="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 gt(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var bt=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n};var ht=n(1332),wt=n.n(ht);function Et(e){function t(t){e.onSelectAnswer&&e.onSelectAnswer(t)}return a.a.createElement("div",{className:"d-flex ".concat(e.className?e.className:""," ").concat("sm"===e.size?"mx-n1":"mx-n2")},e.interaction.actionableItems.map((function(n,r){var i=e.getSelectedAnswer(n.id),o=i?"bg-info text-white":e.unCheckedBackground,c=function(){return a.a.createElement(a.a.Fragment,null)};e.showFeedback&&(o=n.isCorrect?"bg-success text-white":"bg-danger text-white ".concat(wt.a.incorrect),e.hideFeedbackIcons||(c=function(){return a.a.createElement(a.a.Fragment,null,n.isCorrect?a.a.createElement(st.a,{size:st.b.Small,svgName:ut.b.Check}):a.a.createElement(st.a,{size:st.b.Small,svgName:ut.b.Close}))}));var l=e.showFeedback?{}:{role:"button",tabIndex:0,onKeyDown:function(e){return"Enter"===e.key&&t(n)}};return a.a.createElement("label",Object.assign({key:r,htmlFor:n.id,className:"\n              d-inline-block\n              rounded-lg\n              shadow-sm\n              my-0\n              position-relative\n              overflow-hidden\n              ".concat("sm"===e.size?"p-4 mx-1 h5":"p-5 mx-2 h4","\n              ").concat(e.showFeedback?"":"cursor-pointer","\n              ").concat(o)},l),a.a.createElement("input",{id:n.id,type:"radio",name:"multiple-choice",checked:!!i,onChange:function(){return t(n)},disabled:e.showFeedback,hidden:!0}),n.name,a.a.createElement("span",{className:"position-absolute p-2 ".concat(wt.a.feedback)},a.a.createElement(c,null)),a.a.createElement("span",{className:"".concat(wt.a.avatarContainer).concat("sm"===e.size?" ".concat(wt.a.avatarContainerSmall):"")},i&&a.a.createElement(dt.a,{imageCdnUrl:e.imageApi,initials:e.userInitials,imageUrl:e.userAvatar})))})))}Et.defaultProps={size:"lg",unCheckedBackground:"bg-white"};var It,St,Ct,kt,xt;function Nt(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Ot=function(){return!0},At=function(){return!1},Tt=(Nt(It={},Z.InteractionTypeId.Annotation,At),Nt(It,Z.InteractionTypeId.Image,At),Nt(It,Z.InteractionTypeId.MissingWord,Ot),Nt(It,Z.InteractionTypeId.MultipleChoice,Ot),Nt(It,Z.InteractionTypeId.ShortAnswer,(function(e){return!!e.data.suggestedResponse})),Nt(It,Z.InteractionTypeId.TrueOrFalse,Ot),It);function jt(e){return Tt[e]}var Pt=(Nt(St={},Z.InteractionTypeId.Annotation,(function(e){var t=e.interaction.data.annotation.replace(/<(a)(.*?)>/g,'<$1 target="_blank" $2>');return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("div",{className:"mb-2",dangerouslySetInnerHTML:{__html:t}}),a.a.createElement(Qe,{interaction:e.interaction}))})),Nt(St,Z.InteractionTypeId.Image,(function(e){var t=e.interaction,n=e.recalculateScroll,r=a.a.useCallback((function(e){e&&(e.onload=function(){n()})}),[]);return a.a.createElement("div",{className:"cv-interactive-question cv-image-interactive"},a.a.createElement("div",{className:"cv-image-container text-center"},a.a.createElement("img",{className:"img-fluid shadow-lg",src:t.data.url,ref:r}),t.data.caption&&a.a.createElement(a.a.Fragment,null,a.a.createElement("p",{className:"mt-3"},t.data.caption,a.a.createElement(Qe,{interaction:e.interaction,className:"ml-2"})))))})),Nt(St,Z.InteractionTypeId.MissingWord,(function(e){var t=e.state,n=e.setState,r=e.interaction,i=e.showFeedback,o=r.data.sentence.replace(/{([^{}]*)}/g,(function(e,t){return"{".concat("cv-missing-word-").concat(t,"}")})).split(/{([^{}]*)}/g);function c(e,r){if(r.stopPropagation(),r.target.value){var a,i,o;n((a={},i=e.id,o=r.target.value,i in a?Object.defineProperty(a,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):a[i]=o,a))}else{var c=t,l=e.id,s=(c[l],ct(c,["symbol"===ot(l)?l:l+""]));n(s,!0)}}return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("div",{className:"mb-2"},o.map((function(e,n){var o;if(!e.startsWith("cv-missing-word-"))return e;var l=e.replace("cv-missing-word-",""),s=r.actionableItems.find((function(e){return e.order.toString()===l}));if(s){var u,d,m=t[s.id]||"",f=(u=s.name,(d=document.createElement("canvas").getContext("2d")).font="17pt arial",d.measureText(u).width);if(i){var p=s.name.toLowerCase().toString()===(null===(o=t[s.id])||void 0===o?void 0:o.toLowerCase().toString());return a.a.createElement(a.a.Fragment,{key:n},!p&&a.a.createElement(a.a.Fragment,null,a.a.createElement("del",{className:"text-danger"},m)," "),a.a.createElement("span",{className:"text-success"},s.name))}return a.a.createElement("span",{className:"cv-missing-word-input-container",key:n},a.a.createElement("input",{style:{width:f/16+"rem"},onChange:function(e){return c(s,e)},value:m,disabled:!!t.submitted,className:"cv-missing-word-input",autoComplete:"off"}))}}))),a.a.createElement(Xe,{error:t.error}),a.a.createElement(Qe,{interaction:e.interaction}))})),Nt(St,Z.InteractionTypeId.MultipleChoice,(function(e){var t=e.state,n=e.setState,r=e.interaction,i=e.showFeedback,o=e.imageApi,c=e.currentUser,l=1===r.actionableItems.filter((function(e){return e.isCorrect})).length;return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("p",null,r.name,a.a.createElement(Qe,{interaction:e.interaction,className:"ml-2"})),!l&&a.a.createElement("p",{className:"text-muted"},a.a.createElement("small",null,"This question has multiple correct answers")),a.a.createElement(vt,{interaction:r,showFeedback:i,onSelectAnswer:function(e,r){if(!t.submitted)if(l)n(gt({},e.id,e.name),!0);else if(r)n(gt({},e.id,e.name));else{var a=t,i=e.id,o=(a[i],bt(a,["symbol"===yt(i)?i:i+""]));n(o,!0)}},getSelectedAnswer:function(e){return t[e]},imageApi:o.toString(),userInitials:lt.a.getInitials(c.givenName,c.familyName),userAvatar:c.avatar}),a.a.createElement(Xe,{error:t.error}))})),Nt(St,Z.InteractionTypeId.ShortAnswer,(function(e){var t=e.interaction,n=e.state,r=e.setState;return e.showFeedback?a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("p",null,t.name),a.a.createElement("label",{className:"cv-interaction-field-label"},"My answer"),a.a.createElement("p",null,n[t.actionableItems[0].id]),t.data.suggestedResponse&&a.a.createElement(a.a.Fragment,null,a.a.createElement("label",{className:"cv-interaction-field-label mt-1"},"Teacher's suggested answer"),a.a.createElement("p",null,t.data.suggestedResponse))):a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("p",null,t.name,a.a.createElement(Qe,{interaction:t,className:"ml-2"})),a.a.createElement(le.a,{id:"short-answer-answer",className:"form-control mt-2",minRows:3,value:n[t.actionableItems[0].id]||"",onChange:function(e){var a,i,o;r(Object.assign(Object.assign({},n),(a={},i=t.actionableItems[0].id,o=e.target.value,i in a?Object.defineProperty(a,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):a[i]=o,a)))},disabled:!!n.submitted}),a.a.createElement(Xe,{error:n.error}))})),Nt(St,Z.InteractionTypeId.TrueOrFalse,(function(e){var t=e.state,n=e.setState,r=e.interaction,i=e.showFeedback,o=e.imageApi,c=e.currentUser,l=r.actionableItems.find((function(e){return e.isCorrect}));return a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("p",null,r.name,a.a.createElement(Qe,{interaction:e.interaction,className:"ml-2"})),a.a.createElement(Et,{className:"justify-content-center",interaction:r,showFeedback:i,onSelectAnswer:function(e){var r,a,i;t.submitted||n((r={},a=e.id,i=e.name,a in r?Object.defineProperty(r,a,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[a]=i,r),!0)},getSelectedAnswer:function(e){return t[e]},imageApi:o.toString(),userInitials:lt.a.getInitials(c.givenName,c.familyName),userAvatar:c.avatar}),i&&a.a.createElement("div",{className:"text-center px-5 mt-3"},a.a.createElement("p",null,"The answer is ",a.a.createElement("strong",null,l.name)),r.data.feedback&&a.a.createElement("p",null,r.data.feedback)),a.a.createElement(Xe,{error:t.error}))})),St);function Rt(){return""}var Ft=(Nt(Ct={},Z.InteractionTypeId.Annotation,Rt),Nt(Ct,Z.InteractionTypeId.Image,Rt),Nt(Ct,Z.InteractionTypeId.MissingWord,(function(e,t){var n=Object.keys(e).filter((function(t){var n;return!!(null===(n=e[t])||void 0===n?void 0:n.trim())})).length;return n?n!==t.actionableItems.length?"Please fill in all of the missing words":null:"Please fill in the missing words"})),Nt(Ct,Z.InteractionTypeId.MultipleChoice,(function(e){return Object.keys(e).length?null:"Please choose an answer"})),Nt(Ct,Z.InteractionTypeId.ShortAnswer,(function(e){return Object.keys(e).filter((function(t){var n;return!!(null===(n=e[t])||void 0===n?void 0:n.trim())})).length?null:"Please provide an answer to the question"})),Nt(Ct,Z.InteractionTypeId.TrueOrFalse,(function(e){return Object.keys(e).length?null:"Please choose an answer"})),Ct);var Lt=(Nt(kt={},Z.InteractionTypeId.Annotation,null),Nt(kt,Z.InteractionTypeId.Image,null),Nt(kt,Z.InteractionTypeId.MissingWord,(function(e,t,n){return n(t.id,Object.keys(e).map((function(t){return{actionableItemId:t,value:e[t].toString()}})))})),Nt(kt,Z.InteractionTypeId.MultipleChoice,(function(e,t,n){return n(t.id,Object.keys(e).map((function(t){return{actionableItemId:t,value:e[t]}})))})),Nt(kt,Z.InteractionTypeId.ShortAnswer,(function(e,t,n){return n(t.id,Object.keys(e).map((function(t){return{actionableItemId:t,value:e[t].toString()}})))})),Nt(kt,Z.InteractionTypeId.TrueOrFalse,(function(e,t,n){return n(t.id,Object.keys(e).map((function(t){return{actionableItemId:t,value:e[t]}})))})),kt);function Mt(e){return Lt[e]}var _t=(Nt(xt={},Z.InteractionTypeId.Annotation,it.notApplicable),Nt(xt,Z.InteractionTypeId.Image,it.notApplicable),Nt(xt,Z.InteractionTypeId.MissingWord,(function(e,t){return it.isMissingWordCorrect(t,(function(t){return e[t]}))})),Nt(xt,Z.InteractionTypeId.MultipleChoice,(function(e,t){return it.isMultipleChoiceCorrect(t,(function(t){return e[t]}))})),Nt(xt,Z.InteractionTypeId.ShortAnswer,it.awaitingMarking),Nt(xt,Z.InteractionTypeId.TrueOrFalse,(function(e,t){return t.actionableItems.filter((function(e){return e.isCorrect})).every((function(t){return e[t.id]===t.name}))?$e.a.Correct:$e.a.Incorrect})),xt);function Dt(e){return _t[e]}function Ut(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var qt={interactions:{},timepoints:{}};function Bt(e,t){return"interaction"===t.type?{timepoints:e.timepoints,interactions:Object.assign(Object.assign({},e.interactions),Ut({},t.id,t.value))}:"timepoint"===t.type?{interactions:e.interactions,timepoints:Object.assign(Object.assign({},e.timepoints),Ut({},t.id,t.value))}:void 0}function Vt(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,a,i=[],o=!0,c=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(c)throw a}}return i}(e,t)||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,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 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}var Wt={interactionIndex:0},Ht=function(e){var t=e.mode,n=e.timepoint,r=e.latestSession,i=t===s.InteractiveMode.Create,o=Vt(a.a.useReducer(Bt,null,(function(){return function(e){return e?{timepoints:{},interactions:e.actions.reduce((function(e,t){var n;return e[t.interactionId]=Object.assign(Object.assign({},e[t.interactionId]),(Ut(n={},t.actionableItemId,t.data),Ut(n,"submitted",!0),n)),e}),{})}:qt}(r)})),2),c=o[0],l=o[1],u=v(null==n?void 0:n.id),d=null==n?void 0:n.interactions[u.interactionIndex],m="number"==typeof u.nextInteractionIndex?null==n?void 0:n.interactions[u.nextInteractionIndex]:null,f=y(null==d?void 0:d.id),p=y(null==m?void 0:m.id);function v(e){return e&&c.timepoints[e]||Wt}function y(e){if(!e)return{};var t=c.interactions[e];return t||i?t:{}}function g(e,t,n){var r=y(e);l({type:"interaction",id:e,value:Object.assign(Object.assign({},n?{}:r),t)})}return{state:c,interaction:d,interactionState:f,timepointState:u,nextInteraction:m,nextInteractionState:p,getTimepointState:v,getInteractionState:y,updateTimepointState:function(e,t){var n=v(e);l({type:"timepoint",id:e,value:Object.assign(Object.assign({},n),t)})},updateInteractionState:g,clearTimepointState:function(e){l({type:"timepoint",id:e,value:void 0})},clearInteractionState:function(e){l({type:"interaction",id:e,value:void 0})},userUpdateInteractionState:function(e,t){g(d.id,Object.assign(Object.assign({},e),{hasChanges:!0,error:null}),t)}}},Qt=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))},Xt=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},Gt=!1,Kt=function(e){var t=e.interactive,n=e.timepoint,r=e.player,i=e.mode,o=e.resultsService,c=e.latestSession,l=e.analyticsService,d=Xt(e,["interactive","timepoint","player","mode","resultsService","latestSession","analyticsService"]),m=Ht({mode:i,timepoint:n,latestSession:c}),f=m.state,p=m.interaction,v=m.interactionState,y=m.timepointState,g=m.nextInteraction,b=m.nextInteractionState,h=Xt(m,["state","interaction","interactionState","timepointState","nextInteraction","nextInteractionState"]),w=i===s.InteractiveMode.Create;function E(e){for(var n=0;n<t.timepoints.length;){for(var r=t.timepoints[n],a=0;a<r.interactions.length;){var i=r.interactions[a];if(i.id===e)return{localTimepoint:r,localInteraction:i};a++}n++}return{localInteraction:null,localTimepoint:null}}function I(e){var n=u.a.getTypeInfo(e.typeId);return{id:D(e.id)?void 0:e.id,typeId:e.typeId,type:n.typeName,interactiveId:t.id,timepointId:D(e.timepointId)?void 0:e.timepointId,order:e.order}}function S(e){return Qt(this,void 0,void 0,regeneratorRuntime.mark((function n(){var r,a,i,o,c,s,u;return regeneratorRuntime.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(r=E(e),a=r.localInteraction,i=r.localTimepoint,a&&i){n.next=3;break}throw new Error("Could not find the interaction and timepoint for the interactionId ".concat(e));case 3:if(o=I(a),D(a.id)){n.next=10;break}return n.next=7,$.deleteInteraction(a.id);case 7:l.logUserAction(o,{actionType:We.UserAction.Delete,entity:We.EntityType.Interaction,workflowPhase:We.WorkflowPhase.Complete}),n.next=11;break;case 10:l.logUserAction(o,{actionType:We.UserAction.Create,entity:We.EntityType.Interaction,workflowPhase:We.WorkflowPhase.Discard});case 11:if(c=i.interactions.findIndex((function(e){return e.id===a.id})),i.interactions.splice(c,1),h.clearInteractionState(a.id),s=h.getTimepointState(i.id),c<s.interactionIndex&&h.updateTimepointState(i.id,{interactionIndex:s.interactionIndex-1}),!(i.interactions.length>0)){n.next=18;break}return n.abrupt("return");case 18:if(D(i.id)){n.next=21;break}return n.next=21,$.deleteTimepoint(i.id);case 21:u=t.timepoints.findIndex((function(e){return e.id===i.id})),t.timepoints.splice(u,1),d.removeCue(i.visibleAt/1e3),h.clearTimepointState(i.id);case 25:case"end":return n.stop()}}),n)})))}function C(e){if(p){var t=D(p.id);if(t||(null==v?void 0:v.hasChanges)||(null==y?void 0:y.hasChanges)){Y.a.render(a.a.createElement("p",null,"Do you want to discard your changes?"),{title:"Unsaved changes",success:function(){(null==y?void 0:y.hasChanges)&&A(!0),t?S(p.id):h.clearInteractionState(p.id),e&&e()},buttons:[{variant:"link",buttonText:"Cancel"},{variant:"danger",success:!0,buttonText:"Discard"}]})}else e&&e()}else e&&e()}function k(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(w)C((function(){h.updateTimepointState(n.id,{interactionIndex:e})}));else{var r=function(){h.updateTimepointState(n.id,{nextInteractionIndex:e}),window.requestAnimationFrame((function(){h.updateTimepointState(n.id,{nextInteractionIndex:e,slideIn:!0}),window.setTimeout((function(){h.updateTimepointState(n.id,{interactionIndex:e,nextInteractionIndex:null,slideIn:null})}),400)}))};t?C(r):r()}}function x(){y.interactionIndex+1>=n.interactions.length?d.continueInteractive():k(y.interactionIndex+1,!1)}function N(){t.timepoints.sort((function(e,t){return e.visibleAt>t.visibleAt?1:t.visibleAt>e.visibleAt?-1:0}))}function O(){k(n.interactions.length)}function A(e){(null==y?void 0:y.hasChanges)&&(e&&d.moveTimepoint(y.originalVisibleAt),h.updateTimepointState(n.id,{hasChanges:void 0,originalVisibleAt:void 0}),Gt=!1)}return{state:f,interaction:p,interactionState:v,timepointState:y,nextInteraction:g,nextInteractionState:b,skip:x,cancel:function(){return Qt(this,void 0,void 0,regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!(null==v?void 0:v.hasChanges)){e.next=3;break}return C(),e.abrupt("return");case 3:return e.next=5,S(p.id);case 5:d.setOpen(!0);case 6:case"end":return e.stop()}}),e)})))},addAnotherQuestion:O,goToTimepoint:function(e,n){var a=function(e){for(var n=0;n<t.timepoints.length;){var r=t.timepoints[n];if(r.id===e)return r;n++}return null}(e),i=a.interactions.find((function(e){return e.id.toString()===n.toString()}));r.currentTime(a.visibleAt/1e3),h.updateTimepointState(a.id,{interactionIndex:a.interactions.indexOf(i)})},discardChanges:C,changeIndex:k,promptDelete:function(e){var t=I(E(e).localInteraction);l.logUserAction(t,{actionType:We.UserAction.Delete,entity:We.EntityType.Interaction,workflowPhase:We.WorkflowPhase.Start}),Y.a.render(a.a.createElement("p",null,"Are you sure you want to delete this question?"),{title:"Delete question",success:function(){return S(e)},buttons:[{variant:"link",buttonText:"Cancel"},{variant:"danger",success:!0,buttonText:"Delete question"}]})},showTypeSelector:function(){r.pause(),d.setOpen(!0),n&&O()},cancelTypeSelector:function(){n?k(y.interactionIndex-1):(d.setOpen(!1),r.play())},deleteInteraction:S,saveInteraction:function(){return Qt(this,void 0,void 0,regeneratorRuntime.mark((function e(){var t,r,a,i,o,c;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(w){e.next=2;break}throw new Error("Should not be calling onClickSave while viewing an interactive");case 2:if(s=p.typeId,!(t=(0,qe[s])(h.getInteractionState(p.id),p))){e.next=7;break}return h.updateInteractionState(p.id,{error:t}),e.abrupt("return");case 7:if(h.updateInteractionState(p.id,{spinner:!0}),!D(n.id)){e.next=15;break}return r=n.id,e.next=12,$.saveTimepoint(n);case 12:d.updateCue(r,n.id),h.clearTimepointState(r),(null==y?void 0:y.hasChanges)&&(N(),A());case 15:return p.timepointId=n.id,a=p.id,i=Ve(p.typeId),e.next=20,i(h.getInteractionState(p.id),p);case 20:h.clearInteractionState(a),o=D(a),c=I(p),l.logUserAction(c,{actionType:o?We.UserAction.Create:We.UserAction.Edit,entity:We.EntityType.Interaction,workflowPhase:o?We.WorkflowPhase.Complete:We.WorkflowPhase.Save});case 24:case"end":return e.stop()}var s}),e)})))},addInteraction:function(e){var a;r.pause();var i=(null==n?void 0:n.id)||"new_".concat(Math.round(Math.random()*Number.MAX_SAFE_INTEGER)),o={id:"new_".concat(Math.round(Math.random()*Number.MAX_SAFE_INTEGER)),timepointId:i,typeId:e,order:(null===(a=null==n?void 0:n.interactions)||void 0===a?void 0:a.length)||0,interactiveId:t.id,data:{}},c=I(o);if(l.logUserAction(c,{actionType:We.UserAction.Create,entity:We.EntityType.Interaction,workflowPhase:We.WorkflowPhase.Start}),n)return n.interactions.push(o),void k(y.interactionIndex);var s=r.currentTime();t.timepoints||(t.timepoints=[]),t.timepoints.push({id:i,visibleAt:1e3*s,interactiveId:t.id,shouldPause:1,interactions:[o]}),N(),d.addCue(i)},submitInteractionAnswer:function(){return Qt(this,void 0,void 0,regeneratorRuntime.mark((function e(){var r,a,c,u,m;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(i===s.InteractiveMode.View){e.next=2;break}throw new Error("Should not be calling onClickSubmit while creating an interactive");case 2:if(!v.submitted){e.next=8;break}if(!(y.interactionIndex>=n.interactions.length)){e.next=6;break}return d.continueInteractive(),e.abrupt("return");case 6:return k(y.interactionIndex+1),e.abrupt("return");case 8:if(r=U(v),f=p.typeId,!(a=(0,Ft[f])(r,p))){e.next=14;break}return h.updateInteractionState(p.id,{error:a}),e.abrupt("return");case 14:if(!o||!v.hasChanges){e.next=22;break}if(c=Mt(p.typeId),h.updateInteractionState(p.id,{spinner:!0}),!c){e.next=22;break}return e.next=20,c(r,p,o.save);case 20:u=I(p),l.logUserAction(u,{actionType:We.UserAction.Answer,entity:We.EntityType.Interaction});case 22:if(h.updateInteractionState(p.id,{submitted:!0,error:null,hasChanges:!1,spinner:!1}),t.immediateFeedback){e.next=26;break}return x(),e.abrupt("return");case 26:m=jt(p.typeId),m(p)||x();case 29:case"end":return e.stop()}var f}),e)})))},userUpdateInteractionState:h.userUpdateInteractionState,updateTimepointTime:function(e){var a=r.duration(),i=function(e){for(var r=n.visibleAt+1e3*e,a=e>0,i=0;i<t.timepoints.length;i++){var o=t.timepoints[i];r<o.visibleAt-1e3||r>o.visibleAt+1e3||(r=a?o.visibleAt+1001:o.visibleAt-1001,i=0)}return r}(e);if(!(i/1e3>a||i<0)){var o=n.visibleAt;Gt||(Gt=!0,h.updateTimepointState(n.id,{originalVisibleAt:o,hasChanges:!0})),d.moveTimepoint(i)}},saveTimepoint:function(){return Qt(this,void 0,void 0,regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!D(n.id)){e.next=2;break}return e.abrupt("return");case 2:return e.next=4,$.updateTimepoint(n);case 4:N(),A();case 6:case"end":return e.stop()}}),e)})))},clearTimepointTimeState:A,reOrderQuestions:function(e){return Qt(this,void 0,void 0,regeneratorRuntime.mark((function t(){var r,a;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:r=0;case 1:if(!(r<e.length)){t.next=7;break}return t.next=4,$.saveInteraction(Object.assign(Object.assign({},e[r]),{order:r}));case 4:r++,t.next=1;break;case 7:a=n.interactions[y.interactionIndex],n.interactions=e,h.updateTimepointState(n.id,{interactionIndex:e.indexOf(a)});case 10:case"end":return t.stop()}}),t)})))}}},$t=n(1333),Yt=n.n($t);function Zt(e){var t="".concat(e.className," ").concat(Yt.a.iconButton);e.children?t+=" ".concat(Yt.a.iconWithText):t+=" ".concat(Yt.a.iconOnly);var n=a.a.createElement(st.a,{svgName:e.svgName,className:Yt.a.svg});return a.a.createElement(te.a,{className:t,onClick:e.onClick},n,e.children)}function Jt(e){var t=e.isCreate,n=e.open,r=e.showTypeSelector;return!t||n?a.a.createElement(a.a.Fragment,null):a.a.createElement(Zt,{className:"btn btn-outline-dark cv-add-question",onClick:r,svgName:ut.b.Plus},"Add question")}var en=n(1260),tn=n(402),nn=n(1203);function rn(e){return a.a.createElement("div",{className:"my-5 text-center"},a.a.createElement("h2",{className:"h3"},"Select an interaction to get started"),a.a.createElement("p",{className:"mb-0"},"Choose a point in the video and add a question to interact and engage your students."),!(!e.config||!e.currentUser)&&a.a.createElement("a",{href:tn.a.getArticle(e.config.supportSiteUrl,nn.a.MakeInteractive,e.currentUser.countryCode,"articles"),target:"_blank",className:"btn btn-link text-info"},"How do I make interactives?"))}function an(e){var t=e.isCreate,n=e.interactive,r=e.interaction,i=e.portalNode,o=e.goToTimepoint,c=e.promptDelete,l=e.config,s=e.currentUser;if(!i)return a.a.createElement(a.a.Fragment,null);var u=n.timepoints.reduce((function(e,t){return e+t.interactions.length}),0);return a.a.createElement(J.a,{node:i},u?a.a.createElement(a.a.Fragment,null,a.a.createElement("h2",{className:"h4 mt-3"},"Question List (",u,")"),a.a.createElement(en.a,{interactive:n,maxHeight:300,goToTimepoint:o,selectedInteractionId:null==r?void 0:r.id,onClickDelete:t?c:void 0})):t?a.a.createElement(rn,{currentUser:s,config:l}):a.a.createElement(a.a.Fragment,null))}var on=n(1512);function cn(e,t){if(t===s.InteractiveMode.Create)return function(e){return Ue[e]}(e);if(t===s.InteractiveMode.View)return function(e){return Pt[e]}(e);throw new Error("Cannot find components for the mode ".concat(t))}var ln=n(280);n(1334);function sn(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,a,i=[],o=!0,c=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(c)throw a}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return un(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 un(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 un(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var dn=[Z.InteractionTypeId.MissingWord,Z.InteractionTypeId.MultipleChoice,Z.InteractionTypeId.TrueOrFalse,Z.InteractionTypeId.ShortAnswer,Z.InteractionTypeId.Image,Z.InteractionTypeId.Annotation];function mn(e){var t=e.addInteraction,n=e.cancelTypeSelector,r=e.player,i=e.timepoint,o=e.open,c=e.isCreate,l=e.interaction,s=sn(a.a.useState(Object(ln.a)(r.currentTime()||0)),2),d=s[0],m=s[1];return a.a.useEffect((function(){var e=function(){m(Object(ln.a)(r.currentTime()))};return r.on("timeupdate",e),function(){return r.off("timeupdate",e)}}),[]),l||!c?a.a.createElement(a.a.Fragment,null):a.a.createElement("div",{className:"d-flex align-items-center justify-content-center h-100"},a.a.createElement("div",{className:"cv-interactive-type-selector d-flex flex-wrap justify-content-center align-items-center"},a.a.createElement("div",{className:"text-center font-weight-bold w-100 text-body mb-3 cv-add-question-copy"},i?"Add another question at:":"Add a question at:"," ",d),dn.map((function(e,n){var r=u.a.getTypeInfo(e),i=r.name,o=r.bgClassName,c=r.Svg;return a.a.createElement(te.a,{key:n,className:"cv-type-selector rounded py-2 m-1 ".concat(o),onClick:function(){return t(e)}},a.a.createElement("span",{className:"cv-create-type-icon mb-1"},a.a.createElement(c,null)),a.a.createElement("div",{className:"d-flex align-items-center justify-content-center cv-interaction-type-name px-1"},i))})),(i||o)&&a.a.createElement("div",{className:"text-center w-100 mt-2 ".concat(i?"":"cv-adding-first-cancel")},a.a.createElement(te.a,{className:"btn btn-link",onClick:n},"Cancel"))))}function fn(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,a,i=[],o=!0,c=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(c)throw a}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return pn(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 pn(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 pn(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function vn(e){var t=e.typeId,n=e.currentIndex,r=e.numberOfInteractions,i=e.changeIndex,o=e.player,c=fn(a.a.useState(Object(ln.a)(o.currentTime()||0)),2),l=c[0],s=c[1];a.a.useEffect((function(){var e=function(){s(Object(ln.a)(o.currentTime()))};return o.on("timeupdate",e),function(){return o.off("timeupdate",e)}}),[]);var d=u.a.getTypeInfo(t),m=d.name,f=d.bgClassName,p=n<r-1;var v=n>0;return a.a.createElement("div",{className:"text-center d-flex justify-content-between align-items-center p-1 ".concat(f)},a.a.createElement(te.a,{onClick:function(){v&&i(n-1)},className:v?"":"invisible"},a.a.createElement(st.a,{size:st.b.Medium,svgName:ut.b.ChevronLeft})),a.a.createElement("div",null,a.a.createElement("div",{className:"h6 mb-0"},m),r>1&&a.a.createElement("div",null,n+1," of ",r," at ",l)),a.a.createElement(te.a,{onClick:function(){p&&i(n+1)},className:p?"":"invisible"},a.a.createElement(st.a,{size:st.b.Medium,svgName:ut.b.ChevronRight})))}n(1335);function yn(e){var t=e.typeId,n=u.a.getTypeInfo(t),r=n.name,i=n.prompt,o=n.bgClassName,c=n.Svg;return a.a.createElement("div",{className:"text-center text-body d-flex justify-content-between align-items-center px-3 pt-3"},a.a.createElement("div",{className:"d-flex align-items-center"},a.a.createElement("span",{className:"cv-interaction-icon rounded my-1 text-white ".concat(o)},a.a.createElement(c,null)),a.a.createElement("span",{className:"text-left flex-grow-1"},a.a.createElement("div",{className:"h5 ".concat(i?"":"mb-0")},a.a.createElement("strong",null,r)),i&&a.a.createElement("div",{className:"h6 mb-0"},i))))}function gn(e){var t=e.isCreate,n=e.interaction,r=e.player,i=e.changeIndex,o=e.timepointState,c=e.timepoint;return t?a.a.createElement(vn,{typeId:n.typeId,changeIndex:i,player:r,currentIndex:o.interactionIndex,numberOfInteractions:c.interactions.length}):a.a.createElement(yn,{typeId:n.typeId})}var bn=n(33);function hn(e){var t=e.interaction,n=e.interactionState,a=e.onClickContinue,i=e.onClickSave,o=e.onClickCancel,c=e.onClickAddAnother,l=e.onClickDiscard,s=D(t.id),u=!!(null==n?void 0:n.hasChanges),d=!!(null==n?void 0:n.spinner);return r.createElement("div",{className:"cv-timpoint-button-container"},s?r.createElement(te.a,{className:"btn btn-link",onClick:o},"Cancel"):u?r.createElement(te.a,{className:"btn btn-link",onClick:l},"Discard"):r.createElement(te.a,{className:"btn btn-link",onClick:c},"Add another question"),d?r.createElement(te.a,{className:"btn btn-dark ml-2 cv-interactive-spinner",onClick:function(){}},r.createElement(bn.Spinner,{as:"span",animation:"border",role:"status",size:"sm"})):s?u?r.createElement(te.a,{className:"btn btn-dark ml-2",onClick:i},"Save"):r.createElement(te.a,{className:"btn btn-dark ml-2 disabled",onClick:function(){}},"Save"):u?r.createElement(te.a,{className:"btn btn-dark ml-2",onClick:i},"Save"):r.createElement(Zt,{className:"btn btn-dark ml-2",onClick:a,svgName:ut.b.Play},"Continue"))}function wn(e){var t=e.typeId,n=e.interactionState,a=e.onClickSkip,i=e.numberOfInteractions,o=e.currentIndex,c=e.changeIndex,l=!!(null==n?void 0:n.submitted),s=!!(null==n?void 0:n.hasChanges),u=!!(null==n?void 0:n.spinner),d=!!Mt(t),m=o<i-1;function f(){m&&c(o+1)}var p=o>0;function v(){s&&e.onClickSubmit()}return r.createElement("div",{className:"cv-timpoint-button-container flex-wrap"},!l&&d&&r.createElement(te.a,{className:"btn btn-link",onClick:a},"Come back later"),i>1&&o>0&&r.createElement(Zt,{className:"btn btn-dark ml-2 ".concat(p?"":"disabled"),onClick:function(){p&&c(o-1)},svgName:ut.b.ChevronUp}),u?r.createElement(te.a,{className:"btn btn-dark ml-2 cv-interactive-spinner",onClick:function(){}},r.createElement(bn.Spinner,{as:"span",animation:"border",role:"status",size:"sm"})):l||!d?1===i||o===i-1?r.createElement(Zt,{className:"btn btn-dark ml-2",onClick:a,svgName:ut.b.Play},"Continue"):r.createElement(te.a,{className:"btn btn-dark ml-2 ".concat(m?"":"disabled"),onClick:f},"Next"):r.createElement(te.a,{className:"btn btn-dark ml-2 ".concat(s?"":"disabled"),onClick:v},"Save"))}function En(e){var t=e.isCreate,n=e.interaction,r=e.interactionState,i=e.continueInteractive,o=e.saveInteraction,c=e.cancel,l=e.addAnotherQuestion,s=e.discardChanges,u=e.submitInteractionAnswer,d=e.skip,m=e.changeIndex,f=e.timepoint,p=e.currentIndex;return a.a.createElement(a.a.Fragment,null,t?a.a.createElement(hn,{interaction:n,interactionState:r,onClickContinue:i,onClickSave:o,onClickCancel:c,onClickAddAnother:l,onClickDiscard:function(){return s()}}):a.a.createElement(wn,{typeId:n.typeId,interactionState:r,onClickSubmit:u,onClickSkip:d,changeIndex:m,currentIndex:p,numberOfInteractions:f.interactions.length}))}var In=n(1103);function Sn(e){var t=e.timepoint,n=e.interaction,r=e.promptDelete,i=e.optionsPortalNode,o=e.setView;if(!n)return a.a.createElement(a.a.Fragment,null);var c=[];if(c.push({label:"Move time point",onClick:function(){return o("move")}}),t.interactions.length>1){var l=D(n.id);c.push({label:"Re-order questions",onClick:function(){return o("reorder")},className:l?"disabled":""})}return c.push({label:"Delete",onClick:function(){return r(n.id)},className:"text-danger"}),a.a.createElement(J.a,{node:i},!!n&&a.a.createElement(In.a,{actions:c}))}n(1336),n(1337);function Cn(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,a,i=[],o=!0,c=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(c)throw a}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return kn(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 kn(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 kn(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 xn=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))},Nn=null,On=0,An=1;function Tn(e){var t=e.timepoint,n=e.updateTimepointTime,r=e.saveTimepoint,i=e.back,o=e.clearTimepointTimeState,c=Cn(a.a.useState(Object(ln.a)(t.visibleAt/1e3)),2),l=c[0],s=c[1],u=Cn(a.a.useState(!1),2),d=u[0],m=u[1];function f(e){n(e*An),s(Object(ln.a)(t.visibleAt/1e3)),2===++On?An=5:4===On?An=20:6===On?An=60:8===On&&(An=120),Nn||(Nn=window.setInterval((function(){return f(e)}),200),window.addEventListener("mouseup",p))}function p(){window.removeEventListener("mouseup",p),window.clearInterval(Nn),Nn=null,On=0,An=1}return a.a.useEffect((function(){return p}),[]),a.a.createElement(a.a.Fragment,null,a.a.createElement("div",{className:"cv-timepoint flex-grow-1"},a.a.createElement("div",{className:"cv-timepoint-padding"},a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("label",{className:"cv-interaction-field-label mb-0"},"Move time point"),a.a.createElement("div",{className:"text-center mt-3"},a.a.createElement(te.a,{className:"cv-left-arrow d-inline-block cursor-pointer",onClick:function(){},onMouseDown:function(){return f(-1)},onKeyDown:function(e){e.stopPropagation(),13===e.keyCode&&0===On&&f(-1)},onKeyUp:p}),a.a.createElement("input",{className:"form-control text-center d-inline-block cv-move-timepoint-input",value:l,onChange:function(){},onKeyDown:function(e){e.stopPropagation(),37===e.keyCode&&0===On&&f(-1),39===e.keyCode&&0===On&&f(1)},onKeyUp:p}),a.a.createElement(te.a,{className:"cv-right-arrow d-inline-block cursor-pointer",onClick:function(){},onMouseDown:function(){return f(1)},onKeyDown:function(e){e.stopPropagation(),13===e.keyCode&&0===On&&f(1)},onKeyUp:p}))))),a.a.createElement("div",{className:"cv-timpoint-button-container"},a.a.createElement(te.a,{className:"btn btn-link",onClick:function(){o(!0),i()}},"Cancel"),d?a.a.createElement(te.a,{className:"btn btn-dark ml-2 cv-interactive-spinner",onClick:function(){}},a.a.createElement(bn.Spinner,{as:"span",animation:"border",role:"status",size:"sm"})):a.a.createElement(te.a,{className:"btn btn-dark",onClick:function(){return xn(this,void 0,void 0,regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return m(!0),e.next=3,r();case 3:i();case 4:case"end":return e.stop()}}),e)})))}},"Save")))}var jn=n(1071),Pn=n(1338),Rn=n.n(Pn),Fn=n(1154);function Ln(e){return function(e){if(Array.isArray(e))return Dn(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||_n(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 Mn(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,a,i=[],o=!0,c=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(c)throw a}}return i}(e,t)||_n(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _n(e,t){if(e){if("string"==typeof e)return Dn(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Dn(e,t):void 0}}function Dn(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var Un=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))};var qn=Object(jn.SortableElement)((function(e){var t=e.interaction,n=u.a.getTypeInfo(t.typeId).bgClassName;return a.a.createElement("div",{className:"py-2 text-left"},a.a.createElement("span",{className:Rn.a.dragIcon},a.a.createElement(st.a,{size:st.b.Small,svgName:ut.b.Handle})),a.a.createElement(Fn.a,{interaction:t,iconClassName:"".concat(Rn.a.type," ").concat(n),questionClassName:"".concat(Rn.a.name," clamp-1")}))})),Bn=Object(jn.SortableContainer)((function(e){var t=e.interactions,n=function(){var e=a.a.useRef();function t(){document.body.style.cursor="",document.removeEventListener("mouseup",t),e.current&&(e.current.style.cursor="grab")}return{ref:e,style:{cursor:"grab"},onMouseDown:function(){document.body.style.cursor="grabbing",document.addEventListener("mouseup",t),e.current&&(e.current.style.cursor="grabbing")},onMouseUp:t}}();return a.a.createElement("div",Object.assign({tabIndex:0},n),t.map((function(e,t){return a.a.createElement(qn,{key:e.id,index:t,interaction:e})})))}));function Vn(e){var t=Mn(a.a.useState(!1),2),n=t[0],r=t[1],i=Mn(a.a.useState(Ln(e.interactions)),2),o=i[0],c=i[1],l=Mn(a.a.useState(!1),2),s=l[0],u=l[1];return a.a.createElement(a.a.Fragment,null,a.a.createElement("div",{className:"cv-timepoint flex-grow-1"},a.a.createElement("div",{className:"cv-timepoint-padding"},a.a.createElement("div",{className:"cv-interactive-question"},a.a.createElement("label",{className:"cv-interaction-field-label mb-0"},"Re-order questions"),a.a.createElement("div",{className:"text-center mt-3"},a.a.createElement(Bn,{onSortEnd:function(e){var t=e.oldIndex,n=e.newIndex;t!==n&&(c(Ln(function(e,t,n){for(;t<0;)t+=e.length;for(;n<0;)n+=e.length;if(n>=e.length)for(var r=n-e.length+1;r--;)e.push(void 0);return e.splice(n,0,e.splice(t,1)[0]),e}(o,t,n))),u(!0))},interactions:o,helperClass:Rn.a.dragging,lockAxis:"y"}))))),a.a.createElement("div",{className:"cv-timpoint-button-container"},a.a.createElement(te.a,{className:"btn btn-link",onClick:function(){c(Ln(e.interactions)),u(!1),e.back()}},"Cancel"),n?a.a.createElement(te.a,{className:"btn btn-dark ml-2 cv-interactive-spinner",onClick:function(){}},a.a.createElement(bn.Spinner,{as:"span",animation:"border",role:"status",size:"sm"})):a.a.createElement(te.a,{className:"btn btn-dark ".concat(s?"":"disabled"),onClick:function(){return Un(this,void 0,void 0,regeneratorRuntime.mark((function t(){return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(s){t.next=2;break}return t.abrupt("return");case 2:return r(!0),t.next=5,e.reOrderQuestions(o);case 5:r(!1),e.back();case 7:case"end":return t.stop()}}),t)})))}},"Save")))}var zn=n(99),Wn=n(43);function Hn(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,a,i=[],o=!0,c=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(c)throw a}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Qn(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 Qn(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 Qn(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 Xn(e){var t=e.isCreate,n=e.interaction,r=e.mode,i=e.immediateFeedback,o=e.interactionState,c=e.shouldFocus,l=e.delayFocus,s=e.open,u=e.timepoint,d=e.userUpdateInteractionState,m=e.submitInteractionAnswer,f=e.saveInteraction,p=a.a.useRef(),v=a.a.useRef(),y=Object(zn.a)(Wn.a.XLDown),g=!t||y;function b(){return!!p.current&&(!!c&&!!s)}function h(){p.current&&(p.current.focus(),I(!0))}var w=Hn(a.a.useState(!1),2),E=w[0],I=w[1];a.a.useEffect((function(){b()&&(E||(l&&g?window.setTimeout((function(){b()&&h()}),400):h()))}),[p.current,E]);var S=Hn(a.a.useState("question"),2),C=S[0],k=S[1],x=a.a.useMemo((function(){return Object(J.c)()}),[]),N=n?cn(n.typeId,r):null,O=i;return t||(O=O&&(null==o?void 0:o.submitted)),a.a.createElement(a.a.Fragment,null,a.a.createElement(Sn,Object.assign({optionsPortalNode:x,setView:k},e)),a.a.createElement(on.a,{style:{height:"100%"},ref:v},a.a.createElement(mn,Object.assign({},e)),!!n&&a.a.createElement("div",{className:"d-flex flex-column h-100"},a.a.createElement(gn,Object.assign({},e)),"question"===C&&a.a.createElement(a.a.Fragment,null,a.a.createElement("form",{className:"cv-timepoint flex-grow-1",tabIndex:-1,onSubmit:function(e){e.preventDefault(),t?f():m()}},a.a.createElement("div",{className:"cv-timepoint-padding"},a.a.createElement("div",{ref:p,tabIndex:0}),a.a.createElement(N,Object.assign({state:o,setState:d,recalculateScroll:function(){v.current.recalculate()},showFeedback:O,optionsPortalNode:x},e)))),a.a.createElement(En,Object.assign({},e))),"move"===C&&a.a.createElement(Tn,Object.assign({back:function(){return k("question")}},e)),"reorder"===C&&a.a.createElement(Vn,Object.assign({back:function(){return k("question")},interactions:u.interactions},e)))))}n(1339);function Gn(e){var t=e.open,n=e.nextInteraction,r=e.nextInteractionState,i=e.timepointState,o=e.interaction,c=e.delayFocus,l=n&&i.nextInteractionIndex<i.interactionIndex,s=n&&i.nextInteractionIndex>i.interactionIndex,u=s&&i.slideIn,d=l&&i.slideIn;return a.a.createElement("div",{className:"cv-interactive ".concat(t?"cv-open":"")},l&&a.a.createElement("div",{className:"cv-prev-interaction ".concat(i.slideIn?"cv-slide-in":"")},a.a.createElement(Xn,Object.assign({},e,{currentIndex:i.nextInteractionIndex,interaction:n,interactionState:r}))),a.a.createElement("div",{className:"\n        cv-main-slide\n        ".concat(u?"cv-slide-out-up":"","\n        ").concat(d?"cv-slide-out-down":"","\n        ").concat(n?"cv-transitioning":"","\n      ")},a.a.createElement(Xn,Object.assign({key:null==o?void 0:o.id},e,{currentIndex:i.interactionIndex,shouldFocus:o&&!l&&!s,delayFocus:c}))),s&&a.a.createElement("div",{className:"cv-next-interaction ".concat(i.slideIn?"cv-slide-in":"")},a.a.createElement(Xn,Object.assign({},e,{currentIndex:i.nextInteractionIndex,interaction:n,interactionState:r}))))}n(1340);function Kn(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,a,i=[],o=!0,c=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(c)throw a}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return $n(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return $n(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function $n(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Yn(e){var t=e.player,n=e.resultsService,r=e.interactive,i=e.setShowSummary,o=Kn(a.a.useState(!1),2),c=o[0],l=o[1],s=e.player.activePlugins_.activityStatusPlugin,u=e.player.activePlugins_.favouritePlugin;function d(){t.currentTime()>r.timepoints[r.timepoints.length-1].visibleAt/1e3+1?l(!0):l(!1)}if(a.a.useEffect((function(){if(n)return t.on("timeupdate",d),function(){return t.off("timeupdate",d)}}),[]),!c)return null;var m="btn btn-outline-dark cv-show-summary";return u&&(m+=" cv-has-favourite-plugin"),s&&(m+=" cv-has-activity-status-plugin"),a.a.createElement(te.a,{className:m,onClick:function(){i(!0),t.pause(),t.hide()}},t.gradePassbackPlugin().enabled?"Submit answers":"View summary")}var Zn=n(1341),Jn=n.n(Zn);function er(e){var t=e.interactive,n=e.duration;return n?a.a.createElement(a.a.Fragment,null,t.timepoints.map((function(t,r){if(!t.interactions.length)return a.a.createElement(a.a.Fragment,null);var i=u.a.getTypeInfo(t.interactions[0].typeId).bgClassName,o=t.visibleAt/1e3/n*100;return a.a.createElement("span",{key:r,className:"".concat(Jn.a.interaction," ").concat(i),style:{left:"".concat(o,"%")},onClick:function(n){return r=t.id,a=t.interactions[0].id,n.stopPropagation(),void e.goToTimepoint(r,a);var r,a}})}))):a.a.createElement(a.a.Fragment,null)}var tr=n(151),nr=n(386),rr=n(1342),ar=n.n(rr);function ir(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,a,i=[],o=!0,c=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(c)throw a}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return or(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return or(e,t)}(e,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 or(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function cr(e){var t=e.duration,n=e.progress,r=e.player,i=ir(a.a.useState(n.length),2)[1],o=[];if(n.length){var c=n[0];o.push(c),n.forEach((function(e,t){0!==t&&(c.end.time+1>e.start.time&&c.start.time<e.start.time?c.end=e.end:(c=e,o.push(c)))}))}return a.a.useEffect((function(){var e=function(){i(n.length)};return r.on("progressflush",e),function(){return r.off("progressflush",e)}}),[]),a.a.createElement(a.a.Fragment,null,o.map((function(e,n){var r=e.start.time/t*100,i=100*(1-e.end.time/t);return a.a.createElement("span",{key:n,className:ar.a.progress,style:{left:"".concat(r,"%"),right:"".concat(i,"%")}})})))}function lr(e){return de.a.last(e.results)}function sr(e,t){return de.a.findWhere(null==t?void 0:t.attempts,{id:e})}var ur,dr=n(1227),mr=n.n(dr);function fr(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var pr=function(){return a.a.createElement(a.a.Fragment,null)},vr=(fr(ur={},Z.InteractionTypeId.Annotation,pr),fr(ur,Z.InteractionTypeId.Image,pr),fr(ur,Z.InteractionTypeId.MissingWord,(function(e){var t=e.interaction.data.sentence.replace(/{([^{}]*)}/g,(function(e,t){return"{".concat("cv-missing-word-").concat(t,"}")})).split(/{([^{}]*)}/g),n="p-2";return e.reportsStyling||(n+=" border rounded"),a.a.createElement("div",{className:n},t.map((function(t,n){if(!t.startsWith("cv-missing-word-"))return t;var r=t.replace("cv-missing-word-",""),i=e.interaction.actionableItems.find((function(e){return e.order.toString()===r}));if(i){var o=e.answers.find((function(e){return e.id==i.id}));if(o){if(!e.showFeedback)return a.a.createElement("strong",{key:n,className:"text-info"},o.text);var c=o.status===Ge.Correct;return a.a.createElement(a.a.Fragment,{key:n},!c&&a.a.createElement(a.a.Fragment,null,a.a.createElement("del",{className:"text-danger"},a.a.createElement("strong",null,o.text))," "),a.a.createElement("strong",{className:"text-success"},i.name))}}})))})),fr(ur,Z.InteractionTypeId.MultipleChoice,(function(e){var t,n,r,i,o="my-2";return e.reportsStyling&&(o+=" mx-2"),a.a.createElement("div",{className:o},a.a.createElement(vt,{interaction:e.interaction,showFeedback:e.showFeedback,getSelectedAnswer:function(t){var n=e.answers.find((function(e){return e.id==t}));return null==n?void 0:n.text},imageApi:e.imageCdnUrl,userInitials:e.anonymisedUserName?lt.a.getInitialsFromFullName(e.anonymisedUserName):lt.a.getInitials(null===(t=e.user)||void 0===t?void 0:t.name,null===(n=e.user)||void 0===n?void 0:n.surname),userAvatar:e.anonymisedUserName?null:null===(i=null===(r=e.user)||void 0===r?void 0:r.avatar)||void 0===i?void 0:i.url,onlyShowSelectedAnswer:!e.showAvatar,size:"sm",unCheckedBackground:e.showFeedback?"":"".concat(mr.a.uncheckedBackground," text-white")}))})),fr(ur,Z.InteractionTypeId.TrueOrFalse,(function(e){var t,n,r,i,o="justify-content-start";return e.reportsStyling&&(o="justify-content-center"),a.a.createElement("div",{className:"my-2"},a.a.createElement(Et,{className:o,interaction:e.interaction,showFeedback:e.showFeedback,hideFeedbackIcons:!e.showAvatar,getSelectedAnswer:function(t){var n=e.answers.find((function(e){return e.id==t}));return null==n?void 0:n.text},imageApi:e.imageCdnUrl,userInitials:e.anonymisedUserName?lt.a.getInitialsFromFullName(e.anonymisedUserName):lt.a.getInitials(null===(t=e.user)||void 0===t?void 0:t.name,null===(n=e.user)||void 0===n?void 0:n.surname),userAvatar:e.anonymisedUserName?null:null===(i=null===(r=e.user)||void 0===r?void 0:r.avatar)||void 0===i?void 0:i.url,size:"sm",unCheckedBackground:e.showFeedback?"":"".concat(mr.a.uncheckedBackground," text-white")}))})),fr(ur,Z.InteractionTypeId.ShortAnswer,(function(e){var t=de.a.first(e.answers);if(!t)return a.a.createElement(a.a.Fragment,null);var n="rounded p-2 mb-2";return e.reportsStyling||(n+=" bg-info text-white"),a.a.createElement("div",{className:n},t.text)})),ur),yr=n(8).a.encloseNamespace("interactives.responseTypes");function gr(){return a.a.createElement("p",{className:"p-2"},a.a.createElement("em",null,yr("noResponse")))}function br(e){return a.a.createElement(a.a.Fragment,null,e.correctness===$e.a.Correct&&a.a.createElement("div",{className:"ml-2 text-success"},a.a.createElement(st.a,{svgName:ut.b.Check})),e.correctness===$e.a.Incorrect&&a.a.createElement("div",{className:"ml-2 text-danger"},a.a.createElement(st.a,{svgName:ut.b.Close})))}function hr(e){return a.a.createElement("div",{className:"d-flex align-items-center justify-content-between"},a.a.createElement("strong",null,e.anonymisedUserName||lt.a.getFullName(e.studentResults.user)),a.a.createElement(br,{correctness:e.correctness}))}function wr(e){return e.correctness!==$e.a.AwaitingMarking?a.a.createElement(a.a.Fragment,null):a.a.createElement("div",{className:"d-flex justify-content-end mt-1"},a.a.createElement("div",{className:"d-flex flex-column justify-content-end cursor-pointer\n        ".concat(e.markedStatus===Ge.Correct?"text-success":"")},a.a.createElement(st.a,{svgName:e.markedStatus===Ge.Correct?ut.b.CheckCircle:ut.b.CheckCircleOutline,onClick:function(){return e.markInteraction(e.studentAttempt.answers,Ge.Correct)}})),a.a.createElement("div",{className:"d-flex flex-column justify-content-end cursor-pointer\n        ".concat(e.markedStatus===Ge.Incorrect?" text-danger":"")},a.a.createElement(st.a,{svgName:e.markedStatus===Ge.Incorrect?ut.b.CrossCircleFilled:ut.b.CrossCircle,onClick:function(){return e.markInteraction(e.studentAttempt.answers,Ge.Incorrect)}})))}var Er=n(1343),Ir=n.n(Er);function Sr(e){var t,n,r,i,o,c=vr[e.interaction.typeId];if(!c)return a.a.createElement(a.a.Fragment,null);var l=lr(e.studentResults),s=sr(e.interaction.id,l),u=it.isInteractionCorrect(e.interaction,l);return a.a.createElement("div",{className:"rounded ".concat(null!==(t=e.className)&&void 0!==t?t:"")},a.a.createElement("div",{className:"d-flex"},!!e.showStudentDetails&&a.a.createElement("div",{className:"mr-2"},a.a.createElement("div",{className:Ir.a.avatarContainer},a.a.createElement(dt.a,{imageCdnUrl:e.imageCdnUrl,initials:e.anonymisedUserName?lt.a.getInitialsFromFullName(e.anonymisedUserName):lt.a.getInitials(null===(n=e.studentResults.user)||void 0===n?void 0:n.name,null===(r=e.studentResults.user)||void 0===r?void 0:r.surname),imageUrl:e.anonymisedUserName?null:null===(o=null===(i=e.studentResults.user)||void 0===i?void 0:i.avatar)||void 0===o?void 0:o.url}))),a.a.createElement("div",{className:"flex-grow-1"},!!e.showStudentDetails&&a.a.createElement(hr,{studentResults:e.studentResults,correctness:u,anonymisedUserName:e.anonymisedUserName}),a.a.createElement("div",{className:"d-flex justify-content-between"},a.a.createElement("div",{className:"flex-grow-1 ".concat(e.responseComponentClass?e.responseComponentClass:"")},s?a.a.createElement(c,{interaction:e.interaction,answers:s.answers,imageCdnUrl:e.imageCdnUrl,user:e.studentResults.user,showFeedback:e.showFeedback,showAvatar:e.showAvatar,reportsStyling:e.reportsStyling}):a.a.createElement(gr,null)),!e.showStudentDetails&&a.a.createElement(br,{correctness:u})))),a.a.createElement(wr,{studentAttempt:s,correctness:u,markInteraction:e.markInteraction,markedStatus:e.markedStatus}))}var Cr=n(1344),kr=n.n(Cr);function xr(e){var t=e.studentResults,n=e.interaction,r=e.timepoint,i=e.interactive,o=e.state,c=e.goToTimepoint,l=e.interactionNumber,s=e.imageCdnUrl,u=lr(t),d=sr(n.id,u),m=o.interactions[n.id],f=Dt(n.typeId)(m||{},n),p=n.typeId!==Z.InteractionTypeId.Annotation&&n.typeId!==Z.InteractionTypeId.Image,v=p;n.typeId===Z.InteractionTypeId.MissingWord&&d&&(v=!1);var y=n.data.suggestedResponse||n.data.feedback;return a.a.createElement("li",{className:"mb-3 position-relative"},a.a.createElement("div",{className:"d-flex flex-wrap mb-2 cursor-pointer",onClick:function(){return c(r.id,n.id)}},i.immediateFeedback&&a.a.createElement("div",{className:kr.a.feedback},!!d&&(f===$e.a.AwaitingMarking?a.a.createElement("span",{className:"text-muted font-italic"},"Waiting to be marked"):f===$e.a.Correct?a.a.createElement("span",{className:"text-success"},"Correct ",a.a.createElement(st.a,{className:"svg-container align-middle",svgName:ut.b.Check})):f===$e.a.Incorrect&&a.a.createElement("span",{className:"text-danger"},"Incorrect ",a.a.createElement(st.a,{className:"svg-container align-middle",svgName:ut.b.Close})))),a.a.createElement(Fn.a,{interaction:n,iconClassName:"flex-shrink-0",showQuestion:v,showTypeName:!0,questionClassName:"d-block w-100 mt-2",questionNumber:l})),p&&!d&&a.a.createElement("button",{className:"btn btn-dark",onClick:function(){return c(r.id,n.id)}},"Answer question"),d&&p&&a.a.createElement(Sr,{interaction:n,studentResults:t,markedStatus:Ge.PendingReview,markInteraction:function(){},imageCdnUrl:s,showFeedback:i.immediateFeedback,showAvatar:!0}),i.immediateFeedback&&d&&y&&a.a.createElement("div",{className:"bg-light rounded p-2"},a.a.createElement("div",null,a.a.createElement("strong",null,n.typeId===Z.InteractionTypeId.TrueOrFalse?"Teacher's feedback":"Teacher's suggested response")),y))}var Nr=n(1345),Or=n.n(Nr);function Ar(e){return function(e){if(Array.isArray(e))return Tr(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return Tr(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 Tr(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 Tr(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 jr(e){var t=e.showSummary,n=e.setShowSummary,r=e.state,i=e.interactive,o=e.player,c=e.progress,l=e.portalNode,s=a.a.useRef();function u(){n(!1),o.show(),o.play()}function d(t,n){u(),e.goToTimepoint(t,n)}if(!l||!t)return a.a.createElement(a.a.Fragment,null);var m=function(e){var t=e.interactive,n=e.state,r=0,a=0,i=0,o=!1,c=[];return t.timepoints.forEach((function(e){e.interactions.forEach((function(e){var t=n.interactions[e.id],l=Dt(e.typeId)(t||{},e);l===$e.a.Correct&&r++,l!==$e.a.NotApplicable&&a++,l!==$e.a.NotApplicable&&(null==t?void 0:t.submitted)&&i++,l===$e.a.AwaitingMarking&&(o=!0);var s=U(t||{}),u=Object.keys(s).map((function(e){var t;return{id:e,text:null===(t=s[e])||void 0===t?void 0:t.toString()}}));u.length&&c.push({id:e.id,answeredAt:1,answers:u})}))})),{correctCount:r,total:a,answered:i,studentAttempts:c,awaitingMarking:o}}({interactive:i,state:r}),f=m.correctCount,p=m.total,v=m.answered,y=m.studentAttempts,g=m.awaitingMarking,b={name:e.currentUser.givenName,username:e.currentUser.username,user:{name:e.currentUser.givenName,surname:e.currentUser.familyName,avatar:{url:e.currentUser.avatar}},results:[{id:i.id,attempts:y}]},h=0,w=o.ended(),E=o.duration();return a.a.createElement(J.a,{node:l},a.a.createElement("div",{className:"row pb-3"},a.a.createElement("div",{className:"col-4 col-xs-12"},a.a.createElement(nr.a,{data:o.poster(),imageType:be.c.Thumbnails,imageOptions:{size:be.b.Medium}})),a.a.createElement("div",{className:"col-8 col-xs-12"},a.a.createElement("span",{className:"float-right"},a.a.createElement(tr.a,{svgName:ut.b.Play,className:"btn btn-outline-dark",onClick:function(){u(),o.ended()&&o.currentTime(0)}},w?"Play again":"Continue watching"),o.gradePassbackPlugin().enabled&&a.a.createElement(tr.a,{svgName:ut.b.Check,className:"btn btn-dark ml-2",onClick:function(){o.gradePassbackPlugin().submit(f/p,!g)}},"Submit")),a.a.createElement("h1",{className:"h3"},e.title),a.a.createElement("p",null))),a.a.createElement("div",{className:"border rounder px-2 mb-3"},a.a.createElement("div",{className:"cursor-pointer my-4 ".concat(Or.a.bar),onClick:function(e){if(s.current){var t=s.current.getBoundingClientRect(),n=(e.pageX-t.left)/t.width*E;u(),o.currentTime(n)}},ref:s},a.a.createElement(cr,{duration:E,progress:c,interactive:i,player:o}),a.a.createElement(er,{duration:E,interactive:i,goToTimepoint:d}))),a.a.createElement("h2",{className:"h4"},"My Answers"),a.a.createElement("div",{className:"d-flex justify-content-between"},a.a.createElement("span",null,i.immediateFeedback&&a.a.createElement("div",null,"Score: ",f,"/",p),a.a.createElement("div",{className:"mb-3"},"You have answered ",a.a.createElement("strong",{className:v!==p?"text-danger":""},v)," of ",a.a.createElement("strong",null,p)," questions"))),a.a.createElement("div",{className:"row"},a.a.createElement("div",{className:"col-lg-7 col-12"},a.a.createElement("ul",{className:"list-unstyled"},i.timepoints.reduce((function(t,n){return[].concat(Ar(t),Ar(n.interactions.map((function(t){return h++,a.a.createElement(xr,{key:t.id,studentResults:b,interaction:t,timepoint:n,interactive:i,state:r,goToTimepoint:d,interactionNumber:h,imageCdnUrl:e.imageCdnUrl})}))))}),[])))))}function Pr(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,a,i=[],o=!0,c=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(c)throw a}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Rr(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 Rr(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 Rr(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 Fr(e){var t=e.resultsService,n=e.player,r=e.onShowSummary,i=Pr(a.a.useState(!1),2),o=i[0],c=i[1];function l(e){c(e),r&&r(e)}function s(){l(!0),n.hide()}return a.a.useEffect((function(){if(t)return n.on("ended",s),function(){return n.off("ended",s)}}),[]),a.a.useEffect((function(){o&&n.isFullscreen()&&n.exitFullscreen()}),[o]),a.a.createElement(a.a.Fragment,null,a.a.createElement(Yn,Object.assign({setShowSummary:l},e)),a.a.createElement(jr,Object.assign({showSummary:o,setShowSummary:l},e)))}n(1346);var Lr=n(1088);function Mr(e){var t,n,r,i=(t=e.interactive,r=0,null===(n=null==t?void 0:t.timepoints)||void 0===n||n.forEach((function(e){var t;return null===(t=e.interactions)||void 0===t?void 0:t.forEach((function(){return r++}))})),r>0),o=[];return e.onClickEditDetails&&o.push({label:"Edit details",svgName:ut.b.Edit,button:!0,className:"btn btn-outline-dark",onClick:e.onClickEditDetails}),e.onClickPublish&&o.push({label:"Publish",button:!0,className:"btn btn-dark ml-2".concat(i?"":" disabled"),disabled:!i,tooltip:i?"":"Interactives cannot be published without questions",onClick:function(){if(!i)return;e.onClickPublish&&e.onClickPublish()}}),o.length?a.a.createElement(J.a,{node:e.portalNode},a.a.createElement(Lr.a,{actions:o})):a.a.createElement(a.a.Fragment,null)}var _r=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 Dr(e){var t=e.title,n=e.player,r=e.track,i=e.mode,o=e.interactive,c=e.imageApi,l=e.actionsPortalNode,u=e.questionListPortalNode,d=e.summaryPortalNode,m=e.resultsService,f=e.currentUser,p=e.progress,v=e.latestSession,y=e.clipOffset,g=e.analyticsService,b=e.config,h=function(e){var t=e.player,n=e.track,r=e.interactive,i=e.clipOffset,o=F(a.a.useState(!1),2),c=o[0],l=o[1],s=F(a.a.useState(!1),2),u=s[0],d=s[1],m=F(a.a.useState(null),2),f=m[0],p=m[1];function v(e){return i?e+i:e}function y(e){d(!!e&&c),l(e)}function g(){var e=n.activeCues;if(!e.length)return y(!1),void p(null);var a=r.timepoints.find((function(t){return t.id.toString()===e[0].text.toString()}));if(!a)return y(!1),void p(null);a.shouldPause&&(t.seeking()?t.one("play",(function(){return t.pause()})):t.pause()),y(!0),p(a)}function b(e){for(var t=0;t<n.cues.length;t++){var r=n.cues[t];if(r.text.toString()===e.toString())return r}}return a.a.useEffect((function(){return n.addEventListener("cuechange",g),function(){return n.removeEventListener("cuechange",g)}})),{open:c,setOpen:y,wasOpen:u,timepoint:f,continueInteractive:function(){y(!1),t.play()},updateCue:function(e,t){var n=b(e);n.text=t.toString(),n.originalCue_.text=t.toString()},addCue:function(e){var r=t.currentTime();n.addCue({startTime:v(r)-.001,endTime:v(r+1),text:e}),n.trigger("cv:cuechange"),t.paused()&&n.trigger("cuechange")},removeCue:function(e){e=v(e);for(var t=0;t<n.cues.length;){var r=n.cues[t];if(r.startTime<=e&&r.endTime>=e){n.removeCue(r),n.trigger("cv:cuechange"),n.trigger("cuechange");break}t++}},moveTimepoint:function(e){var r=b(f.id);if(r){var a=e/1e3;r.startTime=v(a),r.endTime=v(a+1),t.currentTime(a+.5,!0),f.visibleAt=e,n.trigger("cv:cuechange")}},getClipOffset:v}}({player:n,track:r,interactive:o,mode:i,clipOffset:y}),w=h.open,E=h.timepoint,I=h.wasOpen,S=_r(h,["open","timepoint","wasOpen"]),C=Kt(Object.assign({mode:i,interactive:o,timepoint:E,player:n,resultsService:m,latestSession:v,analyticsService:g},S)),k=C.interaction,x=C.interactionState,N=C.nextInteraction,O=C.nextInteractionState,A=C.timepointState,T=C.state,j=_r(C,["interaction","interactionState","nextInteraction","nextInteractionState","timepointState","state"]);!function(e){var t,n=e.mode,r=e.player,i=e.timepoint,o=e.interaction,c=e.discardChanges,l=e.interactionState,u=e.timepointState,d=Object(M.a)(),m=n===s.InteractiveMode.Create;a.a.useEffect((function(){if(m){if(D(null==o?void 0:o.id)||(null==l?void 0:l.hasChanges)||(null==u?void 0:u.hasChanges))return d.lock({id:"interactive",title:"Are you sure you want to leave?",text:"Your interactive still has unsaved changes"}),void r.lock((function(e){c(e)}));r.unlock(),d.unlock("interactive")}}),[o,null==l?void 0:l.hasChanges,null===(t=null==i?void 0:i.interactions)||void 0===t?void 0:t.length,null==u?void 0:u.hasChanges])}({mode:i,player:n,timepoint:E,interaction:k,discardChanges:j.discardChanges,interactionState:x,timepointState:A});var P={mode:i,open:w,isCreate:i===R.a.Create,interaction:k,nextInteraction:N,timepoint:E,interactive:o,interactionState:x,nextInteractionState:O,timepointState:A,player:n};return a.a.createElement(a.a.Fragment,null,!!l&&a.a.createElement(Mr,{interactive:o,onClickEditDetails:e.onClickEditDetails,onClickPublish:e.onClickPublish,portalNode:l}),a.a.createElement(Jt,Object.assign({},P,j)),a.a.createElement(Gn,Object.assign({imageApi:c,currentUser:f,immediateFeedback:o.immediateFeedback,delayFocus:!I},P,j,S)),a.a.createElement(Fr,Object.assign({title:t,currentUser:f,state:T,portalNode:d,progress:p,resultsService:m,imageCdnUrl:c.toString(),onShowSummary:e.onShowSummary},P,j)),a.a.createElement(an,Object.assign({portalNode:u,config:b,currentUser:f},P,j)))}c.a.registerComponent("Interactive",Object(P.a)((function(e,t){return a.a.createElement(Dr,Object.assign({player:e},t))})));var Ur=n(267),qr=n(270);function Br(e){var t=e.player;function n(){var e=t.getChild("ContinueSession");t.removeChild(e),e.dispose()}function r(){e.continue(!0),n()}var i=[{buttonText:"Start again",variant:"link",onClick:function(){e.continue(!1),n()}},{buttonText:"Continue",variant:"dark",onClick:r}];return a.a.createElement(Ur.a,{title:"Continue interactive?",closePopup:r},a.a.createElement("p",null,"It looks like you've already started this interactive. Would you like to continue your attempt or start a new one?"),a.a.createElement(qr.a,{buttons:i}))}function Vr(e){return(Vr="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function zr(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function Wr(e,t){return(Wr=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function Hr(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=Xr(e);if(t){var a=Xr(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return Qr(this,n)}}function Qr(e,t){if(t&&("object"===Vr(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}function Xr(e){return(Xr=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}c.a.registerComponent("ContinueSession",Object(P.a)((function(e,t){return a.a.createElement(Br,Object.assign({player:e},t))})));var Gr=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}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&Wr(e,t)}(i,e);var t,n,r,a=Hr(i);function i(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i),(t=a.call(this,e)).enabled=!1,t.player.ready((function(){return t.initialize()})),t}return t=i,(n=[{key:"initialize",value:function(){this.onReceiveMessage=this.onReceiveMessage.bind(this),window.addEventListener("message",this.onReceiveMessage,!1),window.parent.postMessage(JSON.stringify({type:"cv-app-loaded"}),"*")}},{key:"dispose",value:function(){window.removeEventListener("message",this.onReceiveMessage)}},{key:"onReceiveMessage",value:function(e){var t={};try{t=JSON.parse(e.data)}catch(e){return}"enable-grade-passback"===t.type&&(this.enabled=!0,window.removeEventListener("message",this.onReceiveMessage))}},{key:"submit",value:function(e,t){var n={type:"cv-lms-submit-score",data:{score:e,fullyGraded:t}};window.parent.postMessage(JSON.stringify(n),"*")}}])&&zr(t.prototype,n),r&&zr(t,r),Object.defineProperty(t,"prototype",{writable:!1}),i}(c.a.getPlugin("plugin"));c.a.registerPlugin("gradePassbackPlugin",Gr);n(1347);function Kr(e){return(Kr="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function $r(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 Yr(e,t){return(Yr=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function Zr(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=ea(e);if(t){var a=ea(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return Jr(this,n)}}function Jr(e,t){if(t&&("object"===Kr(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}function ea(e){return(ea=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var ta=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}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&Yr(e,t)}(i,e);var t,n,r,a=Zr(i);function i(e,t){var n;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i),(n=a.call(this,e)).continueSession=!1,n.options=t,e.ready((function(){return n.initialize()})),n}return t=i,(n=[{key:"initialize",value:function(){var e=this;this.player.gradePassbackPlugin(),l.a.useTrack(this.player,"metadata","interactive",this.onTrackLoaded.bind(this)),this.player.addClass("cv-interactive-plugin"),this.options.resultsService&&!this.options.latestSession&&(this.startSession=this.startSession.bind(this),this.player.one("play",this.startSession),this.on("dispose",(function(){e.player.off("play",e.startSession)})))}},{key:"startSession",value:function(){var e,t=null===(e=this.options.latestSession)||void 0===e?void 0:e.resultId;this.continueSession||(t=null),this.options.resultsService.start(t)}},{key:"onTrackLoaded",value:function(e){var t=this;this.options.resultsService&&this.options.latestSession?(this.player.pause(),this.player.addChild("ContinueSession",{continue:function(n){t.options.analyticsService.logUserAction({},{actionType:We.UserAction.Click,entity:We.EntityType.Interactive,descriptor:n?We.InteractiveSessionDescriptor.ContinueSession:We.InteractiveSessionDescriptor.NewSession}),t.continueSession=n,t.startSession(),t.addChildren(e),t.player.play()}})):this.addChildren(e)}},{key:"addChildren",value:function(e){this.player.addChild("Interactive",Object.assign(Object.assign({},this.options),{track:e,mode:this.options.mode||s.InteractiveMode.View,latestSession:this.continueSession&&this.options.latestSession})),this.player.controlBar.getChild("progressControl").getChild("SeekBar").addChild(new j(this.player,{interactive:this.options.interactive,track:e}))}}])&&$r(t.prototype,n),r&&$r(t,r),Object.defineProperty(t,"prototype",{writable:!1}),i}(c.a.getPlugin("plugin"));c.a.registerPlugin("viewInteractivePlugin",ta);var na=n(124);function ra(e){return(ra="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 aa(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 ia(e,t){return(ia=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function oa(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=la(e);if(t){var a=la(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return ca(this,n)}}function ca(e,t){if(t&&("object"===ra(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}function la(e){return(la=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var sa=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}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&ia(e,t)}(i,e);var t,n,r,a=oa(i);function i(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i),a.call(this,"Could not connect to submit interactive results")}return t=i,(n=[{key:"name",get:function(){return"InternetConnectivityError"}},{key:"dialogOptions",get:function(){return{title:"Connection issues",text:"There seems to be an issue with your internet connection. Refresh the page to try again. ",buttons:[{text:"Refresh",className:"btn btn-dark",success:!0}]}}},{key:"onDone",value:function(){window.location.reload()}}])&&aa(t.prototype,n),r&&aa(t,r),Object.defineProperty(t,"prototype",{writable:!1}),i}(n(115).a);function ua(e){return function(e){if(Array.isArray(e))return da(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return da(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 da(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 da(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 ma(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 fa=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))},pa=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 na.a).withUrl("".concat(t.playerApi.origin,"/hubs/interactives"),{withCredentials:!1}).configureLogging(na.c.Error).withAutomaticReconnect([0,2e3,1e4,3e4]).build(),this.connection.onreconnecting((function(){n.log("reconnecting"),n.isConnected=!1})),this.connection.onreconnected((function(){n.log("reconnected"),n.isConnected=!0,n.flush()})),this.connection.onclose((function(){n.log("connection closed"),n.isConnected=!1,n.reconnect()})),this.save=this.save.bind(this)}var t,n,r;return t=e,(n=[{key:"start",value:function(e){var t=this;this.isConnected||(e&&(this.resultId=e),this.log("starting"),this.connection.start().then((function(){return fa(t,void 0,void 0,regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return this.log("connected"),this.retryCount=0,this.isConnected=!0,e.next=5,this.startSession();case 5:this.flush();case 6:case"end":return e.stop()}}),e,this)})))})).catch((function(){t.reconnect()})))}},{key:"stop",value:function(){return fa(this,void 0,void 0,regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,this.flush();case 2:this.connection.stop();case 3:case"end":return e.stop()}}),e,this)})))}},{key:"log",value:function(){}},{key:"reconnect",value:function(){this.retryCount>=5?i.a.ErrorHelper.throw(new sa):(this.retryCount++,this.start())}},{key:"startSession",value:function(){return fa(this,void 0,void 0,regeneratorRuntime.mark((function e(){var t,n,r,a,o,c,l;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!this.resultId){e.next=2;break}return e.abrupt("return");case 2:return t=this.options,n=t.interactiveId,r=t.mediaId,a=t.userId,o=t.customerId,c=t.shareId,e.prev=3,e.next=6,this.connection.invoke("startSession",n,r,a,o,c);case 6:l=e.sent,this.resultId=l.resultId,e.next=13;break;case 10:e.prev=10,e.t0=e.catch(3),i.a.ErrorHelper.throw(new sa);case 13:case"end":return e.stop()}}),e,this,[[3,10]])})))}},{key:"flush",value:function(){return fa(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:ua(this.cache).forEach((function(e){return fa(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 fa(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)})))}}])&&ma(t.prototype,n),r&&ma(t,r),Object.defineProperty(t,"prototype",{writable:!1}),e}(),va=function(e,t){var n,r=e.addTextTrack("metadata","interactive"),a=t.additionalData.interactive,i=null===(n=t.additionalData.clipData)||void 0===n?void 0:n.startTime;return a.timepoints.forEach((function(e){var t,n=e.visibleAt/1e3,a=e.visibleFor?n+e.visibleFor/1e3:n+1;i&&(n+=i,a+=i),(null===(t=e.interactions)||void 0===t?void 0:t.length)&&r.addCue({startTime:n-.001,endTime:a,text:e.id})})),r},ya=n(404);function ga(e){return(ga="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 ba(e){return function(e){if(Array.isArray(e))return ha(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return ha(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 ha(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 ha(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 wa(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 Ea(){return(Ea="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(e,t,n){var r=Ia(e,t);if(r){var a=Object.getOwnPropertyDescriptor(r,t);return a.get?a.get.call(arguments.length<3?e:n):a.value}}).apply(this,arguments)}function Ia(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=xa(e)););return e}function Sa(e,t){return(Sa=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function Ca(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=xa(e);if(t){var a=xa(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return ka(this,n)}}function ka(e,t){if(t&&("object"===ga(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}function xa(e){return(xa=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var Na=function(e,t,n,r){return new(n||(n=Promise))((function(a,i){function o(e){try{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}l((r=r.apply(e,t||[])).next())}))},Oa=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}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&Sa(e,t)}(c,e);var t,n,r,a=Ca(c);function c(e,t){var n;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,c),(n=a.call(this,e,t)).totalProgress=[],q.a.setToken("gateway",n.options.authToken),n.player.one("dispose",(function(){n.resultsService&&n.resultsService.stop()})),n.options.mode===s.InteractiveMode.Create&&n.player.addClass("cv-create-interactives"),n}return t=c,(n=[{key:"getPlayerOptions",value:function(){var e=Ea(xa(c.prototype),"getPlayerOptions",this).call(this);return e.setMaxHeight=!1,this.options.embed||(e.aspectRatio="16:9"),e}},{key:"onFlushProgress",value:function(e){var t;Ea(xa(c.prototype),"onFlushProgress",this).call(this,e),this.options.mode!==s.InteractiveMode.Create&&(t=this.totalProgress).push.apply(t,ba(e))}},{key:"additionalSetup",value:function(e){var t=this,n=Object.create(null,{additionalSetup:{get:function(){return Ea(xa(c.prototype),"additionalSetup",t)}}});return Na(this,void 0,void 0,regeneratorRuntime.mark((function t(){return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:n.additionalSetup.call(this,e),this.setupUpClipPlugin(e),this.setupViewInteractivePlugin(e);case 3:case"end":return t.stop()}}),t,this)})))}},{key:"setupUpClipPlugin",value:function(e){var t;if(null===(t=null==e?void 0:e.additionalData)||void 0===t?void 0:t.clipData){var n=e.additionalData.clipData;this.player.clipPlugin({startTime:n.startTime,endTime:n.endTime})}}},{key:"setupViewInteractivePlugin",value:function(e){var t;this.track=va(this.player,e);var n=e.additionalData.interactive,r=null===(t=e.additionalData.clipData)||void 0===t?void 0:t.startTime;this.options.collectResults&&(this.options.currentUser||i.a.ErrorHelper.throw(new o.a("Must provide a currentUser in order to collect interactive results")),this.options.shareId||i.a.ErrorHelper.throw(new o.a("Must provide a shareId in order to collect interactive results")),this.resultsService=new pa({interactiveId:n.id,mediaId:e.mediaId,userId:this.options.currentUser.id,customerId:this.options.currentUser.customerId,playerApi:this.options.playerApi,shareId:this.options.shareId})),this.player.viewInteractivePlugin({interactive:n,title:e.title,mode:this.options.mode,imageApi:this.options.imageApi,resultsService:this.resultsService,actionsPortalNode:this.options.actionsPortalNode,questionListPortalNode:this.options.questionListPortalNode,summaryPortalNode:this.options.summaryPortalNode,currentUser:this.options.currentUser,config:this.options.config,latestSession:e.additionalData.latestSession,progress:this.totalProgress,clipOffset:r,analyticsService:this.analyticsService,onShowSummary:this.options.onShowSummary,onClickEditDetails:this.options.onClickEditDetails,onClickPublish:this.options.onClickPublish})}},{key:"getAdditionalAnalyticsData",value:function(e){var t,n,r,a;return(null===(n=null===(t=e.additionalData)||void 0===t?void 0:t.clipData)||void 0===n?void 0:n.clipId)?{clip:{id:null===(a=null===(r=e.additionalData)||void 0===r?void 0:r.clipData)||void 0===a?void 0:a.clipId}}:{}}},{key:"getSeekBarOptions",value:function(){return{ignoreChapters:!0}}},{key:"getAnalyticsPlayerType",value:function(){return"interactive-player"}},{key:"setFavourite",value:function(e,t){this.player.favouritePlugin().setFavourite(e,t)}},{key:"setActivityStatus",value:function(e,t){this.player.activityStatusPlugin().setActivityStatus(e,t)}}])&&wa(t.prototype,n),r&&wa(t,r),Object.defineProperty(t,"prototype",{writable:!1}),c}(ya.a);n.d(t,"a",(function(){return Ta}));var Aa=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 Ta(e){var t=e.onReady,n=e.className,r=Aa(e,["onReady","className"]),i=a.a.useRef();return a.a.useEffect((function(){var e=new Oa(i.current,r);return t&&e.ready((function(){t(e)})),function(){e.dispose()}}),[]),a.a.createElement(a.a.Fragment,null,a.a.createElement("div",{ref:i,className:n}),a.a.createElement("div",{id:"popup-region"}))}},1260:function(e,t,n){"use strict";n.d(t,"a",(function(){return h}));var r=n(0),a=n.n(r),i=n(275),o=n(1137),c=n(177),l=n(69),s=n(28),u=n(85),d=n(1112),m=n(1154),f=n(1261),p=n.n(f),v="shared.interactiveQuestions";function y(e){var t=e.interaction;switch((0,e.getCorrectness)(t)){case d.a.Correct:return a.a.createElement("span",{className:"text-success"},a.a.createElement(l.a,{size:l.b.Medium,svgName:s.b.Check}));case d.a.Incorrect:return a.a.createElement("span",{className:"text-danger"},a.a.createElement(l.a,{size:l.b.Medium,svgName:s.b.Close}));case d.a.AwaitingMarking:return a.a.createElement("span",{className:"text-muted italic"},a.a.createElement("i",null,a.a.createElement(u.b,{namespace:v,phrase:"pending"})));case d.a.UnAnswered:return a.a.createElement("button",{className:"btn btn-outline-dark"},a.a.createElement(u.b,{namespace:v,phrase:"answer"}));case d.a.Answered:return a.a.createElement("span",{className:"text-muted italic"},a.a.createElement("i",null,a.a.createElement(u.b,{namespace:v,phrase:"answered"})));case d.a.NotApplicable:return a.a.createElement(a.a.Fragment,null)}}function g(e){var t=e.interaction,n=e.visibleAt,r=e.selectedInteractionId,i=e.goToTimepoint,u=e.scrollTo,d=e.isFirstInteraction,f=t.id.toString()===(null==r?void 0:r.toString()),v=a.a.useRef();a.a.useEffect((function(){if(f&&v.current){var e=v.current,t=e.getBoundingClientRect(),n=t.top-e.offsetParent.getBoundingClientRect().top;u(n,t.height)}}),[f]);var g=i?"cursor-pointer":"cursor-default";return a.a.createElement("div",{ref:v},a.a.createElement(c.a,{className:"py-2 ".concat(g," ").concat(p.a.row," ").concat(f?p.a.selected:""),onClick:f?function(){}:function(){i&&i(t.id)}},a.a.createElement("span",{className:"".concat(p.a.time," mr-2 ").concat(f?"font-weight-bold":"")},d?o.a.ToDisplayDuration(n):""),a.a.createElement(m.a,{interaction:t,showTypeName:!0,typeNameClassName:p.a.type,questionClassName:p.a.question}),e.onClickDelete&&a.a.createElement(c.a,{onClick:function(n){n.stopPropagation(),e.onClickDelete(t.id)},className:"".concat(p.a.deleteContainer)},a.a.createElement("span",{className:"text-right ".concat(p.a.delete)},a.a.createElement(l.a,{size:l.b.Medium,svgName:s.b.Delete}))),e.getCorrectness&&a.a.createElement("span",{className:"text-right ".concat(p.a.correctness)},a.a.createElement(y,{interaction:t,getCorrectness:e.getCorrectness}))))}function b(e){var t=e.timepoint,n=e.scrollTo,r=e.onClickDelete,i=e.selectedInteractionId,o=e.getCorrectness;function c(n){e.goToTimepoint&&e.goToTimepoint(t.id,n)}return t.interactions?a.a.createElement("div",null,t.interactions.map((function(e,l){return a.a.createElement(g,{interaction:e,visibleAt:t.visibleAt,goToTimepoint:c,onClickDelete:r,scrollTo:n,selectedInteractionId:i,isFirstInteraction:0===l,getCorrectness:o,key:l})}))):a.a.createElement(a.a.Fragment,null)}function h(e){var t=e.interactive,n=e.goToTimepoint,r=e.selectedInteractionId,o=e.maxHeight,c=e.onClickDelete,l=e.getCorrectness,s=a.a.useRef();function u(e,t){if(s.current){var n=s.current.getClientHeight(),r=s.current.getScrollTop(),a=e+r;(a<r||a+t>r+n)&&s.current.scrollTop(a-n/2+t/2)}}var d=n?"border rounded":"";return a.a.createElement(i.Scrollbars,{autoHeight:!0,autoHeightMax:o,className:d,hideTracksWhenNotNeeded:!0,ref:s},a.a.createElement("div",{className:"px-3 py-1"},t.timepoints.map((function(e,t){return a.a.createElement(b,{key:t,timepoint:e,goToTimepoint:n,selectedInteractionId:r,scrollTo:u,onClickDelete:c,getCorrectness:l})}))))}},1261:function(e,t,n){e.exports={time:"_3B2vs",type:"_3lYII",question:"_3WHlt",deleteContainer:"Dqlwr",delete:"_4TtZ",correctness:"_3G9s-",selected:"_20LzY",row:"_3uCfp"}},1262:function(e,t,n){"use strict";n.d(t,"a",(function(){return c}));var r=n(0),a=n.n(r),i=n(1348),o=n.n(i);function c(e){var t=e.isEdit;return a.a.createElement("div",{className:"px-3 w-100 ".concat(t?o.a.edit:"")},t?a.a.createElement("div",{className:"d-flex justify-content-between align-items-center mb-3"},a.a.createElement("div",{className:"partial-loading-background ".concat(o.a.heading)}),a.a.createElement("div",null,a.a.createElement("div",{className:"partial-loading-background d-inline-block ".concat(o.a.button)}),a.a.createElement("div",{className:"partial-loading-background d-inline-block ml-2 ".concat(o.a.button)}))):a.a.createElement("div",{className:"partial-loading-background ".concat(o.a.notice)}),a.a.createElement("div",{className:"partial-loading-background mb-3 ".concat(o.a.video)},a.a.createElement("div",{className:"partial-loading-background ".concat(o.a.questions)})),a.a.createElement("div",{className:"partial-loading-background mb-3 ".concat(o.a.heading)}),a.a.createElement("div",null,Array(5).fill(null).map((function(e,t){return a.a.createElement("div",{key:t,className:"partial-loading-background my-2 ".concat(o.a.interaction)})}))))}},1319:function(e,t,n){},1320:function(e,t,n){},1321:function(e,t,n){},1322:function(e,t,n){},1327:function(e,t,n){},1328:function(e,t,n){},1329:function(e,t,n){},1330:function(e,t,n){e.exports={incorrect:"_3pK3B",answer:"_2ItYx",avatarContainer:"_3DkKy"}},1331:function(e,t,n){},1332:function(e,t,n){e.exports={feedback:"_2hJr3",avatarContainer:"_2Ukg-",avatarContainerSmall:"_1E7DW",incorrect:"xbaUc"}},1333:function(e,t,n){e.exports={svg:"_17Ny-",iconButton:"x1ePL",iconWithText:"_2BmJR",iconOnly:"_2DnLq"}},1334:function(e,t,n){},1335:function(e,t,n){},1336:function(e,t,n){},1337:function(e,t,n){},1338:function(e,t,n){e.exports={type:"_3N9_3",dragIcon:"_1GfpD",name:"_3s8vL",dragging:"_1qnqN"}},1339:function(e,t,n){},1340:function(e,t,n){},1341:function(e,t,n){e.exports={interaction:"_3SUOU"}},1342:function(e,t,n){e.exports={progress:"_1myQT"}},1343:function(e,t,n){e.exports={avatarContainer:"_27TEu"}},1344:function(e,t,n){e.exports={feedback:"F7uFH"}},1345:function(e,t,n){e.exports={bar:"_2pc-n"}},1346:function(e,t,n){},1347:function(e,t,n){},1348:function(e,t,n){e.exports={video:"_3LBoh",notice:"_3Ebra",heading:"_3dAbk",interaction:"_2rGzr",button:"_21cTi",edit:"_28OGp",questions:"_1SVHi"}},1477:function(e,t,n){"use strict";n.d(t,"a",(function(){return M}));var r=n(0),a=n(233),i=n(8),o=n(268),c=n(61),l=n(1),s=n(53),u=n(1180),d=n(1121),m=n(85),f=n(1134),p=n(1088),v=n(207),y=n(274),g=n(42),b=n(1228),h=n(7),w=n(5),E=n(398),I=n(1114),S=n(197),C=n(376),k=n(1165),x=n(1262),N=n(1162),O=n(1163),A=n(1159),T=n(385),j=n(1093);function P(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,a,i=[],o=!0,c=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(c)throw a}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return R(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return R(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function R(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var F="interactives.previewInteractive",L=i.a.encloseNamespace(F);function M(e){var t,n,i,R,M,_=e.shareId?l.LocationContext.PreviewSharedInteractive:l.LocationContext.PreviewInteractive,D=P(r.useState(!1),2),U=D[0],q=D[1],B=r.useRef(),V=r.useMemo((function(){return Object(a.c)()}),[]),z=r.useRef(),W=Object(I.b)(I.a.PlayPage),H=Object(O.a)(e.interactive,e.currentUser,e.queryParams.context,e.queryParams.contextId),Q=y.a.isFavouritedByCurrentUser(e.interactive),X=Object(C.a)(_),G=X.setFavourite,K=X.canFavourite;Object(o.a)(e.interactive.name),Object(k.a)(e.interactive,e.queryParams),Object(S.c)(B.current,K(e.interactive),Q,(function(){G(e.interactive,!Q,null)})),Object(A.a)(),Object(j.a)(null!==(t=H.videos)&&void 0!==t?t:[],{hasCurriculumLinks:!0});var $,Y,Z,J,ee=($=e.interactive).clip||$.video;g.a.isClip(ee)?(Y=null===(i=null===(n=ee.interactives)||void 0===n?void 0:n.data)||void 0===i?void 0:i.filter((function(t){return t.id.toString()!==e.interactive.id.toString()})),Z=ee.name,J={application:w.a.DEFAULT,action:h.a.Default.PLAY_CLIP,args:[ee.id,c.a.slugify(ee.name)]}):(Y=null===(M=null===(R=ee.interactives)||void 0===R?void 0:R.data)||void 0===M?void 0:M.filter((function(t){return t.id.toString()!==e.interactive.id.toString()})),Z=ee.name,J={application:w.a.DEFAULT,action:h.a.Default.PLAY_VIDEO,args:[ee.id,c.a.slugify(ee.name)]});var te=e.interactive.status===v.a.Draft;return r.createElement(m.a.Provider,{value:F},!U&&r.createElement(x.a,{isEdit:!0}),r.createElement("div",{className:"px-3 ".concat(U?"":"d-none")},r.createElement("div",{className:"alert alert-info",role:"alert"},r.createElement(m.b,{phrase:"alert"})),r.createElement("div",{className:"mb-3"},r.createElement(b.a,{viewKey:e.viewKey,imageApi:new URL(e.config.imageCdnUrl),playerApi:new URL(e.config.playerApiUrl),hotkeyElQuerySelector:"body",autoplay:!0,onReady:function(t){B.current=t,q(!0),z.current=new E.a({player:t,video:e.interactive,analyticsLocation:_,shareId:e.shareId})},currentUser:e.currentUser,questionListPortalNode:V})),r.createElement("div",{className:"d-flex justify-content-between align-items-center"},r.createElement("div",null,r.createElement("h1",{className:"h3 d-inline-block m-0 mb-2"},te&&r.createElement("span",{className:"badge badge-secondary mr-2 align-bottom"},"Draft"),e.interactive.name),r.createElement("div",{className:"mb-1 mr-3 clamp-1"},r.createElement(m.b,{phrase:"backTo"}),": ",r.createElement(s.a,{appLink:J,className:"text-info"},Z))),r.createElement(p.a,{actions:W(e.interactive),actionsDropdownClassName:"btn btn-outline-dark"})),e.interactive.description&&r.createElement("p",null,e.interactive.description),r.createElement("div",{className:"mb-3"},r.createElement(a.b,{node:V})),!!(null==Y?void 0:Y.length)&&r.createElement("div",{className:"mx-n1"},r.createElement(d.a,{name:L("otherInteractives",{count:Y.length}),contents:f.a.Interactives,collection:Y,prefetched:!0,getChildAppLink:function(e){return{application:w.a.INTERACTIVES,action:h.a.Interactives.VIEW_INTERACTIVE,args:[e.id,c.a.slugify(e.name)]}},childComponent:function(e){return r.createElement(u.a,Object.assign({video:ee,questionsAppLink:{application:w.a.INTERACTIVES,action:h.a.Interactives.PREVIEW_QUESTIONS}},e))},analyticsData:{widgetId:"interactives"}})),r.createElement(N.a,{currentVideo:e.interactive,setFavourite:G,currentUser:e.currentUser,relatedVideos:H,getVideoAppLink:function(t){return T.a.getAppLink(t,{context:e.queryParams.context,contextId:e.queryParams.contextId,playNext:e.queryParams.playNext,shareId:e.shareId})}})))}},1488:function(e,t,n){"use strict";n.d(t,"a",(function(){return S}));var r=n(0),a=n.n(r),i=n(233),o=n(268),c=n(274),l=n(134),s=n(1),u=n(1228),d=n(398),m=n(197),f=n(376),p=n(410),v=n(1165),y=n(1162),g=n(1163),b=n(1159),h=n(385),w=n(1093);function E(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,a,i=[],o=!0,c=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(c)throw a}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return I(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return I(e,t)}(e,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 I(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function S(e){var t,n=e.shareId?s.LocationContext.PlaySharedInteractive:s.LocationContext.PlayInteractive,r=E(a.a.useState(),2),I=r[0],S=r[1],C=E(a.a.useState(!0),2),k=C[0],x=C[1],N=a.a.useRef(),O=Object(g.a)(e.interactive,e.currentUser,e.queryParams.context,e.queryParams.contextId),A=a.a.useMemo((function(){return Object(i.c)()}),[]),T=c.a.isFavouritedByCurrentUser(e.interactive),j=Object(f.a)(n),P=j.setFavourite,R=j.canFavourite,F=Object(p.a)(n);return Object(m.c)(I,R(e.interactive),T,(function(){P(e.interactive,!T,null)})),Object(m.b)(I,e.activityStatus,e.currentUser,(function(){var t=e.activityStatus===l.a.Complete?l.a.Incomplete:l.a.Complete;F(e.shareId,e.interactive,t)})),Object(o.a)(e.interactive.name),Object(v.a)(e.interactive,e.queryParams),Object(b.a)(),Object(w.a)(null!==(t=O.videos)&&void 0!==t?t:[],{hasCurriculumLinks:!0}),a.a.createElement("div",{className:"px-3"},a.a.createElement("div",{className:"mb-3"},a.a.createElement(u.a,{viewKey:e.viewKey,imageApi:new URL(e.config.imageCdnUrl),playerApi:new URL(e.config.playerApiUrl),hotkeyElQuerySelector:"body",autoplay:!0,onReady:function(t){S(t),N.current=new d.a({player:t,video:e.interactive,shareId:e.shareId,analyticsLocation:n})},currentUser:e.currentUser,collectResults:e.currentUser.isAuthenticated&&!!e.shareId,shareId:e.shareId,summaryPortalNode:A,onShowSummary:function(e){x(!e)},sharerInstanceRegion:e.sharerInstanceRegion})),a.a.createElement("div",null,k&&a.a.createElement("h1",{className:"h3"},e.interactive.name)),a.a.createElement(i.b,{node:A}),a.a.createElement(y.a,{currentVideo:e.interactive,currentUser:e.currentUser,setFavourite:P,relatedVideos:O,getVideoAppLink:function(t){return h.a.getAppLink(t,{context:e.queryParams.context,contextId:e.queryParams.contextId,playNext:e.queryParams.playNext,shareId:e.shareId})}}))}},2128:function(e,t,n){"use strict";n.r(t),n.d(t,"InteractiveView",(function(){return E}));var r=n(0),a=n.n(r),i=n(10),o=n(105),c=n(1107),l=n(1108),s=n(20),u=n(273),d=n(54),m=n(89),f=n(1094),p=n(1477),v=n(407),y=n(387),g=n(1133),b=n(1488),h=n(1262),w={notFound:v.a,forbidden:{privacy:y.a}};function E(e){var t,n=i.a.useBasicFetch(o.a.config()),r=i.a.useBasicFetch(s.a.currentUser()),v=i.a.useBasicFetch(u.a.interactiveMetadata(e.id)),y=i.a.useBasicFetch(v.data?c.a.createViewKey(v.data.id,l.a.MasterObject):null),E=Object(m.a)().hasPermissions;Object(f.a)(v,w),Object(g.a)(v);var I=!(y.data&&v.data&&n.data&&r.data&&(null===(t=v.data)||void 0===t?void 0:t.favouritedBy));return E(d.a.StudentExperience)?I?a.a.createElement(a.a.Fragment,null):a.a.createElement(b.a,{config:n.data,currentUser:r.data,queryParams:e.queryParams,interactive:v.data,viewKey:y.data.viewKey}):I?a.a.createElement(h.a,{isEdit:!1}):a.a.createElement(p.a,{config:n.data,currentUser:r.data,queryParams:e.queryParams,interactive:v.data,viewKey:y.data.viewKey})}}}]);