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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["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/create-clip-player.ts","file://C:/ClickView/front-end/clickview/packages/projects/player/src/plugins/create-clip-plugin/components/clip-timepoint-selector/clip-timepoint-selector-handle.ts","webpack://@clickview/lite/../player/src/plugins/create-clip-plugin/components/clip-timepoint-selector/clip-timepoint-selector.scss?ab23","file://C:/ClickView/front-end/clickview/packages/projects/player/src/plugins/create-clip-plugin/components/clip-timepoint-selector/clip-timepoint-selector.ts","webpack://@clickview/lite/../player/src/plugins/create-clip-plugin/components/create-clip-seek-bar/create-clip-seek-bar.scss?f788","file://C:/ClickView/front-end/clickview/packages/projects/player/src/plugins/create-clip-plugin/components/create-clip-seek-bar/create-clip-seek-bar.ts","file://C:/ClickView/front-end/clickview/packages/projects/player/src/plugins/create-clip-plugin/create-clip-plugin.ts","file://C:/ClickView/front-end/clickview/packages/projects/player/src/react/CreateClipPlayer.tsx","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/shared/components/clip-time-form/ClipTimeForm.tsx","webpack://@clickview/lite/./src/shared/components/clip-time-form/clip-time-form.scss?150e","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/shared/flight-requests/ClipRequests.ts","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/shared/views/edit-clip-timepoints/EditClipTimepointsView.tsx"],"names":[],"mappings":";;;;;;;;;;AACA;AAAA;AAAA;AAAA;AAEO,IAAM,cAAc,GAAG;AAC5B,eAD4B,yBACd,EADc,EACJ;AACtB,WAAO;AACL,SAAG,+BADE;AAEL,SAAG,qBAAc,EAAd,CAFE;AAGL,UAAI,EAAE,8EAAS,CAAC,IAHX;AAIL,UAAI,EAAE;AACJ,eAAO,EAAE,EAAE,CAAC,QAAH;AADL;AAJD,KAAP;AAQD;AAV2B,CAAvB,C;;;;;;;;;;;;ACHP;AAAA;AAAA;AAAA;AAA2C;AACe;AACnD,+BAA+B,uDAAU;AAChD;AACA,4CAA4C;AAC5C;AACA;AACA,KAAK;AACL;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;;AAEA;AACA;AACA;;AAEA,C;;;;;;;;;;;;ACnCA;AAAA;AAAA;AAA+B;AAC/B,kBAAkB,gDAAO,2BAA2B;;AAEpD;AACO;AACP;AACA,uCAAuC,sBAAsB;AAC7D;;AAEA;AACA,iEAAiE;AACjE;AACA;AACA,KAAK;AACL;;AAEA;AACA;AACA;;AAEA,C;;;;;;;;;;;ACpBA,uC;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAA+B;AAC/B,kBAAkB,gDAAO;AACsD;AACvC;AACjC;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B,2FAA2B;AACtD;AACA;AACA,yBAAyB,2FAA2B;AACpD;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA,KAAK;AACL;AACA;AACA;;AAEA;AACA;AACA;AACA,KAAK,IAAI;AACT;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,mFAAmF,gDAAO;AAC1F;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA,WAAW,gDAAO;AAClB;;AAEA;AACA,mCAAmC,mCAAmC;AACtE;;AAEA;AACA,8BAA8B,kDAAkD;AAChF;;AAEA;AACA;AACA;;AAEA,C;;;;;;;;;;;ACtLA,uC;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAA+B;AAC/B,gBAAgB,gDAAO;AACoE;AACtD;AAC9B;AACP;AACA;AACA;AACA;;AAEA;AACA,kCAAkC,sGAAqB;AACvD;AACA;;AAEA;AACA;AACA;AACA;AACA,EAAE;;AAEF,KAAK,gDAAO,oBAAoB,gDAAO;AACvC;AACA;;AAEA,gDAAO,2D;;;;;;;;;;;;ACzBP;AAAA;AAAA;AAA+B;AACiC;AAChE,eAAe,gDAAO;AACtB,oCAAoC;;AAEpC;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;;AAEA;AACA;AACA;;AAEA;;AAEA,gDAAO,sD;;;;;;;;;;;;ACpCP;AAAA;AAAA;AAAA;AAAA;AAA0B;AACuC;AAC1D;AACP,cAAc,4CAAK;AACnB,oBAAoB,4CAAK;AACzB,EAAE,4CAAK;AACP,4BAA4B,4EAAgB;AAC5C,GAAG;AACH,EAAE,4CAAK;AACP;;AAEA;AACA;AACA;AACA,KAAK;AACL,GAAG;AACH,EAAE,4CAAK;AACP;;AAEA;AACA;AACA;AACA,KAAK;AACL,GAAG;AACH,SAAS,4CA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","file":"scripts/15.chunk.js","sourcesContent":["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};","import { BasePlayer } from './base-player';\nimport \"../plugins/create-clip-plugin/create-clip-plugin\";\nexport class CreateClipPlayer extends BasePlayer {\n  constructor(id, options) {\n    super(id, Object.assign(Object.assign({}, options), {\n      playbackRates: null,\n      enableLocalCache: false\n    }));\n  }\n\n  getPlayerClassName() {\n    return 'cv-create-clip-player';\n  }\n\n  configurePlugins() {\n    const {\n      startTime,\n      endTime,\n      minDuration,\n      onChangeStartTime,\n      onChangeEndTime\n    } = this.options;\n    this.player.createClipPlugin({\n      startTime,\n      endTime,\n      minDuration,\n      onChangeStartTime,\n      onChangeEndTime\n    });\n  }\n\n  getSeekBarName() {\n    return 'CreateClipSeekBar';\n  }\n\n}","import videojs from 'video.js';\nconst Component = videojs.getComponent('Component'); // tslint:disable-next-line\n\nconst handleSvg = '<svg viewBox=\"0 0 5 14\"><g id=\"Clips\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\"><g id=\"Clip-2\" transform=\"translate(-835.000000, -632.000000)\" fill=\"#FFFFFF\"><g id=\"Video-Copy\" transform=\"translate(275.000000, 96.000000)\"><g id=\"Handles\" transform=\"translate(560.000000, 536.000000)\"><circle id=\"Oval\" cx=\"1\" cy=\"1\" r=\"1\"></circle><circle id=\"Oval-Copy-2\" cx=\"1\" cy=\"5\" r=\"1\"></circle><circle id=\"Oval-Copy-4\" cx=\"1\" cy=\"9\" r=\"1\"></circle><circle id=\"Oval-Copy-8\" cx=\"1\" cy=\"13\" r=\"1\"></circle><circle id=\"Oval-Copy\" cx=\"4\" cy=\"1\" r=\"1\"></circle><circle id=\"Oval-Copy-3\" cx=\"4\" cy=\"5\" r=\"1\"></circle><circle id=\"Oval-Copy-5\" cx=\"4\" cy=\"9\" r=\"1\"></circle><circle id=\"Oval-Copy-9\" cx=\"4\" cy=\"13\" r=\"1\"></circle></g></g></g></g></svg>';\nexport class ClipTimepointSelectorHandle extends Component {\n  buildCSSClass() {\n    return `cv-clip-timepoint-handle ${super.buildCSSClass()}`;\n  }\n\n  createEl(tagName, properties, attributes) {\n    return super.createEl(tagName, Object.assign(Object.assign({}, properties), {\n      className: this.buildCSSClass(),\n      innerHTML: handleSvg\n    }), attributes);\n  }\n\n  isEventTarget(e) {\n    return this.el().contains(e.target);\n  }\n\n}","// extracted by mini-css-extract-plugin","import videojs from 'video.js';\nconst Component = videojs.getComponent('Component');\nimport { ClipTimepointSelectorHandle } from \"./clip-timepoint-selector-handle\";\nimport './clip-timepoint-selector.scss';\nexport class ClipTimepointSelector extends Component {\n  constructor(player, options) {\n    super(player, options);\n    this.dragStartActive = false;\n    this.dragEndActive = false;\n    this.dragSliderActive = false;\n    this.dragSliderCurrentPosition = null;\n    this.minDuration = Math.min(player.duration(), this.options_.minDuration);\n    this.setStartTime(options.startTime, false);\n    this.setEndTime(options.endTime, false);\n    this.startHandle = new ClipTimepointSelectorHandle(this.player(), options);\n    this.startHandle.addClass('cv-clip-start-handle');\n    this.addChild(this.startHandle);\n    this.endHandle = new ClipTimepointSelectorHandle(this.player(), options);\n    this.endHandle.addClass('cv-clip-end-handle');\n    this.addChild(this.endHandle);\n    this.on(this.player(), 'update:clip:start:time', ({\n      time\n    }) => this.setStartTime(time));\n    this.on(this.player(), 'update:clip:end:time', ({\n      time\n    }) => this.setEndTime(time));\n    this.bindDragListeners();\n    this.update();\n  }\n\n  createEl() {\n    return super.createEl('div', {\n      className: 'cv-clip-timepoint-selector'\n    }, {});\n  }\n\n  update() {\n    this.options_.onChangeStartTime(this.startTime);\n    this.options_.onChangeEndTime(this.endTime);\n    this.requestAnimationFrame(() => {\n      this.setStartOffset();\n      this.setWidth();\n    });\n  }\n\n  setStartTime(time, shouldUpdate = true) {\n    if (isNaN(time)) return;\n    const currentEndTime = this.endTime || this.player().duration();\n    const maxStartTime = currentEndTime - this.minDuration;\n    if (time > maxStartTime) time = maxStartTime;\n    if (time < 0) time = 0;\n    this.startTime = time;\n    if (this.endTime && this.endTime - this.startTime < this.minDuration) this.setEndTime(this.startTime + this.minDuration);\n    /**\r\n     * Seek player to the clip start time.\r\n     */\n\n    this.player().currentTime(this.startTime);\n    if (shouldUpdate) this.update();\n  }\n\n  setEndTime(time, shouldUpdate = true) {\n    if (isNaN(time)) return;\n    const currentStartTime = this.startTime || 0;\n    const minEndTime = currentStartTime + this.minDuration;\n    if (time < minEndTime) time = minEndTime;\n    if (time > this.player().duration()) time = this.player().duration();\n    this.endTime = time;\n    if (this.startTime && this.endTime - this.startTime < this.minDuration) this.setStartTime(this.endTime - this.minDuration);\n    if (shouldUpdate) this.update();\n  }\n\n  bindDragListeners() {\n    this.dragStart = this.dragStart.bind(this);\n    this.dragEnd = this.dragEnd.bind(this);\n    this.drag = this.drag.bind(this);\n\n    const bindListeners = el => {\n      const options = {\n        passive: true\n      };\n      el.addEventListener('touchstart', this.dragStart, options);\n      el.addEventListener('touchend', this.dragEnd, options);\n      el.addEventListener('touchmove', this.drag, options);\n      el.addEventListener('mousedown', this.dragStart, options);\n      el.addEventListener('mouseup', this.dragEnd, options);\n      el.addEventListener('mousemove', this.drag, options);\n      this.player().on('dispose', () => {\n        el.removeEventListener('touchstart', this.dragStart);\n        el.removeEventListener('touchend', this.dragEnd);\n        el.removeEventListener('touchmove', this.drag);\n        el.removeEventListener('mousedown', this.dragStart);\n        el.removeEventListener('mouseup', this.dragEnd);\n        el.removeEventListener('mousemove', this.drag);\n      });\n    };\n    /**\r\n     * Bind event listeners to control bar el so that we can continue\r\n     * to capture drag events if the cursor is dragged outside\r\n     * of this component.\r\n     */\n\n\n    bindListeners(this.player().controlBar.el());\n    bindListeners(this.el());\n  }\n\n  dragStart(e) {\n    if (this.startHandle.isEventTarget(e)) {\n      e.stopImmediatePropagation();\n      this.dragStartActive = true;\n    }\n\n    if (this.endHandle.isEventTarget(e)) {\n      e.stopImmediatePropagation();\n      this.dragEndActive = true;\n    }\n\n    if (e.target === this.el()) {\n      e.stopImmediatePropagation();\n      this.dragSliderActive = true;\n      this.dragSliderCurrentPosition = this.getPosition(e);\n    }\n  }\n\n  dragEnd() {\n    this.setStartTime(Math.floor(this.startTime));\n    this.setEndTime(Math.ceil(this.endTime));\n    this.dragStartActive = false;\n    this.dragEndActive = false;\n    this.dragSliderActive = false;\n    this.dragSliderCurrentPosition = null;\n  }\n\n  drag(e) {\n    if (!this.dragStartActive && !this.dragEndActive && !this.dragSliderActive || !videojs.dom.isSingleLeftClick(e)) return;\n    const position = this.getPosition(e);\n    const timepoint = position * this.player().duration();\n    if (this.dragStartActive) this.handleStartHandleDrag(timepoint);\n    if (this.dragEndActive) this.handleEndHandleDrag(timepoint);\n    if (this.dragSliderActive) this.handleSliderDrag(position);\n  }\n\n  handleStartHandleDrag(timepoint) {\n    this.setStartTime(timepoint);\n  }\n\n  handleEndHandleDrag(timepoint) {\n    this.setEndTime(timepoint);\n  }\n\n  handleSliderDrag(position) {\n    const timeDifference = (position - this.dragSliderCurrentPosition) * this.player().duration();\n    const newStartTime = this.startTime + timeDifference;\n    const newEndTime = this.endTime + timeDifference;\n    /**\r\n     * Don't move if the clip is already at the beginning and/or end\r\n     * of the video.\r\n     */\n\n    if (newStartTime <= 0 || newEndTime >= this.player().duration()) return;\n    this.dragSliderCurrentPosition = position;\n    this.setStartTime(newStartTime);\n    this.setEndTime(newEndTime);\n  }\n\n  getPosition(e) {\n    return videojs.dom.getPointerPosition(this.el_.parentNode, e).x;\n  }\n\n  setStartOffset() {\n    this.el_.style.marginLeft = `${this.getPercentage(this.startTime)}%`;\n  }\n\n  setWidth() {\n    this.el_.style.width = `${this.getPercentage(this.endTime - this.startTime)}%`;\n  }\n\n  getPercentage(time) {\n    return +(time / this.player().duration() * 100).toFixed(4);\n  }\n\n}","// extracted by mini-css-extract-plugin","import videojs from 'video.js';\nconst SeekBar = videojs.getComponent('SeekBar');\nimport { ClipTimepointSelector } from \"../clip-timepoint-selector/clip-timepoint-selector\";\nimport './create-clip-seek-bar.scss';\nexport class CreateClipSeekBar extends SeekBar {\n  constructor(player, options) {\n    super(player, options);\n    this.addClass('cv-create-clip-seek-bar');\n  }\n\n  initialize(options) {\n    const timepointSelector = new ClipTimepointSelector(this.player(), options);\n    this.addChild(timepointSelector);\n  }\n\n}\nCreateClipSeekBar.prototype.options_ = {\n  children: ['playProgressBar'],\n  barName: 'playProgressBar'\n}; // MouseTimeDisplay tooltips should not be added to a player on mobile devices\n\nif (!videojs.browser.IS_IOS && !videojs.browser.IS_ANDROID) {\n  CreateClipSeekBar.prototype.options_.children.splice(1, 0, 'mouseTimeDisplay');\n}\n\nvideojs.registerComponent('CreateClipSeekBar', CreateClipSeekBar);","import videojs from 'video.js';\nimport \"./components/create-clip-seek-bar/create-clip-seek-bar\";\nconst Plugin = videojs.getPlugin('plugin');\nconst DEFAULT_MIN_CLIP_DURATION = 3; // seconds;\n\nclass CreateClipPlugin extends Plugin {\n  constructor(player, options) {\n    super(player, options);\n    this.options = options;\n    this.initCreateClipSeekBar = this.initCreateClipSeekBar.bind(this);\n    this.player.on('loadedmetadata', () => this.player.ready(this.initCreateClipSeekBar));\n  }\n\n  initCreateClipSeekBar() {\n    var _a;\n\n    const seekBar = (_a = this.player.controlBar.getChild('ProgressControl')) === null || _a === void 0 ? void 0 : _a.getChild('SeekBar');\n    if (!seekBar) return;\n    const startTime = !isNaN(this.options.startTime) && this.options.startTime >= 0 ? this.options.startTime : 0;\n    const endTime = !isNaN(this.options.endTime) && this.options.endTime <= this.player.duration() ? this.options.endTime : this.player.duration();\n    const minDuration = Math.min(this.options.minDuration || DEFAULT_MIN_CLIP_DURATION, this.player.duration());\n    seekBar.initialize({\n      startTime,\n      endTime,\n      minDuration,\n      onChangeStartTime: this.options.onChangeStartTime,\n      onChangeEndTime: this.options.onChangeEndTime\n    });\n  }\n\n  dispose() {\n    this.player.off('loadedmetadata', this.initCreateClipSeekBar);\n  }\n\n}\n\nvideojs.registerPlugin('createClipPlugin', CreateClipPlugin);","import React from 'react';\nimport { CreateClipPlayer } from \"../players/create-clip-player\";\nexport function ClickViewCreateClipPlayer(props) {\n  const ref = React.useRef();\n  const playerRef = React.useRef();\n  React.useEffect(() => {\n    playerRef.current = new CreateClipPlayer(ref.current, props);\n  }, []);\n  React.useEffect(() => {\n    var _a;\n\n    (_a = playerRef.current) === null || _a === void 0 ? void 0 : _a.trigger({\n      type: 'update:clip:start:time',\n      time: props.startTime\n    });\n  }, [props.startTime]);\n  React.useEffect(() => {\n    var _a;\n\n    (_a = playerRef.current) === null || _a === void 0 ? void 0 : _a.trigger({\n      type: 'update:clip:end:time',\n      time: props.endTime\n    });\n  }, [props.endTime]);\n  return React.createElement(\"div\", {\n    ref: ref\n  });\n}","import * as React from 'react';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\n\r\nimport { DurationHelper } from 'libs/shared/utils/DurationHelper';\r\n\r\nimport * as styles from './clip-time-form.scss';\r\n\r\nconst namespace = 'shared.clipTimeForm';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\ninterface TimeInputProps {\r\n  value: number;\r\n  setTime: (time: number) => void;\r\n}\r\n\r\nfunction TimeInput(props: TimeInputProps): JSX.Element {\r\n  return (\r\n    <div className='position-relative'>\r\n      <input\r\n        className={`form-control text-center ${styles.timeInput}`}\r\n        value={DurationHelper.ToDisplayDuration(props.value * 1000)}\r\n        onChange={() => { /* As we are setting value, onChange is required */ }}\r\n      />\r\n      <div className={styles.controlsContainer}>\r\n        <div className={styles.arrowContainer} onClick={() => props.setTime(props.value + 1)}>\r\n          <div className={styles.upArrow} />\r\n        </div>\r\n        <div className={styles.arrowContainer} onClick={() => props.setTime(props.value - 1)}>\r\n          <div className={styles.downArrow} />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\n/**\r\n * All times are in seconds.\r\n */\r\ninterface ClipTimeFormProps {\r\n  startTime: number;\r\n  endTime: number;\r\n  setStartTime: (time: number) => void;\r\n  setEndTime: (time: number) => void;\r\n  onSubmit: () => void;\r\n  onCancel: () => void;\r\n}\r\n\r\nexport function ClipTimeForm(props: ClipTimeFormProps): JSX.Element {\r\n  return (\r\n    <div>\r\n      <form className='form-inline justify-content-center pb-5'>\r\n        <div className=\"form-group\">\r\n          <TimeInput value={props.startTime} setTime={props.setStartTime} />\r\n        </div>\r\n        <span className='px-2'>-</span>\r\n        <div className=\"form-group mr-2\">\r\n          <TimeInput value={props.endTime} setTime={props.setEndTime} />\r\n        </div>\r\n        <span>\r\n          <strong>Duration:</strong> {DurationHelper.ToDisplayDuration((props.endTime - props.startTime) * 1000)}\r\n        </span>\r\n      </form>\r\n      <div className=\"d-flex justify-content-end\">\r\n        <button className='btn btn-link' onClick={props.onCancel}>\r\n          {getPhrase('cancel')}\r\n        </button>\r\n        <button className='btn btn-primary' onClick={props.onSubmit}>\r\n          {getPhrase('next')}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"timeInput\":\"cv--timeInput--3f1zC\",\"controlsContainer\":\"cv--controlsContainer--3zQGP\",\"arrowContainer\":\"cv--arrowContainer--3wgxR\",\"upArrow\":\"cv--upArrow--2qIEU\",\"downArrow\":\"cv--downArrow--3Gl3V\"};","import { Flight } from 'libs/common/flight';\r\nimport { HttpVerbs } from 'libs/common/backbone/enums/HttpVerbs';\r\nimport { Xhr } from 'libs/common/backbone/interfaces';\r\n\r\nimport { CreateOrUpdateClipRequest } from 'libs/shared/interfaces';\r\n\r\nexport const ClipRequests = {\r\n  clip(id: string): Flight.Request {\r\n    return {\r\n      key: `clip:${id}`,\r\n      url: `/api/domain/v2/objects/${id}?query=video[thumbnail],owner`\r\n    };\r\n  },\r\n\r\n  createClip(\r\n    videoId: string,\r\n    data: CreateOrUpdateClipRequest,\r\n    success?: (data: any) => void,\r\n    error?: (data: Xhr) => void,\r\n    always?: () => void\r\n  ): Flight.Request {\r\n    return {\r\n      key: 'create:clip',\r\n      url: `/api/domain/v2/objects/${videoId}/clips`,\r\n      data,\r\n      type: HttpVerbs.POST,\r\n      success,\r\n      error,\r\n      always\r\n    };\r\n  },\r\n\r\n  updateClip(\r\n    id: string,\r\n    data: CreateOrUpdateClipRequest,\r\n    success?: (data: any) => void,\r\n    error?: (data: Xhr) => void,\r\n    always?: () => void\r\n  ): Flight.Request {\r\n    return {\r\n      key: `clip:${id}`,\r\n      url: `/api/domain/v2/objects/${id}`,\r\n      data,\r\n      type: HttpVerbs.PUT,\r\n      success,\r\n      error,\r\n      always\r\n    };\r\n  },\r\n\r\n  deleteClip(\r\n    id: string,\r\n    videoId: string,\r\n    success?: (data: any) => void,\r\n    error?: (data: Xhr) => void,\r\n    always?: () => void\r\n  ): Flight.Request {\r\n    return {\r\n      key: `clip:${id}`,\r\n      url: `/api/domain/v2/objects/${id}`,\r\n      type: HttpVerbs.DELETE,\r\n      invalidationKeys: [`videos:${videoId}`],\r\n      success,\r\n      error,\r\n      always\r\n    };\r\n  }\r\n};","import * as React from 'react';\r\n\r\nimport { Flight } from 'libs/common/flight';\r\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\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 { PlayerViewKey, Config, Clip, Video } from 'libs/shared/interfaces';\r\nimport { PlayerRequests } from 'libs/shared/flight-requests/PlayerRequests';\r\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\r\n\r\nimport { ClickViewCreateClipPlayer } from 'projects/player/react/CreateClipPlayer';\r\n\r\nimport { PlayerContext } from 'shared/hooks/useInitPlayerContext';\r\nimport { ViewModelKeys } from 'shared/constants/LiteViewModels';\r\nimport { ClipTimeForm } from 'shared/components/clip-time-form/ClipTimeForm';\r\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\r\nimport { Actions } from 'shared/constants/LiteActions';\r\nimport { DialogHelper } from 'shared/utils/DialogHelper';\r\nimport { ClipRequests } from 'shared/flight-requests/ClipRequests';\r\nimport { VideoRequests } from 'shared/flight-requests/VideoRequests';\r\n\r\nconst namespace = 'shared.editClipTimepoints';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\nconst DEFAULT_DURATION = 30;\r\nconst MIN_DURATION = 5;\r\n\r\nfunction handleError(error: string): void {\r\n  DialogHelper.render((\r\n    <p>{error}</p>\r\n  ), {\r\n    title: getPhrase('errorHeading'),\r\n    buttons: [{\r\n      variant: 'link',\r\n      buttonText: getPhrase('close')\r\n    }]\r\n  });\r\n}\r\n\r\ninterface EditClipTimepointsViewProps {\r\n  id?: string;\r\n  videoId?: string;\r\n  startTime?: number;\r\n}\r\n\r\nexport function EditClipTimepointsView(props: EditClipTimepointsViewProps): JSX.Element {\r\n  const [ playerData, setPlayerData ] = useViewModel<PlayerContext>(ViewModelKeys.WEB_PLAYER_DATA);\r\n\r\n  const initialStartTime = props.startTime || playerData?.playerRef?.current?.currentTime() || 0;\r\n\r\n  const [ startTime, setStartTime ] = React.useState<number>(initialStartTime);\r\n  const [ endTime, setEndTime ] = React.useState<number>(props.startTime + DEFAULT_DURATION);\r\n\r\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\r\n  const clip = Flight.useBasicFetch<Clip>(!!props.id && ClipRequests.clip(props.id));\r\n  const videoId = clip.data?.video?.id || props.videoId;\r\n  const viewKey = Flight.useBasicFetch<PlayerViewKey>(!!videoId &&\r\n    PlayerRequests.createViewKey(videoId));\r\n  const video = Flight.useBasicFetch<Video>(!!videoId && VideoRequests.video(videoId));\r\n\r\n  useSetPageTitle(props.id\r\n    ? clip.data?.name\r\n    : video.data && getPhrase('defaultClipName', { videoName: video.data.name })\r\n  );\r\n\r\n  React.useEffect(() => {\r\n    setPlayerData('allowFloatingPlayer', false);\r\n  }, []);\r\n\r\n  React.useEffect(() => {\r\n    if (!clip.data)\r\n      return;\r\n\r\n    setStartTime(clip.data.startTime);\r\n    setEndTime(clip.data.endTime);\r\n  }, [clip.data]);\r\n\r\n  function onSubmit(): void {\r\n    let error = '';\r\n\r\n    if (startTime > endTime)\r\n      error = getPhrase('startTimeGreaterThanEndTime');\r\n\r\n    if (endTime - startTime < MIN_DURATION)\r\n      error = getPhrase('tooShort', { minDuration: MIN_DURATION });\r\n\r\n    if (error) {\r\n      handleError(error);\r\n      return;\r\n    }\r\n\r\n    Core.AppLinkHelper.trigger({\r\n      application: AppChannels.DEFAULT,\r\n      action: props.id ? Actions.Default.EDIT_CLIP_DETAILS : Actions.Default.CREATE_CLIP_DETAILS,\r\n      args: props.id ? [props.id] : [props.videoId],\r\n      params: { startTime, endTime }\r\n    });\r\n  }\r\n\r\n  function onCancel(): void {\r\n    Core.AppLinkHelper.trigger({\r\n      application: AppChannels.DEFAULT,\r\n      action: Actions.Default.PLAY_VIDEO,\r\n      args: [ video.data?.id, video.data?.name ]\r\n    });\r\n  }\r\n\r\n  if (!props.id && !props.videoId)\r\n    return <></>;\r\n\r\n  return (\r\n    <>\r\n      {!!config.data && !!viewKey.data && !!video.data && (!props.id || !!clip.data) &&\r\n        <div className='pb-3'>\r\n          <div className='mb-3'>\r\n            <ClickViewCreateClipPlayer\r\n              playerApi={new URL(config.data.playerApiUrl)}\r\n              viewKey={viewKey.data.viewKey}\r\n              startTime={startTime}\r\n              endTime={endTime}\r\n              onChangeStartTime={setStartTime}\r\n              onChangeEndTime={setEndTime}\r\n              minDuration={MIN_DURATION}\r\n              autoplay\r\n            />\r\n          </div>\r\n          <ClipTimeForm\r\n            startTime={Math.floor(startTime)}\r\n            endTime={Math.ceil(endTime)}\r\n            setStartTime={setStartTime}\r\n            setEndTime={setEndTime}\r\n            onSubmit={onSubmit}\r\n            onCancel={onCancel}\r\n          />\r\n        </div>\r\n      }\r\n    </>\r\n  );\r\n}"],"sourceRoot":""}

package/dist/scripts/16.chunk.js

@@ -0,0 +1,442 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[16],{
+
+/***/ "../../libs/shared/src/apps/content-updates/flight-requests/ContentUpdateRequests.ts":
+/*!*******************************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/apps/content-updates/flight-requests/ContentUpdateRequests.ts ***!
+  \*******************************************************************************************************************************/
+/*! exports provided: ContentUpdateRequests */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ContentUpdateRequests", function() { return ContentUpdateRequests; });
+/* harmony import */ var _constants_WithStatements__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../constants/WithStatements */ "../../libs/shared/src/constants/WithStatements.ts");
+
+var ContentUpdateRequests = {
+  getContentUpdates: function getContentUpdates(from, to) {
+    return {
+      url: "/api/domain/v1/subjects/content-updates?from=".concat(from, "&to=").concat(to) + "&query=".concat(_constants_WithStatements__WEBPACK_IMPORTED_MODULE_0__["SharedWithStatements"].VIDEO_COLLECTION),
+      key: 'content:updates',
+      normalize: false
+    };
+  },
+  getClassifications: function getClassifications(ids) {
+    var url = '/api/domain/v1/subjects';
+    var params = [];
+    ids.forEach(function (id) {
+      return params.push("id=".concat(id));
+    });
+    return {
+      url: "".concat(url, "?").concat(params.join('&'), "&query=banner"),
+      key: "classifications:".concat(ids.join(','))
+    };
+  },
+  getClassification: function getClassification(id) {
+    return {
+      url: "/api/domain/v1/subjects/".concat(id, "?query=banner"),
+      key: "classification:".concat(id)
+    };
+  },
+
+  /**
+   * TODO: Delete thise and use the shared video requests
+   */
+  videos: function videos(ids, success) {
+    var url = "/api/domain/v1/videos?ids=".concat(ids.join(','), "&with=").concat(_constants_WithStatements__WEBPACK_IMPORTED_MODULE_0__["SharedWithStatements"].VIDEO_COLLECTION);
+    return {
+      url: url,
+      key: "videos:by:id:".concat(ids.join(',')),
+      success: success
+    };
+  }
+};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/video-list/partial-loading/PartialVideoList.tsx":
+/*!****************************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/video-list/partial-loading/PartialVideoList.tsx ***!
+  \****************************************************************************************************************************/
+/*! exports provided: PartialVideoList, PartialVideoItem */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PartialVideoList", function() { return PartialVideoList; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PartialVideoItem", function() { return PartialVideoItem; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-bootstrap */ "react-bootstrap");
+/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../enums/MediaQueries */ "../../libs/shared/src/enums/MediaQueries.ts");
+/* harmony import */ var _hooks_UseGetMediaQueryString__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../hooks/UseGetMediaQueryString */ "../../libs/shared/src/hooks/UseGetMediaQueryString.ts");
+/* harmony import */ var _partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./partial-video-list.scss */ "../../libs/shared/src/components/video-list/partial-loading/partial-video-list.scss");
+/* harmony import */ var _partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4__);
+
+
+
+
+
+PartialVideoList.defaultProps = {
+  numVideos: 15
+};
+function PartialVideoList(props) {
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, Array(props.numVideos).fill(null).map(function (_, i) {
+    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(PartialVideoItem, Object.assign({
+      key: i
+    }, props));
+  }));
+}
+function PartialVideoItem(props) {
+  var mediaQuery = Object(_hooks_UseGetMediaQueryString__WEBPACK_IMPORTED_MODULE_3__["useGetMediaQueryString"])();
+  var isMobile = mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_2__["MediaQueryStrings"].XS;
+  var isTablet = mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_2__["MediaQueryStrings"].SM || mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_2__["MediaQueryStrings"].MD;
+  var withDragHandle = props.withReordering && !isMobile;
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Row"], {
+    className: 'py-2'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Col"], {
+    xs: isMobile ? 12 : isTablet ? 4 : 3,
+    className: 'flex-column align-items-flex-start mb-1'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Row"], null, !!withDragHandle && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'd-flex align-items-center justify-content-center col-2'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "partial-loading-background ".concat(_partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4___default.a.partialDragHandle)
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Col"], {
+    xs: withDragHandle ? 10 : 12
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "partial-loading-background rounded-lg ".concat(_partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4___default.a.partialThumbnail)
+  })))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Col"], {
+    xs: isMobile ? 12 : isTablet ? 8 : 9
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "partial-loading-background ".concat(_partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4___default.a.partialSeriesLink)
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "partial-loading-background mb-1 ".concat(_partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4___default.a.partialName)
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "partial-loading-background ".concat(_partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4___default.a.partialDescription)
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "partial-loading-background ".concat(_partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4___default.a.partialBadges)
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "partial-loading-background ".concat(_partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4___default.a.partialActions)
+  })));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/video-list/partial-loading/partial-video-list.scss":
+/*!*******************************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/video-list/partial-loading/partial-video-list.scss ***!
+  \*******************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"partialName":"cv--partialName--7KNC2","partialDescription":"cv--partialDescription--Vk_wR","partialThumbnail":"cv--partialThumbnail--3peRZ","partialDragHandle":"cv--partialDragHandle--1F7_f"};
+
+/***/ }),
+
+/***/ "./src/apps/content-updates/components/classification-banner/ClassificationBanner.tsx":
+/*!********************************************************************************************!*\
+  !*** ./src/apps/content-updates/components/classification-banner/ClassificationBanner.tsx ***!
+  \********************************************************************************************/
+/*! exports provided: ClassificationBanner */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassificationBanner", function() { return ClassificationBanner; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-bootstrap */ "react-bootstrap");
+/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_shared_src_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/icon-button/IconButton */ "../../libs/shared/src/components/icon-button/IconButton.tsx");
+/* harmony import */ var _classification_banner_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./classification-banner.scss */ "./src/apps/content-updates/components/classification-banner/classification-banner.scss");
+/* harmony import */ var _classification_banner_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_classification_banner_scss__WEBPACK_IMPORTED_MODULE_6__);
+
+
+
+
+
+
+
+var namespace = 'contentUpdates.classificationBanner';
+function ClassificationBanner(props) {
+  var classification = props.classification,
+      backgroundUrl = props.backgroundUrl,
+      followed = props.followed,
+      follow = props.follow,
+      showFollowSpinner = props.showFollowSpinner;
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "banner mb-2 d-flex justify-content-between ".concat(_classification_banner_scss__WEBPACK_IMPORTED_MODULE_6___default.a.banner),
+    style: {
+      backgroundImage: "url('".concat(backgroundUrl, "')")
+    }
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_2__["AppLink"], {
+    className: 'text-white text-shadow',
+    appLink: props.getClassificationAppLink(classification)
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h2", {
+    className: 'h3 mb-0'
+  }, classification.name)), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_5__["IconButton"], {
+    className: "btn follow-btn ".concat(followed ? 'btn-primary' : 'btn-secondary'),
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__["cvSvgLibrary"].Bell,
+    onClick: function onClick() {
+      return follow(classification.id, !followed);
+    }
+  }, showFollowSpinner ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Spinner"], {
+    as: 'span',
+    animation: 'border',
+    role: 'status',
+    size: 'sm'
+  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_4__["Text"], {
+    namespace: namespace,
+    phrase: followed ? 'unfollow' : 'follow'
+  })));
+}
+
+/***/ }),
+
+/***/ "./src/apps/content-updates/components/classification-banner/classification-banner.scss":
+/*!**********************************************************************************************!*\
+  !*** ./src/apps/content-updates/components/classification-banner/classification-banner.scss ***!
+  \**********************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"banner":"cv--banner--1ZGpQ"};
+
+/***/ }),
+
+/***/ "./src/apps/content-updates/components/classification-update-breadcrumbs/ClassificationUpdateBreadcrumbs.tsx":
+/*!*******************************************************************************************************************!*\
+  !*** ./src/apps/content-updates/components/classification-update-breadcrumbs/ClassificationUpdateBreadcrumbs.tsx ***!
+  \*******************************************************************************************************************/
+/*! exports provided: ClassificationUpdateBreadcrumbs */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassificationUpdateBreadcrumbs", function() { return ClassificationUpdateBreadcrumbs; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+
+
+
+var namespace = 'playlists.liteClassificationUpdateBreadcrumbs';
+function ClassificationUpdateBreadcrumbs(props) {
+  var classification = props.classification;
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("nav", {
+    "aria-label": 'breadcrumb'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("ol", {
+    className: 'breadcrumb p-0'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("li", {
+    className: 'breadcrumb-item'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_2__["AppLink"], {
+    appLink: props.dashboardAppLink
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
+    namespace: namespace,
+    phrase: 'dashboard'
+  }))), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("li", {
+    className: 'breadcrumb-item'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_2__["AppLink"], {
+    appLink: props.contentUpdatesAppLink
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
+    namespace: namespace,
+    phrase: 'whatsNew'
+  }))), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("li", {
+    className: 'breadcrumb-item active',
+    "aria-current": 'page'
+  }, classification.name))));
+}
+
+/***/ }),
+
+/***/ "./src/apps/content-updates/components/index.ts":
+/*!******************************************************!*\
+  !*** ./src/apps/content-updates/components/index.ts ***!
+  \******************************************************/
+/*! exports provided: WhatsNewBreadcrumbs, ClassificationBanner, ClassificationUpdateBreadcrumbs */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _whats_new_breadcrumbs_WhatsNewBreadcrumbs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./whats-new-breadcrumbs/WhatsNewBreadcrumbs */ "./src/apps/content-updates/components/whats-new-breadcrumbs/WhatsNewBreadcrumbs.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "WhatsNewBreadcrumbs", function() { return _whats_new_breadcrumbs_WhatsNewBreadcrumbs__WEBPACK_IMPORTED_MODULE_0__["WhatsNewBreadcrumbs"]; });
+
+/* harmony import */ var _classification_banner_ClassificationBanner__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./classification-banner/ClassificationBanner */ "./src/apps/content-updates/components/classification-banner/ClassificationBanner.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ClassificationBanner", function() { return _classification_banner_ClassificationBanner__WEBPACK_IMPORTED_MODULE_1__["ClassificationBanner"]; });
+
+/* harmony import */ var _classification_update_breadcrumbs_ClassificationUpdateBreadcrumbs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./classification-update-breadcrumbs/ClassificationUpdateBreadcrumbs */ "./src/apps/content-updates/components/classification-update-breadcrumbs/ClassificationUpdateBreadcrumbs.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ClassificationUpdateBreadcrumbs", function() { return _classification_update_breadcrumbs_ClassificationUpdateBreadcrumbs__WEBPACK_IMPORTED_MODULE_2__["ClassificationUpdateBreadcrumbs"]; });
+
+
+
+
+
+/***/ }),
+
+/***/ "./src/apps/content-updates/components/whats-new-breadcrumbs/WhatsNewBreadcrumbs.tsx":
+/*!*******************************************************************************************!*\
+  !*** ./src/apps/content-updates/components/whats-new-breadcrumbs/WhatsNewBreadcrumbs.tsx ***!
+  \*******************************************************************************************/
+/*! exports provided: WhatsNewBreadcrumbs */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "WhatsNewBreadcrumbs", function() { return WhatsNewBreadcrumbs; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+
+
+
+var namespace = 'playlists.liteWhatsNewBreadcrumbs';
+function WhatsNewBreadcrumbs(props) {
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h1", null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
+    namespace: namespace,
+    phrase: 'whatsNew'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("nav", {
+    "aria-label": 'breadcrumb'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("ol", {
+    className: 'breadcrumb p-0'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("li", {
+    className: 'breadcrumb-item'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_2__["AppLink"], {
+    appLink: props.dashboardAppLink
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
+    namespace: namespace,
+    phrase: 'dashboard'
+  }))), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("li", {
+    className: 'breadcrumb-item active',
+    "aria-current": 'page'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
+    namespace: namespace,
+    phrase: 'whatsNew'
+  })))));
+}
+
+/***/ }),
+
+/***/ "./src/apps/playlists/components/video-list/SortableVideoListContainer.tsx":
+/*!*********************************************************************************!*\
+  !*** ./src/apps/playlists/components/video-list/SortableVideoListContainer.tsx ***!
+  \*********************************************************************************/
+/*! exports provided: SortableVideoListContainer */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SortableVideoListContainer", function() { return SortableVideoListContainer; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* harmony import */ var _libs_common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/utils/FunctionHelper */ "../../libs/common/src/backbone/utils/FunctionHelper.ts");
+/* harmony import */ var _libs_common_src_backbone_errors_DevError__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/errors/DevError */ "../../libs/common/src/backbone/errors/DevError.ts");
+/* harmony import */ var _libs_shared_src_components_video_list_VideoList__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/video-list/VideoList */ "../../libs/shared/src/components/video-list/VideoList.tsx");
+/* harmony import */ var _libs_shared_src_components_video_list_partial_loading_PartialVideoList__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/video-list/partial-loading/PartialVideoList */ "../../libs/shared/src/components/video-list/partial-loading/PartialVideoList.tsx");
+/* harmony import */ var _sortable_video_list_container_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./sortable-video-list-container.scss */ "./src/apps/playlists/components/video-list/sortable-video-list-container.scss");
+/* harmony import */ var _sortable_video_list_container_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_sortable_video_list_container_scss__WEBPACK_IMPORTED_MODULE_6__);
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var __rest = undefined && undefined.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+
+
+
+
+
+
+
+function SortableVideoListContainer(props) {
+  var onSortComplete = props.onSortComplete,
+      onSortStart = props.onSortStart,
+      showPartialLoading = props.showPartialLoading,
+      videoListProps = __rest(props, ["onSortComplete", "onSortStart", "showPartialLoading"]);
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__["useState"](),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      currentSortingIndex = _React$useState2[0],
+      setCurrentSortingIndex = _React$useState2[1];
+
+  var onSortStartHandler = function onSortStartHandler(index) {
+    if (_libs_common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__["FunctionHelper"].isFunction(onSortStart)) onSortStart(index);
+  };
+
+  var onSortEnd = function onSortEnd(sort) {
+    setCurrentSortingIndex(null);
+
+    if (!_libs_common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__["FunctionHelper"].isFunction(onSortComplete)) {
+      _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__["Core"].ErrorHelper["throw"](new _libs_common_src_backbone_errors_DevError__WEBPACK_IMPORTED_MODULE_3__["DevError"]('An onSortComplete callback function must be passed to SortableVideoListComponent'));
+      return;
+    }
+
+    onSortComplete(sort.oldIndex, sort.newIndex);
+  };
+
+  if (showPartialLoading) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_video_list_partial_loading_PartialVideoList__WEBPACK_IMPORTED_MODULE_5__["PartialVideoList"], {
+    withReordering: true
+  });
+  if (!props.canEdit) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_video_list_VideoList__WEBPACK_IMPORTED_MODULE_4__["VideoList"], Object.assign({}, videoListProps));
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_video_list_VideoList__WEBPACK_IMPORTED_MODULE_4__["SortableVideoList"], Object.assign({}, videoListProps, {
+    currentSortingIndex: currentSortingIndex,
+    updateBeforeSortStart: function updateBeforeSortStart(_ref) {
+      var index = _ref.index;
+      return setCurrentSortingIndex(index);
+    },
+    onSortStart: function onSortStart(_ref2) {
+      var index = _ref2.index;
+      return onSortStartHandler(index);
+    },
+    onSortEnd: onSortEnd,
+    lockAxis: 'y',
+    lockToContainerEdges: true,
+    lockOffset: ['0%', '100%'],
+    helperClass: "bg-white ".concat(_sortable_video_list_container_scss__WEBPACK_IMPORTED_MODULE_6___default.a.sortableItem),
+    distance: 1,
+    useDragHandle: true
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/apps/playlists/components/video-list/sortable-video-list-container.scss":
+/*!*************************************************************************************!*\
+  !*** ./src/apps/playlists/components/video-list/sortable-video-list-container.scss ***!
+  \*************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"sortableItem":"cv--sortableItem--2eiPB"};
+
+/***/ })
+
+}]);
+//# sourceMappingURL=16.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView/front-end/clickview/packages/libs/shared/src/apps/content-updates/flight-requests/ContentUpdateRequests.ts","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/components/video-list/partial-loading/PartialVideoList.tsx","webpack://@clickview/lite/C:/ClickView/front-end/clickview/packages/libs/shared/src/components/video-list/partial-loading/partial-video-list.scss?cc73","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/content-updates/components/classification-banner/ClassificationBanner.tsx","webpack://@clickview/lite/./src/apps/content-updates/components/classification-banner/classification-banner.scss?91e3","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/content-updates/components/classification-update-breadcrumbs/ClassificationUpdateBreadcrumbs.tsx","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/content-updates/components/index.ts","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/content-updates/components/whats-new-breadcrumbs/WhatsNewBreadcrumbs.tsx","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/playlists/components/video-list/SortableVideoListContainer.tsx","webpack://@clickview/lite/./src/apps/playlists/components/video-list/sortable-video-list-container.scss?0ef9"],"names":[],"mappings":"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","file":"scripts/16.chunk.js","sourcesContent":["import { Flight } from 'libs/common/flight';\r\n\r\nimport { SharedWithStatements } from 'libs/shared/constants/WithStatements';\r\nimport { Video } from 'libs/shared/interfaces';\r\n\r\nexport const ContentUpdateRequests = {\r\n  getContentUpdates(from: string, to: string): Flight.Request {\r\n    return {\r\n      url: `/api/domain/v1/subjects/content-updates?from=${from}&to=${to}`\r\n        + `&query=${SharedWithStatements.VIDEO_COLLECTION}`,\r\n      key: 'content:updates',\r\n      normalize: false\r\n    };\r\n  },\r\n\r\n  getClassifications(ids: string[]): Flight.Request {\r\n    const url = '/api/domain/v1/subjects';\r\n    const params: string[] = [];\r\n    ids.forEach(id => params.push(`id=${id}`));\r\n\r\n    return {\r\n      url: `${url}?${params.join('&')}&query=banner`,\r\n      key: `classifications:${ids.join(',')}`\r\n    };\r\n  },\r\n\r\n  getClassification(id: string): Flight.Request {\r\n    return {\r\n      url: `/api/domain/v1/subjects/${id}?query=banner`,\r\n      key: `classification:${id}`\r\n    };\r\n  },\r\n\r\n  /**\r\n   * TODO: Delete thise and use the shared video requests\r\n   */\r\n  videos(ids: string[], success?: (data: Video[]) => void): Flight.Request {\r\n    const url = `/api/domain/v1/videos?ids=${ids.join(',')}&with=${SharedWithStatements.VIDEO_COLLECTION}`;\r\n\r\n    return {\r\n      url,\r\n      key: `videos:by:id:${ids.join(',')}`,\r\n      success\r\n    };\r\n  },\r\n};","import React from 'react';\r\nimport { Row, Col } from 'react-bootstrap';\r\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\r\nimport { useGetMediaQueryString } from 'libs/shared/hooks/UseGetMediaQueryString';\r\n\r\nimport styles from './partial-video-list.scss';\r\n\r\ninterface PartialVideoListProps {\r\n  withReordering?: boolean;\r\n  numVideos?: number;\r\n}\r\n\r\nPartialVideoList.defaultProps = {\r\n  numVideos: 15\r\n};\r\n\r\nexport function PartialVideoList(props: PartialVideoListProps): JSX.Element {\r\n  return (\r\n    <>\r\n      {Array(props.numVideos).fill(null).map((_, i) => (\r\n        <PartialVideoItem key={i} {...props} />\r\n      ))}\r\n    </>\r\n  );\r\n}\r\n\r\nexport function PartialVideoItem(props: PartialVideoListProps): JSX.Element {\r\n  const mediaQuery = useGetMediaQueryString();\r\n  const isMobile = mediaQuery === MediaQueryStrings.XS;\r\n  const isTablet = mediaQuery === MediaQueryStrings.SM || mediaQuery === MediaQueryStrings.MD;\r\n\r\n  const withDragHandle = props.withReordering && !isMobile;\r\n\r\n  return (\r\n    <Row className='py-2'>\r\n      <Col xs={isMobile ? 12 : isTablet ? 4 : 3} className='flex-column align-items-flex-start mb-1'>\r\n        <Row>\r\n          {!!withDragHandle && (\r\n            <div className='d-flex align-items-center justify-content-center col-2'>\r\n              <div className={`partial-loading-background ${styles.partialDragHandle}`} />\r\n            </div>\r\n          )}\r\n          <Col xs={withDragHandle ? 10 : 12}>\r\n            <div className={`partial-loading-background rounded-lg ${styles.partialThumbnail}`} />\r\n          </Col>\r\n        </Row>\r\n      </Col>\r\n      <Col xs={isMobile ? 12 : isTablet ? 8 : 9}>\r\n        <div className={`partial-loading-background ${styles.partialSeriesLink}`} />\r\n        <div className={`partial-loading-background mb-1 ${styles.partialName}`} />\r\n        <div className={`partial-loading-background ${styles.partialDescription}`} />\r\n        <div className={`partial-loading-background ${styles.partialBadges}`} />\r\n        <div className={`partial-loading-background ${styles.partialActions}`} />\r\n      </Col>\r\n    </Row>\r\n  );\r\n}\r\n\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"partialName\":\"cv--partialName--7KNC2\",\"partialDescription\":\"cv--partialDescription--Vk_wR\",\"partialThumbnail\":\"cv--partialThumbnail--3peRZ\",\"partialDragHandle\":\"cv--partialDragHandle--1F7_f\"};","import * as React from 'react';\r\nimport { Spinner } from 'react-bootstrap';\r\n\r\nimport { Core } from 'libs/common/core';\r\n\r\nimport { Classification } from 'libs/shared/interfaces';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\nimport { IconButton } from 'libs/shared/components/icon-button/IconButton';\r\n\r\nimport styles from './classification-banner.scss';\r\n\r\nconst namespace = 'contentUpdates.classificationBanner';\r\n\r\ninterface ClassificationBannerProps {\r\n  classification: Classification;\r\n  backgroundUrl: string;\r\n  getClassificationAppLink: (classification: Classification) => Core.AppLink;\r\n  followed: boolean;\r\n  follow: (classificationId: string, follow: boolean) => void;\r\n  showFollowSpinner: boolean;\r\n}\r\n\r\nexport function ClassificationBanner(props: ClassificationBannerProps): JSX.Element {\r\n  const { classification, backgroundUrl, followed, follow, showFollowSpinner } = props;\r\n\r\n  return (\r\n    <div\r\n      className={`banner mb-2 d-flex justify-content-between ${styles.banner}`}\r\n      style={{ backgroundImage: `url('${backgroundUrl}')` }}\r\n    >\r\n      <AppLink className='text-white text-shadow' appLink={props.getClassificationAppLink(classification)}>\r\n        <h2 className='h3 mb-0'>{classification.name}</h2>\r\n      </AppLink>\r\n      <IconButton\r\n        className={`btn follow-btn ${followed ? 'btn-primary' : 'btn-secondary'}`}\r\n        svgName={cvSvgLibrary.Bell}\r\n        onClick={() => follow(classification.id, !followed)}\r\n      >\r\n        {showFollowSpinner\r\n          ? <Spinner as='span' animation='border' role='status' size='sm' />\r\n          : <Text namespace={namespace} phrase={followed ? 'unfollow' : 'follow'} />\r\n        }\r\n      </IconButton>\r\n    </div>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"banner\":\"cv--banner--1ZGpQ\"};","import * as React from 'react';\r\n\r\nimport { Core } from 'libs/common/core';\r\nimport { Classification } from 'libs/shared/interfaces';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\n\r\nconst namespace = 'playlists.liteClassificationUpdateBreadcrumbs';\r\n\r\ninterface ClassificationUpdateBreadcrumbsProps {\r\n  classification: Classification;\r\n  contentUpdatesAppLink: Core.AppLink;\r\n  dashboardAppLink: Core.AppLink;\r\n}\r\n\r\nexport function ClassificationUpdateBreadcrumbs(\r\n  props: ClassificationUpdateBreadcrumbsProps\r\n): JSX.Element {\r\n  const { classification } = props;\r\n\r\n  return (\r\n    <>\r\n      <nav aria-label='breadcrumb'>\r\n        <ol className='breadcrumb p-0'>\r\n          <li className='breadcrumb-item'>\r\n            <AppLink appLink={props.dashboardAppLink}><Text namespace={namespace} phrase='dashboard' /></AppLink>\r\n          </li>\r\n          <li className='breadcrumb-item'>\r\n            <AppLink appLink={props.contentUpdatesAppLink}><Text namespace={namespace} phrase='whatsNew' /></AppLink>\r\n          </li>\r\n          <li className='breadcrumb-item active' aria-current='page'>{classification.name}</li>\r\n        </ol>\r\n      </nav>\r\n    </>\r\n  );\r\n}","export * from './whats-new-breadcrumbs/WhatsNewBreadcrumbs';\r\nexport * from './classification-banner/ClassificationBanner';\r\nexport * from './classification-update-breadcrumbs/ClassificationUpdateBreadcrumbs';","import * as React from 'react';\r\n\r\nimport { Core } from 'libs/common/core';\r\n\r\nimport { Text } from 'libs/shared/components/text/Text';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\n\r\nconst namespace = 'playlists.liteWhatsNewBreadcrumbs';\r\n\r\nexport interface WhatsNewBreadcrumbsProps {\r\n  dashboardAppLink: Core.AppLink;\r\n}\r\n\r\nexport function WhatsNewBreadcrumbs(props: WhatsNewBreadcrumbsProps): JSX.Element {\r\n  return (\r\n    <>\r\n      <h1><Text namespace={namespace} phrase='whatsNew' /></h1>\r\n      <nav aria-label='breadcrumb'>\r\n        <ol className='breadcrumb p-0'>\r\n          <li className='breadcrumb-item'>\r\n            <AppLink appLink={props.dashboardAppLink}><Text namespace={namespace} phrase='dashboard' /></AppLink>\r\n          </li>\r\n          <li className='breadcrumb-item active' aria-current='page'><Text namespace={namespace} phrase='whatsNew' /></li>\r\n        </ol>\r\n      </nav>\r\n    </>\r\n  );\r\n}","import * as React from 'react';\r\nimport { SortStart, SortEnd } from 'react-sortable-hoc';\r\n\r\nimport { Core } from 'libs/common/core';\r\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\r\nimport { DevError } from 'libs/common/backbone/errors/DevError';\r\nimport { SortableVideoList, VideoList, VideoListProps } from 'libs/shared/components/video-list/VideoList';\r\nimport { PartialVideoList } from 'libs/shared/components/video-list/partial-loading/PartialVideoList';\r\n\r\nimport styles from './sortable-video-list-container.scss';\r\n\r\ninterface SortableVideoListContainerProps extends VideoListProps {\r\n  playlistId: string;\r\n  onSortComplete: (oldIdx: number, newIdx: number) => void;\r\n  onSortStart?: (index: number) => void;\r\n  isUserSignedIn: boolean;\r\n  canEdit?: boolean;\r\n  showPartialLoading?: boolean;\r\n  fetchRestrictions?: () => void;\r\n}\r\n\r\nexport function SortableVideoListContainer(props: SortableVideoListContainerProps): React.ReactElement {\r\n  const { onSortComplete, onSortStart, showPartialLoading, ...videoListProps } = props;\r\n\r\n  const [ currentSortingIndex, setCurrentSortingIndex ] = React.useState<number>();\r\n\r\n  const onSortStartHandler = (index: number) => {\r\n    if (FunctionHelper.isFunction(onSortStart))\r\n      onSortStart(index);\r\n  };\r\n\r\n  const onSortEnd = (sort: SortEnd) => {\r\n    setCurrentSortingIndex(null);\r\n\r\n    if (!FunctionHelper.isFunction(onSortComplete)) {\r\n      Core.ErrorHelper.throw(new DevError('An onSortComplete callback function must be passed to SortableVideoListComponent'));\r\n      return;\r\n    }\r\n\r\n    onSortComplete(sort.oldIndex, sort.newIndex);\r\n  };\r\n\r\n  if (showPartialLoading)\r\n    return <PartialVideoList withReordering />;\r\n\r\n  if (!props.canEdit)\r\n    return <VideoList {...videoListProps} />;\r\n\r\n  return (\r\n    <SortableVideoList\r\n      {...videoListProps}\r\n      currentSortingIndex={currentSortingIndex}\r\n      updateBeforeSortStart={({ index }: SortStart) => setCurrentSortingIndex(index)}\r\n      onSortStart={({ index }: SortStart) => onSortStartHandler(index)}\r\n      onSortEnd={onSortEnd}\r\n      lockAxis='y'\r\n      lockToContainerEdges\r\n      lockOffset={[ '0%', '100%' ]} // Allow movement beyond the bottom of container\r\n      helperClass={`bg-white ${styles.sortableItem}`}\r\n      distance={1} // This allows mousedown/click events to be consumed before sorting is triggered.\r\n      useDragHandle\r\n    />\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"sortableItem\":\"cv--sortableItem--2eiPB\"};"],"sourceRoot":""}