@clickview/lite 0.0.24 → 0.0.25-rc.0

package/dist/scripts/36.chunk.js

@@ -1,545 +0,0 @@
-(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

@@ -1 +0,0 @@
-{"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":""}