@clickview/lite 0.0.19 → 0.0.20-rc.1

package/dist/scripts/7.chunk.js

@@ -0,0 +1,2579 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[7],{
+
+/***/ "../../libs/shared/src/apps/playlists/components/playlist-list/PlaylistItem.tsx":
+/*!**************************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/apps/playlists/components/playlist-list/PlaylistItem.tsx ***!
+  \**************************************************************************************************************************/
+/*! exports provided: PlaylistItem */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PlaylistItem", function() { return PlaylistItem; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _utils_ImageHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../utils/ImageHelper */ "../../libs/shared/src/utils/ImageHelper.ts");
+/* harmony import */ var _utils_AudienceHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../utils/AudienceHelper */ "../../libs/shared/src/utils/AudienceHelper.ts");
+/* harmony import */ var _enums_Images__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../enums/Images */ "../../libs/shared/src/enums/Images.ts");
+/* harmony import */ var _components_text_Text__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../components/app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+/* harmony import */ var _components_thumbnails_base_BaseThumbnail__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../components/thumbnails/base/BaseThumbnail */ "../../libs/shared/src/components/thumbnails/base/BaseThumbnail.tsx");
+/* harmony import */ var _components_thumbnails_base_ThumbnailFallback__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../components/thumbnails/base/ThumbnailFallback */ "../../libs/shared/src/components/thumbnails/base/ThumbnailFallback.tsx");
+/* harmony import */ var _components_audience_label_AudienceLabel__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../components/audience-label/AudienceLabel */ "../../libs/shared/src/components/audience-label/AudienceLabel.tsx");
+/* harmony import */ var _playlist_scss__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./playlist.scss */ "../../libs/shared/src/apps/playlists/components/playlist-list/playlist.scss");
+/* harmony import */ var _playlist_scss__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_playlist_scss__WEBPACK_IMPORTED_MODULE_9__);
+
+
+
+
+
+
+
+
+
+
+function PlaylistItem(props) {
+  var imageUrl = _utils_ImageHelper__WEBPACK_IMPORTED_MODULE_1__["ImageHelper"].createUrl(props.data.cover && props.data.cover.url, {
+    size: _enums_Images__WEBPACK_IMPORTED_MODULE_3__["ImageSize"].Medium,
+    resizeType: _enums_Images__WEBPACK_IMPORTED_MODULE_3__["ResizeType"].Cover
+  });
+  var audiences = props.data.subjectPresentationAudiences && props.data.subjectPresentationAudiences.data;
+  var filteredAudiences = _utils_AudienceHelper__WEBPACK_IMPORTED_MODULE_2__["AudienceHelper"].getSortedPresentationAudiences(audiences, props.presentationAudiences);
+  var mergedAudience = _utils_AudienceHelper__WEBPACK_IMPORTED_MODULE_2__["AudienceHelper"].getMergedPresentationAudienceString(filteredAudiences);
+  var count = !!props.showCount && !!props.data.videos && props.data.videos.count;
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_5__["AppLink"], {
+    appLink: props.appLink
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_thumbnails_base_BaseThumbnail__WEBPACK_IMPORTED_MODULE_6__["BaseThumbnail"], {
+    data: imageUrl,
+    className: _playlist_scss__WEBPACK_IMPORTED_MODULE_9___default.a.playlistItem
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_thumbnails_base_ThumbnailFallback__WEBPACK_IMPORTED_MODULE_7__["ThumbnailFallback"], {
+    type: _components_thumbnails_base_ThumbnailFallback__WEBPACK_IMPORTED_MODULE_7__["ThumbnailFallbackType"].Playlist
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "text-white ".concat(_playlist_scss__WEBPACK_IMPORTED_MODULE_9___default.a.playlistMetadata)
+  }, Number.isInteger(count) && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_text_Text__WEBPACK_IMPORTED_MODULE_4__["Text"], {
+    namespace: 'shared.playlistItem',
+    phrase: 'videos',
+    options: {
+      smartCount: count
+    }
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h5", {
+    className: 'text-shadow mb-0'
+  }, props.data.name), !!audiences && !!audiences.length && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_audience_label_AudienceLabel__WEBPACK_IMPORTED_MODULE_8__["AudienceLabel"], {
+    audience: mergedAudience,
+    border: 'white'
+  }))));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/playlists/components/playlist-list/playlist.scss":
+/*!***********************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/apps/playlists/components/playlist-list/playlist.scss ***!
+  \***********************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"basePlaylistItem":"cv--basePlaylistItem--2nvrp","playlistItem":"cv--playlistItem--6o0Z2","playlistMetadata":"cv--playlistMetadata--3MCKL","partialHeading":"cv--partialHeading--13tO6"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/forms/form-checkbox/Checkbox.tsx":
+/*!*************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/forms/form-checkbox/Checkbox.tsx ***!
+  \*************************************************************************************************************/
+/*! exports provided: Checkbox */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Checkbox", function() { return Checkbox; });
+/* 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__);
+
+Checkbox.defaultProps = {
+  checked: false,
+  label: '',
+  className: ''
+};
+/**
+ * Use this checkbox outside of Formik contexts
+ */
+
+function Checkbox(props) {
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "custom-control custom-checkbox ".concat(props.className)
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", {
+    type: 'checkbox',
+    className: 'custom-control-input',
+    id: props.id,
+    name: props.name,
+    checked: props.checked,
+    onChange: props.onChange
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("label", {
+    className: 'custom-control-label cursor-pointer',
+    htmlFor: props.id
+  }, props.label));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/widgets/items/playlist-widget-item/PlaylistWidgetItem.tsx":
+/*!**************************************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/widgets/items/playlist-widget-item/PlaylistWidgetItem.tsx ***!
+  \**************************************************************************************************************************************/
+/*! exports provided: PlaylistWidgetItem */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PlaylistWidgetItem", function() { return PlaylistWidgetItem; });
+/* 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 _apps_playlists_components_playlist_list_PlaylistItem__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../apps/playlists/components/playlist-list/PlaylistItem */ "../../libs/shared/src/apps/playlists/components/playlist-list/PlaylistItem.tsx");
+/* harmony import */ var _playlist_widget_item_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./playlist-widget-item.scss */ "../../libs/shared/src/components/widgets/items/playlist-widget-item/playlist-widget-item.scss");
+/* harmony import */ var _playlist_widget_item_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_playlist_widget_item_scss__WEBPACK_IMPORTED_MODULE_2__);
+var __rest = undefined && undefined.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+
+
+
+function PlaylistWidgetItem(props) {
+  var context = props.context,
+      otherProps = __rest(props, ["context"]);
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "position-relative p-1 flex-shrink-0 ".concat(_playlist_widget_item_scss__WEBPACK_IMPORTED_MODULE_2___default.a.width)
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_apps_playlists_components_playlist_list_PlaylistItem__WEBPACK_IMPORTED_MODULE_1__["PlaylistItem"], Object.assign({}, otherProps)));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/widgets/items/playlist-widget-item/playlist-widget-item.scss":
+/*!*****************************************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/widgets/items/playlist-widget-item/playlist-widget-item.scss ***!
+  \*****************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"width":"cv--width--wNWEd"};
+
+/***/ }),
+
+/***/ "./src/apps/search/components/filter-actions/FilterActions.tsx":
+/*!*********************************************************************!*\
+  !*** ./src/apps/search/components/filter-actions/FilterActions.tsx ***!
+  \*********************************************************************/
+/*! exports provided: FilterActions */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FilterActions", function() { return FilterActions; });
+/* 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_intersection_observer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-intersection-observer */ "react-intersection-observer");
+/* harmony import */ var react_intersection_observer__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_intersection_observer__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* harmony import */ var _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/utils/ArrayHelper */ "../../libs/common/src/react/utils/ArrayHelper.ts");
+/* harmony import */ var _libs_shared_src_services_ContextService__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/services/ContextService */ "../../libs/shared/src/services/ContextService.ts");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/div-button/DivButton */ "../../libs/shared/src/components/div-button/DivButton.tsx");
+/* harmony import */ var apps_search_reducers__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! apps/search/reducers */ "./src/apps/search/reducers/index.ts");
+/* harmony import */ var apps_search_utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! apps/search/utils */ "./src/apps/search/utils/index.ts");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _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 = 'search.filterActions';
+
+var triggerAppLink = function triggerAppLink(stateChange) {
+  var currentQueryParams = _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__["Core"].LocationUtils.GetQuery();
+  var currentAppLink = _libs_shared_src_services_ContextService__WEBPACK_IMPORTED_MODULE_4__["ContextService"].getCurrentRoute().appLink;
+  _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__["Core"].AppLinkHelper.trigger({
+    application: currentAppLink.application,
+    action: currentAppLink.action,
+    params: apps_search_utils__WEBPACK_IMPORTED_MODULE_8__["FilterHelper"].buildQueryParams(currentQueryParams, stateChange)
+  });
+};
+
+FilterActions.defaultProps = {
+  active: false,
+  className: ''
+};
+function FilterActions(props) {
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_0__["useContext"](apps_search_reducers__WEBPACK_IMPORTED_MODULE_7__["FilterContext"]),
+      dispatch = _React$useContext.dispatch;
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__["useState"](false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      triggerOnClose = _React$useState2[0],
+      setTriggerOnClose = _React$useState2[1];
+
+  var _ReactIntersectionObs = react_intersection_observer__WEBPACK_IMPORTED_MODULE_1__["useInView"](),
+      _ReactIntersectionObs2 = _slicedToArray(_ReactIntersectionObs, 2),
+      ref = _ReactIntersectionObs2[0],
+      inView = _ReactIntersectionObs2[1];
+
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    if (inView) {
+      setTriggerOnClose(true);
+      return;
+    }
+
+    if (!inView && triggerOnClose) {
+      setTriggerOnClose(false);
+      applyFilter(false);
+    }
+  }, [inView]);
+
+  function applyFilter(applyClicked) {
+    var _a, _b; // The default value should not be set as a query param
+
+
+    var isDefaultValue = ((_a = props.selection) === null || _a === void 0 ? void 0 : _a.length) === 1 && ((_b = _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_3__["ArrayHelper"].first(props.selection)) === null || _b === void 0 ? void 0 : _b["default"]);
+    _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_9__["AnalyticsHelper"].logUserAction({
+      type: props.filter.name,
+      selection: props.selection && !isDefaultValue ? props.selection : [],
+      isActive: props.active && !isDefaultValue,
+      applyClicked: applyClicked
+    }, _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_9__["AnalyticsHelper"].mergeOptions(props.analyticsOptions, {
+      workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_10__["WorkflowPhase"].Complete,
+      actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_10__["UserAction"].Filter
+    }));
+    var payload = {
+      filter: props.filter,
+      active: props.active && !isDefaultValue,
+      selection: props.selection && !isDefaultValue ? props.selection : []
+    };
+    dispatch({
+      type: 'apply',
+      payload: payload
+    });
+    triggerAppLink(payload);
+  }
+
+  function onClickReset(e) {
+    e.preventDefault();
+    _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_9__["AnalyticsHelper"].logUserAction({
+      type: props.filter.name
+    }, _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_9__["AnalyticsHelper"].mergeOptions(props.analyticsOptions, {
+      workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_10__["WorkflowPhase"].Complete,
+      actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_10__["UserAction"].Filter,
+      descriptor: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_10__["FilterDescriptor"].Reset
+    }));
+    var payload = {
+      filter: props.filter,
+      active: false,
+      selection: null
+    };
+    dispatch({
+      type: 'reset',
+      payload: payload
+    });
+    triggerAppLink(payload);
+  }
+
+  function onClickApply(e) {
+    e.preventDefault();
+    applyFilter(true);
+  }
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    ref: ref,
+    className: "d-flex justify-content-between ".concat(props.className)
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_6__["DivButton"], {
+    className: 'text-muted hover-text-underline cursor-pointer',
+    onClick: onClickReset
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_5__["Text"], {
+    namespace: namespace,
+    phrase: 'reset'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_6__["DivButton"], {
+    className: 'info-link',
+    onClick: onClickApply
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_5__["Text"], {
+    namespace: namespace,
+    phrase: 'apply'
+  })));
+}
+
+/***/ }),
+
+/***/ "./src/apps/search/components/filter-button/FilterButton.tsx":
+/*!*******************************************************************!*\
+  !*** ./src/apps/search/components/filter-button/FilterButton.tsx ***!
+  \*******************************************************************/
+/*! exports provided: FilterButton */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FilterButton", function() { return FilterButton; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-bootstrap */ "react-bootstrap");
+/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var apps_search_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! apps/search/utils */ "./src/apps/search/utils/index.ts");
+/* harmony import */ var apps_search_reducers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! apps/search/reducers */ "./src/apps/search/reducers/index.ts");
+/* harmony import */ var _filter_button_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./filter-button.scss */ "./src/apps/search/components/filter-button/filter-button.scss");
+/* harmony import */ var _filter_button_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_filter_button_scss__WEBPACK_IMPORTED_MODULE_4__);
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+
+
+
+function FilterButton(props) {
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__["useState"](props.filter.name),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      label = _React$useState2[0],
+      setLabel = _React$useState2[1];
+
+  var FilterComponent = props.filter.customComponent ? props.filter.customComponent : apps_search_utils__WEBPACK_IMPORTED_MODULE_2__["FilterHelper"].mapTypeToComponent(props.filter.type);
+
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_0__["useContext"](apps_search_reducers__WEBPACK_IMPORTED_MODULE_3__["FilterContext"]),
+      state = _React$useContext.state;
+
+  var filterState = state[props.filter.id];
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    setLabel(apps_search_utils__WEBPACK_IMPORTED_MODULE_2__["FilterHelper"].getLabel(props.filter, filterState));
+  }, [props.filter, filterState.selection]);
+  var baseClass = "".concat(_filter_button_scss__WEBPACK_IMPORTED_MODULE_4___default.a.filterButton, " mx-1 btn");
+  var colorClass = filterState.active ? 'btn-info' : 'btn-light';
+  var caretClass = props.filter.type !== 'dropdown' ? _filter_button_scss__WEBPACK_IMPORTED_MODULE_4___default.a.hideCaret : '';
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Dropdown"], null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Dropdown"].Toggle, {
+    id: props.filter.id,
+    className: "".concat(baseClass, " ").concat(colorClass, " ").concat(caretClass)
+  }, label), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Dropdown"].Menu, {
+    onClick: function onClick(e) {
+      return e.stopPropagation();
+    }
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "".concat(_filter_button_scss__WEBPACK_IMPORTED_MODULE_4___default.a.filterItem, " mx-1 ").concat(props.filter.type !== 'dropdown' ? 'px-2 py-1' : '')
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](FilterComponent, {
+    analyticsOptions: props.analyticsOptions,
+    filter: props.filter
+  }))));
+}
+
+/***/ }),
+
+/***/ "./src/apps/search/components/filter-button/filter-button.scss":
+/*!*********************************************************************!*\
+  !*** ./src/apps/search/components/filter-button/filter-button.scss ***!
+  \*********************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"filterButton":"cv--filterButton--2LJ1G","hideCaret":"cv--hideCaret--2OStB","filterItem":"cv--filterItem--13K5j"};
+
+/***/ }),
+
+/***/ "./src/apps/search/components/filter-types/checkbox-filter/CheckboxFilter.tsx":
+/*!************************************************************************************!*\
+  !*** ./src/apps/search/components/filter-types/checkbox-filter/CheckboxFilter.tsx ***!
+  \************************************************************************************/
+/*! exports provided: CheckboxFilter */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CheckboxFilter", function() { return CheckboxFilter; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-bootstrap */ "react-bootstrap");
+/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _libs_shared_src_components_forms_form_checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/components/forms/form-checkbox/Checkbox */ "../../libs/shared/src/components/forms/form-checkbox/Checkbox.tsx");
+/* harmony import */ var shared_hooks_useBulkCheckboxManager__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! shared/hooks/useBulkCheckboxManager */ "./src/shared/hooks/useBulkCheckboxManager.tsx");
+/* harmony import */ var apps_search_reducers__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! apps/search/reducers */ "./src/apps/search/reducers/index.ts");
+/* harmony import */ var _filter_actions_FilterActions__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../filter-actions/FilterActions */ "./src/apps/search/components/filter-actions/FilterActions.tsx");
+
+
+
+
+
+
+function CheckboxFilter(props) {
+  var _a;
+
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_0__["useContext"](apps_search_reducers__WEBPACK_IMPORTED_MODULE_4__["FilterContext"]),
+      state = _React$useContext.state;
+
+  var filterState = state[props.filter.id];
+
+  var _useBulkCheckboxManag = Object(shared_hooks_useBulkCheckboxManager__WEBPACK_IMPORTED_MODULE_3__["useBulkCheckboxManager"])(props.filter.options, {
+    preselectedIds: ((_a = filterState.selection) === null || _a === void 0 ? void 0 : _a.map(function (s) {
+      return s.id;
+    })) || []
+  }),
+      onToggleItem = _useBulkCheckboxManag.onToggleItem,
+      isChecked = _useBulkCheckboxManag.isChecked,
+      getSelected = _useBulkCheckboxManag.getSelected;
+
+  var selections = getSelected().map(function (optionName) {
+    return props.filter.options.find(function (o) {
+      return o.id === optionName;
+    });
+  });
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h3", {
+    className: 'h6 mb-2'
+  }, props.filter.name), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Form"], {
+    className: 'mb-3'
+  }, props.filter.options.map(function (option) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_forms_form_checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_2__["Checkbox"], {
+      key: option.id,
+      label: option.name,
+      name: option.id,
+      id: option.id,
+      onChange: function onChange() {
+        return onToggleItem(option.id);
+      },
+      checked: isChecked(option.id),
+      className: 'my-1'
+    });
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_filter_actions_FilterActions__WEBPACK_IMPORTED_MODULE_5__["FilterActions"], {
+    active: !!selections.length,
+    filter: props.filter,
+    selection: selections,
+    analyticsOptions: props.analyticsOptions
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/apps/search/components/filter-types/dropdown-filter/DropdownFilter.tsx":
+/*!************************************************************************************!*\
+  !*** ./src/apps/search/components/filter-types/dropdown-filter/DropdownFilter.tsx ***!
+  \************************************************************************************/
+/*! exports provided: DropdownFilter */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DropdownFilter", function() { return DropdownFilter; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-bootstrap */ "react-bootstrap");
+/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var apps_search_reducers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! apps/search/reducers */ "./src/apps/search/reducers/index.ts");
+/* harmony import */ var _filter_actions_FilterActions__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../filter-actions/FilterActions */ "./src/apps/search/components/filter-actions/FilterActions.tsx");
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+
+
+function DropdownFilter(props) {
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_0___default.a.useContext(apps_search_reducers__WEBPACK_IMPORTED_MODULE_2__["FilterContext"]),
+      state = _React$useContext.state;
+
+  var filterState = state[props.filter.id];
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState(filterState.selection),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      currentSelection = _React$useState2[0],
+      setCurrentSelection = _React$useState2[1];
+
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, props.filter.options.map(function (option) {
+    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Dropdown"].Item, {
+      key: option.id,
+      onClick: function onClick() {
+        return setCurrentSelection([option]);
+      }
+    }, option.name);
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_filter_actions_FilterActions__WEBPACK_IMPORTED_MODULE_3__["FilterActions"], {
+    active: !!currentSelection,
+    filter: props.filter,
+    selection: currentSelection,
+    className: 'pt-1 px-2',
+    analyticsOptions: props.analyticsOptions
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/apps/search/components/filter-types/index.ts":
+/*!**********************************************************!*\
+  !*** ./src/apps/search/components/filter-types/index.ts ***!
+  \**********************************************************/
+/*! exports provided: CheckboxFilter, MoreFilters, SwitchFilter, DropdownFilter, RadioFilter, YearLevelRadioFilter */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _checkbox_filter_CheckboxFilter__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./checkbox-filter/CheckboxFilter */ "./src/apps/search/components/filter-types/checkbox-filter/CheckboxFilter.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CheckboxFilter", function() { return _checkbox_filter_CheckboxFilter__WEBPACK_IMPORTED_MODULE_0__["CheckboxFilter"]; });
+
+/* harmony import */ var _more_filters_MoreFilters__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./more-filters/MoreFilters */ "./src/apps/search/components/filter-types/more-filters/MoreFilters.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MoreFilters", function() { return _more_filters_MoreFilters__WEBPACK_IMPORTED_MODULE_1__["MoreFilters"]; });
+
+/* harmony import */ var _switch_filter_SwitchFilter__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./switch-filter/SwitchFilter */ "./src/apps/search/components/filter-types/switch-filter/SwitchFilter.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SwitchFilter", function() { return _switch_filter_SwitchFilter__WEBPACK_IMPORTED_MODULE_2__["SwitchFilter"]; });
+
+/* harmony import */ var _dropdown_filter_DropdownFilter__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./dropdown-filter/DropdownFilter */ "./src/apps/search/components/filter-types/dropdown-filter/DropdownFilter.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DropdownFilter", function() { return _dropdown_filter_DropdownFilter__WEBPACK_IMPORTED_MODULE_3__["DropdownFilter"]; });
+
+/* harmony import */ var _radio_filter_RadioFilter__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./radio-filter/RadioFilter */ "./src/apps/search/components/filter-types/radio-filter/RadioFilter.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "RadioFilter", function() { return _radio_filter_RadioFilter__WEBPACK_IMPORTED_MODULE_4__["RadioFilter"]; });
+
+/* harmony import */ var _radio_filter_year_level_YearLevelRadioFilter__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./radio-filter/year-level/YearLevelRadioFilter */ "./src/apps/search/components/filter-types/radio-filter/year-level/YearLevelRadioFilter.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "YearLevelRadioFilter", function() { return _radio_filter_year_level_YearLevelRadioFilter__WEBPACK_IMPORTED_MODULE_5__["YearLevelRadioFilter"]; });
+
+
+
+
+
+
+
+
+/***/ }),
+
+/***/ "./src/apps/search/components/filter-types/more-filters/MoreFilters.tsx":
+/*!******************************************************************************!*\
+  !*** ./src/apps/search/components/filter-types/more-filters/MoreFilters.tsx ***!
+  \******************************************************************************/
+/*! exports provided: MoreFilters */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MoreFilters", function() { return MoreFilters; });
+/* 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 MoreFilters(props) {
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+}
+
+/***/ }),
+
+/***/ "./src/apps/search/components/filter-types/radio-filter/RadioFilter.tsx":
+/*!******************************************************************************!*\
+  !*** ./src/apps/search/components/filter-types/radio-filter/RadioFilter.tsx ***!
+  \******************************************************************************/
+/*! exports provided: RadioFilter */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "RadioFilter", function() { return RadioFilter; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-bootstrap */ "react-bootstrap");
+/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../../libs/common/src/react/utils/ArrayHelper */ "../../libs/common/src/react/utils/ArrayHelper.ts");
+/* harmony import */ var apps_search_reducers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! apps/search/reducers */ "./src/apps/search/reducers/index.ts");
+/* harmony import */ var apps_search_components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! apps/search/components */ "./src/apps/search/components/index.ts");
+/* harmony import */ var _radio_filter_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./radio-filter.scss */ "./src/apps/search/components/filter-types/radio-filter/radio-filter.scss");
+/* harmony import */ var _radio_filter_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_radio_filter_scss__WEBPACK_IMPORTED_MODULE_5__);
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+
+
+
+
+function RadioFilter(props) {
+  var _a;
+
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_0__["useContext"](apps_search_reducers__WEBPACK_IMPORTED_MODULE_3__["FilterContext"]),
+      state = _React$useContext.state;
+
+  var filterState = state[props.filter.id];
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__["useState"](filterState.selection),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      currentSelection = _React$useState2[0],
+      setCurrentSelection = _React$useState2[1];
+
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    return setCurrentSelection(filterState.selection);
+  }, [filterState.selection]);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h3", {
+    className: 'h6 mb-2'
+  }, props.filter.name), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Form"], {
+    className: 'mb-3'
+  }, props.filter.options.map(function (option) {
+    var _a;
+
+    var isSelected = ((_a = currentSelection) === null || _a === void 0 ? void 0 : _a.length) && option.id === _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_2__["ArrayHelper"].first(currentSelection).id;
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Form"].Check, {
+      key: option.id,
+      custom: true,
+      type: 'radio',
+      label: option.name,
+      name: option.id,
+      id: option.id,
+      value: option.id,
+      onChange: function onChange() {
+        return setCurrentSelection([option]);
+      },
+      checked: isSelected,
+      className: _radio_filter_scss__WEBPACK_IMPORTED_MODULE_5___default.a.radioFilter
+    });
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_search_components__WEBPACK_IMPORTED_MODULE_4__["FilterActions"], {
+    active: !!((_a = currentSelection) === null || _a === void 0 ? void 0 : _a.length),
+    filter: props.filter,
+    selection: currentSelection,
+    analyticsOptions: props.analyticsOptions
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/apps/search/components/filter-types/radio-filter/radio-filter.scss":
+/*!********************************************************************************!*\
+  !*** ./src/apps/search/components/filter-types/radio-filter/radio-filter.scss ***!
+  \********************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"radioFilter":"cv--radioFilter--3srm_"};
+
+/***/ }),
+
+/***/ "./src/apps/search/components/filter-types/radio-filter/year-level/YearLevelRadioFilter.tsx":
+/*!**************************************************************************************************!*\
+  !*** ./src/apps/search/components/filter-types/radio-filter/year-level/YearLevelRadioFilter.tsx ***!
+  \**************************************************************************************************/
+/*! exports provided: YearLevelRadioFilter */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "YearLevelRadioFilter", function() { return YearLevelRadioFilter; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-bootstrap */ "react-bootstrap");
+/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../../../libs/common/src/react/utils/ArrayHelper */ "../../libs/common/src/react/utils/ArrayHelper.ts");
+/* harmony import */ var apps_search_reducers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! apps/search/reducers */ "./src/apps/search/reducers/index.ts");
+/* harmony import */ var apps_search_components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! apps/search/components */ "./src/apps/search/components/index.ts");
+/* harmony import */ var apps_user_manager_components__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! apps/user-manager/components */ "./src/apps/user-manager/components/index.ts");
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+
+
+
+
+function YearLevelRadioFilter(props) {
+  var _a;
+
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_0__["useContext"](apps_search_reducers__WEBPACK_IMPORTED_MODULE_3__["FilterContext"]),
+      state = _React$useContext.state;
+
+  var filterState = state[props.filter.id];
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__["useState"](filterState.selection),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      currentSelection = _React$useState2[0],
+      setCurrentSelection = _React$useState2[1];
+
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    return setCurrentSelection(filterState.selection);
+  }, [filterState.selection]);
+
+  function onSelect(yearLevel) {
+    setCurrentSelection([yearLevel]);
+  }
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h3", {
+    className: 'h6 mb-2'
+  }, props.filter.name), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Form"], {
+    className: 'mb-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_user_manager_components__WEBPACK_IMPORTED_MODULE_5__["YearLevelSelect"], {
+    yearLevels: props.filter.options,
+    onSelect: onSelect,
+    selected: _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_2__["ArrayHelper"].first(currentSelection)
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_search_components__WEBPACK_IMPORTED_MODULE_4__["FilterActions"], {
+    active: !!((_a = currentSelection) === null || _a === void 0 ? void 0 : _a.length),
+    filter: props.filter,
+    selection: currentSelection,
+    analyticsOptions: props.analyticsOptions
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/apps/search/components/filter-types/switch-filter/SwitchFilter.tsx":
+/*!********************************************************************************!*\
+  !*** ./src/apps/search/components/filter-types/switch-filter/SwitchFilter.tsx ***!
+  \********************************************************************************/
+/*! exports provided: SwitchFilter */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SwitchFilter", function() { return SwitchFilter; });
+/* 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 shared_components_toggle_switch_ToggleSwitch__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! shared/components/toggle-switch/ToggleSwitch */ "./src/shared/components/toggle-switch/ToggleSwitch.tsx");
+/* harmony import */ var apps_search_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! apps/search/components */ "./src/apps/search/components/index.ts");
+/* harmony import */ var apps_search_reducers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! apps/search/reducers */ "./src/apps/search/reducers/index.ts");
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+
+
+function SwitchFilter(props) {
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_0__["useContext"](apps_search_reducers__WEBPACK_IMPORTED_MODULE_3__["FilterContext"]),
+      state = _React$useContext.state;
+
+  var filterState = state[props.filter.id];
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__["useState"](filterState.active),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      active = _React$useState2[0],
+      setActive = _React$useState2[1];
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h3", {
+    className: 'h6 mb-2'
+  }, props.filter.name), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", {
+    className: 'd-inline-block w-75 mr-auto'
+  }, props.filter.description), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](shared_components_toggle_switch_ToggleSwitch__WEBPACK_IMPORTED_MODULE_1__["ToggleSwitch"], {
+    onClick: function onClick() {
+      return setActive(!active);
+    },
+    on: active
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_search_components__WEBPACK_IMPORTED_MODULE_2__["FilterActions"], {
+    active: active,
+    filter: props.filter,
+    analyticsOptions: props.analyticsOptions
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/apps/search/components/index.ts":
+/*!*********************************************!*\
+  !*** ./src/apps/search/components/index.ts ***!
+  \*********************************************/
+/*! exports provided: SearchFilters, PartialSearchFilters, FilterButton, FilterActions, ResetButton, CheckboxFilter, MoreFilters, SwitchFilter, DropdownFilter, RadioFilter, YearLevelRadioFilter */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _search_filters_SearchFilters__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./search-filters/SearchFilters */ "./src/apps/search/components/search-filters/SearchFilters.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SearchFilters", function() { return _search_filters_SearchFilters__WEBPACK_IMPORTED_MODULE_0__["SearchFilters"]; });
+
+/* harmony import */ var _search_filters_PartialSearchFilters__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./search-filters/PartialSearchFilters */ "./src/apps/search/components/search-filters/PartialSearchFilters.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PartialSearchFilters", function() { return _search_filters_PartialSearchFilters__WEBPACK_IMPORTED_MODULE_1__["PartialSearchFilters"]; });
+
+/* harmony import */ var _filter_button_FilterButton__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./filter-button/FilterButton */ "./src/apps/search/components/filter-button/FilterButton.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "FilterButton", function() { return _filter_button_FilterButton__WEBPACK_IMPORTED_MODULE_2__["FilterButton"]; });
+
+/* harmony import */ var _filter_actions_FilterActions__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./filter-actions/FilterActions */ "./src/apps/search/components/filter-actions/FilterActions.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "FilterActions", function() { return _filter_actions_FilterActions__WEBPACK_IMPORTED_MODULE_3__["FilterActions"]; });
+
+/* harmony import */ var _reset_button_ResetButton__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./reset-button/ResetButton */ "./src/apps/search/components/reset-button/ResetButton.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ResetButton", function() { return _reset_button_ResetButton__WEBPACK_IMPORTED_MODULE_4__["ResetButton"]; });
+
+/* harmony import */ var _filter_types__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./filter-types */ "./src/apps/search/components/filter-types/index.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CheckboxFilter", function() { return _filter_types__WEBPACK_IMPORTED_MODULE_5__["CheckboxFilter"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MoreFilters", function() { return _filter_types__WEBPACK_IMPORTED_MODULE_5__["MoreFilters"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SwitchFilter", function() { return _filter_types__WEBPACK_IMPORTED_MODULE_5__["SwitchFilter"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DropdownFilter", function() { return _filter_types__WEBPACK_IMPORTED_MODULE_5__["DropdownFilter"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "RadioFilter", function() { return _filter_types__WEBPACK_IMPORTED_MODULE_5__["RadioFilter"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "YearLevelRadioFilter", function() { return _filter_types__WEBPACK_IMPORTED_MODULE_5__["YearLevelRadioFilter"]; });
+
+
+
+
+
+
+
+
+/***/ }),
+
+/***/ "./src/apps/search/components/reset-button/ResetButton.tsx":
+/*!*****************************************************************!*\
+  !*** ./src/apps/search/components/reset-button/ResetButton.tsx ***!
+  \*****************************************************************/
+/*! exports provided: ResetButton */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ResetButton", function() { return ResetButton; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* harmony import */ var _libs_shared_src_services_ContextService__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/services/ContextService */ "../../libs/shared/src/services/ContextService.ts");
+/* harmony import */ var _libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/div-button/DivButton */ "../../libs/shared/src/components/div-button/DivButton.tsx");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var apps_search_reducers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! apps/search/reducers */ "./src/apps/search/reducers/index.ts");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+
+
+
+
+
+
+
+
+function ResetButton(props) {
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_0__["useContext"](apps_search_reducers__WEBPACK_IMPORTED_MODULE_5__["FilterContext"]),
+      dispatch = _React$useContext.dispatch;
+
+  var onClickReset = function onClickReset() {
+    var currentAppLink = _libs_shared_src_services_ContextService__WEBPACK_IMPORTED_MODULE_2__["ContextService"].getCurrentRoute().appLink;
+    var nextAppLink = {
+      application: currentAppLink.application,
+      action: currentAppLink.action
+    };
+    _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_6__["AnalyticsHelper"].logUserAction({
+      type: 'All',
+      active: false
+    }, _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_6__["AnalyticsHelper"].mergeOptions(props.analyticsOptions, {
+      actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__["UserAction"].Filter,
+      descriptor: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__["FilterDescriptor"].Reset,
+      workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__["WorkflowPhase"].Complete
+    }));
+    if (props.currentQueryParam) nextAppLink.params = {
+      query: props.currentQueryParam
+    };
+    _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__["Core"].AppLinkHelper.trigger(nextAppLink);
+    dispatch({
+      type: 'trigger-reset',
+      payload: {}
+    });
+  };
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_3__["DivButton"], {
+    onClick: onClickReset,
+    className: 'hover-text-underline cursor-pointer d-flex align-items-center ml-2'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_4__["Text"], {
+    namespace: 'search.resetButton',
+    phrase: 'reset'
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/apps/search/components/search-filters/PartialSearchFilters.tsx":
+/*!****************************************************************************!*\
+  !*** ./src/apps/search/components/search-filters/PartialSearchFilters.tsx ***!
+  \****************************************************************************/
+/*! exports provided: PartialSearchFilters */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PartialSearchFilters", function() { return PartialSearchFilters; });
+/* 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 _search_filters_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./search-filters.scss */ "./src/apps/search/components/search-filters/search-filters.scss");
+/* harmony import */ var _search_filters_scss__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_search_filters_scss__WEBPACK_IMPORTED_MODULE_1__);
+
+
+function PartialSearchFilters(_ref) {
+  var _ref$count = _ref.count,
+      count = _ref$count === void 0 ? 6 : _ref$count,
+      hideHeading = _ref.hideHeading;
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'd-flex'
+  }, !hideHeading && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "\n          ".concat(_search_filters_scss__WEBPACK_IMPORTED_MODULE_1___default.a.partialFilterHeading, "\n          partial-loading-background\n          d-inline-block\n          pr-2\n          border-right\n          d-flex\n          align-items-center\n          my-auto\n        ")
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'd-flex pl-1'
+  }, Array(count).fill(null).map(function (item, index) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+      key: index,
+      className: "".concat(_search_filters_scss__WEBPACK_IMPORTED_MODULE_1___default.a.partialButton, " partial-loading-background mx-1")
+    });
+  })));
+}
+
+/***/ }),
+
+/***/ "./src/apps/search/components/search-filters/SearchFilters.tsx":
+/*!*********************************************************************!*\
+  !*** ./src/apps/search/components/search-filters/SearchFilters.tsx ***!
+  \*********************************************************************/
+/*! exports provided: SearchFilters */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SearchFilters", function() { return SearchFilters; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var apps_search_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! apps/search/components */ "./src/apps/search/components/index.ts");
+/* harmony import */ var apps_search_utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! apps/search/utils */ "./src/apps/search/utils/index.ts");
+/* harmony import */ var apps_search_reducers__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! apps/search/reducers */ "./src/apps/search/reducers/index.ts");
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+
+
+
+function SearchFilters(props) {
+  var queryParams = props.queryParams,
+      mainFilters = props.mainFilters,
+      moreFilters = props.moreFilters,
+      hideHeading = props.hideHeading;
+  var initialState = react__WEBPACK_IMPORTED_MODULE_0__["useMemo"](function () {
+    return apps_search_utils__WEBPACK_IMPORTED_MODULE_3__["FilterHelper"].deriveInitialStateFromQuery(queryParams, mainFilters, moreFilters);
+  }, [queryParams]);
+
+  var _React$useReducer = react__WEBPACK_IMPORTED_MODULE_0__["useReducer"](apps_search_reducers__WEBPACK_IMPORTED_MODULE_4__["FilterReducer"], initialState),
+      _React$useReducer2 = _slicedToArray(_React$useReducer, 2),
+      state = _React$useReducer2[0],
+      dispatch = _React$useReducer2[1];
+
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    if (!state.bulkReset) return;
+    dispatch({
+      type: 'bulk-reset',
+      payload: apps_search_utils__WEBPACK_IMPORTED_MODULE_3__["FilterHelper"].deriveInitialStateFromQuery({}, mainFilters, moreFilters)
+    });
+  }, [state]);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_search_reducers__WEBPACK_IMPORTED_MODULE_4__["FilterContext"].Provider, {
+    value: {
+      state: state,
+      dispatch: dispatch
+    }
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["LanguageNamespaceContext"].Provider, {
+    value: 'search.searchFilters'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("section", {
+    className: 'd-flex'
+  }, !hideHeading && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h2", {
+    className: 'h5 mb-0 d-inline-block pr-2 border-right d-flex align-items-center'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
+    phrase: 'heading'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'd-flex'
+  }, mainFilters.map(function (f) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_search_components__WEBPACK_IMPORTED_MODULE_2__["FilterButton"], {
+      key: f.id,
+      filter: f,
+      analyticsOptions: props.analyticsOptions
+    });
+  }), moreFilters && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_search_components__WEBPACK_IMPORTED_MODULE_2__["FilterButton"], {
+    key: moreFilters.id,
+    filter: moreFilters,
+    analyticsOptions: props.analyticsOptions
+  }), apps_search_utils__WEBPACK_IMPORTED_MODULE_3__["FilterHelper"].hasActiveFilters(queryParams) && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_search_components__WEBPACK_IMPORTED_MODULE_2__["ResetButton"], {
+    currentQueryParam: queryParams.query,
+    analyticsOptions: props.analyticsOptions
+  })))));
+}
+
+/***/ }),
+
+/***/ "./src/apps/search/components/search-filters/search-filters.scss":
+/*!***********************************************************************!*\
+  !*** ./src/apps/search/components/search-filters/search-filters.scss ***!
+  \***********************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"partialFilterHeading":"cv--partialFilterHeading--2zHGT","partialButton":"cv--partialButton--3Gy7Y"};
+
+/***/ }),
+
+/***/ "./src/apps/search/reducers/FilterReducer.tsx":
+/*!****************************************************!*\
+  !*** ./src/apps/search/reducers/FilterReducer.tsx ***!
+  \****************************************************/
+/*! exports provided: FilterContext, FilterReducer */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FilterContext", function() { return FilterContext; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FilterReducer", function() { return FilterReducer; });
+/* 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 _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+
+var FilterContext = Object(react__WEBPACK_IMPORTED_MODULE_0__["createContext"])(null);
+/**
+ * Reducer - root level keys should match the filter object's corresponding "id" field
+ */
+
+function FilterReducer(state, action) {
+  switch (action.type) {
+    case 'apply':
+      return Object.assign(Object.assign({}, state), _defineProperty({}, action.payload.filter.id, {
+        active: action.payload.active,
+        selection: action.payload.selection
+      }));
+
+    case 'reset':
+      return Object.assign(Object.assign({}, state), _defineProperty({}, action.payload.filter.id, {
+        active: action.payload.active,
+        selection: action.payload.selection
+      }));
+
+    case 'trigger-reset':
+      return Object.assign(Object.assign({}, state), {
+        bulkReset: true
+      });
+
+    case 'bulk-reset':
+      return Object.assign(Object.assign(Object.assign({}, state), action.payload), {
+        bulkReset: false
+      });
+
+    default:
+      return state;
+  }
+}
+
+/***/ }),
+
+/***/ "./src/apps/search/reducers/index.ts":
+/*!*******************************************!*\
+  !*** ./src/apps/search/reducers/index.ts ***!
+  \*******************************************/
+/*! exports provided: FilterContext, FilterReducer */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _FilterReducer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./FilterReducer */ "./src/apps/search/reducers/FilterReducer.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "FilterContext", function() { return _FilterReducer__WEBPACK_IMPORTED_MODULE_0__["FilterContext"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "FilterReducer", function() { return _FilterReducer__WEBPACK_IMPORTED_MODULE_0__["FilterReducer"]; });
+
+
+
+/***/ }),
+
+/***/ "./src/apps/search/utils/FilterHelper.tsx":
+/*!************************************************!*\
+  !*** ./src/apps/search/utils/FilterHelper.tsx ***!
+  \************************************************/
+/*! exports provided: Filters, FilterHelper */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Filters", function() { return Filters; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FilterHelper", function() { return FilterHelper; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../libs/common/src/react/utils/ArrayHelper */ "../../libs/common/src/react/utils/ArrayHelper.ts");
+/* harmony import */ var _libs_common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../libs/common/src/react/utils/ObjectHelper */ "../../libs/common/src/react/utils/ObjectHelper.ts");
+/* harmony import */ var apps_search_components_filter_types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! apps/search/components/filter-types */ "./src/apps/search/components/filter-types/index.ts");
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _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 getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].encloseNamespace('search.utils');
+var Filters = {
+  SortByName: function SortByName(options) {
+    return {
+      id: 'sortName',
+      name: getPhrase('firstNameAToZ'),
+      type: 'dropdown',
+      options: options
+    };
+  },
+  YearLevel: function YearLevel(options) {
+    return {
+      id: 'yearLevel',
+      name: getPhrase('yearLevel'),
+      type: 'radio',
+      customComponent: apps_search_components_filter_types__WEBPACK_IMPORTED_MODULE_4__["YearLevelRadioFilter"],
+      options: options
+    };
+  },
+  ObjectType: function ObjectType(options) {
+    return {
+      id: 'objectType',
+      name: getPhrase('objectTypes'),
+      type: 'radio',
+      options: options
+    };
+  },
+  Ratings: function Ratings(options) {
+    return {
+      id: 'ratings',
+      name: getPhrase('ratings'),
+      type: 'rating',
+      options: options
+    };
+  },
+  Interactives: function Interactives() {
+    return {
+      id: 'interactives',
+      name: getPhrase('interactives'),
+      type: 'switch',
+      description: getPhrase('interactivesDescription')
+    };
+  },
+  Clips: function Clips() {
+    return {
+      id: 'clips',
+      name: getPhrase('clips'),
+      type: 'switch',
+      description: getPhrase('clipsDescription')
+    };
+  },
+  Classroom: function Classroom(options) {
+    return {
+      id: 'classroom',
+      name: getPhrase('classroom'),
+      type: 'checkbox',
+      options: options
+    };
+  }
+};
+var FilterHelper = {
+  getMoreFilters: function getMoreFilters() {
+    return {
+      id: 'moreFilters',
+      name: getPhrase('moreFilters'),
+      type: 'more-filters',
+      filters: []
+    };
+  },
+  mapTypeToComponent: function mapTypeToComponent(type) {
+    switch (type) {
+      case 'switch':
+        return function (props) {
+          return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_search_components_filter_types__WEBPACK_IMPORTED_MODULE_4__["SwitchFilter"], Object.assign({
+            key: props.id
+          }, props));
+        };
+
+      case 'checkbox':
+        return function (props) {
+          return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_search_components_filter_types__WEBPACK_IMPORTED_MODULE_4__["CheckboxFilter"], Object.assign({
+            key: props.id
+          }, props));
+        };
+
+      case 'radio':
+        return function (props) {
+          return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_search_components_filter_types__WEBPACK_IMPORTED_MODULE_4__["RadioFilter"], Object.assign({
+            key: props.id
+          }, props));
+        };
+
+      case 'rating':
+        return function (props) {
+          return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_search_components_filter_types__WEBPACK_IMPORTED_MODULE_4__["SwitchFilter"], Object.assign({
+            key: props.id
+          }, props));
+        };
+
+      case 'dropdown':
+        return function (props) {
+          return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_search_components_filter_types__WEBPACK_IMPORTED_MODULE_4__["DropdownFilter"], Object.assign({
+            key: props.id
+          }, props));
+        };
+
+      case 'more-filters':
+        return function (props) {
+          return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_search_components_filter_types__WEBPACK_IMPORTED_MODULE_4__["MoreFilters"], Object.assign({
+            key: props.id
+          }, props));
+        };
+    }
+  },
+  deriveInitialStateFromQuery: function deriveInitialStateFromQuery() {
+    var queryParams = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var mainFilters = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+    var moreFilters = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+    var initialStates = {
+      sortName: {
+        active: !!queryParams.sortName,
+        selection: getFilterSelectionsFromQueryParams(queryParams, mainFilters, 'sortName')
+      },
+      objectType: {
+        active: !!queryParams.objectType,
+        selection: getFilterSelectionsFromQueryParams(queryParams, mainFilters, 'objectType')
+      },
+      ratings: {
+        active: !!queryParams.ratings,
+        selection: queryParams.ratings || null
+      },
+      interactives: {
+        active: queryParams.interactives
+      },
+      clips: {
+        active: queryParams.clips
+      },
+      yearLevel: {
+        active: !!queryParams.yearLevel,
+        selection: getFilterSelectionsFromQueryParams(queryParams, mainFilters, 'yearLevel')
+      },
+      classroom: {
+        active: !!queryParams.classroom,
+        selection: getFilterSelectionsFromQueryParams(queryParams, mainFilters, 'classroom')
+      },
+      moreFilters: {
+        active: false // TODO: figure this shit out eventually
+
+      }
+    };
+    var derivedState = mainFilters.reduce(function (state, filter) {
+      state[filter.id] = initialStates[filter.id];
+      return state;
+    }, {});
+    if (moreFilters) derivedState.moreFilters = initialStates.moreFilters;
+    return derivedState;
+  },
+  hasActiveFilters: function hasActiveFilters(queryParams) {
+    var paramKeys = Object.keys(queryParams);
+    if (!paramKeys.length) return false;
+    var activeFilters = paramKeys.filter(function (q) {
+      // 'query', 'cursor', and 'page' don't count as filters
+      if (q === 'query' || q === 'cursor' || q === 'page') return false; // Filters that can have multiple selections (e.g. checkbox types) do not count as active if they are empty
+
+      if (Array.isArray(queryParams[q]) && !queryParams[q].length) return false;
+      return true;
+    });
+    return !!activeFilters.length;
+  },
+  getLabel: function getLabel(filter, filterState) {
+    var _a;
+
+    if (!((_a = filterState.selection) === null || _a === void 0 ? void 0 : _a.length)) return filter.name;
+    if (filter.type === 'dropdown') return _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_2__["ArrayHelper"].first(filterState.selection).name;
+
+    if (filter.type === 'radio') {
+      var selection = _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_2__["ArrayHelper"].first(filterState.selection);
+      if (!selection || selection["default"]) return filter.name;
+      return selection.name;
+    }
+
+    if (filter.type === 'checkbox') return "".concat(filter.name, " - ").concat(filterState.selection.length);
+  },
+  buildQueryParams: function buildQueryParams(queryParams, state) {
+    var _state$filter = state.filter,
+        param = _state$filter.id,
+        type = _state$filter.type;
+    var updatedParams = Object.assign({}, queryParams);
+
+    switch (type) {
+      case 'switch':
+        updatedParams[param] = state.active ? 'true' : '';
+        break;
+
+      case 'radio':
+      case 'dropdown':
+        updatedParams[param] = getRadioParamValue(state.selection);
+        break;
+
+      case 'checkbox':
+        updatedParams[param] = state.active ? state.selection.map(function (option) {
+          return option.id;
+        }) : [];
+    }
+
+    if (!updatedParams[param]) // If the param is empty, delete it
+      delete updatedParams[param];
+    return updatedParams;
+  },
+
+  /**
+   * This returns an object of all of the query params our search requests will pass to the backend endpoint.
+   * This usually consists of:
+   * q      = the query string       e.g. 'shakespeare'
+   * filter = the filter string      e.g. '{interactives:true,classroom:classroom-2-a,classroom:classroom-2-b}'
+   * query  = the with statement     e.g. '{orderbydesc:name}series,season,interactives,resources,subtitles'
+   * cursor = the cursor             e.g. 's-sf3r9o32f-0vd'
+   */
+  getBackendQueryParams: function getBackendQueryParams(queryParams) {
+    var q = queryParams.query;
+    var query = getWithStatement(queryParams);
+    var filter = getFilterString(queryParams);
+    var backendQueryParams = {};
+    if (q) backendQueryParams.q = q;
+    if (query) backendQueryParams.query = query;
+    if (filter) backendQueryParams.filter = "{".concat(filter, "}");
+    if (queryParams.cursor) backendQueryParams.cursor = queryParams.cursor;
+    return backendQueryParams;
+  },
+
+  /**
+   * This functions purpose is to convert a with statement string into an object that is easy to use
+   * in mock backends for sorting/filtering mock data. It doesn't need to be efficient, as it should
+   * never ever be used in production
+   */
+  convertWithStatementToObject: function convertWithStatementToObject(withStatement) {
+    if (!withStatement) return {}; // Remove any angle brackets with commas, which we use in `.split` just below
+
+    withStatement = withStatement.replace('{', ',').replace('}', ',');
+    var withStatements = withStatement.split(',');
+    var sortingStatement = '';
+    var assocStatements = [];
+    withStatements.forEach(function (statement) {
+      if (statement.includes(':')) sortingStatement = statement;else assocStatements.push(statement);
+    });
+
+    var _sortingStatement$spl = sortingStatement.split(':'),
+        _sortingStatement$spl2 = _slicedToArray(_sortingStatement$spl, 2),
+        sortKey = _sortingStatement$spl2[0],
+        sortValue = _sortingStatement$spl2[1];
+
+    return {
+      assocs: assocStatements,
+      sortKey: sortKey,
+      sortValue: sortValue
+    };
+  },
+  // This is used for filtering data in mock flight requests. It shouldn't be used in production code
+  revertFilterString: function revertFilterString(filterString) {
+    if (!filterString) return {}; // Remove "{" and "}" from both ends
+
+    filterString = filterString.slice(1, -1); // Get an array of all of our filter values:
+    // E.g. [ 'yearLevel:year-2', 'classroom:classroom-2-a', 'classroom-2-b', 'classroom-2-c' ]
+
+    var filterValues = filterString.split(',');
+    var keyValueFilterStrings = [];
+    var currentFilterKey = '';
+    filterValues.forEach(function (filterStr) {
+      // Here we're building an array that looks like `filterValues`, but where every value has its key attached
+      // E.g. [ 'yearLevel:year-2', 'classroom:classroom-2-a', 'classroom:classroom-2-b', 'classroom:classroom-2-c' ]
+      if (filterStr.includes(':')) {
+        currentFilterKey = filterStr.split(':')[0];
+        keyValueFilterStrings.push(filterStr);
+        return;
+      }
+
+      var fullFilterString = "".concat(currentFilterKey, ":").concat(filterStr);
+      keyValueFilterStrings.push(fullFilterString);
+    }); // Convert the array into an object.
+    // E.g. { yearLevel: 'year-2', classroom: [ 'classroom-2-a', 'classroom-2-b', 'classroom-2-c' ] }
+
+    return keyValueFilterStrings.reduce(function (filterObj, filterStr) {
+      var _filterStr$split = filterStr.split(':'),
+          _filterStr$split2 = _slicedToArray(_filterStr$split, 2),
+          key = _filterStr$split2[0],
+          value = _filterStr$split2[1];
+
+      if (filterObj[key] && !Array.isArray(filterObj[key])) {
+        var temp = filterObj[key];
+        filterObj[key] = [temp];
+      }
+
+      if (Array.isArray(filterObj[key])) filterObj[key].push(value);else filterObj[key] = value;
+      return filterObj;
+    }, {});
+  },
+
+  /**
+   * Helpers below this comment return hard coded filter options for a particular filter.
+   * If you are adding a new filter with hard coded options, add a new function here.
+   */
+  getObjectTypeOptions: function getObjectTypeOptions() {
+    return [{
+      id: 'allTypes',
+      name: getPhrase('allTypes'),
+      "default": true
+    }, {
+      id: 'topics',
+      name: getPhrase('topics')
+    }, {
+      id: 'playlists',
+      name: getPhrase('playlists')
+    }, {
+      id: 'series',
+      name: getPhrase('series')
+    }, {
+      id: 'videos',
+      name: getPhrase('videos')
+    }];
+  },
+  getNameSortOptions: function getNameSortOptions() {
+    return [{
+      id: 'first-name-atoz',
+      name: getPhrase('firstNameAToZ'),
+      "default": true
+    }, {
+      id: 'first-name-ztoa',
+      name: getPhrase('firstNameZToA')
+    }, {
+      id: 'surname-atoz',
+      name: getPhrase('surnameAToZ')
+    }, {
+      id: 'surname-ztoa',
+      name: getPhrase('surnameZToA')
+    }];
+  },
+  getYearLevelOptions: function getYearLevelOptions(yearLevels) {
+    var _a;
+
+    if (!((_a = yearLevels) === null || _a === void 0 ? void 0 : _a.length)) return [];
+    return yearLevels.map(function (level) {
+      return {
+        id: level.name.toLowerCase().replace(' ', '-'),
+        name: level.name
+      };
+    });
+  },
+  getClassroomOptions: function getClassroomOptions(classrooms) {
+    var _a;
+
+    if (!((_a = classrooms) === null || _a === void 0 ? void 0 : _a.length)) return [];
+    return classrooms.map(function (classroom) {
+      return {
+        id: classroom.name.toLowerCase().replace(' ', '-'),
+        name: classroom.name
+      };
+    });
+  }
+}; // This allows us to determine which filters should be applied based on the query params set on first load
+
+function getFilterSelectionsFromQueryParams(queryParams, filters, filterName) {
+  var filter = filters.find(function (f) {
+    return f.id === filterName;
+  });
+  if (!filter) return [];
+  if (!queryParams[filterName]) return filter.options.filter(function (option) {
+    return option["default"];
+  });
+  var selections = queryParams[filterName];
+  if (!Array.isArray(selections)) selections = [selections];
+  return filter.options.filter(function (option) {
+    return selections.includes(option.id);
+  });
+}
+
+function getRadioParamValue(selection) {
+  var _a;
+
+  if (!((_a = selection) === null || _a === void 0 ? void 0 : _a.length)) return '';
+  return _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_2__["ArrayHelper"].first(selection).id;
+}
+/**
+ * This is massively under developed, and only does what it's needed for at this time.
+ * Please update if you need extra functionality
+ */
+
+
+function getWithStatement(queryParams) {
+  var withStatement = '';
+
+  if (queryParams['sortName']) {
+    switch (queryParams['sortName']) {
+      case 'first-name-atoz':
+        withStatement += '{orderby:name}';
+        break;
+
+      case 'first-name-ztoa':
+        withStatement += '{orderbydesc:name}';
+        break;
+
+      case 'surname-atoz':
+        withStatement += '{orderby:surname}';
+        break;
+
+      case 'surname-ztoa':
+        withStatement += '{orderbydesc:surname}';
+        break;
+
+      default:
+        break;
+    }
+  }
+
+  return withStatement;
+}
+/**
+ * Private functions
+ */
+
+
+function getFilterString(queryParams) {
+  // Add any potential query params here that are not supposed to be in the filter string
+  var omitKeys = ['query', 'sortName', 'cursor', 'page'];
+  var filterQueryParams = _libs_common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_3__["ObjectHelper"].omit(queryParams, omitKeys);
+  var filterStrings = Object.keys(filterQueryParams).map(function (filter) {
+    return "".concat(filter, ":").concat(filterQueryParams[filter]);
+  });
+  return filterStrings.join(',');
+}
+
+/***/ }),
+
+/***/ "./src/apps/search/utils/SearchHelper.tsx":
+/*!************************************************!*\
+  !*** ./src/apps/search/utils/SearchHelper.tsx ***!
+  \************************************************/
+/*! exports provided: SearchHelper */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SearchHelper", function() { return SearchHelper; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_1__ = __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_2__ = __webpack_require__(/*! ../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../libs/common/src/react/utils/TextHelper */ "../../libs/common/src/react/utils/TextHelper.ts");
+/* harmony import */ var _libs_shared_src_enums_WidgetContents__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../libs/shared/src/enums/WidgetContents */ "../../libs/shared/src/enums/WidgetContents.ts");
+/* harmony import */ var _libs_shared_src_components_video_list_VideoList__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/video-list/VideoList */ "../../libs/shared/src/components/video-list/VideoList.tsx");
+/* harmony import */ var _libs_shared_src_components_widgets_fixed_widget_FixedWidget__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/widgets/fixed-widget/FixedWidget */ "../../libs/shared/src/components/widgets/fixed-widget/FixedWidget.tsx");
+/* harmony import */ var _libs_shared_src_components_widgets_items_playlist_widget_item_PlaylistWidgetItem__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/widgets/items/playlist-widget-item/PlaylistWidgetItem */ "../../libs/shared/src/components/widgets/items/playlist-widget-item/PlaylistWidgetItem.tsx");
+/* harmony import */ var _libs_shared_src_components_widgets_items_series_widget_item_SeriesWidgetItem__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/widgets/items/series-widget-item/SeriesWidgetItem */ "../../libs/shared/src/components/widgets/items/series-widget-item/SeriesWidgetItem.tsx");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+
+
+
+
+
+
+
+
+
+
+
+var Capacities = {
+  MainResults: {
+    SUBJECTS: 10,
+    PLAYLISTS: 5,
+    SERIES: 4
+  },
+  OtherResults: {
+    VIDEOS: 6,
+    PLAYLISTS: 10,
+    SERIES: 10
+  }
+};
+var SearchHelper = {
+  /**
+   * These are the results that appear at the very top of the page
+   */
+  filterMainResults: function filterMainResults(results) {
+    var MainResults = Capacities.MainResults;
+    var subjects = _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_1__["ArrayHelper"].firstFew(results.subjects, MainResults.SUBJECTS);
+    var firstVideo = _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_1__["ArrayHelper"].first(results.videos);
+    var playlists = _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_1__["ArrayHelper"].firstFew(results.playlists, MainResults.PLAYLISTS);
+    var series = _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_1__["ArrayHelper"].firstFew(results.series, MainResults.SERIES);
+    return {
+      subjects: subjects,
+      firstVideo: firstVideo,
+      playlists: playlists,
+      series: series,
+      otherResults: {
+        videos: _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_1__["ArrayHelper"].lastFew(results.videos, results.videos.length - 1),
+        playlists: _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_1__["ArrayHelper"].lastFew(results.playlists, results.playlists.length - MainResults.PLAYLISTS),
+        series: _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_1__["ArrayHelper"].lastFew(results.series, results.series.length - MainResults.SERIES)
+      }
+    };
+  },
+  structureOtherResults: function structureOtherResults(results) {
+    var OtherResults = Capacities.OtherResults;
+    var videoSets = _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_1__["ArrayHelper"].chunk(results.videos, OtherResults.VIDEOS);
+    var playlistSets = _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_1__["ArrayHelper"].chunk(results.playlists, OtherResults.PLAYLISTS);
+    var seriesSets = _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_1__["ArrayHelper"].chunk(results.series, OtherResults.SERIES);
+    return SearchHelper.buildResultStructure(videoSets, playlistSets, seriesSets);
+  },
+  // For every 6 videos, there should be either a row of playlists or a row of series (alternating)
+  buildResultStructure: function buildResultStructure(videoSets, playlistSets, seriesSets) {
+    var structure = []; // Clone each set as we need to use a mutable structure, but don't want to mutate the inputs directly
+
+    var videosClone = _toConsumableArray(videoSets);
+
+    var playlistsClone = _toConsumableArray(playlistSets);
+
+    var seriesClone = _toConsumableArray(seriesSets); // We set the iterations here instead of in the for-loop args because `videoSets` gets mutated
+
+
+    var iterations = videoSets.length;
+
+    for (var index = 0; index < iterations; index++) {
+      var nextVideoSet = videosClone.shift(); // After every video set will come a set of playlists or series
+
+      var seriesOrPlaylistSet = SearchHelper.getSeriesOrPlaylistSet(playlistsClone, seriesClone, index);
+      nextVideoSet && structure.push({
+        type: 'video',
+        data: nextVideoSet
+      });
+      seriesOrPlaylistSet && structure.push(seriesOrPlaylistSet);
+    } // In edge cases where there may be more playlists or series result sets than video sets, add them to the end
+
+
+    if (playlistsClone.length) {
+      playlistsClone.forEach(function (data) {
+        return structure.push({
+          type: 'playlist',
+          data: data
+        });
+      });
+    }
+
+    if (seriesClone.length) {
+      seriesClone.forEach(function (data) {
+        return structure.push({
+          type: 'series',
+          data: data
+        });
+      });
+    } // Remove any empty sets
+
+
+    return structure.filter(function (set) {
+      return set.data && !!set.data.length;
+    });
+  },
+
+  /**
+   * Determines whether or not a playlist or series set should be added to the results structure next.
+   */
+  getSeriesOrPlaylistSet: function getSeriesOrPlaylistSet(playlists, series, videoSetIndex) {
+    var isOdd = videoSetIndex % 2 === 0; // If odd, add a series set. If even, add a playlist set.
+
+    if (isOdd && series.length || !playlists.length) return {
+      type: 'series',
+      data: series.shift()
+    };
+    if (!isOdd && playlists.length || !series.length) return {
+      type: 'playlist',
+      data: playlists.shift()
+    }; // We will only reach this point once we have run out of series and playlist results
+
+    return null;
+  },
+  getResultSetComponent: function getResultSetComponent(set, audiences, setFavourite) {
+    switch (set.type) {
+      case 'video':
+        return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+          className: 'pb-3'
+        }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_video_list_VideoList__WEBPACK_IMPORTED_MODULE_5__["VideoList"], {
+          videos: set.data,
+          getVideoAppLink: SearchHelper.getVideoAppLink,
+          getSeriesAppLink: SearchHelper.getSeriesAppLink,
+          setFavourite: setFavourite
+        }));
+
+      case 'playlist':
+        return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+          className: 'mx-n1'
+        }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_widgets_fixed_widget_FixedWidget__WEBPACK_IMPORTED_MODULE_6__["FixedWidget"], {
+          name: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].getPhrase('search.searchResults', 'relatedPlaylists'),
+          collection: set.data,
+          childAppLink: SearchHelper.getPlaylistAppLink(),
+          childComponent: function childComponent(childProps) {
+            return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_widgets_items_playlist_widget_item_PlaylistWidgetItem__WEBPACK_IMPORTED_MODULE_7__["PlaylistWidgetItem"], Object.assign({}, childProps, {
+              presentationAudiences: audiences
+            }));
+          },
+          contents: _libs_shared_src_enums_WidgetContents__WEBPACK_IMPORTED_MODULE_4__["WidgetContents"].Playlists
+        }));
+
+      case 'series':
+        return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+          className: 'mx-n1'
+        }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_widgets_fixed_widget_FixedWidget__WEBPACK_IMPORTED_MODULE_6__["FixedWidget"], {
+          name: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].getPhrase('search.searchResults', 'relatedSeries'),
+          collection: set.data,
+          childAppLink: SearchHelper.getSeriesAppLink(),
+          childComponent: function childComponent(childProps) {
+            return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_widgets_items_series_widget_item_SeriesWidgetItem__WEBPACK_IMPORTED_MODULE_8__["SeriesWidgetItem"], Object.assign({}, childProps, {
+              audiences: audiences
+            }));
+          },
+          contents: _libs_shared_src_enums_WidgetContents__WEBPACK_IMPORTED_MODULE_4__["WidgetContents"].Series
+        }));
+    }
+  },
+  getVideoAppLink: function getVideoAppLink(video) {
+    return {
+      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_9__["AppChannels"].DEFAULT,
+      action: 'play:video',
+      args: [video.id]
+    };
+  },
+  getSeriesAppLink: function getSeriesAppLink(series) {
+    return {
+      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_9__["AppChannels"].DEFAULT,
+      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_10__["Actions"].Default.SERIES,
+      args: series ? [series.id, _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_3__["TextHelper"].slugify(series.name)] : []
+    };
+  },
+  getPlaylistAppLink: function getPlaylistAppLink(playlist) {
+    return {
+      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_9__["AppChannels"].PLAYLISTS,
+      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_10__["Actions"].Playlists.PLAYLIST,
+      args: playlist ? [playlist.id, _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_3__["TextHelper"].slugify(playlist.name)] : []
+    };
+  }
+};
+
+/***/ }),
+
+/***/ "./src/apps/search/utils/index.ts":
+/*!****************************************!*\
+  !*** ./src/apps/search/utils/index.ts ***!
+  \****************************************/
+/*! exports provided: Filters, FilterHelper, SearchHelper */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _FilterHelper__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./FilterHelper */ "./src/apps/search/utils/FilterHelper.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Filters", function() { return _FilterHelper__WEBPACK_IMPORTED_MODULE_0__["Filters"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "FilterHelper", function() { return _FilterHelper__WEBPACK_IMPORTED_MODULE_0__["FilterHelper"]; });
+
+/* harmony import */ var _SearchHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./SearchHelper */ "./src/apps/search/utils/SearchHelper.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SearchHelper", function() { return _SearchHelper__WEBPACK_IMPORTED_MODULE_1__["SearchHelper"]; });
+
+
+
+
+/***/ }),
+
+/***/ "./src/apps/user-manager/components/bulk-upload-file-select/BulkUploadFileSelect.tsx":
+/*!*******************************************************************************************!*\
+  !*** ./src/apps/user-manager/components/bulk-upload-file-select/BulkUploadFileSelect.tsx ***!
+  \*******************************************************************************************/
+/*! exports provided: BulkUploadFileSelect */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BulkUploadFileSelect", function() { return BulkUploadFileSelect; });
+/* 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 papaparse__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! papaparse */ "../../../node_modules/papaparse/papaparse.min.js");
+/* harmony import */ var papaparse__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(papaparse__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _libs_common_src_react_hooks_useViewModel__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/hooks/useViewModel */ "../../libs/common/src/react/hooks/useViewModel.ts");
+/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _libs_shared_src_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/icon-button/IconButton */ "../../libs/shared/src/components/icon-button/IconButton.tsx");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseAlerts */ "../../libs/shared/src/hooks/UseAlerts.ts");
+/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var shared_constants_LiteViewModels__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! shared/constants/LiteViewModels */ "./src/shared/constants/LiteViewModels.ts");
+/* harmony import */ var apps_user_manager_enums__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! apps/user-manager/enums */ "./src/apps/user-manager/enums/index.ts");
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _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 = 'userManager.bulkUploadFileSelect';
+function BulkUploadFileSelect(props) {
+  var ref = react__WEBPACK_IMPORTED_MODULE_0___default.a.useRef(null);
+  var useRef = react__WEBPACK_IMPORTED_MODULE_0___default.a.useCallback(function (node) {
+    if (!node) return;
+    ref.current = node;
+  }, []);
+  var viewModelKey = props.userType === apps_user_manager_enums__WEBPACK_IMPORTED_MODULE_11__["MockUserType"].Student ? shared_constants_LiteViewModels__WEBPACK_IMPORTED_MODULE_10__["ViewModelKeys"].BULK_STUDENT_UPLOAD : shared_constants_LiteViewModels__WEBPACK_IMPORTED_MODULE_10__["ViewModelKeys"].BULK_TEACHER_UPLOAD;
+
+  var _useViewModel = Object(_libs_common_src_react_hooks_useViewModel__WEBPACK_IMPORTED_MODULE_2__["useViewModel"])(viewModelKey),
+      _useViewModel2 = _slicedToArray(_useViewModel, 2),
+      setUsers = _useViewModel2[1];
+
+  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_6__["useAlerts"])();
+
+  var buildStudent = function buildStudent(r, index) {
+    var yearLevel = props.yearLevels.find(function (y) {
+      return y.name === r[2];
+    });
+    return {
+      lookupId: index.toString(),
+      name: r[0],
+      surname: r[1],
+      yearLevel: yearLevel,
+      email: r[3]
+    };
+  };
+
+  var buildTeacher = function buildTeacher(r, index) {
+    var userRole = props.userRoles.find(function (y) {
+      return y.name === r[2];
+    }); // TODO: Change to actually work
+
+    return {
+      lookupId: index.toString(),
+      name: r[0],
+      surname: r[1],
+      userRole: userRole,
+      email: r[3]
+    };
+  };
+
+  var onClick = function onClick(e) {
+    ref.current.value = null;
+    ref.current.click(null);
+  };
+
+  var _onChange = function onChange(file) {
+    Object(papaparse__WEBPACK_IMPORTED_MODULE_1__["parse"])(file, {
+      complete: function complete(result) {
+        var data = result.data;
+
+        if (!data.length || data.length === 1) {
+          alerts.warning(_libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_8__["LanguageService"].getPhrase(namespace, 'emptyCsvWarning'));
+          return;
+        }
+
+        data.shift();
+        setUsers(data.map(props.userType === apps_user_manager_enums__WEBPACK_IMPORTED_MODULE_11__["MockUserType"].Student ? buildStudent : buildTeacher));
+        _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_7__["Core"].AppLinkHelper.trigger({
+          application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_9__["AppChannels"].USER_MANAGER,
+          action: props.action
+        });
+      }
+    });
+  };
+
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_4__["IconButton"], {
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__["cvSvgLibrary"].Upload,
+    className: 'btn btn-outline-dark',
+    onClick: onClick
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_5__["Text"], {
+    namespace: namespace,
+    phrase: 'button'
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("input", {
+    type: 'file',
+    autoComplete: 'off',
+    className: 'file-select d-none',
+    accept: 'text/csv',
+    ref: useRef,
+    onChange: function onChange(e) {
+      return _onChange(e.target.files[0]);
+    }
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/apps/user-manager/components/edit-student-details/EditStudentDetails.tsx":
+/*!**************************************************************************************!*\
+  !*** ./src/apps/user-manager/components/edit-student-details/EditStudentDetails.tsx ***!
+  \**************************************************************************************/
+/*! exports provided: EditStudentDetails */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EditStudentDetails", function() { return EditStudentDetails; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-wrapper/FormWrapper */ "../../libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx");
+/* harmony import */ var apps_user_manager_enums__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! apps/user-manager/enums */ "./src/apps/user-manager/enums/index.ts");
+/* harmony import */ var apps_user_manager_validation_user_validation_UserValidationSchema__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! apps/user-manager/validation/user-validation/UserValidationSchema */ "./src/apps/user-manager/validation/user-validation/UserValidationSchema.ts");
+/* harmony import */ var apps_user_manager_components_user_details_form_UserDetailsForm__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! apps/user-manager/components/user-details-form/UserDetailsForm */ "./src/apps/user-manager/components/user-details-form/UserDetailsForm.tsx");
+
+
+
+
+
+function EditStudentDetails(props) {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+
+  var user = props.user,
+      saveUser = props.saveUser,
+      onClickCancel = props.onClickCancel,
+      yearLevels = props.yearLevels,
+      _props$hasNext = props.hasNext,
+      hasNext = _props$hasNext === void 0 ? false : _props$hasNext,
+      _props$initialErrors = props.initialErrors,
+      initialErrors = _props$initialErrors === void 0 ? {} : _props$initialErrors;
+  var initialValues = {
+    id: (_a = user) === null || _a === void 0 ? void 0 : _a.id,
+    name: (_b = user) === null || _b === void 0 ? void 0 : _b.name,
+    email: (_c = user) === null || _c === void 0 ? void 0 : _c.email,
+    surname: (_d = user) === null || _d === void 0 ? void 0 : _d.surname,
+    yearLevel: {
+      id: (_f = (_e = user) === null || _e === void 0 ? void 0 : _e.yearLevel) === null || _f === void 0 ? void 0 : _f.id,
+      name: (_h = (_g = user) === null || _g === void 0 ? void 0 : _g.yearLevel) === null || _h === void 0 ? void 0 : _h.name
+    }
+  };
+  var initialTouched = {};
+  Object.keys(initialErrors).forEach(function (err) {
+    initialTouched[err] = true;
+  });
+  var StudentValidationSchema = Object(apps_user_manager_validation_user_validation_UserValidationSchema__WEBPACK_IMPORTED_MODULE_3__["getStudentValidationSchema"])(yearLevels);
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_1__["FormWrapper"], {
+    initialValues: initialValues,
+    initialErrors: initialErrors,
+    initialTouched: initialTouched,
+    validationSchema: StudentValidationSchema,
+    onSubmit: saveUser
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_user_manager_components_user_details_form_UserDetailsForm__WEBPACK_IMPORTED_MODULE_4__["UserDetailsForm"], {
+    onClickCancel: onClickCancel,
+    yearLevels: yearLevels,
+    userType: apps_user_manager_enums__WEBPACK_IMPORTED_MODULE_2__["MockUserType"].Student,
+    hasNext: hasNext
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/apps/user-manager/components/edit-teacher-details/EditTeacherDetails.tsx":
+/*!**************************************************************************************!*\
+  !*** ./src/apps/user-manager/components/edit-teacher-details/EditTeacherDetails.tsx ***!
+  \**************************************************************************************/
+/*! exports provided: EditTeacherDetails */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EditTeacherDetails", function() { return EditTeacherDetails; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-wrapper/FormWrapper */ "../../libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx");
+/* harmony import */ var apps_user_manager_validation_user_validation_UserValidationSchema__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! apps/user-manager/validation/user-validation/UserValidationSchema */ "./src/apps/user-manager/validation/user-validation/UserValidationSchema.ts");
+/* harmony import */ var apps_user_manager_components_user_details_form_UserDetailsForm__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! apps/user-manager/components/user-details-form/UserDetailsForm */ "./src/apps/user-manager/components/user-details-form/UserDetailsForm.tsx");
+/* harmony import */ var apps_user_manager_enums__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! apps/user-manager/enums */ "./src/apps/user-manager/enums/index.ts");
+
+
+
+
+
+function EditTeacherDetails(props) {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+
+  var user = props.user,
+      saveUser = props.saveUser,
+      onClickCancel = props.onClickCancel,
+      userRoles = props.userRoles,
+      _props$hasNext = props.hasNext,
+      hasNext = _props$hasNext === void 0 ? false : _props$hasNext,
+      _props$initialErrors = props.initialErrors,
+      initialErrors = _props$initialErrors === void 0 ? {} : _props$initialErrors;
+  var initialValues = {
+    id: (_a = user) === null || _a === void 0 ? void 0 : _a.id,
+    name: (_b = user) === null || _b === void 0 ? void 0 : _b.name,
+    email: (_c = user) === null || _c === void 0 ? void 0 : _c.email,
+    surname: (_d = user) === null || _d === void 0 ? void 0 : _d.surname,
+    userRole: {
+      id: (_f = (_e = user) === null || _e === void 0 ? void 0 : _e.userRole) === null || _f === void 0 ? void 0 : _f.id,
+      name: (_h = (_g = user) === null || _g === void 0 ? void 0 : _g.userRole) === null || _h === void 0 ? void 0 : _h.name
+    }
+  };
+  var initialTouched = {};
+  Object.keys(initialErrors).forEach(function (err) {
+    initialTouched[err] = true;
+  });
+  var TeacherValidationSchema = Object(apps_user_manager_validation_user_validation_UserValidationSchema__WEBPACK_IMPORTED_MODULE_2__["getTeacherValidationSchema"])(userRoles);
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_1__["FormWrapper"], {
+    initialValues: initialValues,
+    initialErrors: initialErrors,
+    initialTouched: initialTouched,
+    validationSchema: TeacherValidationSchema,
+    onSubmit: saveUser
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_user_manager_components_user_details_form_UserDetailsForm__WEBPACK_IMPORTED_MODULE_3__["UserDetailsForm"], {
+    onClickCancel: onClickCancel,
+    userRoles: userRoles,
+    userType: apps_user_manager_enums__WEBPACK_IMPORTED_MODULE_4__["MockUserType"].Teacher,
+    hasNext: hasNext
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/apps/user-manager/components/index.ts":
+/*!***************************************************!*\
+  !*** ./src/apps/user-manager/components/index.ts ***!
+  \***************************************************/
+/*! exports provided: UserDetailsForm, YearLevelSelect, EditStudentDetails, EditTeacherDetails, BulkUploadFileSelect */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _user_details_form_UserDetailsForm__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./user-details-form/UserDetailsForm */ "./src/apps/user-manager/components/user-details-form/UserDetailsForm.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UserDetailsForm", function() { return _user_details_form_UserDetailsForm__WEBPACK_IMPORTED_MODULE_0__["UserDetailsForm"]; });
+
+/* harmony import */ var _year_level_select_YearLevelSelect__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./year-level-select/YearLevelSelect */ "./src/apps/user-manager/components/year-level-select/YearLevelSelect.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "YearLevelSelect", function() { return _year_level_select_YearLevelSelect__WEBPACK_IMPORTED_MODULE_1__["YearLevelSelect"]; });
+
+/* harmony import */ var _edit_student_details_EditStudentDetails__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./edit-student-details/EditStudentDetails */ "./src/apps/user-manager/components/edit-student-details/EditStudentDetails.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "EditStudentDetails", function() { return _edit_student_details_EditStudentDetails__WEBPACK_IMPORTED_MODULE_2__["EditStudentDetails"]; });
+
+/* harmony import */ var _edit_teacher_details_EditTeacherDetails__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./edit-teacher-details/EditTeacherDetails */ "./src/apps/user-manager/components/edit-teacher-details/EditTeacherDetails.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "EditTeacherDetails", function() { return _edit_teacher_details_EditTeacherDetails__WEBPACK_IMPORTED_MODULE_3__["EditTeacherDetails"]; });
+
+/* harmony import */ var _bulk_upload_file_select_BulkUploadFileSelect__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./bulk-upload-file-select/BulkUploadFileSelect */ "./src/apps/user-manager/components/bulk-upload-file-select/BulkUploadFileSelect.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BulkUploadFileSelect", function() { return _bulk_upload_file_select_BulkUploadFileSelect__WEBPACK_IMPORTED_MODULE_4__["BulkUploadFileSelect"]; });
+
+
+
+
+
+
+
+/***/ }),
+
+/***/ "./src/apps/user-manager/components/user-details-form/UserDetailsForm.tsx":
+/*!********************************************************************************!*\
+  !*** ./src/apps/user-manager/components/user-details-form/UserDetailsForm.tsx ***!
+  \********************************************************************************/
+/*! exports provided: UserDetailsForm */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "UserDetailsForm", function() { return UserDetailsForm; });
+/* 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 formik__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! formik */ "../../../node_modules/formik/dist/formik.esm.js");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_shared_src_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-field/FormField */ "../../libs/shared/src/components/forms/form-field/FormField.tsx");
+/* harmony import */ var _libs_shared_src_components_forms_form_buttons_FormButtons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-buttons/FormButtons */ "../../libs/shared/src/components/forms/form-buttons/FormButtons.tsx");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_shared_src_utils_FormHelper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/FormHelper */ "../../libs/shared/src/utils/FormHelper.ts");
+/* harmony import */ var _libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-wrapper/FormWrapper */ "../../libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx");
+/* harmony import */ var apps_user_manager_components_year_level_select_YearLevelSelect__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! apps/user-manager/components/year-level-select/YearLevelSelect */ "./src/apps/user-manager/components/year-level-select/YearLevelSelect.tsx");
+/* harmony import */ var apps_user_manager_enums__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! apps/user-manager/enums */ "./src/apps/user-manager/enums/index.ts");
+
+
+
+
+
+
+
+
+
+
+/**
+ * This file uses 3 *.lang.json files.
+ * - One for generic values
+ * - One for student specific values
+ * - One for teacher specific values
+ */
+
+var namespace = 'userManager.userDetailsForm';
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].encloseNamespace(namespace);
+function UserDetailsForm(props) {
+  var onClickCancel = props.onClickCancel,
+      yearLevels = props.yearLevels,
+      userRoles = props.userRoles,
+      userType = props.userType;
+  var formikProps = Object(_libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_7__["useFormikContextWrapper"])();
+
+  var getTreeSelectClassName = function getTreeSelectClassName(field) {
+    return _libs_shared_src_utils_FormHelper__WEBPACK_IMPORTED_MODULE_6__["FormHelper"].getCustomFormControlClassName(formikProps.errors, formikProps.touched, field, 'revert-form-control h-auto');
+  };
+
+  var getTypePhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].encloseNamespace(userType === apps_user_manager_enums__WEBPACK_IMPORTED_MODULE_9__["MockUserType"].Teacher ? 'userManager.teacherDetailsForm' : 'userManager.studentDetailsForm');
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](formik__WEBPACK_IMPORTED_MODULE_1__["Form"], null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_3__["FormField"], {
+    label: getPhrase('firstName'),
+    type: 'text',
+    name: 'name',
+    id: 'name',
+    placeholder: getTypePhrase('firstNamePlaceholder'),
+    autoFocus: true,
+    value: formikProps.values.name
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_3__["FormField"], {
+    label: getPhrase('lastName'),
+    type: 'text',
+    name: 'surname',
+    id: 'surname',
+    placeholder: getTypePhrase('lastNamePlaceholder'),
+    value: formikProps.values.surname
+  }), yearLevels && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_3__["FormField"], {
+    name: 'yearLevel',
+    label: getPhrase('yearLevel')
+  }, function () {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+      className: getTreeSelectClassName('yearLevel')
+    }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_user_manager_components_year_level_select_YearLevelSelect__WEBPACK_IMPORTED_MODULE_8__["YearLevelSelect"], {
+      yearLevels: yearLevels,
+      selected: formikProps.values.yearLevel,
+      onSelect: function onSelect(yearLevel) {
+        return formikProps.setFieldValue('yearLevel', yearLevel);
+      }
+    }));
+  }), userRoles && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_3__["FormField"], {
+    label: getPhrase('userRole'),
+    name: 'userRole',
+    as: 'select',
+    onChange: function onChange(e) {
+      var roleObj = props.userRoles.find(function (r) {
+        return r.id === e.target.value;
+      });
+      formikProps.setFieldValue('userRole', roleObj);
+    },
+    value: formikProps.values.userRole.id
+  }, userRoles.map(function (r) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("option", {
+      key: r.id,
+      value: r.id
+    }, r.name);
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_3__["FormField"], {
+    label: getPhrase('emailAddress'),
+    type: 'text',
+    name: 'email',
+    id: 'email',
+    placeholder: getTypePhrase('emailAddressPlaceholder'),
+    value: formikProps.values.email
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'btn-container d-flex justify-content-end'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("button", {
+    type: 'button',
+    className: "btn btn-link mr-2",
+    onClick: onClickCancel
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_5__["Text"], {
+    namespace: namespace,
+    phrase: 'cancel'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_forms_form_buttons_FormButtons__WEBPACK_IMPORTED_MODULE_4__["FormButtons"], {
+    isNew: false,
+    hasNext: props.hasNext
+  })));
+}
+
+/***/ }),
+
+/***/ "./src/apps/user-manager/components/year-level-select/YearLevelSelect.tsx":
+/*!********************************************************************************!*\
+  !*** ./src/apps/user-manager/components/year-level-select/YearLevelSelect.tsx ***!
+  \********************************************************************************/
+/*! exports provided: YearLevelSelect */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "YearLevelSelect", function() { return YearLevelSelect; });
+/* 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 YearLevel(props) {
+  var yearLevel = props.yearLevel,
+      selected = props.selected,
+      onSelect = props.onSelect;
+  var className = selected ? 'badge-info' : 'badge-light';
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", {
+    className: "badge-pill d-inline-block mr-1 mb-1 cursor-pointer ".concat(className),
+    role: 'radio',
+    "aria-checked": selected,
+    onClick: function onClick() {
+      return onSelect(yearLevel);
+    }
+  }, yearLevel.name);
+}
+
+function YearLevelSelect(props) {
+  var yearLevels = props.yearLevels,
+      selected = props.selected,
+      onSelect = props.onSelect;
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    role: 'radiogroup'
+  }, yearLevels.map(function (y) {
+    var _a, _b;
+
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](YearLevel, {
+      key: y.id,
+      yearLevel: y,
+      selected: y.id.toString() === ((_b = (_a = selected) === null || _a === void 0 ? void 0 : _a.id) === null || _b === void 0 ? void 0 : _b.toString()),
+      onSelect: onSelect
+    });
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/apps/user-manager/enums/index.ts":
+/*!**********************************************!*\
+  !*** ./src/apps/user-manager/enums/index.ts ***!
+  \**********************************************/
+/*! exports provided: MockUserType */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _mocks_MockUserType__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./mocks/MockUserType */ "./src/apps/user-manager/enums/mocks/MockUserType.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MockUserType", function() { return _mocks_MockUserType__WEBPACK_IMPORTED_MODULE_0__["MockUserType"]; });
+
+
+
+/***/ }),
+
+/***/ "./src/apps/user-manager/enums/mocks/MockUserType.ts":
+/*!***********************************************************!*\
+  !*** ./src/apps/user-manager/enums/mocks/MockUserType.ts ***!
+  \***********************************************************/
+/*! exports provided: MockUserType */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MockUserType", function() { return MockUserType; });
+var MockUserType;
+
+(function (MockUserType) {
+  MockUserType["Student"] = "student";
+  MockUserType["Teacher"] = "teacher";
+})(MockUserType || (MockUserType = {}));
+
+/***/ }),
+
+/***/ "./src/apps/user-manager/validation/user-validation/UserValidationSchema.ts":
+/*!**********************************************************************************!*\
+  !*** ./src/apps/user-manager/validation/user-validation/UserValidationSchema.ts ***!
+  \**********************************************************************************/
+/*! exports provided: getTeacherValidationSchema, getStudentValidationSchema */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getTeacherValidationSchema", function() { return getTeacherValidationSchema; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getStudentValidationSchema", function() { return getStudentValidationSchema; });
+/* harmony import */ var yup__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! yup */ "../../../node_modules/yup/lib/index.js");
+/* harmony import */ var yup__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(yup__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+
+
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].encloseNamespace('userManager.userValidation');
+var UserValidationSchema = Object(yup__WEBPACK_IMPORTED_MODULE_0__["object"])().shape({
+  name: Object(yup__WEBPACK_IMPORTED_MODULE_0__["string"])().max(255, function () {
+    return getPhrase('nameExceeds');
+  }).required(function () {
+    return getPhrase('nameRequired');
+  })["default"](''),
+  surname: Object(yup__WEBPACK_IMPORTED_MODULE_0__["string"])().max(255, function () {
+    return getPhrase('surnameExceeds');
+  }).required(function () {
+    return getPhrase('surnameRequired');
+  })["default"](''),
+  email: Object(yup__WEBPACK_IMPORTED_MODULE_0__["string"])().max(255, function () {
+    return getPhrase('emailExceeds');
+  }).required(function () {
+    return getPhrase('emailRequired');
+  }).email(function () {
+    return getPhrase('emailValid');
+  })["default"]('')
+});
+var getTeacherValidationSchema = function getTeacherValidationSchema(userRoles) {
+  return UserValidationSchema.shape({
+    userRole: Object(yup__WEBPACK_IMPORTED_MODULE_0__["object"])().shape({
+      name: Object(yup__WEBPACK_IMPORTED_MODULE_0__["string"])().required(function () {
+        return getPhrase('userRoleRequired');
+      }).oneOf(userRoles.map(function (r) {
+        return r.name;
+      }), function () {
+        return getPhrase('userRoleInvalid');
+      })["default"]('')
+    })
+  });
+};
+var getStudentValidationSchema = function getStudentValidationSchema(yearLevels) {
+  return UserValidationSchema.shape({
+    yearLevel: Object(yup__WEBPACK_IMPORTED_MODULE_0__["object"])().shape({
+      name: Object(yup__WEBPACK_IMPORTED_MODULE_0__["string"])().required(function () {
+        return getPhrase('yearLevelRequired');
+      }).oneOf(yearLevels.map(function (y) {
+        return y.name;
+      }), function () {
+        return getPhrase('yearLevelInvalid');
+      })["default"]('')
+    })
+  });
+};
+
+/***/ }),
+
+/***/ "./src/shared/components/toggle-switch/ToggleSwitch.tsx":
+/*!**************************************************************!*\
+  !*** ./src/shared/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 _libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/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' : '';
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_1__["DivButton"], {
+    onClick: onClick,
+    className: "".concat(bootstrapClasses, " ").concat(onClass, " ").concat(disabledClass)
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", {
+    className: 'handle'
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/shared/hooks/useBulkCheckboxManager.tsx":
+/*!*****************************************************!*\
+  !*** ./src/shared/hooks/useBulkCheckboxManager.tsx ***!
+  \*****************************************************/
+/*! exports provided: useBulkCheckboxManager */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useBulkCheckboxManager", function() { return useBulkCheckboxManager; });
+/* 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 _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+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; }
+
+
+/**
+ * @param collection - The collection you are keeping track of with checkboxes
+ * @param options - See interface above
+ */
+
+var useBulkCheckboxManager = function useBulkCheckboxManager(collection) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      bulkChecked = _React$useState2[0],
+      setBulkChecked = _React$useState2[1];
+
+  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState({}),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      items = _React$useState4[0],
+      setItems = _React$useState4[1];
+
+  var _options$idField = options.idField,
+      idField = _options$idField === void 0 ? 'id' : _options$idField;
+  react__WEBPACK_IMPORTED_MODULE_0___default.a.useEffect(function () {
+    var _a;
+
+    if (!((_a = collection) === null || _a === void 0 ? void 0 : _a.length)) return;
+    var newItemState = collection.reduce(function (stateObj, item) {
+      var _a, _b;
+
+      var checkboxState = false;
+      if ((_b = (_a = options) === null || _a === void 0 ? void 0 : _a.preselectedIds) === null || _b === void 0 ? void 0 : _b.includes(item[idField])) checkboxState = true;
+      var id = item[idField];
+      stateObj[id] = checkboxState;
+      return stateObj;
+    }, {});
+    setItems(newItemState);
+  }, [collection]); // When toggled on, all checkbox items will be enabled. Vice versa if toggled off
+
+  function onToggleBulk() {
+    var nextState = !bulkChecked;
+    setBulkChecked(nextState);
+    var newItemsState = collection.reduce(function (stateObj, item) {
+      stateObj[item[idField]] = nextState;
+      return stateObj;
+    }, {});
+    setItems(newItemsState);
+  } // Toggles a single item
+
+
+  function onToggleItem(id) {
+    var nextItemState = !items[id];
+    var nextState = Object.assign(Object.assign({}, items), _defineProperty({}, id, nextItemState));
+    setItems(nextState);
+    /**
+     * Keep the bulk checkbox in sync with all of the other checkboxes
+     */
+
+    var totalItemsSelected = Object.keys(nextState).filter(function (i) {
+      return nextState[i];
+    }).length;
+
+    if (totalItemsSelected === collection.length) {
+      setBulkChecked(true);
+      return;
+    }
+
+    if (!nextItemState && bulkChecked) setBulkChecked(false);
+  } // Returns the state of the item passed in
+
+
+  function isChecked(item) {
+    if (bulkChecked) return true;
+    if (typeof item !== 'string') item = item[idField];
+    return items[item];
+  }
+
+  function getSelected() {
+    if (bulkChecked) return Object.keys(items);
+    return Object.keys(items).filter(function (item) {
+      return items[item];
+    });
+  }
+
+  return {
+    onToggleBulk: onToggleBulk,
+    onToggleItem: onToggleItem,
+    getSelected: getSelected,
+    isChecked: isChecked,
+    bulkChecked: bulkChecked
+  };
+};
+
+/***/ })
+
+}]);
+//# sourceMappingURL=7.chunk.js.map