@clickview/lite 0.0.24-rc.4 → 0.0.24

package/dist/scripts/20.chunk.js

@@ -1,203 +1,1521 @@
 (window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[20],{
 
-/***/ "../../libs/shared/src/components/back-button/BackButton.tsx":
-/*!*******************************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/back-button/BackButton.tsx ***!
-  \*******************************************************************************************************/
-/*! exports provided: BackButton */
+/***/ "../../libs/shared/src/apps/playlists/components/playlist-list/PlaylistList.tsx":
+/*!**************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/playlists/components/playlist-list/PlaylistList.tsx ***!
+  \**************************************************************************************************************************/
+/*! exports provided: PlaylistList */
 /***/ (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 export (binding) */ __webpack_require__.d(__webpack_exports__, "PlaylistList", function() { return PlaylistList; });
 /* 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");
+/* 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 _analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+/* harmony import */ var _PlaylistItem__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./PlaylistItem */ "../../libs/shared/src/apps/playlists/components/playlist-list/PlaylistItem.tsx");
 
 
 
 
+var analyticsOptions = {
+  actionType: _analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_2__["UserAction"].Click,
+  entity: _analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_2__["EntityType"].Playlist,
+  location: _analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_2__["LocationContext"].PlaylistListItem,
+  descriptor: _analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_2__["ClickDescriptor"].Cover
+};
+function PlaylistList(props) {
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Row"], null, props.playlists.map(function (p) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Col"], {
+      key: p.id,
+      xs: 6,
+      sm: 4,
+      lg: 3,
+      className: "mb-3 ".concat(props.itemContainerClassName ? props.itemContainerClassName : '')
+    }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_PlaylistItem__WEBPACK_IMPORTED_MODULE_3__["PlaylistItem"], {
+      data: p,
+      appLink: props.getPlaylistAppLink(p),
+      imageCdnUrl: props.imageCdnUrl,
+      currentUser: props.currentUser,
+      presentationAudiences: props.presentationAudiences,
+      bgColourClassNames: props.bgColourClassNames,
+      showCount: props.showCount,
+      showOwner: props.showOwner,
+      showFallbackImage: props.showFallbackImage,
+      showLastUpdated: props.showLastUpdated,
+      analyticsData: props.analyticsData,
+      analyticsOptions: Object.assign(Object.assign({}, props.analyticsOptions), analyticsOptions)
+    }));
+  }));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/playlists/components/playlist-list/index.ts":
+/*!******************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/playlists/components/playlist-list/index.ts ***!
+  \******************************************************************************************************************/
+/*! exports provided: PartialPlaylistList, PlaylistList, PlaylistItem */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _PartialPlaylistList__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./PartialPlaylistList */ "../../libs/shared/src/apps/playlists/components/playlist-list/PartialPlaylistList.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PartialPlaylistList", function() { return _PartialPlaylistList__WEBPACK_IMPORTED_MODULE_0__["PartialPlaylistList"]; });
+
+/* harmony import */ var _PlaylistList__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PlaylistList */ "../../libs/shared/src/apps/playlists/components/playlist-list/PlaylistList.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PlaylistList", function() { return _PlaylistList__WEBPACK_IMPORTED_MODULE_1__["PlaylistList"]; });
+
+/* harmony import */ var _PlaylistItem__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./PlaylistItem */ "../../libs/shared/src/apps/playlists/components/playlist-list/PlaylistItem.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PlaylistItem", function() { return _PlaylistItem__WEBPACK_IMPORTED_MODULE_2__["PlaylistItem"]; });
+
+
+
+
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/audience-filter/AudienceFilter.tsx":
+/*!*****************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/audience-filter/AudienceFilter.tsx ***!
+  \*****************************************************************************************************************************/
+/*! exports provided: AudienceFilter, PartialAudienceFilter */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AudienceFilter", function() { return AudienceFilter; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PartialAudienceFilter", function() { return PartialAudienceFilter; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _utils_PartialLoadingHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../utils/PartialLoadingHelper */ "../../libs/shared/src/utils/PartialLoadingHelper.ts");
+/* harmony import */ var _audience_item_AudienceItem__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../audience-item/AudienceItem */ "../../libs/shared/src/apps/subjects/components/audience-item/AudienceItem.tsx");
+/* harmony import */ var _reducers_AudienceReducer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../reducers/AudienceReducer */ "../../libs/shared/src/apps/subjects/reducers/AudienceReducer.ts");
+
+
+
+
+function AudienceFilter(props) {
+  var audiences = props.audiences,
+      activeAudiences = props.activeAudiences,
+      _setAudience = props.setAudience,
+      disabled = props.disabled;
+  if (!audiences || !audiences.length) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'pt-3'
+  }, audiences.map(function (a) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_audience_item_AudienceItem__WEBPACK_IMPORTED_MODULE_2__["AudienceItem"], {
+      key: a.masterId,
+      audience: a,
+      highlight: !!activeAudiences && !!activeAudiences[a.masterId],
+      setAudience: function setAudience(audience, isSelected) {
+        return _setAudience({
+          type: _reducers_AudienceReducer__WEBPACK_IMPORTED_MODULE_3__["AudienceActions"].Toggle,
+          payload: {
+            audience: audience,
+            isSelected: isSelected
+          }
+        });
+      },
+      isDisabled: disabled
+    });
+  }));
+}
+var PARTIAL_AUDIENCES = _utils_PartialLoadingHelper__WEBPACK_IMPORTED_MODULE_1__["PartialLoadingHelper"].getPartialLoadingItems({
+  numItems: 6
+});
+var PartialAudienceFilter = function PartialAudienceFilter() {
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'pt-3'
+  }, PARTIAL_AUDIENCES.map(function (_ref, idx) {
+    var width = _ref.width;
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", {
+      key: idx,
+      className: 'd-inline-block badge-pill partial-loading-background mr-1',
+      dangerouslySetInnerHTML: {
+        __html: '&nbsp'
+      },
+      style: {
+        width: width
+      }
+    });
+  }));
+};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/audience-item/AudienceItem.tsx":
+/*!*************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/audience-item/AudienceItem.tsx ***!
+  \*************************************************************************************************************************/
+/*! exports provided: AudienceItem */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AudienceItem", function() { return AudienceItem; });
+/* 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 _audience_item_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./audience-item.scss */ "../../libs/shared/src/apps/subjects/components/audience-item/audience-item.scss");
+/* harmony import */ var _audience_item_scss__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_audience_item_scss__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../common/src/backbone/utils/FunctionHelper */ "../../libs/common/src/backbone/utils/FunctionHelper.ts");
+
+
+
+
+function lowerCaseToTitleCase(str) {
+  return str.split(' ').map(function (s) {
+    return s.charAt(0).toUpperCase() + s.substring(1);
+  }).join(' ');
+}
+
+function getColourClass(highlight, isDisabled) {
+  if (highlight) return isDisabled ? "".concat(_audience_item_scss__WEBPACK_IMPORTED_MODULE_1___default.a.disabledHighlighted, " text-light") : 'badge-info text-light';
+  if (isDisabled) return "".concat(_audience_item_scss__WEBPACK_IMPORTED_MODULE_1___default.a.disabled, " text-muted");
+  return 'badge-light';
+}
+
+AudienceItem.defaultProps = {
+  extraClasses: ''
+};
+function AudienceItem(props) {
+  var audience = props.audience,
+      highlight = props.highlight,
+      setAudience = props.setAudience,
+      isDisabled = props.isDisabled,
+      extraClasses = props.extraClasses;
+  var colourClass = getColourClass(highlight, isDisabled);
+  var cursorClass = isDisabled ? 'cursor-default' : 'cursor-pointer';
+  var className = "badge-pill d-inline-block mr-1 ".concat(cursorClass, " ").concat(colourClass, " ").concat(extraClasses);
+
+  var onClick = function onClick() {
+    if (isDisabled || !_common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__["FunctionHelper"].isFunction(setAudience)) return;
+    setAudience(audience, !highlight);
+  };
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", {
+    className: className,
+    onClick: onClick,
+    role: 'checkbox',
+    "aria-checked": highlight
+  }, lowerCaseToTitleCase(audience.name));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/audience-item/audience-item.scss":
+/*!***************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/audience-item/audience-item.scss ***!
+  \***************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"disabled":"cv--disabled--1KxF9","disabledHighlighted":"cv--disabledHighlighted--pbuec"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/classification-list/ClassificationList.tsx":
+/*!*************************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/classification-list/ClassificationList.tsx ***!
+  \*************************************************************************************************************************************/
+/*! exports provided: ClassificationList */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassificationList", function() { return ClassificationList; });
+/* 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 _components_widgets_items_subject_widget_item_SubjectWidgetItem__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../components/widgets/items/subject-widget-item/SubjectWidgetItem */ "../../libs/shared/src/components/widgets/items/subject-widget-item/SubjectWidgetItem.tsx");
+/* harmony import */ var _analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+
+
+
+
+
+function ClassificationItem(props) {
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "position-relative px-2 mb-2"
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_widgets_items_subject_widget_item_SubjectWidgetItem__WEBPACK_IMPORTED_MODULE_2__["SubjectWidgetItem"], {
+    data: props.classification,
+    appLink: props.appLink,
+    isLarge: true,
+    analyticsData: props.analyticsData,
+    analyticsOptions: Object.assign(Object.assign({}, props.analyticsOptions), {
+      location: _analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["LocationContext"].ClassificationListItem
+    })
+  }));
+}
+
+function ClassificationList(props) {
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Row"], null, props.classifications.map(function (c) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Col"], {
+      key: c.id,
+      xs: 12,
+      sm: 6,
+      lg: 4
+    }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](ClassificationItem, {
+      key: c.id,
+      classification: c,
+      appLink: props.getItemAppLink(c),
+      analyticsData: props.analyticsData,
+      analyticsOptions: props.analyticsOptions
+    }));
+  }));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/coming-soon/ComingSoon.tsx":
+/*!*********************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/coming-soon/ComingSoon.tsx ***!
+  \*********************************************************************************************************************/
+/*! exports provided: ComingSoon */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ComingSoon", function() { return ComingSoon; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _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 _components_spinner_button_SpinnerButton__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../components/spinner-button/SpinnerButton */ "../../libs/shared/src/components/spinner-button/SpinnerButton.tsx");
+/* harmony import */ var _components_text_Text__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../components/svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
+/* harmony import */ var _coming_soon_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./coming-soon.scss */ "../../libs/shared/src/apps/subjects/components/coming-soon/coming-soon.scss");
+/* harmony import */ var _coming_soon_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_coming_soon_scss__WEBPACK_IMPORTED_MODULE_7__);
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+
+
+
+
+
+
+var namespace = 'subjects.comingSoon';
+function ComingSoon(props) {
+  var _a, _b;
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__["useState"](false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      isFollowing = _React$useState2[0],
+      setIsFollowing = _React$useState2[1];
+
+  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_0__["useState"](false),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      showSpinner = _React$useState4[0],
+      setShowSpinner = _React$useState4[1];
+
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    var _a, _b;
+
+    setIsFollowing(!!((_b = (_a = props.data.followers) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.length));
+    setShowSpinner(false);
+  }, [(_b = (_a = props.data.followers) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.length]);
+
+  function onClick() {
+    setShowSpinner(true);
+    props.onToggleFollow();
+  }
+
+  var footerImageUrl = _utils_ImageHelper__WEBPACK_IMPORTED_MODULE_2__["ImageHelper"].createBannerUrl(props.data.banner, {
+    fallbackBaseUrl: props.imageCdnUrl,
+    fallbackCategoryName: props.data.name,
+    type: _enums_Images__WEBPACK_IMPORTED_MODULE_3__["ImageType"].Banners
+  }, {
+    size: _enums_Images__WEBPACK_IMPORTED_MODULE_3__["ImageSize"].Large
+  });
+  var buttonProps = {
+    className: isFollowing ? 'btn-white' : 'btn-dark',
+    showSpinner: showSpinner,
+    onClick: onClick,
+    variant: null
+  };
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_text_Text__WEBPACK_IMPORTED_MODULE_5__["LanguageNamespaceContext"].Provider, {
+    value: namespace
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'd-flex flex-column align-items-center text-center py-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h2", {
+    className: 'display-4 font-weight-bold mb-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_text_Text__WEBPACK_IMPORTED_MODULE_5__["Text"], {
+    phrase: 'comingSoon'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", {
+    className: 'w-33'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_text_Text__WEBPACK_IMPORTED_MODULE_5__["Text"], {
+    phrase: 'info'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_spinner_button_SpinnerButton__WEBPACK_IMPORTED_MODULE_4__["SpinnerButton"], Object.assign({}, buttonProps), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_6__["SvgContainer"], {
+    svgName: isFollowing ? _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_1__["cvSvgLibrary"].Check : _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_1__["cvSvgLibrary"].Bell,
+    className: 'align-middle d-inline-block svg-container'
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", {
+    className: 'align-middle pl-1'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_text_Text__WEBPACK_IMPORTED_MODULE_5__["Text"], {
+    phrase: 'remindMe'
+  })))), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: _coming_soon_scss__WEBPACK_IMPORTED_MODULE_7___default.a.footerImageContainer
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "".concat(_coming_soon_scss__WEBPACK_IMPORTED_MODULE_7___default.a.footerImage, " banner position-relative"),
+    style: {
+      backgroundImage: "url('".concat(footerImageUrl, "')")
+    }
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_6__["SvgContainer"], {
+    className: _coming_soon_scss__WEBPACK_IMPORTED_MODULE_7___default.a.wave,
+    size: _components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_6__["SvgContainerSize"].ExtraLarge,
+    svgName: _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_1__["cvSvgLibrary"].WhiteWave
+  }))));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/coming-soon/coming-soon.scss":
+/*!***********************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/coming-soon/coming-soon.scss ***!
+  \***********************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"footerImageContainer":"cv--footerImageContainer--2lUo1","footerImage":"cv--footerImage--Q_m9i","wave":"cv--wave--2WUUq"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/hero-video/HeroVideo.tsx":
+/*!*******************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/hero-video/HeroVideo.tsx ***!
+  \*******************************************************************************************************************/
+/*! exports provided: HeroVideo, PartialHeroVideo */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "HeroVideo", function() { return HeroVideo; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PartialHeroVideo", function() { return PartialHeroVideo; });
+/* 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 _components_thumbnails_video_VideoThumbnail__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../components/thumbnails/video/VideoThumbnail */ "../../libs/shared/src/components/thumbnails/video/VideoThumbnail.tsx");
+/* harmony import */ var _components_series_link_SeriesLink__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../components/series-link/SeriesLink */ "../../libs/shared/src/components/series-link/SeriesLink.tsx");
+/* harmony import */ var _components_badges_BadgeListContainer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../components/badges/BadgeListContainer */ "../../libs/shared/src/components/badges/BadgeListContainer.tsx");
+/* harmony import */ var _components_badges_Badge__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../components/badges/Badge */ "../../libs/shared/src/components/badges/Badge.tsx");
+/* harmony import */ var _components_audience_label_AudienceLabel__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../components/audience-label/AudienceLabel */ "../../libs/shared/src/components/audience-label/AudienceLabel.tsx");
+/* harmony import */ var _components_tags_TagList__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../components/tags/TagList */ "../../libs/shared/src/components/tags/TagList.tsx");
+/* harmony import */ var _components_text_Text__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../components/app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+/* harmony import */ var _enums_ThumbnailSize__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../enums/ThumbnailSize */ "../../libs/shared/src/enums/ThumbnailSize.ts");
+/* harmony import */ var _enums_ThumbnailTextPosition__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../enums/ThumbnailTextPosition */ "../../libs/shared/src/enums/ThumbnailTextPosition.ts");
+/* harmony import */ var _utils_AudienceHelper__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../utils/AudienceHelper */ "../../libs/shared/src/utils/AudienceHelper.ts");
+/* harmony import */ var _hero_video_scss__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./hero-video.scss */ "../../libs/shared/src/apps/subjects/components/hero-video/hero-video.scss");
+/* harmony import */ var _hero_video_scss__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(_hero_video_scss__WEBPACK_IMPORTED_MODULE_13__);
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var has = function has(obj) {
+  return !!(obj && obj.data && obj.data.length);
+};
+
+function HeroVideo(props) {
+  var video = props.video,
+      presentationAudiences = props.presentationAudiences,
+      videoAppLink = props.videoAppLink,
+      seriesAppLink = props.seriesAppLink,
+      hideInteractiveBadge = props.hideInteractiveBadge;
+  if (!video) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  var filteredAudiences = _utils_AudienceHelper__WEBPACK_IMPORTED_MODULE_12__["AudienceHelper"].getSortedPresentationAudiences(video.subjectPresentationAudiences.data, presentationAudiences);
+  var mergedAudience = _utils_AudienceHelper__WEBPACK_IMPORTED_MODULE_12__["AudienceHelper"].getMergedPresentationAudienceString(filteredAudiences);
+  var hasSeries = video.series && !!video.series.id;
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_text_Text__WEBPACK_IMPORTED_MODULE_8__["LanguageNamespaceContext"].Provider, {
+    value: 'subjects.heroVideo'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h4", null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_text_Text__WEBPACK_IMPORTED_MODULE_8__["Text"], {
+    phrase: 'heading'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Row"], {
+    className: 'pb-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Col"], {
+    xs: 6
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_thumbnails_video_VideoThumbnail__WEBPACK_IMPORTED_MODULE_2__["VideoThumbnail"], {
+    video: video,
+    appLink: videoAppLink,
+    seriesAppLink: hasSeries ? seriesAppLink : null,
+    size: _enums_ThumbnailSize__WEBPACK_IMPORTED_MODULE_10__["ThumbnailSize"].Medium,
+    textPosition: _enums_ThumbnailTextPosition__WEBPACK_IMPORTED_MODULE_11__["ThumbnailTextPosition"].Independent,
+    type: 'static'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Col"], {
+    xs: 6,
+    className: 'p-1'
+  }, hasSeries && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_series_link_SeriesLink__WEBPACK_IMPORTED_MODULE_3__["SeriesLink"], {
+    video: video,
+    appLink: seriesAppLink,
+    className: 'text-reset d-block'
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_9__["AppLink"], {
+    appLink: videoAppLink
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h4", null, video.name)), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_badges_BadgeListContainer__WEBPACK_IMPORTED_MODULE_4__["BadgeListContainer"], {
+    className: 'pb-1'
+  }, !hideInteractiveBadge && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_badges_Badge__WEBPACK_IMPORTED_MODULE_5__["Badge"], {
+    type: _components_badges_Badge__WEBPACK_IMPORTED_MODULE_5__["BadgeType"].Interactive,
+    data: video.interactives
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_badges_Badge__WEBPACK_IMPORTED_MODULE_5__["Badge"], {
+    type: _components_badges_Badge__WEBPACK_IMPORTED_MODULE_5__["BadgeType"].Rating,
+    data: video.rating
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_badges_Badge__WEBPACK_IMPORTED_MODULE_5__["Badge"], {
+    type: _components_badges_Badge__WEBPACK_IMPORTED_MODULE_5__["BadgeType"].ProductionYear,
+    data: video.productionYear
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", {
+    className: 'mb-1 clamp-4'
+  }, video.description), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_audience_label_AudienceLabel__WEBPACK_IMPORTED_MODULE_6__["AudienceLabel"], {
+    audience: mergedAudience,
+    border: 'dark'
+  }), props.showExtraMetadata && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Row"], {
+    className: 'pt-2'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Col"], {
+    xs: 2
+  }, has(video.resources) && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", {
+    className: 'font-weight-bold'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_text_Text__WEBPACK_IMPORTED_MODULE_8__["Text"], {
+    phrase: 'resourcesHeading'
+  })), has(video.links) && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", {
+    className: 'font-weight-bold'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_text_Text__WEBPACK_IMPORTED_MODULE_8__["Text"], {
+    phrase: 'linksHeading'
+  })), has(video.clips) && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", {
+    className: 'font-weight-bold'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_text_Text__WEBPACK_IMPORTED_MODULE_8__["Text"], {
+    phrase: 'clipsHeading'
+  })), has(video.tags) && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", {
+    className: 'font-weight-bold'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_text_Text__WEBPACK_IMPORTED_MODULE_8__["Text"], {
+    phrase: 'tagsHeading'
+  }))), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Col"], {
+    xs: 10
+  }, has(video.resources) && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_text_Text__WEBPACK_IMPORTED_MODULE_8__["Text"], {
+    phrase: 'resources',
+    options: {
+      smartCount: video.resources.data.length
+    }
+  })), has(video.links) && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_text_Text__WEBPACK_IMPORTED_MODULE_8__["Text"], {
+    phrase: 'links',
+    options: {
+      smartCount: video.links.data.length
+    }
+  })), has(video.clips) && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_text_Text__WEBPACK_IMPORTED_MODULE_8__["Text"], {
+    phrase: 'clips',
+    options: {
+      smartCount: video.clips.data.length
+    }
+  })), has(video.tags) && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_tags_TagList__WEBPACK_IMPORTED_MODULE_7__["TagList"], {
+    tags: video.tags
+  }))))));
+}
+function PartialHeroVideo() {
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "partial-loading-background mb-2 ".concat(_hero_video_scss__WEBPACK_IMPORTED_MODULE_13___default.a.partialHeading)
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'row pb-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'col-6 p1'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "".concat(_hero_video_scss__WEBPACK_IMPORTED_MODULE_13___default.a.partialHeroThumbnail, " partial-loading-background")
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'col-6 p1'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "partial-loading-background mb-1 ".concat(_hero_video_scss__WEBPACK_IMPORTED_MODULE_13___default.a.partialSeriesText)
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "partial-loading-background my-1 ".concat(_hero_video_scss__WEBPACK_IMPORTED_MODULE_13___default.a.partialVideoTitleText)
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'd-flex'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "partial-loading-background my-1 mr-1 ".concat(_hero_video_scss__WEBPACK_IMPORTED_MODULE_13___default.a.partialBadge)
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "partial-loading-background my-1 ml-1 ".concat(_hero_video_scss__WEBPACK_IMPORTED_MODULE_13___default.a.partialBadge)
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "partial-loading-background my-1 ".concat(_hero_video_scss__WEBPACK_IMPORTED_MODULE_13___default.a.partialDescription)
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "partial-loading-background mt-2 ".concat(_hero_video_scss__WEBPACK_IMPORTED_MODULE_13___default.a.partialSubject)
+  }))));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/hero-video/hero-video.scss":
+/*!*********************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/hero-video/hero-video.scss ***!
+  \*********************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"partialHeroThumbnail":"cv--partialHeroThumbnail--mBd7D","partialSeriesText":"cv--partialSeriesText--2MXtV","partialVideoTitleText":"cv--partialVideoTitleText--3AoSO","partialBadge":"cv--partialBadge--33OjS","partialDescription":"cv--partialDescription--2uRQA","partialSubject":"cv--partialSubject--3YJIE","partialHeading":"cv--partialHeading--2UT-Z"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/hooks/useAudienceParams.tsx":
+/*!***********************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/hooks/useAudienceParams.tsx ***!
+  \***********************************************************************************************************/
+/*! exports provided: useParseAudienceParams */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useParseAudienceParams", function() { return useParseAudienceParams; });
+/* 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_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../common/src/react/utils/ObjectHelper */ "../../libs/common/src/react/utils/ObjectHelper.ts");
+/* harmony import */ var _reducers_AudienceReducer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../reducers/AudienceReducer */ "../../libs/shared/src/apps/subjects/reducers/AudienceReducer.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; }
+
+
+
+ // Set initial state in some fashion
+
+var SPACE_REGEX = /\s|\+/ig;
+
+function normalizeAudienceName(audienceName) {
+  if (!audienceName) return '';
+  return audienceName.replace(SPACE_REGEX, '').toLowerCase();
+}
+
+function useParseAudienceParams(params, audiences, dispatch) {
+  var dependencies = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    if (!_common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_1__["ObjectHelper"].isObject(params) || _common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_1__["ObjectHelper"].isEmpty(params)) return;
+    if (!audiences || !audiences.length) return; // 'a' is shorthand for audience
+
+    var a = params.a;
+    if (!a) return; // Only a single query param was passed, we'll wrap it in an array 
+
+    if (typeof a === 'string') a = [a]; // Build an audience lookup
+
+    var audienceLookup = a.reduce(function (state, audienceStr) {
+      state[normalizeAudienceName(audienceStr)] = audienceStr;
+      return state;
+    }, {}); // Filter out our active audience based on whether their name matches the lookup object
+
+    var activeAudiences = audiences.filter(function (audience) {
+      return audienceLookup[normalizeAudienceName(audience.name)];
+    });
+    dispatch({
+      type: _reducers_AudienceReducer__WEBPACK_IMPORTED_MODULE_2__["AudienceActions"].Init,
+      payload: activeAudiences
+    });
+  }, _toConsumableArray(dependencies));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/reducers/AudienceReducer.ts":
+/*!***********************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/reducers/AudienceReducer.ts ***!
+  \***********************************************************************************************************/
+/*! exports provided: AudienceActions, InitialAudienceState, AudienceReducer */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AudienceActions", function() { return AudienceActions; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "InitialAudienceState", function() { return InitialAudienceState; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AudienceReducer", function() { return AudienceReducer; });
+var AudienceActions;
+
+(function (AudienceActions) {
+  AudienceActions["Init"] = "init";
+  AudienceActions["Toggle"] = "toggle";
+})(AudienceActions || (AudienceActions = {}));
+
+var InitialAudienceState = {};
+
+function initSelectedAudiences(payload) {
+  var selectedAudiences = payload;
+  return selectedAudiences.reduce(function (state, audience) {
+    state[audience.masterId] = audience;
+    return state;
+  }, {});
+}
+
+function toggleSelectedAudience(prevState, payload) {
+  var audience = payload.audience;
+  var isSelected = payload.isSelected;
+  if (!audience) return prevState;
+  var id = audience.masterId;
+  var newState = Object.assign({}, prevState); // We want to activate a filter
+
+  if (isSelected) {
+    // Only update if it's not already in the object
+    if (!newState[id]) newState[id] = audience;
+  } else {
+    // We want to remove an existing active filter
+    delete newState[id];
+  }
+
+  return newState;
+}
+
+function AudienceReducer(prevState, action) {
+  switch (action.type) {
+    case AudienceActions.Init:
+      return Object.assign(Object.assign({}, prevState), initSelectedAudiences(action.payload));
+
+    case AudienceActions.Toggle:
+      return Object.assign({}, toggleSelectedAudience(prevState, action.payload));
+
+    default:
+      return prevState;
+  }
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/actions/ActionButton.tsx":
+/*!*****************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/actions/ActionButton.tsx ***!
+  \*****************************************************************************************************/
+/*! exports provided: ActionButton */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ActionButton", function() { return ActionButton; });
+/* 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 _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../common/src/backbone/utils/FunctionHelper */ "../../libs/common/src/backbone/utils/FunctionHelper.ts");
+/* harmony import */ var _analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _icon_button_IconButton__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../icon-button/IconButton */ "../../libs/shared/src/components/icon-button/IconButton.tsx");
+/* harmony import */ var _tooltip_Tooltip__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../tooltip/Tooltip */ "../../libs/shared/src/components/tooltip/Tooltip.tsx");
+/* harmony import */ var _app_link_AppLink__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+
+
+
+
+
+
+
+function ActionButton(props) {
+  var className = 'ml-2';
+  if (props.className) className += " ".concat(props.className);
+  var buttonContent = props.showSpinner ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Spinner"], {
+    as: 'span',
+    animation: 'border',
+    role: 'status',
+    size: 'sm'
+  }) : props.children;
+
+  if (props.tooltip) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_tooltip_Tooltip__WEBPACK_IMPORTED_MODULE_5__["Tooltip"], {
+      title: props.tooltip
+    }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_4__["IconButton"], {
+      appLink: props.appLink,
+      svgName: props.svgName,
+      onClick: props.onClick,
+      className: className,
+      analyticsData: props.analyticsData,
+      analyticsOptions: props.analyticsOptions
+    }, buttonContent)));
+  }
+
+  if (props.svgName) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_4__["IconButton"], {
+      onClick: props.onClick,
+      appLink: props.appLink,
+      svgName: props.svgName,
+      className: className,
+      analyticsData: props.analyticsData,
+      analyticsOptions: props.analyticsOptions
+    }, buttonContent);
+  }
+
+  if (props.appLink) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_app_link_AppLink__WEBPACK_IMPORTED_MODULE_6__["AppLink"], {
+    onClick: props.onClick,
+    appLink: props.appLink,
+    className: className,
+    analyticsData: props.analyticsData,
+    analyticsOptions: props.analyticsOptions
+  }, buttonContent);
+
+  function onClickButton(e) {
+    if (props.analyticsData && props.analyticsOptions) _analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_3__["AnalyticsHelper"].logUserAction(props.analyticsData, props.analyticsOptions);
+    if (_common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__["FunctionHelper"].isFunction(props.onClick)) props.onClick(e);
+  }
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("button", {
+    onClick: onClickButton,
+    className: className
+  }, buttonContent);
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/actions/Actions.tsx":
+/*!************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/actions/Actions.tsx ***!
+  \************************************************************************************************/
+/*! exports provided: Actions */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Actions", function() { return Actions; });
+/* 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 _ActionsDropdown__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ActionsDropdown */ "../../libs/shared/src/components/actions/ActionsDropdown.tsx");
+/* harmony import */ var _ActionButton__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ActionButton */ "../../libs/shared/src/components/actions/ActionButton.tsx");
+/* harmony import */ var _actions_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./actions.scss */ "../../libs/shared/src/components/actions/actions.scss");
+/* harmony import */ var _actions_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_actions_scss__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _icon_button_IconButton__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../icon-button/IconButton */ "../../libs/shared/src/components/icon-button/IconButton.tsx");
+
+
+
+
+
+function Actions(props) {
+  var buttonActions = [];
+  var moreActions = [];
+  props.actions.forEach(function (a) {
+    if (a.button) buttonActions.push(a);else moreActions.push(a);
+  });
+  var className = 'd-flex';
+  if (props.className) className += " ".concat(props.className);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: className
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, !!buttonActions.length && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", {
+    className: _actions_scss__WEBPACK_IMPORTED_MODULE_3___default.a.buttonList
+  }, buttonActions.map(function (a, idx) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], {
+      key: idx
+    }, a.label ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_ActionButton__WEBPACK_IMPORTED_MODULE_2__["ActionButton"], {
+      appLink: a.appLink,
+      onClick: a.onClick,
+      svgName: a.svgName,
+      className: a.className,
+      tooltip: a.tooltip,
+      showSpinner: a.showSpinner,
+      analyticsData: a.analyticsData,
+      analyticsOptions: a.analyticsOptions
+    }, a.label) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_4__["IconButton"], {
+      appLink: a.appLink,
+      onClick: a.onClick,
+      svgName: a.svgName,
+      className: a.className,
+      analyticsData: a.analyticsData,
+      analyticsOptions: a.analyticsOptions
+    }));
+  })), props.sortComponent ? props.sortComponent : '', !!moreActions.length && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_ActionsDropdown__WEBPACK_IMPORTED_MODULE_1__["ActionsDropdown"], {
+    actions: moreActions,
+    className: !!buttonActions.length && 'ml-2',
+    dropdownToggleClassName: props.actionsDropdownClassName
+  })));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/actions/ActionsDropdown.tsx":
+/*!********************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/actions/ActionsDropdown.tsx ***!
+  \********************************************************************************************************/
+/*! exports provided: ActionsDropdown */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ActionsDropdown", function() { return ActionsDropdown; });
+/* 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 _common_src_react_utils_RandomHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../common/src/react/utils/RandomHelper */ "../../libs/common/src/react/utils/RandomHelper.ts");
+/* harmony import */ var _analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
+/* harmony import */ var _app_link_AppLink__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+/* harmony import */ var _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _actions_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./actions.scss */ "../../libs/shared/src/components/actions/actions.scss");
+/* harmony import */ var _actions_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_actions_scss__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../common/src/backbone/utils/FunctionHelper */ "../../libs/common/src/backbone/utils/FunctionHelper.ts");
+
+
+
+
+
+
+
+
+
+
+function getDropdownItemClassName(actionClassName) {
+  var className = 'dropdown-item';
+  if (actionClassName) className += " ".concat(actionClassName);
+  return className;
+}
+
+function ActionsDropdownItem(props) {
+  if (props.action.appLink) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_app_link_AppLink__WEBPACK_IMPORTED_MODULE_5__["AppLink"], {
+    appLink: props.action.appLink,
+    onClick: props.action.onClick,
+    className: getDropdownItemClassName(props.action.className),
+    analyticsData: props.action.analyticsData,
+    analyticsOptions: props.action.analyticsOptions
+  }, props.action.label);
+
+  function onClick(e) {
+    if (props.action.analyticsData && props.action.analyticsOptions) _analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_3__["AnalyticsHelper"].logUserAction(props.action.analyticsData, props.action.analyticsOptions);
+    if (_common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_8__["FunctionHelper"].isFunction(props.action.onClick)) props.action.onClick(e);
+  }
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", {
+    className: "cursor-pointer ".concat(getDropdownItemClassName(props.action.className)),
+    onClick: onClick
+  }, props.action.label);
+}
+
+ActionsDropdown.defaultProps = {
+  dropdownToggleClassName: 'btn btn-light'
+};
+function ActionsDropdown(props) {
+  if (!props.actions || !props.actions.length) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null); // Generate unique id to avoid collisions.
+
+  var dropdownToggleId = "actions-dropdown-".concat(_common_src_react_utils_RandomHelper__WEBPACK_IMPORTED_MODULE_2__["RandomHelper"].getRandomInt());
+  var dropdownToggleClassName = "px-0 ".concat(_actions_scss__WEBPACK_IMPORTED_MODULE_7___default.a.dropdownToggle);
+  if (props.dropdownToggleClassName) dropdownToggleClassName += " ".concat(props.dropdownToggleClassName);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Dropdown"], {
+    className: props.className ? props.className : '',
+    alignRight: true
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Dropdown"].Toggle, {
+    as: 'button',
+    type: 'button',
+    id: dropdownToggleId,
+    className: dropdownToggleClassName
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_4__["SvgContainer"], {
+    svgName: _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_6__["cvSvgLibrary"].More,
+    size: _svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_4__["SvgContainerSize"].Small
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Dropdown"].Menu, null, props.actions.map(function (a, idx) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](ActionsDropdownItem, {
+      key: idx,
+      action: a
+    });
+  })));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/actions/actions.scss":
+/*!*************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/actions/actions.scss ***!
+  \*************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"buttonList":"cv--buttonList--2v9CT","dropdownToggle":"cv--dropdownToggle--AYBvQ"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/tags/TagItem.tsx":
+/*!*********************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/tags/TagItem.tsx ***!
+  \*********************************************************************************************/
+/*! exports provided: TagItem */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TagItem", function() { return TagItem; });
+/* 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");
+/* harmony import */ var _tags_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./tags.scss */ "../../libs/shared/src/components/tags/tags.scss");
+/* harmony import */ var _tags_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_tags_scss__WEBPACK_IMPORTED_MODULE_2__);
+
+
+
+function TagItem(_ref) {
+  var tag = _ref.tag,
+      appLink = _ref.appLink,
+      disabled = _ref.disabled;
+  var classNames = 'badge-pill tag py-1 px-2 my-1 mr-1';
+  if (appLink && !disabled) classNames += ' cursor-pointer';
+  if (disabled) classNames += ' ' + _tags_scss__WEBPACK_IMPORTED_MODULE_2___default.a.disabled;
+  return appLink ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_app_link_AppLink__WEBPACK_IMPORTED_MODULE_1__["AppLink"], {
+    appLink: appLink,
+    className: classNames
+  }, tag.name) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", {
+    className: classNames
+  }, tag.name);
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/tags/TagList.tsx":
+/*!*********************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/tags/TagList.tsx ***!
+  \*********************************************************************************************/
+/*! exports provided: TagList */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TagList", function() { return TagList; });
+/* 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 _TagItem__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./TagItem */ "../../libs/shared/src/components/tags/TagItem.tsx");
+/* harmony import */ var _tags_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./tags.scss */ "../../libs/shared/src/components/tags/tags.scss");
+/* harmony import */ var _tags_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_tags_scss__WEBPACK_IMPORTED_MODULE_3__);
+
+
+
+
+function TagList(_ref) {
+  var tags = _ref.tags,
+      getAppLink = _ref.getAppLink;
+  if (!tags || !tags.data) return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null);
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: _tags_scss__WEBPACK_IMPORTED_MODULE_3___default.a.tagList
+  }, tags.data.map(function (tag) {
+    var appLink = _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_1__["FunctionHelper"].isFunction(getAppLink) ? getAppLink(tag) : null;
+    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_TagItem__WEBPACK_IMPORTED_MODULE_2__["TagItem"], {
+      key: tag.id,
+      tag: tag,
+      appLink: appLink
+    });
+  }));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/tags/tags.scss":
+/*!*******************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/tags/tags.scss ***!
+  \*******************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
 
-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));
+// extracted by mini-css-extract-plugin
+module.exports = {"tagList":"cv--tagList--yvetE","disabled":"cv--disabled--3ZfKv"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/widgets/fixed-widget/index.ts":
+/*!**********************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/widgets/fixed-widget/index.ts ***!
+  \**********************************************************************************************************/
+/*! exports provided: FixedWidget, initialWidgetState, FixedWidgetReducer, lazyWidgetInit, PartialFixedWidget */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _FixedWidget__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./FixedWidget */ "../../libs/shared/src/components/widgets/fixed-widget/FixedWidget.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "FixedWidget", function() { return _FixedWidget__WEBPACK_IMPORTED_MODULE_0__["FixedWidget"]; });
+
+/* harmony import */ var _FixedWidgetReducer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./FixedWidgetReducer */ "../../libs/shared/src/components/widgets/fixed-widget/FixedWidgetReducer.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "initialWidgetState", function() { return _FixedWidgetReducer__WEBPACK_IMPORTED_MODULE_1__["initialWidgetState"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "FixedWidgetReducer", function() { return _FixedWidgetReducer__WEBPACK_IMPORTED_MODULE_1__["FixedWidgetReducer"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "lazyWidgetInit", function() { return _FixedWidgetReducer__WEBPACK_IMPORTED_MODULE_1__["lazyWidgetInit"]; });
+
+/* harmony import */ var _PartialFixedWidget__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./PartialFixedWidget */ "../../libs/shared/src/components/widgets/fixed-widget/PartialFixedWidget.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PartialFixedWidget", function() { return _PartialFixedWidget__WEBPACK_IMPORTED_MODULE_2__["PartialFixedWidget"]; });
+
+
+
+
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/widgets/items/series-widget-item/SeriesWidgetItem.tsx":
+/*!**********************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/widgets/items/series-widget-item/SeriesWidgetItem.tsx ***!
+  \**********************************************************************************************************************************/
+/*! exports provided: SeriesWidgetItem */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SeriesWidgetItem", function() { return SeriesWidgetItem; });
+/* 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_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../common/src/react/utils/TextHelper */ "../../libs/common/src/react/utils/TextHelper.ts");
+/* harmony import */ var _hooks_UseHover__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../hooks/UseHover */ "../../libs/shared/src/hooks/UseHover.ts");
+/* harmony import */ var _utils_AudienceHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../utils/AudienceHelper */ "../../libs/shared/src/utils/AudienceHelper.ts");
+/* harmony import */ var _app_link_AppLink__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+/* harmony import */ var _thumbnails_base_BaseThumbnail__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../thumbnails/base/BaseThumbnail */ "../../libs/shared/src/components/thumbnails/base/BaseThumbnail.tsx");
+/* harmony import */ var _thumbnails_base_ThumbnailFallback__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../thumbnails/base/ThumbnailFallback */ "../../libs/shared/src/components/thumbnails/base/ThumbnailFallback.tsx");
+/* harmony import */ var _enums_ThumbnailSize__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../enums/ThumbnailSize */ "../../libs/shared/src/enums/ThumbnailSize.ts");
+/* harmony import */ var _audience_label_AudienceLabel__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../audience-label/AudienceLabel */ "../../libs/shared/src/components/audience-label/AudienceLabel.tsx");
+/* harmony import */ var _badges_Badge__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../badges/Badge */ "../../libs/shared/src/components/badges/Badge.tsx");
+/* harmony import */ var _analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../../analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+/* harmony import */ var _series_widget_item_scss__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./series-widget-item.scss */ "../../libs/shared/src/components/widgets/items/series-widget-item/series-widget-item.scss");
+/* harmony import */ var _series_widget_item_scss__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_series_widget_item_scss__WEBPACK_IMPORTED_MODULE_11__);
+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; }
+
+
+
+
+
+
+
+
+
+
+
+
+
+function SeriesWidgetItem(props) {
+  var _a, _b;
+
+  var series = props.data,
+      appLink = props.appLink,
+      preloadImage = props.preloadImage;
+  var seriesAppLink = Object.assign(Object.assign({}, appLink), {
+    args: [series.id, _common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_1__["TextHelper"].slugify(series.name)]
+  });
+  /**
+   * Subject audiences currently take render precedence over rating.
+   *
+   * This means that until we properly add productionCompanies to series, we
+   * should expect only CV series to have a subject audience. Any TV series
+   * from the Exchange should only have a rating.
+   */
+
+  var audiences = series && series.subjectPresentationAudiences && series.subjectPresentationAudiences.data || [];
+  var filteredAudiences = _utils_AudienceHelper__WEBPACK_IMPORTED_MODULE_3__["AudienceHelper"].getSortedPresentationAudiences(audiences, props.audiences);
+  var mergedAudience = _utils_AudienceHelper__WEBPACK_IMPORTED_MODULE_3__["AudienceHelper"].getMergedPresentationAudienceString(filteredAudiences);
+
+  var _useHoverIntent = Object(_hooks_UseHover__WEBPACK_IMPORTED_MODULE_2__["useHoverIntent"])(_series_widget_item_scss__WEBPACK_IMPORTED_MODULE_11___default.a.hoverActive),
+      _useHoverIntent2 = _slicedToArray(_useHoverIntent, 2),
+      hoverRef = _useHoverIntent2[0],
+      isHovering = _useHoverIntent2[1];
+
+  var analyticsData = Object.assign(Object.assign({}, props.analyticsData), {
+    id: (_a = series) === null || _a === void 0 ? void 0 : _a.id,
+    name: (_b = series) === null || _b === void 0 ? void 0 : _b.name
+  });
+  var analyticsOptions = Object.assign(Object.assign({}, props.analyticsOptions), {
+    actionType: _analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_10__["UserAction"].Click,
+    entity: _analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_10__["EntityType"].Series,
+    descriptor: _analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_10__["ClickDescriptor"].TallPoster
+  });
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_app_link_AppLink__WEBPACK_IMPORTED_MODULE_4__["AppLink"], {
+    key: series.id,
+    appLink: seriesAppLink,
+    className: "position-relative p-1 flex-shrink-0 ".concat(_series_widget_item_scss__WEBPACK_IMPORTED_MODULE_11___default.a.width),
+    analyticsData: analyticsData,
+    analyticsOptions: analyticsOptions
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    ref: hoverRef
+  }, isHovering && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "p-3 text-white text-center ".concat(_series_widget_item_scss__WEBPACK_IMPORTED_MODULE_11___default.a.mask)
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h3", {
+    className: 'h4'
+  }, series.name), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", null, series.description)), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_thumbnails_base_BaseThumbnail__WEBPACK_IMPORTED_MODULE_5__["BaseThumbnail"], {
+    data: series.tallPoster,
+    aspectRatio: _thumbnails_base_BaseThumbnail__WEBPACK_IMPORTED_MODULE_5__["AspectRatio"].NineBySixteen,
+    preload: preloadImage,
+    size: _enums_ThumbnailSize__WEBPACK_IMPORTED_MODULE_7__["ThumbnailSize"].Large
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_thumbnails_base_ThumbnailFallback__WEBPACK_IMPORTED_MODULE_6__["ThumbnailFallback"], {
+    type: _thumbnails_base_ThumbnailFallback__WEBPACK_IMPORTED_MODULE_6__["ThumbnailFallbackType"].Series
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "position-absolute text-white ".concat(_series_widget_item_scss__WEBPACK_IMPORTED_MODULE_11___default.a.labelContainer)
+  }, !!audiences && audiences.length ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_audience_label_AudienceLabel__WEBPACK_IMPORTED_MODULE_8__["AudienceLabel"], {
+    audience: mergedAudience,
+    border: 'white'
+  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_badges_Badge__WEBPACK_IMPORTED_MODULE_9__["Badge"], {
+    type: _badges_Badge__WEBPACK_IMPORTED_MODULE_9__["BadgeType"].Rating,
+    data: series.rating
+  })))));
 }
 
 /***/ }),
 
-/***/ "../../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 */
+/***/ "../../libs/shared/src/components/widgets/items/series-widget-item/index.ts":
+/*!**********************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/widgets/items/series-widget-item/index.ts ***!
+  \**********************************************************************************************************************/
+/*! exports provided: SeriesWidgetItem, PartialSeriesList */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _SeriesWidgetItem__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./SeriesWidgetItem */ "../../libs/shared/src/components/widgets/items/series-widget-item/SeriesWidgetItem.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SeriesWidgetItem", function() { return _SeriesWidgetItem__WEBPACK_IMPORTED_MODULE_0__["SeriesWidgetItem"]; });
+
+/* harmony import */ var _PartialSeriesList__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PartialSeriesList */ "../../libs/shared/src/components/widgets/items/series-widget-item/PartialSeriesList.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PartialSeriesList", function() { return _PartialSeriesList__WEBPACK_IMPORTED_MODULE_1__["PartialSeriesList"]; });
+
+
+
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/widgets/items/series-widget-item/series-widget-item.scss":
+/*!*************************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/widgets/items/series-widget-item/series-widget-item.scss ***!
+  \*************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"partialLoadingHeading":"cv--partialLoadingHeading--1RLPq","partialLoading":"cv--partialLoading--oArG4","labelContainer":"cv--labelContainer--QLCgm","hoverActive":"cv--hoverActive--3Aleb","mask":"cv--mask--2M2Zz","width":"cv--width--TQg2K"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/widgets/items/video-widget-item/VideoWidgetItem.tsx":
+/*!********************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/widgets/items/video-widget-item/VideoWidgetItem.tsx ***!
+  \********************************************************************************************************************************/
+/*! exports provided: VideoWidgetItem */
 /***/ (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 export (binding) */ __webpack_require__.d(__webpack_exports__, "VideoWidgetItem", function() { return VideoWidgetItem; });
 /* 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__);
+/* harmony import */ var _common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../common/src/react/utils/TextHelper */ "../../libs/common/src/react/utils/TextHelper.ts");
+/* harmony import */ var _interfaces__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../interfaces */ "../../libs/shared/src/interfaces/index.ts");
+/* harmony import */ var _enums_ThumbnailTextPosition__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../enums/ThumbnailTextPosition */ "../../libs/shared/src/enums/ThumbnailTextPosition.ts");
+/* harmony import */ var _thumbnails_video_VideoThumbnail__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../thumbnails/video/VideoThumbnail */ "../../libs/shared/src/components/thumbnails/video/VideoThumbnail.tsx");
+/* harmony import */ var _hooks_UseHover__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../hooks/UseHover */ "../../libs/shared/src/hooks/UseHover.ts");
+/* harmony import */ var _video_widget_item_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./video-widget-item.scss */ "../../libs/shared/src/components/widgets/items/video-widget-item/video-widget-item.scss");
+/* harmony import */ var _video_widget_item_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_video_widget_item_scss__WEBPACK_IMPORTED_MODULE_6__);
+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 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;
-  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 VideoWidgetItem = react__WEBPACK_IMPORTED_MODULE_0__["memo"](function (props) {
+  var video = props.data,
+      appLink = props.appLink,
+      seriesAppLink = props.seriesAppLink,
+      context = props.context,
+      thumbnailSize = props.thumbnailSize,
+      preloadImage = props.preloadImage;
+
+  var _useHoverIntent = Object(_hooks_UseHover__WEBPACK_IMPORTED_MODULE_5__["useHoverIntent"])(_video_widget_item_scss__WEBPACK_IMPORTED_MODULE_6___default.a.hovering),
+      _useHoverIntent2 = _slicedToArray(_useHoverIntent, 2),
+      ref = _useHoverIntent2[0],
+      isHovering = _useHoverIntent2[1];
+
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    props.onHover(isHovering);
+  }, [isHovering]);
+  var videoAppLink = Object.assign(Object.assign({}, appLink), {
+    args: [video.id, _common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_1__["TextHelper"].slugify(video.name)]
   });
+  var width = _video_widget_item_scss__WEBPACK_IMPORTED_MODULE_6___default.a.rowWidth;
+  if (context.type === _interfaces__WEBPACK_IMPORTED_MODULE_2__["WidgetType"].LargeRow || context.collectionSize === 3) width = _video_widget_item_scss__WEBPACK_IMPORTED_MODULE_6___default.a.largeRowWidth;
   return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: 'banner-header',
-    style: {
-      backgroundImage: "url('".concat(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,
-    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
-  })));
+    ref: ref,
+    className: "p-1 flex-shrink-0 position-relative ".concat(width, " ").concat(_video_widget_item_scss__WEBPACK_IMPORTED_MODULE_6___default.a.transition)
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_thumbnails_video_VideoThumbnail__WEBPACK_IMPORTED_MODULE_4__["VideoThumbnail"], {
+    video: video,
+    type: 'expandable',
+    appLink: videoAppLink,
+    seriesAppLink: seriesAppLink,
+    textPosition: _enums_ThumbnailTextPosition__WEBPACK_IMPORTED_MODULE_3__["ThumbnailTextPosition"].Overlay,
+    size: thumbnailSize,
+    preload: preloadImage,
+    hovering: isHovering,
+    analyticsData: props.analyticsData,
+    analyticsOptions: props.analyticsOptions
+  }));
 }, function (prevProps, nextProps) {
-  return prevProps.actions === nextProps.actions;
+  var _a, _b, _c, _d, _e, _f;
+
+  return prevProps.preloadImage === nextProps.preloadImage && ((_a = prevProps.data) === null || _a === void 0 ? void 0 : _a.name) === ((_b = nextProps.data) === null || _b === void 0 ? void 0 : _b.name) && ((_d = (_c = prevProps.data) === null || _c === void 0 ? void 0 : _c.series) === null || _d === void 0 ? void 0 : _d.id) === ((_f = (_e = nextProps.data) === null || _e === void 0 ? void 0 : _e.series) === null || _f === void 0 ? void 0 : _f.id) && prevProps.onHover === nextProps.onHover;
 });
-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 Projects/@clickview/packages/libs/shared/src/components/banner-header/banner-header.scss ***!
-  \*************************************************************************************************************/
+/***/ "../../libs/shared/src/components/widgets/items/video-widget-item/video-widget-item.scss":
+/*!***********************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/widgets/items/video-widget-item/video-widget-item.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"};
+module.exports = {"rowWidth":"cv--rowWidth--8IgrO","largeRowWidth":"cv--largeRowWidth--q46rm","hovering":"cv--hovering--IeeJA","transition":"cv--transition--1s6UK"};
 
 /***/ }),
 
-/***/ "../../libs/shared/src/components/breadcrumbs/BreadcrumbList.tsx":
-/*!***********************************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/breadcrumbs/BreadcrumbList.tsx ***!
-  \***********************************************************************************************************/
-/*! exports provided: BreadcrumbItem, BreadcrumbList */
+/***/ "../../libs/shared/src/flight-requests/FollowRequests.ts":
+/*!***************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/flight-requests/FollowRequests.ts ***!
+  \***************************************************************************************************/
+/*! exports provided: FollowRequests */
 /***/ (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");
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FollowRequests", function() { return FollowRequests; });
+/* harmony import */ var _common_src_backbone_utils_UrlHelper__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/backbone/utils/UrlHelper */ "../../libs/common/src/backbone/utils/UrlHelper.ts");
+/* harmony import */ var _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../common/src/backbone/enums/HttpVerbs */ "../../libs/common/src/backbone/enums/HttpVerbs.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."); }
 
-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
+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 endpoints = {
+  follow: function follow() {
+    return "/api/domain/v1/subjects/classifications/following";
+  },
+  unfollow: function unfollow(ids) {
+    return _common_src_backbone_utils_UrlHelper__WEBPACK_IMPORTED_MODULE_0__["UrlHelper"].urlBuilder('/api/domain/v1/subjects/classifications/following', {
+      id: ids
     });
-  }));
+  }
+};
+var FollowRequests = {
+  /**
+   * @param data - array of object ids the user is going to follow
+   */
+  follow: function follow(ids, success, error) {
+    return {
+      url: endpoints.follow(),
+      key: "follow:".concat(ids.join(',')),
+      type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_1__["HttpVerbs"].POST,
+      data: ids,
+      success: success,
+      error: error,
+      invalidationKeys: [].concat(_toConsumableArray(ids.map(function (id) {
+        return "classification:".concat(id);
+      })), ['my:subject:preferences'])
+    };
+  },
+  unfollow: function unfollow(ids, success, error) {
+    return {
+      url: endpoints.unfollow(ids),
+      key: "unfollow:".concat(ids.join(',')),
+      type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_1__["HttpVerbs"].DELETE,
+      success: success,
+      error: error,
+      invalidationKeys: [].concat(_toConsumableArray(ids.map(function (id) {
+        return "classification:".concat(id);
+      })), ['my:subject:preferences'])
+    };
+  }
 };
 
 /***/ }),
 
-/***/ "../../libs/shared/src/components/breadcrumbs/Breadcrumbs.tsx":
-/*!********************************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/breadcrumbs/Breadcrumbs.tsx ***!
-  \********************************************************************************************************/
-/*! exports provided: BreadcrumbType, Breadcrumbs, PartialBreadcrumbs */
+/***/ "../../libs/shared/src/hooks/useQueryString.tsx":
+/*!******************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/useQueryString.tsx ***!
+  \******************************************************************************************/
+/*! exports provided: useSetQueryString */
 /***/ (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 export (binding) */ __webpack_require__.d(__webpack_exports__, "useSetQueryString", function() { return useSetQueryString; });
 /* 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");
+/* harmony import */ var _common_src_backbone__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../common/src/backbone */ "../../libs/common/src/backbone/index.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; }
+
+
+
+
+function isValidAppLink(appLink, isValid) {
+  if (!appLink) return false;
+  if (!appLink.application || !appLink.action) return false;
+  if (!isValid()) return false;
+  return true;
+}
+
+function useSetQueryString(queryOptions) {
+  var dependencies = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    var appLink = queryOptions.appLink,
+        paramBuilder = queryOptions.paramBuilder,
+        isValid = queryOptions.isValid,
+        appLinkOptions = queryOptions.appLinkOptions;
+    if (!isValidAppLink(appLink, isValid)) return;
+    appLink.params = paramBuilder();
+    _common_src_backbone__WEBPACK_IMPORTED_MODULE_1__["Core"].AppLinkHelper.trigger(appLink, appLinkOptions);
+  }, _toConsumableArray(dependencies));
+}
+
+/***/ }),
+
+/***/ "./src/apps/subjects/utils/ClassificationAppLinks.ts":
+/*!***********************************************************!*\
+  !*** ./src/apps/subjects/utils/ClassificationAppLinks.ts ***!
+  \***********************************************************/
+/*! exports provided: getClassificationAppLink, getPlaylistAppLink, getDashboardAppLink */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getClassificationAppLink", function() { return getClassificationAppLink; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getPlaylistAppLink", function() { return getPlaylistAppLink; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getDashboardAppLink", function() { return getDashboardAppLink; });
+/* harmony import */ var _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../libs/common/src/react/utils/TextHelper */ "../../libs/common/src/react/utils/TextHelper.ts");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+
+
+
+var getClassificationAppLink = function getClassificationAppLink(params) {
+  return function (classification) {
+    return {
+      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_1__["AppChannels"].SUBJECT,
+      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_2__["Actions"].Subjects.CLASSIFICATION,
+      args: classification ? [classification.id, _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_0__["TextHelper"].slugify(classification.name)] : [],
+      params: params ? params : {}
+    };
+  };
+};
+var getPlaylistAppLink = function getPlaylistAppLink(playlist) {
+  return {
+    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_1__["AppChannels"].PLAYLISTS,
+    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_2__["Actions"].Playlists.PLAYLIST,
+    args: [playlist.id, _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_0__["TextHelper"].slugify(playlist.name)]
+  };
+};
+var getDashboardAppLink = function getDashboardAppLink() {
+  return {
+    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_1__["AppChannels"].DASHBOARD,
+    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_2__["Actions"].Dashboard.HOME
+  };
+};
+
+/***/ }),
+
+/***/ "./src/apps/subjects/views/classification/ClassificationView.tsx":
+/*!***********************************************************************!*\
+  !*** ./src/apps/subjects/views/classification/ClassificationView.tsx ***!
+  \***********************************************************************/
+/*! exports provided: getBannerActions, ClassificationView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getBannerActions", function() { return getBannerActions; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassificationView", function() { return ClassificationView; });
+/* 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_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
+/* harmony import */ var _libs_common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/utils/ObjectHelper */ "../../libs/common/src/react/utils/ObjectHelper.ts");
+/* harmony import */ var _libs_common_src_backbone_enums_HttpStatus__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/enums/HttpStatus */ "../../libs/common/src/backbone/enums/HttpStatus.ts");
+/* harmony import */ var _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_7__ = __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_8__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/hooks/UseSetPageTitle */ "../../libs/common/src/react/hooks/UseSetPageTitle.ts");
+/* harmony import */ var _libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/interfaces */ "../../libs/shared/src/interfaces/index.ts");
+/* harmony import */ var _libs_shared_src_components_banner_header_BannerHeader__WEBPACK_IMPORTED_MODULE_10__ = __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_11__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/breadcrumbs/Breadcrumbs */ "../../libs/shared/src/components/breadcrumbs/Breadcrumbs.tsx");
+/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_ConfigRequests__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/ConfigRequests */ "../../libs/shared/src/flight-requests/ConfigRequests.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/UserRequests */ "../../libs/shared/src/flight-requests/UserRequests.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_ClassificationRequests__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/ClassificationRequests */ "../../libs/shared/src/flight-requests/ClassificationRequests.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_FollowRequests__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/FollowRequests */ "../../libs/shared/src/flight-requests/FollowRequests.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_AudienceRequests__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/AudienceRequests */ "../../libs/shared/src/flight-requests/AudienceRequests.ts");
+/* harmony import */ var _libs_shared_src_enums_WidgetContents__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/enums/WidgetContents */ "../../libs/shared/src/enums/WidgetContents.ts");
+/* harmony import */ var _libs_shared_src_hooks_useQueryString__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/useQueryString */ "../../libs/shared/src/hooks/useQueryString.tsx");
+/* harmony import */ var _libs_shared_src_apps_playlists_components_playlist_list__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/apps/playlists/components/playlist-list */ "../../libs/shared/src/apps/playlists/components/playlist-list/index.ts");
+/* harmony import */ var _libs_shared_src_apps_subjects_hooks_useAudienceParams__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/apps/subjects/hooks/useAudienceParams */ "../../libs/shared/src/apps/subjects/hooks/useAudienceParams.tsx");
+/* harmony import */ var _libs_shared_src_apps_subjects_reducers_AudienceReducer__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/apps/subjects/reducers/AudienceReducer */ "../../libs/shared/src/apps/subjects/reducers/AudienceReducer.ts");
+/* harmony import */ var _libs_shared_src_apps_subjects_components_audience_filter_AudienceFilter__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/apps/subjects/components/audience-filter/AudienceFilter */ "../../libs/shared/src/apps/subjects/components/audience-filter/AudienceFilter.tsx");
+/* harmony import */ var _libs_shared_src_apps_subjects_components_coming_soon_ComingSoon__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/apps/subjects/components/coming-soon/ComingSoon */ "../../libs/shared/src/apps/subjects/components/coming-soon/ComingSoon.tsx");
+/* harmony import */ var _libs_shared_src_apps_subjects_components_classification_list_ClassificationList__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/apps/subjects/components/classification-list/ClassificationList */ "../../libs/shared/src/apps/subjects/components/classification-list/ClassificationList.tsx");
+/* harmony import */ var _libs_shared_src_apps_subjects_components_hero_video_HeroVideo__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/apps/subjects/components/hero-video/HeroVideo */ "../../libs/shared/src/apps/subjects/components/hero-video/HeroVideo.tsx");
+/* harmony import */ var _libs_shared_src_components_widgets_fixed_widget__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/widgets/fixed-widget */ "../../libs/shared/src/components/widgets/fixed-widget/index.ts");
+/* harmony import */ var _libs_shared_src_components_widgets_dynamic_widget_DynamicWidget__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/widgets/dynamic-widget/DynamicWidget */ "../../libs/shared/src/components/widgets/dynamic-widget/DynamicWidget.tsx");
+/* harmony import */ var _libs_shared_src_components_widgets_items_video_widget_item_VideoWidgetItem__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/widgets/items/video-widget-item/VideoWidgetItem */ "../../libs/shared/src/components/widgets/items/video-widget-item/VideoWidgetItem.tsx");
+/* harmony import */ var _libs_shared_src_components_widgets_items_subject_widget_item_SubjectWidgetItem__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/widgets/items/subject-widget-item/SubjectWidgetItem */ "../../libs/shared/src/components/widgets/items/subject-widget-item/SubjectWidgetItem.tsx");
+/* harmony import */ var _libs_shared_src_components_widgets_items_series_widget_item__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/widgets/items/series-widget-item */ "../../libs/shared/src/components/widgets/items/series-widget-item/index.ts");
+/* harmony import */ var _libs_shared_src_utils_AudienceHelper__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/AudienceHelper */ "../../libs/shared/src/utils/AudienceHelper.ts");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var shared_errors_general_not_found_LiteNotFoundError__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! shared/errors/general/not-found/LiteNotFoundError */ "./src/shared/errors/general/not-found/LiteNotFoundError.ts");
+/* harmony import */ var apps_subjects_utils_ClassificationAppLinks__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! apps/subjects/utils/ClassificationAppLinks */ "./src/apps/subjects/utils/ClassificationAppLinks.ts");
+/* harmony import */ var _ClassificationViewUtils__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(/*! ./ClassificationViewUtils */ "./src/apps/subjects/views/classification/ClassificationViewUtils.ts");
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -217,121 +1535,406 @@ 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
-  };
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].encloseNamespace('subjects.classification');
+function getBannerActions(classification, onFollow, showFollowButtonSpinner) {
+  var _a, _b;
+
+  var isFollowing = !!((_b = (_a = classification.followers) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.length);
+  return [{
+    label: getPhrase(isFollowing ? 'unfollow' : 'follow'),
+    onClick: onFollow,
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_12__["cvSvgLibrary"].Bell,
+    className: "btn follow-btn ".concat(isFollowing ? 'btn-dark' : 'btn-light'),
+    button: true,
+    tooltip: isFollowing ? undefined : getPhrase('followBtnTooltip'),
+    showSpinner: showFollowButtonSpinner
+  }, {
+    label: getPhrase('share'),
+    appLink: {
+      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_34__["AppChannels"].DEFAULT,
+      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_33__["Actions"].Default.SHARE,
+      args: [classification.id],
+      params: {
+        entityType: 'subject'
+      }
+    },
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_12__["cvSvgLibrary"].Share,
+    className: 'btn btn-light',
+    button: true
+  }];
 }
+function ClassificationView(_ref) {
+  var id = _ref.id,
+      queryParams = _ref.queryParams;
 
-function useGetBreadcrumbs(props, isDynamic) {
-  var _a;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
 
-  var currentItem = props.currentItem,
-      getItemAppLink = props.getItemAppLink,
-      getParent = props.getParent,
-      rootItem = props.rootItem,
-      data = props.data,
-      subview = props.subview;
+  var _React$useReducer = react__WEBPACK_IMPORTED_MODULE_0__["useReducer"](_libs_shared_src_apps_subjects_reducers_AudienceReducer__WEBPACK_IMPORTED_MODULE_22__["AudienceReducer"], {}),
+      _React$useReducer2 = _slicedToArray(_React$useReducer, 2),
+      activeAudiences = _React$useReducer2[0],
+      audienceDispatch = _React$useReducer2[1];
 
-  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_0__["useState"])([]),
-      _useState2 = _slicedToArray(_useState, 2),
-      breadcrumbs = _useState2[0],
-      setBreadcrumbs = _useState2[1];
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__["useState"](),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      showFollowButtonSpinner = _React$useState2[0],
+      setShowFollowButtonSpinner = _React$useState2[1];
 
-  var key = (_a = data) === null || _a === void 0 ? void 0 : _a.map(function (o) {
-    var _a;
+  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_0__["useState"](false),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      enableAudienceFilters = _React$useState4[0],
+      setEnableAudienceFilters = _React$useState4[1];
+
+  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
 
-    return (_a = o) === null || _a === void 0 ? void 0 : _a.name;
-  }).join('-'); // Uss static/pre-defined array of data to build the breadcrumb structure
+  var onClassificationError = function onClassificationError(xhr) {
+    // TODO: When Kev fixes domain to 404 instead of 400, remove the BadRequest here
+    if (xhr.status === _libs_common_src_backbone_enums_HttpStatus__WEBPACK_IMPORTED_MODULE_6__["HttpStatus"].BadRequest || xhr.status === _libs_common_src_backbone_enums_HttpStatus__WEBPACK_IMPORTED_MODULE_6__["HttpStatus"].NotFound) _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_3__["Core"].ErrorHelper["throw"](new shared_errors_general_not_found_LiteNotFoundError__WEBPACK_IMPORTED_MODULE_35__["NotFoundError"]());
+  };
+  /**
+   * Data fetching
+   */
+
+
+  var currentUser = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_4__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_14__["UserRequests"].currentUser(), {
+    optimize: true
+  });
+  var config = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_4__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_ConfigRequests__WEBPACK_IMPORTED_MODULE_13__["ConfigRequests"].config, {
+    optimize: true
+  });
+  var presentation = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_4__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_ClassificationRequests__WEBPACK_IMPORTED_MODULE_15__["ClassificationRequests"].presentation(), {
+    optimize: true
+  });
+  var audiences = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_4__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_AudienceRequests__WEBPACK_IMPORTED_MODULE_17__["AudienceRequests"].presentationAudiences(), {
+    optimize: true
+  });
+  var classification = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_4__["Flight"].useBasicFetch(((_a = currentUser.data) === null || _a === void 0 ? void 0 : _a.id) && _libs_shared_src_flight_requests_ClassificationRequests__WEBPACK_IMPORTED_MODULE_15__["ClassificationRequests"].classification(id, (_b = currentUser.data) === null || _b === void 0 ? void 0 : _b.id, onClassificationError), {
+    optimize: true
+  });
+  var path = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_4__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_ClassificationRequests__WEBPACK_IMPORTED_MODULE_15__["ClassificationRequests"].path(id), {
+    optimize: true
+  });
+  var children = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_4__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_ClassificationRequests__WEBPACK_IMPORTED_MODULE_15__["ClassificationRequests"].children(id), {
+    optimize: true
+  });
+  Object(_libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_8__["useSetPageTitle"])((_c = classification.data) === null || _c === void 0 ? void 0 : _c.name);
+  /**
+   * We use the current active audiences to re-fetch content for that specific audience set.
+   */
+
+  var activeAudienceIds = _libs_common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_5__["ObjectHelper"].keys(activeAudiences);
+  var activeAudienceValues = _libs_common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_5__["ObjectHelper"].values(activeAudiences);
+  /**
+   * Where we have no active audiences, we want to implicitly set the active audiences to be all audiences.
+   * This ensure that we only fetch data that is relevant to the user's current audience set.
+   */
+
+  if (!activeAudienceIds || !activeAudienceIds.length) activeAudienceIds = [];
+  var presentationId = (_e = (_d = presentation) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.id;
+  var seriesRequest = _libs_shared_src_flight_requests_ClassificationRequests__WEBPACK_IMPORTED_MODULE_15__["ClassificationRequests"].series(id, presentationId, activeAudienceIds);
+  var playlistsRequest = _libs_shared_src_flight_requests_ClassificationRequests__WEBPACK_IMPORTED_MODULE_15__["ClassificationRequests"].playlists(id, presentationId, activeAudienceIds);
+  var videosRequest = _libs_shared_src_flight_requests_ClassificationRequests__WEBPACK_IMPORTED_MODULE_15__["ClassificationRequests"].videos(id, presentationId, activeAudienceIds);
+  var series = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_4__["Flight"].useGetResponse(seriesRequest && seriesRequest.key);
+  var playlists = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_4__["Flight"].useGetResponse(playlistsRequest && playlistsRequest.key);
+  var videos = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_4__["Flight"].useGetResponse(videosRequest && videosRequest.key);
+  var fetchSeries = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_4__["Flight"].useGetFetch(seriesRequest);
+  var fetchPlaylists = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_4__["Flight"].useGetFetch(playlistsRequest);
+  var fetchVideos = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_4__["Flight"].useGetFetch(videosRequest);
+  var fetchKey = activeAudienceIds.length ? activeAudienceIds.join(':') : presentationId;
+  /**
+   * Only fire off fetches where our fetchKey differs to the previous render (after modifying a filter).
+   */
 
   react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
-    if (isDynamic || _common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_2__["ObjectHelper"].isEmpty(data)) return;
+    if (!presentationId) return;
+    fetchSeries();
+    fetchPlaylists();
+    fetchVideos();
+  }, [fetchKey]);
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    if (enableAudienceFilters) return;
 
-    var _breadcrumbs = data.map(function (d, index) {
-      return buildBreadcrumb(d, getItemAppLink, index + 1 === data.length);
-    });
+    if (!classification.data) {
+      setEnableAudienceFilters(false);
+      return;
+    }
+
+    setEnableAudienceFilters(!!classification.data.series.count || !!classification.data.playlists.count || !!classification.data.videos.count);
+  }, [classification.data]);
+  /**
+   * Following
+   */
 
-    if (rootItem) _breadcrumbs.unshift(rootItem);
-    setBreadcrumbs(_breadcrumbs);
-  }, [key]); // Dynamically build the breadcrumb structure
+  function onToggleFollow() {
+    var _a, _b;
+
+    setShowFollowButtonSpinner(true);
+    var request = ((_b = (_a = classification.data.followers) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.length) ? _libs_shared_src_flight_requests_FollowRequests__WEBPACK_IMPORTED_MODULE_16__["FollowRequests"].unfollow : _libs_shared_src_flight_requests_FollowRequests__WEBPACK_IMPORTED_MODULE_16__["FollowRequests"].follow;
+    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_4__["Flight"].fetch(dispatch, request([classification.data.id]));
+  }
 
   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);
+    setShowFollowButtonSpinner(false);
+  }, [(_h = (_g = (_f = classification.data) === null || _f === void 0 ? void 0 : _f.followers) === null || _g === void 0 ? void 0 : _g.data) === null || _h === void 0 ? void 0 : _h.length]);
+  /**
+   * Where our selected presentation audiences change, always update the URL
+   */
+
+  Object(_libs_shared_src_hooks_useQueryString__WEBPACK_IMPORTED_MODULE_19__["useSetQueryString"])({
+    appLink: Object(apps_subjects_utils_ClassificationAppLinks__WEBPACK_IMPORTED_MODULE_36__["getClassificationAppLink"])()(classification.data),
+    paramBuilder: function paramBuilder() {
+      return {
+        a: activeAudienceValues.map(function (v) {
+          return v.name;
+        })
+      };
+    },
+    isValid: function isValid() {
+      var _a;
+
+      return !!((_a = classification.data) === null || _a === void 0 ? void 0 : _a.id);
+    },
+    appLinkOptions: {
+      replace: true
+    }
+  }, [activeAudienceValues.length]);
+  /**
+   * On page load, we will parse the querystring and automatically
+   * select any applicable presentation audiences. This should only be performed
+   * once we have access to the audience data for the selected classification.
+   */
+
+  var shouldParseParams = !!(audiences.data && audiences.data.length);
+  Object(_libs_shared_src_apps_subjects_hooks_useAudienceParams__WEBPACK_IMPORTED_MODULE_21__["useParseAudienceParams"])(queryParams, audiences.data, audienceDispatch, [shouldParseParams]);
+  /**
+   * Render Variables
+   */
+
+  var bannerDataLoaded = !!classification.data && !!config.data;
+  var breadcrumbsDataLoaded = !!classification.data && !!path.data;
+  var childrenDataLoaded = !!children.data;
+  var audienceDataLoaded = !!audiences.data;
+  var playlistsDataLoaded = !!classification.data && !!playlists.data;
+  var videosDataLoaded = !!classification.data && !!videos.data;
+  var seriesDataLoaded = !!classification.data && !!series.data && !!audiences.data;
+  /**
+   * Hero Video logic
+   */
+
+  var _extractHeroVideo = Object(_ClassificationViewUtils__WEBPACK_IMPORTED_MODULE_37__["extractHeroVideo"])(series.data, playlists.data, videos.data, classification.data),
+      heroVideo = _extractHeroVideo.heroVideo,
+      videoList = _extractHeroVideo.videoList;
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'bg-white px-3'
+  }, bannerDataLoaded ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_banner_header_BannerHeader__WEBPACK_IMPORTED_MODULE_10__["BannerHeader"], {
+    heading: classification.data.name,
+    banner: classification.data.banner,
+    imageCdnUrl: config.data.imageCdnUrl,
+    actions: !((_j = classification.data) === null || _j === void 0 ? void 0 : _j.comingSoon) ? getBannerActions(classification.data, onToggleFollow, showFollowButtonSpinner) : []
+  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_banner_header_BannerHeader__WEBPACK_IMPORTED_MODULE_10__["PartialBannerHeader"], null), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'px-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "py-3 mb-3 ".concat(!((_k = classification.data) === null || _k === void 0 ? void 0 : _k.comingSoon) ? 'border-bottom' : '')
+  }, breadcrumbsDataLoaded ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_breadcrumbs_Breadcrumbs__WEBPACK_IMPORTED_MODULE_11__["Breadcrumbs"], {
+    currentItem: classification.data,
+    type: _libs_shared_src_components_breadcrumbs_Breadcrumbs__WEBPACK_IMPORTED_MODULE_11__["BreadcrumbType"].Static,
+    getItemAppLink: Object(apps_subjects_utils_ClassificationAppLinks__WEBPACK_IMPORTED_MODULE_36__["getClassificationAppLink"])(),
+    data: path.data,
+    rootItem: {
+      label: getPhrase('dashboard'),
+      appLink: Object(apps_subjects_utils_ClassificationAppLinks__WEBPACK_IMPORTED_MODULE_36__["getDashboardAppLink"])()
+    }
+  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_breadcrumbs_Breadcrumbs__WEBPACK_IMPORTED_MODULE_11__["PartialBreadcrumbs"], null), !((_l = classification.data) === null || _l === void 0 ? void 0 : _l.comingSoon) && (audienceDataLoaded && playlistsDataLoaded && seriesDataLoaded && videosDataLoaded ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_subjects_components_audience_filter_AudienceFilter__WEBPACK_IMPORTED_MODULE_23__["AudienceFilter"], {
+    audiences: audiences.data,
+    activeAudiences: activeAudiences,
+    setAudience: audienceDispatch,
+    disabled: !enableAudienceFilters
+  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_subjects_components_audience_filter_AudienceFilter__WEBPACK_IMPORTED_MODULE_23__["PartialAudienceFilter"], null)))), !!config.data && !!((_m = classification.data) === null || _m === void 0 ? void 0 : _m.comingSoon) ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_subjects_components_coming_soon_ComingSoon__WEBPACK_IMPORTED_MODULE_24__["ComingSoon"], {
+    data: classification.data,
+    imageCdnUrl: config.data.imageCdnUrl,
+    onToggleFollow: onToggleFollow
+  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'overflow-hidden-x px-3'
+  }, function () {
+    var _a;
 
-    while (currentItem) {
-      _breadcrumbs.unshift(buildBreadcrumb(currentItem, getItemAppLink));
+    if (!childrenDataLoaded || !playlistsDataLoaded || !seriesDataLoaded || !videosDataLoaded) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_widgets_dynamic_widget_DynamicWidget__WEBPACK_IMPORTED_MODULE_28__["PartialDynamicWidget"], null);
+    if (!((_a = children.data) === null || _a === void 0 ? void 0 : _a.length)) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+
+    if (Object(_ClassificationViewUtils__WEBPACK_IMPORTED_MODULE_37__["hasMembers"])(playlists.data, series.data, videos.data) || heroVideo) {
+      return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+        className: 'pb-3 mx-n1'
+      }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_widgets_dynamic_widget_DynamicWidget__WEBPACK_IMPORTED_MODULE_28__["DynamicWidget"], {
+        collection: children.data,
+        childAppLink: Object(apps_subjects_utils_ClassificationAppLinks__WEBPACK_IMPORTED_MODULE_36__["getClassificationAppLink"])()(),
+        childComponent: _libs_shared_src_components_widgets_items_subject_widget_item_SubjectWidgetItem__WEBPACK_IMPORTED_MODULE_30__["SubjectWidgetItem"],
+        headingPhraseKey: 'topics'
+      }));
+    }
 
-      currentItem = getParent(currentItem);
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+      className: 'mx-n2'
+    }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_subjects_components_classification_list_ClassificationList__WEBPACK_IMPORTED_MODULE_25__["ClassificationList"], {
+      classifications: children.data,
+      getItemAppLink: Object(apps_subjects_utils_ClassificationAppLinks__WEBPACK_IMPORTED_MODULE_36__["getClassificationAppLink"])()
+    }));
+  }(), seriesDataLoaded && playlistsDataLoaded && videosDataLoaded && audienceDataLoaded ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_subjects_components_hero_video_HeroVideo__WEBPACK_IMPORTED_MODULE_26__["HeroVideo"], {
+    video: heroVideo,
+    presentationAudiences: audiences.data,
+    videoAppLink: {
+      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_34__["AppChannels"].DEFAULT,
+      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_33__["Actions"].Default.PLAY_VIDEO,
+      args: [(_o = heroVideo) === null || _o === void 0 ? void 0 : _o.id, _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_7__["TextHelper"].slugify((_p = heroVideo) === null || _p === void 0 ? void 0 : _p.name)],
+      params: ((_q = heroVideo) === null || _q === void 0 ? void 0 : _q.lastProgressPoint) ? {
+        t: Math.floor(heroVideo.lastProgressPoint)
+      } : {}
+    },
+    seriesAppLink: {
+      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_34__["AppChannels"].DEFAULT,
+      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_33__["Actions"].Default.SERIES,
+      args: ((_r = heroVideo) === null || _r === void 0 ? void 0 : _r.series) ? [heroVideo.series.id, _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_7__["TextHelper"].slugify(heroVideo.series.name)] : []
     }
+  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_subjects_components_hero_video_HeroVideo__WEBPACK_IMPORTED_MODULE_26__["PartialHeroVideo"], null), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", null, function () {
+    var _a, _b;
+
+    if (!playlistsDataLoaded || !audienceDataLoaded) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+      className: 'pb-3'
+    }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_playlists_components_playlist_list__WEBPACK_IMPORTED_MODULE_20__["PartialPlaylistList"], {
+      showHeading: true,
+      itemClassName: 'columns-of-five'
+    }));
+    if (!((_b = (_a = playlists.data) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.length)) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+      className: 'pb-2'
+    }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h4", null, getPhrase('playlists')), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_playlists_components_playlist_list__WEBPACK_IMPORTED_MODULE_20__["PlaylistList"], {
+      playlists: _libs_shared_src_utils_AudienceHelper__WEBPACK_IMPORTED_MODULE_32__["AudienceHelper"].sortMembersWithDuplicateNamesByAudience(playlists.data.data),
+      getPlaylistAppLink: apps_subjects_utils_ClassificationAppLinks__WEBPACK_IMPORTED_MODULE_36__["getPlaylistAppLink"],
+      presentationAudiences: audiences.data,
+      itemContainerClassName: 'columns-of-five',
+      showFallbackImage: true
+    }));
+  }(), videosDataLoaded ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_widgets_fixed_widget__WEBPACK_IMPORTED_MODULE_27__["FixedWidget"], {
+    name: getPhrase('popular'),
+    type: _libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_9__["WidgetType"].LargeRow,
+    contents: _libs_shared_src_enums_WidgetContents__WEBPACK_IMPORTED_MODULE_18__["WidgetContents"].Videos,
+    collection: videoList,
+    childComponent: _libs_shared_src_components_widgets_items_video_widget_item_VideoWidgetItem__WEBPACK_IMPORTED_MODULE_29__["VideoWidgetItem"],
+    childAppLink: {
+      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_34__["AppChannels"].DEFAULT,
+      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_33__["Actions"].Default.PLAY_VIDEO
+    },
+    prefetched: true
+  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_widgets_fixed_widget__WEBPACK_IMPORTED_MODULE_27__["PartialFixedWidget"], {
+    type: _libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_9__["WidgetType"].LargeRow
+  }), seriesDataLoaded ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_widgets_fixed_widget__WEBPACK_IMPORTED_MODULE_27__["FixedWidget"], {
+    name: getPhrase('series'),
+    type: _libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_9__["WidgetType"].Row,
+    contents: _libs_shared_src_enums_WidgetContents__WEBPACK_IMPORTED_MODULE_18__["WidgetContents"].Series,
+    collection: series.data,
+    setData: function setData(seriesCollection) {
+      return seriesCollection.data;
+    },
+    childComponent: function childComponent(props) {
+      return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_widgets_items_series_widget_item__WEBPACK_IMPORTED_MODULE_31__["SeriesWidgetItem"], Object.assign({
+        audiences: audiences.data
+      }, props));
+    },
+    childAppLink: {
+      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_34__["AppChannels"].DEFAULT,
+      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_33__["Actions"].Default.SERIES
+    },
+    prefetched: true
+  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_widgets_items_series_widget_item__WEBPACK_IMPORTED_MODULE_31__["PartialSeriesList"], null))));
+}
+
+/***/ }),
 
-    if (rootItem) _breadcrumbs.unshift(rootItem);
-    return setBreadcrumbs(_breadcrumbs);
-  }, [currentItem, getParent, getItemAppLink, rootItem]);
+/***/ "./src/apps/subjects/views/classification/ClassificationViewUtils.ts":
+/*!***************************************************************************!*\
+  !*** ./src/apps/subjects/views/classification/ClassificationViewUtils.ts ***!
+  \***************************************************************************/
+/*! exports provided: hasMembers, extractHeroVideo */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-  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
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "hasMembers", function() { return hasMembers; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "extractHeroVideo", function() { return extractHeroVideo; });
+/* harmony import */ var _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/utils/ArrayHelper */ "../../libs/common/src/react/utils/ArrayHelper.ts");
 
+/**
+ * Member helpers
+ */
 
-  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;
+function hasMembers(playlists) {
+  if (playlists.data.length) return true;
+
+  for (var _len = arguments.length, DynamicWidgetCollections = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    DynamicWidgetCollections[_key - 1] = arguments[_key];
   }
 
-  return breadcrumbs;
+  return DynamicWidgetCollections.some(function (c) {
+    return !!c.data.length;
+  });
 }
+function extractHeroVideo(series, playlists, videos, classification) {
+  if (!series || !playlists || !videos || !classification) return {
+    heroVideo: null,
+    videoList: videos && videos.data
+  }; // If the subject has no series/playlists, and has only 1 video, that video is displayed as the hero.
+
+  if (!series.data.length && !playlists.data.length && videos.data.length === 1) {
+    return {
+      heroVideo: _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_0__["ArrayHelper"].first(videos.data),
+      videoList: []
+    };
+  }
 
-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 pinnedVideoIndex = videos.data.findIndex(function (video) {
+    return video.id === classification.pinnedVideoMasterId;
+  });
+  if (pinnedVideoIndex === -1) return {
+    heroVideo: null,
+    videoList: videos.data
+  };
+  return {
+    heroVideo: videos.data[pinnedVideoIndex],
+    videoList: videos.data.filter(function (vid) {
+      return vid.id !== classification.pinnedVideoMasterId;
+    })
+  };
 }
-var PARTIAL_BREADCRUMB_ITEMS = _utils_PartialLoadingHelper__WEBPACK_IMPORTED_MODULE_4__["PartialLoadingHelper"].getPartialLoadingItems({
-  numItems: 3
-});
-var PartialBreadcrumbs = function PartialBreadcrumbs() {
-  return 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(function (_ref, idx) {
-    var width = _ref.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'
-      }
-    }));
-  })));
-};
 
 /***/ })