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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView/front-end/clickview/packages/libs/shared/src/apps/playlists/components/playlist-list/PartialPlaylistList.tsx","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/components/widgets/dynamic-widget/DynamicWidget.tsx","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/components/widgets/dynamic-widget/DynamicWidgetEventHandlers.ts","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/components/widgets/dynamic-widget/DynamicWidgetReducer.tsx","webpack://@clickview/lite/C:/ClickView/front-end/clickview/packages/libs/shared/src/components/widgets/dynamic-widget/dynamic-widget.scss?7e56","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/components/widgets/items/series-widget-item/PartialSeriesList.tsx","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/components/widgets/items/subject-widget-item/PartialSubjectWidgetItem.tsx","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/components/widgets/items/subject-widget-item/SubjectWidgetItem.tsx","webpack://@clickview/lite/C:/ClickView/front-end/clickview/packages/libs/shared/src/components/widgets/items/subject-widget-item/subject-widget-item.scss?9d2b","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/flight-requests/AudienceRequests.ts","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/hooks/UseResizeListener.ts"],"names":[],"mappings":"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","file":"scripts/17.chunk.js","sourcesContent":["import * as React from 'react';\r\nimport { Row, Col } from 'react-bootstrap';\r\n\r\nimport styles from './playlist.scss';\r\n\r\ninterface PartialPlaylistListProps {\r\n  numItems?: number;\r\n  itemClassName?: string;\r\n  showHeading?: boolean;\r\n}\r\n\r\nPartialPlaylistList.defaultProps = {\r\n  numItems: 8\r\n};\r\n\r\nexport function PartialPlaylistList(props: PartialPlaylistListProps): JSX.Element {\r\n  const PARTIAL_PLAYLISTS = [...Array(props.numItems)];\r\n\r\n  const className = props.itemClassName || '';\r\n\r\n  return (\r\n    <>\r\n      {props.showHeading && <div className={`${styles.partialHeading} partial-loading-background`} />}\r\n      <Row>\r\n        {PARTIAL_PLAYLISTS.map((p, idx) =>\r\n          <Col key={idx} xs={6} sm={4} lg={3} className={className}>\r\n            <div className='py-2'>\r\n              <div className={`${styles.playlistItem} partial-loading-background`} />\r\n            </div>\r\n          </Col>\r\n        )}\r\n      </Row>\r\n    </>\r\n  );\r\n}","import * as React from 'react';\r\n\r\nimport { Core } from 'libs/common/core';\r\nimport { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\r\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\r\n\r\nimport { useResizeListener } from 'libs/shared/hooks/UseResizeListener';\r\nimport { useLazyLoad } from 'libs/shared/hooks/UseLazyLoad';\r\nimport { CssMeasurement } from 'libs/shared/enums/CssMeasurement';\r\nimport { WidgetButton, WidgetButtonDirection } from 'libs/shared/components/widgets/widget-button/WidgetButton';\r\nimport { PartialSubjectWidgetItem } from 'libs/shared/components/widgets/items/subject-widget-item/PartialSubjectWidgetItem';\r\nimport { SlidingListContainer } from 'libs/shared/components/widgets/sliding-list/SlidingListContainer';\r\nimport { SlidingListRefs } from 'libs/shared/interfaces/SlidingListRefs';\r\nimport { BaseObject } from 'libs/shared/interfaces';\r\nimport { WidgetInteraction } from 'libs/shared/enums/WidgetInteraction';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\nimport { PartialLoadingHelper } from 'libs/shared/utils/PartialLoadingHelper';\r\nimport { WidgetHelper } from 'libs/shared/utils/WidgetHelper';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\n\r\nimport { AnalyticsOptions, HashObject } from 'libs/analytics/interfaces';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\n\r\nimport { getDragEndHandler, getDragHandler, getResizeEndHandler, getResizeHandler, getTouchMoveHandler, getTouchEndHandler } from './DynamicWidgetEventHandlers';\r\nimport { DynamicWidgetReducer, DynamicWidgetState, initialSliderState } from './DynamicWidgetReducer';\r\n\r\nimport styles from './dynamic-widget.scss';\r\n\r\nconst namespace = 'shared.dynamicWidget';\r\n\r\ninterface WidgetSnapshot extends DynamicWidgetState {\r\n  initialMouseX: number;\r\n}\r\n\r\ninterface StaticChild {\r\n  position: 'start' | 'end';\r\n  component: React.ElementType;\r\n}\r\n\r\ninterface DynamicWidgetProps {\r\n  childAppLink: Core.AppLink;\r\n  childComponent: React.ElementType;\r\n  staticChildren?: StaticChild[];\r\n  collection?: BaseObject[];\r\n  fetch?: (...args: any[]) => any;\r\n  lazyLoad?: boolean;\r\n\r\n  headingPhraseKey?: 'topics' | 'teach' | 'relatedTopics';\r\n  headingAppLink?: Core.AppLink;\r\n\r\n  analyticsData?: HashObject;\r\n  analyticsOptions?: AnalyticsOptions;\r\n}\r\n\r\nexport function DynamicWidget(props: DynamicWidgetProps): JSX.Element {\r\n  const { childComponent: WidgetItemComponent, staticChildren } = props;\r\n\r\n  const [ state, dispatch ] = React.useReducer(DynamicWidgetReducer, initialSliderState);\r\n\r\n  // A snapshot of the widget state is captured on the very first `Drag` event as a point of reference\r\n  const [ widgetSnapshot, setWidgetSnapshot ] = React.useState<WidgetSnapshot>(null);\r\n\r\n  const elementRefs: SlidingListRefs = {\r\n    container: React.useRef(null),\r\n    firstElement: React.useRef(null),\r\n    lastElement: React.useRef(null)\r\n  };\r\n\r\n  useResizeListener(getResizeHandler(elementRefs, dispatch), getResizeEndHandler(elementRefs.container));\r\n\r\n  const { ref, inView } = useLazyLoad(!props.lazyLoad);\r\n\r\n  let widgetData = props.collection;\r\n  if (!props.collection && FunctionHelper.isFunction(props.fetch))\r\n    widgetData = props.fetch(inView);\r\n\r\n  /**\r\n   * Once the widget data has been set, we can initialize the reducer. This is because\r\n   * the reducer depends on the refs being set, but they don't get set until the markup has been loaded.\r\n   */\r\n  React.useEffect(() => {\r\n    if (!widgetData || ObjectHelper.isEmpty(widgetData))\r\n      return;\r\n\r\n    dispatch({\r\n      type: WidgetInteraction.Init,\r\n      payload: elementRefs\r\n    });\r\n\r\n  }, [widgetData]);\r\n\r\n  function getWidgetItems(): JSX.Element {\r\n    if (!widgetData)\r\n      return;\r\n\r\n    let FirstComponent: React.ElementType;\r\n    let LastComponent: React.ElementType;\r\n\r\n    if (staticChildren?.length) {\r\n      const firstChild = ArrayHelper.findWhere<StaticChild, HashObject>(staticChildren, { position: 'start' });\r\n      const lastChild = ArrayHelper.findWhere<StaticChild, HashObject>(staticChildren, { position: 'end' });\r\n\r\n      FirstComponent = firstChild ? firstChild.component : null;\r\n      LastComponent = lastChild ? lastChild.component : null;\r\n    }\r\n\r\n    const items = widgetData.map((widgetItem, index) => {\r\n      let itemRef: React.MutableRefObject<HTMLDivElement>;\r\n\r\n      if (widgetItem === ArrayHelper.first(widgetData) && !FirstComponent)\r\n        itemRef = elementRefs.firstElement;\r\n\r\n      if (widgetItem === ArrayHelper.last(widgetData) && !LastComponent)\r\n        itemRef = elementRefs.lastElement;\r\n\r\n      return (\r\n        <div key={widgetItem.id} ref={itemRef} className={styles.itemSpacing}>\r\n          <WidgetItemComponent\r\n            data={widgetItem}\r\n            appLink={props.childAppLink}\r\n            analyticsData={{ itemIndex: index, ...props?.analyticsData }}\r\n            analyticsOptions={{ ...props?.analyticsOptions, ...WidgetHelper.getSliderItemAnalyticsOptions() }}\r\n          />\r\n        </div>\r\n      );\r\n    });\r\n\r\n    if (FirstComponent)\r\n      items.unshift((\r\n        <div key='first-widget-component' ref={elementRefs.firstElement} className={styles.itemSpacing}>\r\n          <FirstComponent />\r\n        </div>\r\n      ));\r\n\r\n    if (LastComponent)\r\n      items.push((\r\n        <div key='end-widget-component' ref={elementRefs.lastElement} className={styles.itemSpacing}>\r\n          <LastComponent />\r\n        </div>\r\n      ));\r\n\r\n    return <>{items}</>;\r\n  }\r\n\r\n  const widgetItems = React.useMemo(getWidgetItems, [widgetData]);\r\n\r\n  if (widgetData && !widgetData.length)\r\n    return <></>;\r\n\r\n  if (!widgetData || ObjectHelper.isEmpty(widgetData)) {\r\n    return (\r\n      <div ref={ref}>\r\n        <PartialDynamicWidget />\r\n      </div>\r\n    );\r\n  }\r\n\r\n  const getSliderAnalyticsData = (type: WidgetInteraction) => ({\r\n    ...props.analyticsData,\r\n    name: LanguageService.getPhrase(namespace, props.headingPhraseKey),\r\n    direction: type === WidgetInteraction.Next ? 'right' : 'left'\r\n  });\r\n\r\n  return (\r\n    <>\r\n      {(() => {\r\n        if (!props.headingPhraseKey)\r\n          return <></>;\r\n\r\n        const isTopic = props.headingPhraseKey === 'topics';\r\n\r\n        return (\r\n          <AppLink appLink={props.headingAppLink}>\r\n            <h2 className={`${styles.heading} ${ props.headingAppLink ? styles.link : ''} h4 d-inline-block mr-2 pl-1 mb-2`}>\r\n              <Text namespace={namespace} phrase={props.headingPhraseKey} />\r\n              {isTopic && (\r\n                <SvgContainer svgName={cvSvgLibrary.ChevronRight} size={SvgContainerSize.Small} />\r\n              )}\r\n            </h2>\r\n          </AppLink>);\r\n      })()}\r\n      <div className='position-relative px-1'>\r\n        <WidgetButton\r\n          direction={WidgetButtonDirection.Left}\r\n          onClick={() => {\r\n            dispatch({ type: WidgetInteraction.Previous });\r\n            AnalyticsHelper.logUserAction(\r\n              getSliderAnalyticsData(WidgetInteraction.Previous),\r\n              WidgetHelper.getSliderAnalyticsOptions());\r\n          }}\r\n          hide={state.hideLeftButton}\r\n          useGradientBackdrop\r\n        />\r\n        <div className='overflow-hidden'>\r\n          <SlidingListContainer\r\n            position={state.offset}\r\n            positionType={CssMeasurement.Pixels}\r\n            onDrag={getDragHandler(elementRefs.container, state, dispatch, widgetSnapshot, setWidgetSnapshot)}\r\n            onDragEnd={getDragEndHandler(elementRefs.container, setWidgetSnapshot)}\r\n            onTouchMove={getTouchMoveHandler(elementRefs.container, state, dispatch, widgetSnapshot, setWidgetSnapshot)}\r\n            onTouchEnd={getTouchEndHandler(elementRefs.container, setWidgetSnapshot)}\r\n            ref={elementRefs.container}\r\n          >\r\n            {widgetItems}\r\n          </SlidingListContainer>\r\n        </div>\r\n        <WidgetButton\r\n          direction={WidgetButtonDirection.Right}\r\n          onClick={() => {\r\n            dispatch({ type: WidgetInteraction.Next });\r\n            AnalyticsHelper.logUserAction(\r\n              getSliderAnalyticsData(WidgetInteraction.Next),\r\n              WidgetHelper.getSliderAnalyticsOptions());\r\n          }}\r\n          hide={state.hideRightButton}\r\n          useGradientBackdrop\r\n        />\r\n      </div>\r\n    </>\r\n  );\r\n}\r\n\r\nconst PARTIAL_WIDGET_ITEMS = PartialLoadingHelper.getPartialLoadingItems();\r\n\r\nexport const PartialDynamicWidget = () => (\r\n  <div className='pb-3 d-flex flex-nowrap'>\r\n    {PARTIAL_WIDGET_ITEMS.map((item, idx) => <PartialSubjectWidgetItem key={idx} />)}\r\n  </div>\r\n);","import { ReducerActions } from 'libs/common/react/interfaces';\r\n\r\nimport { WidgetInteraction } from 'libs/shared/enums/WidgetInteraction';\r\nimport { SlidingListRefs } from 'libs/shared/interfaces/SlidingListRefs';\r\n\r\nimport { DynamicWidgetState } from './DynamicWidgetReducer';\r\n\r\ninterface WidgetSnapshot extends DynamicWidgetState {\r\n  initialMouseX: number;\r\n}\r\n\r\n/**\r\n * Resize events\r\n */\r\nexport const getResizeHandler = (\r\n  elementRefs: SlidingListRefs,\r\n  dispatch: React.Dispatch<ReducerActions<WidgetInteraction>>\r\n) => () => {\r\n  if (elementRefs.container.current)\r\n    elementRefs.container.current.style.transition = '';\r\n\r\n  dispatch({\r\n    type: WidgetInteraction.Resize,\r\n    payload: elementRefs\r\n  });\r\n};\r\n\r\nexport const getResizeEndHandler = (containerRef: React.MutableRefObject<HTMLDivElement>) => () => {\r\n  if (containerRef.current)\r\n    containerRef.current.style.transition = 'transform .4s ease-in-out';\r\n};\r\n\r\n/**\r\n * Touch / Drag start events\r\n */\r\nexport const getDragHandler = (\r\n  containerRef: React.MutableRefObject<HTMLDivElement>,\r\n  widgetState: DynamicWidgetState,\r\n  dispatch: React.Dispatch<ReducerActions<WidgetInteraction>>,\r\n  widgetSnapshot: WidgetSnapshot,\r\n  setWidgetSnapshot: React.Dispatch<WidgetSnapshot>\r\n) => (event: React.DragEvent<HTMLDivElement>): void => {\r\n  const mouseX = event.clientX;\r\n\r\n  handleDragOrTouchMove(mouseX, containerRef, widgetState, dispatch, widgetSnapshot, setWidgetSnapshot);\r\n};\r\n\r\nexport const getTouchMoveHandler = (\r\n  containerRef: React.MutableRefObject<HTMLDivElement>,\r\n  widgetState: DynamicWidgetState,\r\n  dispatch: React.Dispatch<ReducerActions<WidgetInteraction>>,\r\n  widgetSnapshot: WidgetSnapshot,\r\n  setWidgetSnapshot: React.Dispatch<WidgetSnapshot>\r\n) => (event: React.TouchEvent<HTMLDivElement>): void => {\r\n  const firstTouch = event.touches.item(0);\r\n  const touchX = firstTouch.clientX;\r\n\r\n  handleDragOrTouchMove(touchX, containerRef, widgetState, dispatch, widgetSnapshot, setWidgetSnapshot);\r\n};\r\n\r\nfunction handleDragOrTouchMove(\r\n  xCoord: number,\r\n  containerRef: React.MutableRefObject<HTMLDivElement>,\r\n  widgetState: DynamicWidgetState,\r\n  dispatch: React.Dispatch<ReducerActions<WidgetInteraction>>,\r\n  widgetSnapshot: WidgetSnapshot,\r\n  setWidgetSnapshot: React.Dispatch<WidgetSnapshot>\r\n): void {\r\n  let snapshot = widgetSnapshot;\r\n\r\n  if (!snapshot) {\r\n    snapshot = { ...widgetState, initialMouseX: xCoord };\r\n    setWidgetSnapshot(snapshot);\r\n    containerRef.current.style.transition = '';\r\n  }\r\n\r\n  dispatch({\r\n    type: WidgetInteraction.Drag,\r\n    payload: {\r\n      widgetSnapshot: snapshot,\r\n      currentMouseX: xCoord\r\n    }\r\n  });\r\n}\r\n\r\n/**\r\n * Touch / Drag end events\r\n */\r\nexport const getDragEndHandler = (\r\n  containerRef: React.MutableRefObject<HTMLDivElement>,\r\n  setWidgetSnapshot: React.Dispatch<WidgetSnapshot>\r\n) => () => {\r\n  containerRef.current.style.transition = 'transform .4s ease-in-out';\r\n  setWidgetSnapshot(null);\r\n};\r\n\r\nexport const getTouchEndHandler = getDragEndHandler;","import { ReducerActions } from 'libs/common/react/interfaces';\r\nimport { WidgetInteraction } from 'libs/shared/enums/WidgetInteraction';\r\n\r\nexport interface DynamicWidgetState {\r\n  /**\r\n   * X-position argument for `translate3d()` to determine where the slider is positioned.\r\n   */\r\n  offset: number;\r\n\r\n  /**\r\n   * Left position of the slider container.\r\n   * Set on `Init`, and updated on `Resize`.\r\n   * Used for calculations on `Previous`, or for dragging to the right.\r\n   */\r\n  containerLeftPosition: number;\r\n\r\n  /**\r\n   * Right position of the slider container.\r\n   * Set on Init, and updated on Resize.\r\n   * Used for calculations on `Next`, or for dragging to the left.\r\n   */\r\n  containerRightPosition: number;\r\n\r\n  /**\r\n   * The position of the left edge of the very first element in the slider list.\r\n   * Initially this will always be equal to `containerLeftPosition`.\r\n   */\r\n  firstElementPosition: number;\r\n\r\n  /**\r\n   * The position of the right edge of the very last element in the slider list.\r\n   */\r\n  lastElementPosition: number;\r\n\r\n  /**\r\n   * True when `firstElementPosition === containerLeftPosition`.\r\n   */\r\n  hideLeftButton: boolean;\r\n\r\n  /**\r\n   * True when `lastElementPositon === containerRightPosition`.\r\n   */\r\n  hideRightButton: boolean;\r\n\r\n  /**\r\n   * When clicking left or right, this number is the max distance in pixels that the slider.\r\n   * will move.\r\n   * Default 300.\r\n   * Can only be set once on `Init` action.\r\n   */\r\n  maxSlideDistance: number;\r\n\r\n  /**\r\n   * This is calculated on `Init`, and is the lowest number the `offset` state can ever be.\r\n   * This is needed for the `Drag` event, as the `Drag` event can only calculate whole numbers.\r\n   * 99% of the time, the leftOffsetLimit is a very specific decimal number, so we calculate it\r\n   * on `Init` and reference it on `Drag` events when necessary.\r\n   */\r\n  leftOffsetLimit: number;\r\n}\r\n\r\nconst MAX_SLIDE_DISTANCE = 500; // px\r\n\r\n/**\r\n * `null` values are initialized in the `Init` action. This is dispatched\r\n * later, because it uses JQuery elements that aren't immediately available\r\n * when `useReducer` is called.\r\n */\r\nexport const initialSliderState: DynamicWidgetState = {\r\n  offset: 0,\r\n  containerLeftPosition: null,\r\n  containerRightPosition: null,\r\n  firstElementPosition: null,\r\n  lastElementPosition: null,\r\n  hideLeftButton: true,\r\n  hideRightButton: true,\r\n  maxSlideDistance: MAX_SLIDE_DISTANCE,\r\n  leftOffsetLimit: null\r\n};\r\n\r\nconst onInit = (payload: any) => {\r\n  const { container = {}, lastElement = {} } = payload;\r\n\r\n  if (!container.current || !lastElement.current)\r\n    return initialSliderState;\r\n\r\n  const containerLeftPosition = payload.container.current.getBoundingClientRect().left;\r\n  const containerRightPosition = payload.container.current.getBoundingClientRect().right;\r\n\r\n  const firstElementPosition = containerLeftPosition;\r\n  const lastElementPosition = payload.lastElement.current.getBoundingClientRect().right;\r\n  const leftOffsetLimit = containerRightPosition - lastElementPosition;\r\n\r\n  return {\r\n    ...initialSliderState,\r\n    containerLeftPosition,\r\n    containerRightPosition,\r\n    firstElementPosition,\r\n    lastElementPosition,\r\n    hideRightButton: lastElementPosition < containerRightPosition,\r\n    leftOffsetLimit\r\n  };\r\n};\r\n\r\nconst onNext = (prevState: DynamicWidgetState) => {\r\n  const { firstElementPosition, lastElementPosition, maxSlideDistance, offset, containerRightPosition } = prevState;\r\n\r\n  /**\r\n   * The distance in pixels that the slider will move along the x-axis.\r\n   * This will be the `maxSlideDistance` constant value, or if that value is too large we calculate\r\n   * the remaining overflowing space and only slide by that amount.\r\n   */\r\n  const slideDistance = lastElementPosition - containerRightPosition >= maxSlideDistance\r\n    ? maxSlideDistance\r\n    : lastElementPosition - containerRightPosition;\r\n\r\n  return {\r\n    firstElementPosition: firstElementPosition - slideDistance,\r\n    lastElementPosition: lastElementPosition - slideDistance,\r\n    offset: offset - slideDistance,\r\n    hideRightButton: lastElementPosition - slideDistance === containerRightPosition,\r\n    hideLeftButton: false\r\n  };\r\n};\r\n\r\nconst onPrevious = (prevState: DynamicWidgetState) => {\r\n  const { containerLeftPosition, firstElementPosition, lastElementPosition, maxSlideDistance, offset } = prevState;\r\n\r\n  const fullSlide = firstElementPosition + maxSlideDistance <= containerLeftPosition;\r\n  const slideDistance = fullSlide ? maxSlideDistance : Math.abs(offset);\r\n\r\n  return {\r\n    firstElementPosition: firstElementPosition + slideDistance,\r\n    lastElementPosition: lastElementPosition + slideDistance,\r\n    offset: offset + slideDistance,\r\n    hideLeftButton: !fullSlide || firstElementPosition + slideDistance === containerLeftPosition,\r\n    hideRightButton: false\r\n  };\r\n};\r\n\r\nconst onDrag = (prevState: DynamicWidgetState, payload: any) => {\r\n  const { widgetSnapshot, currentMouseX } = payload;\r\n\r\n  // Disable dragging if the slider isn't long enough\r\n  if (widgetSnapshot.hideLeftButton && widgetSnapshot.hideRightButton)\r\n    return {};\r\n\r\n  // The distance from the initial `MouseDown` event x-coordinate, to the present x-coordinate\r\n  const dragDistance = widgetSnapshot.initialMouseX - currentMouseX;\r\n\r\n  let offset = widgetSnapshot.offset - dragDistance;\r\n  let firstElementPosition = widgetSnapshot.firstElementPosition - dragDistance;\r\n  let lastElementPosition = widgetSnapshot.lastElementPosition - dragDistance;\r\n  let hideLeftButton = false;\r\n  let hideRightButton = false;\r\n\r\n  if (firstElementPosition > prevState.containerLeftPosition) {\r\n    offset = 0;\r\n    firstElementPosition = prevState.containerLeftPosition;\r\n    lastElementPosition = prevState.lastElementPosition;\r\n    hideLeftButton = true;\r\n  }\r\n\r\n  if (lastElementPosition <= prevState.containerRightPosition) {\r\n    offset = prevState.leftOffsetLimit;\r\n    firstElementPosition = prevState.containerLeftPosition - Math.abs(prevState.leftOffsetLimit);\r\n    lastElementPosition = widgetSnapshot.containerRightPosition;\r\n    hideRightButton = true;\r\n  }\r\n\r\n  return {\r\n    offset,\r\n    firstElementPosition,\r\n    lastElementPosition,\r\n    hideLeftButton,\r\n    hideRightButton\r\n  };\r\n};\r\n\r\nexport function DynamicWidgetReducer(\r\n  prevState: DynamicWidgetState,\r\n  action: ReducerActions<WidgetInteraction>\r\n): DynamicWidgetState {\r\n  switch (action.type) {\r\n  case WidgetInteraction.Init:\r\n  case WidgetInteraction.Resize:\r\n    return {\r\n      ...prevState,\r\n      ...onInit(action.payload)\r\n    };\r\n\r\n  case WidgetInteraction.Next:\r\n    return {\r\n      ...prevState,\r\n      ...onNext(prevState)\r\n    };\r\n\r\n  case WidgetInteraction.Previous:\r\n    return {\r\n      ...prevState,\r\n      ...onPrevious(prevState)\r\n    };\r\n\r\n  case WidgetInteraction.Drag:\r\n    return {\r\n      ...prevState,\r\n      ...onDrag(prevState, action.payload)\r\n    };\r\n  default:\r\n    return prevState;\r\n  }\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"itemSpacing\":\"cv--itemSpacing--10Pgb\",\"heading\":\"cv--heading--2uNzU\",\"link\":\"cv--link--3IGFJ\"};","import * as React from 'react';\r\nimport styles from './series-widget-item.scss';\r\n\r\nconst PARTIAL_SERIES = [...Array(4)];\r\n\r\nexport const PartialSeriesList = () => (\r\n  <div className='pb-3'>\r\n    <div className={`partial-loading-background ${styles.partialLoadingHeading}`} dangerouslySetInnerHTML={{ __html: '&nbsp' }} />\r\n    <div className='row'>\r\n      {PARTIAL_SERIES.map((s, idx) =>\r\n        <div key={idx} className='col-6 col-sm-4 col-lg-3 '>\r\n          <div className='py-2'>\r\n            <div className={`${styles.partialLoading} partial-loading-background`} />\r\n          </div>\r\n        </div>\r\n      )}\r\n    </div>\r\n  </div>\r\n);","import * as React from 'react';\r\n\r\nimport { RandomHelper } from 'libs/common/react/utils/RandomHelper';\r\n\r\nimport { ThumbnailFallback, ThumbnailFallbackType } from 'libs/shared/components/thumbnails/base/ThumbnailFallback';\r\n\r\nimport styles from './subject-widget-item.scss';\r\n\r\nexport const PartialSubjectWidgetItem = () => {\r\n  const [width] = React.useState(RandomHelper.getRandomInt(5) + 3 + 'rem');\r\n\r\n  return (\r\n    <div className={`border d-flex position-relative mr-2 ${styles.widgetItem}`}>\r\n      <div className={styles.imagePanel} />\r\n      <div className='px-2' style={{ width }}>&nbsp;</div>\r\n      <ThumbnailFallback type={ThumbnailFallbackType.Subject} />\r\n    </div>\r\n  );\r\n};","import * as React from 'react';\r\n\r\nimport { Core } from 'libs/common/core';\r\n\r\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\r\nimport { Classification } from 'libs/shared/interfaces';\r\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\r\nimport { ImageSize } from 'libs/shared/enums/Images';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\nimport { ThumbnailFallback, ThumbnailFallbackType } from 'libs/shared/components/thumbnails/base/ThumbnailFallback';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\n\r\nimport { AnalyticsOptions, ClickDescriptor, EntityType, HashObject, UserAction } from 'libs/analytics/interfaces';\r\n\r\nimport styles from './subject-widget-item.scss';\r\n\r\nconst namespace = 'shared.subjectWidgetItem';\r\n\r\ninterface NamePanelProps {\r\n  name: string;\r\n  multiline?: boolean;\r\n}\r\n\r\nconst ComingSoonNamePanel = ({ name, multiline }: NamePanelProps) => {\r\n  let wrapperClassName = `${styles.comingSoonPanel} \r\n    d-flex flex-column align-items-center justify-content-center px-3 text-center`;\r\n\r\n  let textClassName = `${styles.name} h6 mb-0 pb-1`;\r\n\r\n  if (!multiline) {\r\n    wrapperClassName += ' text-nowrap';\r\n    textClassName += ' text-truncate';\r\n  } else {\r\n    textClassName += ` ${styles.clamped} clamp-2`;\r\n\r\n  }\r\n\r\n  return (\r\n    <div className={wrapperClassName}>\r\n      <small className='text-muted'><Text namespace={namespace} phrase='comingSoon' /></small>\r\n      <p className={textClassName}>{name}</p>\r\n    </div>\r\n  );\r\n};\r\n\r\nconst NormalNamePanel = ({ name, multiline }: NamePanelProps) => {\r\n  let wrapperClassName = 'px-3 text-center d-flex align-items-center';\r\n  let textClassName = `${styles.name} h6 mb-0 pb-1`;\r\n\r\n  if (!multiline) {\r\n    wrapperClassName += ' text-nowrap text-truncate';\r\n    textClassName += ' text-truncate';\r\n  } else {\r\n    textClassName += ` ${styles.clamped} clamp-2 text-left`;\r\n  }\r\n\r\n  return (\r\n    <div className={wrapperClassName}>\r\n      <p className={textClassName}>{name}</p>\r\n    </div>\r\n  );\r\n};\r\n\r\ninterface SubjectWidgetItemProps {\r\n  data: Classification;\r\n  appLink: Core.AppLink;\r\n  isLarge?: boolean;\r\n  analyticsData?: HashObject;\r\n  analyticsOptions?: AnalyticsOptions;\r\n}\r\n\r\nfunction SubjectWidgetItem(props: SubjectWidgetItemProps): JSX.Element {\r\n  const appLink = {\r\n    ...props.appLink,\r\n    args: [ props.data.id, TextHelper.slugify(props.data.name) ]\r\n  };\r\n\r\n  const coverUrl = ImageHelper.createUrl(props.data.cover?.url, { size: ImageSize.Small });\r\n\r\n  const analyticsData = { ...props.analyticsData,\r\n    id: props.data?.id,\r\n    name: props.data?.name,\r\n    presentationId: props.data?.presentationId,\r\n    comingSoon: !!props.data?.comingSoon\r\n  };\r\n\r\n  const analyticsOptions = { ...props.analyticsOptions,\r\n    actionType: UserAction.Click,\r\n    entity: EntityType.Classification,\r\n    descriptor: ClickDescriptor.Cover\r\n  };\r\n\r\n  return (\r\n    <AppLink appLink={appLink} analyticsData={analyticsData} analyticsOptions={analyticsOptions}>\r\n      <div className={`border d-flex position-relative ${styles.widgetItem}`} id={props.data.id}>\r\n        <div className={`${styles.imagePanel} ${props.isLarge ? styles.large : ''}`}>\r\n          <div className={styles.image} style={{ backgroundImage: `url('${coverUrl}')` }} />\r\n          <ThumbnailFallback type={ThumbnailFallbackType.Subject} extraClasses={props.isLarge ? styles.large : ''} />\r\n        </div>\r\n        {props.data.comingSoon\r\n          ? <ComingSoonNamePanel name={props.data.name} multiline={props.isLarge} />\r\n          : <NormalNamePanel name={props.data.name} multiline={props.isLarge} />\r\n        }\r\n      </div>\r\n    </AppLink>\r\n  );\r\n}\r\n\r\nconst Memoized = React.memo(SubjectWidgetItem);\r\n\r\nexport { Memoized as SubjectWidgetItem };","// extracted by mini-css-extract-plugin\nmodule.exports = {\"widgetItem\":\"cv--widgetItem--1oyw1\",\"imagePanel\":\"cv--imagePanel--1UOVG\",\"image\":\"cv--image--1_BF4\",\"large\":\"cv--large--1EtWs\",\"comingSoonPanel\":\"cv--comingSoonPanel--3js2e\",\"name\":\"cv--name--3csgE\",\"clamped\":\"cv--clamped--1y2oG\",\"editSubjectsItem\":\"cv--editSubjectsItem--1yBMf\",\"allSubjectsItem\":\"cv--allSubjectsItem--2oBMH\",\"logoContainer\":\"cv--logoContainer--T3Lym\"};","import { Flight } from 'libs/common/flight';\r\n\r\nconst endpoints = {\r\n  presentationAudiences: () => `/api/domain/v1/subjects/audiences?type=subject`\r\n};\r\n\r\nexport const AudienceRequests = {\r\n  presentationAudiences(): Flight.Request {\r\n    return {\r\n      bootstrapName: 'presentationAudiences',\r\n      url: endpoints.presentationAudiences(),\r\n      key: `presentation:audiences`,\r\n      normalize: false\r\n    };\r\n  }\r\n};","import * as React from 'react';\r\n\r\n/**\r\n * Hook function for listening to scroll events\r\n * @param onResize - gets called on resize.\r\n * @param onResizeEnd (optional) - gets called 100ms after the last resize event. Timer restarts everytime the callback\r\n * runs so that endCallback only fires after a stretch of resize events.\r\n * @param dependencies - values from the component (e.g. state, props and functions) that are used \r\n * inside the effect hook.\r\n */\r\nexport function useResizeListener(onResize: () => void, onResizeEnd?: () => void, dependencies: any[] = []): void {\r\n  let resizeTimeout: number;\r\n\r\n  const onResizeModified = () => {\r\n    onResize();\r\n\r\n    window.clearTimeout(resizeTimeout);\r\n    resizeTimeout = window.setTimeout(onResizeEnd, 100);\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    window.addEventListener('resize', onResizeEnd ? onResizeModified : onResize);\r\n    return () => window.removeEventListener('resize', onResizeEnd ? onResizeModified : onResize);\r\n  }, [...dependencies]);\r\n}"],"sourceRoot":""}

package/dist/scripts/18-60f3cd6ee4.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[18],{1006:function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var a=n(27),i={createViewKey:function(e){return{url:"/api/player/create-view-key",key:"view:key:".concat(e),type:a.a.POST,data:{mediaId:e.toString()}}}}},1043:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var a=368},1061:function(e,t,n){"use strict";var a=n(1020);n.d(t,"a",(function(){return a.a}));n(1027);var i=n(1026);n.d(t,"b",(function(){return i.a}))},1088:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(0),i=n.n(a);function r(e){var t,n,a,r;if(!e.owner)return i.a.createElement(i.a.Fragment,null);var c=e.owner.name;e.owner.surname&&(c+=" ".concat(e.owner.surname.substr(0,1)).toUpperCase());var o=null!=(r=null===(a=null===(n=null===(t=e.owner.customers)||void 0===t?void 0:t.data)||void 0===n?void 0:n[0])||void 0===a?void 0:a.name)?r:"";return o&&(c+=", "),i.a.createElement("small",{className:"clamp-1"},c,o&&i.a.createElement("em",null,o),"ClickView"===o&&i.a.createElement(i.a.Fragment,null,"CV Icon"))}},1131:function(e,t,n){"use strict";n.d(t,"a",(function(){return v}));var a=n(0),i=n.n(a),r=n(43),c=n(58),o=n(982),s=n(975),l=n(91),u=n(1088),d=n(160),m=n(1132),p=n.n(m),v=i.a.memo((function(e){var t=Object.assign(Object.assign({},e.appLink),{args:[e.data.id,r.a.slugify(e.data.name)]}),n=Object.assign(Object.assign({},e.questionsAppLink),{args:[e.data.id]});return i.a.createElement("div",{className:"flex-shrink-0 px-1 ".concat(p.a.item)},i.a.createElement("div",{className:"row m-0 border rounded p-2 h-100"},i.a.createElement("div",{className:"col-6 p-0"},i.a.createElement(o.a,{video:e.video,interactive:e.data,appLink:t,type:"static",videoType:"interactive",imageOptions:{size:d.a.Small},textPosition:s.a.Independent,preload:!0})),i.a.createElement("div",{className:"col-6 p-0"},i.a.createElement("div",{className:"pl-3"},i.a.createElement(c.a,{appLink:t},i.a.createElement("h3",{className:"h6 mb-1 clamp-2"},e.data.name)),i.a.createElement(u.a,{owner:e.data.owner}),i.a.createElement(c.a,{className:"info-link",appLink:n},i.a.createElement(l.b,{namespace:"shared.interactiveWidgetItem",phrase:"previewQuestions"}))))))}))},1132:function(e,t,n){e.exports={item:"_2An5o",thumbnail:"Wvc5s",smallItemIconWidth:"_2IdDd",smallItemInfoWidth:"_1Iat7",smallProgressBarContainer:"_17I8T"}},1137:function(e,t,n){e.exports={time:"_30ibe",typeIcon:"UMnFt",type:"_3uwxz",question:"_1FwXi"}},1138:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var a={interactiveMetadata:function(e){return{url:"/api/domain/v2/objects/".concat(e,"?query=video"),key:"interactivemetadata:".concat(e)}},interactive:function(e){return{url:"/api/domain/v1/interactives/".concat(e),key:"interactive:".concat(e)}}}},1160:function(e,t,n){"use strict";var a=n(0),i=n.n(a),r=n(214),c=n(210),o=n(318),s=n(303),l=n(1043);var u=n(1137),d=n.n(u);function m(e){var t=e.interaction,n=e.visibleAt,a=e.goToTimepoint,r=e.selected;var l=a?"cursor-pointer":"cursor-default";return i.a.createElement(s.a,{className:"py-2 outline-none ".concat(l),onClick:function(){a&&a(n)}},i.a.createElement("span",{className:"".concat(d.a.time," ").concat(r?"font-weight-bold":"")},o.a.ToDisplayDuration(n)),i.a.createElement("span",{className:d.a.typeIcon,style:{backgroundImage:"url(".concat(t.type.icon,")"),backgroundColor:"#".concat(t.type.colour)}}),i.a.createElement("span",{className:d.a.type},i.a.createElement("strong",null,t.type.name)),i.a.createElement("span",{className:"".concat(d.a.question," ").concat(r?"font-weight-bold":"")},t.typeId===c.d.Annotation?function(e){if(e)return(e=function(e){if(e)return e.replace(/<p>/g,"").replace(/<\/p>/g,"<br>")}(e=function(e,t){if(e&&t)return t.forEach((function(t){e=e.replace("<"+t+">","").replace("</"+t+">","")})),e}(e,["b","i","u","ul","li","old"]))).split("<br>")[0]||"Annotation"}(t.data.annotation):t.name))}function p(e){var t=e.timepoint,n=e.selectedTimepointId,a=e.goToTimepoint,r=e.scrollTo,c=i.a.useRef(),o=n&&n.toString()===t.id.toString();return i.a.useEffect((function(){if(o&&c.current){var e=c.current,t=e.getBoundingClientRect(),n=t.top-e.offsetParent.getBoundingClientRect().top;r(n,t.height)}}),[o]),i.a.createElement("div",{ref:c},t.interactions.map((function(e,n){return i.a.createElement(m,{interaction:e,visibleAt:t.visibleAt,goToTimepoint:a,selected:o,key:n})})))}function v(e){var t=e.interactive,n=e.goToTimepoint,a=e.selectedTimepointId,c=i.a.useRef();function o(e,t){if(c.current){var n=c.current.getClientHeight(),a=c.current.getScrollTop(),i=e+a;(i<a||i+t>a+n)&&c.current.scrollTop(i-n/2+t/2)}}var s=n?"border rounded":"";return i.a.createElement(r.Scrollbars,{autoHeight:!0,autoHeightMax:l.a,className:s,hideTracksWhenNotNeeded:!0,ref:c},i.a.createElement("div",{className:"px-3 py-1"},t.timepoints.map((function(e,t){return i.a.createElement(p,{key:t,timepoint:e,goToTimepoint:n,selectedTimepointId:a,scrollTo:o})}))))}n.d(t,"a",(function(){return v}))},1382:function(e,t,n){},1383:function(e,t,n){},1384:function(e,t,n){},1385:function(e,t,n){},1386:function(e,t,n){},1387:function(e,t,n){},1388:function(e,t,n){},1389:function(e,t,n){},1390:function(e,t,n){},1477:function(e,t,n){"use strict";n.r(t);var a,i=n(0),r=n.n(i),c=n(19),o=n(9),s=n(304),l=n(1006),u=n(142),d=n(58),m=n(1131),p=n(1061),v=n(91),h=n(1041),f=n(327);!function(e){e[e.View=0]="View",e[e.Create=1]="Create"}(a||(a={}));var g=n(109),y=n(6),b=n(1439),E=n(237);function w(){return r.a.createElement("div",{className:"alert alert-info mt-3",role:"alert"},"Psst, you haven't attempted this question yet. You can continue to watch the video and answer the question later if you like.")}var C=n(210);n(1382);const k={[C.d.Annotation]:null,[C.d.Image]:null,[C.d.MissingWord]:null,[C.d.MultipleChoice]:null,[C.d.ShortAnswer]:function(e){const{state:t,setState:n,interaction:a}=e;return r.a.createElement("div",{className:"cv-create-short-answer"},r.a.createElement("h2",{className:"font-body"},"Create Short Answer"),r.a.createElement("textarea",{className:"form-control",rows:3,onChange:function(e){n(Object.assign(Object.assign({},t),{text:e.target.value}))},value:t.text||a.data.text}))}};const I={[C.d.Annotation]:null,[C.d.Image]:null,[C.d.MissingWord]:null,[C.d.MultipleChoice]:null,[C.d.ShortAnswer]:function(e){return!!e.text},[C.d.TrueOrFalse]:null};const S={[C.d.Annotation]:null,[C.d.Image]:null,[C.d.MissingWord]:null,[C.d.MultipleChoice]:null,[C.d.ShortAnswer]:function(e,t){return new Promise(n=>{window.setTimeout(()=>{t.data.text=e.text,n()},200)})},[C.d.TrueOrFalse]:null};n(1383);function O(e){const{interaction:t}=e;return r.a.createElement("div",{className:"cv-interaction-heading mb-3"},r.a.createElement("span",{className:"cv-iteraction-icon",style:{backgroundImage:`url(https:${t.type.icon})`,backgroundColor:"#"+t.type.colour}}),r.a.createElement("h2",{className:"cv-interaction-title h5"},t.name))}n(1384);function T(e){const{correct:t,showFeedback:n}=e;return n?r.a.createElement(r.a.Fragment,null,t?r.a.createElement("div",{className:"alert alert-success"},"Correct"):r.a.createElement("div",{className:"alert alert-danger"},"Incorrect")):r.a.createElement(r.a.Fragment,null)}var N=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(a=Object.getOwnPropertySymbols(e);i<a.length;i++)t.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(e,a[i])&&(n[a[i]]=e[a[i]])}return n};function j(e,t){return t.actionableItems.every(t=>t.name===e[t.id])}n(1385);var A=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(a=Object.getOwnPropertySymbols(e);i<a.length;i++)t.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(e,a[i])&&(n[a[i]]=e[a[i]])}return n};function x(e,t){return t.actionableItems.filter(e=>e.isCorrect).every(t=>e[t.id])}function _(e){return!!Object.keys(e).length}function F(){return new Promise(e=>{e()})}function P(e){const{state:t,setState:n,interaction:a,showFeedback:i}=e,c=1===a.actionableItems.filter(e=>e.isCorrect).length;return r.a.createElement("div",{className:"cv-interactive-question"},r.a.createElement(T,{correct:x(t,a),showFeedback:i}),r.a.createElement(O,{interaction:a}),r.a.createElement("form",{className:"cv-multiple-choice-form"},r.a.createElement("table",{className:"table-bordered w-100"},r.a.createElement("tbody",{className:"table-bordered w-100"},a.actionableItems.map((e,a)=>{const o=t[e.id];return r.a.createElement("tr",{key:a},r.a.createElement("td",{className:"cv-multiple-choice-input-container"},r.a.createElement("div",{className:"custom-control "+(c?"custom-radio":"custom-checkbox")},r.a.createElement("input",{id:e.id,type:c?"radio":"checkbox",className:"custom-control-input",name:"multiple-choice",checked:!!o,onChange:a=>function(e,a){if(c)n({[e.id]:!0});else if(a.target.checked)n(Object.assign(Object.assign({},t),{[e.id]:!0}));else{const a=e.id,i=(t[a],A(t,["symbol"==typeof a?a:a+""]));n(i)}}(e,a),disabled:i}),r.a.createElement("label",{htmlFor:e.id,className:"custom-control-label"}))),r.a.createElement("td",{className:"cv-multiple-choice-label-container w-100"},r.a.createElement("label",{htmlFor:e.id},e.name)))})))))}var M=n(1438);const L={[C.d.Annotation]:function(e){const{interaction:t}=e;return r.a.createElement("div",{className:"cv-interactive-question"},r.a.createElement(O,{interaction:t}),r.a.createElement("div",{dangerouslySetInnerHTML:{__html:e.interaction.data.annotation}}))},[C.d.Image]:function(e){const{interaction:t,recalculateScroll:n}=e,a=r.a.useCallback(e=>{e&&(e.onload=()=>{n()})},[]);return r.a.createElement("div",{className:"cv-interactive-question cv-image-interactive"},r.a.createElement(O,{interaction:t}),r.a.createElement("div",{className:"cv-image-container"},r.a.createElement("img",{className:"img-fluid",src:t.data.url,ref:a})))},[C.d.MissingWord]:function(e){const{state:t,setState:n,interaction:a,showFeedback:i}=e,c=a.data.sentence.replace(/{([^{}]*)}/g,(e,t)=>`{cv-missing-word-${t}}`).split(/{([^{}]*)}/g);return r.a.createElement("div",{className:"cv-interactive-question"},r.a.createElement(T,{correct:j(t,a),showFeedback:i}),r.a.createElement(O,{interaction:a}),r.a.createElement("form",null,c.map((e,i)=>{if(!e.startsWith("cv-missing-word-"))return e;const c=e.replace("cv-missing-word-",""),o=a.actionableItems.find(e=>e.order.toString()===c);if(!o)return;const s=function(e){const t=document.createElement("canvas").getContext("2d");return t.font="17pt arial",t.measureText(e).width}(o.name);return r.a.createElement("input",{key:i,style:{width:s+"px"},onChange:e=>function(e,a){if(a.target.value)n(Object.assign(Object.assign({},t),{[e.id]:a.target.value}));else{const a=e.id,i=(t[a],N(t,["symbol"==typeof a?a:a+""]));n(i)}}(o,e)})})))},[C.d.MultipleChoice]:P,[C.d.ShortAnswer]:function(e){const{interaction:t,state:n,setState:a}=e;return r.a.createElement("div",{className:"cv-interactive-question"},r.a.createElement(O,{interaction:t}),r.a.createElement(M.a,{translate:!0,className:"form-control",minRows:3,value:n.text||"",onChange:function(e){a(Object.assign(Object.assign({},n),{text:e.target.value}))}}))},[C.d.TrueOrFalse]:P};function V(){return!0}const R={[C.d.Annotation]:V,[C.d.Image]:V,[C.d.MissingWord]:function(e,t){return Object.keys(e).length===t.actionableItems.length},[C.d.MultipleChoice]:_,[C.d.ShortAnswer]:function(e){return!!e.text},[C.d.TrueOrFalse]:_};function D(){return Promise.resolve()}const W={[C.d.Annotation]:D,[C.d.Image]:D,[C.d.MissingWord]:function(){return new Promise(e=>{e()})},[C.d.MultipleChoice]:F,[C.d.ShortAnswer]:function(){return new Promise(e=>{e()})},[C.d.TrueOrFalse]:F};function q(e,t){if(t===a.Create)return function(e){return I[e]}(e);if(t===a.View)return function(e){return R[e]}(e);throw new Error("Cannot find validation functions for the mode "+t)}function B(e,t){if(t===a.Create)return function(e){return S[e]}(e);if(t===a.View)return function(e){return W[e]}(e);throw new Error("Cannot find validation functions for the mode "+t)}function U(e,t){if(t===a.Create)return function(e){return k[e]}(e);if(t===a.View)return function(e){return L[e]}(e);throw new Error("Cannot find components for the mode "+t)}function z(e){return"t"+e.id}function H(e){return"i"+e.id}n(1386);const K={isValid:!0,submitted:!1,preview:!1};function Q(e){const{timepoint:t,continueInteractive:n,mode:a,state:i,dispatch:c,recalculateScroll:o,timepointState:s,immediateFeedback:l}=e;return r.a.createElement("div",{className:"cv-timepoint"},r.a.createElement("div",null,t.interactions.map((e,t)=>{const n=U(e.type.id,a);return r.a.createElement(n,{interaction:e,state:i[H(e)]||{},setState:t=>c({key:H(e),value:t}),key:t,recalculateScroll:o,showFeedback:s.submitted})}),!s.isValid&&r.a.createElement(w,null)),r.a.createElement("div",{className:"cv-timpoint-button-container"},!s.isValid&&r.a.createElement("a",{className:"btn btn-secondary",onClick:n},"Come back later"),r.a.createElement("a",{className:"btn btn-info ml-2",onClick:function(){if(s.submitted)return void n();if(!!t.interactions.some(e=>!q(e.typeId,a)(i[H(e)]||{},e)))return void c({key:z(t),value:Object.assign(Object.assign({},s),{isValid:!1})});const e=t.interactions.map(e=>B(e.typeId,a)(i[H(e)]||{},e));Promise.all(e).then(()=>{c({key:z(t),value:Object.assign(Object.assign({},s),{submitted:!0,isValid:!0})}),l&&function(e){return e.interactions.some(e=>e.typeId===C.d.MissingWord||e.typeId===C.d.MultipleChoice||e.typeId===C.d.TrueOrFalse)}(t)||n()})}},"Save & Continue")))}n(1387);const X=[{name:"Annotation",type:C.d.Annotation},{name:"Image",type:C.d.Image},{name:"MissingWord",type:C.d.MissingWord},{name:"MultipleChoice",type:C.d.MultipleChoice},{name:"ShortAnswer",type:C.d.ShortAnswer},{name:"TrueOrFalse",type:C.d.TrueOrFalse}];function G(e){const{onTypeSelected:t}=e;return r.a.createElement("div",{className:"cv-interactive-type-selector"},X.map((e,n)=>r.a.createElement("a",{key:n,className:"btn btn-info",onClick:()=>t(e.type)},e.name)))}n(1388);function $(e,t){return Object.assign(Object.assign({},e),{[t.key]:t.value})}function J(e){const{player:t,track:n,mode:i,interactive:c}=e,[o,s]=r.a.useReducer($,{}),{open:l,timepoint:u,continueInteractive:d}=function(e){const{player:t,track:n,interactive:i,mode:c}=e,[o,s]=r.a.useState(c===a.Create),[l,u]=r.a.useState(null);function d(){const e=n.activeCues;if(!e.length)return c!==a.Create&&s(!1),void u(null);const r=i.timepoints.find(t=>t.id.toString()===e[0].text.toString());r.shouldPause&&(t.seeking()?t.one("play",()=>t.pause()):t.pause()),s(!0),u(r)}return r.a.useEffect(()=>(n.addEventListener("cuechange",d),()=>n.removeEventListener("cuechange",d))),{open:o,timepoint:l,continueInteractive:function(){c!==a.Create&&s(!1),t.play()},lockPlayer:function(){},unlockPlayer:function(){}}}({player:t,track:n,interactive:c,mode:i}),m=r.a.useRef();return r.a.createElement("div",{className:"cv-interactive-container"},r.a.createElement("div",{className:"cv-interactive "+(l?"cv-open":"")},r.a.createElement(b.a,{style:{height:"100%"},ref:m},!u&&i===a.Create&&r.a.createElement(G,{onTypeSelected:function(e){t.pause();const a=t.currentTime(),i=Math.round(Math.random()*Number.MAX_SAFE_INTEGER).toString();c.timepoints||(c.timepoints=[]),c.timepoints.push({id:i,visibleAt:1e3*a,interactiveId:c.id,shouldPause:1,interactions:[{id:Math.round(Math.random()*Number.MAX_SAFE_INTEGER).toString(),typeId:e,type:{id:e,name:"",colour:"",icon:""},timepointId:i,order:0,interactiveId:c.id,data:{}}]}),n.addCue({startTime:a,endTime:a+1,text:i})}}),!!u&&r.a.createElement(Q,{timepoint:u,continueInteractive:d,immediateFeedback:c.immediateFeedback,mode:i,state:o,dispatch:s,recalculateScroll:function(){m.current.recalculate()},timepointState:o[z(u)]||K}))))}y.a.registerComponent("Interactive",Object(E.a)((e,t)=>r.a.createElement(J,Object.assign({player:e},t))));n(1389);const Y=y.a.getComponent("Button");class Z extends Y{constructor(e,t){super(e,t),this.timepoint_=t.timepoint,this.time_=t.timepoint.visibleAt/1e3;const n=t.timepoint.interactions[0];n||this.hide(),this.setColour(n.type.colour),this.controlText(n.name),this.update()}buildCSSClass(){return"cv-interactive-bar-item "+super.buildCSSClass()}createEl(e,t,n){return super.createEl(e,Object.assign(Object.assign({},t),{className:this.buildCSSClass()}),n)}update(){const e=this.player_.duration(),t=this.time_/e;this.el().style.left=100*t+"%",t>100||t<0?this.hide():this.show()}handleClick(e){e.stopPropagation(),this.player_.currentTime(this.time_)}setColour(e){this.el().querySelector(".vjs-icon-placeholder").style.backgroundColor="#"+e}}n(1390);const ee=y.a.getComponent("Component");class te extends ee{constructor(e,t){super(e,t),this.track_=t.track,this.interactive_=t.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(e,t,n){return super.createEl(e,Object.assign(Object.assign({},t),{className:this.buildCSSClass()}),n)}update(){this.children_.forEach(e=>{e.update()})}createInteractionItems(){if(this.track_){this.children_.forEach(e=>{this.removeChild(e)});for(let e=0;e<this.track_.cues.length;e++){const t=this.track_.cues[e],n=this.getTimepointById(t.text);n&&this.addChild(new Z(this.player_,{timepoint:n}))}}}onDurationChange(){this.update()}getTimepointById(e){var t;return null===(t=this.interactive_.timepoints)||void 0===t?void 0:t.find(t=>t.id===e)}}const ne=y.a.getPlugin("plugin");y.a.registerPlugin("viewInteractivePlugin",class extends ne{constructor(e,t){super(e),this.options=t,e.ready(()=>this.initialize())}initialize(){g.a.useTrack(this.player,"metadata","interactive",this.onTrackLoaded.bind(this))}onTrackLoaded(e){this.player.addChild("Interactive",{track:e,interactive:this.options.interactive,mode:this.options.mode});this.player.controlBar.getChild("progressControl").getChild("SeekBar").addChild(new te(this.player,{interactive:this.options.interactive,track:e}))}});var ae=function(e,t,n,a){return new(n||(n=Promise))((function(i,r){function c(e){try{s(a.next(e))}catch(e){r(e)}}function o(e){try{s(a.throw(e))}catch(e){r(e)}}function s(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(c,o)}s((a=a.apply(e,t||[])).next())}))};class ie extends f.a{constructor(e,t){super(e,t),this.onCueChange=this.onCueChange.bind(this)}additionalSetup(e){const t=Object.create(null,{additionalSetup:{get:()=>super.additionalSetup}});return ae(this,void 0,void 0,(function*(){if(t.additionalSetup.call(this,e),this.track=this.player.addTextTrack("metadata","interactive"),this.options.mode===a.Create)return void this.player.viewInteractivePlugin({interactive:{id:Math.round(Math.random()*Number.MAX_SAFE_INTEGER).toString()},mode:a.Create,track:this.track});const n=e.additionalData;n.timepoints.forEach(e=>{const t=e.visibleAt/1e3,n=e.visibleFor?t+e.visibleFor/1e3:t+1;this.track.addCue({startTime:t,endTime:n,text:e.id})}),this.player.viewInteractivePlugin({interactive:n,mode:a.View}),this.options.onTimepointChange&&this.bindCueChange()}))}bindCueChange(){this.track.addEventListener("cuechange",this.onCueChange),this.player.on("dispose",()=>{this.track.removeEventListener("cuechange",this.onCueChange)})}onCueChange(){const e=this.track.activeCues;e&&e.length?this.options.onTimepointChange(e[0].text):this.options.onTimepointChange(null)}}var re=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(a=Object.getOwnPropertySymbols(e);i<a.length;i++)t.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(e,a[i])&&(n[a[i]]=e[a[i]])}return n};function ce(e){const{onReady:t}=e,n=re(e,["onReady"]),a=r.a.useRef();return r.a.useEffect(()=>{const e=new ie(a.current,n);t&&e.ready(()=>{t(e)})},[]),r.a.createElement("div",{ref:a})}var oe=n(13),se=n(1160),le=n(7),ue=n(1138),de=n(311),me=n(43);function pe(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,i=!1,r=void 0;try{for(var c,o=e[Symbol.iterator]();!(a=(c=o.next()).done)&&(n.push(c.value),!t||n.length!==t);a=!0);}catch(e){i=!0,r=e}finally{try{a||null==o.return||o.return()}finally{if(i)throw r}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return ve(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return ve(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function ve(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}n.d(t,"PreviewInteractiveView",(function(){return fe}));var he=o.a.encloseNamespace("shared.previewInteractive");function fe(e){var t,n,a,r,o=pe(i.useState(null),2),f=o[0],g=o[1],y=i.useRef(),b=c.a.useBasicFetch(u.a.config()),E=c.a.useBasicFetch(ue.a.interactiveMetadata(e.id)),w=c.a.useBasicFetch(E.data?de.a.video(E.data.video.id):null),C=c.a.useBasicFetch(E.data?l.a.createViewKey(E.data.id):null),k=c.a.useBasicFetch(E.data?ue.a.interactive(E.data.interactiveId):null);if(Object(s.a)(null===(t=E.data)||void 0===t?void 0:t.name),!(C.data&&b.data&&E.data&&k.data&&w.data))return i.createElement(i.Fragment,null);var I=null===(a=null===(n=w.data.interactives)||void 0===n?void 0:n.data)||void 0===a?void 0:a.filter((function(t){return t.id.toString()!==e.id.toString()})),S={application:le.a.DEFAULT,action:oe.a.Default.PLAY_VIDEO,args:[w.data.id,me.a.slugify(w.data.name)]};return i.createElement(v.a.Provider,{value:"shared.previewInteractive"},i.createElement("div",{className:"mb-3"},i.createElement(ce,{viewKey:C.data.viewKey,playerApi:new URL(b.data.playerApiUrl),hotkeyElQuerySelector:"body",autoplay:!0,onTimepointChange:function(e){g(e)},onReady:function(e){y.current=e}})),i.createElement("div",{className:"d-flex justify-content-between align-items-center pb-3"},i.createElement("div",null,i.createElement("h1",{className:"h3 d-inline-block m-0"},E.data.name),i.createElement("div",null,i.createElement(v.b,{phrase:"backTo"}),": ",i.createElement(d.a,{appLink:S,className:"text-info"},E.data.video.name)))),E.data.description&&i.createElement("p",null,E.data.description),i.createElement("h2",{className:"h4"},i.createElement(v.b,{phrase:"interactiveQuestions"})),i.createElement(se.a,{interactive:k.data,selectedTimepointId:f,goToTimepoint:function(e){y.current&&y.current.currentTime(e/1e3)}}),!!(null===(r=I)||void 0===r?void 0:r.length)&&i.createElement("div",{className:"my-3"},i.createElement(p.a,{name:he("otherInteractives",{count:I.length}),contents:h.a.Interactives,collection:I,prefetched:!0,childAppLink:{application:le.a.DEFAULT,action:oe.a.Default.PREVIEW_INTERACTIVE},childComponent:function(e){return i.createElement(m.a,Object.assign({video:w.data,questionsAppLink:{application:le.a.DEFAULT,action:oe.a.Default.PREVIEW_QUESTIONS}},e))},analyticsData:{widgetId:"interactives"}})))}}}]);