@clickview/lite 0.0.24-rc.4 → 0.0.24-rc.5

package/dist/scripts/1.chunk.js

@@ -1,1031 +0,0 @@
-(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[1],{
-
-/***/ "../../libs/shared/src/components/badges/Badge.tsx":
-/*!*********************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/badges/Badge.tsx ***!
-  \*********************************************************************************************/
-/*! exports provided: BadgeType, Badge */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BadgeType", function() { return BadgeType; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Badge", function() { return Badge; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
-/* harmony import */ var _utils_VideoDetailsHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../utils/VideoDetailsHelper */ "../../libs/shared/src/utils/VideoDetailsHelper.ts");
-/* harmony import */ var _utils_DurationHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utils/DurationHelper */ "../../libs/shared/src/utils/DurationHelper.ts");
-/* harmony import */ var _tooltip_Tooltip__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../tooltip/Tooltip */ "../../libs/shared/src/components/tooltip/Tooltip.tsx");
-/* harmony import */ var _badge_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./badge.scss */ "../../libs/shared/src/components/badges/badge.scss");
-/* harmony import */ var _badge_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_badge_scss__WEBPACK_IMPORTED_MODULE_5__);
-
-
-
-
-
-
-var namespace = 'shared.badges';
-var getPhrase = _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].encloseNamespace(namespace);
-var BadgeType;
-
-(function (BadgeType) {
-  BadgeType["Duration"] = "duration";
-  BadgeType["Interactive"] = "interactive";
-  BadgeType["Rating"] = "rating";
-  BadgeType["ProductionYear"] = "production-year";
-  BadgeType["Resources"] = "resources";
-})(BadgeType || (BadgeType = {}));
-
-function getClassName(type, data) {
-  var baseClass = 'badge';
-  var typeClass = '';
-  if (type === BadgeType.Duration) typeClass = _badge_scss__WEBPACK_IMPORTED_MODULE_5___default.a.duration;
-  if (type === BadgeType.Interactive) typeClass = _badge_scss__WEBPACK_IMPORTED_MODULE_5___default.a.interactive;
-  if (type === BadgeType.Rating) typeClass = "".concat(_badge_scss__WEBPACK_IMPORTED_MODULE_5___default.a.rating, " ").concat(_utils_VideoDetailsHelper__WEBPACK_IMPORTED_MODULE_2__["VideoDetailsHelper"].mapRatingToClass(data.value));
-  if (type === BadgeType.ProductionYear) typeClass = _badge_scss__WEBPACK_IMPORTED_MODULE_5___default.a.productionYear;
-  if (type === BadgeType.Resources) typeClass = _badge_scss__WEBPACK_IMPORTED_MODULE_5___default.a.resources;
-  return "".concat(baseClass, " ").concat(typeClass);
-}
-
-function getBadgeText(type, data) {
-  if (type === BadgeType.Interactive) return getPhrase('interactive');
-  if (type === BadgeType.Duration) return _utils_DurationHelper__WEBPACK_IMPORTED_MODULE_3__["DurationHelper"].ToDisplayDuration(data); // data expected to be the duration
-
-  if (type === BadgeType.Rating) return data.code; // data expected to be a rating object
-
-  if (type === BadgeType.ProductionYear) return data; // data should be the production year
-
-  if (type === BadgeType.Resources) return getPhrase('resources');
-}
-
-function getTooltip(type, data) {
-  if (type === BadgeType.Rating) return {
-    title: data.name,
-    placement: 'top'
-  };
-  return null;
-}
-
-function hasData(type, data) {
-  var _a, _b, _c;
-
-  if (type === BadgeType.Rating) return data && !!data.value;
-  if (type === BadgeType.Interactive || type === BadgeType.Resources) return !!((_a = data) === null || _a === void 0 ? void 0 : _a.length) || !!((_c = (_b = data) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.length);
-  return !!data;
-}
-
-function Badge(props) {
-  var type = props.type,
-      data = props.data;
-  if (!hasData(type, data)) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
-  var className = getClassName(type, data);
-  var text = getBadgeText(type, data);
-  var tooltip = getTooltip(type, data);
-
-  if (tooltip) {
-    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_tooltip_Tooltip__WEBPACK_IMPORTED_MODULE_4__["Tooltip"], Object.assign({}, tooltip), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", {
-      className: "".concat(className, " d-flex justify-content-center")
-    }, text));
-  }
-
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", {
-    className: className
-  }, text);
-}
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/badges/BadgeListContainer.tsx":
-/*!**********************************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/badges/BadgeListContainer.tsx ***!
-  \**********************************************************************************************************/
-/*! exports provided: BadgeListContainer */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BadgeListContainer", function() { return BadgeListContainer; });
-/* 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 _badge_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./badge.scss */ "../../libs/shared/src/components/badges/badge.scss");
-/* harmony import */ var _badge_scss__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_badge_scss__WEBPACK_IMPORTED_MODULE_1__);
-
-
-function BadgeListContainer(props) {
-  var className = "d-flex align-items-center ".concat(_badge_scss__WEBPACK_IMPORTED_MODULE_1___default.a.badgeList);
-  if (props.className) className += " ".concat(props.className);
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: className
-  }, props.children);
-}
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/badges/badge.scss":
-/*!**********************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/badges/badge.scss ***!
-  \**********************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-module.exports = {"duration":"cv--duration--3XH_S","interactive":"cv--interactive--INxgX","productionYear":"cv--productionYear--Bt6Bx","resources":"cv--resources--3VUQB","rating":"cv--rating--3bOtF","badgeList":"cv--badgeList--1BsVS"};
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/favourite-button/FavouriteButton.tsx":
-/*!*****************************************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/favourite-button/FavouriteButton.tsx ***!
-  \*****************************************************************************************************************/
-/*! exports provided: FavouriteButton */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FavouriteButton", function() { return FavouriteButton; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
-/* harmony import */ var _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
-/* harmony import */ var _svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
-/* harmony import */ var _hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../hooks/UseAlerts */ "../../libs/shared/src/hooks/UseAlerts.ts");
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-
-
-
-
-
-var namespace = 'shared.favouriteButton';
-var getPhrase = _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].encloseNamespace(namespace);
-function FavouriteButton(props) {
-  var alerts = Object(_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_4__["useAlerts"])();
-  var hasFavouriteData = typeof props.video.isFavourited === 'boolean';
-  var initialIsFavourite = !!props.video.isFavourited; // Use local state so that changes are reflected immediately.
-
-  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__["useState"](initialIsFavourite),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      isFavourite = _React$useState2[0],
-      setIsFavourite = _React$useState2[1];
-
-  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
-    setIsFavourite(initialIsFavourite);
-  }, [initialIsFavourite]);
-  var className = "cursor-pointer text".concat(isFavourite ? '-danger' : '-dark');
-  if (props.className) className += " ".concat(props.className);
-
-  function onClick() {
-    var shouldFavourite = !isFavourite;
-
-    function onError() {
-      alerts.error(getPhrase(shouldFavourite ? 'favouriteError' : 'unfavouriteError'));
-      setIsFavourite(!shouldFavourite);
-    }
-
-    setIsFavourite(shouldFavourite);
-    props.setFavourite(props.video, shouldFavourite, onError);
-  } // Don't render until we know the state of isFavourite
-
-
-  if (!hasFavouriteData) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: className,
-    onClick: onClick
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_3__["SvgContainer"], {
-    svgName: isFavourite ? _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__["cvSvgLibrary"].Heart : _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__["cvSvgLibrary"].HeartOutline,
-    size: _svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_3__["SvgContainerSize"].Small
-  }));
-}
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/mask/Mask.tsx":
-/*!******************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/mask/Mask.tsx ***!
-  \******************************************************************************************/
-/*! exports provided: MaskType, Mask */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MaskType", function() { return MaskType; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Mask", function() { return Mask; });
-/* 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 _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
-/* harmony import */ var _svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
-/* harmony import */ var _mask_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./mask.scss */ "../../libs/shared/src/components/mask/mask.scss");
-/* harmony import */ var _mask_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_mask_scss__WEBPACK_IMPORTED_MODULE_3__);
-
-
-
-
-var MaskType;
-
-(function (MaskType) {
-  MaskType[MaskType["Video"] = 0] = "Video";
-  MaskType[MaskType["Playlist"] = 1] = "Playlist";
-})(MaskType || (MaskType = {}));
-
-function getClassByType(type) {
-  if (type === MaskType.Video) return _mask_scss__WEBPACK_IMPORTED_MODULE_3___default.a.video;
-  if (type === MaskType.Playlist) return _mask_scss__WEBPACK_IMPORTED_MODULE_3___default.a.playlist;
-  return '';
-}
-
-function getSvgType(type) {
-  if (type === MaskType.Video) return _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_1__["cvSvgLibrary"].PlayCircle;
-  if (type === MaskType.Playlist) return _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_1__["cvSvgLibrary"].AddToPlaylists;
-  return '';
-}
-
-function Mask(props) {
-  var type = props.type;
-  var typeClass = getClassByType(type);
-  var svgType = getSvgType(type);
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: _mask_scss__WEBPACK_IMPORTED_MODULE_3___default.a.maskContainer
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: _mask_scss__WEBPACK_IMPORTED_MODULE_3___default.a.mask
-  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__["SvgContainer"], {
-    svgName: svgType,
-    className: typeClass
-  }));
-}
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/mask/mask.scss":
-/*!*******************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/mask/mask.scss ***!
-  \*******************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-module.exports = {"mask":"cv--mask--3nE2p","video":"cv--video--KdGwU","playlist":"cv--playlist--1cBmC","maskContainer":"cv--maskContainer--3si6K"};
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/progress-bars/clips/ClipThumbnailProgressBar.tsx":
-/*!*****************************************************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/progress-bars/clips/ClipThumbnailProgressBar.tsx ***!
-  \*****************************************************************************************************************************/
-/*! exports provided: ClipThumbnailProgressBar */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClipThumbnailProgressBar", function() { return ClipThumbnailProgressBar; });
-/* 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 _clip_thumbnail_progress_bar_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./clip-thumbnail-progress-bar.scss */ "../../libs/shared/src/components/progress-bars/clips/clip-thumbnail-progress-bar.scss");
-/* harmony import */ var _clip_thumbnail_progress_bar_scss__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_clip_thumbnail_progress_bar_scss__WEBPACK_IMPORTED_MODULE_1__);
-
-
-function ClipThumbnailProgressBar(_ref) {
-  var clip = _ref.clip,
-      video = _ref.video;
-  var clipLength = clip.endTime - clip.startTime;
-  var duration = Math.floor(video.duration / 1000);
-  var start = clip.startTime / duration * 100;
-  var length = clipLength / duration * 100;
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: 'position-relative h-100'
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: _clip_thumbnail_progress_bar_scss__WEBPACK_IMPORTED_MODULE_1___default.a.progressBar
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: "".concat(_clip_thumbnail_progress_bar_scss__WEBPACK_IMPORTED_MODULE_1___default.a.durationBar),
-    style: {
-      width: "".concat(length, "%"),
-      left: "".concat(start, "%")
-    }
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: 'position-relative h-100'
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: "bg-info ".concat(_clip_thumbnail_progress_bar_scss__WEBPACK_IMPORTED_MODULE_1___default.a.leftIndicator)
-  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: "bg-info ".concat(_clip_thumbnail_progress_bar_scss__WEBPACK_IMPORTED_MODULE_1___default.a.rightIndicator)
-  })))));
-}
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/progress-bars/clips/clip-thumbnail-progress-bar.scss":
-/*!*********************************************************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/progress-bars/clips/clip-thumbnail-progress-bar.scss ***!
-  \*********************************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-module.exports = {"progressBar":"cv--progressBar--1orVM","durationBar":"cv--durationBar--H5qiB","baseIndicator":"cv--baseIndicator--2q0q5","leftIndicator":"cv--leftIndicator--3YlVt","rightIndicator":"cv--rightIndicator--29iun"};
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/progress-bars/interactives/InteractiveProgressBar.tsx":
-/*!**********************************************************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/progress-bars/interactives/InteractiveProgressBar.tsx ***!
-  \**********************************************************************************************************************************/
-/*! exports provided: InteractiveProgressBar */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "InteractiveProgressBar", function() { return InteractiveProgressBar; });
-/* 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 _interactive_progress_bar_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./interactive-progress-bar.scss */ "../../libs/shared/src/components/progress-bars/interactives/interactive-progress-bar.scss");
-/* harmony import */ var _interactive_progress_bar_scss__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_interactive_progress_bar_scss__WEBPACK_IMPORTED_MODULE_1__);
-
-
-InteractiveProgressBar.defaultProps = {
-  color: 'white'
-};
-function InteractiveProgressBar(props) {
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: 'position-relative h-100'
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: "".concat(_interactive_progress_bar_scss__WEBPACK_IMPORTED_MODULE_1___default.a.progressBar, " ").concat(props.color === 'white' ? _interactive_progress_bar_scss__WEBPACK_IMPORTED_MODULE_1___default.a.white : _interactive_progress_bar_scss__WEBPACK_IMPORTED_MODULE_1___default.a.gray)
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: "bg-info ".concat(_interactive_progress_bar_scss__WEBPACK_IMPORTED_MODULE_1___default.a.timepoint),
-    style: {
-      left: '10%'
-    }
-  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: "bg-east-side ".concat(_interactive_progress_bar_scss__WEBPACK_IMPORTED_MODULE_1___default.a.timepoint),
-    style: {
-      left: '20%'
-    }
-  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: "bg-primary ".concat(_interactive_progress_bar_scss__WEBPACK_IMPORTED_MODULE_1___default.a.timepoint),
-    style: {
-      left: '25%'
-    }
-  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: "bg-portage ".concat(_interactive_progress_bar_scss__WEBPACK_IMPORTED_MODULE_1___default.a.timepoint),
-    style: {
-      left: '55%'
-    }
-  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: "bg-emerald ".concat(_interactive_progress_bar_scss__WEBPACK_IMPORTED_MODULE_1___default.a.timepoint),
-    style: {
-      left: '70%'
-    }
-  })));
-}
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/progress-bars/interactives/interactive-progress-bar.scss":
-/*!*************************************************************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/progress-bars/interactives/interactive-progress-bar.scss ***!
-  \*************************************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-module.exports = {"progressBar":"cv--progressBar--3R_jy","white":"cv--white--1sl_Q","gray":"cv--gray--15A86","timepoint":"cv--timepoint--2LSyV"};
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/progress-bars/videos/VideoWatchProgressBar.tsx":
-/*!***************************************************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/progress-bars/videos/VideoWatchProgressBar.tsx ***!
-  \***************************************************************************************************************************/
-/*! exports provided: VideoWatchProgressBar */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VideoWatchProgressBar", function() { return VideoWatchProgressBar; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-
-function VideoWatchProgressBar(props) {
-  var watchPercentage = props.video.lastProgressPoint && props.video.duration && props.video.lastProgressPoint / props.video.duration * 100000;
-  if (!watchPercentage) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: 'bg-primary h-100',
-    style: {
-      width: "".concat(watchPercentage, "%")
-    }
-  });
-}
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/thumbnails/video/VideoThumbnail.tsx":
-/*!****************************************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/thumbnails/video/VideoThumbnail.tsx ***!
-  \****************************************************************************************************************/
-/*! exports provided: VideoThumbnail */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VideoThumbnail", function() { return VideoThumbnail; });
-/* 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 _expandable_ExpandableVideoThumbnail__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./expandable/ExpandableVideoThumbnail */ "../../libs/shared/src/components/thumbnails/video/expandable/ExpandableVideoThumbnail.tsx");
-/* harmony import */ var _static_StaticVideoThumbnail__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./static/StaticVideoThumbnail */ "../../libs/shared/src/components/thumbnails/video/static/StaticVideoThumbnail.tsx");
-
-
-
-VideoThumbnail.defaultProps = {
-  videoType: 'video'
-};
-function VideoThumbnail(props) {
-  // Expandable thumbnails show metadata on hover. Static display the duration and don't expand on hover
-  return props.type === 'expandable' ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_expandable_ExpandableVideoThumbnail__WEBPACK_IMPORTED_MODULE_1__["ExpandableVideoThumbnail"], Object.assign({}, props)) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_static_StaticVideoThumbnail__WEBPACK_IMPORTED_MODULE_2__["StaticVideoThumbnail"], Object.assign({}, props));
-}
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/thumbnails/video/expandable/ExpandableVideoThumbnail.tsx":
-/*!*************************************************************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/thumbnails/video/expandable/ExpandableVideoThumbnail.tsx ***!
-  \*************************************************************************************************************************************/
-/*! exports provided: ExpandableVideoThumbnail */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ExpandableVideoThumbnail", function() { return ExpandableVideoThumbnail; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../common/src/backbone/utils/FunctionHelper */ "../../libs/common/src/backbone/utils/FunctionHelper.ts");
-/* harmony import */ var _favourite_button_FavouriteButton__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../favourite-button/FavouriteButton */ "../../libs/shared/src/components/favourite-button/FavouriteButton.tsx");
-/* harmony import */ var _base_BaseThumbnail__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../base/BaseThumbnail */ "../../libs/shared/src/components/thumbnails/base/BaseThumbnail.tsx");
-/* harmony import */ var _base_ThumbnailFallback__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../base/ThumbnailFallback */ "../../libs/shared/src/components/thumbnails/base/ThumbnailFallback.tsx");
-/* harmony import */ var _series_link_SeriesLink__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../series-link/SeriesLink */ "../../libs/shared/src/components/series-link/SeriesLink.tsx");
-/* harmony import */ var _badges_BadgeListContainer__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../badges/BadgeListContainer */ "../../libs/shared/src/components/badges/BadgeListContainer.tsx");
-/* harmony import */ var _badges_Badge__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../badges/Badge */ "../../libs/shared/src/components/badges/Badge.tsx");
-/* harmony import */ var _svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
-/* harmony import */ var _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
-/* harmony import */ var _expandable_video_thumbnail_scss__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./expandable-video-thumbnail.scss */ "../../libs/shared/src/components/thumbnails/video/expandable/expandable-video-thumbnail.scss");
-/* harmony import */ var _expandable_video_thumbnail_scss__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_expandable_video_thumbnail_scss__WEBPACK_IMPORTED_MODULE_10__);
-/* harmony import */ var _analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../../../analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
-
-
-
-
-
-
-
-
-
-
-
-
-function ExpandableVideoThumbnail(props) {
-  var _a, _b, _c;
-
-  var video = props.video,
-      appLink = props.appLink,
-      size = props.size,
-      setFavourite = props.setFavourite,
-      preload = props.preload,
-      hovering = props.hovering;
-  var analyticsData = Object.assign(Object.assign({}, props.analyticsData), {
-    id: (_a = video) === null || _a === void 0 ? void 0 : _a.id,
-    name: (_b = video) === null || _b === void 0 ? void 0 : _b.name
-  });
-  var analyticsOptions = Object.assign(Object.assign({}, props.analyticsOptions), {
-    entity: _analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_11__["EntityType"].Video,
-    actionType: _analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_11__["UserAction"].Click,
-    descriptor: _analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_11__["ClickDescriptor"].Thumbnail
-  });
-  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: 'position-relative rounded overflow-hidden'
-  }, !!_common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_1__["FunctionHelper"].isFunction(setFavourite) && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: _expandable_video_thumbnail_scss__WEBPACK_IMPORTED_MODULE_10___default.a.favouriteContainer
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_favourite_button_FavouriteButton__WEBPACK_IMPORTED_MODULE_2__["FavouriteButton"], {
-    setFavourite: setFavourite,
-    video: video,
-    className: "rounded-circle p-1 ".concat(_expandable_video_thumbnail_scss__WEBPACK_IMPORTED_MODULE_10___default.a.favouriteButton)
-  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_base_BaseThumbnail__WEBPACK_IMPORTED_MODULE_3__["BaseThumbnail"], {
-    data: video.thumbnail,
-    appLink: appLink,
-    aspectRatio: _base_BaseThumbnail__WEBPACK_IMPORTED_MODULE_3__["AspectRatio"].SixteenByNine,
-    size: size,
-    preload: preload,
-    className: _expandable_video_thumbnail_scss__WEBPACK_IMPORTED_MODULE_10___default.a.gradient,
-    analyticsData: analyticsData,
-    analyticsOptions: analyticsOptions
-  }, hovering && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_8__["SvgContainer"], {
-    className: _expandable_video_thumbnail_scss__WEBPACK_IMPORTED_MODULE_10___default.a.playIcon,
-    svgName: _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_9__["cvSvgLibrary"].PlayCircle
-  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_base_ThumbnailFallback__WEBPACK_IMPORTED_MODULE_4__["ThumbnailFallback"], {
-    type: _base_ThumbnailFallback__WEBPACK_IMPORTED_MODULE_4__["ThumbnailFallbackType"].Video
-  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: _expandable_video_thumbnail_scss__WEBPACK_IMPORTED_MODULE_10___default.a.overlayContainer
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: "".concat(_expandable_video_thumbnail_scss__WEBPACK_IMPORTED_MODULE_10___default.a.title, " ").concat(hovering ? _expandable_video_thumbnail_scss__WEBPACK_IMPORTED_MODULE_10___default.a.downScale : '')
-  }, !!((_c = props.video.series) === null || _c === void 0 ? void 0 : _c.id) && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_series_link_SeriesLink__WEBPACK_IMPORTED_MODULE_5__["SeriesLink"], {
-    className: 'text-shadow clamp-1',
-    video: video,
-    appLink: null
-  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", {
-    className: "h6 text-reset text-shadow clamp-1 mb-0"
-  }, video.name), hovering && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_badges_BadgeListContainer__WEBPACK_IMPORTED_MODULE_6__["BadgeListContainer"], {
-    className: "align-items-center mb-n1"
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_badges_Badge__WEBPACK_IMPORTED_MODULE_7__["Badge"], {
-    type: _badges_Badge__WEBPACK_IMPORTED_MODULE_7__["BadgeType"].Duration,
-    data: video.duration
-  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_badges_Badge__WEBPACK_IMPORTED_MODULE_7__["Badge"], {
-    type: _badges_Badge__WEBPACK_IMPORTED_MODULE_7__["BadgeType"].Rating,
-    data: video.rating
-  }), video.hasSubtitle && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", {
-    className: 'badge p-0'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_8__["SvgContainer"], {
-    svgName: _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_9__["cvSvgLibrary"].CloseCaptionBadge
-  })))))));
-}
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/thumbnails/video/expandable/expandable-video-thumbnail.scss":
-/*!****************************************************************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/thumbnails/video/expandable/expandable-video-thumbnail.scss ***!
-  \****************************************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-module.exports = {"overlayContainer":"cv--overlayContainer--1MQy4","favouriteContainer":"cv--favouriteContainer--2obuZ","favouriteButton":"cv--favouriteButton--1UfdO","title":"cv--title--Q1km-","downScale":"cv--downScale--2_7sb","gradient":"cv--gradient--Of_Cn","playIcon":"cv--playIcon--B9cJG"};
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/thumbnails/video/static/StaticVideoThumbnail.tsx":
-/*!*****************************************************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/thumbnails/video/static/StaticVideoThumbnail.tsx ***!
-  \*****************************************************************************************************************************/
-/*! exports provided: StaticVideoThumbnail */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "StaticVideoThumbnail", function() { return StaticVideoThumbnail; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../common/src/backbone/utils/FunctionHelper */ "../../libs/common/src/backbone/utils/FunctionHelper.ts");
-/* harmony import */ var _enums_ThumbnailTextPosition__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../enums/ThumbnailTextPosition */ "../../libs/shared/src/enums/ThumbnailTextPosition.ts");
-/* harmony import */ var _favourite_button_FavouriteButton__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../favourite-button/FavouriteButton */ "../../libs/shared/src/components/favourite-button/FavouriteButton.tsx");
-/* harmony import */ var _base_BaseThumbnail__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../base/BaseThumbnail */ "../../libs/shared/src/components/thumbnails/base/BaseThumbnail.tsx");
-/* harmony import */ var _base_ThumbnailFallback__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../base/ThumbnailFallback */ "../../libs/shared/src/components/thumbnails/base/ThumbnailFallback.tsx");
-/* harmony import */ var _mask_Mask__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../mask/Mask */ "../../libs/shared/src/components/mask/Mask.tsx");
-/* harmony import */ var _series_link_SeriesLink__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../series-link/SeriesLink */ "../../libs/shared/src/components/series-link/SeriesLink.tsx");
-/* harmony import */ var _app_link_AppLink__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
-/* harmony import */ var _badges_Badge__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../badges/Badge */ "../../libs/shared/src/components/badges/Badge.tsx");
-/* harmony import */ var _badges_BadgeListContainer__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../badges/BadgeListContainer */ "../../libs/shared/src/components/badges/BadgeListContainer.tsx");
-/* harmony import */ var _progress_bars_videos_VideoWatchProgressBar__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../progress-bars/videos/VideoWatchProgressBar */ "../../libs/shared/src/components/progress-bars/videos/VideoWatchProgressBar.tsx");
-/* harmony import */ var _progress_bars_clips_ClipThumbnailProgressBar__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../progress-bars/clips/ClipThumbnailProgressBar */ "../../libs/shared/src/components/progress-bars/clips/ClipThumbnailProgressBar.tsx");
-/* harmony import */ var _progress_bars_interactives_InteractiveProgressBar__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../progress-bars/interactives/InteractiveProgressBar */ "../../libs/shared/src/components/progress-bars/interactives/InteractiveProgressBar.tsx");
-/* harmony import */ var _analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../../../../analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
-/* harmony import */ var _static_video_thumbnail_scss__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./static-video-thumbnail.scss */ "../../libs/shared/src/components/thumbnails/video/static/static-video-thumbnail.scss");
-/* harmony import */ var _static_video_thumbnail_scss__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(_static_video_thumbnail_scss__WEBPACK_IMPORTED_MODULE_15__);
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-function ThumbnailText(props) {
-  var _a;
-
-  var video = props.video,
-      seriesAppLink = props.seriesAppLink,
-      textPosition = props.textPosition,
-      appLink = props.appLink;
-  var textIsOverlayed = textPosition === _enums_ThumbnailTextPosition__WEBPACK_IMPORTED_MODULE_2__["ThumbnailTextPosition"].Overlay;
-  var className = textIsOverlayed ? _static_video_thumbnail_scss__WEBPACK_IMPORTED_MODULE_15___default.a.titleOverlay : _static_video_thumbnail_scss__WEBPACK_IMPORTED_MODULE_15___default.a.titleBelow;
-  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: className
-  }, !!((_a = props.video.series) === null || _a === void 0 ? void 0 : _a.id) && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_series_link_SeriesLink__WEBPACK_IMPORTED_MODULE_7__["SeriesLink"], {
-    className: textIsOverlayed ? "text-shadow clamp-1" : 'clamp-2',
-    video: video,
-    appLink: !textIsOverlayed ? seriesAppLink : null
-  }), textIsOverlayed ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", {
-    className: "h6 text-reset text-shadow clamp-1 mb-0"
-  }, video.name) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_app_link_AppLink__WEBPACK_IMPORTED_MODULE_8__["AppLink"], {
-    className: 'h6 text-reset clamp-2 mb-0',
-    appLink: appLink
-  }, video.name));
-}
-
-function getThumbnail(video, interactive) {
-  var _a;
-
-  if ((_a = interactive) === null || _a === void 0 ? void 0 : _a.thumbnail) return interactive.thumbnail;
-  return video.thumbnail;
-}
-
-function StaticVideoThumbnail(props) {
-  var video = props.video,
-      clip = props.clip,
-      interactive = props.interactive,
-      appLink = props.appLink,
-      textPosition = props.textPosition,
-      size = props.size,
-      setFavourite = props.setFavourite,
-      preload = props.preload;
-  var className = "position-relative cursor-pointer ".concat(props.extraClasses ? props.extraClasses : '');
-  /**
-   * By setting textPosition to overlay, we'll use the simiplified styles for the thumbnail.
-   * TODO: Make this the default once we've tested it.
-   */
-
-  if (textPosition === _enums_ThumbnailTextPosition__WEBPACK_IMPORTED_MODULE_2__["ThumbnailTextPosition"].Overlay) className += " rounded overflow-hidden";
-
-  function getAnalyticsData() {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-
-    if (interactive) {
-      return Object.assign(Object.assign({}, props.analyticsData), {
-        id: (_a = interactive) === null || _a === void 0 ? void 0 : _a.id,
-        name: (_b = interactive) === null || _b === void 0 ? void 0 : _b.name,
-        videoId: (_c = video) === null || _c === void 0 ? void 0 : _c.id,
-        videoName: (_d = video) === null || _d === void 0 ? void 0 : _d.name
-      });
-    }
-
-    if (clip) {
-      return Object.assign(Object.assign({}, props.analyticsData), {
-        id: (_e = clip) === null || _e === void 0 ? void 0 : _e.id,
-        name: (_f = clip) === null || _f === void 0 ? void 0 : _f.name,
-        videoId: (_g = video) === null || _g === void 0 ? void 0 : _g.id,
-        videoName: (_h = video) === null || _h === void 0 ? void 0 : _h.name
-      });
-    }
-
-    return Object.assign(Object.assign({}, props.analyticsData), {
-      id: (_j = video) === null || _j === void 0 ? void 0 : _j.id,
-      name: (_k = video) === null || _k === void 0 ? void 0 : _k.name
-    });
-  }
-
-  function getAnalyticsOptions() {
-    var entity = _analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_14__["EntityType"].Video;
-    if (interactive) entity = _analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_14__["EntityType"].Interactive;else if (clip) entity = _analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_14__["EntityType"].Clip;
-    return Object.assign(Object.assign({}, props.analyticsOptions), {
-      entity: entity,
-      actionType: _analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_14__["UserAction"].Click,
-      descriptor: _analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_14__["ClickDescriptor"].Thumbnail
-    });
-  }
-
-  var thumbnailClass = 'rounded-lg overflow-hidden';
-  if (textPosition === _enums_ThumbnailTextPosition__WEBPACK_IMPORTED_MODULE_2__["ThumbnailTextPosition"].Overlay) thumbnailClass += ' ' + _static_video_thumbnail_scss__WEBPACK_IMPORTED_MODULE_15___default.a.gradient;
-  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: className
-  }, !!_common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_1__["FunctionHelper"].isFunction(setFavourite) && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: _static_video_thumbnail_scss__WEBPACK_IMPORTED_MODULE_15___default.a.favouriteContainer
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_favourite_button_FavouriteButton__WEBPACK_IMPORTED_MODULE_3__["FavouriteButton"], {
-    setFavourite: setFavourite,
-    video: video,
-    className: "rounded-circle p-1 ".concat(_static_video_thumbnail_scss__WEBPACK_IMPORTED_MODULE_15___default.a.favouriteButton)
-  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_base_BaseThumbnail__WEBPACK_IMPORTED_MODULE_4__["BaseThumbnail"], {
-    data: getThumbnail(props.video, props.interactive),
-    appLink: appLink,
-    aspectRatio: _base_BaseThumbnail__WEBPACK_IMPORTED_MODULE_4__["AspectRatio"].SixteenByNine,
-    size: size,
-    preload: preload,
-    className: thumbnailClass,
-    analyticsData: getAnalyticsData(),
-    analyticsOptions: getAnalyticsOptions()
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_mask_Mask__WEBPACK_IMPORTED_MODULE_6__["Mask"], {
-    type: _mask_Mask__WEBPACK_IMPORTED_MODULE_6__["MaskType"].Video
-  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_base_ThumbnailFallback__WEBPACK_IMPORTED_MODULE_5__["ThumbnailFallback"], {
-    type: _base_ThumbnailFallback__WEBPACK_IMPORTED_MODULE_5__["ThumbnailFallbackType"].Video
-  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: _static_video_thumbnail_scss__WEBPACK_IMPORTED_MODULE_15___default.a.overlayContainer
-  }, textPosition === _enums_ThumbnailTextPosition__WEBPACK_IMPORTED_MODULE_2__["ThumbnailTextPosition"].Overlay && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(ThumbnailText, Object.assign({}, props)), function () {
-    var clipProgress = _static_video_thumbnail_scss__WEBPACK_IMPORTED_MODULE_15___default.a.clipProgress,
-        interactiveProgress = _static_video_thumbnail_scss__WEBPACK_IMPORTED_MODULE_15___default.a.interactiveProgress,
-        videoProgress = _static_video_thumbnail_scss__WEBPACK_IMPORTED_MODULE_15___default.a.videoProgress;
-
-    switch (props.videoType) {
-      case 'clip':
-        return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-          className: clipProgress
-        }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_progress_bars_clips_ClipThumbnailProgressBar__WEBPACK_IMPORTED_MODULE_12__["ClipThumbnailProgressBar"], {
-          video: video,
-          clip: clip
-        }));
-
-      case 'interactive':
-        return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-          className: interactiveProgress
-        }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_progress_bars_interactives_InteractiveProgressBar__WEBPACK_IMPORTED_MODULE_13__["InteractiveProgressBar"], null));
-
-      case 'video':
-      default:
-        return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-          className: videoProgress
-        }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_progress_bars_videos_VideoWatchProgressBar__WEBPACK_IMPORTED_MODULE_11__["VideoWatchProgressBar"], {
-          video: video
-        }));
-    }
-  }(), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_badges_BadgeListContainer__WEBPACK_IMPORTED_MODULE_10__["BadgeListContainer"], {
-    className: _static_video_thumbnail_scss__WEBPACK_IMPORTED_MODULE_15___default.a.badgeContainer
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_badges_Badge__WEBPACK_IMPORTED_MODULE_9__["Badge"], {
-    type: _badges_Badge__WEBPACK_IMPORTED_MODULE_9__["BadgeType"].Duration,
-    data: props.videoType !== 'clip' ? video.duration : (clip.endTime - clip.startTime) * 1000
-  })))), textPosition === _enums_ThumbnailTextPosition__WEBPACK_IMPORTED_MODULE_2__["ThumbnailTextPosition"].Below && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(ThumbnailText, Object.assign({}, props)));
-}
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/thumbnails/video/static/static-video-thumbnail.scss":
-/*!********************************************************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/thumbnails/video/static/static-video-thumbnail.scss ***!
-  \********************************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-module.exports = {"titleOverlay":"cv--titleOverlay--1JIh4","titleBelow":"cv--titleBelow--1OKu_","overlayContainer":"cv--overlayContainer--1BBKk","favouriteContainer":"cv--favouriteContainer--23tXc","favouriteButton":"cv--favouriteButton--2lJ57","badgeContainer":"cv--badgeContainer--28ZUf","videoProgress":"cv--videoProgress--1PMuv","clipProgress":"cv--clipProgress--3rsmD","interactiveProgress":"cv--interactiveProgress--1fES_","gradient":"cv--gradient--1o4aT"};
-
-/***/ }),
-
-/***/ "../../libs/shared/src/enums/MasterObjectTypes.ts":
-/*!********************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/enums/MasterObjectTypes.ts ***!
-  \********************************************************************************************/
-/*! exports provided: MasterObjectTypes */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MasterObjectTypes", function() { return MasterObjectTypes; });
-var MasterObjectTypes;
-
-(function (MasterObjectTypes) {
-  MasterObjectTypes["Folder"] = "category";
-  MasterObjectTypes["CategoryTree"] = "category_tree";
-  MasterObjectTypes["CustomLibrary"] = "custom_library";
-  MasterObjectTypes["HostedLibrary"] = "hosted_library";
-  MasterObjectTypes["Exchange"] = "exchange";
-  MasterObjectTypes["Workspace"] = "workspace";
-})(MasterObjectTypes || (MasterObjectTypes = {}));
-
-/***/ }),
-
-/***/ "../../libs/shared/src/enums/ThumbnailTextPosition.ts":
-/*!************************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/enums/ThumbnailTextPosition.ts ***!
-  \************************************************************************************************/
-/*! exports provided: ThumbnailTextPosition */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ThumbnailTextPosition", function() { return ThumbnailTextPosition; });
-var ThumbnailTextPosition;
-
-(function (ThumbnailTextPosition) {
-  ThumbnailTextPosition[ThumbnailTextPosition["Below"] = 1] = "Below";
-  ThumbnailTextPosition[ThumbnailTextPosition["Overlay"] = 2] = "Overlay";
-  ThumbnailTextPosition[ThumbnailTextPosition["Independent"] = 3] = "Independent";
-})(ThumbnailTextPosition || (ThumbnailTextPosition = {}));
-
-/***/ }),
-
-/***/ "../../libs/shared/src/hooks/UseAlerts.ts":
-/*!************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/UseAlerts.ts ***!
-  \************************************************************************************/
-/*! exports provided: useAlerts */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useAlerts", function() { return useAlerts; });
-/* harmony import */ var _common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/react/hooks/UseService */ "../../libs/common/src/react/hooks/UseService.ts");
-/* harmony import */ var _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../common/src/backbone/services/BaseAlertService */ "../../libs/common/src/backbone/services/BaseAlertService.ts");
-/* harmony import */ var _common_src_backbone_constants_CommonServices__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../common/src/backbone/constants/CommonServices */ "../../libs/common/src/backbone/constants/CommonServices.ts");
-
-
-
-var useAlerts = function useAlerts() {
-  var alertService = Object(_common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_0__["useService"])(_common_src_backbone_constants_CommonServices__WEBPACK_IMPORTED_MODULE_2__["CommonServices"].ALERT);
-  return {
-    success: function success(alertContent) {
-      alertService.success(alertContent)();
-    },
-    error: function error(alertContent) {
-      alertService.error(alertContent)();
-    },
-    warning: function warning(alertContent) {
-      alertService.createAlert({
-        type: _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__["AlertType"].Warning,
-        heading: _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__["DefaultAlertHeading"].Warning,
-        message: alertContent
-      });
-    }
-  };
-};
-
-/***/ }),
-
-/***/ "../../libs/shared/src/utils/VideoDetailsHelper.ts":
-/*!*********************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/utils/VideoDetailsHelper.ts ***!
-  \*********************************************************************************************/
-/*! exports provided: VideoDetailsHelper */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VideoDetailsHelper", function() { return VideoDetailsHelper; });
-/* harmony import */ var _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
-/* harmony import */ var _SvgHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
-/* harmony import */ var _enums_MasterObjectTypes__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../enums/MasterObjectTypes */ "../../libs/shared/src/enums/MasterObjectTypes.ts");
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-
-
-
-var lang = 'shared.shared-utils'; // File types match metadata for a resource FileApi 
-
-var FileType;
-
-(function (FileType) {
-  FileType["Pdf"] = "pdf";
-  FileType["Image"] = "image";
-  FileType["PowerPoint"] = "powerpoint";
-  FileType["Document"] = "document";
-  FileType["Excel"] = "excel";
-  FileType["Zip"] = "archive";
-  FileType["File"] = "text";
-})(FileType || (FileType = {}));
-
-var VideoDetailsHelper = {
-  mapRatingToClass: function mapRatingToClass(ratingValue) {
-    if (!ratingValue) return '';
-
-    var ratings = function ratings(rating) {
-      switch (true) {
-        case rating < 32:
-          return 'bg-purple';
-
-        case rating < 48:
-          return 'bg-success';
-
-        case rating < 80:
-          return 'bg-info';
-
-        case rating < 96:
-          return 'bg-danger';
-
-        case rating < 128:
-          return 'bg-pink';
-
-        case rating >= 128:
-          return 'bg-warning';
-
-        default:
-          return '';
-        // Handles unrated
-      }
-    };
-
-    return ratings(ratingValue);
-  },
-  mapSourceToDisplayName: function mapSourceToDisplayName(library) {
-    switch (library.type) {
-      case _enums_MasterObjectTypes__WEBPACK_IMPORTED_MODULE_2__["MasterObjectTypes"].HostedLibrary:
-      case _enums_MasterObjectTypes__WEBPACK_IMPORTED_MODULE_2__["MasterObjectTypes"].CustomLibrary:
-        return library.name;
-
-      case _enums_MasterObjectTypes__WEBPACK_IMPORTED_MODULE_2__["MasterObjectTypes"].Exchange:
-        return _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_0__["LanguageService"].getPhrase(lang, 'exchange');
-
-      case _enums_MasterObjectTypes__WEBPACK_IMPORTED_MODULE_2__["MasterObjectTypes"].Workspace:
-        return _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_0__["LanguageService"].getPhrase(lang, 'workspace');
-
-      default:
-        return '';
-    }
-  },
-  mapSourceToClass: function mapSourceToClass(sourceType) {
-    switch (sourceType) {
-      case _enums_MasterObjectTypes__WEBPACK_IMPORTED_MODULE_2__["MasterObjectTypes"].HostedLibrary:
-      case _enums_MasterObjectTypes__WEBPACK_IMPORTED_MODULE_2__["MasterObjectTypes"].CustomLibrary:
-        return 'bg-info';
-
-      case _enums_MasterObjectTypes__WEBPACK_IMPORTED_MODULE_2__["MasterObjectTypes"].Exchange:
-        return 'bg-success';
-
-      case _enums_MasterObjectTypes__WEBPACK_IMPORTED_MODULE_2__["MasterObjectTypes"].Workspace:
-      default:
-        return 'bg-danger';
-    }
-  },
-  isInteractive: function isInteractive(video) {
-    var _a, _b, _c;
-
-    return !!((_c = (_b = (_a = video) === null || _a === void 0 ? void 0 : _a.interactives) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.length);
-  },
-  mapTypeToSvg: function mapTypeToSvg(type) {
-    var _types;
-
-    var types = (_types = {}, _defineProperty(_types, FileType.Pdf, _SvgHelper__WEBPACK_IMPORTED_MODULE_1__["cvSvgLibrary"].FilePDF), _defineProperty(_types, FileType.Image, _SvgHelper__WEBPACK_IMPORTED_MODULE_1__["cvSvgLibrary"].FileImg), _defineProperty(_types, FileType.PowerPoint, _SvgHelper__WEBPACK_IMPORTED_MODULE_1__["cvSvgLibrary"].FilePowerpoint), _defineProperty(_types, FileType.Document, _SvgHelper__WEBPACK_IMPORTED_MODULE_1__["cvSvgLibrary"].FileWord), _defineProperty(_types, FileType.Excel, _SvgHelper__WEBPACK_IMPORTED_MODULE_1__["cvSvgLibrary"].FileExcel), _defineProperty(_types, FileType.Zip, _SvgHelper__WEBPACK_IMPORTED_MODULE_1__["cvSvgLibrary"].FileZip), _defineProperty(_types, FileType.File, _SvgHelper__WEBPACK_IMPORTED_MODULE_1__["cvSvgLibrary"].File), _types);
-    var mappedType = types[type];
-    if (!mappedType) mappedType = _SvgHelper__WEBPACK_IMPORTED_MODULE_1__["cvSvgLibrary"].Folder;
-    return _SvgHelper__WEBPACK_IMPORTED_MODULE_1__["SvgHelper"].getSvg(mappedType);
-  },
-  mapTypeToClass: function mapTypeToClass(type) {
-    switch (type) {
-      case FileType.Pdf:
-        return 'icon-red';
-
-      case FileType.Image:
-        return 'icon-purple';
-
-      case FileType.Document:
-        return 'icon-blue';
-
-      case FileType.Excel:
-        return 'icon-green';
-
-      case FileType.PowerPoint:
-        return 'icon-orange';
-
-      case FileType.Zip:
-        return 'icon-teal';
-
-      case FileType.File:
-        return 'icon-gray';
-
-      default:
-        return '';
-    }
-  },
-  mapTypeToExtension: function mapTypeToExtension(type) {
-    if (!type) return '';
-    var extensions = {
-      pdf: 'pdf',
-      image: 'png',
-      powerpoint: 'pptx'
-    };
-    return extensions[type.toLowerCase()];
-  },
-  mapTypeToName: function mapTypeToName(type) {
-    if (!type) return '';
-
-    switch (type) {
-      case FileType.Pdf:
-        return _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_0__["LanguageService"].getPhrase(lang, 'pdf');
-
-      case FileType.Image:
-        return _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_0__["LanguageService"].getPhrase(lang, 'image');
-
-      case FileType.Document:
-        return _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_0__["LanguageService"].getPhrase(lang, 'document');
-
-      case FileType.Excel:
-        return _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_0__["LanguageService"].getPhrase(lang, 'spreadsheet');
-
-      case FileType.PowerPoint:
-        return _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_0__["LanguageService"].getPhrase(lang, 'presentation');
-
-      case FileType.Zip:
-        return _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_0__["LanguageService"].getPhrase(lang, 'zipArchive');
-
-      case FileType.File:
-        return _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_0__["LanguageService"].getPhrase(lang, 'file');
-
-      default:
-        return '';
-    }
-  }
-};
-
-/***/ })
-
-}]);
-//# sourceMappingURL=1.chunk.js.map