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

package/dist/scripts/1.chunk.js

@@ -0,0 +1,1130 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[1],{
+
+/***/ "../../libs/shared/src/components/badges/Badge.tsx":
+/*!*********************************************************************************************!*\
+  !*** C:/ClickView/front-end/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");
+
+
+
+
+
+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 = 'duration-badge';
+  if (type === BadgeType.Interactive) typeClass = 'interactive-badge';
+  if (type === BadgeType.Rating) typeClass = "rating-badge ".concat(_utils_VideoDetailsHelper__WEBPACK_IMPORTED_MODULE_2__["VideoDetailsHelper"].mapRatingToClass(data.value));
+  if (type === BadgeType.ProductionYear) typeClass = 'production-year-badge';
+  if (type === BadgeType.Resources) typeClass = 'resources-badge';
+  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, _d, _e, _f;
+
+  if (type === BadgeType.Rating) return data && !!data.value;
+  if (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);
+  if (type === BadgeType.Interactive && Array.isArray(data)) return !!((_d = data) === null || _d === void 0 ? void 0 : _d.length) || !!((_f = (_e = data) === null || _e === void 0 ? void 0 : _e.data) === null || _f === void 0 ? void 0 : _f.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/front-end/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__);
+
+function BadgeListContainer(props) {
+  var className = 'd-flex align-items-center badge-list';
+  if (props.className) className += " ".concat(props.className);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: className
+  }, props.children);
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/favourite-button/FavouriteButton.tsx":
+/*!*****************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/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 _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../common/src/backbone/utils/FunctionHelper */ "../../libs/common/src/backbone/utils/FunctionHelper.ts");
+/* harmony import */ var _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
+/* harmony import */ var _hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../hooks/UseAlerts */ "../../libs/shared/src/hooks/UseAlerts.ts");
+/* harmony import */ var _utils_FavouriteHelpers__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils/FavouriteHelpers */ "../../libs/shared/src/utils/FavouriteHelpers.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_5__["useAlerts"])(); // We'll show the favourite icon where the property exists on the payload - even if it's empty/null
+
+  var canFavourite = _utils_FavouriteHelpers__WEBPACK_IMPORTED_MODULE_6__["FavouriteHelper"].canFavourite(props.video);
+  var initialState = _utils_FavouriteHelpers__WEBPACK_IMPORTED_MODULE_6__["FavouriteHelper"].isFavouritedByCurrentUser(props.video); // Use local state so that changes are reflected immediately.
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__["useState"](initialState),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      isFavourite = _React$useState2[0],
+      setIsFavourite = _React$useState2[1];
+
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    setIsFavourite(initialState);
+  }, [initialState]);
+  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 (!canFavourite || !_common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__["FunctionHelper"].isFunction(props.setFavourite)) 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_4__["SvgContainer"], {
+    svgName: isFavourite ? _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__["cvSvgLibrary"].Heart : _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__["cvSvgLibrary"].HeartOutline,
+    size: _svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_4__["SvgContainerSize"].Small
+  }));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/mask/Mask.tsx":
+/*!******************************************************************************************!*\
+  !*** C:/ClickView/front-end/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/front-end/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/front-end/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/front-end/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/front-end/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/front-end/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/front-end/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__);
+/* harmony import */ var _utils_VideoHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../utils/VideoHelper */ "../../libs/shared/src/utils/VideoHelper.ts");
+
+
+function VideoWatchProgressBar(props) {
+  var progress = _utils_VideoHelper__WEBPACK_IMPORTED_MODULE_1__["VideoHelper"].getVideoProgress(props.video);
+  var watchPercentage = progress && props.video.duration && progress / 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/front-end/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/front-end/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 _favourite_button_FavouriteButton__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../favourite-button/FavouriteButton */ "../../libs/shared/src/components/favourite-button/FavouriteButton.tsx");
+/* harmony import */ var _base_BaseThumbnail__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../base/BaseThumbnail */ "../../libs/shared/src/components/thumbnails/base/BaseThumbnail.tsx");
+/* harmony import */ var _base_ThumbnailFallback__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../base/ThumbnailFallback */ "../../libs/shared/src/components/thumbnails/base/ThumbnailFallback.tsx");
+/* harmony import */ var _series_link_SeriesLink__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../series-link/SeriesLink */ "../../libs/shared/src/components/series-link/SeriesLink.tsx");
+/* harmony import */ var _badges_BadgeListContainer__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../badges/BadgeListContainer */ "../../libs/shared/src/components/badges/BadgeListContainer.tsx");
+/* harmony import */ var _badges_Badge__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../badges/Badge */ "../../libs/shared/src/components/badges/Badge.tsx");
+/* harmony import */ var _svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
+/* harmony import */ var _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.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 _progress_bars_clips_ClipThumbnailProgressBar__WEBPACK_IMPORTED_MODULE_11__ = __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_12__ = __webpack_require__(/*! ../../../progress-bars/interactives/InteractiveProgressBar */ "../../libs/shared/src/components/progress-bars/interactives/InteractiveProgressBar.tsx");
+/* harmony import */ var _progress_bars_videos_VideoWatchProgressBar__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../progress-bars/videos/VideoWatchProgressBar */ "../../libs/shared/src/components/progress-bars/videos/VideoWatchProgressBar.tsx");
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+function ExpandableVideoThumbnail(props) {
+  var _a, _b, _c, _d;
+
+  var video = props.video,
+      clip = props.clip,
+      appLink = props.appLink,
+      imageOptions = props.imageOptions,
+      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_9__["EntityType"].Video,
+    actionType: _analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_9__["UserAction"].Click,
+    descriptor: _analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_9__["ClickDescriptor"].Thumbnail
+  });
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'position-relative rounded overflow-hidden'
+  }, !props.hideFavouriteButton && 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_1__["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_2__["BaseThumbnail"], {
+    data: video.thumbnail,
+    appLink: appLink,
+    aspectRatio: _base_BaseThumbnail__WEBPACK_IMPORTED_MODULE_2__["AspectRatio"].SixteenByNine,
+    imageOptions: imageOptions,
+    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_7__["SvgContainer"], {
+    className: _expandable_video_thumbnail_scss__WEBPACK_IMPORTED_MODULE_10___default.a.playIcon,
+    svgName: _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_8__["cvSvgLibrary"].PlayCircle
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_base_ThumbnailFallback__WEBPACK_IMPORTED_MODULE_3__["ThumbnailFallback"], {
+    type: _base_ThumbnailFallback__WEBPACK_IMPORTED_MODULE_3__["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_4__["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), function () {
+    var clipProgress = _expandable_video_thumbnail_scss__WEBPACK_IMPORTED_MODULE_10___default.a.clipProgress,
+        interactiveProgress = _expandable_video_thumbnail_scss__WEBPACK_IMPORTED_MODULE_10___default.a.interactiveProgress,
+        videoProgress = _expandable_video_thumbnail_scss__WEBPACK_IMPORTED_MODULE_10___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_11__["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_12__["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_13__["VideoWatchProgressBar"], {
+          video: video
+        }));
+    }
+  }(), hovering && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_badges_BadgeListContainer__WEBPACK_IMPORTED_MODULE_5__["BadgeListContainer"], {
+    className: "align-items-center mb-n1 mt-1"
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_badges_Badge__WEBPACK_IMPORTED_MODULE_6__["Badge"], {
+    type: _badges_Badge__WEBPACK_IMPORTED_MODULE_6__["BadgeType"].Duration,
+    data: props.videoType !== 'clip' ? video.duration : (clip.endTime - clip.startTime) * 1000
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_badges_Badge__WEBPACK_IMPORTED_MODULE_6__["Badge"], {
+    type: _badges_Badge__WEBPACK_IMPORTED_MODULE_6__["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_7__["SvgContainer"], {
+    svgName: _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_8__["cvSvgLibrary"].CloseCaptionBadge
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_badges_Badge__WEBPACK_IMPORTED_MODULE_6__["Badge"], {
+    type: _badges_Badge__WEBPACK_IMPORTED_MODULE_6__["BadgeType"].Interactive,
+    data: (_d = props.video._hasinteractives) === null || _d === void 0 ? void 0 : _d.value
+  }))))));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/thumbnails/video/expandable/expandable-video-thumbnail.scss":
+/*!****************************************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/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","videoProgress":"cv--videoProgress--1EuSH","badgeContainer":"cv--badgeContainer--10TYY","clipProgress":"cv--clipProgress--3QyHR","interactiveProgress":"cv--interactiveProgress--1KUiQ"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/thumbnails/video/static/StaticVideoThumbnail.tsx":
+/*!*****************************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/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 _enums_ThumbnailTextPosition__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../enums/ThumbnailTextPosition */ "../../libs/shared/src/enums/ThumbnailTextPosition.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 _mask_Mask__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../mask/Mask */ "../../libs/shared/src/components/mask/Mask.tsx");
+/* harmony import */ var _series_link_SeriesLink__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../series-link/SeriesLink */ "../../libs/shared/src/components/series-link/SeriesLink.tsx");
+/* harmony import */ var _app_link_AppLink__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+/* harmony import */ var _badges_Badge__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../badges/Badge */ "../../libs/shared/src/components/badges/Badge.tsx");
+/* harmony import */ var _badges_BadgeListContainer__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../badges/BadgeListContainer */ "../../libs/shared/src/components/badges/BadgeListContainer.tsx");
+/* harmony import */ var _progress_bars_videos_VideoWatchProgressBar__WEBPACK_IMPORTED_MODULE_10__ = __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_11__ = __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_12__ = __webpack_require__(/*! ../../../progress-bars/interactives/InteractiveProgressBar */ "../../libs/shared/src/components/progress-bars/interactives/InteractiveProgressBar.tsx");
+/* harmony import */ var _analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../../../../analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+/* harmony import */ var _static_video_thumbnail_scss__WEBPACK_IMPORTED_MODULE_14__ = __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_14___default = /*#__PURE__*/__webpack_require__.n(_static_video_thumbnail_scss__WEBPACK_IMPORTED_MODULE_14__);
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+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_1__["ThumbnailTextPosition"].Overlay;
+  var className = textIsOverlayed ? _static_video_thumbnail_scss__WEBPACK_IMPORTED_MODULE_14___default.a.titleOverlay : _static_video_thumbnail_scss__WEBPACK_IMPORTED_MODULE_14___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_6__["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_7__["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,
+      imageOptions = props.imageOptions,
+      setFavourite = props.setFavourite,
+      preload = props.preload;
+  var className = 'position-relative';
+  if (appLink) className += ' cursor-pointer';
+  if (props.extraClasses) className += " ".concat(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_1__["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_13__["EntityType"].Video;
+    if (interactive) entity = _analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_13__["EntityType"].Interactive;else if (clip) entity = _analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_13__["EntityType"].Clip;
+    return Object.assign(Object.assign({}, props.analyticsOptions), {
+      entity: entity,
+      actionType: _analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_13__["UserAction"].Click,
+      descriptor: _analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_13__["ClickDescriptor"].Thumbnail
+    });
+  }
+
+  var thumbnailClass = 'rounded-lg overflow-hidden';
+  if (textPosition === _enums_ThumbnailTextPosition__WEBPACK_IMPORTED_MODULE_1__["ThumbnailTextPosition"].Overlay) thumbnailClass += ' ' + _static_video_thumbnail_scss__WEBPACK_IMPORTED_MODULE_14___default.a.gradient;
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: className
+  }, !props.hideFavouriteButton && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: _static_video_thumbnail_scss__WEBPACK_IMPORTED_MODULE_14___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(_static_video_thumbnail_scss__WEBPACK_IMPORTED_MODULE_14___default.a.favouriteButton)
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_base_BaseThumbnail__WEBPACK_IMPORTED_MODULE_3__["BaseThumbnail"], {
+    data: getThumbnail(props.video, props.interactive),
+    appLink: appLink,
+    aspectRatio: _base_BaseThumbnail__WEBPACK_IMPORTED_MODULE_3__["AspectRatio"].SixteenByNine,
+    imageOptions: imageOptions,
+    preload: preload,
+    className: thumbnailClass,
+    analyticsData: getAnalyticsData(),
+    analyticsOptions: getAnalyticsOptions()
+  }, !!appLink && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_mask_Mask__WEBPACK_IMPORTED_MODULE_5__["Mask"], {
+    type: _mask_Mask__WEBPACK_IMPORTED_MODULE_5__["MaskType"].Video
+  }), 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: _static_video_thumbnail_scss__WEBPACK_IMPORTED_MODULE_14___default.a.overlayContainer
+  }, textPosition === _enums_ThumbnailTextPosition__WEBPACK_IMPORTED_MODULE_1__["ThumbnailTextPosition"].Overlay && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(ThumbnailText, Object.assign({}, props)), function () {
+    var clipProgress = _static_video_thumbnail_scss__WEBPACK_IMPORTED_MODULE_14___default.a.clipProgress,
+        interactiveProgress = _static_video_thumbnail_scss__WEBPACK_IMPORTED_MODULE_14___default.a.interactiveProgress,
+        videoProgress = _static_video_thumbnail_scss__WEBPACK_IMPORTED_MODULE_14___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_11__["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_12__["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_10__["VideoWatchProgressBar"], {
+          video: video
+        }));
+    }
+  }(), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_badges_BadgeListContainer__WEBPACK_IMPORTED_MODULE_9__["BadgeListContainer"], {
+    className: _static_video_thumbnail_scss__WEBPACK_IMPORTED_MODULE_14___default.a.badgeContainer
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_badges_Badge__WEBPACK_IMPORTED_MODULE_8__["Badge"], {
+    type: _badges_Badge__WEBPACK_IMPORTED_MODULE_8__["BadgeType"].Duration,
+    data: props.videoType !== 'clip' ? video.duration : (clip.endTime - clip.startTime) * 1000
+  })))), textPosition === _enums_ThumbnailTextPosition__WEBPACK_IMPORTED_MODULE_1__["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/front-end/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/front-end/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/ResourceFileType.ts":
+/*!*******************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/enums/ResourceFileType.ts ***!
+  \*******************************************************************************************/
+/*! exports provided: ResourceFileType */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ResourceFileType", function() { return ResourceFileType; });
+// File types match metadata for a resource FileApi
+var ResourceFileType;
+
+(function (ResourceFileType) {
+  ResourceFileType["Pdf"] = "pdf";
+  ResourceFileType["Image"] = "image";
+  ResourceFileType["PowerPoint"] = "powerpoint";
+  ResourceFileType["Document"] = "document";
+  ResourceFileType["Excel"] = "excel";
+  ResourceFileType["Zip"] = "archive";
+  ResourceFileType["File"] = "text";
+})(ResourceFileType || (ResourceFileType = {}));
+
+/***/ }),
+
+/***/ "../../libs/shared/src/enums/ThumbnailTextPosition.ts":
+/*!************************************************************************************************!*\
+  !*** C:/ClickView/front-end/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/front-end/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/FavouriteHelpers.ts":
+/*!*******************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/utils/FavouriteHelpers.ts ***!
+  \*******************************************************************************************/
+/*! exports provided: FavouriteHelper */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FavouriteHelper", function() { return FavouriteHelper; });
+/* harmony import */ var _common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/react/utils/ArrayHelper */ "../../libs/common/src/react/utils/ArrayHelper.ts");
+
+var FavouriteHelper = {
+  /**
+   * This helper is based on a *critical* assumption that the with statement
+   * retrieving the favouritedBy collection uses a filter for the current user's id.
+   *
+   * The reason we're not passing the current user as an arg is that we would need to
+   * drill the user object all the way down to low level componenets.
+   *
+   * @param object
+   */
+  isFavouritedByCurrentUser: function isFavouritedByCurrentUser(object) {
+    var _a, _b;
+
+    return !!(((_b = (_a = object) === null || _a === void 0 ? void 0 : _a.favouritedBy) === null || _b === void 0 ? void 0 : _b.data.length) === 1);
+  },
+
+  /**
+   * Determine whether the user has favourited the object
+   *
+   * @param object
+   */
+  isFavouritedByUser: function isFavouritedByUser(object, user) {
+    var _a, _b, _c;
+
+    return !!_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_0__["ArrayHelper"].findWhere((_b = (_a = object) === null || _a === void 0 ? void 0 : _a.favouritedBy) === null || _b === void 0 ? void 0 : _b.data, {
+      id: (_c = user) === null || _c === void 0 ? void 0 : _c.id
+    });
+  },
+
+  /**
+   * Determine whether the object can be favourited.
+   *
+   * Based on the premise that the existence of the assoc property means that the object
+   * does support being favourited. Ensure that your with statement is correctly retrieving
+   * the favouritedBy assoc.
+   *
+   * @param object
+   */
+  canFavourite: function canFavourite(object) {
+    var _a, _b, _c;
+
+    return !!(((_a = object) === null || _a === void 0 ? void 0 : _a.favouritedBy) && Array.isArray((_c = (_b = object) === null || _b === void 0 ? void 0 : _b.favouritedBy) === null || _c === void 0 ? void 0 : _c.data));
+  }
+};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/utils/VideoDetailsHelper.ts":
+/*!*********************************************************************************************!*\
+  !*** C:/ClickView/front-end/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");
+/* harmony import */ var _enums_ResourceFileType__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../enums/ResourceFileType */ "../../libs/shared/src/enums/ResourceFileType.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';
+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, _enums_ResourceFileType__WEBPACK_IMPORTED_MODULE_3__["ResourceFileType"].Pdf, _SvgHelper__WEBPACK_IMPORTED_MODULE_1__["cvSvgLibrary"].FilePDF), _defineProperty(_types, _enums_ResourceFileType__WEBPACK_IMPORTED_MODULE_3__["ResourceFileType"].Image, _SvgHelper__WEBPACK_IMPORTED_MODULE_1__["cvSvgLibrary"].FileImg), _defineProperty(_types, _enums_ResourceFileType__WEBPACK_IMPORTED_MODULE_3__["ResourceFileType"].PowerPoint, _SvgHelper__WEBPACK_IMPORTED_MODULE_1__["cvSvgLibrary"].FilePowerpoint), _defineProperty(_types, _enums_ResourceFileType__WEBPACK_IMPORTED_MODULE_3__["ResourceFileType"].Document, _SvgHelper__WEBPACK_IMPORTED_MODULE_1__["cvSvgLibrary"].FileWord), _defineProperty(_types, _enums_ResourceFileType__WEBPACK_IMPORTED_MODULE_3__["ResourceFileType"].Excel, _SvgHelper__WEBPACK_IMPORTED_MODULE_1__["cvSvgLibrary"].FileExcel), _defineProperty(_types, _enums_ResourceFileType__WEBPACK_IMPORTED_MODULE_3__["ResourceFileType"].Zip, _SvgHelper__WEBPACK_IMPORTED_MODULE_1__["cvSvgLibrary"].FileZip), _defineProperty(_types, _enums_ResourceFileType__WEBPACK_IMPORTED_MODULE_3__["ResourceFileType"].File, _SvgHelper__WEBPACK_IMPORTED_MODULE_1__["cvSvgLibrary"].File), _types);
+    var mappedType = types[type];
+    if (!mappedType) mappedType = _SvgHelper__WEBPACK_IMPORTED_MODULE_1__["cvSvgLibrary"].Folder;
+    return mappedType;
+  },
+  mapTypeToClass: function mapTypeToClass(type) {
+    switch (type) {
+      case _enums_ResourceFileType__WEBPACK_IMPORTED_MODULE_3__["ResourceFileType"].Pdf:
+        return 'icon-red';
+
+      case _enums_ResourceFileType__WEBPACK_IMPORTED_MODULE_3__["ResourceFileType"].Image:
+        return 'icon-purple';
+
+      case _enums_ResourceFileType__WEBPACK_IMPORTED_MODULE_3__["ResourceFileType"].Document:
+        return 'icon-blue';
+
+      case _enums_ResourceFileType__WEBPACK_IMPORTED_MODULE_3__["ResourceFileType"].Excel:
+        return 'icon-green';
+
+      case _enums_ResourceFileType__WEBPACK_IMPORTED_MODULE_3__["ResourceFileType"].PowerPoint:
+        return 'icon-orange';
+
+      case _enums_ResourceFileType__WEBPACK_IMPORTED_MODULE_3__["ResourceFileType"].Zip:
+        return 'icon-teal';
+
+      case _enums_ResourceFileType__WEBPACK_IMPORTED_MODULE_3__["ResourceFileType"].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 _enums_ResourceFileType__WEBPACK_IMPORTED_MODULE_3__["ResourceFileType"].Pdf:
+        return _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_0__["LanguageService"].getPhrase(lang, 'pdf');
+
+      case _enums_ResourceFileType__WEBPACK_IMPORTED_MODULE_3__["ResourceFileType"].Image:
+        return _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_0__["LanguageService"].getPhrase(lang, 'image');
+
+      case _enums_ResourceFileType__WEBPACK_IMPORTED_MODULE_3__["ResourceFileType"].Document:
+        return _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_0__["LanguageService"].getPhrase(lang, 'document');
+
+      case _enums_ResourceFileType__WEBPACK_IMPORTED_MODULE_3__["ResourceFileType"].Excel:
+        return _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_0__["LanguageService"].getPhrase(lang, 'spreadsheet');
+
+      case _enums_ResourceFileType__WEBPACK_IMPORTED_MODULE_3__["ResourceFileType"].PowerPoint:
+        return _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_0__["LanguageService"].getPhrase(lang, 'presentation');
+
+      case _enums_ResourceFileType__WEBPACK_IMPORTED_MODULE_3__["ResourceFileType"].Zip:
+        return _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_0__["LanguageService"].getPhrase(lang, 'zipArchive');
+
+      case _enums_ResourceFileType__WEBPACK_IMPORTED_MODULE_3__["ResourceFileType"].File:
+        return _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_0__["LanguageService"].getPhrase(lang, 'file');
+
+      default:
+        return '';
+    }
+  }
+};
+
+/***/ })
+
+}]);
+//# sourceMappingURL=1.chunk.js.map