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

package/dist/scripts/34.chunk.js

@@ -0,0 +1,817 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[34],{
+
+/***/ "../../libs/shared/src/components/back-button/BackButton.tsx":
+/*!*******************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/back-button/BackButton.tsx ***!
+  \*******************************************************************************************************/
+/*! exports provided: BackButton */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BackButton", function() { return BackButton; });
+/* 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 _svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
+/* harmony import */ var _app_link_AppLink__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+/* harmony import */ var _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+
+
+
+
+
+var namespace = 'shared.backButton';
+BackButton.defaultProps = {
+  color: 'black',
+  extraClasses: ''
+};
+function BackButton(_ref) {
+  var backToName = _ref.backToName,
+      appLink = _ref.appLink,
+      color = _ref.color,
+      extraClasses = _ref.extraClasses;
+  var backPhrase = backToName ? _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, 'backTo', {
+    backToName: backToName
+  }) : _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, 'back');
+  var colorClass = color === 'black' ? '' : 'text-light';
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_app_link_AppLink__WEBPACK_IMPORTED_MODULE_3__["AppLink"], {
+    appLink: appLink,
+    className: "d-inline-flex align-items-center h5 mb-0 ".concat(extraClasses, " ").concat(colorClass)
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__["SvgContainer"], {
+    svgName: _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_4__["cvSvgLibrary"].ChevronLeft,
+    size: _svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__["SvgContainerSize"].Medium
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", {
+    className: 'ml-1'
+  }, backPhrase));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/banner-header/BannerHeader.tsx":
+/*!***********************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/banner-header/BannerHeader.tsx ***!
+  \***********************************************************************************************************/
+/*! exports provided: BannerHeader, PartialBannerHeader */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BannerHeader", function() { return BannerHeader; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PartialBannerHeader", function() { return PartialBannerHeader; });
+/* 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 _back_button_BackButton__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../back-button/BackButton */ "../../libs/shared/src/components/back-button/BackButton.tsx");
+/* harmony import */ var _utils_ImageHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../utils/ImageHelper */ "../../libs/shared/src/utils/ImageHelper.ts");
+/* harmony import */ var _enums_Images__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../enums/Images */ "../../libs/shared/src/enums/Images.ts");
+/* harmony import */ var _actions_Actions__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../actions/Actions */ "../../libs/shared/src/components/actions/Actions.tsx");
+/* harmony import */ var _banner_header_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./banner-header.scss */ "../../libs/shared/src/components/banner-header/banner-header.scss");
+/* harmony import */ var _banner_header_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_banner_header_scss__WEBPACK_IMPORTED_MODULE_5__);
+
+
+
+
+
+
+var BannerHeader = react__WEBPACK_IMPORTED_MODULE_0__["memo"](function (props) {
+  var heading = props.heading,
+      banner = props.banner,
+      imageCdnUrl = props.imageCdnUrl,
+      actions = props.actions,
+      sortComponent = props.sortComponent,
+      blockColourClass = props.blockColourClass;
+  var url = _utils_ImageHelper__WEBPACK_IMPORTED_MODULE_2__["ImageHelper"].createBannerUrl(banner, {
+    fallbackBaseUrl: imageCdnUrl,
+    fallbackCategoryName: heading,
+    type: _enums_Images__WEBPACK_IMPORTED_MODULE_3__["ImageType"].Banners
+  }, {
+    size: _enums_Images__WEBPACK_IMPORTED_MODULE_3__["ImageSize"].Large,
+    resizeType: _enums_Images__WEBPACK_IMPORTED_MODULE_3__["ResizeType"].Cover
+  });
+  var containerProps = {
+    className: 'banner banner-header',
+    style: {
+      backgroundImage: "url('".concat(url, "')")
+    }
+  };
+
+  if (!banner && blockColourClass) {
+    delete containerProps.style;
+    containerProps.className += " ".concat(blockColourClass);
+  }
+
+  return (// "banner" is used in playlists in Online. banner-header is used by all other projects
+    react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", Object.assign({}, containerProps), props.backButtonAppLink && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+      className: 'pt-3'
+    }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_back_button_BackButton__WEBPACK_IMPORTED_MODULE_1__["BackButton"], {
+      appLink: props.backButtonAppLink,
+      backToName: props.backButtonText,
+      extraClasses: props.backButtonClasses,
+      color: 'white'
+    })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h1", {
+      className: "".concat(_banner_header_scss__WEBPACK_IMPORTED_MODULE_5___default.a.text, " text-white text-shadow position-absolute mb-3 clamp-2")
+    }, heading), !!actions && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+      className: _banner_header_scss__WEBPACK_IMPORTED_MODULE_5___default.a.actionsContainer
+    }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_actions_Actions__WEBPACK_IMPORTED_MODULE_4__["Actions"], {
+      actions: actions,
+      sortComponent: sortComponent,
+      actionsDropdownClassName: props.actionsDropdownClassName
+    })))
+  );
+}, function (prevProps, nextProps) {
+  return prevProps.actions === nextProps.actions;
+});
+var PartialBannerHeader = function PartialBannerHeader() {
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "partial-banner partial-loading-background"
+  });
+};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/banner-header/banner-header.scss":
+/*!*************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/banner-header/banner-header.scss ***!
+  \*************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"actionsContainer":"cv--actionsContainer--286KF","text":"cv--text--3TSgh"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/breadcrumbs/BreadcrumbList.tsx":
+/*!***********************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/breadcrumbs/BreadcrumbList.tsx ***!
+  \***********************************************************************************************************/
+/*! exports provided: BreadcrumbItem, BreadcrumbList */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BreadcrumbItem", function() { return BreadcrumbItem; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BreadcrumbList", function() { return BreadcrumbList; });
+/* 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 _app_link_AppLink__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+
+
+var BreadcrumbItem = function BreadcrumbItem(_ref) {
+  var _ref$breadcrumb = _ref.breadcrumb,
+      label = _ref$breadcrumb.label,
+      appLink = _ref$breadcrumb.appLink,
+      active = _ref$breadcrumb.active;
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("li", {
+    className: "breadcrumb-item".concat(active ? ' active' : '')
+  }, active ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("strong", null, label) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_app_link_AppLink__WEBPACK_IMPORTED_MODULE_1__["AppLink"], {
+    appLink: appLink
+  }, label));
+};
+var BreadcrumbList = function BreadcrumbList(_ref2) {
+  var breadcrumbs = _ref2.breadcrumbs;
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("ol", {
+    className: 'breadcrumb m-0 p-0'
+  }, breadcrumbs.map(function (b, idx) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](BreadcrumbItem, {
+      key: idx,
+      breadcrumb: b
+    });
+  }));
+};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/breadcrumbs/Breadcrumbs.tsx":
+/*!********************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/breadcrumbs/Breadcrumbs.tsx ***!
+  \********************************************************************************************************/
+/*! exports provided: BreadcrumbType, Breadcrumbs, PartialBreadcrumbs */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BreadcrumbType", function() { return BreadcrumbType; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Breadcrumbs", function() { return Breadcrumbs; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PartialBreadcrumbs", function() { return PartialBreadcrumbs; });
+/* 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 _common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../common/src/react/utils/ObjectHelper */ "../../libs/common/src/react/utils/ObjectHelper.ts");
+/* harmony import */ var _common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../common/src/react/utils/ArrayHelper */ "../../libs/common/src/react/utils/ArrayHelper.ts");
+/* harmony import */ var _utils_PartialLoadingHelper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../utils/PartialLoadingHelper */ "../../libs/shared/src/utils/PartialLoadingHelper.ts");
+/* harmony import */ var _BreadcrumbList__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./BreadcrumbList */ "../../libs/shared/src/components/breadcrumbs/BreadcrumbList.tsx");
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+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 BreadcrumbType;
+
+(function (BreadcrumbType) {
+  BreadcrumbType[BreadcrumbType["Static"] = 0] = "Static";
+  BreadcrumbType[BreadcrumbType["Dynamic"] = 1] = "Dynamic";
+})(BreadcrumbType || (BreadcrumbType = {}));
+
+function buildBreadcrumb(item, getItemAppLink, active) {
+  return {
+    label: item.name,
+    appLink: getItemAppLink(item),
+    active: active
+  };
+}
+
+function useGetBreadcrumbs(props, isDynamic) {
+  var _a;
+
+  var currentItem = props.currentItem;
+  var getItemAppLink = props.getItemAppLink,
+      getParent = props.getParent,
+      rootItem = props.rootItem,
+      data = props.data,
+      subview = props.subview;
+
+  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_0__["useState"])([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      breadcrumbs = _useState2[0],
+      setBreadcrumbs = _useState2[1];
+
+  var key = (_a = data) === null || _a === void 0 ? void 0 : _a.map(function (o) {
+    var _a;
+
+    return (_a = o) === null || _a === void 0 ? void 0 : _a.name;
+  }).join('-'); // Uss static/pre-defined array of data to build the breadcrumb structure
+
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    if (isDynamic || _common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_2__["ObjectHelper"].isEmpty(data)) return;
+
+    var _breadcrumbs = data.map(function (d, index) {
+      return buildBreadcrumb(d, getItemAppLink, index + 1 === data.length);
+    });
+
+    if (rootItem) _breadcrumbs.unshift(rootItem);
+    setBreadcrumbs(_breadcrumbs);
+  }, [key]); // Dynamically build the breadcrumb structure
+
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    if (!isDynamic || !_common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_1__["FunctionHelper"].isFunction(getParent)) return;
+    var _breadcrumbs = [buildBreadcrumb(currentItem, getItemAppLink, true)];
+    currentItem = getParent(currentItem);
+
+    while (currentItem) {
+      _breadcrumbs.unshift(buildBreadcrumb(currentItem, getItemAppLink));
+
+      currentItem = getParent(currentItem);
+    }
+
+    if (rootItem) _breadcrumbs.unshift(rootItem);
+    return setBreadcrumbs(_breadcrumbs);
+  }, [currentItem, getParent, getItemAppLink, rootItem]);
+
+  var _React$useRef = react__WEBPACK_IMPORTED_MODULE_0__["useRef"]({
+    label: subview,
+    appLink: null,
+    active: true
+  }),
+      subviewBreadcrumb = _React$useRef.current; // Replace "active" item with the subview
+
+
+  if (subview) {
+    if (!breadcrumbs.includes(subviewBreadcrumb)) setBreadcrumbs([].concat(_toConsumableArray(breadcrumbs), [subviewBreadcrumb]));
+    var selectedBreadcrumb = breadcrumbs.filter(function (crumb) {
+      return crumb.active && crumb !== subviewBreadcrumb;
+    });
+    if (selectedBreadcrumb.length) _common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_3__["ArrayHelper"].first(selectedBreadcrumb).active = false;
+  }
+
+  return breadcrumbs;
+}
+
+function Breadcrumbs(props) {
+  var type = props.type;
+  var isDynamic = type === BreadcrumbType.Dynamic;
+  var breadcrumbs = useGetBreadcrumbs(props, isDynamic);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("nav", {
+    "aria-label": 'breadcrumb'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_BreadcrumbList__WEBPACK_IMPORTED_MODULE_5__["BreadcrumbList"], {
+    breadcrumbs: breadcrumbs
+  }));
+}
+var PartialBreadcrumbs = function PartialBreadcrumbs(_ref) {
+  var _ref$numItems = _ref.numItems,
+      numItems = _ref$numItems === void 0 ? 3 : _ref$numItems;
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("nav", {
+    "aria-label": 'breadcrumb'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("ol", {
+    className: 'breadcrumb m-0 p-0'
+  }, _utils_PartialLoadingHelper__WEBPACK_IMPORTED_MODULE_4__["PartialLoadingHelper"].getPartialLoadingItems({
+    numItems: numItems
+  }).map(function (_ref2, idx) {
+    var width = _ref2.width;
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("li", {
+      key: idx,
+      className: 'breadcrumb-item'
+    }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", {
+      className: 'd-inline-block partial-loading-background',
+      style: {
+        width: width
+      },
+      dangerouslySetInnerHTML: {
+        __html: '&nbsp'
+      }
+    }));
+  })));
+};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/video-list/partial-loading/PartialVideoList.tsx":
+/*!****************************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/video-list/partial-loading/PartialVideoList.tsx ***!
+  \****************************************************************************************************************************/
+/*! exports provided: PartialVideoList, PartialVideoItem */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PartialVideoList", function() { return PartialVideoList; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PartialVideoItem", function() { return PartialVideoItem; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-bootstrap */ "react-bootstrap");
+/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../enums/MediaQueries */ "../../libs/shared/src/enums/MediaQueries.ts");
+/* harmony import */ var _hooks_UseGetMediaQueryString__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../hooks/UseGetMediaQueryString */ "../../libs/shared/src/hooks/UseGetMediaQueryString.ts");
+/* harmony import */ var _partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./partial-video-list.scss */ "../../libs/shared/src/components/video-list/partial-loading/partial-video-list.scss");
+/* harmony import */ var _partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4__);
+
+
+
+
+
+PartialVideoList.defaultProps = {
+  numVideos: 15
+};
+function PartialVideoList(props) {
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, Array(props.numVideos).fill(null).map(function (_, i) {
+    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(PartialVideoItem, Object.assign({
+      key: i
+    }, props));
+  }));
+}
+function PartialVideoItem(props) {
+  var mediaQuery = Object(_hooks_UseGetMediaQueryString__WEBPACK_IMPORTED_MODULE_3__["useGetMediaQueryString"])();
+  var isMobile = mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_2__["MediaQueryStrings"].XS;
+  var isTablet = mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_2__["MediaQueryStrings"].SM || mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_2__["MediaQueryStrings"].MD;
+  var withDragHandle = props.withReordering && !isMobile;
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Row"], {
+    className: 'py-2'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Col"], {
+    xs: isMobile ? 12 : isTablet ? 4 : 3,
+    className: 'flex-column align-items-flex-start mb-1'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Row"], null, !!withDragHandle && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'd-flex align-items-center justify-content-center col-2'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "partial-loading-background ".concat(_partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4___default.a.partialDragHandle)
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Col"], {
+    xs: withDragHandle ? 10 : 12
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "partial-loading-background rounded-lg ".concat(_partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4___default.a.partialThumbnail)
+  })))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Col"], {
+    xs: isMobile ? 12 : isTablet ? 8 : 9
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "partial-loading-background ".concat(_partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4___default.a.partialSeriesLink)
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "partial-loading-background mb-1 ".concat(_partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4___default.a.partialName)
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "partial-loading-background ".concat(_partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4___default.a.partialDescription)
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "partial-loading-background ".concat(_partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4___default.a.partialBadges)
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "partial-loading-background ".concat(_partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4___default.a.partialActions)
+  })));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/video-list/partial-loading/partial-video-list.scss":
+/*!*******************************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/video-list/partial-loading/partial-video-list.scss ***!
+  \*******************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"partialName":"cv--partialName--7KNC2","partialDescription":"cv--partialDescription--Vk_wR","partialThumbnail":"cv--partialThumbnail--3peRZ","partialDragHandle":"cv--partialDragHandle--1F7_f"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/flight-requests/FavouriteVideoRequests.ts":
+/*!***********************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/flight-requests/FavouriteVideoRequests.ts ***!
+  \***********************************************************************************************************/
+/*! exports provided: FavouriteVideoRequests */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FavouriteVideoRequests", function() { return FavouriteVideoRequests; });
+/* harmony import */ var _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/backbone/enums/HttpVerbs */ "../../libs/common/src/backbone/enums/HttpVerbs.ts");
+/* harmony import */ var _constants_WithStatements__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../constants/WithStatements */ "../../libs/shared/src/constants/WithStatements.ts");
+
+
+
+function favouriteVideo(videoId, userId, success, error) {
+  return {
+    url: "{gateway}/v1/objects/".concat(userId),
+    key: "favourite:video:".concat(userId, ":").concat(videoId),
+    data: {
+      favouriteVideos: videoId
+    },
+    type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__["HttpVerbs"].PUT,
+    invalidationKeys: ["favourite:videos:".concat(userId), "video:is:favourited:".concat(userId)],
+    success: success,
+    error: error
+  };
+}
+
+function unfavouriteVideo(videoId, userId, success, error) {
+  return {
+    url: "{gateway}/v1/objects/".concat(userId, "/favouriteVideos?memberId=").concat(videoId),
+    key: "favourite:video:".concat(userId, ":").concat(videoId),
+    type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__["HttpVerbs"].DELETE,
+    invalidationKeys: ["favourite:videos:".concat(userId), "video:is:favourited:".concat(userId)],
+    success: success,
+    error: error
+  };
+}
+
+var FavouriteVideoRequests = {
+  favouriteVideos: function favouriteVideos(userId, cursor) {
+    return {
+      url: "{gateway}/v1/objects/".concat(userId, "/favouriteVideos?query=").concat(_constants_WithStatements__WEBPACK_IMPORTED_MODULE_1__["WithStatementHelper"].VideoCollectionWithAssocs(userId, true)).concat(addCursor(cursor)),
+      key: "favourite:videos:".concat(userId).concat(cursor ? ":".concat(cursor) : '')
+    };
+  },
+  updateIsVideoFavourited: function updateIsVideoFavourited(videoId, userId, shouldFavourite, success, error) {
+    var requestFn = shouldFavourite ? favouriteVideo : unfavouriteVideo;
+    return requestFn(videoId, userId, success, error);
+  },
+  isFavourited: function isFavourited(userId, ids) {
+    var sortedIds = ids.slice().sort();
+    var params = sortedIds.map(function (i) {
+      return "id=".concat(i);
+    });
+    if (!params.length) return;
+    return {
+      url: "{gateway}/v1/objects?query=favouritedBy{id:".concat(userId, "}&").concat(params.join('&')),
+      key: "video:is:favourited:".concat(userId, ":by:id:").concat(sortedIds.join(','))
+    };
+  }
+};
+
+function addCursor(cursor) {
+  return cursor ? "&cursor=".concat(cursor) : '';
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/utils/PartialLoadingHelper.ts":
+/*!***********************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/utils/PartialLoadingHelper.ts ***!
+  \***********************************************************************************************/
+/*! exports provided: PartialLoadingHelper */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PartialLoadingHelper", function() { return PartialLoadingHelper; });
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+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; }
+
+var DEFAULT_NUM_ITEMS = 5;
+var DEFAULT_MIN_WIDTH = 50; // px
+
+var DEFAULT_MAX_WIDTH = 100; // px
+
+var PartialLoadingHelper = {
+  getPartialLoadingItems: function getPartialLoadingItems() {
+    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var _options$numItems = options.numItems,
+        numItems = _options$numItems === void 0 ? DEFAULT_NUM_ITEMS : _options$numItems,
+        _options$minWidth = options.minWidth,
+        minWidth = _options$minWidth === void 0 ? DEFAULT_MIN_WIDTH : _options$minWidth,
+        _options$maxWidth = options.maxWidth,
+        maxWidth = _options$maxWidth === void 0 ? DEFAULT_MAX_WIDTH : _options$maxWidth;
+
+    var getRandomFilterWidth = function getRandomFilterWidth() {
+      return Math.max(Math.floor(Math.random() * maxWidth), minWidth);
+    };
+
+    return _toConsumableArray(Array(numItems)).map(function () {
+      return {
+        width: "".concat(getRandomFilterWidth(), "px")
+      };
+    });
+  }
+};
+
+/***/ }),
+
+/***/ "./src/shared/flight-requests/SeriesRequests.ts":
+/*!******************************************************!*\
+  !*** ./src/shared/flight-requests/SeriesRequests.ts ***!
+  \******************************************************/
+/*! exports provided: SeriesRequests */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SeriesRequests", function() { return SeriesRequests; });
+/* harmony import */ var _libs_shared_src_constants_WithStatements__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../libs/shared/src/constants/WithStatements */ "../../libs/shared/src/constants/WithStatements.ts");
+
+var endpoints = {
+  series: function series(id) {
+    return "{gateway}/v1/objects/".concat(id);
+  },
+  seriesVideos: function seriesVideos(id, userId, cursor) {
+    return "{gateway}/v1/objects/".concat(id, "/videos?query=").concat(_libs_shared_src_constants_WithStatements__WEBPACK_IMPORTED_MODULE_0__["WithStatementHelper"].VideoCollectionWithAssocs(userId, true)).concat(addCursor(cursor));
+  },
+  breadcrumbs: function breadcrumbs(id) {
+    return "/api/domain/v1/subjects/".concat(id, "/path");
+  }
+};
+var SeriesRequests = {
+  series: function series(id) {
+    return {
+      url: endpoints.series(id),
+      key: "series:".concat(id)
+    };
+  },
+  seriesVideos: function seriesVideos(id, userId, cursor) {
+    return {
+      url: endpoints.seriesVideos(id, userId, cursor),
+      key: "series:".concat(id, ":videos:").concat(cursor)
+    };
+  },
+  breadcrumbs: function breadcrumbs(classificationId) {
+    if (!classificationId) return;
+    return {
+      url: endpoints.breadcrumbs(classificationId),
+      key: "series:".concat(classificationId, ":breadcrumbs")
+    };
+  }
+};
+
+function addCursor(cursor) {
+  return cursor ? "&cursor=".concat(cursor) : '';
+}
+
+/***/ }),
+
+/***/ "./src/shared/views/series/SeriesView.tsx":
+/*!************************************************!*\
+  !*** ./src/shared/views/series/SeriesView.tsx ***!
+  \************************************************/
+/*! exports provided: SeriesView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SeriesView", function() { return SeriesView; });
+/* 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_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ "react-redux");
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../libs/shared/src/flight-requests/UserRequests */ "../../libs/shared/src/flight-requests/UserRequests.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_ConfigRequests__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../libs/shared/src/flight-requests/ConfigRequests */ "../../libs/shared/src/flight-requests/ConfigRequests.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_FavouriteVideoRequests__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../libs/shared/src/flight-requests/FavouriteVideoRequests */ "../../libs/shared/src/flight-requests/FavouriteVideoRequests.ts");
+/* harmony import */ var _libs_shared_src_components_banner_header_BannerHeader__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/banner-header/BannerHeader */ "../../libs/shared/src/components/banner-header/BannerHeader.tsx");
+/* harmony import */ var _libs_shared_src_components_breadcrumbs_Breadcrumbs__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/breadcrumbs/Breadcrumbs */ "../../libs/shared/src/components/breadcrumbs/Breadcrumbs.tsx");
+/* harmony import */ var _libs_shared_src_components_video_list_VideoList__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/video-list/VideoList */ "../../libs/shared/src/components/video-list/VideoList.tsx");
+/* harmony import */ var _libs_shared_src_components_video_list_partial_loading_PartialVideoList__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/video-list/partial-loading/PartialVideoList */ "../../libs/shared/src/components/video-list/partial-loading/PartialVideoList.tsx");
+/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+/* harmony import */ var _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../../../../libs/common/src/react/utils/TextHelper */ "../../libs/common/src/react/utils/TextHelper.ts");
+/* harmony import */ var _libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../../../../../libs/common/src/react/hooks/UseSetPageTitle */ "../../libs/common/src/react/hooks/UseSetPageTitle.ts");
+/* harmony import */ var _libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../../../../../libs/shared/src/hooks/UseAlerts */ "../../libs/shared/src/hooks/UseAlerts.ts");
+/* harmony import */ var _libs_shared_src_enums_PermissionName__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../../../../../libs/shared/src/enums/PermissionName */ "../../libs/shared/src/enums/PermissionName.ts");
+/* harmony import */ var _libs_shared_src_hooks_usePermissions__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../../../../../../libs/shared/src/hooks/usePermissions */ "../../libs/shared/src/hooks/usePermissions.ts");
+/* harmony import */ var shared_flight_requests_SeriesRequests__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! shared/flight-requests/SeriesRequests */ "./src/shared/flight-requests/SeriesRequests.ts");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var _libs_shared_src_utils_VideoHelper__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../../../../../../libs/shared/src/utils/VideoHelper */ "../../libs/shared/src/utils/VideoHelper.ts");
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+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; }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/**
+ * This will need to change when this is moved into its own application directory.
+ */
+
+var namespace = 'shared.series';
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].encloseNamespace(namespace); // Update this applink when we pull dashboard in
+
+var getClassificationAppLink = function getClassificationAppLink(classification) {
+  return {
+    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_21__["AppChannels"].SUBJECT,
+    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_20__["Actions"].Subjects.CLASSIFICATION,
+    args: [classification.id, _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_14__["TextHelper"].slugify(classification.name)]
+  };
+};
+
+var getVideoAppLink = function getVideoAppLink(video) {
+  return {
+    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_21__["AppChannels"].DEFAULT,
+    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_20__["Actions"].Default.PLAY_VIDEO,
+    args: [video.id, _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_14__["TextHelper"].slugify(video.name)],
+    params: _libs_shared_src_utils_VideoHelper__WEBPACK_IMPORTED_MODULE_22__["VideoHelper"].getVideoProgress(video) ? {
+      t: Math.floor(_libs_shared_src_utils_VideoHelper__WEBPACK_IMPORTED_MODULE_22__["VideoHelper"].getVideoProgress(video))
+    } : {}
+  };
+};
+
+var getSeriesAppLink = function getSeriesAppLink(series) {
+  return {
+    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_21__["AppChannels"].DEFAULT,
+    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_20__["Actions"].Default.SERIES,
+    args: [series.id, _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_14__["TextHelper"].slugify(series.name)]
+  };
+};
+
+var getHeaderActions = function getHeaderActions(series) {
+  return [{
+    label: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].getPhrase(namespace, 'share'),
+    appLink: series && {
+      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_21__["AppChannels"].SHARE,
+      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_20__["Actions"].Share.SHARE,
+      args: [series.id],
+      params: {
+        entityType: 'series'
+      }
+    },
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_11__["cvSvgLibrary"].Share,
+    className: 'btn btn-secondary mr-2',
+    button: true
+  }, {
+    label: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].getPhrase(namespace, 'follow'),
+    appLink: {
+      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_21__["AppChannels"].DEFAULT,
+      action: 'index'
+    },
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_11__["cvSvgLibrary"].Bell,
+    className: 'btn btn-secondary',
+    button: true
+  }];
+};
+
+function SeriesView(props) {
+  var _a, _b;
+
+  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
+  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_16__["useAlerts"])();
+
+  var _usePermissions = Object(_libs_shared_src_hooks_usePermissions__WEBPACK_IMPORTED_MODULE_18__["usePermissions"])(),
+      hasPermissions = _usePermissions.hasPermissions;
+
+  var config = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_ConfigRequests__WEBPACK_IMPORTED_MODULE_5__["ConfigRequests"].config());
+  var currentUser = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_4__["UserRequests"].currentUser());
+  var series = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(shared_flight_requests_SeriesRequests__WEBPACK_IMPORTED_MODULE_19__["SeriesRequests"].series(props.id));
+  var seriesVideos = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(shared_flight_requests_SeriesRequests__WEBPACK_IMPORTED_MODULE_19__["SeriesRequests"].seriesVideos(props.id, (_a = currentUser.data) === null || _a === void 0 ? void 0 : _a.id, props.cursor));
+  Object(_libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_15__["useSetPageTitle"])((_b = series.data) === null || _b === void 0 ? void 0 : _b.name);
+  var breadcrumbs = [series.data];
+  var subjectPath = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(props.classificationId && shared_flight_requests_SeriesRequests__WEBPACK_IMPORTED_MODULE_19__["SeriesRequests"].breadcrumbs(props.classificationId));
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    if (!subjectPath.data) return;
+    breadcrumbs.unshift.apply(breadcrumbs, _toConsumableArray(subjectPath.data));
+  }, [subjectPath.data]);
+
+  function setFavourite(video, shouldFavourite, onError) {
+    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].fetch(dispatch, _libs_shared_src_flight_requests_FavouriteVideoRequests__WEBPACK_IMPORTED_MODULE_6__["FavouriteVideoRequests"].updateIsVideoFavourited(video.id, currentUser.data.id, shouldFavourite, function () {
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_12__["AnalyticsHelper"].logUserAction({
+        id: video.id
+      }, {
+        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_13__["EntityType"].Video,
+        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_13__["UserAction"].Favourite,
+        descriptor: shouldFavourite ? _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_13__["ToggleDescriptor"].On : _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_13__["ToggleDescriptor"].Off,
+        location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_13__["LocationContext"].VideoThumbnail,
+        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_13__["WorkflowPhase"].Complete
+      });
+      alerts.success(_libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].getPhrase(namespace, shouldFavourite ? 'favourited' : 'unfavourited', {
+        video: video.name
+      }));
+    }, onError));
+  }
+
+  if (!seriesVideos.data || !config.data || !series.data) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  var heading = getPhrase('series', {
+    seriesName: series.data.name
+  });
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'px-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_banner_header_BannerHeader__WEBPACK_IMPORTED_MODULE_7__["BannerHeader"], {
+    heading: heading,
+    banner: null,
+    imageCdnUrl: config.data.imageCdnUrl,
+    backButtonAppLink: {
+      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_21__["AppChannels"].DASHBOARD,
+      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_20__["Actions"].Dashboard.HOME
+    },
+    backButtonText: 'Home' // this needs to be changed eventually
+    ,
+    actions: getHeaderActions(series.data)
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'border-bottom py-3 mb-3'
+  }, props.classificationId && breadcrumbs.length < 2 ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_breadcrumbs_Breadcrumbs__WEBPACK_IMPORTED_MODULE_8__["PartialBreadcrumbs"], null) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_breadcrumbs_Breadcrumbs__WEBPACK_IMPORTED_MODULE_8__["Breadcrumbs"], {
+    currentItem: series.data,
+    type: _libs_shared_src_components_breadcrumbs_Breadcrumbs__WEBPACK_IMPORTED_MODULE_8__["BreadcrumbType"].Static,
+    getItemAppLink: getClassificationAppLink,
+    data: breadcrumbs,
+    rootItem: {
+      label: getPhrase('dashboard'),
+      appLink: {
+        application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_21__["AppChannels"].DASHBOARD,
+        action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_20__["Actions"].Dashboard.HOME
+      }
+    }
+  }), series.data.description && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", {
+    className: 'pt-3'
+  }, series.data.description)), seriesVideos.data ? !seriesVideos.isFetching ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_video_list_VideoList__WEBPACK_IMPORTED_MODULE_9__["VideoList"], {
+    videos: seriesVideos.data.data,
+    cursors: seriesVideos.data.pagination.cursors,
+    getVideoAppLink: getVideoAppLink,
+    getSeriesAppLink: getSeriesAppLink,
+    setFavourite: setFavourite,
+    hideFavouriteButton: !hasPermissions(_libs_shared_src_enums_PermissionName__WEBPACK_IMPORTED_MODULE_17__["PermissionName"].FavouriteVideos)
+  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_video_list_partial_loading_PartialVideoList__WEBPACK_IMPORTED_MODULE_10__["PartialVideoList"], null) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, "Empty State")));
+}
+
+/***/ })
+
+}]);
+//# sourceMappingURL=34.chunk.js.map