@clickview/lite 0.0.26-dev.1 → 0.0.26-rc.0

package/dist/scripts/22.chunk.js

@@ -1,2164 +0,0 @@
-(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[22],{
-
-/***/ "../../libs/shared/src/components/video-owner-text/VideoOwnerText.tsx":
-/*!****************************************************************************************************************!*\
-  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/video-owner-text/VideoOwnerText.tsx ***!
-  \****************************************************************************************************************/
-/*! exports provided: VideoOwnerText */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VideoOwnerText", function() { return VideoOwnerText; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-
-function VideoOwnerText(props) {
-  var _a, _b, _c, _d;
-
-  if (!props.owner) return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null);
-  var name = props.owner.name;
-  if (props.owner.surname) name += " ".concat(props.owner.surname.substr(0, 1)).toUpperCase();
-  var customer = (_b = (_a = props.owner.customers) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b[0];
-  var customerName = (_d = (_c = customer) === null || _c === void 0 ? void 0 : _c.name, _d !== null && _d !== void 0 ? _d : '');
-  if (customerName) name += ', ';
-  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("small", {
-    className: 'clamp-1'
-  }, name, customerName && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("em", null, customerName), customerName === 'ClickView' && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, "CV Icon"));
-}
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/widgets/fixed-widget/index.ts":
-/*!**********************************************************************************************************!*\
-  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/widgets/fixed-widget/index.ts ***!
-  \**********************************************************************************************************/
-/*! exports provided: FixedWidget, initialWidgetState, FixedWidgetReducer, lazyWidgetInit, PartialFixedWidget */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _FixedWidget__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./FixedWidget */ "../../libs/shared/src/components/widgets/fixed-widget/FixedWidget.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "FixedWidget", function() { return _FixedWidget__WEBPACK_IMPORTED_MODULE_0__["FixedWidget"]; });
-
-/* harmony import */ var _FixedWidgetReducer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./FixedWidgetReducer */ "../../libs/shared/src/components/widgets/fixed-widget/FixedWidgetReducer.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "initialWidgetState", function() { return _FixedWidgetReducer__WEBPACK_IMPORTED_MODULE_1__["initialWidgetState"]; });
-
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "FixedWidgetReducer", function() { return _FixedWidgetReducer__WEBPACK_IMPORTED_MODULE_1__["FixedWidgetReducer"]; });
-
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "lazyWidgetInit", function() { return _FixedWidgetReducer__WEBPACK_IMPORTED_MODULE_1__["lazyWidgetInit"]; });
-
-/* harmony import */ var _PartialFixedWidget__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./PartialFixedWidget */ "../../libs/shared/src/components/widgets/fixed-widget/PartialFixedWidget.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PartialFixedWidget", function() { return _PartialFixedWidget__WEBPACK_IMPORTED_MODULE_2__["PartialFixedWidget"]; });
-
-
-
-
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/widgets/items/interactive-widget-item/InteractiveWidgetItem.tsx":
-/*!********************************************************************************************************************************************!*\
-  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/widgets/items/interactive-widget-item/InteractiveWidgetItem.tsx ***!
-  \********************************************************************************************************************************************/
-/*! exports provided: InteractiveWidgetItem */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "InteractiveWidgetItem", function() { return InteractiveWidgetItem; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../common/src/react/utils/TextHelper */ "../../libs/common/src/react/utils/TextHelper.ts");
-/* harmony import */ var _app_link_AppLink__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
-/* harmony import */ var _thumbnails_video_VideoThumbnail__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../thumbnails/video/VideoThumbnail */ "../../libs/shared/src/components/thumbnails/video/VideoThumbnail.tsx");
-/* harmony import */ var _enums_ThumbnailTextPosition__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../enums/ThumbnailTextPosition */ "../../libs/shared/src/enums/ThumbnailTextPosition.ts");
-/* harmony import */ var _text_Text__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../text/Text */ "../../libs/shared/src/components/text/Text.tsx");
-/* harmony import */ var _video_owner_text_VideoOwnerText__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../video-owner-text/VideoOwnerText */ "../../libs/shared/src/components/video-owner-text/VideoOwnerText.tsx");
-/* harmony import */ var _enums_Images__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../enums/Images */ "../../libs/shared/src/enums/Images.ts");
-/* harmony import */ var _interactive_widget_item_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./interactive-widget-item.scss */ "../../libs/shared/src/components/widgets/items/interactive-widget-item/interactive-widget-item.scss");
-/* harmony import */ var _interactive_widget_item_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_interactive_widget_item_scss__WEBPACK_IMPORTED_MODULE_8__);
-
-
-
-
-
-
-
-
-
-var namespace = 'shared.interactiveWidgetItem';
-var InteractiveWidgetItem = react__WEBPACK_IMPORTED_MODULE_0___default.a.memo(function (props) {
-  var interactiveAppLink = Object.assign(Object.assign({}, props.appLink), {
-    args: [props.data.id, _common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_1__["TextHelper"].slugify(props.data.name)]
-  });
-  var questionsAppLink = Object.assign(Object.assign({}, props.questionsAppLink), {
-    args: [props.data.id]
-  });
-  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: "flex-shrink-0 px-1 ".concat(_interactive_widget_item_scss__WEBPACK_IMPORTED_MODULE_8___default.a.item)
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: 'row m-0 border rounded p-2 h-100'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: 'col-6 p-0'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_thumbnails_video_VideoThumbnail__WEBPACK_IMPORTED_MODULE_3__["VideoThumbnail"], {
-    video: props.video,
-    interactive: props.data,
-    appLink: interactiveAppLink,
-    type: 'static',
-    videoType: 'interactive',
-    imageOptions: {
-      size: _enums_Images__WEBPACK_IMPORTED_MODULE_7__["ImageSize"].Small
-    },
-    textPosition: _enums_ThumbnailTextPosition__WEBPACK_IMPORTED_MODULE_4__["ThumbnailTextPosition"].Independent,
-    preload: true
-  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: 'col-6 p-0'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: 'pl-3'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_app_link_AppLink__WEBPACK_IMPORTED_MODULE_2__["AppLink"], {
-    appLink: interactiveAppLink
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h3", {
-    className: 'h6 mb-1 clamp-2'
-  }, props.data.name)), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_video_owner_text_VideoOwnerText__WEBPACK_IMPORTED_MODULE_6__["VideoOwnerText"], {
-    owner: props.data.owner
-  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_app_link_AppLink__WEBPACK_IMPORTED_MODULE_2__["AppLink"], {
-    className: 'info-link',
-    appLink: questionsAppLink
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_text_Text__WEBPACK_IMPORTED_MODULE_5__["Text"], {
-    namespace: namespace,
-    phrase: 'previewQuestions'
-  }))))));
-});
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/widgets/items/interactive-widget-item/interactive-widget-item.scss":
-/*!***********************************************************************************************************************************************!*\
-  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/widgets/items/interactive-widget-item/interactive-widget-item.scss ***!
-  \***********************************************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-module.exports = {"item":"cv--item--2An5o","thumbnail":"cv--thumbnail--Wvc5s","smallItemIconWidth":"cv--smallItemIconWidth--2IdDd","smallItemInfoWidth":"cv--smallItemInfoWidth--1Iat7","smallProgressBarContainer":"cv--smallProgressBarContainer--17I8T"};
-
-/***/ }),
-
-/***/ "../../libs/shared/src/flight-requests/PlayerRequests.ts":
-/*!***************************************************************************************************!*\
-  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/flight-requests/PlayerRequests.ts ***!
-  \***************************************************************************************************/
-/*! exports provided: PlayerRequests */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PlayerRequests", function() { return PlayerRequests; });
-/* harmony import */ var _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/backbone/enums/HttpVerbs */ "../../libs/common/src/backbone/enums/HttpVerbs.ts");
-
-var PlayerRequests = {
-  createViewKey: function createViewKey(id) {
-    return {
-      url: "/api/player/create-view-key",
-      key: "view:key:".concat(id),
-      type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__["HttpVerbs"].POST,
-      data: {
-        mediaId: id.toString()
-      }
-    };
-  }
-};
-
-/***/ }),
-
-/***/ "../player/src/players/interactive-player.ts":
-/*!***************************************************!*\
-  !*** ../player/src/players/interactive-player.ts ***!
-  \***************************************************/
-/*! exports provided: InteractivePlayer */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "InteractivePlayer", function() { return InteractivePlayer; });
-/* harmony import */ var _base_player__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./base-player */ "../player/src/players/base-player.ts");
-/* harmony import */ var _plugins_interactive_plugin_interfaces__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../plugins/interactive-plugin/interfaces */ "../player/src/plugins/interactive-plugin/interfaces/index.ts");
-/* harmony import */ var _plugins_interactive_plugin_interactive_plugin__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../plugins/interactive-plugin/interactive-plugin */ "../player/src/plugins/interactive-plugin/interactive-plugin.ts");
-var __awaiter = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
-  function adopt(value) {
-    return value instanceof P ? value : new P(function (resolve) {
-      resolve(value);
-    });
-  }
-
-  return new (P || (P = Promise))(function (resolve, reject) {
-    function fulfilled(value) {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-
-    function rejected(value) {
-      try {
-        step(generator["throw"](value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-
-    function step(result) {
-      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
-    }
-
-    step((generator = generator.apply(thisArg, _arguments || [])).next());
-  });
-};
-
-
-
-
-class InteractivePlayer extends _base_player__WEBPACK_IMPORTED_MODULE_0__["BasePlayer"] {
-  constructor(id, options) {
-    super(id, options);
-    this.onCueChange = this.onCueChange.bind(this);
-  }
-
-  additionalSetup(playbackObject) {
-    const _super = Object.create(null, {
-      additionalSetup: {
-        get: () => super.additionalSetup
-      }
-    });
-
-    return __awaiter(this, void 0, void 0, function* () {
-      _super.additionalSetup.call(this, playbackObject);
-
-      this.track = this.player.addTextTrack('metadata', 'interactive');
-
-      if (this.options.mode === _plugins_interactive_plugin_interfaces__WEBPACK_IMPORTED_MODULE_1__["InteractiveMode"].Create) {
-        this.player.viewInteractivePlugin({
-          interactive: {
-            id: Math.round(Math.random() * Number.MAX_SAFE_INTEGER).toString()
-          },
-          mode: _plugins_interactive_plugin_interfaces__WEBPACK_IMPORTED_MODULE_1__["InteractiveMode"].Create,
-          track: this.track
-        });
-        return;
-      }
-
-      const interactive = playbackObject.additionalData;
-      interactive.timepoints.forEach(t => {
-        const startTime = t.visibleAt / 1000;
-        const endTime = t.visibleFor ? startTime + t.visibleFor / 1000 : startTime + 1;
-        this.track.addCue({
-          startTime,
-          endTime,
-          text: t.id
-        });
-      });
-      this.player.viewInteractivePlugin({
-        interactive,
-        mode: _plugins_interactive_plugin_interfaces__WEBPACK_IMPORTED_MODULE_1__["InteractiveMode"].View
-      });
-      if (this.options.onTimepointChange) this.bindCueChange();
-    });
-  }
-
-  bindCueChange() {
-    this.track.addEventListener('cuechange', this.onCueChange);
-    this.player.on('dispose', () => {
-      this.track.removeEventListener('cuechange', this.onCueChange);
-    });
-  }
-
-  onCueChange() {
-    const activeCues = this.track.activeCues;
-
-    if (!activeCues || !activeCues.length) {
-      this.options.onTimepointChange(null);
-      return;
-    }
-
-    this.options.onTimepointChange(activeCues[0].text);
-  }
-
-}
-
-/***/ }),
-
-/***/ "../player/src/plugins/interactive-plugin/components/create-components/create-components.ts":
-/*!**************************************************************************************************!*\
-  !*** ../player/src/plugins/interactive-plugin/components/create-components/create-components.ts ***!
-  \**************************************************************************************************/
-/*! exports provided: getCreateComponent, getCreateValidation, getCreateSubmit */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getCreateComponent", function() { return getCreateComponent; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getCreateValidation", function() { return getCreateValidation; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getCreateSubmit", function() { return getCreateSubmit; });
-/* harmony import */ var _libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/interfaces */ "../../libs/shared/src/interfaces/index.ts");
-/* harmony import */ var _create_short_answer_ts_create_short_answer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./create-short-answer.ts/create-short-answer */ "../player/src/plugins/interactive-plugin/components/create-components/create-short-answer.ts/create-short-answer.tsx");
-
-
-const QuestionLookup = {
-  [_libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__["InteractionTypeId"].Annotation]: null,
-  [_libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__["InteractionTypeId"].Image]: null,
-  [_libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__["InteractionTypeId"].MissingWord]: null,
-  [_libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__["InteractionTypeId"].MultipleChoice]: null,
-  [_libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__["InteractionTypeId"].ShortAnswer]: _create_short_answer_ts_create_short_answer__WEBPACK_IMPORTED_MODULE_1__["CreateShortAnswer"]
-};
-function getCreateComponent(typeId) {
-  return QuestionLookup[typeId];
-}
-const ValidationLookup = {
-  [_libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__["InteractionTypeId"].Annotation]: null,
-  [_libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__["InteractionTypeId"].Image]: null,
-  [_libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__["InteractionTypeId"].MissingWord]: null,
-  [_libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__["InteractionTypeId"].MultipleChoice]: null,
-  [_libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__["InteractionTypeId"].ShortAnswer]: _create_short_answer_ts_create_short_answer__WEBPACK_IMPORTED_MODULE_1__["ValidateShortAnswer"],
-  [_libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__["InteractionTypeId"].TrueOrFalse]: null
-};
-function getCreateValidation(typeId) {
-  return ValidationLookup[typeId];
-}
-const SubmissionLookup = {
-  [_libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__["InteractionTypeId"].Annotation]: null,
-  [_libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__["InteractionTypeId"].Image]: null,
-  [_libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__["InteractionTypeId"].MissingWord]: null,
-  [_libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__["InteractionTypeId"].MultipleChoice]: null,
-  [_libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__["InteractionTypeId"].ShortAnswer]: _create_short_answer_ts_create_short_answer__WEBPACK_IMPORTED_MODULE_1__["SubmitShortAnswer"],
-  [_libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__["InteractionTypeId"].TrueOrFalse]: null
-};
-function getCreateSubmit(typeId) {
-  return SubmissionLookup[typeId];
-}
-
-/***/ }),
-
-/***/ "../player/src/plugins/interactive-plugin/components/create-components/create-short-answer.ts/create-short-answer.scss":
-/*!*****************************************************************************************************************************!*\
-  !*** ../player/src/plugins/interactive-plugin/components/create-components/create-short-answer.ts/create-short-answer.scss ***!
-  \*****************************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
-/***/ "../player/src/plugins/interactive-plugin/components/create-components/create-short-answer.ts/create-short-answer.tsx":
-/*!****************************************************************************************************************************!*\
-  !*** ../player/src/plugins/interactive-plugin/components/create-components/create-short-answer.ts/create-short-answer.tsx ***!
-  \****************************************************************************************************************************/
-/*! exports provided: ValidateShortAnswer, SubmitShortAnswer, CreateShortAnswer */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ValidateShortAnswer", function() { return ValidateShortAnswer; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SubmitShortAnswer", function() { return SubmitShortAnswer; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CreateShortAnswer", function() { return CreateShortAnswer; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _create_short_answer_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./create-short-answer.scss */ "../player/src/plugins/interactive-plugin/components/create-components/create-short-answer.ts/create-short-answer.scss");
-/* harmony import */ var _create_short_answer_scss__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_create_short_answer_scss__WEBPACK_IMPORTED_MODULE_1__);
-
-
-function ValidateShortAnswer(state) {
-  return !!state.text;
-}
-function SubmitShortAnswer(state, interaction) {
-  return new Promise(resolve => {
-    window.setTimeout(() => {
-      interaction.data.text = state.text;
-      resolve();
-    }, 200);
-  });
-}
-function CreateShortAnswer(props) {
-  const {
-    state,
-    setState,
-    interaction
-  } = props;
-
-  function onChange(event) {
-    setState(Object.assign(Object.assign({}, state), {
-      text: event.target.value
-    }));
-  }
-
-  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: 'cv-create-short-answer'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h2", {
-    className: 'font-body'
-  }, "Create Short Answer"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("textarea", {
-    className: 'form-control',
-    rows: 3,
-    onChange: onChange,
-    value: state.text || interaction.data.text
-  }));
-}
-
-/***/ }),
-
-/***/ "../player/src/plugins/interactive-plugin/components/create-components/create-type-selector/create-type-selector.scss":
-/*!****************************************************************************************************************************!*\
-  !*** ../player/src/plugins/interactive-plugin/components/create-components/create-type-selector/create-type-selector.scss ***!
-  \****************************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
-/***/ "../player/src/plugins/interactive-plugin/components/create-components/create-type-selector/create-type-selector.tsx":
-/*!***************************************************************************************************************************!*\
-  !*** ../player/src/plugins/interactive-plugin/components/create-components/create-type-selector/create-type-selector.tsx ***!
-  \***************************************************************************************************************************/
-/*! exports provided: CreateTypeSelector */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CreateTypeSelector", function() { return CreateTypeSelector; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/interfaces */ "../../libs/shared/src/interfaces/index.ts");
-/* harmony import */ var _create_type_selector_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./create-type-selector.scss */ "../player/src/plugins/interactive-plugin/components/create-components/create-type-selector/create-type-selector.scss");
-/* harmony import */ var _create_type_selector_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_create_type_selector_scss__WEBPACK_IMPORTED_MODULE_2__);
-
-
-
-const interactionTypes = [{
-  name: 'Annotation',
-  type: _libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_1__["InteractionTypeId"].Annotation
-}, {
-  name: 'Image',
-  type: _libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_1__["InteractionTypeId"].Image
-}, {
-  name: 'MissingWord',
-  type: _libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_1__["InteractionTypeId"].MissingWord
-}, {
-  name: 'MultipleChoice',
-  type: _libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_1__["InteractionTypeId"].MultipleChoice
-}, {
-  name: 'ShortAnswer',
-  type: _libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_1__["InteractionTypeId"].ShortAnswer
-}, {
-  name: 'TrueOrFalse',
-  type: _libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_1__["InteractionTypeId"].TrueOrFalse
-}];
-function CreateTypeSelector(props) {
-  const {
-    onTypeSelected
-  } = props;
-  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: 'cv-interactive-type-selector'
-  }, interactionTypes.map((interaction, index) => {
-    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("a", {
-      key: index,
-      className: 'btn btn-info',
-      onClick: () => onTypeSelected(interaction.type)
-    }, interaction.name);
-  }));
-}
-
-/***/ }),
-
-/***/ "../player/src/plugins/interactive-plugin/components/feedback/feedback.tsx":
-/*!*********************************************************************************!*\
-  !*** ../player/src/plugins/interactive-plugin/components/feedback/feedback.tsx ***!
-  \*********************************************************************************/
-/*! exports provided: Feedback */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Feedback", function() { return Feedback; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-
-function Feedback(props) {
-  const {
-    correct,
-    showFeedback
-  } = props;
-  if (!showFeedback) return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null);
-  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, correct ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: 'alert alert-success'
-  }, "Correct") : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: 'alert alert-danger'
-  }, "Incorrect"));
-}
-
-/***/ }),
-
-/***/ "../player/src/plugins/interactive-plugin/components/incomplete-alert/incomplete-alert.tsx":
-/*!*************************************************************************************************!*\
-  !*** ../player/src/plugins/interactive-plugin/components/incomplete-alert/incomplete-alert.tsx ***!
-  \*************************************************************************************************/
-/*! exports provided: IncompleteAlert */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "IncompleteAlert", function() { return IncompleteAlert; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-
-function IncompleteAlert() {
-  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: 'alert alert-info mt-3',
-    role: 'alert'
-  }, "Psst, you haven't attempted this question yet. You can continue to watch the video and answer the question later if you like.");
-}
-
-/***/ }),
-
-/***/ "../player/src/plugins/interactive-plugin/components/interactive/interactive-component.scss":
-/*!**************************************************************************************************!*\
-  !*** ../player/src/plugins/interactive-plugin/components/interactive/interactive-component.scss ***!
-  \**************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
-/***/ "../player/src/plugins/interactive-plugin/components/interactive/interactive-component.tsx":
-/*!*************************************************************************************************!*\
-  !*** ../player/src/plugins/interactive-plugin/components/interactive/interactive-component.tsx ***!
-  \*************************************************************************************************/
-/*! no exports provided */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var simplebar_react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! simplebar-react */ "../../../node_modules/simplebar-react/dist/simplebar-react.esm.js");
-/* harmony import */ var video_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! video.js */ "../../../node_modules/video.js/dist/video.es.js");
-/* harmony import */ var _react_react_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../react/react-component */ "../player/src/react/react-component.ts");
-/* harmony import */ var _utils_useInteractiveTrack__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../utils/useInteractiveTrack */ "../player/src/plugins/interactive-plugin/utils/useInteractiveTrack.ts");
-/* harmony import */ var _interfaces_InteractiveMode__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../interfaces/InteractiveMode */ "../player/src/plugins/interactive-plugin/interfaces/InteractiveMode.ts");
-/* harmony import */ var _timepoint_timepoint_component__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../timepoint/timepoint-component */ "../player/src/plugins/interactive-plugin/components/timepoint/timepoint-component.tsx");
-/* harmony import */ var _utils_getTimepointStateId__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../utils/getTimepointStateId */ "../player/src/plugins/interactive-plugin/utils/getTimepointStateId.ts");
-/* harmony import */ var _create_components_create_type_selector_create_type_selector__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../create-components/create-type-selector/create-type-selector */ "../player/src/plugins/interactive-plugin/components/create-components/create-type-selector/create-type-selector.tsx");
-/* harmony import */ var _interactive_component_scss__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./interactive-component.scss */ "../player/src/plugins/interactive-plugin/components/interactive/interactive-component.scss");
-/* harmony import */ var _interactive_component_scss__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_interactive_component_scss__WEBPACK_IMPORTED_MODULE_9__);
-
-
-
-
-
-
-
-
-
-
-
-function interactiveReducer(state, action) {
-  return Object.assign(Object.assign({}, state), {
-    [action.key]: action.value
-  });
-}
-
-function InteractiveComponent(props) {
-  const {
-    player,
-    track,
-    mode,
-    interactive
-  } = props;
-  const [state, dispatch] = react__WEBPACK_IMPORTED_MODULE_0___default.a.useReducer(interactiveReducer, {});
-  const {
-    open,
-    timepoint,
-    continueInteractive
-  } = Object(_utils_useInteractiveTrack__WEBPACK_IMPORTED_MODULE_4__["useInteractiveTrack"])({
-    player,
-    track,
-    interactive,
-    mode
-  });
-  const ref = react__WEBPACK_IMPORTED_MODULE_0___default.a.useRef();
-
-  function recalulateScroll() {
-    ref.current.recalculate();
-  }
-
-  function onTypeSelected(typeId) {
-    player.pause();
-    const currentTime = player.currentTime();
-    const timePointId = Math.round(Math.random() * Number.MAX_SAFE_INTEGER).toString();
-    if (!interactive.timepoints) interactive.timepoints = [];
-    interactive.timepoints.push({
-      id: timePointId,
-      visibleAt: currentTime * 1000,
-      interactiveId: interactive.id,
-      shouldPause: 1,
-      interactions: [{
-        id: Math.round(Math.random() * Number.MAX_SAFE_INTEGER).toString(),
-        typeId: typeId,
-        type: {
-          id: typeId,
-          name: '',
-          colour: '',
-          icon: ''
-        },
-        timepointId: timePointId,
-        order: 0,
-        interactiveId: interactive.id,
-        data: {}
-      }]
-    });
-    track.addCue({
-      startTime: currentTime,
-      endTime: currentTime + 1,
-      text: timePointId
-    });
-  }
-
-  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: 'cv-interactive-container'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: `cv-interactive ${open ? 'cv-open' : ''}`
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(simplebar_react__WEBPACK_IMPORTED_MODULE_1__["default"], {
-    style: {
-      height: '100%'
-    },
-    ref: ref
-  }, !timepoint && mode === _interfaces_InteractiveMode__WEBPACK_IMPORTED_MODULE_5__["InteractiveMode"].Create && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_create_components_create_type_selector_create_type_selector__WEBPACK_IMPORTED_MODULE_8__["CreateTypeSelector"], {
-    onTypeSelected: onTypeSelected
-  }), !!timepoint && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_timepoint_timepoint_component__WEBPACK_IMPORTED_MODULE_6__["TimepointComponent"], {
-    timepoint: timepoint,
-    continueInteractive: continueInteractive,
-    immediateFeedback: interactive.immediateFeedback,
-    mode: mode,
-    state: state,
-    dispatch: dispatch,
-    recalculateScroll: recalulateScroll,
-    timepointState: state[Object(_utils_getTimepointStateId__WEBPACK_IMPORTED_MODULE_7__["getTimepointStateId"])(timepoint)] || _timepoint_timepoint_component__WEBPACK_IMPORTED_MODULE_6__["initialTimepointState"]
-  }))));
-}
-
-video_js__WEBPACK_IMPORTED_MODULE_2__["default"].registerComponent('Interactive', Object(_react_react_component__WEBPACK_IMPORTED_MODULE_3__["getReactComponent"])((player, options) => react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(InteractiveComponent, Object.assign({
-  player: player
-}, options))));
-
-/***/ }),
-
-/***/ "../player/src/plugins/interactive-plugin/components/seek-bar/interactive-bar-item.scss":
-/*!**********************************************************************************************!*\
-  !*** ../player/src/plugins/interactive-plugin/components/seek-bar/interactive-bar-item.scss ***!
-  \**********************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
-/***/ "../player/src/plugins/interactive-plugin/components/seek-bar/interactive-bar-item.ts":
-/*!********************************************************************************************!*\
-  !*** ../player/src/plugins/interactive-plugin/components/seek-bar/interactive-bar-item.ts ***!
-  \********************************************************************************************/
-/*! exports provided: InteractiveBarItem */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "InteractiveBarItem", function() { return InteractiveBarItem; });
-/* harmony import */ var video_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! video.js */ "../../../node_modules/video.js/dist/video.es.js");
-/* harmony import */ var _interactive_bar_item_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./interactive-bar-item.scss */ "../player/src/plugins/interactive-plugin/components/seek-bar/interactive-bar-item.scss");
-/* harmony import */ var _interactive_bar_item_scss__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_interactive_bar_item_scss__WEBPACK_IMPORTED_MODULE_1__);
-
-
-const Component = video_js__WEBPACK_IMPORTED_MODULE_0__["default"].getComponent('Button');
-class InteractiveBarItem extends Component {
-  constructor(player, options) {
-    super(player, options);
-    this.timepoint_ = options.timepoint;
-    this.time_ = options.timepoint.visibleAt / 1000;
-    const firstInteraction = options.timepoint.interactions[0]; // if we have no interaction, hide this timepoint
-
-    if (!firstInteraction) this.hide();
-    this.setColour(firstInteraction.type.colour); // set the control text to the interaction name for screen readers
-
-    this.controlText(firstInteraction.name);
-    this.update();
-  }
-
-  buildCSSClass() {
-    return `cv-interactive-bar-item ${super.buildCSSClass()}`;
-  }
-
-  createEl(tagName, properties, attributes) {
-    const el = super.createEl(tagName, Object.assign(Object.assign({}, properties), {
-      className: this.buildCSSClass()
-    }), attributes);
-    return el;
-  }
-
-  update() {
-    const duration = this.player_.duration();
-    const width = this.time_ / duration;
-    this.el().style.left = width * 100 + '%'; // hide items outside of bounds
-
-    if (width > 100 || width < 0) this.hide();else this.show();
-  }
-
-  handleClick(e) {
-    e.stopPropagation();
-    this.player_.currentTime(this.time_);
-  }
-
-  setColour(colour) {
-    this.el().querySelector('.vjs-icon-placeholder').style.backgroundColor = '#' + colour;
-  }
-
-}
-
-/***/ }),
-
-/***/ "../player/src/plugins/interactive-plugin/components/seek-bar/interactive-bar-items.scss":
-/*!***********************************************************************************************!*\
-  !*** ../player/src/plugins/interactive-plugin/components/seek-bar/interactive-bar-items.scss ***!
-  \***********************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
-/***/ "../player/src/plugins/interactive-plugin/components/seek-bar/interactive-bar-items.ts":
-/*!*********************************************************************************************!*\
-  !*** ../player/src/plugins/interactive-plugin/components/seek-bar/interactive-bar-items.ts ***!
-  \*********************************************************************************************/
-/*! exports provided: InteractiveBarItems */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "InteractiveBarItems", function() { return InteractiveBarItems; });
-/* harmony import */ var video_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! video.js */ "../../../node_modules/video.js/dist/video.es.js");
-/* harmony import */ var _interactive_bar_item__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./interactive-bar-item */ "../player/src/plugins/interactive-plugin/components/seek-bar/interactive-bar-item.ts");
-/* harmony import */ var _interactive_bar_items_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./interactive-bar-items.scss */ "../player/src/plugins/interactive-plugin/components/seek-bar/interactive-bar-items.scss");
-/* harmony import */ var _interactive_bar_items_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_interactive_bar_items_scss__WEBPACK_IMPORTED_MODULE_2__);
-
-
-
-const Component = video_js__WEBPACK_IMPORTED_MODULE_0__["default"].getComponent('Component');
-class InteractiveBarItems extends Component {
-  constructor(player, options) {
-    super(player, options);
-    this.track_ = options.track;
-    this.interactive_ = options.interactive;
-    this.onDurationChange = this.onDurationChange.bind(this);
-    this.createInteractionItems = this.createInteractionItems.bind(this);
-    this.createInteractionItems();
-    this.player_.on('durationchange', this.onDurationChange);
-    this.player_.on('dispose', () => {
-      this.player_.off('durationchange', this.onDurationChange);
-    });
-  }
-
-  buildCSSClass() {
-    return `cv-interactive-bar-items ${super.buildCSSClass()}`;
-  }
-
-  createEl(tagName, properties, attributes) {
-    return super.createEl(tagName, Object.assign(Object.assign({}, properties), {
-      className: this.buildCSSClass()
-    }), attributes);
-  }
-
-  update() {
-    this.children_.forEach(child => {
-      child.update();
-    });
-  }
-
-  createInteractionItems() {
-    if (!this.track_) return; // remove all existing children
-
-    this.children_.forEach(child => {
-      this.removeChild(child);
-    });
-
-    for (let i = 0; i < this.track_.cues.length; i++) {
-      const cue = this.track_.cues[i];
-      const timepoint = this.getTimepointById(cue.text);
-      if (!timepoint) continue;
-      this.addChild(new _interactive_bar_item__WEBPACK_IMPORTED_MODULE_1__["InteractiveBarItem"](this.player_, {
-        timepoint: timepoint
-      }));
-    }
-  }
-
-  onDurationChange() {
-    this.update();
-  }
-
-  getTimepointById(id) {
-    var _a;
-
-    return (_a = this.interactive_.timepoints) === null || _a === void 0 ? void 0 : _a.find(t => t.id === id);
-  }
-
-}
-
-/***/ }),
-
-/***/ "../player/src/plugins/interactive-plugin/components/timepoint/timepoint-component.scss":
-/*!**********************************************************************************************!*\
-  !*** ../player/src/plugins/interactive-plugin/components/timepoint/timepoint-component.scss ***!
-  \**********************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
-/***/ "../player/src/plugins/interactive-plugin/components/timepoint/timepoint-component.tsx":
-/*!*********************************************************************************************!*\
-  !*** ../player/src/plugins/interactive-plugin/components/timepoint/timepoint-component.tsx ***!
-  \*********************************************************************************************/
-/*! exports provided: initialTimepointState, TimepointComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "initialTimepointState", function() { return initialTimepointState; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TimepointComponent", function() { return TimepointComponent; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _incomplete_alert_incomplete_alert__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../incomplete-alert/incomplete-alert */ "../player/src/plugins/interactive-plugin/components/incomplete-alert/incomplete-alert.tsx");
-/* harmony import */ var _libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/interfaces */ "../../libs/shared/src/interfaces/index.ts");
-/* harmony import */ var _utils_getValidationFunction__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utils/getValidationFunction */ "../player/src/plugins/interactive-plugin/utils/getValidationFunction.ts");
-/* harmony import */ var _utils_getSubmissionFunction__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../utils/getSubmissionFunction */ "../player/src/plugins/interactive-plugin/utils/getSubmissionFunction.ts");
-/* harmony import */ var _utils_getInteractionComponents__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../utils/getInteractionComponents */ "../player/src/plugins/interactive-plugin/utils/getInteractionComponents.ts");
-/* harmony import */ var _utils_getTimepointStateId__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils/getTimepointStateId */ "../player/src/plugins/interactive-plugin/utils/getTimepointStateId.ts");
-/* harmony import */ var _utils_getInteractionStateId__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../utils/getInteractionStateId */ "../player/src/plugins/interactive-plugin/utils/getInteractionStateId.ts");
-/* harmony import */ var _timepoint_component_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./timepoint-component.scss */ "../player/src/plugins/interactive-plugin/components/timepoint/timepoint-component.scss");
-/* harmony import */ var _timepoint_component_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_timepoint_component_scss__WEBPACK_IMPORTED_MODULE_8__);
-
-
-
-
-
-
-
-
-
-
-function shouldShowFeedback(timepoint) {
-  return timepoint.interactions.some(i => {
-    return i.typeId === _libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_2__["InteractionTypeId"].MissingWord || i.typeId === _libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_2__["InteractionTypeId"].MultipleChoice || i.typeId === _libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_2__["InteractionTypeId"].TrueOrFalse;
-  });
-}
-
-const initialTimepointState = {
-  isValid: true,
-  submitted: false,
-  preview: false
-};
-function TimepointComponent(props) {
-  const {
-    timepoint,
-    continueInteractive,
-    mode,
-    state,
-    dispatch,
-    recalculateScroll,
-    timepointState,
-    immediateFeedback
-  } = props;
-
-  function onClickContinue() {
-    if (timepointState.submitted) {
-      continueInteractive();
-      return;
-    }
-
-    const isValid = !timepoint.interactions.some(i => {
-      const validate = Object(_utils_getValidationFunction__WEBPACK_IMPORTED_MODULE_3__["getValidationFunction"])(i.typeId, mode);
-      return !validate(state[Object(_utils_getInteractionStateId__WEBPACK_IMPORTED_MODULE_7__["getInteractionStateId"])(i)] || {}, i);
-    });
-
-    if (!isValid) {
-      dispatch({
-        key: Object(_utils_getTimepointStateId__WEBPACK_IMPORTED_MODULE_6__["getTimepointStateId"])(timepoint),
-        value: Object.assign(Object.assign({}, timepointState), {
-          isValid: false
-        })
-      });
-      return;
-    } // TODO: Spinner button + state
-
-
-    const promises = timepoint.interactions.map(i => {
-      const submit = Object(_utils_getSubmissionFunction__WEBPACK_IMPORTED_MODULE_4__["getSubmissionFunction"])(i.typeId, mode);
-      return submit(state[Object(_utils_getInteractionStateId__WEBPACK_IMPORTED_MODULE_7__["getInteractionStateId"])(i)] || {}, i);
-    });
-    Promise.all(promises).then(() => {
-      dispatch({
-        key: Object(_utils_getTimepointStateId__WEBPACK_IMPORTED_MODULE_6__["getTimepointStateId"])(timepoint),
-        value: Object.assign(Object.assign({}, timepointState), {
-          submitted: true,
-          isValid: true
-        })
-      });
-      if (!immediateFeedback || !shouldShowFeedback(timepoint)) continueInteractive();
-    });
-  }
-
-  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: 'cv-timepoint'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", null, timepoint.interactions.map((interaction, index) => {
-    const Question = Object(_utils_getInteractionComponents__WEBPACK_IMPORTED_MODULE_5__["getInteractionComponent"])(interaction.type.id, mode);
-    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Question, {
-      interaction: interaction,
-      state: state[Object(_utils_getInteractionStateId__WEBPACK_IMPORTED_MODULE_7__["getInteractionStateId"])(interaction)] || {},
-      setState: value => dispatch({
-        key: Object(_utils_getInteractionStateId__WEBPACK_IMPORTED_MODULE_7__["getInteractionStateId"])(interaction),
-        value
-      }),
-      key: index,
-      recalculateScroll: recalculateScroll,
-      showFeedback: timepointState.submitted
-    });
-  }), !timepointState.isValid && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_incomplete_alert_incomplete_alert__WEBPACK_IMPORTED_MODULE_1__["IncompleteAlert"], null)), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: 'cv-timpoint-button-container'
-  }, !timepointState.isValid && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("a", {
-    className: 'btn btn-secondary',
-    onClick: continueInteractive
-  }, "Come back later"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("a", {
-    className: 'btn btn-info ml-2',
-    onClick: onClickContinue
-  }, "Save & Continue")));
-}
-
-/***/ }),
-
-/***/ "../player/src/plugins/interactive-plugin/components/view-components/annotation/annotation-interaction.tsx":
-/*!*****************************************************************************************************************!*\
-  !*** ../player/src/plugins/interactive-plugin/components/view-components/annotation/annotation-interaction.tsx ***!
-  \*****************************************************************************************************************/
-/*! exports provided: AnnotationInteraction */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AnnotationInteraction", function() { return AnnotationInteraction; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _view_interaction_heading_view_interaction_heading__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../view-interaction-heading/view-interaction-heading */ "../player/src/plugins/interactive-plugin/components/view-components/view-interaction-heading/view-interaction-heading.tsx");
-
-
-function AnnotationInteraction(props) {
-  const {
-    interaction
-  } = props;
-  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: 'cv-interactive-question'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_view_interaction_heading_view_interaction_heading__WEBPACK_IMPORTED_MODULE_1__["ViewInteractionHeading"], {
-    interaction: interaction
-  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    dangerouslySetInnerHTML: {
-      __html: props.interaction.data.annotation
-    }
-  }));
-}
-
-/***/ }),
-
-/***/ "../player/src/plugins/interactive-plugin/components/view-components/image/image-interaction.scss":
-/*!********************************************************************************************************!*\
-  !*** ../player/src/plugins/interactive-plugin/components/view-components/image/image-interaction.scss ***!
-  \********************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
-/***/ "../player/src/plugins/interactive-plugin/components/view-components/image/image-interaction.tsx":
-/*!*******************************************************************************************************!*\
-  !*** ../player/src/plugins/interactive-plugin/components/view-components/image/image-interaction.tsx ***!
-  \*******************************************************************************************************/
-/*! exports provided: ImageInteraction */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ImageInteraction", function() { return ImageInteraction; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _view_interaction_heading_view_interaction_heading__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../view-interaction-heading/view-interaction-heading */ "../player/src/plugins/interactive-plugin/components/view-components/view-interaction-heading/view-interaction-heading.tsx");
-/* harmony import */ var _image_interaction_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./image-interaction.scss */ "../player/src/plugins/interactive-plugin/components/view-components/image/image-interaction.scss");
-/* harmony import */ var _image_interaction_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_image_interaction_scss__WEBPACK_IMPORTED_MODULE_2__);
-
-
-
-function ImageInteraction(props) {
-  const {
-    interaction,
-    recalculateScroll
-  } = props;
-  const ref = react__WEBPACK_IMPORTED_MODULE_0___default.a.useCallback(node => {
-    if (!node) return;
-
-    node.onload = () => {
-      recalculateScroll();
-    };
-  }, []);
-  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: 'cv-interactive-question cv-image-interactive'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_view_interaction_heading_view_interaction_heading__WEBPACK_IMPORTED_MODULE_1__["ViewInteractionHeading"], {
-    interaction: interaction
-  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: 'cv-image-container'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("img", {
-    className: 'img-fluid',
-    src: interaction.data.url,
-    ref: ref
-  })));
-}
-
-/***/ }),
-
-/***/ "../player/src/plugins/interactive-plugin/components/view-components/missing-word/missing-word-interaction.tsx":
-/*!*********************************************************************************************************************!*\
-  !*** ../player/src/plugins/interactive-plugin/components/view-components/missing-word/missing-word-interaction.tsx ***!
-  \*********************************************************************************************************************/
-/*! exports provided: IsViewMissingWordValid, SubmitViewMissingWord, MissingWordInteraction */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "IsViewMissingWordValid", function() { return IsViewMissingWordValid; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SubmitViewMissingWord", function() { return SubmitViewMissingWord; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MissingWordInteraction", function() { return MissingWordInteraction; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _feedback_feedback__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../feedback/feedback */ "../player/src/plugins/interactive-plugin/components/feedback/feedback.tsx");
-/* harmony import */ var _view_interaction_heading_view_interaction_heading__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../view-interaction-heading/view-interaction-heading */ "../player/src/plugins/interactive-plugin/components/view-components/view-interaction-heading/view-interaction-heading.tsx");
-var __rest = undefined && undefined.__rest || function (s, e) {
-  var t = {};
-
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-
-
-
-
-const PLACEHOLDER = 'cv-missing-word-';
-const FONT = '17pt arial';
-
-function getWordWidth(text) {
-  const canvas = document.createElement('canvas');
-  const context = canvas.getContext('2d');
-  context.font = FONT;
-  const metrics = context.measureText(text);
-  return metrics.width;
-}
-
-function isCorrect(state, interaction) {
-  return interaction.actionableItems.every(a => {
-    return a.name === state[a.id];
-  });
-}
-
-function IsViewMissingWordValid(state, interaction) {
-  // TODO: This needs factor in if all the words have been filled in
-  return Object.keys(state).length === interaction.actionableItems.length;
-}
-function SubmitViewMissingWord() {
-  return new Promise(resolve => {
-    resolve();
-  });
-}
-function MissingWordInteraction(props) {
-  const {
-    state,
-    setState,
-    interaction,
-    showFeedback
-  } = props;
-  const cleanedUp = interaction.data.sentence.replace(/{([^{}]*)}/g, (match, val) => {
-    return `{${PLACEHOLDER}${val}}`;
-  });
-  const items = cleanedUp.split(/{([^{}]*)}/g);
-
-  function onChange(a, event) {
-    if (!event.target.value) {
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars
-      const _a = a.id,
-            removed = state[_a],
-            newState = __rest(state, [typeof _a === "symbol" ? _a : _a + ""]);
-
-      setState(newState);
-      return;
-    }
-
-    setState(Object.assign(Object.assign({}, state), {
-      [a.id]: event.target.value
-    }));
-  }
-
-  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: 'cv-interactive-question'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_feedback_feedback__WEBPACK_IMPORTED_MODULE_1__["Feedback"], {
-    correct: isCorrect(state, interaction),
-    showFeedback: showFeedback
-  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_view_interaction_heading_view_interaction_heading__WEBPACK_IMPORTED_MODULE_2__["ViewInteractionHeading"], {
-    interaction: interaction
-  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("form", null, items.map((item, index) => {
-    if (!item.startsWith(PLACEHOLDER)) return item;
-    const order = item.replace(PLACEHOLDER, '');
-    const actionableItem = interaction.actionableItems.find(a => a.order.toString() === order);
-    if (!actionableItem) return;
-    const width = getWordWidth(actionableItem.name);
-    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("input", {
-      key: index,
-      style: {
-        width: width + 'px'
-      },
-      onChange: e => onChange(actionableItem, e)
-    });
-  })));
-}
-
-/***/ }),
-
-/***/ "../player/src/plugins/interactive-plugin/components/view-components/multiple-choice/multiple-choice-interaction.scss":
-/*!****************************************************************************************************************************!*\
-  !*** ../player/src/plugins/interactive-plugin/components/view-components/multiple-choice/multiple-choice-interaction.scss ***!
-  \****************************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
-/***/ "../player/src/plugins/interactive-plugin/components/view-components/multiple-choice/multiple-choice-interaction.tsx":
-/*!***************************************************************************************************************************!*\
-  !*** ../player/src/plugins/interactive-plugin/components/view-components/multiple-choice/multiple-choice-interaction.tsx ***!
-  \***************************************************************************************************************************/
-/*! exports provided: IsViewMultipleChoiceValid, SubmitViewMultipleChoice, MultipleChoiceInteraction */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "IsViewMultipleChoiceValid", function() { return IsViewMultipleChoiceValid; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SubmitViewMultipleChoice", function() { return SubmitViewMultipleChoice; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MultipleChoiceInteraction", function() { return MultipleChoiceInteraction; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _feedback_feedback__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../feedback/feedback */ "../player/src/plugins/interactive-plugin/components/feedback/feedback.tsx");
-/* harmony import */ var _view_interaction_heading_view_interaction_heading__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../view-interaction-heading/view-interaction-heading */ "../player/src/plugins/interactive-plugin/components/view-components/view-interaction-heading/view-interaction-heading.tsx");
-/* harmony import */ var _multiple_choice_interaction_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./multiple-choice-interaction.scss */ "../player/src/plugins/interactive-plugin/components/view-components/multiple-choice/multiple-choice-interaction.scss");
-/* harmony import */ var _multiple_choice_interaction_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_multiple_choice_interaction_scss__WEBPACK_IMPORTED_MODULE_3__);
-var __rest = undefined && undefined.__rest || function (s, e) {
-  var t = {};
-
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-
-
-
-
-
-
-function isCorrect(state, interaction) {
-  const correctAnswers = interaction.actionableItems.filter(a => a.isCorrect);
-  return correctAnswers.every(a => state[a.id]);
-}
-
-function IsViewMultipleChoiceValid(state) {
-  return !!Object.keys(state).length;
-}
-function SubmitViewMultipleChoice() {
-  return new Promise(resolve => {
-    resolve();
-  });
-}
-function MultipleChoiceInteraction(props) {
-  const {
-    state,
-    setState,
-    interaction,
-    showFeedback
-  } = props;
-  const radio = interaction.actionableItems.filter(a => a.isCorrect).length === 1;
-
-  function onChecked(a, event) {
-    if (radio) {
-      setState({
-        [a.id]: true
-      });
-      return;
-    }
-
-    if (!event.target.checked) {
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars
-      const _a = a.id,
-            removed = state[_a],
-            newState = __rest(state, [typeof _a === "symbol" ? _a : _a + ""]);
-
-      setState(newState);
-      return;
-    }
-
-    setState(Object.assign(Object.assign({}, state), {
-      [a.id]: true
-    }));
-  }
-
-  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: 'cv-interactive-question'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_feedback_feedback__WEBPACK_IMPORTED_MODULE_1__["Feedback"], {
-    correct: isCorrect(state, interaction),
-    showFeedback: showFeedback
-  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_view_interaction_heading_view_interaction_heading__WEBPACK_IMPORTED_MODULE_2__["ViewInteractionHeading"], {
-    interaction: interaction
-  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("form", {
-    className: 'cv-multiple-choice-form'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("table", {
-    className: 'table-bordered w-100'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("tbody", {
-    className: 'table-bordered w-100'
-  }, interaction.actionableItems.map((a, index) => {
-    const answer = state[a.id];
-    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("tr", {
-      key: index
-    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("td", {
-      className: 'cv-multiple-choice-input-container'
-    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-      className: `custom-control ${radio ? 'custom-radio' : 'custom-checkbox'}`
-    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("input", {
-      id: a.id,
-      type: radio ? 'radio' : 'checkbox',
-      className: 'custom-control-input',
-      name: 'multiple-choice',
-      checked: !!answer,
-      onChange: e => onChecked(a, e),
-      disabled: showFeedback
-    }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("label", {
-      htmlFor: a.id,
-      className: 'custom-control-label'
-    }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("td", {
-      className: 'cv-multiple-choice-label-container w-100'
-    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("label", {
-      htmlFor: a.id
-    }, a.name)));
-  })))));
-}
-
-/***/ }),
-
-/***/ "../player/src/plugins/interactive-plugin/components/view-components/short-answer/short-answer-interaction.tsx":
-/*!*********************************************************************************************************************!*\
-  !*** ../player/src/plugins/interactive-plugin/components/view-components/short-answer/short-answer-interaction.tsx ***!
-  \*********************************************************************************************************************/
-/*! exports provided: IsViewShortAnswerValid, SubmitViewShortAnswer, ShortAnswerInteraction */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "IsViewShortAnswerValid", function() { return IsViewShortAnswerValid; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SubmitViewShortAnswer", function() { return SubmitViewShortAnswer; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ShortAnswerInteraction", function() { return ShortAnswerInteraction; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react_textarea_autosize__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-textarea-autosize */ "../../../node_modules/react-textarea-autosize/dist/react-textarea-autosize.browser.esm.js");
-/* harmony import */ var _view_interaction_heading_view_interaction_heading__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../view-interaction-heading/view-interaction-heading */ "../player/src/plugins/interactive-plugin/components/view-components/view-interaction-heading/view-interaction-heading.tsx");
-
-
-
-function IsViewShortAnswerValid(state) {
-  return !!state.text;
-}
-function SubmitViewShortAnswer() {
-  return new Promise(resolve => {
-    // TODO: Submit response
-    resolve();
-  });
-}
-function ShortAnswerInteraction(props) {
-  const {
-    interaction,
-    state,
-    setState
-  } = props;
-
-  function onChange(event) {
-    setState(Object.assign(Object.assign({}, state), {
-      text: event.target.value
-    }));
-  }
-
-  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: 'cv-interactive-question'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_view_interaction_heading_view_interaction_heading__WEBPACK_IMPORTED_MODULE_2__["ViewInteractionHeading"], {
-    interaction: interaction
-  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_textarea_autosize__WEBPACK_IMPORTED_MODULE_1__["default"], {
-    translate: true,
-    className: 'form-control',
-    minRows: 3,
-    value: state.text || '',
-    onChange: onChange
-  }));
-}
-
-/***/ }),
-
-/***/ "../player/src/plugins/interactive-plugin/components/view-components/view-components.ts":
-/*!**********************************************************************************************!*\
-  !*** ../player/src/plugins/interactive-plugin/components/view-components/view-components.ts ***!
-  \**********************************************************************************************/
-/*! exports provided: getViewComponent, getViewValidation, getViewSubmit */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getViewComponent", function() { return getViewComponent; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getViewValidation", function() { return getViewValidation; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getViewSubmit", function() { return getViewSubmit; });
-/* harmony import */ var _libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/interfaces */ "../../libs/shared/src/interfaces/index.ts");
-/* harmony import */ var _annotation_annotation_interaction__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./annotation/annotation-interaction */ "../player/src/plugins/interactive-plugin/components/view-components/annotation/annotation-interaction.tsx");
-/* harmony import */ var _image_image_interaction__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./image/image-interaction */ "../player/src/plugins/interactive-plugin/components/view-components/image/image-interaction.tsx");
-/* harmony import */ var _missing_word_missing_word_interaction__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./missing-word/missing-word-interaction */ "../player/src/plugins/interactive-plugin/components/view-components/missing-word/missing-word-interaction.tsx");
-/* harmony import */ var _multiple_choice_multiple_choice_interaction__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./multiple-choice/multiple-choice-interaction */ "../player/src/plugins/interactive-plugin/components/view-components/multiple-choice/multiple-choice-interaction.tsx");
-/* harmony import */ var _short_answer_short_answer_interaction__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./short-answer/short-answer-interaction */ "../player/src/plugins/interactive-plugin/components/view-components/short-answer/short-answer-interaction.tsx");
-
-
-
-
-
-
-const QuestionLookup = {
-  [_libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__["InteractionTypeId"].Annotation]: _annotation_annotation_interaction__WEBPACK_IMPORTED_MODULE_1__["AnnotationInteraction"],
-  [_libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__["InteractionTypeId"].Image]: _image_image_interaction__WEBPACK_IMPORTED_MODULE_2__["ImageInteraction"],
-  [_libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__["InteractionTypeId"].MissingWord]: _missing_word_missing_word_interaction__WEBPACK_IMPORTED_MODULE_3__["MissingWordInteraction"],
-  [_libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__["InteractionTypeId"].MultipleChoice]: _multiple_choice_multiple_choice_interaction__WEBPACK_IMPORTED_MODULE_4__["MultipleChoiceInteraction"],
-  [_libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__["InteractionTypeId"].ShortAnswer]: _short_answer_short_answer_interaction__WEBPACK_IMPORTED_MODULE_5__["ShortAnswerInteraction"],
-  [_libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__["InteractionTypeId"].TrueOrFalse]: _multiple_choice_multiple_choice_interaction__WEBPACK_IMPORTED_MODULE_4__["MultipleChoiceInteraction"]
-};
-function getViewComponent(typeId) {
-  return QuestionLookup[typeId];
-}
-
-function noValidation() {
-  return true;
-}
-
-const ValidationLookup = {
-  [_libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__["InteractionTypeId"].Annotation]: noValidation,
-  [_libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__["InteractionTypeId"].Image]: noValidation,
-  [_libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__["InteractionTypeId"].MissingWord]: _missing_word_missing_word_interaction__WEBPACK_IMPORTED_MODULE_3__["IsViewMissingWordValid"],
-  [_libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__["InteractionTypeId"].MultipleChoice]: _multiple_choice_multiple_choice_interaction__WEBPACK_IMPORTED_MODULE_4__["IsViewMultipleChoiceValid"],
-  [_libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__["InteractionTypeId"].ShortAnswer]: _short_answer_short_answer_interaction__WEBPACK_IMPORTED_MODULE_5__["IsViewShortAnswerValid"],
-  [_libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__["InteractionTypeId"].TrueOrFalse]: _multiple_choice_multiple_choice_interaction__WEBPACK_IMPORTED_MODULE_4__["IsViewMultipleChoiceValid"]
-};
-function getViewValidation(typeId) {
-  return ValidationLookup[typeId];
-}
-
-function noSubmission() {
-  return Promise.resolve();
-}
-
-const SubmissionLookup = {
-  [_libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__["InteractionTypeId"].Annotation]: noSubmission,
-  [_libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__["InteractionTypeId"].Image]: noSubmission,
-  [_libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__["InteractionTypeId"].MissingWord]: _missing_word_missing_word_interaction__WEBPACK_IMPORTED_MODULE_3__["SubmitViewMissingWord"],
-  [_libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__["InteractionTypeId"].MultipleChoice]: _multiple_choice_multiple_choice_interaction__WEBPACK_IMPORTED_MODULE_4__["SubmitViewMultipleChoice"],
-  [_libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__["InteractionTypeId"].ShortAnswer]: _short_answer_short_answer_interaction__WEBPACK_IMPORTED_MODULE_5__["SubmitViewShortAnswer"],
-  [_libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__["InteractionTypeId"].TrueOrFalse]: _multiple_choice_multiple_choice_interaction__WEBPACK_IMPORTED_MODULE_4__["SubmitViewMultipleChoice"]
-};
-function getViewSubmit(typeId) {
-  return SubmissionLookup[typeId];
-}
-
-/***/ }),
-
-/***/ "../player/src/plugins/interactive-plugin/components/view-components/view-interaction-heading/view-interaction-heading.scss":
-/*!**********************************************************************************************************************************!*\
-  !*** ../player/src/plugins/interactive-plugin/components/view-components/view-interaction-heading/view-interaction-heading.scss ***!
-  \**********************************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
-/***/ "../player/src/plugins/interactive-plugin/components/view-components/view-interaction-heading/view-interaction-heading.tsx":
-/*!*********************************************************************************************************************************!*\
-  !*** ../player/src/plugins/interactive-plugin/components/view-components/view-interaction-heading/view-interaction-heading.tsx ***!
-  \*********************************************************************************************************************************/
-/*! exports provided: ViewInteractionHeading */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ViewInteractionHeading", function() { return ViewInteractionHeading; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _view_interaction_heading_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./view-interaction-heading.scss */ "../player/src/plugins/interactive-plugin/components/view-components/view-interaction-heading/view-interaction-heading.scss");
-/* harmony import */ var _view_interaction_heading_scss__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_view_interaction_heading_scss__WEBPACK_IMPORTED_MODULE_1__);
-
-
-function ViewInteractionHeading(props) {
-  const {
-    interaction
-  } = props;
-  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: 'cv-interaction-heading mb-3'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", {
-    className: 'cv-iteraction-icon',
-    style: {
-      backgroundImage: `url(https:${interaction.type.icon})`,
-      backgroundColor: `#${interaction.type.colour}`
-    }
-  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h2", {
-    className: 'cv-interaction-title h5'
-  }, interaction.name));
-}
-
-/***/ }),
-
-/***/ "../player/src/plugins/interactive-plugin/interactive-plugin.ts":
-/*!**********************************************************************!*\
-  !*** ../player/src/plugins/interactive-plugin/interactive-plugin.ts ***!
-  \**********************************************************************/
-/*! no exports provided */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _utils_track_helper__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../utils/track-helper */ "../player/src/utils/track-helper.ts");
-/* harmony import */ var video_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! video.js */ "../../../node_modules/video.js/dist/video.es.js");
-/* harmony import */ var _components_interactive_interactive_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/interactive/interactive-component */ "../player/src/plugins/interactive-plugin/components/interactive/interactive-component.tsx");
-/* harmony import */ var _components_seek_bar_interactive_bar_items__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/seek-bar/interactive-bar-items */ "../player/src/plugins/interactive-plugin/components/seek-bar/interactive-bar-items.ts");
-
-
-
-
-const Plugin = video_js__WEBPACK_IMPORTED_MODULE_1__["default"].getPlugin('plugin');
-
-class InteractivePlugin extends Plugin {
-  constructor(player, options) {
-    super(player);
-    this.options = options;
-    player.ready(() => this.initialize());
-  }
-
-  initialize() {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    _utils_track_helper__WEBPACK_IMPORTED_MODULE_0__["TrackHelper"].useTrack(this.player, 'metadata', 'interactive', this.onTrackLoaded.bind(this));
-  }
-
-  onTrackLoaded(track) {
-    this.player.addChild('Interactive', {
-      track,
-      interactive: this.options.interactive,
-      mode: this.options.mode
-    }); // 🌶 inject the interative bar items into the seek bar
-
-    const seekBar = this.player.controlBar.getChild('progressControl').getChild('SeekBar');
-    seekBar.addChild(new _components_seek_bar_interactive_bar_items__WEBPACK_IMPORTED_MODULE_3__["InteractiveBarItems"](this.player, {
-      interactive: this.options.interactive,
-      track: track
-    }));
-  }
-
-}
-
-video_js__WEBPACK_IMPORTED_MODULE_1__["default"].registerPlugin('viewInteractivePlugin', InteractivePlugin);
-
-/***/ }),
-
-/***/ "../player/src/plugins/interactive-plugin/interfaces/InteractiveMode.ts":
-/*!******************************************************************************!*\
-  !*** ../player/src/plugins/interactive-plugin/interfaces/InteractiveMode.ts ***!
-  \******************************************************************************/
-/*! exports provided: InteractiveMode */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "InteractiveMode", function() { return InteractiveMode; });
-var InteractiveMode;
-
-(function (InteractiveMode) {
-  InteractiveMode[InteractiveMode["View"] = 0] = "View";
-  InteractiveMode[InteractiveMode["Create"] = 1] = "Create";
-})(InteractiveMode || (InteractiveMode = {}));
-
-/***/ }),
-
-/***/ "../player/src/plugins/interactive-plugin/interfaces/index.ts":
-/*!********************************************************************!*\
-  !*** ../player/src/plugins/interactive-plugin/interfaces/index.ts ***!
-  \********************************************************************/
-/*! exports provided: InteractiveMode */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _InteractiveMode__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./InteractiveMode */ "../player/src/plugins/interactive-plugin/interfaces/InteractiveMode.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "InteractiveMode", function() { return _InteractiveMode__WEBPACK_IMPORTED_MODULE_0__["InteractiveMode"]; });
-
-
-
-/***/ }),
-
-/***/ "../player/src/plugins/interactive-plugin/utils/getInteractionComponents.ts":
-/*!**********************************************************************************!*\
-  !*** ../player/src/plugins/interactive-plugin/utils/getInteractionComponents.ts ***!
-  \**********************************************************************************/
-/*! exports provided: getInteractionComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getInteractionComponent", function() { return getInteractionComponent; });
-/* harmony import */ var _components_create_components_create_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../components/create-components/create-components */ "../player/src/plugins/interactive-plugin/components/create-components/create-components.ts");
-/* harmony import */ var _components_view_components_view_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/view-components/view-components */ "../player/src/plugins/interactive-plugin/components/view-components/view-components.ts");
-/* harmony import */ var _interfaces__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../interfaces */ "../player/src/plugins/interactive-plugin/interfaces/index.ts");
-
-
-
-function getInteractionComponent(typeId, mode) {
-  if (mode === _interfaces__WEBPACK_IMPORTED_MODULE_2__["InteractiveMode"].Create) return Object(_components_create_components_create_components__WEBPACK_IMPORTED_MODULE_0__["getCreateComponent"])(typeId);
-  if (mode === _interfaces__WEBPACK_IMPORTED_MODULE_2__["InteractiveMode"].View) return Object(_components_view_components_view_components__WEBPACK_IMPORTED_MODULE_1__["getViewComponent"])(typeId);
-  throw new Error(`Cannot find components for the mode ${mode}`);
-}
-
-/***/ }),
-
-/***/ "../player/src/plugins/interactive-plugin/utils/getInteractionStateId.ts":
-/*!*******************************************************************************!*\
-  !*** ../player/src/plugins/interactive-plugin/utils/getInteractionStateId.ts ***!
-  \*******************************************************************************/
-/*! exports provided: getInteractionStateId */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getInteractionStateId", function() { return getInteractionStateId; });
-function getInteractionStateId(interaction) {
-  return `i${interaction.id}`;
-}
-
-/***/ }),
-
-/***/ "../player/src/plugins/interactive-plugin/utils/getSubmissionFunction.ts":
-/*!*******************************************************************************!*\
-  !*** ../player/src/plugins/interactive-plugin/utils/getSubmissionFunction.ts ***!
-  \*******************************************************************************/
-/*! exports provided: getSubmissionFunction */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getSubmissionFunction", function() { return getSubmissionFunction; });
-/* harmony import */ var _components_create_components_create_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../components/create-components/create-components */ "../player/src/plugins/interactive-plugin/components/create-components/create-components.ts");
-/* harmony import */ var _components_view_components_view_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/view-components/view-components */ "../player/src/plugins/interactive-plugin/components/view-components/view-components.ts");
-/* harmony import */ var _interfaces__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../interfaces */ "../player/src/plugins/interactive-plugin/interfaces/index.ts");
-
-
-
-function getSubmissionFunction(typeId, mode) {
-  if (mode === _interfaces__WEBPACK_IMPORTED_MODULE_2__["InteractiveMode"].Create) return Object(_components_create_components_create_components__WEBPACK_IMPORTED_MODULE_0__["getCreateSubmit"])(typeId);
-  if (mode === _interfaces__WEBPACK_IMPORTED_MODULE_2__["InteractiveMode"].View) return Object(_components_view_components_view_components__WEBPACK_IMPORTED_MODULE_1__["getViewSubmit"])(typeId);
-  throw new Error(`Cannot find validation functions for the mode ${mode}`);
-}
-
-/***/ }),
-
-/***/ "../player/src/plugins/interactive-plugin/utils/getTimepointStateId.ts":
-/*!*****************************************************************************!*\
-  !*** ../player/src/plugins/interactive-plugin/utils/getTimepointStateId.ts ***!
-  \*****************************************************************************/
-/*! exports provided: getTimepointStateId */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getTimepointStateId", function() { return getTimepointStateId; });
-function getTimepointStateId(timepoint) {
-  return `t${timepoint.id}`;
-}
-
-/***/ }),
-
-/***/ "../player/src/plugins/interactive-plugin/utils/getValidationFunction.ts":
-/*!*******************************************************************************!*\
-  !*** ../player/src/plugins/interactive-plugin/utils/getValidationFunction.ts ***!
-  \*******************************************************************************/
-/*! exports provided: getValidationFunction */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getValidationFunction", function() { return getValidationFunction; });
-/* harmony import */ var _components_create_components_create_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../components/create-components/create-components */ "../player/src/plugins/interactive-plugin/components/create-components/create-components.ts");
-/* harmony import */ var _components_view_components_view_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/view-components/view-components */ "../player/src/plugins/interactive-plugin/components/view-components/view-components.ts");
-/* harmony import */ var _interfaces__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../interfaces */ "../player/src/plugins/interactive-plugin/interfaces/index.ts");
-
-
-
-function getValidationFunction(typeId, mode) {
-  if (mode === _interfaces__WEBPACK_IMPORTED_MODULE_2__["InteractiveMode"].Create) return Object(_components_create_components_create_components__WEBPACK_IMPORTED_MODULE_0__["getCreateValidation"])(typeId);
-  if (mode === _interfaces__WEBPACK_IMPORTED_MODULE_2__["InteractiveMode"].View) return Object(_components_view_components_view_components__WEBPACK_IMPORTED_MODULE_1__["getViewValidation"])(typeId);
-  throw new Error(`Cannot find validation functions for the mode ${mode}`);
-}
-
-/***/ }),
-
-/***/ "../player/src/plugins/interactive-plugin/utils/useInteractiveTrack.ts":
-/*!*****************************************************************************!*\
-  !*** ../player/src/plugins/interactive-plugin/utils/useInteractiveTrack.ts ***!
-  \*****************************************************************************/
-/*! exports provided: useInteractiveTrack */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useInteractiveTrack", function() { return useInteractiveTrack; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _interfaces__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../interfaces */ "../player/src/plugins/interactive-plugin/interfaces/index.ts");
-
-
-function useInteractiveTrack(options) {
-  const {
-    player,
-    track,
-    interactive,
-    mode
-  } = options;
-  const [open, setOpen] = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState(mode === _interfaces__WEBPACK_IMPORTED_MODULE_1__["InteractiveMode"].Create);
-  const [timepoint, setTimepoint] = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState(null);
-
-  function onCueChange() {
-    const activeCues = track.activeCues;
-
-    if (!activeCues.length) {
-      if (mode !== _interfaces__WEBPACK_IMPORTED_MODULE_1__["InteractiveMode"].Create) setOpen(false);
-      setTimepoint(null);
-      return;
-    }
-
-    const currentTimepoint = interactive.timepoints.find(t => {
-      return t.id.toString() === activeCues[0].text.toString();
-    });
-
-    if (currentTimepoint.shouldPause) {
-      if (!player.seeking()) {
-        player.pause();
-      } else {
-        player.one('play', () => player.pause());
-      }
-    }
-
-    setOpen(true);
-    setTimepoint(currentTimepoint);
-  }
-
-  function continueInteractive() {
-    if (mode !== _interfaces__WEBPACK_IMPORTED_MODULE_1__["InteractiveMode"].Create) setOpen(false);
-    player.play();
-  }
-
-  function lockPlayer() {// TODO: Find a way to prevent the user from seeking or playing the video
-  }
-
-  function unlockPlayer() {// TODO: Find a way to undo the above
-  }
-
-  react__WEBPACK_IMPORTED_MODULE_0___default.a.useEffect(() => {
-    track.addEventListener('cuechange', onCueChange);
-    return () => track.removeEventListener('cuechange', onCueChange);
-  });
-  return {
-    open,
-    timepoint,
-    continueInteractive,
-    lockPlayer,
-    unlockPlayer
-  };
-}
-
-/***/ }),
-
-/***/ "../player/src/react/InteractivePlayer.tsx":
-/*!*************************************************!*\
-  !*** ../player/src/react/InteractivePlayer.tsx ***!
-  \*************************************************/
-/*! exports provided: ClickViewInteractivePlayer */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClickViewInteractivePlayer", function() { return ClickViewInteractivePlayer; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _players_interactive_player__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../players/interactive-player */ "../player/src/players/interactive-player.ts");
-var __rest = undefined && undefined.__rest || function (s, e) {
-  var t = {};
-
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-
-
-
-function ClickViewInteractivePlayer(props) {
-  const {
-    onReady
-  } = props,
-        options = __rest(props, ["onReady"]);
-
-  const ref = react__WEBPACK_IMPORTED_MODULE_0___default.a.useRef();
-  react__WEBPACK_IMPORTED_MODULE_0___default.a.useEffect(() => {
-    const player = new _players_interactive_player__WEBPACK_IMPORTED_MODULE_1__["InteractivePlayer"](ref.current, options);
-
-    if (onReady) {
-      player.ready(() => {
-        onReady(player);
-      });
-    }
-  }, []);
-  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    ref: ref
-  });
-}
-
-/***/ }),
-
-/***/ "./src/shared/components/interactive-questions/InteractiveQuestions.tsx":
-/*!******************************************************************************!*\
-  !*** ./src/shared/components/interactive-questions/InteractiveQuestions.tsx ***!
-  \******************************************************************************/
-/*! exports provided: InteractiveQuestions */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "InteractiveQuestions", function() { return InteractiveQuestions; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react_custom_scrollbars__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-custom-scrollbars */ "react-custom-scrollbars");
-/* harmony import */ var react_custom_scrollbars__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_custom_scrollbars__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../libs/shared/src/interfaces */ "../../libs/shared/src/interfaces/index.ts");
-/* harmony import */ var _libs_shared_src_utils_DurationHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../libs/shared/src/utils/DurationHelper */ "../../libs/shared/src/utils/DurationHelper.ts");
-/* harmony import */ var _libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/div-button/DivButton */ "../../libs/shared/src/components/div-button/DivButton.tsx");
-/* harmony import */ var shared_constants_MinimumGlanceHeight__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! shared/constants/MinimumGlanceHeight */ "./src/shared/constants/MinimumGlanceHeight.ts");
-/* harmony import */ var _formatAnnotationText__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./formatAnnotationText */ "./src/shared/components/interactive-questions/formatAnnotationText.ts");
-/* harmony import */ var _interactive_questions_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./interactive-questions.scss */ "./src/shared/components/interactive-questions/interactive-questions.scss");
-/* harmony import */ var _interactive_questions_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_interactive_questions_scss__WEBPACK_IMPORTED_MODULE_7__);
-
-
-
-
-
-
-
-
-
-function InteractionComponent(props) {
-  var interaction = props.interaction,
-      visibleAt = props.visibleAt,
-      goToTimepoint = props.goToTimepoint,
-      selected = props.selected;
-
-  function onClick() {
-    goToTimepoint && goToTimepoint(visibleAt);
-  }
-  /**
-   * Don't have a cursor if there is no callback function.
-   * i.e. when rendered in a popup
-   */
-
-
-  var cursor = goToTimepoint ? 'cursor-pointer' : 'cursor-default';
-  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_4__["DivButton"], {
-    className: "py-2 outline-none ".concat(cursor),
-    onClick: onClick
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", {
-    className: "".concat(_interactive_questions_scss__WEBPACK_IMPORTED_MODULE_7___default.a.time, " ").concat(selected ? 'font-weight-bold' : '')
-  }, _libs_shared_src_utils_DurationHelper__WEBPACK_IMPORTED_MODULE_3__["DurationHelper"].ToDisplayDuration(visibleAt)), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", {
-    className: _interactive_questions_scss__WEBPACK_IMPORTED_MODULE_7___default.a.typeIcon,
-    style: {
-      backgroundImage: "url(".concat(interaction.type.icon, ")"),
-      backgroundColor: "#".concat(interaction.type.colour)
-    }
-  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", {
-    className: _interactive_questions_scss__WEBPACK_IMPORTED_MODULE_7___default.a.type
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("strong", null, interaction.type.name)), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", {
-    className: "".concat(_interactive_questions_scss__WEBPACK_IMPORTED_MODULE_7___default.a.question, " ").concat(selected ? 'font-weight-bold' : '')
-  }, interaction.typeId === _libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_2__["InteractionTypeId"].Annotation ? Object(_formatAnnotationText__WEBPACK_IMPORTED_MODULE_6__["formatAnnotationText"])(interaction.data.annotation) : interaction.name));
-}
-
-function TimepointComponent(props) {
-  var timepoint = props.timepoint,
-      selectedTimepointId = props.selectedTimepointId,
-      goToTimepoint = props.goToTimepoint,
-      scrollTo = props.scrollTo;
-  var ref = react__WEBPACK_IMPORTED_MODULE_0___default.a.useRef();
-  var selected = selectedTimepointId && selectedTimepointId.toString() === timepoint.id.toString();
-  react__WEBPACK_IMPORTED_MODULE_0___default.a.useEffect(function () {
-    if (!selected) return;
-    if (!ref.current) return;
-    var el = ref.current;
-    var rect = el.getBoundingClientRect();
-    var offset = rect.top - el.offsetParent.getBoundingClientRect().top;
-    scrollTo(offset, rect.height);
-  }, [selected]);
-  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    ref: ref
-  }, timepoint.interactions.map(function (interaction, i) {
-    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(InteractionComponent, {
-      interaction: interaction,
-      visibleAt: timepoint.visibleAt,
-      goToTimepoint: goToTimepoint,
-      selected: selected,
-      key: i
-    });
-  }));
-}
-
-function InteractiveQuestions(props) {
-  var interactive = props.interactive,
-      goToTimepoint = props.goToTimepoint,
-      selectedTimepointId = props.selectedTimepointId;
-  var ref = react__WEBPACK_IMPORTED_MODULE_0___default.a.useRef();
-
-  function scrollTo(offset, elHeight) {
-    if (!ref.current) return;
-    var height = ref.current.getClientHeight();
-    var scroll = ref.current.getScrollTop();
-    var elementFromTop = offset + scroll;
-    /**
-     * Element is above scroll window if it's distance from the top
-     * is less than the scroll
-     */
-
-    var isAboveScrollWindow = elementFromTop < scroll;
-    /**
-     * Element is beneath scroll window if it's distance from the top
-     * plus it's height is greater than the scroll plus the window height
-     */
-
-    var isBelowScrollWindow = elementFromTop + elHeight > scroll + height;
-    /**
-     * So we don't scroll if our element is visible
-     */
-
-    if (!isAboveScrollWindow && !isBelowScrollWindow) return;
-    /**
-     * If our element isn't visible, we want to try scroll so the element is
-     * centered in our viewport
-     */
-
-    ref.current.scrollTop(elementFromTop - height / 2 + elHeight / 2);
-  }
-
-  var borderClass = goToTimepoint ? 'border rounded' : '';
-  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_custom_scrollbars__WEBPACK_IMPORTED_MODULE_1__["Scrollbars"], {
-    autoHeight: true,
-    autoHeightMax: shared_constants_MinimumGlanceHeight__WEBPACK_IMPORTED_MODULE_5__["MINIMUM_GLANCE_HEIGHT"],
-    className: borderClass,
-    hideTracksWhenNotNeeded: true,
-    ref: ref
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: 'px-3 py-1'
-  }, interactive.timepoints.map(function (t, i) {
-    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(TimepointComponent, {
-      key: i,
-      timepoint: t,
-      goToTimepoint: goToTimepoint,
-      selectedTimepointId: selectedTimepointId,
-      scrollTo: scrollTo
-    });
-  })));
-}
-
-/***/ }),
-
-/***/ "./src/shared/components/interactive-questions/formatAnnotationText.ts":
-/*!*****************************************************************************!*\
-  !*** ./src/shared/components/interactive-questions/formatAnnotationText.ts ***!
-  \*****************************************************************************/
-/*! exports provided: formatAnnotationText */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "formatAnnotationText", function() { return formatAnnotationText; });
-function replacePTags(text) {
-  if (!text) return;
-  return text.replace(/<p>/g, '').replace(/<\/p>/g, '<br>');
-}
-
-function stripTags(text, items) {
-  if (!text || !items) return;
-  items.forEach(function (item) {
-    text = text.replace('<' + item + '>', '').replace('</' + item + '>', '');
-  });
-  return text;
-}
-
-function formatAnnotationText(text) {
-  if (!text) return;
-  text = stripTags(text, ['b', 'i', 'u', 'ul', 'li', 'old']);
-  text = replacePTags(text);
-  return text.split('<br>')[0] || 'Annotation';
-}
-
-/***/ }),
-
-/***/ "./src/shared/components/interactive-questions/interactive-questions.scss":
-/*!********************************************************************************!*\
-  !*** ./src/shared/components/interactive-questions/interactive-questions.scss ***!
-  \********************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-module.exports = {"time":"cv--time--30ibe","typeIcon":"cv--typeIcon--UMnFt","type":"cv--type--3uwxz","question":"cv--question--1FwXi"};
-
-/***/ }),
-
-/***/ "./src/shared/constants/MinimumGlanceHeight.ts":
-/*!*****************************************************!*\
-  !*** ./src/shared/constants/MinimumGlanceHeight.ts ***!
-  \*****************************************************/
-/*! exports provided: MINIMUM_GLANCE_HEIGHT */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MINIMUM_GLANCE_HEIGHT", function() { return MINIMUM_GLANCE_HEIGHT; });
-// 368 is the min height of Video at a glance which is defined as $glanceHeight in synopsis.scss
-var MINIMUM_GLANCE_HEIGHT = 368; // px
-
-/***/ }),
-
-/***/ "./src/shared/flight-requests/InteractiveRequests.ts":
-/*!***********************************************************!*\
-  !*** ./src/shared/flight-requests/InteractiveRequests.ts ***!
-  \***********************************************************/
-/*! exports provided: InteractiveRequests */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "InteractiveRequests", function() { return InteractiveRequests; });
-var InteractiveRequests = {
-  interactiveMetadata: function interactiveMetadata(id) {
-    return {
-      url: "/api/domain/v2/objects/".concat(id, "?query=video"),
-      key: "interactivemetadata:".concat(id)
-    };
-  },
-  interactive: function interactive(id) {
-    return {
-      url: "/api/domain/v1/interactives/".concat(id),
-      key: "interactive:".concat(id)
-    };
-  }
-};
-
-/***/ }),
-
-/***/ "./src/shared/views/preview-interactive/PreviewInteractiveView.tsx":
-/*!*************************************************************************!*\
-  !*** ./src/shared/views/preview-interactive/PreviewInteractiveView.tsx ***!
-  \*************************************************************************/
-/*! exports provided: PreviewInteractiveView */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PreviewInteractiveView", function() { return PreviewInteractiveView; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
-/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
-/* harmony import */ var _libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../libs/common/src/react/hooks/UseSetPageTitle */ "../../libs/common/src/react/hooks/UseSetPageTitle.ts");
-/* harmony import */ var _libs_shared_src_flight_requests_PlayerRequests__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../libs/shared/src/flight-requests/PlayerRequests */ "../../libs/shared/src/flight-requests/PlayerRequests.ts");
-/* harmony import */ var _libs_shared_src_flight_requests_ConfigRequests__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../libs/shared/src/flight-requests/ConfigRequests */ "../../libs/shared/src/flight-requests/ConfigRequests.ts");
-/* harmony import */ var _libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
-/* harmony import */ var _libs_shared_src_components_widgets_items_interactive_widget_item_InteractiveWidgetItem__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/widgets/items/interactive-widget-item/InteractiveWidgetItem */ "../../libs/shared/src/components/widgets/items/interactive-widget-item/InteractiveWidgetItem.tsx");
-/* harmony import */ var _libs_shared_src_components_widgets_fixed_widget__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/widgets/fixed-widget */ "../../libs/shared/src/components/widgets/fixed-widget/index.ts");
-/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
-/* harmony import */ var _libs_shared_src_enums_WidgetContents__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../../libs/shared/src/enums/WidgetContents */ "../../libs/shared/src/enums/WidgetContents.ts");
-/* harmony import */ var _player_src_react_InteractivePlayer__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../../player/src/react/InteractivePlayer */ "../player/src/react/InteractivePlayer.tsx");
-/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
-/* harmony import */ var shared_components_interactive_questions_InteractiveQuestions__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! shared/components/interactive-questions/InteractiveQuestions */ "./src/shared/components/interactive-questions/InteractiveQuestions.tsx");
-/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
-/* harmony import */ var shared_flight_requests_InteractiveRequests__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! shared/flight-requests/InteractiveRequests */ "./src/shared/flight-requests/InteractiveRequests.ts");
-/* harmony import */ var shared_flight_requests_VideoRequests__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! shared/flight-requests/VideoRequests */ "./src/shared/flight-requests/VideoRequests.ts");
-/* harmony import */ var _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../../../../../libs/common/src/react/utils/TextHelper */ "../../libs/common/src/react/utils/TextHelper.ts");
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { 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 _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var namespace = 'shared.previewInteractive';
-var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].encloseNamespace(namespace);
-function PreviewInteractiveView(props) {
-  var _a, _b, _c, _d;
-
-  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__["useState"](null),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      timepointId = _React$useState2[0],
-      setTimepointId = _React$useState2[1];
-
-  var playerRef = react__WEBPACK_IMPORTED_MODULE_0__["useRef"]();
-  var config = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_1__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_ConfigRequests__WEBPACK_IMPORTED_MODULE_5__["ConfigRequests"].config());
-  var interactiveMetadata = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_1__["Flight"].useBasicFetch(shared_flight_requests_InteractiveRequests__WEBPACK_IMPORTED_MODULE_15__["InteractiveRequests"].interactiveMetadata(props.id));
-  var video = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_1__["Flight"].useBasicFetch(interactiveMetadata.data ? shared_flight_requests_VideoRequests__WEBPACK_IMPORTED_MODULE_16__["VideoRequests"].video(interactiveMetadata.data.video.id) : null);
-  var viewKey = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_1__["Flight"].useBasicFetch(interactiveMetadata.data ? _libs_shared_src_flight_requests_PlayerRequests__WEBPACK_IMPORTED_MODULE_4__["PlayerRequests"].createViewKey(interactiveMetadata.data.id) : null);
-  var interactive = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_1__["Flight"].useBasicFetch(interactiveMetadata.data ? shared_flight_requests_InteractiveRequests__WEBPACK_IMPORTED_MODULE_15__["InteractiveRequests"].interactive(interactiveMetadata.data.interactiveId) : null);
-  Object(_libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_3__["useSetPageTitle"])((_a = interactiveMetadata.data) === null || _a === void 0 ? void 0 : _a.name);
-
-  function goToTimepoint(visibleAt) {
-    if (!playerRef.current) return;
-    playerRef.current.currentTime(visibleAt / 1000);
-  }
-
-  function onTimepointChange(id) {
-    setTimepointId(id);
-  }
-
-  function onReady(player) {
-    playerRef.current = player;
-  }
-
-  if (!viewKey.data || !config.data || !interactiveMetadata.data || !interactive.data || !video.data) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
-  var otherInteractives = (_c = (_b = video.data.interactives) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.filter(function (i) {
-    return i.id.toString() !== props.id.toString();
-  });
-  var videoAppLink = {
-    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_14__["AppChannels"].DEFAULT,
-    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_12__["Actions"].Default.PLAY_VIDEO,
-    args: [video.data.id, _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_17__["TextHelper"].slugify(video.data.name)]
-  };
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_9__["LanguageNamespaceContext"].Provider, {
-    value: namespace
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: 'mb-3'
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_player_src_react_InteractivePlayer__WEBPACK_IMPORTED_MODULE_11__["ClickViewInteractivePlayer"], {
-    viewKey: viewKey.data.viewKey,
-    playerApi: new URL(config.data.playerApiUrl),
-    hotkeyElQuerySelector: 'body',
-    autoplay: true,
-    onTimepointChange: onTimepointChange,
-    onReady: onReady
-  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: 'd-flex justify-content-between align-items-center pb-3'
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h1", {
-    className: 'h3 d-inline-block m-0'
-  }, interactiveMetadata.data.name), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_9__["Text"], {
-    phrase: 'backTo'
-  }), ": ", react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_6__["AppLink"], {
-    appLink: videoAppLink,
-    className: 'text-info'
-  }, interactiveMetadata.data.video.name)))), interactiveMetadata.data.description && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", null, interactiveMetadata.data.description), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h2", {
-    className: 'h4'
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_9__["Text"], {
-    phrase: 'interactiveQuestions'
-  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](shared_components_interactive_questions_InteractiveQuestions__WEBPACK_IMPORTED_MODULE_13__["InteractiveQuestions"], {
-    interactive: interactive.data,
-    selectedTimepointId: timepointId,
-    goToTimepoint: goToTimepoint
-  }), !!((_d = otherInteractives) === null || _d === void 0 ? void 0 : _d.length) && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: 'my-3'
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_widgets_fixed_widget__WEBPACK_IMPORTED_MODULE_8__["FixedWidget"], {
-    name: getPhrase('otherInteractives', {
-      count: otherInteractives.length
-    }),
-    contents: _libs_shared_src_enums_WidgetContents__WEBPACK_IMPORTED_MODULE_10__["WidgetContents"].Interactives,
-    collection: otherInteractives,
-    prefetched: true,
-    childAppLink: {
-      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_14__["AppChannels"].DEFAULT,
-      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_12__["Actions"].Default.PREVIEW_INTERACTIVE
-    },
-    childComponent: function childComponent(itemProps) {
-      return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_widgets_items_interactive_widget_item_InteractiveWidgetItem__WEBPACK_IMPORTED_MODULE_7__["InteractiveWidgetItem"], Object.assign({
-        video: video.data,
-        questionsAppLink: {
-          application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_14__["AppChannels"].DEFAULT,
-          action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_12__["Actions"].Default.PREVIEW_QUESTIONS
-        }
-      }, itemProps));
-    },
-    analyticsData: {
-      widgetId: 'interactives'
-    }
-  })));
-}
-
-/***/ })
-
-}]);
-//# sourceMappingURL=22.chunk.js.map