@clickview/lite 0.0.18-dev.2 → 0.0.18-rc.1

package/dist/scripts/31.chunk.js

@@ -1 +1,731 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[31],{454:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(0);function r(e){return a.createElement(a.Fragment,null)}},468:function(e,t,n){"use strict";n.d(t,"a",(function(){return f}));var a=n(0),r=n(2),i=n(31),o=n(13),c=n(436),s=n(454),l=n(482),u=n.n(l);function d(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,r=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(a=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);a=!0);}catch(e){r=!0,i=e}finally{try{a||null==c.return||c.return()}finally{if(r)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return p(e,t)}(e,t)||function(){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 p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var m=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n};function f(e){var t=e.onSortComplete,n=e.onSortStart,l=e.showPartialLoading,p=m(e,["onSortComplete","onSortStart","showPartialLoading"]),f=d(a.useState(),2),b=f[0],v=f[1],h=function(e){i.a.isFunction(n)&&n(e)};return l?a.createElement(s.a,null):e.canEdit?a.createElement(c.b,Object.assign({},p,{currentSortingIndex:b,updateBeforeSortStart:function(e){var t=e.index;return v(t)},onSortStart:function(e){var t=e.index;return h(t)},onSortEnd:function(e){v(null),i.a.isFunction(t)?t(e.oldIndex,e.newIndex):r.a.ErrorHelper.throw(new o.a("An onSortComplete callback function must be passed to SortableVideoListComponent"))},lockAxis:"y",lockToContainerEdges:!0,lockOffset:["0%","100%"],helperClass:"bg-white ".concat(u.a.sortableItem),distance:1,useDragHandle:!0})):a.createElement(c.c,Object.assign({},p))}},482:function(e,t,n){e.exports={sortableItem:"_2eiPB"}},494:function(e,t,n){"use strict";var a=n(0),r=n(44),i=n(32),o="playlists.liteWhatsNewBreadcrumbs";function c(e){return a.createElement(a.Fragment,null,a.createElement("h1",null,a.createElement(r.b,{namespace:o,phrase:"whatsNew"})),a.createElement("nav",{"aria-label":"breadcrumb"},a.createElement("ol",{className:"breadcrumb p-0"},a.createElement("li",{className:"breadcrumb-item"},a.createElement(i.a,{appLink:e.dashboardAppLink},a.createElement(r.b,{namespace:o,phrase:"dashboard"}))),a.createElement("li",{className:"breadcrumb-item active","aria-current":"page"},a.createElement(r.b,{namespace:o,phrase:"whatsNew"})))))}var s=n(9),l=n(111),u=n(509),d=n.n(u);function p(e){var t=e.classification,n=e.backgroundUrl,o=e.followed,c=e.follow;return a.createElement("div",{className:"banner mb-2 d-flex justify-content-between ".concat(d.a.banner),style:{backgroundImage:"url('".concat(n,"')")}},a.createElement(i.a,{className:"text-white text-shadow",appLink:e.getClassificationAppLink(t)},a.createElement("h2",{className:"h3 mb-0"},t.name)),a.createElement(l.a,{className:"btn ".concat(o?"btn-dark":"btn-white"),svgName:s.b.Bell,onClick:function(){return c(t.id,!o)}},a.createElement(r.b,{namespace:"liteContentUpdates.classificationBanner",phrase:o?"unfollow":"follow"})))}function m(e){var t=e.classification;return a.createElement(a.Fragment,null,a.createElement("nav",{"aria-label":"breadcrumb"},a.createElement("ol",{className:"breadcrumb p-0"},a.createElement("li",{className:"breadcrumb-item"},a.createElement(i.a,{appLink:e.dashboardAppLink},a.createElement(r.b,{namespace:"playlists.liteClassificationUpdateBreadcrumbs",phrase:"dashboard"}))),a.createElement("li",{className:"breadcrumb-item"},a.createElement(i.a,{appLink:e.contentUpdatesAppLink},a.createElement(r.b,{namespace:"playlists.liteClassificationUpdateBreadcrumbs",phrase:"whatsNew"}))),a.createElement("li",{className:"breadcrumb-item active","aria-current":"page"},t.name))))}n.d(t,"c",(function(){return c})),n.d(t,"a",(function(){return p})),n.d(t,"b",(function(){return m}))},507:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var a=n(40),r=n(11),i=n(63);function o(e,t){const n=Object(a.useDispatch)();return Object(a.useSelector)(a=>{var o;if(!(null===(o=e)||void 0===o?void 0:o.length))return null;const c=i.a.uniq(e);let s={};const l={};for(let e=0;e<c.length;e+=25){const i=c.slice(e,e+25),o=t(i),u=r.a.getResponse(a,o.key);l[e]=!!u.data,u.shouldFetch&&r.a.fetch(n,o),u.data&&u.data.forEach(e=>s[e.id]=e)}return Object.keys(l).every(e=>l[e])?s:null})}},508:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(25);const r={getContentUpdates:(e,t)=>({url:`/api/domain/v1/subjects/content-updates?from=${e}&to=${t}`,key:"content:updates",normalize:!1}),getClassifications(e){const t=[];return e.forEach(e=>t.push("id="+e)),{url:`/api/domain/v1/subjects?${t.join("&")}&query=banner`,key:"classifications:"+e.join(",")}},getClassification:e=>({url:`/api/domain/v1/subjects/${e}?query=banner`,key:"classification:"+e}),videos:(e,t)=>({url:`/api/domain/v1/videos?ids=${e.join(",")}&with=${a.a.VIDEO_COLLECTION}`,key:"videos:by:id:"+e.join(","),success:t})}},509:function(e,t,n){e.exports={banner:"_1ZGpQ"}},621:function(e,t,n){"use strict";n.r(t),n.d(t,"ClassificationUpdateView",(function(){return u}));var a=n(0),r=n(56),i=n(11),o=n(507),c=n(508),s=n(468),l=n(494);function u(e){var t,n,u=e.classificationId,d=r().subtract(1,"year").toISOString(),p=r().toISOString(),m=i.a.useBasicFetch(c.a.getClassification(u)),f=null===(n=null===(t=i.a.useBasicFetch(c.a.getContentUpdates(d,p)).data)||void 0===t?void 0:t.find((function(e){return e.classificationId===u})))||void 0===n?void 0:n.videos.map((function(e){return e.videoId})),b=Object(o.a)(f,(function(e){return c.a.videos(e)})),v=b&&f.map((function(e){return b[e]}));return v&&m.data?a.createElement("div",{className:"bg-white padding-gutter content-updates"},a.createElement(l.b,{classification:m.data,dashboardAppLink:e.appLinks.dashboardAppLink,contentUpdatesAppLink:e.appLinks.contentUpdatesAppLink}),a.createElement(s.a,{canEdit:!1,playlistId:"0",isUserSignedIn:!0,onSortComplete:function(){},videos:v,getVideoAppLink:e.appLinks.getVideoAppLink,getSeriesAppLink:e.appLinks.getSeriesAppLink})):a.createElement(a.Fragment,null)}}}]);
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[31],{
+
+/***/ "../../libs/shared/src/components/back-button/BackButton.tsx":
+/*!*******************************************************************************************************!*\
+  !*** C:/ClickView Projects/@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");
+
+
+
+
+
+const namespace = 'shared.backButton';
+BackButton.defaultProps = {
+  color: 'black'
+};
+function BackButton({
+  backToName,
+  appLink,
+  color
+}) {
+  const backPhrase = backToName ? _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, 'backTo', {
+    backToName
+  }) : _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, 'back');
+  const 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 ${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 Projects/@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__);
+
+
+
+
+
+
+const BannerHeader = react__WEBPACK_IMPORTED_MODULE_0__["memo"](function (props) {
+  const {
+    heading,
+    banner,
+    imageCdnUrl,
+    actions,
+    sortComponent
+  } = props;
+  const 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
+  });
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'banner',
+    style: {
+      backgroundImage: `url('${url}')`
+    }
+  }, 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,
+    color: 'white'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h1", {
+    className: 'text-white text-shadow position-absolute m-0 pb-3'
+  }, 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
+  })));
+}, (prevProps, nextProps) => prevProps.actions === nextProps.actions);
+const PartialBannerHeader = () => react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+  className: `partial-banner partial-loading-background`
+});
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/banner-header/banner-header.scss":
+/*!*************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@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"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/breadcrumbs/BreadcrumbList.tsx":
+/*!***********************************************************************************************************!*\
+  !*** C:/ClickView Projects/@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");
+
+
+const BreadcrumbItem = ({
+  breadcrumb: {
+    label,
+    appLink,
+    active
+  }
+}) => react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("li", {
+  className: `breadcrumb-item${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));
+const BreadcrumbList = ({
+  breadcrumbs
+}) => react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("ol", {
+  className: 'breadcrumb m-0 p-0'
+}, breadcrumbs.map((b, idx) => react__WEBPACK_IMPORTED_MODULE_0__["createElement"](BreadcrumbItem, {
+  key: idx,
+  breadcrumb: b
+})));
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/breadcrumbs/Breadcrumbs.tsx":
+/*!********************************************************************************************************!*\
+  !*** C:/ClickView Projects/@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");
+
+
+
+
+
+
+
+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
+  };
+}
+
+function useGetBreadcrumbs(props, isDynamic) {
+  let {
+    currentItem,
+    getItemAppLink,
+    getParent,
+    rootItem,
+    data,
+    subview
+  } = props;
+  const [breadcrumbs, setBreadcrumbs] = Object(react__WEBPACK_IMPORTED_MODULE_0__["useState"])([]); // Uss static/pre-defined array of data to build the breadcrumb structure
+
+  react__WEBPACK_IMPORTED_MODULE_0__["useMemo"](() => {
+    if (isDynamic || _common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_2__["ObjectHelper"].isEmpty(data)) return;
+
+    const _breadcrumbs = data.map((d, index) => buildBreadcrumb(d, getItemAppLink, index + 1 === data.length));
+
+    if (rootItem) _breadcrumbs.unshift(rootItem);
+    setBreadcrumbs(_breadcrumbs);
+  }, [data]); // Dynamically build the breadcrumb structure
+
+  react__WEBPACK_IMPORTED_MODULE_0__["useMemo"](() => {
+    if (!isDynamic || !_common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_1__["FunctionHelper"].isFunction(getParent)) return;
+    const _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]);
+  const {
+    current: subviewBreadcrumb
+  } = react__WEBPACK_IMPORTED_MODULE_0__["useRef"]({
+    label: subview,
+    appLink: null,
+    active: true
+  }); // Replace "active" item with the subview
+
+  if (subview) {
+    if (!breadcrumbs.includes(subviewBreadcrumb)) setBreadcrumbs([...breadcrumbs, subviewBreadcrumb]);
+    const selectedBreadcrumb = breadcrumbs.filter(crumb => 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) {
+  const {
+    type
+  } = props;
+  const isDynamic = type === BreadcrumbType.Dynamic;
+  const 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
+  }));
+}
+const PARTIAL_BREADCRUMB_ITEMS = _utils_PartialLoadingHelper__WEBPACK_IMPORTED_MODULE_4__["PartialLoadingHelper"].getPartialLoadingItems({
+  numItems: 3
+});
+const PartialBreadcrumbs = () => react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("nav", {
+  "aria-label": 'breadcrumb'
+}, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("ol", {
+  className: 'breadcrumb m-0 p-0'
+}, PARTIAL_BREADCRUMB_ITEMS.map(({
+  width
+}, idx) => 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
+  },
+  dangerouslySetInnerHTML: {
+    __html: '&nbsp'
+  }
+})))));
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/video-list/PartialVideoList.tsx":
+/*!************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/video-list/PartialVideoList.tsx ***!
+  \************************************************************************************************************/
+/*! exports provided: PartialVideoList */
+/***/ (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 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 PartialVideoList(props) {
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/flight-requests/FavouriteVideoRequests.ts":
+/*!***********************************************************************************************************!*\
+  !*** C:/ClickView Projects/@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");
+var __rest = undefined && undefined.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+
+
+
+function favouriteVideo(videoId, userId, success, error) {
+  return {
+    url: `/api/domain/v2/objects/${userId}`,
+    key: `favourite:video:${userId}:${videoId}`,
+    data: {
+      favouriteVideos: videoId
+    },
+    type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__["HttpVerbs"].PUT,
+    invalidationKeys: [`favourite:videos:${userId}`, `video:is:favourited:${userId}`],
+    success,
+    error
+  };
+}
+
+function unfavouriteVideo(videoId, userId, success, error) {
+  return {
+    url: `/api/domain/v2/objects/${userId}/favouriteVideos/${videoId}`,
+    key: `favourite:video:${userId}:${videoId}`,
+    type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__["HttpVerbs"].DELETE,
+    invalidationKeys: [`favourite:videos:${userId}`, `video:is:favourited:${userId}`],
+    success,
+    error
+  };
+}
+
+const FavouriteVideoRequests = {
+  favouriteVideos(userId, cursor) {
+    const query = `${_constants_WithStatements__WEBPACK_IMPORTED_MODULE_1__["SharedWithStatements"].VIDEO_COLLECTION}${addCursor(cursor)}`;
+    return {
+      url: `/api/domain/v2/objects/${userId}/favouriteVideos?query=${query}`,
+      key: `favourite:videos:${userId}${cursor ? `:${cursor}` : ''}`
+    };
+  },
+
+  updateIsVideoFavourited(videoId, userId, shouldFavourite, success, error) {
+    const requestFn = shouldFavourite ? favouriteVideo : unfavouriteVideo;
+    return requestFn(videoId, userId, success, error);
+  },
+
+  isFavourited(userId, ids) {
+    const sortedIds = ids.slice().sort();
+    const params = sortedIds.map(i => `id=${i}`);
+    return {
+      url: `/api/domain/v2/objects?query=favouritedBy{id:${userId}}&${params.join('&')}`,
+      key: `video:is:favourited:${userId}:by:id:${sortedIds.join(',')}`,
+      formatData: videos => {
+        var _a;
+
+        if (!((_a = videos) === null || _a === void 0 ? void 0 : _a.length)) return videos;
+
+        const setIsFavourited = video => {
+          var _a, _b;
+
+          const {
+            favouritedBy
+          } = video,
+                v = __rest(video, ["favouritedBy"]); // As we filtered by userId, if there are any users, set isFavourited to true.
+
+
+          return Object.assign(Object.assign({}, v), {
+            isFavourited: !!((_b = (_a = favouritedBy) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.length)
+          });
+        };
+
+        return videos.map(setIsFavourited);
+      }
+    };
+  }
+
+};
+
+function addCursor(cursor) {
+  return cursor ? `&cursor=${cursor}` : '';
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/utils/PartialLoadingHelper.ts":
+/*!***********************************************************************************************!*\
+  !*** C:/ClickView Projects/@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; });
+const DEFAULT_NUM_ITEMS = 5;
+const DEFAULT_MIN_WIDTH = 50; // px
+
+const DEFAULT_MAX_WIDTH = 100; // px
+
+const PartialLoadingHelper = {
+  getPartialLoadingItems(options = {}) {
+    const {
+      numItems = DEFAULT_NUM_ITEMS,
+      minWidth = DEFAULT_MIN_WIDTH,
+      maxWidth = DEFAULT_MAX_WIDTH
+    } = options;
+
+    const getRandomFilterWidth = () => Math.max(Math.floor(Math.random() * maxWidth), minWidth);
+
+    return [...Array(numItems)].map(() => ({
+      width: `${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 shared_constants_WithStatements__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! shared/constants/WithStatements */ "./src/shared/constants/WithStatements.ts");
+
+var endpoints = {
+  series: function series(id) {
+    return "/api/domain/v2/objects/".concat(id);
+  },
+  seriesVideos: function seriesVideos(id, cursor) {
+    return "/api/domain/v2/objects/".concat(id, "/videos?query=").concat(shared_constants_WithStatements__WEBPACK_IMPORTED_MODULE_0__["WithStatements"].VIDEO_COLLECTION).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, cursor) {
+    return {
+      url: endpoints.seriesVideos(id, 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/hooks/useVideoMixin.ts":
+/*!*******************************************!*\
+  !*** ./src/shared/hooks/useVideoMixin.ts ***!
+  \*******************************************/
+/*! exports provided: useVideoMixin */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useVideoMixin", function() { return useVideoMixin; });
+/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../libs/shared/src/flight-requests/UserRequests */ "../../libs/shared/src/flight-requests/UserRequests.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_FavouriteVideoRequests__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../libs/shared/src/flight-requests/FavouriteVideoRequests */ "../../libs/shared/src/flight-requests/FavouriteVideoRequests.ts");
+/* harmony import */ var shared_flight_requests_VideoRequests__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! shared/flight-requests/VideoRequests */ "./src/shared/flight-requests/VideoRequests.ts");
+
+
+
+
+
+function fetchAttribute(videosFetched, request) {
+  var attribute = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_0__["Flight"].useGetResponse(request && request.key);
+  var fetch = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_0__["Flight"].useGetFetch(request);
+  if (videosFetched && attribute.shouldFetch) fetch();
+}
+
+function useVideoMixin(videos) {
+  var currentUser = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_0__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_1__["UserRequests"].currentUser);
+  var videoIds = videos && (Array.isArray(videos) ? videos.map(function (v) {
+    return v.id;
+  }) : videos.data.map(function (v) {
+    return v.id;
+  }));
+  var requests = [videoIds && shared_flight_requests_VideoRequests__WEBPACK_IMPORTED_MODULE_3__["VideoRequests"].videoRatings(videoIds), videoIds && currentUser.data && _libs_shared_src_flight_requests_FavouriteVideoRequests__WEBPACK_IMPORTED_MODULE_2__["FavouriteVideoRequests"].isFavourited(currentUser.data.id, videoIds)];
+  requests.forEach(function (r) {
+    return fetchAttribute(!!videos, r);
+  });
+}
+
+/***/ }),
+
+/***/ "./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_PartialVideoList__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/video-list/PartialVideoList */ "../../libs/shared/src/components/video-list/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 shared_flight_requests_SeriesRequests__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! shared/flight-requests/SeriesRequests */ "./src/shared/flight-requests/SeriesRequests.ts");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var shared_hooks_useVideoMixin__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! shared/hooks/useVideoMixin */ "./src/shared/hooks/useVideoMixin.ts");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+/* harmony import */ var _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../../../../../../libs/common/src/react/utils/TextHelper */ "../../libs/common/src/react/utils/TextHelper.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: null,
+    action: null,
+    args: [classification.id]
+  };
+};
+
+var getVideoAppLink = function getVideoAppLink(video) {
+  return {
+    application: null,
+    action: null,
+    args: [video.id]
+  };
+};
+
+var getSeriesAppLink = function getSeriesAppLink(series) {
+  return {
+    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_14__["AppChannels"].DEFAULT,
+    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_13__["Actions"].Default.SERIES,
+    args: [series.id, _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_18__["TextHelper"].slugify(series.name)]
+  };
+};
+
+var getHeaderActions = function getHeaderActions() {
+  return [{
+    label: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].getPhrase(namespace, 'share'),
+    appLink: {
+      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_14__["AppChannels"].DEFAULT,
+      action: 'index'
+    },
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_11__["cvSvgLibrary"].Share,
+    className: 'btn btn-light 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_14__["AppChannels"].DEFAULT,
+      action: 'index'
+    },
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_11__["cvSvgLibrary"].Edit,
+    className: 'btn btn-light',
+    button: true
+  }];
+};
+
+function SeriesView(props) {
+  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
+  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_12__["SeriesRequests"].series(props.id));
+  var seriesVideos = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(shared_flight_requests_SeriesRequests__WEBPACK_IMPORTED_MODULE_12__["SeriesRequests"].seriesVideos(props.id, props.cursor));
+  Object(shared_hooks_useVideoMixin__WEBPACK_IMPORTED_MODULE_15__["useVideoMixin"])(seriesVideos.data);
+  var breadcrumbs = [series.data];
+
+  if (props.classificationId) {
+    var subjectPath = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(shared_flight_requests_SeriesRequests__WEBPACK_IMPORTED_MODULE_12__["SeriesRequests"].breadcrumbs(props.classificationId));
+
+    if (subjectPath.data) {
+      breadcrumbs.unshift.apply(breadcrumbs, _toConsumableArray(subjectPath.data));
+    }
+  }
+
+  function setFavourite(videoId, 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(videoId, currentUser.data.id, shouldFavourite, function () {
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_16__["AnalyticsHelper"].logUserAction({
+        id: videoId
+      }, {
+        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_17__["EntityType"].Video,
+        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_17__["UserAction"].Favourite,
+        descriptor: shouldFavourite ? _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_17__["ToggleDescriptor"].On : _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_17__["ToggleDescriptor"].Off,
+        location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_17__["LocationContext"].VideoThumbnail,
+        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_17__["WorkflowPhase"].Complete
+      });
+    }, 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"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, 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_14__["AppChannels"].DASHBOARD,
+      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_13__["Actions"].Dashboard.HOME
+    },
+    backButtonText: 'Home' // this needs to be changed eventually
+    ,
+    actions: getHeaderActions()
+  }), 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_14__["AppChannels"].DASHBOARD,
+        action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_13__["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
+  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_video_list_PartialVideoList__WEBPACK_IMPORTED_MODULE_10__["PartialVideoList"], null) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, "Empty State")));
+}
+
+/***/ })
+
+}]);
+//# sourceMappingURL=31.chunk.js.map