@clickview/lite 0.0.19 → 0.0.20-rc.1

package/dist/scripts/21.chunk.js

@@ -0,0 +1,1591 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[21],{
+
+/***/ "../../libs/shared/src/apps/subjects/components/audience-item/AudienceItem.tsx":
+/*!*************************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/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__);
+
+
+
+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 '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) 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/front-end/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"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/audience-item/index.ts":
+/*!*****************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/apps/subjects/components/audience-item/index.ts ***!
+  \*****************************************************************************************************************/
+/*! exports provided: AudienceItem, PartialAudiences */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _AudienceItem__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./AudienceItem */ "../../libs/shared/src/apps/subjects/components/audience-item/AudienceItem.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "AudienceItem", function() { return _AudienceItem__WEBPACK_IMPORTED_MODULE_0__["AudienceItem"]; });
+
+/* harmony import */ var _partial_loading_PartialAudiences__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./partial-loading/PartialAudiences */ "../../libs/shared/src/apps/subjects/components/audience-item/partial-loading/PartialAudiences.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PartialAudiences", function() { return _partial_loading_PartialAudiences__WEBPACK_IMPORTED_MODULE_1__["PartialAudiences"]; });
+
+
+
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/audience-item/partial-loading/PartialAudiences.tsx":
+/*!*********************************************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/apps/subjects/components/audience-item/partial-loading/PartialAudiences.tsx ***!
+  \*********************************************************************************************************************************************/
+/*! exports provided: PartialAudiences */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PartialAudiences", function() { return PartialAudiences; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+
+function PartialAudiences(_ref) {
+  var _ref$width = _ref.width,
+      width = _ref$width === void 0 ? 90 : _ref$width,
+      _ref$height = _ref.height,
+      height = _ref$height === void 0 ? 35 : _ref$height,
+      _ref$count = _ref.count,
+      count = _ref$count === void 0 ? 5 : _ref$count,
+      _ref$align = _ref.align,
+      align = _ref$align === void 0 ? 'left' : _ref$align;
+  var justifyClass = align === 'center' ? 'justify-content-center' : 'justify-content-start';
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("ul", {
+    className: "d-flex flex-wrap pl-0 m-0 ".concat(justifyClass)
+  }, Array(count).fill(react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("li", {
+    className: 'partial-loading-background mx-1 mb-1 badge-pill list-unstyled',
+    style: {
+      height: "".concat(height, "px"),
+      width: "".concat(width, "px")
+    }
+  })));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/preferences/footer/PreferenceFooter.tsx":
+/*!**********************************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/apps/subjects/components/preferences/footer/PreferenceFooter.tsx ***!
+  \**********************************************************************************************************************************/
+/*! exports provided: PreferenceFooter */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PreferenceFooter", function() { return PreferenceFooter; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../enums/MediaQueries */ "../../libs/shared/src/enums/MediaQueries.ts");
+/* harmony import */ var _hooks_UseGetMediaQueryString__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../hooks/UseGetMediaQueryString */ "../../libs/shared/src/hooks/UseGetMediaQueryString.ts");
+/* harmony import */ var _preference_footer_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./preference-footer.scss */ "../../libs/shared/src/apps/subjects/components/preferences/footer/preference-footer.scss");
+/* harmony import */ var _preference_footer_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_preference_footer_scss__WEBPACK_IMPORTED_MODULE_3__);
+
+
+
+
+function PreferenceFooter(props) {
+  var mediaQuery = Object(_hooks_UseGetMediaQueryString__WEBPACK_IMPORTED_MODULE_2__["useGetMediaQueryString"])();
+  var widthClass = mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_1__["MediaQueryStrings"].SM || mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_1__["MediaQueryStrings"].XS ? 'w-100' : 'w-75';
+  var justifyClass = 'justify-content-between';
+  if (props.align === 'right') justifyClass = 'justify-content-end';else if (props.align === 'center') justifyClass = 'justify-content-center';
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "".concat(widthClass, " ").concat(justifyClass, " ").concat(_preference_footer_scss__WEBPACK_IMPORTED_MODULE_3___default.a.preferenceFooter, " d-flex px-3")
+  }, props.children);
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/preferences/footer/preference-footer.scss":
+/*!************************************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/apps/subjects/components/preferences/footer/preference-footer.scss ***!
+  \************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"preferenceFooter":"cv--preferenceFooter--P29kw"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/preferences/index.ts":
+/*!***************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/apps/subjects/components/preferences/index.ts ***!
+  \***************************************************************************************************************/
+/*! exports provided: PreferenceFooter, PreferenceProgress, SubjectPreferenceGrid, SubjectPreferenceItem */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _footer_PreferenceFooter__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./footer/PreferenceFooter */ "../../libs/shared/src/apps/subjects/components/preferences/footer/PreferenceFooter.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PreferenceFooter", function() { return _footer_PreferenceFooter__WEBPACK_IMPORTED_MODULE_0__["PreferenceFooter"]; });
+
+/* harmony import */ var _progress_PreferenceProgress__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./progress/PreferenceProgress */ "../../libs/shared/src/apps/subjects/components/preferences/progress/PreferenceProgress.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PreferenceProgress", function() { return _progress_PreferenceProgress__WEBPACK_IMPORTED_MODULE_1__["PreferenceProgress"]; });
+
+/* harmony import */ var _subject_preference_grid_SubjectPreferenceGrid__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./subject-preference-grid/SubjectPreferenceGrid */ "../../libs/shared/src/apps/subjects/components/preferences/subject-preference-grid/SubjectPreferenceGrid.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SubjectPreferenceGrid", function() { return _subject_preference_grid_SubjectPreferenceGrid__WEBPACK_IMPORTED_MODULE_2__["SubjectPreferenceGrid"]; });
+
+/* harmony import */ var _subject_preference_item_SubjectPreferenceItem__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./subject-preference-item/SubjectPreferenceItem */ "../../libs/shared/src/apps/subjects/components/preferences/subject-preference-item/SubjectPreferenceItem.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SubjectPreferenceItem", function() { return _subject_preference_item_SubjectPreferenceItem__WEBPACK_IMPORTED_MODULE_3__["SubjectPreferenceItem"]; });
+
+
+
+
+
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/preferences/progress/PreferenceProgress.tsx":
+/*!**************************************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/apps/subjects/components/preferences/progress/PreferenceProgress.tsx ***!
+  \**************************************************************************************************************************************/
+/*! exports provided: PreferenceProgress */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PreferenceProgress", function() { return PreferenceProgress; });
+/* 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 _preference_progress_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./preference-progress.scss */ "../../libs/shared/src/apps/subjects/components/preferences/progress/preference-progress.scss");
+/* harmony import */ var _preference_progress_scss__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_preference_progress_scss__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../components/app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+
+
+
+
+function getClass(active) {
+  var baseClasses = 'rounded-circle mx-2 cursor-pointer ' + _preference_progress_scss__WEBPACK_IMPORTED_MODULE_1___default.a.progressItem;
+  var colourClass = active ? 'bg-info' : 'bg-light';
+  return "".concat(baseClasses, " ").concat(colourClass);
+}
+
+function PreferenceProgress(props) {
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("nav", {
+    className: 'd-flex justify-content-center pt-3'
+  }, props.steps.map(function (step, i) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_2__["AppLink"], {
+      key: i,
+      appLink: !step.active ? step.appLink : null,
+      className: getClass(step.active)
+    });
+  }));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/preferences/progress/preference-progress.scss":
+/*!****************************************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/apps/subjects/components/preferences/progress/preference-progress.scss ***!
+  \****************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"progressItem":"cv--progressItem--1Znll"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/preferences/subject-preference-grid/SubjectPreferenceGrid.tsx":
+/*!********************************************************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/apps/subjects/components/preferences/subject-preference-grid/SubjectPreferenceGrid.tsx ***!
+  \********************************************************************************************************************************************************/
+/*! exports provided: SubjectPreferenceGrid */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SubjectPreferenceGrid", function() { return SubjectPreferenceGrid; });
+/* 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_ArrayHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../common/src/react/utils/ArrayHelper */ "../../libs/common/src/react/utils/ArrayHelper.ts");
+/* harmony import */ var _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../enums/MediaQueries */ "../../libs/shared/src/enums/MediaQueries.ts");
+/* harmony import */ var _hooks_UseGetMediaQueryString__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../hooks/UseGetMediaQueryString */ "../../libs/shared/src/hooks/UseGetMediaQueryString.ts");
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./.. */ "../../libs/shared/src/apps/subjects/components/preferences/index.ts");
+/* harmony import */ var _contexts_SubjectPreferencesContext__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../contexts/SubjectPreferencesContext */ "../../libs/shared/src/apps/subjects/contexts/SubjectPreferencesContext.ts");
+/* harmony import */ var _subject_preference_grid_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./subject-preference-grid.scss */ "../../libs/shared/src/apps/subjects/components/preferences/subject-preference-grid/subject-preference-grid.scss");
+/* harmony import */ var _subject_preference_grid_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_subject_preference_grid_scss__WEBPACK_IMPORTED_MODULE_6__);
+var __rest = undefined && undefined.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+
+
+
+
+
+
+
+
+function useGetRowItemCapacity() {
+  var viewportWidth = Object(_hooks_UseGetMediaQueryString__WEBPACK_IMPORTED_MODULE_3__["useGetMediaQueryString"])();
+
+  switch (viewportWidth) {
+    case _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_2__["MediaQueryStrings"].LG:
+    default:
+      return 5;
+
+    case _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_2__["MediaQueryStrings"].MD:
+      return 4;
+
+    case _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_2__["MediaQueryStrings"].SM:
+      return 3;
+
+    case _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_2__["MediaQueryStrings"].XS:
+      return 2;
+  }
+}
+
+function isDisabled(subject, expandedSubject) {
+  if (!expandedSubject || subject.id === expandedSubject.id) return false;
+  if (expandedSubject.children.find(function (child) {
+    return child.id === subject.id;
+  })) return false;
+  return true;
+}
+
+function SubjectPreferenceGridRow(props) {
+  var context = react__WEBPACK_IMPORTED_MODULE_0__["useContext"](_contexts_SubjectPreferencesContext__WEBPACK_IMPORTED_MODULE_5__["SubjectPreferencesContext"]);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, props.subjects.map(function (subject) {
+    var clickHandler = subject.isExpandableOption ? props.onExpand : props.onSelect;
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](___WEBPACK_IMPORTED_MODULE_4__["SubjectPreferenceItem"], {
+      key: subject.id,
+      subject: subject,
+      selected: context.selectedSubjects.includes(subject.id),
+      disabled: isDisabled(subject, context.expandedSubject),
+      onClick: function onClick(e) {
+        return clickHandler(subject);
+      }
+    });
+  }));
+}
+
+function SubjectPreferenceGrid(_a) {
+  var subjects = _a.subjects,
+      eventHandlers = __rest(_a, ["subjects"]);
+
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_0__["useContext"](_contexts_SubjectPreferencesContext__WEBPACK_IMPORTED_MODULE_5__["SubjectPreferencesContext"]),
+      expandedSubject = _React$useContext.expandedSubject;
+
+  var itemsPerRow = useGetRowItemCapacity();
+  /**
+   * This is an array of arrays, where each sub-array is a row of classifications.
+   * We do this to make sure any sub-grid's of child preference options get rendered in the row
+   * directly beneath their parent's row.
+   */
+
+  var subjectRows = subjects.reduce(function (acc, subject, index) {
+    index % itemsPerRow === 0 ? acc.push([subject]) // Start a new row
+    : _common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_1__["ArrayHelper"].last(acc).push(subject); // Fill up an existing row
+
+    return acc;
+  }, []);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("ul", {
+    className: _subject_preference_grid_scss__WEBPACK_IMPORTED_MODULE_6___default.a.grid
+  }, subjectRows.map(function (row, i) {
+    var isExpanded = expandedSubject && !!row.find(function (subject) {
+      return expandedSubject.id === subject.id && subject.isExpandableOption;
+    });
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], {
+      key: i
+    }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SubjectPreferenceGridRow, Object.assign({
+      subjects: row
+    }, eventHandlers)), isExpanded && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("li", {
+      className: "".concat(_subject_preference_grid_scss__WEBPACK_IMPORTED_MODULE_6___default.a.subgrid, " m-0")
+    }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SubjectPreferenceGrid, Object.assign({
+      subjects: expandedSubject.children
+    }, eventHandlers))));
+  }));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/preferences/subject-preference-grid/subject-preference-grid.scss":
+/*!***********************************************************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/apps/subjects/components/preferences/subject-preference-grid/subject-preference-grid.scss ***!
+  \***********************************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"grid":"cv--grid--G_RXX","subgrid":"cv--subgrid--38ohZ"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/preferences/subject-preference-item/SubjectPreferenceItem.tsx":
+/*!********************************************************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/apps/subjects/components/preferences/subject-preference-item/SubjectPreferenceItem.tsx ***!
+  \********************************************************************************************************************************************************/
+/*! exports provided: SubjectPreferenceItem */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SubjectPreferenceItem", function() { return SubjectPreferenceItem; });
+/* 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_ImageHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../utils/ImageHelper */ "../../libs/shared/src/utils/ImageHelper.ts");
+/* harmony import */ var _enums_Images__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../enums/Images */ "../../libs/shared/src/enums/Images.ts");
+/* harmony import */ var _contexts_SubjectPreferencesContext__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../contexts/SubjectPreferencesContext */ "../../libs/shared/src/apps/subjects/contexts/SubjectPreferencesContext.ts");
+/* harmony import */ var _SubjectPreferenceItemStatus__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./SubjectPreferenceItemStatus */ "../../libs/shared/src/apps/subjects/components/preferences/subject-preference-item/SubjectPreferenceItemStatus.tsx");
+/* harmony import */ var _subject_preference_item_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./subject-preference-item.scss */ "../../libs/shared/src/apps/subjects/components/preferences/subject-preference-item/subject-preference-item.scss");
+/* harmony import */ var _subject_preference_item_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_subject_preference_item_scss__WEBPACK_IMPORTED_MODULE_5__);
+
+
+
+
+
+
+function SubjectPreferenceItem(props) {
+  var _a, _b, _c, _d;
+
+  var context = react__WEBPACK_IMPORTED_MODULE_0__["useContext"](_contexts_SubjectPreferencesContext__WEBPACK_IMPORTED_MODULE_3__["SubjectPreferencesContext"]);
+
+  function getContainerClass() {
+    var baseClass = _subject_preference_item_scss__WEBPACK_IMPORTED_MODULE_5___default.a.subjectPreferenceItem;
+    if (props.extraClasses) baseClass += ' ' + props.extraClasses;
+    if (props.disabled) baseClass += ' ' + _subject_preference_item_scss__WEBPACK_IMPORTED_MODULE_5___default.a.disabled;
+    if (props.selected) baseClass += ' ' + _subject_preference_item_scss__WEBPACK_IMPORTED_MODULE_5___default.a.selected;
+    return baseClass;
+  }
+
+  var coverUrl = props.subject.cover ? _utils_ImageHelper__WEBPACK_IMPORTED_MODULE_1__["ImageHelper"].createUrl(props.subject.cover.url, {
+    size: _enums_Images__WEBPACK_IMPORTED_MODULE_2__["ImageSize"].Small
+  }) : '';
+  var childIds = props.subject.isExpandableOption ? props.subject.children.map(function (child) {
+    return child.id;
+  }) : [];
+  var selectedChildCount = (_b = (_a = context) === null || _a === void 0 ? void 0 : _a.selectedSubjects) === null || _b === void 0 ? void 0 : _b.filter(function (selection) {
+    return childIds.includes(selection);
+  }).length;
+  var onClick = !props.disabled && props.onClick ? props.onClick : function () {};
+  var isExpanded = ((_d = (_c = context) === null || _c === void 0 ? void 0 : _c.expandedSubject) === null || _d === void 0 ? void 0 : _d.id) === props.subject.id;
+  var caretClass = "".concat(_subject_preference_item_scss__WEBPACK_IMPORTED_MODULE_5___default.a.expandCaret, " ").concat(isExpanded ? _subject_preference_item_scss__WEBPACK_IMPORTED_MODULE_5___default.a.up : _subject_preference_item_scss__WEBPACK_IMPORTED_MODULE_5___default.a.down);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("li", {
+    className: getContainerClass(),
+    onClick: onClick,
+    "aria-checked": props.selected,
+    "aria-haspopup": props.subject.isExpandableOption,
+    role: props.subject.isExpandableOption ? 'button' : 'checkbox',
+    style: {
+      backgroundImage: "url(".concat(coverUrl, ")")
+    },
+    tabIndex: 0,
+    title: props.subject.name
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "".concat(_subject_preference_item_scss__WEBPACK_IMPORTED_MODULE_5___default.a.textBox, " p-2")
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", {
+    className: 'm-0 text-truncate'
+  }, props.subject.name, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", {
+    className: props.subject.isExpandableOption ? caretClass : ''
+  })), props.subject.isExpandableOption ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_SubjectPreferenceItemStatus__WEBPACK_IMPORTED_MODULE_4__["ExpandableItemStatus"], {
+    selectedChildrenCount: selectedChildCount
+  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_SubjectPreferenceItemStatus__WEBPACK_IMPORTED_MODULE_4__["SelectableItemStatus"], {
+    selected: props.selected
+  })));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/preferences/subject-preference-item/SubjectPreferenceItemStatus.tsx":
+/*!**************************************************************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/apps/subjects/components/preferences/subject-preference-item/SubjectPreferenceItemStatus.tsx ***!
+  \**************************************************************************************************************************************************************/
+/*! exports provided: ExpandableItemStatus, SelectableItemStatus */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ExpandableItemStatus", function() { return ExpandableItemStatus; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SelectableItemStatus", function() { return SelectableItemStatus; });
+/* 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 _components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../components/svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
+/* harmony import */ var _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _subject_preference_item_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./subject-preference-item.scss */ "../../libs/shared/src/apps/subjects/components/preferences/subject-preference-item/subject-preference-item.scss");
+/* harmony import */ var _subject_preference_item_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_subject_preference_item_scss__WEBPACK_IMPORTED_MODULE_3__);
+
+
+
+
+var ExpandableItemStatus = function ExpandableItemStatus(props) {
+  if (!props.selectedChildrenCount) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "".concat(_subject_preference_item_scss__WEBPACK_IMPORTED_MODULE_3___default.a.itemStatus, " ").concat(_subject_preference_item_scss__WEBPACK_IMPORTED_MODULE_3___default.a.green)
+  }, props.selectedChildrenCount);
+};
+var SelectableItemStatus = function SelectableItemStatus(props) {
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "".concat(_subject_preference_item_scss__WEBPACK_IMPORTED_MODULE_3___default.a.itemStatus, " ").concat(props.selected ? _subject_preference_item_scss__WEBPACK_IMPORTED_MODULE_3___default.a.green : _subject_preference_item_scss__WEBPACK_IMPORTED_MODULE_3___default.a.unchecked)
+  }, props.selected ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_1__["SvgContainer"], {
+    svgName: _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__["cvSvgLibrary"].Check
+  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_1__["SvgContainer"], {
+    svgName: _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__["cvSvgLibrary"].Plus
+  }));
+};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/preferences/subject-preference-item/partial-loading/PartialSubjectPreferences.tsx":
+/*!****************************************************************************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/apps/subjects/components/preferences/subject-preference-item/partial-loading/PartialSubjectPreferences.tsx ***!
+  \****************************************************************************************************************************************************************************/
+/*! exports provided: PartialSubjectPreferences */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PartialSubjectPreferences", function() { return PartialSubjectPreferences; });
+/* 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 _subject_preference_grid_subject_preference_grid_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../subject-preference-grid/subject-preference-grid.scss */ "../../libs/shared/src/apps/subjects/components/preferences/subject-preference-grid/subject-preference-grid.scss");
+/* harmony import */ var _subject_preference_grid_subject_preference_grid_scss__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_subject_preference_grid_subject_preference_grid_scss__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _partial_subject_preferences_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./partial-subject-preferences.scss */ "../../libs/shared/src/apps/subjects/components/preferences/subject-preference-item/partial-loading/partial-subject-preferences.scss");
+/* harmony import */ var _partial_subject_preferences_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_partial_subject_preferences_scss__WEBPACK_IMPORTED_MODULE_2__);
+
+
+
+function PartialSubjectPreferences(props) {
+  var className = props.style === 'grid' ? _subject_preference_grid_subject_preference_grid_scss__WEBPACK_IMPORTED_MODULE_1___default.a.grid : _partial_subject_preferences_scss__WEBPACK_IMPORTED_MODULE_2___default.a.partialSubjectList;
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("ul", {
+    className: className
+  }, Array(props.count).fill(react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("li", {
+    className: "".concat(_partial_subject_preferences_scss__WEBPACK_IMPORTED_MODULE_2___default.a.partialSubject, " partial-loading-background")
+  })));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/preferences/subject-preference-item/partial-loading/partial-subject-preferences.scss":
+/*!*******************************************************************************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/apps/subjects/components/preferences/subject-preference-item/partial-loading/partial-subject-preferences.scss ***!
+  \*******************************************************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"partialSubject":"cv--partialSubject--1rrH2","partialSubjectList":"cv--partialSubjectList--15Qdz"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/preferences/subject-preference-item/subject-preference-item.scss":
+/*!***********************************************************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/apps/subjects/components/preferences/subject-preference-item/subject-preference-item.scss ***!
+  \***********************************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"subjectPreferenceItem":"cv--subjectPreferenceItem--2qd2_","expandCaret":"cv--expandCaret--1SmX9","down":"cv--down--dE3mQ","up":"cv--up--2vvzg","disabled":"cv--disabled--3xx8o","selected":"cv--selected--12fy7","textBox":"cv--textBox--3ic5e","itemStatus":"cv--itemStatus--2d1iD","unchecked":"cv--unchecked--L-HyS","green":"cv--green--1pWm4"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/contexts/SubjectPreferencesContext.ts":
+/*!*********************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/apps/subjects/contexts/SubjectPreferencesContext.ts ***!
+  \*********************************************************************************************************************/
+/*! exports provided: SubjectPreferencesContext */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SubjectPreferencesContext", function() { return SubjectPreferencesContext; });
+/* 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__);
+
+var SubjectPreferencesContext = Object(react__WEBPACK_IMPORTED_MODULE_0__["createContext"])(undefined);
+
+/***/ }),
+
+/***/ "../../libs/shared/src/flight-requests/PreferenceRequests.ts":
+/*!*******************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/flight-requests/PreferenceRequests.ts ***!
+  \*******************************************************************************************************/
+/*! exports provided: PreferenceRequests */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PreferenceRequests", function() { return PreferenceRequests; });
+/* 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");
+/* harmony import */ var _constants_WithStatements__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../constants/WithStatements */ "../../libs/shared/src/constants/WithStatements.ts");
+
+
+
+var classificationQuery = _constants_WithStatements__WEBPACK_IMPORTED_MODULE_2__["SharedWithStatements"].CLASSIFICATION;
+var endpoints = {
+  // Subjects
+  allSubjectPreferences: function allSubjectPreferences() {
+    return "/api/domain/v1/subjects/preferences?query=".concat(classificationQuery);
+  },
+  mySubjectPreferences: function mySubjectPreferences() {
+    return "/api/domain/v1/subjects/classifications/following?query=".concat(classificationQuery);
+  },
+  followSubjects: function followSubjects() {
+    return '/api/domain/v1/subjects/classifications/following';
+  },
+  unfollowSubjects: function unfollowSubjects(ids) {
+    return _common_src_backbone_utils_UrlHelper__WEBPACK_IMPORTED_MODULE_0__["UrlHelper"].urlBuilder('/api/domain/v1/subjects/classifications/following', {
+      id: ids
+    });
+  },
+  // Levels
+  allLevelPreferences: function allLevelPreferences() {
+    return "/api/domain/v1/subjects/audiences";
+  },
+  myLevelPreferences: function myLevelPreferences() {
+    return "/api/domain/v1/subjects/audiences/following";
+  },
+  followLevels: function followLevels() {
+    return "/api/domain/v1/subjects/audiences/following";
+  },
+  unfollowLevels: function unfollowLevels(ids) {
+    return _common_src_backbone_utils_UrlHelper__WEBPACK_IMPORTED_MODULE_0__["UrlHelper"].urlBuilder('/api/domain/v1/subjects/audiences/following', {
+      id: ids
+    });
+  }
+};
+var PreferenceRequests = {
+  /**
+   * Subjects
+   */
+  allSubjectPreferences: function allSubjectPreferences() {
+    return {
+      url: endpoints.allSubjectPreferences(),
+      key: "subject:preference:options"
+    };
+  },
+  mySubjectPreferences: function mySubjectPreferences() {
+    return {
+      url: endpoints.mySubjectPreferences(),
+      key: "my:subject:preferences",
+      normalize: false
+    };
+  },
+  followSubjects: function followSubjects(subjectIds, success, always) {
+    return {
+      url: endpoints.followSubjects(),
+      key: "follow:subjects",
+      data: subjectIds,
+      type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_1__["HttpVerbs"].POST,
+      success: success,
+      always: always,
+      invalidationKeys: ['my:subject:preferences']
+    };
+  },
+  unfollowSubjects: function unfollowSubjects(subjectIds, success, always) {
+    return {
+      url: endpoints.unfollowSubjects(subjectIds),
+      key: "unfollow:subjects",
+      type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_1__["HttpVerbs"].DELETE,
+      success: success,
+      always: always,
+      invalidationKeys: ['my:subject:preferences']
+    };
+  },
+
+  /**
+   * Levels
+   */
+  allLevelPreferences: function allLevelPreferences() {
+    return {
+      url: endpoints.allLevelPreferences(),
+      key: "level:preference:options",
+      normalize: false
+    };
+  },
+  myLevelPreferences: function myLevelPreferences() {
+    return {
+      url: endpoints.myLevelPreferences(),
+      key: "my:level:preferences",
+      normalize: false
+    };
+  },
+  followLevels: function followLevels(levelIds, success, always) {
+    return {
+      url: endpoints.followLevels(),
+      key: "follow:levels",
+      data: levelIds,
+      type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_1__["HttpVerbs"].POST,
+      success: success,
+      always: always,
+      invalidationKeys: ['my:level:preferences']
+    };
+  },
+  unfollowLevels: function unfollowLevels(levelIds, success, always) {
+    return {
+      url: endpoints.unfollowLevels(levelIds),
+      key: "unfollow:levels",
+      type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_1__["HttpVerbs"].DELETE,
+      success: success,
+      always: always,
+      invalidationKeys: ['my:level:preferences']
+    };
+  }
+};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/hooks/UseGetMediaQueryString.ts":
+/*!*************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/hooks/UseGetMediaQueryString.ts ***!
+  \*************************************************************************************************/
+/*! exports provided: useGetMediaQueryString */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useGetMediaQueryString", function() { return useGetMediaQueryString; });
+/* harmony import */ var _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../enums/MediaQueries */ "../../libs/shared/src/enums/MediaQueries.ts");
+/* harmony import */ var _UseMediaQuery__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./UseMediaQuery */ "../../libs/shared/src/hooks/UseMediaQuery.tsx");
+
+
+function useGetMediaQueryString() {
+  /**
+   * I tried to do this by looping through `MediaQueryStrings`'s keys, but you can't run
+   * hooks in a loop :(
+   */
+  var isXS = Object(_UseMediaQuery__WEBPACK_IMPORTED_MODULE_1__["useMediaQuery"])(_enums_MediaQueries__WEBPACK_IMPORTED_MODULE_0__["MediaQueryStrings"].XS);
+  var isSM = Object(_UseMediaQuery__WEBPACK_IMPORTED_MODULE_1__["useMediaQuery"])(_enums_MediaQueries__WEBPACK_IMPORTED_MODULE_0__["MediaQueryStrings"].SM);
+  var isMD = Object(_UseMediaQuery__WEBPACK_IMPORTED_MODULE_1__["useMediaQuery"])(_enums_MediaQueries__WEBPACK_IMPORTED_MODULE_0__["MediaQueryStrings"].MD);
+  var isLG = Object(_UseMediaQuery__WEBPACK_IMPORTED_MODULE_1__["useMediaQuery"])(_enums_MediaQueries__WEBPACK_IMPORTED_MODULE_0__["MediaQueryStrings"].LG);
+  var isXL = Object(_UseMediaQuery__WEBPACK_IMPORTED_MODULE_1__["useMediaQuery"])(_enums_MediaQueries__WEBPACK_IMPORTED_MODULE_0__["MediaQueryStrings"].XL);
+  var isXXL = Object(_UseMediaQuery__WEBPACK_IMPORTED_MODULE_1__["useMediaQuery"])(_enums_MediaQueries__WEBPACK_IMPORTED_MODULE_0__["MediaQueryStrings"].XXL);
+  var currentString = _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_0__["MediaQueryStrings"].LG; // default
+
+  if (isXS) currentString = _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_0__["MediaQueryStrings"].XS;
+  if (isSM) currentString = _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_0__["MediaQueryStrings"].SM;
+  if (isMD) currentString = _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_0__["MediaQueryStrings"].MD;
+  if (isLG) currentString = _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_0__["MediaQueryStrings"].LG;
+  if (isXL) currentString = _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_0__["MediaQueryStrings"].XL;
+  if (isXXL) currentString = _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_0__["MediaQueryStrings"].XXL;
+  return currentString;
+}
+
+/***/ }),
+
+/***/ "./src/apps/subjects/views/preferences/PreferencesView.tsx":
+/*!*****************************************************************!*\
+  !*** ./src/apps/subjects/views/preferences/PreferencesView.tsx ***!
+  \*****************************************************************/
+/*! exports provided: PreferencesView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PreferencesView", function() { return PreferencesView; });
+/* 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 _libs_shared_src_apps_subjects_components_preferences_progress_PreferenceProgress__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/apps/subjects/components/preferences/progress/PreferenceProgress */ "../../libs/shared/src/apps/subjects/components/preferences/progress/PreferenceProgress.tsx");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+/* harmony import */ var apps_subjects_views_preferences__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! apps/subjects/views/preferences */ "./src/apps/subjects/views/preferences/index.ts");
+/* harmony import */ var _preferences_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./preferences.scss */ "./src/apps/subjects/views/preferences/preferences.scss");
+/* harmony import */ var _preferences_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_preferences_scss__WEBPACK_IMPORTED_MODULE_4__);
+
+
+
+
+
+
+function getComponent(step, application) {
+  /**
+   * Gonna need a way to work out whether the user is going through onboarding, or if they
+   * are just modifying their previously set preferences. Hardcoding this for now
+   */
+  var onboarding = true;
+
+  switch (step) {
+    case 'levels':
+      return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_subjects_views_preferences__WEBPACK_IMPORTED_MODULE_3__["LevelPreferencesView"], {
+        application: application
+      });
+
+    case 'subjects':
+      return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_subjects_views_preferences__WEBPACK_IMPORTED_MODULE_3__["SubjectPreferencesView"], {
+        application: application
+      });
+
+    case 'summary':
+      return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_subjects_views_preferences__WEBPACK_IMPORTED_MODULE_3__["PreferencesSummaryView"], {
+        application: application,
+        onboarding: onboarding
+      });
+
+    default:
+      return null;
+  }
+}
+
+function getSteps(currentStep, application) {
+  var baseAppLink = {
+    application: application,
+    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_2__["Actions"].Subjects.PREFERENCES
+  };
+  return [{
+    active: currentStep === 'levels',
+    appLink: Object.assign(Object.assign({}, baseAppLink), {
+      params: {
+        step: 'levels'
+      }
+    })
+  }, {
+    active: currentStep === 'subjects',
+    appLink: Object.assign(Object.assign({}, baseAppLink), {
+      params: {
+        step: 'subjects'
+      }
+    })
+  }, {
+    active: currentStep === 'summary',
+    appLink: Object.assign(Object.assign({}, baseAppLink), {
+      params: {
+        step: 'summary'
+      }
+    })
+  }];
+}
+
+function PreferencesView(_ref) {
+  var _ref$step = _ref.step,
+      currentStep = _ref$step === void 0 ? 'levels' : _ref$step,
+      application = _ref.application;
+  var component = getComponent(currentStep, application);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "p-3 position-relative ".concat(_preferences_scss__WEBPACK_IMPORTED_MODULE_4___default.a.preferencesContainer)
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_subjects_components_preferences_progress_PreferenceProgress__WEBPACK_IMPORTED_MODULE_1__["PreferenceProgress"], {
+    steps: getSteps(currentStep, application)
+  }), component);
+}
+
+/***/ }),
+
+/***/ "./src/apps/subjects/views/preferences/index.ts":
+/*!******************************************************!*\
+  !*** ./src/apps/subjects/views/preferences/index.ts ***!
+  \******************************************************/
+/*! exports provided: PreferencesView, SubjectPreferencesView, LevelPreferencesView, PreferencesSummaryView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _PreferencesView__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./PreferencesView */ "./src/apps/subjects/views/preferences/PreferencesView.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PreferencesView", function() { return _PreferencesView__WEBPACK_IMPORTED_MODULE_0__["PreferencesView"]; });
+
+/* harmony import */ var _subject_preferences_SubjectPreferencesView__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./subject-preferences/SubjectPreferencesView */ "./src/apps/subjects/views/preferences/subject-preferences/SubjectPreferencesView.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SubjectPreferencesView", function() { return _subject_preferences_SubjectPreferencesView__WEBPACK_IMPORTED_MODULE_1__["SubjectPreferencesView"]; });
+
+/* harmony import */ var _level_preferences_LevelPreferencesView__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./level-preferences/LevelPreferencesView */ "./src/apps/subjects/views/preferences/level-preferences/LevelPreferencesView.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "LevelPreferencesView", function() { return _level_preferences_LevelPreferencesView__WEBPACK_IMPORTED_MODULE_2__["LevelPreferencesView"]; });
+
+/* harmony import */ var _summary_PreferencesSummaryView__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./summary/PreferencesSummaryView */ "./src/apps/subjects/views/preferences/summary/PreferencesSummaryView.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PreferencesSummaryView", function() { return _summary_PreferencesSummaryView__WEBPACK_IMPORTED_MODULE_3__["PreferencesSummaryView"]; });
+
+
+
+
+
+
+/***/ }),
+
+/***/ "./src/apps/subjects/views/preferences/level-preferences/LevelPreferencesView.tsx":
+/*!****************************************************************************************!*\
+  !*** ./src/apps/subjects/views/preferences/level-preferences/LevelPreferencesView.tsx ***!
+  \****************************************************************************************/
+/*! exports provided: LevelPreferencesView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LevelPreferencesView", function() { return LevelPreferencesView; });
+/* 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 react_bootstrap__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-bootstrap */ "react-bootstrap");
+/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_bootstrap__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
+/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* harmony import */ var _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../../libs/common/src/react/utils/ArrayHelper */ "../../libs/common/src/react/utils/ArrayHelper.ts");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_shared_src_flight_requests_PreferenceRequests__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/flight-requests/PreferenceRequests */ "../../libs/shared/src/flight-requests/PreferenceRequests.ts");
+/* harmony import */ var _libs_shared_src_apps_subjects_components_preferences_footer_PreferenceFooter__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/apps/subjects/components/preferences/footer/PreferenceFooter */ "../../libs/shared/src/apps/subjects/components/preferences/footer/PreferenceFooter.tsx");
+/* harmony import */ var _libs_shared_src_apps_subjects_components_audience_item__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/apps/subjects/components/audience-item */ "../../libs/shared/src/apps/subjects/components/audience-item/index.ts");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var _level_preferences_scss__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./level-preferences.scss */ "./src/apps/subjects/views/preferences/level-preferences/level-preferences.scss");
+/* harmony import */ var _level_preferences_scss__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(_level_preferences_scss__WEBPACK_IMPORTED_MODULE_14__);
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var namespace = 'subjects.levelPreferences';
+function LevelPreferencesView(_ref) {
+  var application = _ref.application;
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__["useState"]([]),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      selectedLevels = _React$useState2[0],
+      setSelectedLevels = _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];
+
+  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
+  var preferenceOptions = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_PreferenceRequests__WEBPACK_IMPORTED_MODULE_9__["PreferenceRequests"].allLevelPreferences());
+  var preselections = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_PreferenceRequests__WEBPACK_IMPORTED_MODULE_9__["PreferenceRequests"].myLevelPreferences());
+  /**
+   * Set initial selections
+   */
+
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    if (!preselections.data) return;
+    var preselectedIds = preselections.data.map(function (level) {
+      return level.masterId;
+    });
+    setSelectedLevels(_libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_5__["ArrayHelper"].uniq([].concat(_toConsumableArray(selectedLevels), _toConsumableArray(preselectedIds))));
+  }, [preselections.data]);
+
+  function onSelectLevel(level) {
+    var newSelections = _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_5__["ArrayHelper"].addOrRemoveImmutable(selectedLevels, level.masterId);
+    setSelectedLevels(newSelections);
+  }
+
+  function onSelectAllLevels() {
+    setSelectedLevels(preferenceOptions.data.map(function (option) {
+      return option.masterId;
+    }));
+  }
+
+  function onSave() {
+    var _a, _b;
+
+    if (!hasChanged()) {
+      _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_4__["Core"].AppLinkHelper.trigger({
+        application: application,
+        action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_12__["Actions"].Subjects.PREFERENCES,
+        params: {
+          step: 'subjects'
+        }
+      });
+      return;
+    }
+
+    setShowSpinner(true);
+    var addedLevels = selectedLevels.filter(function (id) {
+      return !preselections.data.find(function (level) {
+        return level.masterId === id;
+      });
+    });
+    var removedLevels = (_a = preselections.data) === null || _a === void 0 ? void 0 : _a.filter(function (level) {
+      return !selectedLevels.includes(level.masterId);
+    });
+    if ((_b = addedLevels) === null || _b === void 0 ? void 0 : _b.length) _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].fetch(dispatch, _libs_shared_src_flight_requests_PreferenceRequests__WEBPACK_IMPORTED_MODULE_9__["PreferenceRequests"].followLevels(addedLevels, function () {
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_6__["AnalyticsHelper"].logUserAction({
+        levelCount: addedLevels.length
+      }, {
+        location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__["LocationContext"].PreferencesSettings,
+        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__["WorkflowPhase"].Complete,
+        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__["UserAction"].Prefer,
+        descriptor: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__["ToggleDescriptor"].On,
+        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__["EntityType"].Audience
+      });
+    }, onSaveComplete));
+    if (removedLevels.length) _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].fetch(dispatch, _libs_shared_src_flight_requests_PreferenceRequests__WEBPACK_IMPORTED_MODULE_9__["PreferenceRequests"].unfollowLevels(removedLevels.map(function (l) {
+      return l.masterId;
+    }), function () {
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_6__["AnalyticsHelper"].logUserAction({
+        levelCount: removedLevels.length
+      }, {
+        location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__["LocationContext"].PreferencesSettings,
+        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__["WorkflowPhase"].Complete,
+        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__["UserAction"].Prefer,
+        descriptor: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__["ToggleDescriptor"].Off,
+        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__["EntityType"].Audience
+      });
+    }, onSaveComplete));
+  }
+
+  function onSaveComplete() {
+    setShowSpinner(false);
+    _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_4__["Core"].AppLinkHelper.trigger({
+      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_13__["AppChannels"].SUBJECT,
+      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_12__["Actions"].Subjects.PREFERENCES,
+      params: {
+        step: 'subjects'
+      }
+    });
+  }
+
+  function hasChanged() {
+    if (!preselections.data) return false;
+    var preselectedIds = preselections.data.map(function (p) {
+      return p.masterId;
+    });
+    return preselectedIds.sort().toString() !== selectedLevels.sort().toString();
+  }
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_8__["LanguageNamespaceContext"].Provider, {
+    value: namespace
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("form", {
+    className: 'p-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'text-center mb-4'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h1", {
+    className: 'mb-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_8__["Text"], {
+    phrase: 'heading',
+    options: {
+      highlightClass: 'text-primary'
+    }
+  }))), preferenceOptions.data ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("ul", {
+    className: "d-flex flex-wrap justify-content-center mx-auto mb-0 pl-0 pt-3 pb-5 ".concat(_level_preferences_scss__WEBPACK_IMPORTED_MODULE_14___default.a.levelList)
+  }, preferenceOptions.data.map(function (option) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_subjects_components_audience_item__WEBPACK_IMPORTED_MODULE_11__["AudienceItem"], {
+      key: option.masterId,
+      audience: option,
+      highlight: selectedLevels.includes(option.masterId),
+      setAudience: onSelectLevel,
+      extraClasses: 'h4 py-1 px-3 mx-1 mb-1'
+    });
+  })) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'w-33 mx-auto pb-5 pt-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_subjects_components_audience_item__WEBPACK_IMPORTED_MODULE_11__["PartialAudiences"], {
+    align: 'center'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_subjects_components_preferences_footer_PreferenceFooter__WEBPACK_IMPORTED_MODULE_10__["PreferenceFooter"], {
+    align: 'right'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'd-flex justify-content-right'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    role: 'button',
+    onClick: onSelectAllLevels,
+    className: 'text-dark font-weight-bold cursor-pointer d-flex align-items-center mr-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_8__["Text"], {
+    phrase: 'allLevels'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_2__["Button"], {
+    variant: 'dark',
+    disabled: showSpinner,
+    onClick: onSave
+  }, showSpinner ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_2__["Spinner"], {
+    as: 'span',
+    animation: 'border',
+    role: 'status',
+    size: 'sm'
+  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_8__["Text"], {
+    phrase: 'next'
+  }))))));
+}
+
+/***/ }),
+
+/***/ "./src/apps/subjects/views/preferences/level-preferences/level-preferences.scss":
+/*!**************************************************************************************!*\
+  !*** ./src/apps/subjects/views/preferences/level-preferences/level-preferences.scss ***!
+  \**************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"levelList":"cv--levelList--3ClyO"};
+
+/***/ }),
+
+/***/ "./src/apps/subjects/views/preferences/preferences.scss":
+/*!**************************************************************!*\
+  !*** ./src/apps/subjects/views/preferences/preferences.scss ***!
+  \**************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"preferencesContainer":"cv--preferencesContainer--1sGnn"};
+
+/***/ }),
+
+/***/ "./src/apps/subjects/views/preferences/subject-preferences/SubjectPreferencesView.tsx":
+/*!********************************************************************************************!*\
+  !*** ./src/apps/subjects/views/preferences/subject-preferences/SubjectPreferencesView.tsx ***!
+  \********************************************************************************************/
+/*! exports provided: SubjectPreferencesView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SubjectPreferencesView", function() { return SubjectPreferencesView; });
+/* 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 react_redux__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-redux */ "react-redux");
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
+/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* harmony import */ var _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../../libs/common/src/react/utils/ArrayHelper */ "../../libs/common/src/react/utils/ArrayHelper.ts");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_shared_src_apps_subjects_components_preferences_subject_preference_grid_SubjectPreferenceGrid__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/apps/subjects/components/preferences/subject-preference-grid/SubjectPreferenceGrid */ "../../libs/shared/src/apps/subjects/components/preferences/subject-preference-grid/SubjectPreferenceGrid.tsx");
+/* harmony import */ var _libs_shared_src_apps_subjects_contexts_SubjectPreferencesContext__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/apps/subjects/contexts/SubjectPreferencesContext */ "../../libs/shared/src/apps/subjects/contexts/SubjectPreferencesContext.ts");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/components/app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+/* harmony import */ var _libs_shared_src_flight_requests_PreferenceRequests__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/flight-requests/PreferenceRequests */ "../../libs/shared/src/flight-requests/PreferenceRequests.ts");
+/* harmony import */ var _libs_shared_src_apps_subjects_components_preferences_subject_preference_item_partial_loading_PartialSubjectPreferences__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/apps/subjects/components/preferences/subject-preference-item/partial-loading/PartialSubjectPreferences */ "../../libs/shared/src/apps/subjects/components/preferences/subject-preference-item/partial-loading/PartialSubjectPreferences.tsx");
+/* harmony import */ var _libs_shared_src_apps_subjects_components_preferences_footer_PreferenceFooter__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/apps/subjects/components/preferences/footer/PreferenceFooter */ "../../libs/shared/src/apps/subjects/components/preferences/footer/PreferenceFooter.tsx");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+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 _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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var namespace = 'subjects.subjectPreferencesView';
+
+function mixinBulkOptions(rawPreferenceOptions) {
+  var _a;
+
+  if (!((_a = rawPreferenceOptions) === null || _a === void 0 ? void 0 : _a.length)) return [];
+  var preferenceOptions = [];
+  rawPreferenceOptions.forEach(function (option) {
+    if (!option.children || !option.children.length) {
+      preferenceOptions.push(Object.assign({}, option));
+      return;
+    }
+    /**
+     * Add a "bulk" preference option to an expandable subject's children e.g. "All of Science"
+     */
+
+
+    var bulkOption = Object.assign(Object.assign({}, option), {
+      name: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_6__["LanguageService"].getPhrase(namespace, 'allOfParent', {
+        parent: option.name
+      }),
+      isBulkOption: true
+    });
+    preferenceOptions.push(Object.assign(Object.assign({}, option), {
+      isExpandableOption: true,
+      children: [bulkOption].concat(_toConsumableArray(option.children))
+    }));
+  });
+  return preferenceOptions;
+}
+
+function SubjectPreferencesView(_ref) {
+  var application = _ref.application;
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__["useState"]([]),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      selectedSubjects = _React$useState2[0],
+      setSelectedSubjects = _React$useState2[1];
+
+  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_0__["useState"](null),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      expandedSubject = _React$useState4[0],
+      setExpandedSubject = _React$useState4[1];
+
+  var _React$useState5 = react__WEBPACK_IMPORTED_MODULE_0__["useState"](false),
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      showSpinner = _React$useState6[0],
+      setShowSpinner = _React$useState6[1];
+
+  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_2__["useDispatch"])();
+  var rawPreferenceOptions = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_PreferenceRequests__WEBPACK_IMPORTED_MODULE_11__["PreferenceRequests"].allSubjectPreferences());
+  var preselections = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_PreferenceRequests__WEBPACK_IMPORTED_MODULE_11__["PreferenceRequests"].mySubjectPreferences());
+  /**
+   * Set initial selections
+   */
+
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    if (!preselections.data) return;
+    setSelectedSubjects(_libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_5__["ArrayHelper"].uniq([].concat(_toConsumableArray(selectedSubjects), _toConsumableArray(preselections.data.map(function (p) {
+      return p.id;
+    })))));
+  }, [preselections.data]);
+  /**
+   * Event handlers
+   */
+
+  function onSelect(subject) {
+    var newSelections = [];
+
+    if (subject.isBulkOption) {
+      var childIds = subject.children.map(function (child) {
+        return child.id;
+      });
+
+      if (selectedSubjects.includes(subject.id)) {
+        // Deselect all child subjects
+        newSelections = selectedSubjects.filter(function (selectedId) {
+          return selectedId !== subject.id && !childIds.includes(selectedId);
+        });
+      } else {
+        // Select all child subjects
+        newSelections = _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_5__["ArrayHelper"].uniq([].concat(_toConsumableArray(selectedSubjects), [subject.id], _toConsumableArray(childIds)));
+      }
+    } else {
+      newSelections = _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_5__["ArrayHelper"].addOrRemoveImmutable(selectedSubjects, subject.id);
+    }
+
+    setSelectedSubjects(newSelections);
+  }
+
+  function onExpand(subject) {
+    setExpandedSubject(expandedSubject && expandedSubject.id === subject.id ? null : subject);
+  }
+
+  function hasChanged() {
+    if (!preselections.data) return false;
+    var preselectedIds = preselections.data.map(function (p) {
+      return p.id;
+    });
+    return preselectedIds.sort().toString() !== selectedSubjects.sort().toString();
+  }
+
+  function onSave() {
+    var _a, _b;
+
+    if (!hasChanged()) {
+      _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_4__["Core"].AppLinkHelper.trigger({
+        application: application,
+        action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_14__["Actions"].Subjects.PREFERENCES,
+        params: {
+          step: 'summary'
+        }
+      });
+      return;
+    }
+
+    setShowSpinner(true);
+    var addedSubjects = selectedSubjects.filter(function (id) {
+      return !preselections.data.find(function (p) {
+        return p.id === id;
+      });
+    });
+    var removedSubjects = (_a = preselections.data) === null || _a === void 0 ? void 0 : _a.filter(function (p) {
+      return !selectedSubjects.includes(p.id);
+    });
+    if ((_b = addedSubjects) === null || _b === void 0 ? void 0 : _b.length) _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].fetch(dispatch, _libs_shared_src_flight_requests_PreferenceRequests__WEBPACK_IMPORTED_MODULE_11__["PreferenceRequests"].followSubjects(addedSubjects, function () {
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_16__["AnalyticsHelper"].logUserAction({
+        classificationCount: addedSubjects.length
+      }, {
+        location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_17__["LocationContext"].PreferencesSettings,
+        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_17__["WorkflowPhase"].Complete,
+        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_17__["UserAction"].Follow,
+        descriptor: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_17__["ToggleDescriptor"].On,
+        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_17__["EntityType"].Classification
+      });
+    }, onSaveComplete));
+    if (removedSubjects.length) _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].fetch(dispatch, _libs_shared_src_flight_requests_PreferenceRequests__WEBPACK_IMPORTED_MODULE_11__["PreferenceRequests"].unfollowSubjects(removedSubjects.map(function (s) {
+      return s.id;
+    }), function () {
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_16__["AnalyticsHelper"].logUserAction({
+        classificationCount: removedSubjects.length
+      }, {
+        location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_17__["LocationContext"].PreferencesSettings,
+        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_17__["WorkflowPhase"].Complete,
+        descriptor: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_17__["ToggleDescriptor"].Off,
+        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_17__["UserAction"].Follow,
+        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_17__["EntityType"].Classification
+      });
+    }, onSaveComplete));
+  }
+
+  function onSaveComplete() {
+    setShowSpinner(false);
+    _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_4__["Core"].AppLinkHelper.trigger({
+      application: application,
+      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_14__["Actions"].Subjects.PREFERENCES,
+      params: {
+        step: 'summary'
+      }
+    });
+  }
+
+  function onSelectAllSubjects() {
+    var allOptionIds = [];
+    rawPreferenceOptions.data.forEach(function (option) {
+      if (option.children && option.children.length) {
+        option.children.forEach(function (child) {
+          return allOptionIds.push(child.id);
+        });
+      }
+
+      allOptionIds.push(option.id);
+    });
+    setSelectedSubjects(allOptionIds);
+    setExpandedSubject(null);
+  }
+
+  var preferenceOptions = mixinBulkOptions(rawPreferenceOptions.data);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_9__["LanguageNamespaceContext"].Provider, {
+    value: namespace
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_subjects_contexts_SubjectPreferencesContext__WEBPACK_IMPORTED_MODULE_8__["SubjectPreferencesContext"].Provider, {
+    value: {
+      selectedSubjects: selectedSubjects,
+      expandedSubject: expandedSubject
+    }
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("form", {
+    className: 'p-3 pb-5'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'text-center mb-4'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h1", {
+    className: 'mb-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_9__["Text"], {
+    phrase: 'heading',
+    options: {
+      highlightClass: 'text-primary'
+    }
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", {
+    className: 'm-0 h6'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_9__["Text"], {
+    phrase: 'infoRow1'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", {
+    className: 'h6'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_9__["Text"], {
+    phrase: 'infoRow2'
+  }))), rawPreferenceOptions.data && preselections.data ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_subjects_components_preferences_subject_preference_grid_SubjectPreferenceGrid__WEBPACK_IMPORTED_MODULE_7__["SubjectPreferenceGrid"], {
+    subjects: preferenceOptions,
+    onSelect: onSelect,
+    onExpand: onExpand
+  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_subjects_components_preferences_subject_preference_item_partial_loading_PartialSubjectPreferences__WEBPACK_IMPORTED_MODULE_12__["PartialSubjectPreferences"], {
+    style: 'grid',
+    count: 7
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_subjects_components_preferences_footer_PreferenceFooter__WEBPACK_IMPORTED_MODULE_13__["PreferenceFooter"], null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_10__["AppLink"], {
+    appLink: {
+      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_15__["AppChannels"].SUBJECT,
+      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_14__["Actions"].Subjects.PREFERENCES,
+      params: {
+        step: 'levels'
+      }
+    },
+    className: 'btn btn-light'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_9__["Text"], {
+    phrase: 'back'
+  }))), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'd-flex justify-content-right'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    role: 'button',
+    onClick: onSelectAllSubjects,
+    className: 'text-dark font-weight-bold cursor-pointer d-flex align-items-center mr-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_9__["Text"], {
+    phrase: 'allSubjects'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Button"], {
+    variant: 'dark',
+    disabled: showSpinner,
+    onClick: onSave
+  }, showSpinner ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Spinner"], {
+    as: 'span',
+    animation: 'border',
+    role: 'status',
+    size: 'sm'
+  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_9__["Text"], {
+    phrase: hasChanged() ? 'followSubjects' : 'next',
+    options: {
+      smartCount: selectedSubjects.length
+    }
+  })))))));
+}
+
+/***/ }),
+
+/***/ "./src/apps/subjects/views/preferences/summary/PreferencesSummaryView.tsx":
+/*!********************************************************************************!*\
+  !*** ./src/apps/subjects/views/preferences/summary/PreferencesSummaryView.tsx ***!
+  \********************************************************************************/
+/*! exports provided: PreferencesSummaryView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PreferencesSummaryView", function() { return PreferencesSummaryView; });
+/* 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 _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/components/svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/components/app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+/* harmony import */ var _libs_shared_src_apps_subjects_components_audience_item__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/apps/subjects/components/audience-item */ "../../libs/shared/src/apps/subjects/components/audience-item/index.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_PreferenceRequests__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/flight-requests/PreferenceRequests */ "../../libs/shared/src/flight-requests/PreferenceRequests.ts");
+/* harmony import */ var _libs_shared_src_apps_subjects_components_preferences_subject_preference_item_SubjectPreferenceItem__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/apps/subjects/components/preferences/subject-preference-item/SubjectPreferenceItem */ "../../libs/shared/src/apps/subjects/components/preferences/subject-preference-item/SubjectPreferenceItem.tsx");
+/* harmony import */ var _libs_shared_src_apps_subjects_components_preferences_subject_preference_item_partial_loading_PartialSubjectPreferences__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/apps/subjects/components/preferences/subject-preference-item/partial-loading/PartialSubjectPreferences */ "../../libs/shared/src/apps/subjects/components/preferences/subject-preference-item/partial-loading/PartialSubjectPreferences.tsx");
+/* harmony import */ var _libs_shared_src_apps_subjects_components_preferences_footer_PreferenceFooter__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/apps/subjects/components/preferences/footer/PreferenceFooter */ "../../libs/shared/src/apps/subjects/components/preferences/footer/PreferenceFooter.tsx");
+/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
+/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+/* harmony import */ var _preferences_summary_scss__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./preferences-summary.scss */ "./src/apps/subjects/views/preferences/summary/preferences-summary.scss");
+/* harmony import */ var _preferences_summary_scss__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(_preferences_summary_scss__WEBPACK_IMPORTED_MODULE_15__);
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+function onClickNext() {
+  _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_12__["Core"].AppLinkHelper.trigger({
+    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_13__["AppChannels"].DASHBOARD,
+    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_14__["Actions"].Dashboard.HOME
+  });
+}
+
+function PreferencesSummaryView(props) {
+  var levelPreferences = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_11__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_PreferenceRequests__WEBPACK_IMPORTED_MODULE_7__["PreferenceRequests"].myLevelPreferences());
+  var subjectPreferences = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_11__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_PreferenceRequests__WEBPACK_IMPORTED_MODULE_7__["PreferenceRequests"].mySubjectPreferences());
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_4__["LanguageNamespaceContext"].Provider, {
+    value: 'subjects.preferencesSummary'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "p-3 pb-5 mx-auto ".concat(_preferences_summary_scss__WEBPACK_IMPORTED_MODULE_15___default.a.container)
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'text-center'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h1", {
+    className: 'mb-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_4__["Text"], {
+    phrase: 'heading',
+    options: {
+      highlightClass: 'text-primary'
+    }
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", {
+    className: 'w-25 mx-auto h6'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_4__["Text"], {
+    phrase: 'info'
+  }))), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'pb-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'pb-1 d-flex align-items-center'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h2", {
+    className: 'h3 mb-0 pr-1'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_4__["Text"], {
+    phrase: 'levels'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_5__["AppLink"], {
+    appLink: {
+      application: props.application,
+      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_14__["Actions"].Subjects.PREFERENCES,
+      params: {
+        step: 'levels'
+      }
+    }
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_3__["SvgContainer"], {
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__["cvSvgLibrary"].Edit
+  }))), levelPreferences.data ? levelPreferences.data.length ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("ul", {
+    className: 'm-0 p-0'
+  }, levelPreferences.data.map(function (level) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_subjects_components_audience_item__WEBPACK_IMPORTED_MODULE_6__["AudienceItem"], {
+      key: level.masterId,
+      audience: level,
+      extraClasses: 'h4 py-1 px-3 mx-1 cursor-default',
+      highlight: true
+    });
+  })) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_4__["Text"], {
+    phrase: 'noLevelPreferences'
+  })) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_subjects_components_audience_item__WEBPACK_IMPORTED_MODULE_6__["PartialAudiences"], {
+    count: 2
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'pb-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'pb-1 d-flex align-items-center'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h2", {
+    className: 'h3 mb-0 pr-1'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_4__["Text"], {
+    phrase: 'subjects'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_5__["AppLink"], {
+    appLink: {
+      application: props.application,
+      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_14__["Actions"].Subjects.PREFERENCES,
+      params: {
+        step: 'subjects'
+      }
+    }
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_3__["SvgContainer"], {
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__["cvSvgLibrary"].Edit
+  }))), subjectPreferences.data ? subjectPreferences.data.length ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("ul", {
+    className: 'm-0 p-0 d-flex flex-wrap'
+  }, subjectPreferences.data.map(function (subject) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_subjects_components_preferences_subject_preference_item_SubjectPreferenceItem__WEBPACK_IMPORTED_MODULE_8__["SubjectPreferenceItem"], {
+      key: subject.id,
+      subject: subject,
+      extraClasses: 'm-1 cursor-default',
+      selected: true
+    });
+  })) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_4__["Text"], {
+    phrase: 'noSubjectPreferences'
+  })) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_subjects_components_preferences_subject_preference_item_partial_loading_PartialSubjectPreferences__WEBPACK_IMPORTED_MODULE_9__["PartialSubjectPreferences"], {
+    style: 'list',
+    count: 5
+  })), props.onboarding && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_subjects_components_preferences_footer_PreferenceFooter__WEBPACK_IMPORTED_MODULE_10__["PreferenceFooter"], {
+    align: 'center'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Button"], {
+    variant: 'dark',
+    onClick: onClickNext,
+    className: 'px-4'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_4__["Text"], {
+    phrase: 'getStarted'
+  })))));
+}
+
+/***/ }),
+
+/***/ "./src/apps/subjects/views/preferences/summary/preferences-summary.scss":
+/*!******************************************************************************!*\
+  !*** ./src/apps/subjects/views/preferences/summary/preferences-summary.scss ***!
+  \******************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"container":"cv--container--VG65e"};
+
+/***/ })
+
+}]);
+//# sourceMappingURL=21.chunk.js.map