@clickview/lite 0.0.18-rc.1 → 0.0.18-rc.3

package/dist/scripts/1.chunk.js

@@ -1,621 +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 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 _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 _badge_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./badge.scss */ "../../libs/shared/src/components/badges/badge.scss");
-/* harmony import */ var _badge_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_badge_scss__WEBPACK_IMPORTED_MODULE_4__);
-
-
-
-
-
-var BadgeType;
-
-(function (BadgeType) {
-  BadgeType["Duration"] = "duration";
-  BadgeType["Interactive"] = "interactive";
-  BadgeType["Rating"] = "rating";
-  BadgeType["ProductionYear"] = "production-year";
-})(BadgeType || (BadgeType = {}));
-
-function getClassName(type, data) {
-  const baseClass = 'badge';
-  let typeClass = '';
-  if (type === BadgeType.Duration) typeClass = _badge_scss__WEBPACK_IMPORTED_MODULE_4___default.a.duration;
-  if (type === BadgeType.Interactive) typeClass = _badge_scss__WEBPACK_IMPORTED_MODULE_4___default.a.interactive;
-  if (type === BadgeType.Rating) typeClass = `${_badge_scss__WEBPACK_IMPORTED_MODULE_4___default.a.rating} ${_utils_VideoDetailsHelper__WEBPACK_IMPORTED_MODULE_2__["VideoDetailsHelper"].mapRatingToClass(data.value)}`;
-  if (type === BadgeType.ProductionYear) typeClass = _badge_scss__WEBPACK_IMPORTED_MODULE_4___default.a.productionYear;
-  return `${baseClass} ${typeClass}`;
-}
-
-function getBadgeText(type, data) {
-  if (type === BadgeType.Interactive) return '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
-}
-
-function getTooltip(type, data) {
-  if (type === BadgeType.Rating) return {
-    title: data.name,
-    placement: 'top'
-  };
-  return null;
-}
-
-function hasData(type, data) {
-  if (type === BadgeType.Rating) return data && !!data.value;
-  return !!data;
-}
-
-function Badge(props) {
-  const {
-    type,
-    data
-  } = props;
-  if (!hasData(type, data)) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
-  const className = getClassName(type, data);
-  const text = getBadgeText(type, data);
-  const tooltip = getTooltip(type, data);
-
-  if (tooltip) {
-    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["OverlayTrigger"], {
-      placement: tooltip.placement,
-      overlay: react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Tooltip"], {
-        id: tooltip.title
-      }, tooltip.title)
-    }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", {
-      className: className
-    }, 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) {
-  let className = `d-flex ${_badge_scss__WEBPACK_IMPORTED_MODULE_1___default.a.badgeList}`;
-  if (props.className) className += ` ${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","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");
-
-
-
-
-
-const namespace = 'shared.favouriteButton';
-const getPhrase = _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].encloseNamespace(namespace);
-function FavouriteButton(props) {
-  const alerts = Object(_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_4__["useAlerts"])();
-  const hasFavouriteData = typeof props.video.isFavourited === 'boolean';
-  const initialIsFavourite = !!props.video.isFavourited; // Use local state so that changes are reflected immediately.
-
-  const [isFavourite, setIsFavourite] = react__WEBPACK_IMPORTED_MODULE_0__["useState"](initialIsFavourite);
-  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](() => {
-    setIsFavourite(initialIsFavourite);
-  }, [initialIsFavourite]);
-  let className = `cursor-pointer text${isFavourite ? '-danger' : '-dark'}`;
-  if (props.className) className += ` ${props.className}`;
-
-  function onClick() {
-    const shouldFavourite = !isFavourite;
-
-    function onError() {
-      alerts.error(getPhrase(shouldFavourite ? 'favouriteError' : 'unfavouriteError'));
-      setIsFavourite(!shouldFavourite);
-    }
-
-    setIsFavourite(shouldFavourite);
-    props.setFavourite(props.video.id, 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) {
-  const {
-    type
-  } = props;
-  const typeClass = getClassByType(type);
-  const 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/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");
-
-
-
-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__);
-
-
-
-
-
-
-
-
-
-
-
-function ExpandableVideoThumbnail(props) {
-  var _a;
-
-  const {
-    video,
-    appLink,
-    size,
-    setFavourite,
-    preload,
-    hovering
-  } = props;
-  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 ${_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
-  }, 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: `${_expandable_video_thumbnail_scss__WEBPACK_IMPORTED_MODULE_10___default.a.title} ${hovering ? _expandable_video_thumbnail_scss__WEBPACK_IMPORTED_MODULE_10___default.a.downScale : ''}`
-  }, !!((_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_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
-  }), 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 _static_video_thumbnail_scss__WEBPACK_IMPORTED_MODULE_11__ = __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_11___default = /*#__PURE__*/__webpack_require__.n(_static_video_thumbnail_scss__WEBPACK_IMPORTED_MODULE_11__);
-
-
-
-
-
-
-
-
-
-
-
-
-
-function ThumbnailText(props) {
-  var _a;
-
-  const {
-    video,
-    seriesAppLink,
-    textPosition,
-    appLink
-  } = props;
-  const textIsOverlayed = textPosition === _enums_ThumbnailTextPosition__WEBPACK_IMPORTED_MODULE_2__["ThumbnailTextPosition"].Overlay;
-  const className = textIsOverlayed ? _static_video_thumbnail_scss__WEBPACK_IMPORTED_MODULE_11___default.a.titleOverlay : _static_video_thumbnail_scss__WEBPACK_IMPORTED_MODULE_11___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 StaticVideoThumbnail(props) {
-  const {
-    video,
-    appLink,
-    textPosition,
-    size,
-    setFavourite,
-    preload
-  } = props;
-  let className = 'position-relative';
-  /**
-   * 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`;
-  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_11___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 ${_static_video_thumbnail_scss__WEBPACK_IMPORTED_MODULE_11___default.a.favouriteButton}`
-  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_base_BaseThumbnail__WEBPACK_IMPORTED_MODULE_4__["BaseThumbnail"], {
-    data: video.thumbnail,
-    appLink: appLink,
-    aspectRatio: _base_BaseThumbnail__WEBPACK_IMPORTED_MODULE_4__["AspectRatio"].SixteenByNine,
-    size: size,
-    preload: preload,
-    className: textPosition === _enums_ThumbnailTextPosition__WEBPACK_IMPORTED_MODULE_2__["ThumbnailTextPosition"].Overlay ? _static_video_thumbnail_scss__WEBPACK_IMPORTED_MODULE_11___default.a.gradient : ''
-  }, 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_11___default.a.overlayContainer
-  }, textPosition === _enums_ThumbnailTextPosition__WEBPACK_IMPORTED_MODULE_2__["ThumbnailTextPosition"].Overlay && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(ThumbnailText, Object.assign({}, props)), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_badges_BadgeListContainer__WEBPACK_IMPORTED_MODULE_10__["BadgeListContainer"], {
-    className: _static_video_thumbnail_scss__WEBPACK_IMPORTED_MODULE_11___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: video.duration
-  })))), 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","gradient":"cv--gradient--1o4aT"};
-
-/***/ }),
-
-/***/ "../../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");
-
-
-
-const useAlerts = () => {
-  const 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(alertContent) {
-      alertService.success(alertContent)();
-    },
-
-    error(alertContent) {
-      alertService.error(alertContent)();
-    },
-
-    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; });
-const VideoDetailsHelper = {
-  mapRatingToClass(ratingValue) {
-    if (!ratingValue) return '';
-
-    const 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);
-  }
-
-};
-
-/***/ })
-
-}]);
-//# sourceMappingURL=1.chunk.js.map