@clickview/lite 0.0.24-rc.5 → 0.0.24

package/dist/scripts/36.chunk.js

@@ -0,0 +1,545 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[36],{
+
+/***/ "../../libs/shared/src/apps/subjects/components/audience-item/AudienceItem.tsx":
+/*!*************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/audience-item/AudienceItem.tsx ***!
+  \*************************************************************************************************************************/
+/*! exports provided: AudienceItem */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AudienceItem", function() { return AudienceItem; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _audience_item_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./audience-item.scss */ "../../libs/shared/src/apps/subjects/components/audience-item/audience-item.scss");
+/* harmony import */ var _audience_item_scss__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_audience_item_scss__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../common/src/backbone/utils/FunctionHelper */ "../../libs/common/src/backbone/utils/FunctionHelper.ts");
+
+
+
+
+function lowerCaseToTitleCase(str) {
+  return str.split(' ').map(function (s) {
+    return s.charAt(0).toUpperCase() + s.substring(1);
+  }).join(' ');
+}
+
+function getColourClass(highlight, isDisabled) {
+  if (highlight) return isDisabled ? "".concat(_audience_item_scss__WEBPACK_IMPORTED_MODULE_1___default.a.disabledHighlighted, " text-light") : 'badge-info text-light';
+  if (isDisabled) return "".concat(_audience_item_scss__WEBPACK_IMPORTED_MODULE_1___default.a.disabled, " text-muted");
+  return 'badge-light';
+}
+
+AudienceItem.defaultProps = {
+  extraClasses: ''
+};
+function AudienceItem(props) {
+  var audience = props.audience,
+      highlight = props.highlight,
+      setAudience = props.setAudience,
+      isDisabled = props.isDisabled,
+      extraClasses = props.extraClasses;
+  var colourClass = getColourClass(highlight, isDisabled);
+  var cursorClass = isDisabled ? 'cursor-default' : 'cursor-pointer';
+  var className = "badge-pill d-inline-block mr-1 ".concat(cursorClass, " ").concat(colourClass, " ").concat(extraClasses);
+
+  var onClick = function onClick() {
+    if (isDisabled || !_common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__["FunctionHelper"].isFunction(setAudience)) return;
+    setAudience(audience, !highlight);
+  };
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", {
+    className: className,
+    onClick: onClick,
+    role: 'checkbox',
+    "aria-checked": highlight
+  }, lowerCaseToTitleCase(audience.name));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/audience-item/audience-item.scss":
+/*!***************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/audience-item/audience-item.scss ***!
+  \***************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"disabled":"cv--disabled--1KxF9","disabledHighlighted":"cv--disabledHighlighted--pbuec"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/audience-item/index.ts":
+/*!*****************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@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 Projects/@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(null).map(function (item, i) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("li", {
+      key: i,
+      className: 'partial-loading-background mx-1 mb-1 badge-pill list-unstyled',
+      style: {
+        height: "".concat(height, "px"),
+        width: "".concat(width, "px")
+      }
+    });
+  }));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/div-button/DivButton.tsx":
+/*!*****************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/div-button/DivButton.tsx ***!
+  \*****************************************************************************************************/
+/*! exports provided: DivButton */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DivButton", function() { return DivButton; });
+/* 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__);
+
+/**
+ * This element lets us use `div` elements as buttons without losing the accessibility of
+ * a regular HTML button element
+ */
+
+function DivButton(props) {
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    role: 'button',
+    tabIndex: 0,
+    className: "".concat(props.className ? props.className : '', " cursor-pointer"),
+    onKeyDown: function onKeyDown(e) {
+      return e.key === 'Enter' && props.onClick(e);
+    },
+    onClick: props.onClick,
+    style: props.style ? props.style : {}
+  }, props.children);
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/toggle-switch/ToggleSwitch.tsx":
+/*!***********************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/toggle-switch/ToggleSwitch.tsx ***!
+  \***********************************************************************************************************/
+/*! exports provided: ToggleSwitch */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ToggleSwitch", function() { return ToggleSwitch; });
+/* 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 _div_button_DivButton__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../div-button/DivButton */ "../../libs/shared/src/components/div-button/DivButton.tsx");
+
+
+function ToggleSwitch(props) {
+  function onClick() {
+    if (props.disabled) return;
+    props.onClick.apply(props, arguments);
+  }
+
+  var bootstrapClasses = 'd-inline-block float-right align-top custom-toggle toggle-option';
+  var onClass = props.on && !props.disabled ? 'on' : '';
+  var disabledClass = props.disabled ? 'disabled' : '';
+  var outlineClass = props.hideOutline ? 'outline-none' : '';
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_div_button_DivButton__WEBPACK_IMPORTED_MODULE_1__["DivButton"], {
+    onClick: onClick,
+    className: "".concat(bootstrapClasses, " ").concat(onClass, " ").concat(disabledClass, " ").concat(outlineClass)
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", {
+    className: 'handle'
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/apps/subjects/views/preferences/level-preferences/LiteLevelPreferencesView.tsx":
+/*!********************************************************************************************!*\
+  !*** ./src/apps/subjects/views/preferences/level-preferences/LiteLevelPreferencesView.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_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_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_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_apps_subjects_components_preferences__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/apps/subjects/components/preferences */ "../../libs/shared/src/apps/subjects/components/preferences/index.ts");
+/* harmony import */ var _libs_shared_src_apps_subjects_components_audience_item__WEBPACK_IMPORTED_MODULE_10__ = __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_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/components/app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+/* harmony import */ var _libs_shared_src_components_toggle_switch_ToggleSwitch__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/components/toggle-switch/ToggleSwitch */ "../../libs/shared/src/components/toggle-switch/ToggleSwitch.tsx");
+/* harmony import */ var _libs_shared_src_enums_BulkOnboardingPreferencesState__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/enums/BulkOnboardingPreferencesState */ "../../libs/shared/src/enums/BulkOnboardingPreferencesState.ts");
+/* harmony import */ var _libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/hooks/UseAlerts */ "../../libs/shared/src/hooks/UseAlerts.ts");
+/* harmony import */ var _libs_shared_src_enums_SettingName__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/enums/SettingName */ "../../libs/shared/src/enums/SettingName.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/flight-requests/UserRequests */ "../../libs/shared/src/flight-requests/UserRequests.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_SettingRequests__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/flight-requests/SettingRequests */ "../../libs/shared/src/flight-requests/SettingRequests.ts");
+/* harmony import */ var _libs_shared_src_enums_SettingKind__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/enums/SettingKind */ "../../libs/shared/src/enums/SettingKind.ts");
+/* harmony import */ var apps_subjects_utils_OnboardingHelper__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! apps/subjects/utils/OnboardingHelper */ "./src/apps/subjects/utils/OnboardingHelper.ts");
+/* harmony import */ var _level_preferences_scss__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./level-preferences.scss */ "./src/apps/subjects/views/preferences/level-preferences/level-preferences.scss");
+/* harmony import */ var _level_preferences_scss__WEBPACK_IMPORTED_MODULE_20___default = /*#__PURE__*/__webpack_require__.n(_level_preferences_scss__WEBPACK_IMPORTED_MODULE_20__);
+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 redirectUrl = _ref.redirectUrl;
+
+  var _a;
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__["useState"](0),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      setAsyncSaveCounter = _React$useState2[1];
+
+  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_0__["useState"]([]),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      selectedLevels = _React$useState4[0],
+      setSelectedLevels = _React$useState4[1];
+
+  var _React$useState5 = react__WEBPACK_IMPORTED_MODULE_0__["useState"](!selectedLevels.length),
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      disableNext = _React$useState6[0],
+      setDisableNext = _React$useState6[1];
+
+  var _React$useState7 = react__WEBPACK_IMPORTED_MODULE_0__["useState"](false),
+      _React$useState8 = _slicedToArray(_React$useState7, 2),
+      showSpinner = _React$useState8[0],
+      setShowSpinner = _React$useState8[1];
+
+  var _React$useState9 = react__WEBPACK_IMPORTED_MODULE_0__["useState"](null),
+      _React$useState10 = _slicedToArray(_React$useState9, 2),
+      bulkPreferencesState = _React$useState10[0],
+      setBulkPreferencesState = _React$useState10[1];
+
+  var currentUser = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_16__["UserRequests"].currentUser());
+  var preferenceOptions = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_PreferenceRequests__WEBPACK_IMPORTED_MODULE_7__["PreferenceRequests"].allLevelPreferences());
+  var preselections = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_PreferenceRequests__WEBPACK_IMPORTED_MODULE_7__["PreferenceRequests"].myLevelPreferences());
+  var availablePresentations = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_PreferenceRequests__WEBPACK_IMPORTED_MODULE_7__["PreferenceRequests"].availablePresentations());
+  var hasCompletedOnboarding = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(currentUser.statusCode ? _libs_shared_src_flight_requests_SettingRequests__WEBPACK_IMPORTED_MODULE_17__["SettingRequests"].setting(currentUser.data.id, _libs_shared_src_enums_SettingName__WEBPACK_IMPORTED_MODULE_15__["SettingName"].HasCompletedOnboarding) : null);
+  var bulkOnboardingPreferencesState = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(currentUser.statusCode ? _libs_shared_src_flight_requests_SettingRequests__WEBPACK_IMPORTED_MODULE_17__["SettingRequests"].setting(currentUser.data.id, _libs_shared_src_enums_SettingName__WEBPACK_IMPORTED_MODULE_15__["SettingName"].BulkOnboardingPreferencesState) : null);
+  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
+  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_14__["useAlerts"])();
+  var hasBulkSelectedLevels = apps_subjects_utils_OnboardingHelper__WEBPACK_IMPORTED_MODULE_19__["OnboardingHelper"].hasBulkSelectedLevels(bulkPreferencesState);
+  /**
+   * Set initial selections
+   */
+
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    var _a;
+
+    if (!((_a = preselections.data) === null || _a === void 0 ? void 0 : _a.length)) {
+      setSelectedLevels([]);
+      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]);
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    if (!bulkOnboardingPreferencesState.data || bulkPreferencesState) return;
+    setBulkPreferencesState(bulkOnboardingPreferencesState.data.value);
+  }, [(_a = bulkOnboardingPreferencesState.data) === null || _a === void 0 ? void 0 : _a.value]);
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    setDisableNext(!hasBulkSelectedLevels && !selectedLevels.length);
+  }, [selectedLevels, hasBulkSelectedLevels]);
+
+  function onSelectLevel(level) {
+    var newSelections = _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_5__["ArrayHelper"].addOrRemoveImmutable(selectedLevels, level.masterId);
+    setSelectedLevels(newSelections);
+  }
+
+  function onSave() {
+    var _a, _b, _c;
+
+    if (!selectedLevels.length && !hasBulkSelectedLevels) return;
+
+    if (!hasChanged()) {
+      _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_4__["Core"].AppLinkHelper.trigger(apps_subjects_utils_OnboardingHelper__WEBPACK_IMPORTED_MODULE_19__["OnboardingHelper"].buildAppLink('subjects', redirectUrl));
+      return;
+    }
+
+    setAsyncSaveCounter(0);
+    setShowSpinner(true);
+    setDisableNext(true);
+    var addedLevels = selectedLevels.filter(function (id) {
+      var _a;
+
+      return !((_a = preselections.data) === null || _a === void 0 ? void 0 : _a.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) {
+      setAsyncSaveCounter(function (currentVal) {
+        return currentVal + 1;
+      });
+      _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].fetch(dispatch, _libs_shared_src_flight_requests_PreferenceRequests__WEBPACK_IMPORTED_MODULE_7__["PreferenceRequests"].followLevels(addedLevels, onSaveSuccess, onSaveError));
+    }
+
+    if ((_c = removedLevels) === null || _c === void 0 ? void 0 : _c.length) {
+      setAsyncSaveCounter(function (currentVal) {
+        return currentVal + 1;
+      });
+      _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].fetch(dispatch, _libs_shared_src_flight_requests_PreferenceRequests__WEBPACK_IMPORTED_MODULE_7__["PreferenceRequests"].unfollowLevels(removedLevels.map(function (l) {
+        return l.masterId;
+      }), onSaveSuccess, onSaveError));
+    }
+  }
+
+  function onSaveSuccess() {
+    setAsyncSaveCounter(function (currentValue) {
+      if (currentValue === 1) {
+        setShowSpinner(false);
+        _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_4__["Core"].AppLinkHelper.trigger(apps_subjects_utils_OnboardingHelper__WEBPACK_IMPORTED_MODULE_19__["OnboardingHelper"].buildAppLink('subjects', redirectUrl));
+      }
+
+      return currentValue - 1;
+    });
+  }
+
+  function onSaveError() {
+    setAsyncSaveCounter(0);
+    setShowSpinner(false);
+    setDisableNext(false);
+    alerts.error(_libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_6__["LanguageService"].getPhrase(namespace, 'error'));
+  }
+
+  function hasChanged() {
+    if (!preselections.data) return false;
+    var preselectedIds = preselections.data.map(function (p) {
+      return p.masterId;
+    });
+    return preselectedIds.sort().toString() !== selectedLevels.sort().toString();
+  }
+
+  function onToggleSelectAll() {
+    var _a;
+
+    var newBulkState = null;
+
+    switch ((_a = bulkOnboardingPreferencesState.data) === null || _a === void 0 ? void 0 : _a.value) {
+      case _libs_shared_src_enums_BulkOnboardingPreferencesState__WEBPACK_IMPORTED_MODULE_13__["BulkOnboardingPreferencesState"].None:
+      default:
+        newBulkState = _libs_shared_src_enums_BulkOnboardingPreferencesState__WEBPACK_IMPORTED_MODULE_13__["BulkOnboardingPreferencesState"].AllLevels;
+        break;
+
+      case _libs_shared_src_enums_BulkOnboardingPreferencesState__WEBPACK_IMPORTED_MODULE_13__["BulkOnboardingPreferencesState"].AllLevels:
+        newBulkState = _libs_shared_src_enums_BulkOnboardingPreferencesState__WEBPACK_IMPORTED_MODULE_13__["BulkOnboardingPreferencesState"].None;
+        break;
+
+      case _libs_shared_src_enums_BulkOnboardingPreferencesState__WEBPACK_IMPORTED_MODULE_13__["BulkOnboardingPreferencesState"].AllSubjects:
+        newBulkState = _libs_shared_src_enums_BulkOnboardingPreferencesState__WEBPACK_IMPORTED_MODULE_13__["BulkOnboardingPreferencesState"].AllSubjectsAndAllLevels;
+        break;
+
+      case _libs_shared_src_enums_BulkOnboardingPreferencesState__WEBPACK_IMPORTED_MODULE_13__["BulkOnboardingPreferencesState"].AllSubjectsAndAllLevels:
+        newBulkState = _libs_shared_src_enums_BulkOnboardingPreferencesState__WEBPACK_IMPORTED_MODULE_13__["BulkOnboardingPreferencesState"].AllSubjects;
+        break;
+    }
+
+    if (apps_subjects_utils_OnboardingHelper__WEBPACK_IMPORTED_MODULE_19__["OnboardingHelper"].hasBulkSelectedLevels(newBulkState)) setSelectedLevels([]);
+    setBulkPreferencesState(newBulkState);
+    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].fetch(dispatch, _libs_shared_src_flight_requests_SettingRequests__WEBPACK_IMPORTED_MODULE_17__["SettingRequests"].updateSetting(currentUser.data.id, _libs_shared_src_enums_SettingName__WEBPACK_IMPORTED_MODULE_15__["SettingName"].BulkOnboardingPreferencesState, newBulkState, _libs_shared_src_enums_SettingKind__WEBPACK_IMPORTED_MODULE_18__["SettingKind"].Permanent));
+  }
+
+  function getBackButtonAppLink() {
+    var _a;
+
+    if ((_a = hasCompletedOnboarding.data) === null || _a === void 0 ? void 0 : _a.value) return null;
+
+    var _OnboardingHelper$has = apps_subjects_utils_OnboardingHelper__WEBPACK_IMPORTED_MODULE_19__["OnboardingHelper"].hasManyPresentationTypes(availablePresentations.data),
+        hasManyCurriculumPresentations = _OnboardingHelper$has.hasManyCurriculumPresentations,
+        hasManySubjectPresentations = _OnboardingHelper$has.hasManySubjectPresentations; // We only want to show these views if there are many options available to the user.
+
+
+    if (hasManyCurriculumPresentations) return apps_subjects_utils_OnboardingHelper__WEBPACK_IMPORTED_MODULE_19__["OnboardingHelper"].buildAppLink('curriculum', redirectUrl);
+    if (hasManySubjectPresentations) return apps_subjects_utils_OnboardingHelper__WEBPACK_IMPORTED_MODULE_19__["OnboardingHelper"].buildAppLink('school-level', redirectUrl);
+    return apps_subjects_utils_OnboardingHelper__WEBPACK_IMPORTED_MODULE_19__["OnboardingHelper"].buildAppLink('welcome', redirectUrl);
+  }
+
+  var backButtonAppLink = getBackButtonAppLink();
+  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: 'position-relative'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'text-center mb-3'
+  }, 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'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", {
+    className: 'h6'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_8__["Text"], {
+    phrase: 'info'
+  }))), preferenceOptions.data ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("ul", {
+    className: "d-flex flex-wrap justify-content-center mx-auto mb-0 pl-0 py-3 ".concat(_level_preferences_scss__WEBPACK_IMPORTED_MODULE_20___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_10__["AudienceItem"], {
+      key: option.masterId,
+      audience: option,
+      highlight: selectedLevels.includes(option.masterId),
+      setAudience: onSelectLevel,
+      extraClasses: 'h4 py-1 px-3 mx-1 mb-1',
+      isDisabled: hasBulkSelectedLevels
+    });
+  })) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'w-33 mx-auto py-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_subjects_components_audience_item__WEBPACK_IMPORTED_MODULE_10__["PartialAudiences"], {
+    align: 'center'
+  }))), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "mx-auto ".concat(_level_preferences_scss__WEBPACK_IMPORTED_MODULE_20___default.a.imageContainer)
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("img", {
+    className: 'img-fluid',
+    src: '/images/onboarding/year-levels.png',
+    alt: '',
+    role: 'presentation'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_subjects_components_preferences__WEBPACK_IMPORTED_MODULE_9__["PreferenceFooter"], {
+    justify: backButtonAppLink ? 'between' : 'end'
+  }, !!backButtonAppLink && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_11__["AppLink"], {
+    appLink: backButtonAppLink,
+    className: 'btn btn-light'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_8__["Text"], {
+    phrase: 'back'
+  }))), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'd-flex align-items-center justify-content-right'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'd-flex mr-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", {
+    onClick: onToggleSelectAll,
+    className: 'mr-2 mb-0 font-weight-bold'
+  }, 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"](_libs_shared_src_components_toggle_switch_ToggleSwitch__WEBPACK_IMPORTED_MODULE_12__["ToggleSwitch"], {
+    onClick: onToggleSelectAll,
+    on: hasBulkSelectedLevels,
+    hideOutline: true
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_2__["Button"], {
+    variant: 'dark',
+    disabled: disableNext,
+    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","imageContainer":"cv--imageContainer--2I-AB"};
+
+/***/ })
+
+}]);
+//# sourceMappingURL=36.chunk.js.map

package/dist/scripts/36.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/audience-item/AudienceItem.tsx","webpack://@clickview/lite/C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/audience-item/audience-item.scss?e8ce","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/audience-item/index.ts","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/audience-item/partial-loading/PartialAudiences.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/div-button/DivButton.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/toggle-switch/ToggleSwitch.tsx","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/subjects/views/preferences/level-preferences/LiteLevelPreferencesView.tsx","webpack://@clickview/lite/./src/apps/subjects/views/preferences/level-preferences/level-preferences.scss?eff2"],"names":[],"mappings":"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","file":"scripts/36.chunk.js","sourcesContent":["import * as React from 'react';\r\n\r\nimport { PresentationAudience } from 'libs/shared/interfaces';\r\n\r\nimport styles from './audience-item.scss';\r\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\r\n\r\nfunction lowerCaseToTitleCase(str: string): string {\r\n  return str.split(' ').map((s: string) => s.charAt(0).toUpperCase() + s.substring(1)).join(' ');\r\n}\r\n\r\nfunction getColourClass(highlight: boolean, isDisabled: boolean): string {\r\n  if (highlight) return isDisabled ? `${styles.disabledHighlighted} text-light` : 'badge-info text-light';\r\n  if (isDisabled) return `${styles.disabled} text-muted`;\r\n  return 'badge-light';\r\n}\r\n\r\ninterface AudienceItemProps {\r\n  audience: PresentationAudience;\r\n  highlight: boolean;\r\n  setAudience?: (audience: PresentationAudience, highlight: boolean) => void;\r\n  isDisabled?: boolean;\r\n  extraClasses?: string;\r\n}\r\n\r\nAudienceItem.defaultProps = {\r\n  extraClasses: ''\r\n};\r\n\r\nexport function AudienceItem(props: AudienceItemProps): React.ReactElement {\r\n  const { audience, highlight, setAudience, isDisabled, extraClasses } = props;\r\n\r\n  const colourClass = getColourClass(highlight, isDisabled);\r\n  const cursorClass = isDisabled ? 'cursor-default' : 'cursor-pointer';\r\n  const className = `badge-pill d-inline-block mr-1 ${cursorClass} ${colourClass} ${extraClasses}`;\r\n\r\n  const onClick = () => {\r\n    if (isDisabled || !FunctionHelper.isFunction(setAudience))\r\n      return;\r\n\r\n    setAudience(audience, !highlight);\r\n  };\r\n\r\n  return (\r\n    <span\r\n      className={className}\r\n      onClick={onClick}\r\n      role='checkbox'\r\n      aria-checked={highlight}\r\n    >\r\n      {lowerCaseToTitleCase(audience.name)}\r\n    </span>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"disabled\":\"cv--disabled--1KxF9\",\"disabledHighlighted\":\"cv--disabledHighlighted--pbuec\"};","export * from './AudienceItem';\r\nexport * from './partial-loading/PartialAudiences';","import * as React from 'react';\r\n\r\ninterface PartialAudiencesProps {\r\n  count?: number;\r\n  width?: number;\r\n  height?: number;\r\n  align?: 'left' | 'center';\r\n}\r\n\r\nexport function PartialAudiences({ width = 90, height = 35, count = 5, align = 'left' }: PartialAudiencesProps): JSX.Element {\r\n  const justifyClass = align === 'center' ? 'justify-content-center' : 'justify-content-start';\r\n\r\n  return (\r\n    <ul className={`d-flex flex-wrap pl-0 m-0 ${justifyClass}`}>\r\n      {Array(count).fill(null).map((item, i) => (\r\n        <li\r\n          key={i}\r\n          className='partial-loading-background mx-1 mb-1 badge-pill list-unstyled'\r\n          style={{ height: `${height}px`, width: `${width}px` }}\r\n        />\r\n      ))}\r\n    </ul>\r\n  );\r\n}","import * as React from 'react';\r\n\r\ninterface DivButtonProps extends React.ButtonHTMLAttributes<HTMLDivElement> {\r\n  onClick: (...args: any) => any;\r\n}\r\n\r\n/**\r\n * This element lets us use `div` elements as buttons without losing the accessibility of\r\n * a regular HTML button element\r\n */\r\nexport function DivButton(props: React.PropsWithChildren<DivButtonProps>): JSX.Element {\r\n  return (\r\n    <div\r\n      role='button'\r\n      tabIndex={0}\r\n      className={`${props.className ? props.className : ''} cursor-pointer`}\r\n      onKeyDown={(e: React.KeyboardEvent) => e.key === 'Enter' && props.onClick(e)}\r\n      onClick={props.onClick}\r\n      style={props.style ? props.style : {}}\r\n    >\r\n      {props.children}\r\n    </div>\r\n  );\r\n}","import React from 'react';\r\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\r\n\r\ninterface ToggleSwitchProps {\r\n  onClick: (...args: any) => any;\r\n  on: boolean;\r\n  disabled?: boolean;\r\n\r\n  // Using this goes against proper a11y practices, but it's been added for situations where it looks better\r\n  hideOutline?: boolean;\r\n}\r\n\r\nexport function ToggleSwitch(props: ToggleSwitchProps): JSX.Element {\r\n  function onClick(...args: any): void {\r\n    if (props.disabled)\r\n      return;\r\n\r\n    props.onClick(...args);\r\n  }\r\n\r\n  const bootstrapClasses = 'd-inline-block float-right align-top custom-toggle toggle-option';\r\n  const onClass = (props.on && !props.disabled) ? 'on' : '';\r\n  const disabledClass = props.disabled ? 'disabled' : '';\r\n  const outlineClass = props.hideOutline ? 'outline-none' : '';\r\n\r\n  return (\r\n    <DivButton\r\n      onClick={onClick}\r\n      className={`${bootstrapClasses} ${onClass} ${disabledClass} ${outlineClass}`}\r\n    >\r\n      <span className='handle' />\r\n    </DivButton>\r\n  );\r\n}","import * as React from 'react';\r\nimport { useDispatch } from 'react-redux';\r\nimport { Button, Spinner } from 'react-bootstrap';\r\n\r\nimport { Flight } from 'libs/common/flight';\r\nimport { Core } from 'libs/common/core';\r\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\n\r\nimport { PresentationAudience, Presentation, EntitySetting, CurrentUser } from 'libs/shared/interfaces';\r\nimport { PreferenceRequests } from 'libs/shared/flight-requests/PreferenceRequests';\r\nimport { Text, LanguageNamespaceContext } from 'libs/shared/components/text/Text';\r\nimport { PreferenceFooter } from 'libs/shared/apps/subjects/components/preferences';\r\nimport { AudienceItem, PartialAudiences } from 'libs/shared/apps/subjects/components/audience-item';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\nimport { ToggleSwitch } from 'libs/shared/components/toggle-switch/ToggleSwitch';\r\nimport { BulkOnboardingPreferencesState } from 'libs/shared/enums/BulkOnboardingPreferencesState';\r\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\r\nimport { SettingName } from 'libs/shared/enums/SettingName';\r\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\r\nimport { SettingRequests } from 'libs/shared/flight-requests/SettingRequests';\r\nimport { SettingKind } from 'libs/shared/enums/SettingKind';\r\n\r\nimport { OnboardingHelper } from 'apps/subjects/utils/OnboardingHelper';\r\n\r\nimport styles from './level-preferences.scss';\r\n\r\nconst namespace = 'subjects.levelPreferences';\r\n\r\ninterface LevelPreferencesViewProps {\r\n  redirectUrl: string;\r\n}\r\n\r\nexport function LevelPreferencesView({ redirectUrl }: LevelPreferencesViewProps): JSX.Element {\r\n  const [ , setAsyncSaveCounter ] = React.useState(0);\r\n  const [ selectedLevels, setSelectedLevels ] = React.useState<string[]>([]);\r\n  const [ disableNext, setDisableNext ] = React.useState(!selectedLevels.length);\r\n  const [ showSpinner, setShowSpinner ] = React.useState<boolean>(false);\r\n  const [ bulkPreferencesState, setBulkPreferencesState ] = React.useState<BulkOnboardingPreferencesState>(null);\r\n\r\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\r\n  const preferenceOptions = Flight.useBasicFetch<PresentationAudience[]>(\r\n    PreferenceRequests.allLevelPreferences());\r\n  const preselections = Flight.useBasicFetch<PresentationAudience[]>(\r\n    PreferenceRequests.myLevelPreferences());\r\n  const availablePresentations = Flight.useBasicFetch<Presentation[]>(PreferenceRequests.availablePresentations());\r\n  const hasCompletedOnboarding = Flight.useBasicFetch<EntitySetting<boolean>>(\r\n    currentUser.statusCode ? SettingRequests.setting(currentUser.data.id, SettingName.HasCompletedOnboarding) : null);\r\n  const bulkOnboardingPreferencesState = Flight.useBasicFetch<EntitySetting<BulkOnboardingPreferencesState>>(\r\n    currentUser.statusCode\r\n      ? SettingRequests.setting(currentUser.data.id, SettingName.BulkOnboardingPreferencesState)\r\n      : null\r\n  );\r\n\r\n  const dispatch = useDispatch();\r\n  const alerts = useAlerts();\r\n\r\n  const hasBulkSelectedLevels = OnboardingHelper.hasBulkSelectedLevels(bulkPreferencesState);\r\n\r\n  /**\r\n   * Set initial selections\r\n   */\r\n  React.useEffect(() => {\r\n    if (!preselections.data?.length) {\r\n      setSelectedLevels([]);\r\n      return;\r\n    }\r\n\r\n    const preselectedIds = preselections.data.map(level => level.masterId);\r\n    setSelectedLevels(ArrayHelper.uniq([ ...selectedLevels, ...preselectedIds ]));\r\n  }, [preselections.data]);\r\n\r\n  React.useEffect(() => {\r\n    if (!bulkOnboardingPreferencesState.data || bulkPreferencesState)\r\n      return;\r\n\r\n    setBulkPreferencesState(bulkOnboardingPreferencesState.data.value);\r\n  }, [bulkOnboardingPreferencesState.data?.value]);\r\n\r\n  React.useEffect(() => {\r\n    setDisableNext(!hasBulkSelectedLevels && !selectedLevels.length);\r\n  }, [ selectedLevels, hasBulkSelectedLevels ]);\r\n\r\n  function onSelectLevel(level: PresentationAudience): void {\r\n    const newSelections = ArrayHelper.addOrRemoveImmutable(selectedLevels, level.masterId);\r\n    setSelectedLevels(newSelections);\r\n  }\r\n\r\n  function onSave(): void {\r\n    if (!selectedLevels.length && !hasBulkSelectedLevels)\r\n      return;\r\n\r\n    if (!hasChanged()) {\r\n      Core.AppLinkHelper.trigger(OnboardingHelper.buildAppLink('subjects', redirectUrl));\r\n      return;\r\n    }\r\n\r\n    setAsyncSaveCounter(0);\r\n    setShowSpinner(true);\r\n    setDisableNext(true);\r\n\r\n    const addedLevels = selectedLevels.filter(id => !preselections.data?.find(level => level.masterId === id));\r\n    const removedLevels = preselections.data?.filter(level => !selectedLevels.includes(level.masterId));\r\n\r\n    if (addedLevels?.length) {\r\n      setAsyncSaveCounter(currentVal => currentVal + 1);\r\n      Flight.fetch(dispatch, PreferenceRequests.followLevels(addedLevels, onSaveSuccess, onSaveError));\r\n    }\r\n\r\n    if (removedLevels?.length) {\r\n      setAsyncSaveCounter(currentVal => currentVal + 1);\r\n      Flight.fetch(\r\n        dispatch,\r\n        PreferenceRequests.unfollowLevels(removedLevels.map(l => l.masterId), onSaveSuccess, onSaveError)\r\n      );\r\n    }\r\n  }\r\n\r\n  function onSaveSuccess(): void {\r\n    setAsyncSaveCounter(currentValue => {\r\n      if (currentValue === 1) {\r\n        setShowSpinner(false);\r\n\r\n        Core.AppLinkHelper.trigger(OnboardingHelper.buildAppLink('subjects', redirectUrl));\r\n      }\r\n\r\n      return currentValue - 1;\r\n    });\r\n  }\r\n\r\n  function onSaveError(): void {\r\n    setAsyncSaveCounter(0);\r\n    setShowSpinner(false);\r\n    setDisableNext(false);\r\n    alerts.error(LanguageService.getPhrase(namespace, 'error'));\r\n  }\r\n\r\n  function hasChanged(): boolean {\r\n    if (!preselections.data)\r\n      return false;\r\n\r\n    const preselectedIds = preselections.data.map(p => p.masterId);\r\n    return preselectedIds.sort().toString() !== selectedLevels.sort().toString();\r\n  }\r\n\r\n  function onToggleSelectAll(): void {\r\n    let newBulkState: BulkOnboardingPreferencesState = null;\r\n\r\n    switch (bulkOnboardingPreferencesState.data?.value) {\r\n    case BulkOnboardingPreferencesState.None:\r\n    default:\r\n      newBulkState = BulkOnboardingPreferencesState.AllLevels;\r\n      break;\r\n    case BulkOnboardingPreferencesState.AllLevels:\r\n      newBulkState = BulkOnboardingPreferencesState.None;\r\n      break;\r\n    case BulkOnboardingPreferencesState.AllSubjects:\r\n      newBulkState = BulkOnboardingPreferencesState.AllSubjectsAndAllLevels;\r\n      break;\r\n    case BulkOnboardingPreferencesState.AllSubjectsAndAllLevels:\r\n      newBulkState = BulkOnboardingPreferencesState.AllSubjects;\r\n      break;\r\n    }\r\n\r\n    if (OnboardingHelper.hasBulkSelectedLevels(newBulkState))\r\n      setSelectedLevels([]);\r\n\r\n    setBulkPreferencesState(newBulkState);\r\n\r\n    Flight.fetch(dispatch, SettingRequests.updateSetting(\r\n      currentUser.data.id,\r\n      SettingName.BulkOnboardingPreferencesState,\r\n      newBulkState,\r\n      SettingKind.Permanent\r\n    ));\r\n  }\r\n\r\n  function getBackButtonAppLink(): Core.AppLink {\r\n    if (hasCompletedOnboarding.data?.value)\r\n      return null;\r\n\r\n    const {\r\n      hasManyCurriculumPresentations,\r\n      hasManySubjectPresentations\r\n    } = OnboardingHelper.hasManyPresentationTypes(availablePresentations.data);\r\n\r\n    // We only want to show these views if there are many options available to the user.\r\n    if (hasManyCurriculumPresentations)\r\n      return OnboardingHelper.buildAppLink('curriculum', redirectUrl);\r\n\r\n    if (hasManySubjectPresentations)\r\n      return OnboardingHelper.buildAppLink('school-level', redirectUrl);\r\n\r\n    return OnboardingHelper.buildAppLink('welcome', redirectUrl);\r\n  }\r\n\r\n  const backButtonAppLink = getBackButtonAppLink();\r\n\r\n  return (\r\n    <LanguageNamespaceContext.Provider value={namespace}>\r\n      <form className='p-3'>\r\n        <div className='position-relative'>\r\n          <div className='text-center mb-3'>\r\n            <h1 className='mb-3'>\r\n              <Text phrase='heading' />\r\n            </h1>\r\n            <p className='h6'><Text phrase='info' /></p>\r\n          </div>\r\n\r\n          {preferenceOptions.data\r\n            ? <ul className={`d-flex flex-wrap justify-content-center mx-auto mb-0 pl-0 py-3 ${styles.levelList}`}>\r\n                {preferenceOptions.data.map(option => (\r\n                  <AudienceItem\r\n                    key={option.masterId}\r\n                    audience={option}\r\n                    highlight={selectedLevels.includes(option.masterId)}\r\n                    setAudience={onSelectLevel}\r\n                    extraClasses='h4 py-1 px-3 mx-1 mb-1'\r\n                    isDisabled={hasBulkSelectedLevels}\r\n                  />\r\n                ))}\r\n              </ul>\r\n            : <div className='w-33 mx-auto py-3'><PartialAudiences align='center' /></div>\r\n          }\r\n        </div>\r\n\r\n        <div className={`mx-auto ${styles.imageContainer}`}>\r\n          <img\r\n            className='img-fluid'\r\n            src='/images/onboarding/year-levels.png'\r\n            alt=''\r\n            role='presentation'\r\n          />\r\n        </div>\r\n\r\n        <PreferenceFooter justify={backButtonAppLink ? 'between' : 'end'}>\r\n          {!!backButtonAppLink && (\r\n            <div>\r\n              <AppLink appLink={backButtonAppLink} className='btn btn-light'>\r\n                <Text phrase='back' />\r\n              </AppLink>\r\n            </div>\r\n          )}\r\n\r\n          <div className='d-flex align-items-center justify-content-right'>\r\n            <div className='d-flex mr-3'>\r\n              <p onClick={onToggleSelectAll} className='mr-2 mb-0 font-weight-bold'>\r\n                <Text phrase='allLevels' />\r\n              </p>\r\n              <ToggleSwitch\r\n                onClick={onToggleSelectAll}\r\n                on={hasBulkSelectedLevels}\r\n                hideOutline\r\n              />\r\n            </div>\r\n\r\n            <Button variant='dark' disabled={disableNext} onClick={onSave} >\r\n              {showSpinner\r\n                ? <Spinner as='span' animation='border' role='status' size='sm' />\r\n                : <Text phrase='next' />\r\n              }\r\n            </Button>\r\n          </div>\r\n        </PreferenceFooter>\r\n      </form>\r\n    </LanguageNamespaceContext.Provider>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"levelList\":\"cv--levelList--3ClyO\",\"imageContainer\":\"cv--imageContainer--2I-AB\"};"],"sourceRoot":""}