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

package/dist/scripts/22.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["file://C:/ClickView/front-end/clickview/packages/libs/shared/src/components/video-owner-text/VideoOwnerText.tsx","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/components/widgets/fixed-widget/index.ts","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/components/widgets/items/interactive-widget-item/InteractiveWidgetItem.tsx","webpack://@clickview/lite/C:/ClickView/front-end/clickview/packages/libs/shared/src/components/widgets/items/interactive-widget-item/interactive-widget-item.scss?ff5e","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/flight-requests/PlayerRequests.ts","file://C:/ClickView/front-end/clickview/packages/projects/player/src/players/interactive-player.ts","file://C:/ClickView/front-end/clickview/packages/projects/player/src/plugins/interactive-plugin/components/create-components/create-components.ts","webpack://@clickview/lite/../player/src/plugins/interactive-plugin/components/create-components/create-short-answer.ts/create-short-answer.scss?0a97","file://C:/ClickView/front-end/clickview/packages/projects/player/src/plugins/interactive-plugin/components/create-components/create-short-answer.ts/create-short-answer.tsx","file://C:/ClickView/front-end/clickview/packages/projects/player/src/plugins/interactive-plugin/components/create-components/create-type-selector/create-type-selector.scss","file://C:/ClickView/front-end/clickview/packages/projects/player/src/plugins/interactive-plugin/components/create-components/create-type-selector/create-type-selector.tsx","file://C:/ClickView/front-end/clickview/packages/projects/player/src/plugins/interactive-plugin/components/feedback/feedback.tsx","file://C:/ClickView/front-end/clickview/packages/projects/player/src/plugins/interactive-plugin/components/incomplete-alert/incomplete-alert.tsx","webpack://@clickview/lite/../player/src/plugins/interactive-plugin/components/interactive/interactive-component.scss?3482","file://C:/ClickView/front-end/clickview/packages/projects/player/src/plugins/interactive-plugin/components/interactive/interactive-component.tsx","webpack://@clickview/lite/../player/src/plugins/interactive-plugin/components/seek-bar/interactive-bar-item.scss?695b","file://C:/ClickView/front-end/clickview/packages/projects/player/src/plugins/interactive-plugin/components/seek-bar/interactive-bar-item.ts","webpack://@clickview/lite/../player/src/plugins/interactive-plugin/components/seek-bar/interactive-bar-items.scss?cf32","file://C:/ClickView/front-end/clickview/packages/projects/player/src/plugins/interactive-plugin/components/seek-bar/interactive-bar-items.ts","webpack://@clickview/lite/../player/src/plugins/interactive-plugin/components/timepoint/timepoint-component.scss?523c","file://C:/ClickView/front-end/clickview/packages/projects/player/src/plugins/interactive-plugin/components/timepoint/timepoint-component.tsx","file://C:/ClickView/front-end/clickview/packages/projects/player/src/plugins/interactive-plugin/components/view-components/annotation/annotation-interaction.tsx","webpack://@clickview/lite/../player/src/plugins/interactive-plugin/components/view-components/image/image-interaction.scss?39e9","file://C:/ClickView/front-end/clickview/packages/projects/player/src/plugins/interactive-plugin/components/view-components/image/image-interaction.tsx","file://C:/ClickView/front-end/clickview/packages/projects/player/src/plugins/interactive-plugin/components/view-components/missing-word/missing-word-interaction.tsx","webpack://@clickview/lite/../player/src/plugins/interactive-plugin/components/view-components/multiple-choice/multiple-choice-interaction.scss?6095","file://C:/ClickView/front-end/clickview/packages/projects/player/src/plugins/interactive-plugin/components/view-components/multiple-choice/multiple-choice-interaction.tsx","file://C:/ClickView/front-end/clickview/packages/projects/player/src/plugins/interactive-plugin/components/view-components/short-answer/short-answer-interaction.tsx","file://C:/ClickView/front-end/clickview/packages/projects/player/src/plugins/interactive-plugin/components/view-components/view-components.ts","webpack://@clickview/lite/../player/src/plugins/interactive-plugin/components/view-components/view-interaction-heading/view-interaction-heading.scss?187d","file://C:/ClickView/front-end/clickview/packages/projects/player/src/plugins/interactive-plugin/components/view-components/view-interaction-heading/view-interaction-heading.tsx","file://C:/ClickView/front-end/clickview/packages/projects/player/src/plugins/interactive-plugin/interactive-plugin.ts","file://C:/ClickView/front-end/clickview/packages/projects/player/src/plugins/interactive-plugin/interfaces/InteractiveMode.ts","file://C:/ClickView/front-end/clickview/packages/projects/player/src/plugins/interactive-plugin/interfaces/index.ts","file://C:/ClickView/front-end/clickview/packages/projects/player/src/plugins/interactive-plugin/utils/getInteractionComponents.ts","file://C:/ClickView/front-end/clickview/packages/projects/player/src/plugins/interactive-plugin/utils/getInteractionStateId.ts","file://C:/ClickView/front-end/clickview/packages/projects/player/src/plugins/interactive-plugin/utils/getSubmissionFunction.ts","file://C:/ClickView/front-end/clickview/packages/projects/player/src/plugins/interactive-plugin/utils/getTimepointStateId.ts","file://C:/ClickView/front-end/clickview/packages/projects/player/src/plugins/interactive-plugin/utils/getValidationFunction.ts","file://C:/ClickView/front-end/clickview/packages/projects/player/src/plugins/interactive-plugin/utils/useInteractiveTrack.ts","file://C:/ClickView/front-end/clickview/packages/projects/player/src/react/InteractivePlayer.tsx","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/shared/components/interactive-questions/InteractiveQuestions.tsx","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/shared/components/interactive-questions/formatAnnotationText.ts","webpack://@clickview/lite/./src/shared/components/interactive-questions/interactive-questions.scss?610b","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/shared/constants/MinimumGlanceHeight.ts","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/shared/flight-requests/InteractiveRequests.ts","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/shared/views/preview-interactive/PreviewInteractiveView.tsx"],"names":[],"mappings":"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AI;AAC5B;AACA;AACA;AACA,KAAK;AACL;;AAEA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;;AAEA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA,GAAG;AACH;;AAE2C;AACgC;AACjB;AACnD,gCAAgC,uDAAU;AACjD;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,KAAK;;AAEL;AACA;;AAEA;;AAEA,gCAAgC,sFAAe;AAC/C;AACA;AACA;AACA,WAAW;AACX,gBAAgB,sFAAe;AAC/B;AACA,SAAS;AACT;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT,OAAO;AACP;AACA;AACA,cAAc,sFAAe;AAC7B,OAAO;AACP;AACA,KAAK;AACL;;AAEA;AACA;AACA;AACA;AACA,KAAK;AACL;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA,C;;;;;;;;;;;;ACpGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAoF;AACqC;AACzH;AACA,GAAG,6EAAiB;AACpB,GAAG,6EAAiB;AACpB,GAAG,6EAAiB;AACpB,GAAG,6EAAiB;AACpB,GAAG,6EAAiB,eAAe,6FAAiB;AACpD;AACO;AACP;AACA;AACA;AACA,GAAG,6EAAiB;AACpB,GAAG,6EAAiB;AACpB,GAAG,6EAAiB;AACpB,GAAG,6EAAiB;AACpB,GAAG,6EAAiB,eAAe,+FAAmB;AACtD,GAAG,6EAAiB;AACpB;AACO;AACP;AACA;AACA;AACA,GAAG,6EAAiB;AACpB,GAAG,6EAAiB;AACpB,GAAG,6EAAiB;AACpB,GAAG,6EAAiB;AACpB,GAAG,6EAAiB,eAAe,6FAAiB;AACpD,GAAG,6EAAiB;AACpB;AACO;AACP;AACA,C;;;;;;;;;;;ACjCA,uC;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAA0B;AACU;AAC7B;AACP;AACA;AACO;AACP;AACA;AACA;AACA;AACA,KAAK;AACL,GAAG;AACH;AACO;AACP;AACA;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","file":"scripts/22.chunk.js","sourcesContent":["import React from 'react';\r\nimport { User } from 'libs/shared/interfaces';\r\n\r\ninterface VideoOwnerTextProps {\r\n  owner: User;\r\n}\r\n\r\nexport function VideoOwnerText(props: VideoOwnerTextProps): JSX.Element {\r\n  if (!props.owner)\r\n    return <></>;\r\n\r\n  let name = props.owner.name;\r\n\r\n  if (props.owner.surname)\r\n    name += ` ${props.owner.surname.substr(0, 1)}`.toUpperCase();\r\n\r\n  const customer = props.owner.customers?.data?.[0];\r\n  const customerName = customer?.name ?? '';\r\n\r\n  if (customerName)\r\n    name += ', ';\r\n\r\n  return (\r\n    <small className='clamp-1'>\r\n      {name}\r\n      {customerName && <em>{customerName}</em>}\r\n      {/* TODO: Display a cv icon */}\r\n      {customerName === 'ClickView' && <>CV Icon</>}\r\n    </small>\r\n  );\r\n}","export * from './FixedWidget';\r\nexport * from './FixedWidgetReducer';\r\nexport * from './PartialFixedWidget';","import React from 'react';\r\n\r\nimport { Core } from 'libs/common/core';\r\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\r\n\r\nimport { InteractiveMetadata, Video } from 'libs/shared/interfaces';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\nimport { VideoThumbnail } from 'libs/shared/components/thumbnails/video/VideoThumbnail';\r\nimport { ThumbnailTextPosition } from 'libs/shared/enums/ThumbnailTextPosition';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\nimport { VideoOwnerText } from 'libs/shared/components/video-owner-text/VideoOwnerText';\r\nimport { ImageSize } from 'libs/shared/enums/Images';\r\n\r\nimport styles from './interactive-widget-item.scss';\r\n\r\n\r\nconst namespace = 'shared.interactiveWidgetItem';\r\n\r\nexport interface InteractiveWidgetItemProps {\r\n  video: Video;\r\n  data: InteractiveMetadata;\r\n  appLink: Core.AppLink;\r\n  questionsAppLink: Core.AppLink;\r\n}\r\n\r\nexport const InteractiveWidgetItem = React.memo(function(props: InteractiveWidgetItemProps): JSX.Element {\r\n  const interactiveAppLink: Core.AppLink = {\r\n    ...props.appLink,\r\n    args: [ props.data.id, TextHelper.slugify(props.data.name) ]\r\n  };\r\n\r\n  const questionsAppLink: Core.AppLink = {\r\n    ...props.questionsAppLink,\r\n    args: [props.data.id]\r\n  };\r\n\r\n  return (\r\n    <div className={`flex-shrink-0 px-1 ${styles.item}`}>\r\n      <div className='row m-0 border rounded p-2 h-100'>\r\n        <div className='col-6 p-0'>\r\n          <VideoThumbnail\r\n            video={props.video}\r\n            interactive={props.data}\r\n            appLink={interactiveAppLink}\r\n            type='static'\r\n            videoType='interactive'\r\n            imageOptions={{ size: ImageSize.Small }}\r\n            textPosition={ThumbnailTextPosition.Independent}\r\n            preload\r\n          />\r\n        </div>\r\n\r\n        <div className='col-6 p-0'>\r\n          <div className='pl-3'>\r\n            <AppLink appLink={interactiveAppLink}>\r\n              <h3 className='h6 mb-1 clamp-2'>{props.data.name}</h3>\r\n            </AppLink>\r\n\r\n            <VideoOwnerText owner={props.data.owner} />\r\n\r\n            <AppLink className='info-link' appLink={questionsAppLink}>\r\n              <Text namespace={namespace} phrase='previewQuestions' />\r\n            </AppLink>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n});\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"item\":\"cv--item--2An5o\",\"thumbnail\":\"cv--thumbnail--Wvc5s\",\"smallItemIconWidth\":\"cv--smallItemIconWidth--2IdDd\",\"smallItemInfoWidth\":\"cv--smallItemInfoWidth--1Iat7\",\"smallProgressBarContainer\":\"cv--smallProgressBarContainer--17I8T\"};","import { Flight } from 'libs/common/flight';\r\nimport { HttpVerbs } from 'libs/common/backbone/enums/HttpVerbs';\r\n\r\nexport const PlayerRequests = {\r\n  createViewKey(id: string): Flight.Request {\r\n    return {\r\n      url: `/api/player/create-view-key`,\r\n      key: `view:key:${id}`,\r\n      type: HttpVerbs.POST,\r\n      data: {\r\n        mediaId: id.toString()\r\n      }\r\n    };\r\n  }\r\n};","var __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, generator) {\n  function adopt(value) {\n    return value instanceof P ? value : new P(function (resolve) {\n      resolve(value);\n    });\n  }\n\n  return new (P || (P = Promise))(function (resolve, reject) {\n    function fulfilled(value) {\n      try {\n        step(generator.next(value));\n      } catch (e) {\n        reject(e);\n      }\n    }\n\n    function rejected(value) {\n      try {\n        step(generator[\"throw\"](value));\n      } catch (e) {\n        reject(e);\n      }\n    }\n\n    function step(result) {\n      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);\n    }\n\n    step((generator = generator.apply(thisArg, _arguments || [])).next());\n  });\n};\n\nimport { BasePlayer } from './base-player';\nimport { InteractiveMode } from \"../plugins/interactive-plugin/interfaces\";\nimport \"../plugins/interactive-plugin/interactive-plugin\";\nexport class InteractivePlayer extends BasePlayer {\n  constructor(id, options) {\n    super(id, options);\n    this.onCueChange = this.onCueChange.bind(this);\n  }\n\n  additionalSetup(playbackObject) {\n    const _super = Object.create(null, {\n      additionalSetup: {\n        get: () => super.additionalSetup\n      }\n    });\n\n    return __awaiter(this, void 0, void 0, function* () {\n      _super.additionalSetup.call(this, playbackObject);\n\n      this.track = this.player.addTextTrack('metadata', 'interactive');\n\n      if (this.options.mode === InteractiveMode.Create) {\n        this.player.viewInteractivePlugin({\n          interactive: {\n            id: Math.round(Math.random() * Number.MAX_SAFE_INTEGER).toString()\n          },\n          mode: InteractiveMode.Create,\n          track: this.track\n        });\n        return;\n      }\n\n      const interactive = playbackObject.additionalData;\n      interactive.timepoints.forEach(t => {\n        const startTime = t.visibleAt / 1000;\n        const endTime = t.visibleFor ? startTime + t.visibleFor / 1000 : startTime + 1;\n        this.track.addCue({\n          startTime,\n          endTime,\n          text: t.id\n        });\n      });\n      this.player.viewInteractivePlugin({\n        interactive,\n        mode: InteractiveMode.View\n      });\n      if (this.options.onTimepointChange) this.bindCueChange();\n    });\n  }\n\n  bindCueChange() {\n    this.track.addEventListener('cuechange', this.onCueChange);\n    this.player.on('dispose', () => {\n      this.track.removeEventListener('cuechange', this.onCueChange);\n    });\n  }\n\n  onCueChange() {\n    const activeCues = this.track.activeCues;\n\n    if (!activeCues || !activeCues.length) {\n      this.options.onTimepointChange(null);\n      return;\n    }\n\n    this.options.onTimepointChange(activeCues[0].text);\n  }\n\n}","import { InteractionTypeId } from \"../../../../../../../libs/shared/src/interfaces\";\nimport { CreateShortAnswer, SubmitShortAnswer, ValidateShortAnswer } from './create-short-answer.ts/create-short-answer';\nconst QuestionLookup = {\n  [InteractionTypeId.Annotation]: null,\n  [InteractionTypeId.Image]: null,\n  [InteractionTypeId.MissingWord]: null,\n  [InteractionTypeId.MultipleChoice]: null,\n  [InteractionTypeId.ShortAnswer]: CreateShortAnswer\n};\nexport function getCreateComponent(typeId) {\n  return QuestionLookup[typeId];\n}\nconst ValidationLookup = {\n  [InteractionTypeId.Annotation]: null,\n  [InteractionTypeId.Image]: null,\n  [InteractionTypeId.MissingWord]: null,\n  [InteractionTypeId.MultipleChoice]: null,\n  [InteractionTypeId.ShortAnswer]: ValidateShortAnswer,\n  [InteractionTypeId.TrueOrFalse]: null\n};\nexport function getCreateValidation(typeId) {\n  return ValidationLookup[typeId];\n}\nconst SubmissionLookup = {\n  [InteractionTypeId.Annotation]: null,\n  [InteractionTypeId.Image]: null,\n  [InteractionTypeId.MissingWord]: null,\n  [InteractionTypeId.MultipleChoice]: null,\n  [InteractionTypeId.ShortAnswer]: SubmitShortAnswer,\n  [InteractionTypeId.TrueOrFalse]: null\n};\nexport function getCreateSubmit(typeId) {\n  return SubmissionLookup[typeId];\n}","// extracted by mini-css-extract-plugin","import React from 'react';\nimport './create-short-answer.scss';\nexport function ValidateShortAnswer(state) {\n  return !!state.text;\n}\nexport function SubmitShortAnswer(state, interaction) {\n  return new Promise(resolve => {\n    window.setTimeout(() => {\n      interaction.data.text = state.text;\n      resolve();\n    }, 200);\n  });\n}\nexport function CreateShortAnswer(props) {\n  const {\n    state,\n    setState,\n    interaction\n  } = props;\n\n  function onChange(event) {\n    setState(Object.assign(Object.assign({}, state), {\n      text: event.target.value\n    }));\n  }\n\n  return React.createElement(\"div\", {\n    className: 'cv-create-short-answer'\n  }, React.createElement(\"h2\", {\n    className: 'font-body'\n  }, \"Create Short Answer\"), React.createElement(\"textarea\", {\n    className: 'form-control',\n    rows: 3,\n    onChange: onChange,\n    value: state.text || interaction.data.text\n  }));\n}","// extracted by mini-css-extract-plugin","import React from 'react';\nimport { InteractionTypeId } from \"../../../../../../../../libs/shared/src/interfaces\";\nimport './create-type-selector.scss';\nconst interactionTypes = [{\n  name: 'Annotation',\n  type: InteractionTypeId.Annotation\n}, {\n  name: 'Image',\n  type: InteractionTypeId.Image\n}, {\n  name: 'MissingWord',\n  type: InteractionTypeId.MissingWord\n}, {\n  name: 'MultipleChoice',\n  type: InteractionTypeId.MultipleChoice\n}, {\n  name: 'ShortAnswer',\n  type: InteractionTypeId.ShortAnswer\n}, {\n  name: 'TrueOrFalse',\n  type: InteractionTypeId.TrueOrFalse\n}];\nexport function CreateTypeSelector(props) {\n  const {\n    onTypeSelected\n  } = props;\n  return React.createElement(\"div\", {\n    className: 'cv-interactive-type-selector'\n  }, interactionTypes.map((interaction, index) => {\n    return React.createElement(\"a\", {\n      key: index,\n      className: 'btn btn-info',\n      onClick: () => onTypeSelected(interaction.type)\n    }, interaction.name);\n  }));\n}","import React from 'react';\nexport function Feedback(props) {\n  const {\n    correct,\n    showFeedback\n  } = props;\n  if (!showFeedback) return React.createElement(React.Fragment, null);\n  return React.createElement(React.Fragment, null, correct ? React.createElement(\"div\", {\n    className: 'alert alert-success'\n  }, \"Correct\") : React.createElement(\"div\", {\n    className: 'alert alert-danger'\n  }, \"Incorrect\"));\n}","import React from 'react';\nexport function IncompleteAlert() {\n  return React.createElement(\"div\", {\n    className: 'alert alert-info mt-3',\n    role: 'alert'\n  }, \"Psst, you haven't attempted this question yet. You can continue to watch the video and answer the question later if you like.\");\n}","// extracted by mini-css-extract-plugin","import React from 'react';\nimport SimpleBar from 'simplebar-react';\nimport videojs from 'video.js';\nimport { getReactComponent } from \"../../../../react/react-component\";\nimport { useInteractiveTrack } from \"../../utils/useInteractiveTrack\";\nimport { InteractiveMode } from \"../../interfaces/InteractiveMode\";\nimport { initialTimepointState, TimepointComponent } from \"../timepoint/timepoint-component\";\nimport { getTimepointStateId } from \"../../utils/getTimepointStateId\";\nimport { CreateTypeSelector } from \"../create-components/create-type-selector/create-type-selector\";\nimport './interactive-component.scss';\n\nfunction interactiveReducer(state, action) {\n  return Object.assign(Object.assign({}, state), {\n    [action.key]: action.value\n  });\n}\n\nfunction InteractiveComponent(props) {\n  const {\n    player,\n    track,\n    mode,\n    interactive\n  } = props;\n  const [state, dispatch] = React.useReducer(interactiveReducer, {});\n  const {\n    open,\n    timepoint,\n    continueInteractive\n  } = useInteractiveTrack({\n    player,\n    track,\n    interactive,\n    mode\n  });\n  const ref = React.useRef();\n\n  function recalulateScroll() {\n    ref.current.recalculate();\n  }\n\n  function onTypeSelected(typeId) {\n    player.pause();\n    const currentTime = player.currentTime();\n    const timePointId = Math.round(Math.random() * Number.MAX_SAFE_INTEGER).toString();\n    if (!interactive.timepoints) interactive.timepoints = [];\n    interactive.timepoints.push({\n      id: timePointId,\n      visibleAt: currentTime * 1000,\n      interactiveId: interactive.id,\n      shouldPause: 1,\n      interactions: [{\n        id: Math.round(Math.random() * Number.MAX_SAFE_INTEGER).toString(),\n        typeId: typeId,\n        type: {\n          id: typeId,\n          name: '',\n          colour: '',\n          icon: ''\n        },\n        timepointId: timePointId,\n        order: 0,\n        interactiveId: interactive.id,\n        data: {}\n      }]\n    });\n    track.addCue({\n      startTime: currentTime,\n      endTime: currentTime + 1,\n      text: timePointId\n    });\n  }\n\n  return React.createElement(\"div\", {\n    className: 'cv-interactive-container'\n  }, React.createElement(\"div\", {\n    className: `cv-interactive ${open ? 'cv-open' : ''}`\n  }, React.createElement(SimpleBar, {\n    style: {\n      height: '100%'\n    },\n    ref: ref\n  }, !timepoint && mode === InteractiveMode.Create && React.createElement(CreateTypeSelector, {\n    onTypeSelected: onTypeSelected\n  }), !!timepoint && React.createElement(TimepointComponent, {\n    timepoint: timepoint,\n    continueInteractive: continueInteractive,\n    immediateFeedback: interactive.immediateFeedback,\n    mode: mode,\n    state: state,\n    dispatch: dispatch,\n    recalculateScroll: recalulateScroll,\n    timepointState: state[getTimepointStateId(timepoint)] || initialTimepointState\n  }))));\n}\n\nvideojs.registerComponent('Interactive', getReactComponent((player, options) => React.createElement(InteractiveComponent, Object.assign({\n  player: player\n}, options))));","// extracted by mini-css-extract-plugin","import videojs from 'video.js';\nimport './interactive-bar-item.scss';\nconst Component = videojs.getComponent('Button');\nexport class InteractiveBarItem extends Component {\n  constructor(player, options) {\n    super(player, options);\n    this.timepoint_ = options.timepoint;\n    this.time_ = options.timepoint.visibleAt / 1000;\n    const firstInteraction = options.timepoint.interactions[0]; // if we have no interaction, hide this timepoint\n\n    if (!firstInteraction) this.hide();\n    this.setColour(firstInteraction.type.colour); // set the control text to the interaction name for screen readers\n\n    this.controlText(firstInteraction.name);\n    this.update();\n  }\n\n  buildCSSClass() {\n    return `cv-interactive-bar-item ${super.buildCSSClass()}`;\n  }\n\n  createEl(tagName, properties, attributes) {\n    const el = super.createEl(tagName, Object.assign(Object.assign({}, properties), {\n      className: this.buildCSSClass()\n    }), attributes);\n    return el;\n  }\n\n  update() {\n    const duration = this.player_.duration();\n    const width = this.time_ / duration;\n    this.el().style.left = width * 100 + '%'; // hide items outside of bounds\n\n    if (width > 100 || width < 0) this.hide();else this.show();\n  }\n\n  handleClick(e) {\n    e.stopPropagation();\n    this.player_.currentTime(this.time_);\n  }\n\n  setColour(colour) {\n    this.el().querySelector('.vjs-icon-placeholder').style.backgroundColor = '#' + colour;\n  }\n\n}","// extracted by mini-css-extract-plugin","import videojs from 'video.js';\nimport { InteractiveBarItem } from './interactive-bar-item';\nimport './interactive-bar-items.scss';\nconst Component = videojs.getComponent('Component');\nexport class InteractiveBarItems extends Component {\n  constructor(player, options) {\n    super(player, options);\n    this.track_ = options.track;\n    this.interactive_ = options.interactive;\n    this.onDurationChange = this.onDurationChange.bind(this);\n    this.createInteractionItems = this.createInteractionItems.bind(this);\n    this.createInteractionItems();\n    this.player_.on('durationchange', this.onDurationChange);\n    this.player_.on('dispose', () => {\n      this.player_.off('durationchange', this.onDurationChange);\n    });\n  }\n\n  buildCSSClass() {\n    return `cv-interactive-bar-items ${super.buildCSSClass()}`;\n  }\n\n  createEl(tagName, properties, attributes) {\n    return super.createEl(tagName, Object.assign(Object.assign({}, properties), {\n      className: this.buildCSSClass()\n    }), attributes);\n  }\n\n  update() {\n    this.children_.forEach(child => {\n      child.update();\n    });\n  }\n\n  createInteractionItems() {\n    if (!this.track_) return; // remove all existing children\n\n    this.children_.forEach(child => {\n      this.removeChild(child);\n    });\n\n    for (let i = 0; i < this.track_.cues.length; i++) {\n      const cue = this.track_.cues[i];\n      const timepoint = this.getTimepointById(cue.text);\n      if (!timepoint) continue;\n      this.addChild(new InteractiveBarItem(this.player_, {\n        timepoint: timepoint\n      }));\n    }\n  }\n\n  onDurationChange() {\n    this.update();\n  }\n\n  getTimepointById(id) {\n    var _a;\n\n    return (_a = this.interactive_.timepoints) === null || _a === void 0 ? void 0 : _a.find(t => t.id === id);\n  }\n\n}","// extracted by mini-css-extract-plugin","import React from 'react';\nimport { IncompleteAlert } from \"../incomplete-alert/incomplete-alert\";\nimport { InteractionTypeId } from \"../../../../../../../libs/shared/src/interfaces\";\nimport { getValidationFunction } from \"../../utils/getValidationFunction\";\nimport { getSubmissionFunction } from \"../../utils/getSubmissionFunction\";\nimport { getInteractionComponent } from \"../../utils/getInteractionComponents\";\nimport { getTimepointStateId } from \"../../utils/getTimepointStateId\";\nimport { getInteractionStateId } from \"../../utils/getInteractionStateId\";\nimport './timepoint-component.scss';\n\nfunction shouldShowFeedback(timepoint) {\n  return timepoint.interactions.some(i => {\n    return i.typeId === InteractionTypeId.MissingWord || i.typeId === InteractionTypeId.MultipleChoice || i.typeId === InteractionTypeId.TrueOrFalse;\n  });\n}\n\nexport const initialTimepointState = {\n  isValid: true,\n  submitted: false,\n  preview: false\n};\nexport function TimepointComponent(props) {\n  const {\n    timepoint,\n    continueInteractive,\n    mode,\n    state,\n    dispatch,\n    recalculateScroll,\n    timepointState,\n    immediateFeedback\n  } = props;\n\n  function onClickContinue() {\n    if (timepointState.submitted) {\n      continueInteractive();\n      return;\n    }\n\n    const isValid = !timepoint.interactions.some(i => {\n      const validate = getValidationFunction(i.typeId, mode);\n      return !validate(state[getInteractionStateId(i)] || {}, i);\n    });\n\n    if (!isValid) {\n      dispatch({\n        key: getTimepointStateId(timepoint),\n        value: Object.assign(Object.assign({}, timepointState), {\n          isValid: false\n        })\n      });\n      return;\n    } // TODO: Spinner button + state\n\n\n    const promises = timepoint.interactions.map(i => {\n      const submit = getSubmissionFunction(i.typeId, mode);\n      return submit(state[getInteractionStateId(i)] || {}, i);\n    });\n    Promise.all(promises).then(() => {\n      dispatch({\n        key: getTimepointStateId(timepoint),\n        value: Object.assign(Object.assign({}, timepointState), {\n          submitted: true,\n          isValid: true\n        })\n      });\n      if (!immediateFeedback || !shouldShowFeedback(timepoint)) continueInteractive();\n    });\n  }\n\n  return React.createElement(\"div\", {\n    className: 'cv-timepoint'\n  }, React.createElement(\"div\", null, timepoint.interactions.map((interaction, index) => {\n    const Question = getInteractionComponent(interaction.type.id, mode);\n    return React.createElement(Question, {\n      interaction: interaction,\n      state: state[getInteractionStateId(interaction)] || {},\n      setState: value => dispatch({\n        key: getInteractionStateId(interaction),\n        value\n      }),\n      key: index,\n      recalculateScroll: recalculateScroll,\n      showFeedback: timepointState.submitted\n    });\n  }), !timepointState.isValid && React.createElement(IncompleteAlert, null)), React.createElement(\"div\", {\n    className: 'cv-timpoint-button-container'\n  }, !timepointState.isValid && React.createElement(\"a\", {\n    className: 'btn btn-secondary',\n    onClick: continueInteractive\n  }, \"Come back later\"), React.createElement(\"a\", {\n    className: 'btn btn-info ml-2',\n    onClick: onClickContinue\n  }, \"Save & Continue\")));\n}","import React from 'react';\nimport { ViewInteractionHeading } from \"../view-interaction-heading/view-interaction-heading\";\nexport function AnnotationInteraction(props) {\n  const {\n    interaction\n  } = props;\n  return React.createElement(\"div\", {\n    className: 'cv-interactive-question'\n  }, React.createElement(ViewInteractionHeading, {\n    interaction: interaction\n  }), React.createElement(\"div\", {\n    dangerouslySetInnerHTML: {\n      __html: props.interaction.data.annotation\n    }\n  }));\n}","// extracted by mini-css-extract-plugin","import React from 'react';\nimport { ViewInteractionHeading } from \"../view-interaction-heading/view-interaction-heading\";\nimport './image-interaction.scss';\nexport function ImageInteraction(props) {\n  const {\n    interaction,\n    recalculateScroll\n  } = props;\n  const ref = React.useCallback(node => {\n    if (!node) return;\n\n    node.onload = () => {\n      recalculateScroll();\n    };\n  }, []);\n  return React.createElement(\"div\", {\n    className: 'cv-interactive-question cv-image-interactive'\n  }, React.createElement(ViewInteractionHeading, {\n    interaction: interaction\n  }), React.createElement(\"div\", {\n    className: 'cv-image-container'\n  }, React.createElement(\"img\", {\n    className: 'img-fluid',\n    src: interaction.data.url,\n    ref: ref\n  })));\n}","var __rest = this && this.__rest || function (s, e) {\n  var t = {};\n\n  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n\nimport React from 'react';\nimport { Feedback } from \"../../feedback/feedback\";\nimport { ViewInteractionHeading } from \"../view-interaction-heading/view-interaction-heading\";\nconst PLACEHOLDER = 'cv-missing-word-';\nconst FONT = '17pt arial';\n\nfunction getWordWidth(text) {\n  const canvas = document.createElement('canvas');\n  const context = canvas.getContext('2d');\n  context.font = FONT;\n  const metrics = context.measureText(text);\n  return metrics.width;\n}\n\nfunction isCorrect(state, interaction) {\n  return interaction.actionableItems.every(a => {\n    return a.name === state[a.id];\n  });\n}\n\nexport function IsViewMissingWordValid(state, interaction) {\n  // TODO: This needs factor in if all the words have been filled in\n  return Object.keys(state).length === interaction.actionableItems.length;\n}\nexport function SubmitViewMissingWord() {\n  return new Promise(resolve => {\n    resolve();\n  });\n}\nexport function MissingWordInteraction(props) {\n  const {\n    state,\n    setState,\n    interaction,\n    showFeedback\n  } = props;\n  const cleanedUp = interaction.data.sentence.replace(/{([^{}]*)}/g, (match, val) => {\n    return `{${PLACEHOLDER}${val}}`;\n  });\n  const items = cleanedUp.split(/{([^{}]*)}/g);\n\n  function onChange(a, event) {\n    if (!event.target.value) {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const _a = a.id,\n            removed = state[_a],\n            newState = __rest(state, [typeof _a === \"symbol\" ? _a : _a + \"\"]);\n\n      setState(newState);\n      return;\n    }\n\n    setState(Object.assign(Object.assign({}, state), {\n      [a.id]: event.target.value\n    }));\n  }\n\n  return React.createElement(\"div\", {\n    className: 'cv-interactive-question'\n  }, React.createElement(Feedback, {\n    correct: isCorrect(state, interaction),\n    showFeedback: showFeedback\n  }), React.createElement(ViewInteractionHeading, {\n    interaction: interaction\n  }), React.createElement(\"form\", null, items.map((item, index) => {\n    if (!item.startsWith(PLACEHOLDER)) return item;\n    const order = item.replace(PLACEHOLDER, '');\n    const actionableItem = interaction.actionableItems.find(a => a.order.toString() === order);\n    if (!actionableItem) return;\n    const width = getWordWidth(actionableItem.name);\n    return React.createElement(\"input\", {\n      key: index,\n      style: {\n        width: width + 'px'\n      },\n      onChange: e => onChange(actionableItem, e)\n    });\n  })));\n}","// extracted by mini-css-extract-plugin","var __rest = this && this.__rest || function (s, e) {\n  var t = {};\n\n  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n\nimport React from 'react';\nimport { Feedback } from \"../../feedback/feedback\";\nimport { ViewInteractionHeading } from \"../view-interaction-heading/view-interaction-heading\";\nimport './multiple-choice-interaction.scss';\n\nfunction isCorrect(state, interaction) {\n  const correctAnswers = interaction.actionableItems.filter(a => a.isCorrect);\n  return correctAnswers.every(a => state[a.id]);\n}\n\nexport function IsViewMultipleChoiceValid(state) {\n  return !!Object.keys(state).length;\n}\nexport function SubmitViewMultipleChoice() {\n  return new Promise(resolve => {\n    resolve();\n  });\n}\nexport function MultipleChoiceInteraction(props) {\n  const {\n    state,\n    setState,\n    interaction,\n    showFeedback\n  } = props;\n  const radio = interaction.actionableItems.filter(a => a.isCorrect).length === 1;\n\n  function onChecked(a, event) {\n    if (radio) {\n      setState({\n        [a.id]: true\n      });\n      return;\n    }\n\n    if (!event.target.checked) {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const _a = a.id,\n            removed = state[_a],\n            newState = __rest(state, [typeof _a === \"symbol\" ? _a : _a + \"\"]);\n\n      setState(newState);\n      return;\n    }\n\n    setState(Object.assign(Object.assign({}, state), {\n      [a.id]: true\n    }));\n  }\n\n  return React.createElement(\"div\", {\n    className: 'cv-interactive-question'\n  }, React.createElement(Feedback, {\n    correct: isCorrect(state, interaction),\n    showFeedback: showFeedback\n  }), React.createElement(ViewInteractionHeading, {\n    interaction: interaction\n  }), React.createElement(\"form\", {\n    className: 'cv-multiple-choice-form'\n  }, React.createElement(\"table\", {\n    className: 'table-bordered w-100'\n  }, React.createElement(\"tbody\", {\n    className: 'table-bordered w-100'\n  }, interaction.actionableItems.map((a, index) => {\n    const answer = state[a.id];\n    return React.createElement(\"tr\", {\n      key: index\n    }, React.createElement(\"td\", {\n      className: 'cv-multiple-choice-input-container'\n    }, React.createElement(\"div\", {\n      className: `custom-control ${radio ? 'custom-radio' : 'custom-checkbox'}`\n    }, React.createElement(\"input\", {\n      id: a.id,\n      type: radio ? 'radio' : 'checkbox',\n      className: 'custom-control-input',\n      name: 'multiple-choice',\n      checked: !!answer,\n      onChange: e => onChecked(a, e),\n      disabled: showFeedback\n    }), React.createElement(\"label\", {\n      htmlFor: a.id,\n      className: 'custom-control-label'\n    }))), React.createElement(\"td\", {\n      className: 'cv-multiple-choice-label-container w-100'\n    }, React.createElement(\"label\", {\n      htmlFor: a.id\n    }, a.name)));\n  })))));\n}","import React from 'react';\nimport TextareaAutosize from 'react-textarea-autosize';\nimport { ViewInteractionHeading } from \"../view-interaction-heading/view-interaction-heading\";\nexport function IsViewShortAnswerValid(state) {\n  return !!state.text;\n}\nexport function SubmitViewShortAnswer() {\n  return new Promise(resolve => {\n    // TODO: Submit response\n    resolve();\n  });\n}\nexport function ShortAnswerInteraction(props) {\n  const {\n    interaction,\n    state,\n    setState\n  } = props;\n\n  function onChange(event) {\n    setState(Object.assign(Object.assign({}, state), {\n      text: event.target.value\n    }));\n  }\n\n  return React.createElement(\"div\", {\n    className: 'cv-interactive-question'\n  }, React.createElement(ViewInteractionHeading, {\n    interaction: interaction\n  }), React.createElement(TextareaAutosize, {\n    translate: true,\n    className: 'form-control',\n    minRows: 3,\n    value: state.text || '',\n    onChange: onChange\n  }));\n}","import { InteractionTypeId } from \"../../../../../../../libs/shared/src/interfaces\";\nimport { AnnotationInteraction } from \"./annotation/annotation-interaction\";\nimport { ImageInteraction } from \"./image/image-interaction\";\nimport { IsViewMissingWordValid, MissingWordInteraction, SubmitViewMissingWord } from \"./missing-word/missing-word-interaction\";\nimport { IsViewMultipleChoiceValid, MultipleChoiceInteraction, SubmitViewMultipleChoice } from \"./multiple-choice/multiple-choice-interaction\";\nimport { IsViewShortAnswerValid, ShortAnswerInteraction, SubmitViewShortAnswer } from \"./short-answer/short-answer-interaction\";\nconst QuestionLookup = {\n  [InteractionTypeId.Annotation]: AnnotationInteraction,\n  [InteractionTypeId.Image]: ImageInteraction,\n  [InteractionTypeId.MissingWord]: MissingWordInteraction,\n  [InteractionTypeId.MultipleChoice]: MultipleChoiceInteraction,\n  [InteractionTypeId.ShortAnswer]: ShortAnswerInteraction,\n  [InteractionTypeId.TrueOrFalse]: MultipleChoiceInteraction\n};\nexport function getViewComponent(typeId) {\n  return QuestionLookup[typeId];\n}\n\nfunction noValidation() {\n  return true;\n}\n\nconst ValidationLookup = {\n  [InteractionTypeId.Annotation]: noValidation,\n  [InteractionTypeId.Image]: noValidation,\n  [InteractionTypeId.MissingWord]: IsViewMissingWordValid,\n  [InteractionTypeId.MultipleChoice]: IsViewMultipleChoiceValid,\n  [InteractionTypeId.ShortAnswer]: IsViewShortAnswerValid,\n  [InteractionTypeId.TrueOrFalse]: IsViewMultipleChoiceValid\n};\nexport function getViewValidation(typeId) {\n  return ValidationLookup[typeId];\n}\n\nfunction noSubmission() {\n  return Promise.resolve();\n}\n\nconst SubmissionLookup = {\n  [InteractionTypeId.Annotation]: noSubmission,\n  [InteractionTypeId.Image]: noSubmission,\n  [InteractionTypeId.MissingWord]: SubmitViewMissingWord,\n  [InteractionTypeId.MultipleChoice]: SubmitViewMultipleChoice,\n  [InteractionTypeId.ShortAnswer]: SubmitViewShortAnswer,\n  [InteractionTypeId.TrueOrFalse]: SubmitViewMultipleChoice\n};\nexport function getViewSubmit(typeId) {\n  return SubmissionLookup[typeId];\n}","// extracted by mini-css-extract-plugin","import React from 'react';\nimport './view-interaction-heading.scss';\nexport function ViewInteractionHeading(props) {\n  const {\n    interaction\n  } = props;\n  return React.createElement(\"div\", {\n    className: 'cv-interaction-heading mb-3'\n  }, React.createElement(\"span\", {\n    className: 'cv-iteraction-icon',\n    style: {\n      backgroundImage: `url(https:${interaction.type.icon})`,\n      backgroundColor: `#${interaction.type.colour}`\n    }\n  }), React.createElement(\"h2\", {\n    className: 'cv-interaction-title h5'\n  }, interaction.name));\n}","import { TrackHelper } from \"../../utils/track-helper\";\nimport videojs from 'video.js';\nimport \"./components/interactive/interactive-component\";\nimport { InteractiveBarItems } from './components/seek-bar/interactive-bar-items';\nconst Plugin = videojs.getPlugin('plugin');\n\nclass InteractivePlugin extends Plugin {\n  constructor(player, options) {\n    super(player);\n    this.options = options;\n    player.ready(() => this.initialize());\n  }\n\n  initialize() {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    TrackHelper.useTrack(this.player, 'metadata', 'interactive', this.onTrackLoaded.bind(this));\n  }\n\n  onTrackLoaded(track) {\n    this.player.addChild('Interactive', {\n      track,\n      interactive: this.options.interactive,\n      mode: this.options.mode\n    }); // 🌶 inject the interative bar items into the seek bar\n\n    const seekBar = this.player.controlBar.getChild('progressControl').getChild('SeekBar');\n    seekBar.addChild(new InteractiveBarItems(this.player, {\n      interactive: this.options.interactive,\n      track: track\n    }));\n  }\n\n}\n\nvideojs.registerPlugin('viewInteractivePlugin', InteractivePlugin);","export var InteractiveMode;\n\n(function (InteractiveMode) {\n  InteractiveMode[InteractiveMode[\"View\"] = 0] = \"View\";\n  InteractiveMode[InteractiveMode[\"Create\"] = 1] = \"Create\";\n})(InteractiveMode || (InteractiveMode = {}));","export * from './InteractiveMode';","import { getCreateComponent } from \"../components/create-components/create-components\";\nimport { getViewComponent } from \"../components/view-components/view-components\";\nimport { InteractiveMode } from \"../interfaces\";\nexport function getInteractionComponent(typeId, mode) {\n  if (mode === InteractiveMode.Create) return getCreateComponent(typeId);\n  if (mode === InteractiveMode.View) return getViewComponent(typeId);\n  throw new Error(`Cannot find components for the mode ${mode}`);\n}","export function getInteractionStateId(interaction) {\n  return `i${interaction.id}`;\n}","import { getCreateSubmit } from \"../components/create-components/create-components\";\nimport { getViewSubmit } from \"../components/view-components/view-components\";\nimport { InteractiveMode } from \"../interfaces\";\nexport function getSubmissionFunction(typeId, mode) {\n  if (mode === InteractiveMode.Create) return getCreateSubmit(typeId);\n  if (mode === InteractiveMode.View) return getViewSubmit(typeId);\n  throw new Error(`Cannot find validation functions for the mode ${mode}`);\n}","export function getTimepointStateId(timepoint) {\n  return `t${timepoint.id}`;\n}","import { getCreateValidation } from \"../components/create-components/create-components\";\nimport { getViewValidation } from \"../components/view-components/view-components\";\nimport { InteractiveMode } from \"../interfaces\";\nexport function getValidationFunction(typeId, mode) {\n  if (mode === InteractiveMode.Create) return getCreateValidation(typeId);\n  if (mode === InteractiveMode.View) return getViewValidation(typeId);\n  throw new Error(`Cannot find validation functions for the mode ${mode}`);\n}","import React from 'react';\nimport { InteractiveMode } from \"../interfaces\";\nexport function useInteractiveTrack(options) {\n  const {\n    player,\n    track,\n    interactive,\n    mode\n  } = options;\n  const [open, setOpen] = React.useState(mode === InteractiveMode.Create);\n  const [timepoint, setTimepoint] = React.useState(null);\n\n  function onCueChange() {\n    const activeCues = track.activeCues;\n\n    if (!activeCues.length) {\n      if (mode !== InteractiveMode.Create) setOpen(false);\n      setTimepoint(null);\n      return;\n    }\n\n    const currentTimepoint = interactive.timepoints.find(t => {\n      return t.id.toString() === activeCues[0].text.toString();\n    });\n\n    if (currentTimepoint.shouldPause) {\n      if (!player.seeking()) {\n        player.pause();\n      } else {\n        player.one('play', () => player.pause());\n      }\n    }\n\n    setOpen(true);\n    setTimepoint(currentTimepoint);\n  }\n\n  function continueInteractive() {\n    if (mode !== InteractiveMode.Create) setOpen(false);\n    player.play();\n  }\n\n  function lockPlayer() {// TODO: Find a way to prevent the user from seeking or playing the video\n  }\n\n  function unlockPlayer() {// TODO: Find a way to undo the above\n  }\n\n  React.useEffect(() => {\n    track.addEventListener('cuechange', onCueChange);\n    return () => track.removeEventListener('cuechange', onCueChange);\n  });\n  return {\n    open,\n    timepoint,\n    continueInteractive,\n    lockPlayer,\n    unlockPlayer\n  };\n}","var __rest = this && this.__rest || function (s, e) {\n  var t = {};\n\n  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n\nimport React from 'react';\nimport { InteractivePlayer } from \"../players/interactive-player\";\nexport function ClickViewInteractivePlayer(props) {\n  const {\n    onReady\n  } = props,\n        options = __rest(props, [\"onReady\"]);\n\n  const ref = React.useRef();\n  React.useEffect(() => {\n    const player = new InteractivePlayer(ref.current, options);\n\n    if (onReady) {\n      player.ready(() => {\n        onReady(player);\n      });\n    }\n  }, []);\n  return React.createElement(\"div\", {\n    ref: ref\n  });\n}","import React from 'react';\r\nimport { Scrollbars } from 'react-custom-scrollbars';\r\n\r\nimport { Interactive, Timepoint, Interaction, InteractionTypeId } from 'libs/shared/interfaces';\r\nimport { DurationHelper } from 'libs/shared/utils/DurationHelper';\r\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\r\n\r\nimport { MINIMUM_GLANCE_HEIGHT } from 'shared/constants/MinimumGlanceHeight';\r\n\r\nimport { formatAnnotationText } from './formatAnnotationText';\r\nimport styles from './interactive-questions.scss';\r\n\r\ninterface InteractionComponentProps {\r\n  interaction: Interaction;\r\n  visibleAt: number;\r\n  goToTimepoint: (visibleAt: number) => void;\r\n  selected: boolean;\r\n}\r\n\r\nfunction InteractionComponent(props: InteractionComponentProps): React.ReactElement {\r\n  const { interaction, visibleAt, goToTimepoint, selected } = props;\r\n\r\n  function onClick(): void {\r\n    goToTimepoint && goToTimepoint(visibleAt);\r\n  }\r\n\r\n  /**\r\n   * Don't have a cursor if there is no callback function.\r\n   * i.e. when rendered in a popup\r\n   */\r\n  const cursor = goToTimepoint ? 'cursor-pointer' : 'cursor-default';\r\n\r\n  return (\r\n    <DivButton className={`py-2 outline-none ${cursor}`} onClick={onClick}>\r\n      <span className={`${styles.time} ${selected ? 'font-weight-bold' : ''}`}>{DurationHelper.ToDisplayDuration(visibleAt)}</span>\r\n      <span\r\n        className={styles.typeIcon}\r\n        style={{\r\n          backgroundImage: `url(${interaction.type.icon})`,\r\n          backgroundColor: `#${interaction.type.colour}`\r\n        }}\r\n      ></span>\r\n      <span className={styles.type}><strong>{interaction.type.name}</strong></span>\r\n      <span className={`${styles.question} ${selected ? 'font-weight-bold' : ''}`}>\r\n        {interaction.typeId === InteractionTypeId.Annotation\r\n          ? formatAnnotationText(interaction.data.annotation)\r\n          : interaction.name}\r\n      </span>\r\n    </DivButton>\r\n  );\r\n}\r\n\r\ninterface TimepointComponentProps {\r\n  timepoint: Timepoint;\r\n  goToTimepoint: (visibleAt: number) => void;\r\n  selectedTimepointId: string;\r\n  scrollTo: (offset: number, height: number) => void;\r\n}\r\n\r\nfunction TimepointComponent(props: TimepointComponentProps): React.ReactElement {\r\n  const {\r\n    timepoint,\r\n    selectedTimepointId,\r\n    goToTimepoint,\r\n    scrollTo\r\n  } = props;\r\n\r\n  const ref = React.useRef<HTMLDivElement>();\r\n\r\n  const selected = selectedTimepointId && selectedTimepointId.toString() === timepoint.id.toString();\r\n\r\n  React.useEffect(() => {\r\n    if(!selected)\r\n      return;\r\n\r\n    if (!ref.current)\r\n      return;\r\n\r\n    const el = ref.current;\r\n    const rect = el.getBoundingClientRect();\r\n    const offset = rect.top - el.offsetParent.getBoundingClientRect().top;\r\n\r\n    scrollTo(offset, rect.height);\r\n  }, [selected]);\r\n\r\n  return (\r\n    <div ref={ref}>\r\n      {timepoint.interactions.map((interaction, i) =>\r\n        <InteractionComponent\r\n          interaction={interaction}\r\n          visibleAt={timepoint.visibleAt}\r\n          goToTimepoint={goToTimepoint}\r\n          selected={selected}\r\n          key={i}\r\n        />)\r\n      }\r\n    </div>\r\n  );\r\n}\r\n\r\ninterface InteractiveQuestionProps {\r\n  interactive: Interactive;\r\n  goToTimepoint?: (visibleAt: number) => void;\r\n  selectedTimepointId?: string;\r\n}\r\n\r\nexport function InteractiveQuestions(props: InteractiveQuestionProps): React.ReactElement {\r\n  const { interactive, goToTimepoint, selectedTimepointId } = props;\r\n\r\n  const ref = React.useRef<Scrollbars>();\r\n\r\n  function scrollTo(offset: number, elHeight: number): void {\r\n    if (!ref.current)\r\n      return;\r\n\r\n    const height = ref.current.getClientHeight();\r\n    const scroll = ref.current.getScrollTop();\r\n    const elementFromTop = offset + scroll;\r\n\r\n    /**\r\n     * Element is above scroll window if it's distance from the top\r\n     * is less than the scroll\r\n     */\r\n    const isAboveScrollWindow = elementFromTop < scroll;\r\n\r\n    /**\r\n     * Element is beneath scroll window if it's distance from the top\r\n     * plus it's height is greater than the scroll plus the window height\r\n     */\r\n    const isBelowScrollWindow = (elementFromTop + elHeight) > (scroll + height);\r\n\r\n    /**\r\n     * So we don't scroll if our element is visible\r\n     */\r\n    if (!isAboveScrollWindow && !isBelowScrollWindow)\r\n      return;\r\n\r\n    /**\r\n     * If our element isn't visible, we want to try scroll so the element is\r\n     * centered in our viewport\r\n     */\r\n    ref.current.scrollTop(elementFromTop - (height/2) + (elHeight/2));\r\n  }\r\n\r\n  const borderClass = goToTimepoint ? 'border rounded' : '';\r\n\r\n  return (\r\n    <Scrollbars\r\n      autoHeight\r\n      autoHeightMax={MINIMUM_GLANCE_HEIGHT}\r\n      className={borderClass}\r\n      hideTracksWhenNotNeeded={true}\r\n      ref={ref}\r\n    >\r\n      <div className='px-3 py-1'>\r\n        {interactive.timepoints.map((t, i) =>\r\n          <TimepointComponent\r\n            key={i}\r\n            timepoint={t}\r\n            goToTimepoint={goToTimepoint}\r\n            selectedTimepointId={selectedTimepointId}\r\n            scrollTo={scrollTo}\r\n          />)\r\n        }\r\n      </div>\r\n    </Scrollbars>\r\n  );\r\n}\r\n","function replacePTags(text: string): string {\r\n  if (!text) return;\r\n  return text.replace(/<p>/g, '').replace(/<\\/p>/g, '<br>');\r\n}\r\n\r\nfunction stripTags(text: string, items: string[]): string {\r\n  if (!text || !items) return;\r\n  items.forEach(item => {\r\n    text = text.replace('<' + item + '>', '').replace('</' + item + '>', '');\r\n  });\r\n  return text;\r\n}\r\n\r\nexport function formatAnnotationText(text: string): string {\r\n  if(!text) return;\r\n  text = stripTags(text, [ 'b', 'i', 'u', 'ul', 'li', 'old' ]);\r\n  text = replacePTags(text);\r\n  return text.split('<br>')[0] || 'Annotation';\r\n}\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"time\":\"cv--time--30ibe\",\"typeIcon\":\"cv--typeIcon--UMnFt\",\"type\":\"cv--type--3uwxz\",\"question\":\"cv--question--1FwXi\"};","// 368 is the min height of Video at a glance which is defined as $glanceHeight in synopsis.scss\r\nexport const MINIMUM_GLANCE_HEIGHT = 368; // px","import { Flight } from 'libs/common/flight';\r\n\r\nexport const InteractiveRequests = {\r\n  interactiveMetadata(id: string): Flight.Request {\r\n    return {\r\n      url: `/api/domain/v2/objects/${id}?query=video`,\r\n      key: `interactivemetadata:${id}`\r\n    };\r\n  },\r\n  interactive(id: string): Flight.Request {\r\n    return {\r\n      url: `/api/domain/v1/interactives/${id}`,\r\n      key: `interactive:${id}`\r\n    };\r\n  }\r\n};\r\n","import * as React from 'react';\r\n\r\nimport { Flight } from 'libs/common/flight';\r\nimport { Core } from 'libs/common/core';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { useSetPageTitle } from 'libs/common/react/hooks/UseSetPageTitle';\r\n\r\nimport { PlayerRequests } from 'libs/shared/flight-requests/PlayerRequests';\r\nimport { Config, InteractiveMetadata, PlayerViewKey, Interactive, Video } from 'libs/shared/interfaces';\r\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\nimport { InteractiveWidgetItem, InteractiveWidgetItemProps } from 'libs/shared/components/widgets/items/interactive-widget-item/InteractiveWidgetItem';\r\nimport { FixedWidget } from 'libs/shared/components/widgets/fixed-widget';\r\nimport { LanguageNamespaceContext, Text } from 'libs/shared/components/text/Text';\r\nimport { WidgetContents } from 'libs/shared/enums/WidgetContents';\r\n\r\nimport { ClickViewInteractivePlayer } from 'projects/player/react/InteractivePlayer';\r\nimport { Actions } from 'shared/constants/LiteActions';\r\nimport { InteractiveQuestions } from 'shared/components/interactive-questions/InteractiveQuestions';\r\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\r\nimport { InteractiveRequests } from 'shared/flight-requests/InteractiveRequests';\r\nimport { VideoRequests } from 'shared/flight-requests/VideoRequests';\r\n\r\nimport { InteractivePlayer } from 'projects/player/players/interactive-player';\r\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\r\n\r\nconst namespace = 'shared.previewInteractive';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\ninterface PreviewInteractiveProps {\r\n  id: string;\r\n}\r\n\r\nexport function PreviewInteractiveView(props: PreviewInteractiveProps): React.ReactElement {\r\n\r\n  const [ timepointId, setTimepointId ] = React.useState<string>(null);\r\n  const playerRef = React.useRef<InteractivePlayer>();\r\n\r\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\r\n  const interactiveMetadata = Flight.useBasicFetch<InteractiveMetadata>(\r\n    InteractiveRequests.interactiveMetadata(props.id));\r\n\r\n  const video = Flight.useBasicFetch<Video>(interactiveMetadata.data ?\r\n    VideoRequests.video(interactiveMetadata.data.video.id) : null);\r\n\r\n  const viewKey = Flight.useBasicFetch<PlayerViewKey>(interactiveMetadata.data ?\r\n    PlayerRequests.createViewKey(interactiveMetadata.data.id) : null);\r\n\r\n  const interactive = Flight.useBasicFetch<Interactive>(interactiveMetadata.data ?\r\n    InteractiveRequests.interactive(interactiveMetadata.data.interactiveId) : null);\r\n\r\n  useSetPageTitle(interactiveMetadata.data?.name);\r\n\r\n  function goToTimepoint(visibleAt: number): void {\r\n    if (!playerRef.current)\r\n      return;\r\n\r\n    playerRef.current.currentTime(visibleAt / 1000);\r\n  }\r\n\r\n  function onTimepointChange(id: string): void {\r\n    setTimepointId(id);\r\n  }\r\n\r\n  function onReady(player: InteractivePlayer): void {\r\n    playerRef.current = player;\r\n  }\r\n\r\n  if(!viewKey.data || !config.data || !interactiveMetadata.data || !interactive.data || !video.data)\r\n    return <></>;\r\n\r\n  const otherInteractives = video.data.interactives?.data?.filter(i => i.id.toString() !== props.id.toString());\r\n\r\n  const videoAppLink: Core.AppLink = {\r\n    application: AppChannels.DEFAULT,\r\n    action: Actions.Default.PLAY_VIDEO,\r\n    args: [ video.data.id, TextHelper.slugify(video.data.name) ]\r\n  };\r\n\r\n  return (\r\n    <LanguageNamespaceContext.Provider value={namespace}>\r\n      <div className='mb-3'>\r\n        <ClickViewInteractivePlayer\r\n          viewKey={viewKey.data.viewKey}\r\n          playerApi={new URL(config.data.playerApiUrl)}\r\n          hotkeyElQuerySelector='body'\r\n          autoplay\r\n          onTimepointChange={onTimepointChange}\r\n          onReady={onReady}\r\n        />\r\n      </div>\r\n      <div className='d-flex justify-content-between align-items-center pb-3'>\r\n        <div>\r\n          <h1 className='h3 d-inline-block m-0'>\r\n            {interactiveMetadata.data.name}\r\n          </h1>\r\n          <div><Text phrase='backTo' />: <AppLink appLink={videoAppLink} className='text-info'>{interactiveMetadata.data.video.name}</AppLink></div>\r\n        </div>\r\n      </div>\r\n      {interactiveMetadata.data.description &&\r\n        <p>{interactiveMetadata.data.description}</p>\r\n      }\r\n      <h2 className='h4'><Text phrase='interactiveQuestions' /></h2>\r\n      <InteractiveQuestions\r\n        interactive={interactive.data}\r\n        selectedTimepointId={timepointId}\r\n        goToTimepoint={goToTimepoint}\r\n      />\r\n      {!!otherInteractives?.length && (\r\n        <div className='my-3'>\r\n          <FixedWidget\r\n            name={getPhrase('otherInteractives', { count: otherInteractives.length })}\r\n            contents={WidgetContents.Interactives}\r\n            collection={otherInteractives}\r\n            prefetched\r\n            childAppLink={{\r\n              application: AppChannels.DEFAULT,\r\n              action: Actions.Default.PREVIEW_INTERACTIVE\r\n            }}\r\n            childComponent={(itemProps: InteractiveWidgetItemProps) => (\r\n              <InteractiveWidgetItem\r\n                video={video.data}\r\n                questionsAppLink={{\r\n                  application: AppChannels.DEFAULT,\r\n                  action: Actions.Default.PREVIEW_QUESTIONS\r\n                }}\r\n                {...itemProps}\r\n              />)}\r\n            analyticsData={{ widgetId: 'interactives' }}\r\n          />\r\n        </div>\r\n      )}\r\n    </LanguageNamespaceContext.Provider>\r\n  );\r\n}\r\n"],"sourceRoot":""}