@clickview/lite 0.0.26-dev.0 → 0.0.26-dev.1

package/dist/scripts/83.chunk.js

@@ -0,0 +1,318 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[83],{
+
+/***/ "./src/apps/user-manager/views/school-student-manager/SchoolStudentManagerView.tsx":
+/*!*****************************************************************************************!*\
+  !*** ./src/apps/user-manager/views/school-student-manager/SchoolStudentManagerView.tsx ***!
+  \*****************************************************************************************/
+/*! exports provided: SchoolStudentManagerView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SchoolStudentManagerView", function() { return SchoolStudentManagerView; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ "react-redux");
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/hooks/UseSetPageTitle */ "../../libs/common/src/react/hooks/UseSetPageTitle.ts");
+/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_shared_src_hooks_usePermissions__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/usePermissions */ "../../libs/shared/src/hooks/usePermissions.ts");
+/* harmony import */ var _libs_shared_src_enums_PermissionName__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/enums/PermissionName */ "../../libs/shared/src/enums/PermissionName.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/UserRequests */ "../../libs/shared/src/flight-requests/UserRequests.ts");
+/* harmony import */ var _libs_shared_src_enums_UserGroup__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/enums/UserGroup */ "../../libs/shared/src/enums/UserGroup.ts");
+/* harmony import */ var _libs_shared_src_components_breadcrumbs_Breadcrumbs__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/breadcrumbs/Breadcrumbs */ "../../libs/shared/src/components/breadcrumbs/Breadcrumbs.tsx");
+/* harmony import */ var _libs_shared_src_hooks_UseInfiniteList__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseInfiniteList */ "../../libs/shared/src/hooks/UseInfiniteList.ts");
+/* harmony import */ var _libs_shared_src_components_infinite_scroll_footer_InfiniteScrollFooter__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/infinite-scroll-footer/InfiniteScrollFooter */ "../../libs/shared/src/components/infinite-scroll-footer/InfiniteScrollFooter.tsx");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+/* harmony import */ var apps_user_manager_flight_requests_SchoolUserRequests__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! apps/user-manager/flight-requests/SchoolUserRequests */ "./src/apps/user-manager/flight-requests/SchoolUserRequests.ts");
+/* harmony import */ var apps_user_manager_components_manage_users_list_ManageUsersList__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! apps/user-manager/components/manage-users-list/ManageUsersList */ "./src/apps/user-manager/components/manage-users-list/ManageUsersList.tsx");
+/* harmony import */ var apps_user_manager_components_manage_users_list_partial_loading_PartialManageUsersList__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! apps/user-manager/components/manage-users-list/partial-loading/PartialManageUsersList */ "./src/apps/user-manager/components/manage-users-list/partial-loading/PartialManageUsersList.tsx");
+/* harmony import */ var apps_search_components_scoped_search_bar_ScopedSearchBar__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! apps/search/components/scoped-search-bar/ScopedSearchBar */ "./src/apps/search/components/scoped-search-bar/ScopedSearchBar.tsx");
+/* harmony import */ var apps_search_components__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! apps/search/components */ "./src/apps/search/components/index.ts");
+/* harmony import */ var apps_search_utils__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! apps/search/utils */ "./src/apps/search/utils/index.ts");
+/* harmony import */ var apps_user_manager_components_manage_users_list_empty_state_UserManagerSearchEmptyState__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! apps/user-manager/components/manage-users-list/empty-state/UserManagerSearchEmptyState */ "./src/apps/user-manager/components/manage-users-list/empty-state/UserManagerSearchEmptyState.tsx");
+/* harmony import */ var shared_errors_general_not_found_LiteNotFoundError__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! shared/errors/general/not-found/LiteNotFoundError */ "./src/shared/errors/general/not-found/LiteNotFoundError.ts");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+/* harmony import */ var _empty_state_SchoolStudentManagerEmptyState__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./empty-state/SchoolStudentManagerEmptyState */ "./src/apps/user-manager/views/school-student-manager/empty-state/SchoolStudentManagerEmptyState.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; }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var namespace = 'userManager.schoolStudentManager';
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].encloseNamespace(namespace);
+var currentAppLink = {
+  application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_23__["AppChannels"].USER_MANAGER,
+  action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_24__["Actions"].UserManager.STUDENTS
+};
+function SchoolStudentManagerView(props) {
+  Object(_libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_4__["useSetPageTitle"])(getPhrase('pageTitle'));
+
+  var _usePermissions = Object(_libs_shared_src_hooks_usePermissions__WEBPACK_IMPORTED_MODULE_7__["usePermissions"])(),
+      hasPermissions = _usePermissions.hasPermissions;
+
+  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__["useState"](false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      hasFetchedFirstPage = _React$useState2[0],
+      setHasFetchedFirstPage = _React$useState2[1];
+
+  var currentUser = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_9__["UserRequests"].currentUser());
+  var yearGroups = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(currentUser.data && apps_user_manager_flight_requests_SchoolUserRequests__WEBPACK_IMPORTED_MODULE_15__["SchoolUserRequests"].yearGroups(currentUser.data.customerId)); // If we have a search query, we want to use it to limit our search.
+  // If not, we want to search all students.
+
+  function getRequest(cursor) {
+    var _a;
+
+    if (!currentUser.data) return null;
+
+    if ((_a = props.queryParams) === null || _a === void 0 ? void 0 : _a.query) {
+      return apps_user_manager_flight_requests_SchoolUserRequests__WEBPACK_IMPORTED_MODULE_15__["SchoolUserRequests"].searchUsers(props.queryParams, cursor, _libs_shared_src_enums_UserGroup__WEBPACK_IMPORTED_MODULE_10__["UserGroup"].Learner);
+    }
+
+    return apps_user_manager_flight_requests_SchoolUserRequests__WEBPACK_IMPORTED_MODULE_15__["SchoolUserRequests"].getUsers(currentUser.data.customerId, _libs_shared_src_enums_UserGroup__WEBPACK_IMPORTED_MODULE_10__["UserGroup"].Learner, props.queryParams, cursor);
+  }
+
+  var fetchNext = function fetchNext(cursor) {
+    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].getFetch(dispatch, getRequest(cursor))();
+  };
+
+  var _useInfiniteList = Object(_libs_shared_src_hooks_UseInfiniteList__WEBPACK_IMPORTED_MODULE_12__["useInfiniteList"])(getRequest, fetchNext),
+      students = _useInfiniteList.items,
+      hasMore = _useInfiniteList.hasMore,
+      isFetching = _useInfiniteList.isFetching;
+
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    if (hasFetchedFirstPage) return;
+    setHasFetchedFirstPage(true);
+  }, [students, hasFetchedFirstPage]); // When query params changes, we're fetching a new set of results with a different first page
+
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    setHasFetchedFirstPage(false);
+  }, [props.queryParams]);
+
+  function getFilters() {
+    if (!currentUser.data) return [];
+    return [apps_search_utils__WEBPACK_IMPORTED_MODULE_20__["Filters"].SortByName(apps_search_utils__WEBPACK_IMPORTED_MODULE_20__["FilterHelper"].getNameSortOptions()), apps_search_utils__WEBPACK_IMPORTED_MODULE_20__["Filters"].YearGroup(apps_search_utils__WEBPACK_IMPORTED_MODULE_20__["FilterHelper"].getYearGroupOptions(yearGroups.data))];
+  }
+
+  if (!hasPermissions(_libs_shared_src_enums_PermissionName__WEBPACK_IMPORTED_MODULE_8__["PermissionName"].ManageUsers)) {
+    _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_5__["Core"].ErrorHelper["throw"](new shared_errors_general_not_found_LiteNotFoundError__WEBPACK_IMPORTED_MODULE_22__["NotFoundError"]());
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  }
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'px-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h1", {
+    className: 'pl-4'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_6__["Text"], {
+    namespace: namespace,
+    phrase: 'heading'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'pl-4 pb-2'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_breadcrumbs_Breadcrumbs__WEBPACK_IMPORTED_MODULE_11__["Breadcrumbs"], {
+    type: _libs_shared_src_components_breadcrumbs_Breadcrumbs__WEBPACK_IMPORTED_MODULE_11__["BreadcrumbType"].Static,
+    data: [{
+      name: getPhrase('settingsBreadcrumb')
+    }, {
+      name: getPhrase('managerBreadcrumb')
+    }],
+    currentItem: {
+      name: getPhrase('managerBreadcrumb')
+    },
+    getItemAppLink: function getItemAppLink() {
+      return {
+        application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_23__["AppChannels"].SETTINGS,
+        action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_24__["Actions"].Settings.HOME
+      };
+    }
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, function () {
+    var _a;
+
+    if (!((_a = students) === null || _a === void 0 ? void 0 : _a.length) && !Object.keys(props.queryParams).length && !isFetching) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_empty_state_SchoolStudentManagerEmptyState__WEBPACK_IMPORTED_MODULE_25__["SchoolStudentManagerEmptyState"], null);
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+      className: 'pl-4 py-2 row'
+    }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+      className: 'col-9 pl-1'
+    }, getFilters().length ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_search_components__WEBPACK_IMPORTED_MODULE_19__["SearchFilters"], {
+      queryParams: props.queryParams,
+      mainFilters: getFilters(),
+      analyticsOptions: {
+        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_14__["EntityType"].User,
+        location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_14__["LocationContext"].StudentManager
+      },
+      hideHeading: true,
+      appLink: currentAppLink
+    }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_search_components__WEBPACK_IMPORTED_MODULE_19__["PartialSearchFilters"], {
+      hideHeading: true
+    })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+      className: 'col-3'
+    }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_search_components_scoped_search_bar_ScopedSearchBar__WEBPACK_IMPORTED_MODULE_18__["ScopedSearchBar"], {
+      id: 'school-student-search',
+      name: 'school-student-search',
+      placeholder: getPhrase('searchBarPlaceholder'),
+      searchAppLink: Object.assign(Object.assign({}, currentAppLink), {
+        params: props.queryParams
+      })
+    }))), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("main", null, function () {
+      var _a; // We only want to display partial loading when we're loading in the first page or results
+
+
+      if (isFetching && !hasFetchedFirstPage) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_user_manager_components_manage_users_list_partial_loading_PartialManageUsersList__WEBPACK_IMPORTED_MODULE_17__["PartialManageUsersList"], null);
+      if (!((_a = students) === null || _a === void 0 ? void 0 : _a.length)) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_user_manager_components_manage_users_list_empty_state_UserManagerSearchEmptyState__WEBPACK_IMPORTED_MODULE_21__["UserManagerSearchEmptyState"], null);
+      return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, !!students.length && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", {
+        className: 'pl-4 mb-0 font-weight-500'
+      }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_6__["Text"], {
+        namespace: namespace,
+        phrase: 'entries',
+        options: {
+          smartCount: students.length
+        }
+      })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+        className: 'py-3'
+      }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_user_manager_components_manage_users_list_ManageUsersList__WEBPACK_IMPORTED_MODULE_16__["ManageUsersList"], {
+        users: students,
+        userType: _libs_shared_src_enums_UserGroup__WEBPACK_IMPORTED_MODULE_10__["UserGroup"].Learner,
+        analyticsOptions: {
+          location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_14__["LocationContext"].StudentManager
+        }
+      }), !!hasMore && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_infinite_scroll_footer_InfiniteScrollFooter__WEBPACK_IMPORTED_MODULE_13__["InfiniteScrollFooter"], {
+        isFetching: isFetching,
+        onClick: fetchNext
+      })));
+    }()));
+  }()));
+}
+
+/***/ }),
+
+/***/ "./src/apps/user-manager/views/school-student-manager/empty-state/SchoolStudentManagerEmptyState.tsx":
+/*!***********************************************************************************************************!*\
+  !*** ./src/apps/user-manager/views/school-student-manager/empty-state/SchoolStudentManagerEmptyState.tsx ***!
+  \***********************************************************************************************************/
+/*! exports provided: SchoolStudentManagerEmptyState */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SchoolStudentManagerEmptyState", function() { return SchoolStudentManagerEmptyState; });
+/* 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 _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _libs_shared_src_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/components/icon-button/IconButton */ "../../libs/shared/src/components/icon-button/IconButton.tsx");
+/* harmony import */ var _libs_shared_src_enums_UserGroup__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/enums/UserGroup */ "../../libs/shared/src/enums/UserGroup.ts");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var shared_constants_ImageUrls__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! shared/constants/ImageUrls */ "./src/shared/constants/ImageUrls.ts");
+/* harmony import */ var shared_components_empty_state_image_EmptyStateImage__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! shared/components/empty-state-image/EmptyStateImage */ "./src/shared/components/empty-state-image/EmptyStateImage.tsx");
+/* harmony import */ var apps_user_manager_constants_Templates__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! apps/user-manager/constants/Templates */ "./src/apps/user-manager/constants/Templates.ts");
+
+
+
+
+
+
+
+
+
+
+var namespace = 'userManager.schoolStudentManagerEmptyState';
+var newStudentAppLink = {
+  application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_6__["AppChannels"].USER_MANAGER,
+  action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_5__["Actions"].UserManager.CREATE_USER,
+  params: {
+    userType: _libs_shared_src_enums_UserGroup__WEBPACK_IMPORTED_MODULE_4__["UserGroup"].Learner
+  }
+};
+function SchoolStudentManagerEmptyState() {
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["LanguageNamespaceContext"].Provider, {
+    value: namespace
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'text-center py-5'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(shared_components_empty_state_image_EmptyStateImage__WEBPACK_IMPORTED_MODULE_8__["EmptyStateImage"], {
+    src: shared_constants_ImageUrls__WEBPACK_IMPORTED_MODULE_7__["ImageUrls"].EmptyStates.USER_MANAGER
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h2", {
+    className: 'h6'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
+    phrase: 'heading'
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", {
+    className: 'w-33 mx-auto'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
+    phrase: 'info'
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", {
+    className: 'pb-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
+    phrase: 'template',
+    options: {
+      templateLink: apps_user_manager_constants_Templates__WEBPACK_IMPORTED_MODULE_9__["UserManagerTemplates"].STUDENTS
+    }
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'd-flex justify-content-center align-items-center'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'px-1'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_3__["IconButton"], {
+    className: 'btn btn-secondary',
+    appLink: newStudentAppLink,
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__["cvSvgLibrary"].Plus
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
+    phrase: 'addNew'
+  }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'px-1'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_3__["IconButton"], {
+    appLink: {
+      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_6__["AppChannels"].USER_MANAGER,
+      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_5__["Actions"].UserManager.BULK_USER_UPLOAD_POPUP,
+      params: {
+        userType: _libs_shared_src_enums_UserGroup__WEBPACK_IMPORTED_MODULE_4__["UserGroup"].Learner
+      }
+    },
+    className: 'btn btn-secondary',
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__["cvSvgLibrary"].Upload
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
+    phrase: 'uploadAList'
+  }))))));
+}
+
+/***/ })
+
+}]);
+//# sourceMappingURL=83.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/user-manager/views/school-student-manager/SchoolStudentManagerView.tsx","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/user-manager/views/school-student-manager/empty-state/SchoolStudentManagerEmptyState.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AAEA,IAAM,SAAS,GAAG,kCAAlB;AACA,IAAM,SAAS,GAAG,kGAAe,CAAC,gBAAhB,CAAiC,SAAjC,CAAlB;AAEA,IAAM,cAAc,GAAG;AACrB,aAAW,EAAE,+EAAW,CAAC,YADJ;AAErB,QAAM,EAAE,qEAAO,CAAC,WAAR,CAAoB;AAFP,CAAvB;AASM,SAAU,wBAAV,CAAmC,KAAnC,EAAuE;AAC3E,sGAAe,CAAC,SAAS,CAAC,WAAD,CAAV,CAAf;;AAD2E,wBAGhD,4FAAc,EAHkC;AAAA,MAGnE,cAHmE,mBAGnE,cAHmE;;AAI3E,MAAM,QAAQ,GAAG,+DAAW,EAA5B;;AAJ2E,wBAKnB,+CAAe,KAAf,CALmB;AAAA;AAAA,MAKnE,mBALmE;AAAA,MAK9C,sBAL8C;;AAO3E,MAAM,WAAW,GAAG,6DAAM,CAAC,aAAP,CAAkC,0FAAY,CAAC,WAAb,EAAlC,CAApB;AACA,MAAM,UAAU,GAAG,6DAAM,CAAC,aAAP,CACjB,WAAW,CAAC,IAAZ,IAAoB,wGAAkB,CAAC,UAAnB,CAA8B,WAAW,CAAC,IAAZ,CAAiB,UAA/C,CADH,CAAnB,CAR2E,CAW3E;AACA;;AACA,WAAS,UAAT,CAAoB,MAApB,EAAkC;;;AAChC,QAAI,CAAC,WAAW,CAAC,IAAjB,EACE,OAAO,IAAP;;AAEF,cAAI,KAAK,CAAC,WAAV,MAAqB,IAArB,IAAqB,aAArB,GAAqB,MAArB,GAAqB,GAAE,KAAvB,EAA8B;AAC5B,aAAO,wGAAkB,CAAC,WAAnB,CACL,KAAK,CAAC,WADD,EAEL,MAFK,EAGL,2EAAS,CAAC,OAHL,CAAP;AAKD;;AAED,WAAO,wGAAkB,CAAC,QAAnB,CACL,WAAW,CAAC,IAAZ,CAAiB,UADZ,EAEL,2EAAS,CAAC,OAFL,EAGL,KAAK,CAAC,WAHD,EAIL,MAJK,CAAP;AAMD;;AAED,MAAM,SAAS,GAAG,SAAZ,SAAY,CAAC,MAAD,EAAoB;AACpC,iEAAM,CAAC,QAAP,CAAgB,QAAhB,EAA0B,UAAU,CAAC,MAAD,CAApC;AACD,GAFD;;AAjC2E,yBAqC1B,+FAAe,CAAO,UAAP,EAAmB,SAAnB,CArCW;AAAA,MAqC5D,QArC4D,oBAqCnE,KArCmE;AAAA,MAqClD,OArCkD,oBAqClD,OArCkD;AAAA,MAqCzC,UArCyC,oBAqCzC,UArCyC;;AAuC3E,kDAAgB,YAAK;AACnB,QAAI,mBAAJ,EACE;AAEF,0BAAsB,CAAC,IAAD,CAAtB;AACD,GALD,EAKG,CAAE,QAAF,EAAY,mBAAZ,CALH,EAvC2E,CA8C3E;;AACA,kDAAgB,YAAK;AACnB,0BAAsB,CAAC,KAAD,CAAtB;AACD,GAFD,EAEG,CAAC,KAAK,CAAC,WAAP,CAFH;;AAIA,WAAS,UAAT,GAAmB;AACjB,QAAI,CAAC,WAAW,CAAC,IAAjB,EACE,OAAO,EAAP;AAEF,WAAO,CACL,0DAAO,CAAC,UAAR,CAAmB,+DAAY,CAAC,kBAAb,EAAnB,CADK,EAEL,0DAAO,CAAC,SAAR,CAAkB,+DAAY,CAAC,mBAAb,CAAiC,UAAU,CAAC,IAA5C,CAAlB,CAFK,CAAP;AAID;;AAED,MAAI,CAAC,cAAc,CAAC,oFAAc,CAAC,WAAhB,CAAnB,EAAiD;AAC/C,kEAAI,CAAC,WAAL,UAAuB,IAAI,gGAAJ,EAAvB;AACA,WAAO,yGAAP;AACD;;AAED,SACE;AAAK,aAAS,EAAC;AAAf,KACE;AAAI,aAAS,EAAC;AAAd,KAAqB,oDAAC,0EAAD,EAAK;AAAC,aAAS,EAAE,SAAZ;AAAuB,UAAM,EAAC;AAA9B,GAAL,CAArB,CADF,EAGE;AAAK,aAAS,EAAC;AAAf,KACE,oDAAC,gGAAD,EAAY;AACV,QAAI,EAAE,mGAAc,CAAC,MADX;AAEV,QAAI,EAAE,CACJ;AAAE,UAAI,EAAE,SAAS,CAAC,oBAAD;AAAjB,KADI,EAEJ;AAAE,UAAI,EAAE,SAAS,CAAC,mBAAD;AAAjB,KAFI,CAFI;AAMV,eAAW,EAAE;AAAE,UAAI,EAAE,SAAS,CAAC,mBAAD;AAAjB,KANH;AAOV,kBAAc,EAAE;AAAA,aAAO;AACrB,mBAAW,EAAE,+EAAW,CAAC,QADJ;AAErB,cAAM,EAAE,qEAAO,CAAC,QAAR,CAAiB;AAFJ,OAAP;AAAA;AAPN,GAAZ,CADF,CAHF,EAkBE,0GACI,YAAK;;;AACL,QAAI,QAAC,QAAD,MAAS,IAAT,IAAS,aAAT,GAAS,MAAT,GAAS,GAAE,MAAX,KAAqB,CAAC,MAAM,CAAC,IAAP,CAAY,KAAK,CAAC,WAAlB,EAA+B,MAArD,IAA+D,CAAC,UAApE,EACE,OAAO,oDAAC,2GAAD,EAA+B,IAA/B,CAAP;AAEF,WACE,0GACE;AAAK,eAAS,EAAC;AAAf,OACE;AAAK,eAAS,EAAC;AAAf,OACG,UAAU,GAAG,MAAb,GAEG,oDAAC,qEAAD,EAAc;AACZ,iBAAW,EAAE,KAAK,CAAC,WADP;AAEZ,iBAAW,EAAE,UAAU,EAFX;AAGZ,sBAAgB,EAAE;AAChB,cAAM,EAAE,0EAAU,CAAC,IADH;AAEhB,gBAAQ,EAAE,+EAAe,CAAC;AAFV,OAHN;AAOZ,iBAAW,MAPC;AAQZ,aAAO,EAAE;AARG,KAAd,CAFH,GAYK,oDAAC,4EAAD,EAAqB;AAAC,iBAAW;AAAZ,KAArB,CAbR,CADF,EAkBE;AAAK,eAAS,EAAC;AAAf,OACE,oDAAC,yGAAD,EAAgB;AACd,QAAE,EAAC,uBADW;AAEd,UAAI,EAAC,uBAFS;AAGd,iBAAW,EAAE,SAAS,CAAC,sBAAD,CAHR;AAId,mBAAa,kCACR,cADQ,GACM;AACjB,cAAM,EAAE,KAAK,CAAC;AADG,OADN;AAJC,KAAhB,CADF,CAlBF,CADF,EAgCE,kEACI,YAAK;aAAA,CACL;;;AACA,UAAI,UAAU,IAAI,CAAC,mBAAnB,EACE,OAAO,oDAAC,6IAAD,EAAuB,IAAvB,CAAP;AAEF,UAAI,QAAC,QAAD,MAAS,IAAT,IAAS,aAAT,GAAS,MAAT,GAAS,GAAE,MAAX,CAAJ,EACE,OAAO,oDAAC,mJAAD,EAA4B,IAA5B,CAAP;AAEF,aACE,0GACG,CAAC,CAAC,QAAQ,CAAC,MAAX,IACC;AAAG,iBAAS,EAAC;AAAb,SACE,oDAAC,0EAAD,EAAK;AACH,iBAAS,EAAE,SADR;AAEH,cAAM,EAAC,SAFJ;AAGH,eAAO,EAAE;AAAE,oBAAU,EAAE,QAAQ,CAAC;AAAvB;AAHN,OAAL,CADF,CAFJ,EAUE;AAAK,iBAAS,EAAC;AAAf,SACE,oDAAC,+GAAD,EAAgB;AACd,aAAK,EAAE,QADO;AAEd,gBAAQ,EAAE,2EAAS,CAAC,OAFN;AAGd,wBAAgB,EAAE;AAAE,kBAAQ,EAAE,+EAAe,CAAC;AAA5B;AAHJ,OAAhB,CADF,EAMG,CAAC,CAAC,OAAF,IAAa,oDAAC,6HAAD,EAAqB;AAAC,kBAAU,EAAE,UAAb;AAAyB,eAAO,EAAE;AAAlC,OAArB,CANhB,CAVF,CADF;AAqBD,KA7BA,EADH,CAhCF,CADF;AAmED,GAvEA,EADH,CAlBF,CADF;AA+FD,C;;;;;;;;;;;;ACjND;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAEA,IAAM,SAAS,GAAG,4CAAlB;AAEA,IAAM,iBAAiB,GAAiB;AACtC,aAAW,EAAE,8EAAW,CAAC,YADa;AAEtC,QAAM,EAAE,oEAAO,CAAC,WAAR,CAAoB,WAFU;AAGtC,QAAM,EAAE;AAAE,YAAQ,EAAE,0EAAS,CAAC;AAAtB;AAH8B,CAAxC;AAMM,SAAU,8BAAV,GAAwC;AAC5C,SACE,2DAAC,8FAAwB,CAAC,QAA1B,EAAkC;AAAC,SAAK,EAAE;AAAR,GAAlC,EACE;AAAK,aAAS,EAAC;AAAf,KACE,2DAAC,mGAAD,EAAgB;AAAC,OAAG,EAAE,oEAAS,CAAC,WAAV,CAAsB;AAA5B,GAAhB,CADF,EAGE;AAAI,aAAS,EAAC;AAAd,KAAmB,2DAAC,0EAAD,EAAK;AAAC,UAAM,EAAC;AAAR,GAAL,CAAnB,CAHF,EAIE;AAAG,aAAS,EAAC;AAAb,KAA4B,2DAAC,0EAAD,EAAK;AAAC,UAAM,EAAC;AAAR,GAAL,CAA5B,CAJF,EAME;AAAG,aAAS,EAAC;AAAb,KAAoB,2DAAC,0EAAD,EAAK;AAAC,UAAM,EAAC,UAAR;AAAmB,WAAO,EAAE;AAAE,kBAAY,EAAE,0FAAoB,CAAC;AAArC;AAA5B,GAAL,CAApB,CANF,EAQE;AAAK,aAAS,EAAC;AAAf,KACE;AAAK,aAAS,EAAC;AAAf,KACE,2DAAC,6FAAD,EAAW;AACT,aAAS,EAAC,mBADD;AAET,WAAO,EAAE,iBAFA;AAGT,WAAO,EAAE,6EAAY,CAAC;AAHb,GAAX,EAKE,2DAAC,0EAAD,EAAK;AAAC,UAAM,EAAC;AAAR,GAAL,CALF,CADF,CADF,EAWE;AAAK,aAAS,EAAC;AAAf,KACE,2DAAC,6FAAD,EAAW;AACT,WAAO,EAAE;AACP,iBAAW,EAAE,8EAAW,CAAC,YADlB;AAEP,YAAM,EAAE,oEAAO,CAAC,WAAR,CAAoB,sBAFrB;AAGP,YAAM,EAAE;AAAE,gBAAQ,EAAE,0EAAS,CAAC;AAAtB;AAHD,KADA;AAMT,aAAS,EAAC,mBAND;AAOT,WAAO,EAAE,6EAAY,CAAC;AAPb,GAAX,EASE,2DAAC,0EAAD,EAAK;AAAC,UAAM,EAAC;AAAR,GAAL,CATF,CADF,CAXF,CARF,CADF,CADF;AAsCD,C","file":"scripts/83.chunk.js","sourcesContent":["import * as React from 'react';\r\nimport { useDispatch } from 'react-redux';\r\n\r\nimport { Flight } from 'libs/common/flight';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { HashObject } from 'libs/common/react/interfaces/HashObject';\r\nimport { useSetPageTitle } from 'libs/common/react/hooks/UseSetPageTitle';\r\nimport { Core } from 'libs/common/core';\r\n\r\nimport { Text } from 'libs/shared/components/text/Text';\r\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\r\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\r\nimport { CurrentUser, YearGroup, User } from 'libs/shared/interfaces';\r\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\r\nimport { UserGroup } from 'libs/shared/enums/UserGroup';\r\nimport { Breadcrumbs, BreadcrumbType } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\r\nimport { useInfiniteList } from 'libs/shared/hooks/UseInfiniteList';\r\nimport { InfiniteScrollFooter } from 'libs/shared/components/infinite-scroll-footer/InfiniteScrollFooter';\r\n\r\nimport { LocationContext, EntityType } from 'libs/analytics/interfaces';\r\n\r\nimport { SchoolUserRequests } from 'apps/user-manager/flight-requests/SchoolUserRequests';\r\nimport { ManageUsersList } from 'apps/user-manager/components/manage-users-list/ManageUsersList';\r\nimport { PartialManageUsersList } from 'apps/user-manager/components/manage-users-list/partial-loading/PartialManageUsersList';\r\nimport { ScopedSearchBar } from 'apps/search/components/scoped-search-bar/ScopedSearchBar';\r\nimport { SearchFilters, PartialSearchFilters } from 'apps/search/components';\r\nimport { SearchFilter } from 'apps/search/interfaces';\r\nimport { Filters, FilterHelper } from 'apps/search/utils';\r\nimport { UserManagerSearchEmptyState } from 'apps/user-manager/components/manage-users-list/empty-state/UserManagerSearchEmptyState';\r\n\r\nimport { NotFoundError } from 'shared/errors/general/not-found/LiteNotFoundError';\r\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\r\nimport { Actions } from 'shared/constants/LiteActions';\r\n\r\nimport { SchoolStudentManagerEmptyState } from './empty-state/SchoolStudentManagerEmptyState';\r\n\r\nconst namespace = 'userManager.schoolStudentManager';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\nconst currentAppLink = {\r\n  application: AppChannels.USER_MANAGER,\r\n  action: Actions.UserManager.STUDENTS\r\n};\r\n\r\ninterface SchoolStudentManagerViewProps {\r\n  queryParams: HashObject;\r\n}\r\n\r\nexport function SchoolStudentManagerView(props: SchoolStudentManagerViewProps): JSX.Element {\r\n  useSetPageTitle(getPhrase('pageTitle'));\r\n\r\n  const { hasPermissions } = usePermissions();\r\n  const dispatch = useDispatch();\r\n  const [ hasFetchedFirstPage, setHasFetchedFirstPage ] = React.useState(false);\r\n  \r\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\r\n  const yearGroups = Flight.useBasicFetch<YearGroup[]>(\r\n    currentUser.data && SchoolUserRequests.yearGroups(currentUser.data.customerId));\r\n\r\n  // If we have a search query, we want to use it to limit our search.\r\n  // If not, we want to search all students.\r\n  function getRequest(cursor: string): Flight.Request {\r\n    if (!currentUser.data)\r\n      return null;\r\n\r\n    if (props.queryParams?.query) {\r\n      return SchoolUserRequests.searchUsers(\r\n        props.queryParams,\r\n        cursor,\r\n        UserGroup.Learner\r\n      );\r\n    }\r\n  \r\n    return SchoolUserRequests.getUsers(\r\n      currentUser.data.customerId,\r\n      UserGroup.Learner,\r\n      props.queryParams,\r\n      cursor\r\n    );\r\n  }\r\n\r\n  const fetchNext = (cursor?: string) => {\r\n    Flight.getFetch(dispatch, getRequest(cursor))();\r\n  };\r\n\r\n  const { items: students, hasMore, isFetching } = useInfiniteList<User>(getRequest, fetchNext);\r\n\r\n  React.useEffect(() => {\r\n    if (hasFetchedFirstPage)\r\n      return;\r\n\r\n    setHasFetchedFirstPage(true);\r\n  }, [ students, hasFetchedFirstPage ]);\r\n\r\n  // When query params changes, we're fetching a new set of results with a different first page\r\n  React.useEffect(() => {\r\n    setHasFetchedFirstPage(false);\r\n  }, [props.queryParams]);\r\n\r\n  function getFilters(): SearchFilter[] {\r\n    if (!currentUser.data)\r\n      return [];\r\n\r\n    return [\r\n      Filters.SortByName(FilterHelper.getNameSortOptions()),\r\n      Filters.YearGroup(FilterHelper.getYearGroupOptions(yearGroups.data))\r\n    ];\r\n  }\r\n\r\n  if (!hasPermissions(PermissionName.ManageUsers)) {\r\n    Core.ErrorHelper.throw(new NotFoundError());\r\n    return <></>;\r\n  }\r\n\r\n  return (\r\n    <div className='px-3'>\r\n      <h1 className='pl-4'><Text namespace={namespace} phrase='heading' /></h1>\r\n      \r\n      <div className='pl-4 pb-2'>\r\n        <Breadcrumbs\r\n          type={BreadcrumbType.Static}\r\n          data={[\r\n            { name: getPhrase('settingsBreadcrumb') },\r\n            { name: getPhrase('managerBreadcrumb') }\r\n          ]}\r\n          currentItem={{ name: getPhrase('managerBreadcrumb') }}\r\n          getItemAppLink={() => ({\r\n            application: AppChannels.SETTINGS,\r\n            action: Actions.Settings.HOME\r\n          })}\r\n        />\r\n      </div>\r\n\r\n      <>\r\n        {(() => {\r\n          if (!students?.length && !Object.keys(props.queryParams).length && !isFetching)\r\n            return <SchoolStudentManagerEmptyState />;\r\n\r\n          return (\r\n            <>\r\n              <div className='pl-4 py-2 row'>\r\n                <div className='col-9 pl-1'>\r\n                  {getFilters().length\r\n                    ? (\r\n                      <SearchFilters\r\n                        queryParams={props.queryParams}\r\n                        mainFilters={getFilters()}\r\n                        analyticsOptions={{\r\n                          entity: EntityType.User,\r\n                          location: LocationContext.StudentManager\r\n                        }}\r\n                        hideHeading\r\n                        appLink={currentAppLink}\r\n                      />\r\n                    ) : <PartialSearchFilters hideHeading />\r\n                  }\r\n                </div>\r\n\r\n                <div className='col-3'>\r\n                  <ScopedSearchBar\r\n                    id='school-student-search'\r\n                    name='school-student-search'\r\n                    placeholder={getPhrase('searchBarPlaceholder')}\r\n                    searchAppLink={{\r\n                      ...currentAppLink,\r\n                      params: props.queryParams\r\n                    }}\r\n                  />\r\n                </div>\r\n              </div>\r\n\r\n              <main>\r\n                {(() => {\r\n                  // We only want to display partial loading when we're loading in the first page or results\r\n                  if (isFetching && !hasFetchedFirstPage)\r\n                    return <PartialManageUsersList />;\r\n\r\n                  if (!students?.length)\r\n                    return <UserManagerSearchEmptyState />;\r\n\r\n                  return (\r\n                    <>\r\n                      {!!students.length && (\r\n                        <p className='pl-4 mb-0 font-weight-500'>\r\n                          <Text\r\n                            namespace={namespace}\r\n                            phrase='entries'\r\n                            options={{ smartCount: students.length }}\r\n                          />\r\n                        </p>\r\n                      )}\r\n                      <div className='py-3'>\r\n                        <ManageUsersList\r\n                          users={students}\r\n                          userType={UserGroup.Learner}\r\n                          analyticsOptions={{ location: LocationContext.StudentManager }}\r\n                        />\r\n                        {!!hasMore && <InfiniteScrollFooter isFetching={isFetching} onClick={fetchNext} />}\r\n                      </div>\r\n                    </>\r\n                  );\r\n                })()}\r\n              </main>\r\n            </>\r\n          );\r\n        })()}\r\n      </>\r\n    </div>\r\n  );\r\n}","import React from 'react';\r\nimport { Core } from 'libs/common/core';\r\n\r\nimport { Text, LanguageNamespaceContext } from 'libs/shared/components/text/Text';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\nimport { IconButton } from 'libs/shared/components/icon-button/IconButton';\r\nimport { UserGroup } from 'libs/shared/enums/UserGroup';\r\n\r\nimport { Actions } from 'shared/constants/LiteActions';\r\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\r\nimport { ImageUrls } from 'shared/constants/ImageUrls';\r\nimport { EmptyStateImage } from 'shared/components/empty-state-image/EmptyStateImage';\r\n\r\nimport { UserManagerTemplates } from 'apps/user-manager/constants/Templates';\r\n\r\nconst namespace = 'userManager.schoolStudentManagerEmptyState';\r\n\r\nconst newStudentAppLink: Core.AppLink = {\r\n  application: AppChannels.USER_MANAGER,\r\n  action: Actions.UserManager.CREATE_USER,\r\n  params: { userType: UserGroup.Learner }\r\n};\r\n\r\nexport function SchoolStudentManagerEmptyState(): JSX.Element {\r\n  return (\r\n    <LanguageNamespaceContext.Provider value={namespace}>\r\n      <div className='text-center py-5'>\r\n        <EmptyStateImage src={ImageUrls.EmptyStates.USER_MANAGER} />\r\n\r\n        <h2 className='h6'><Text phrase='heading' /></h2>\r\n        <p className='w-33 mx-auto'><Text phrase='info' /></p>\r\n\r\n        <p className='pb-3'><Text phrase='template' options={{ templateLink: UserManagerTemplates.STUDENTS }} /></p>\r\n\r\n        <div className='d-flex justify-content-center align-items-center'>\r\n          <div className='px-1'>\r\n            <IconButton\r\n              className='btn btn-secondary'\r\n              appLink={newStudentAppLink}\r\n              svgName={cvSvgLibrary.Plus}\r\n            >\r\n              <Text phrase='addNew' />\r\n            </IconButton>\r\n          </div>\r\n\r\n          <div className='px-1'>\r\n            <IconButton\r\n              appLink={{\r\n                application: AppChannels.USER_MANAGER,\r\n                action: Actions.UserManager.BULK_USER_UPLOAD_POPUP,\r\n                params: { userType: UserGroup.Learner }\r\n              }}\r\n              className='btn btn-secondary'\r\n              svgName={cvSvgLibrary.Upload}\r\n            >\r\n              <Text phrase='uploadAList' />\r\n            </IconButton>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </LanguageNamespaceContext.Provider>\r\n  );\r\n}"],"sourceRoot":""}

package/dist/scripts/84.chunk.js

@@ -0,0 +1,64 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[84],{
+
+/***/ "../../libs/shared/src/views/dialog/DialogView.tsx":
+/*!*********************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/views/dialog/DialogView.tsx ***!
+  \*********************************************************************************************/
+/*! exports provided: DialogView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DialogView", function() { return DialogView; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../common/src/backbone/utils/FunctionHelper */ "../../libs/common/src/backbone/utils/FunctionHelper.ts");
+/* harmony import */ var _common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../common/src/react/utils/ArrayHelper */ "../../libs/common/src/react/utils/ArrayHelper.ts");
+/* harmony import */ var _components_popup_Popup__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/popup/Popup */ "../../libs/shared/src/components/popup/Popup.tsx");
+
+
+
+
+function DialogView(props) {
+  var buttons = props.buttons.map(function (b) {
+    var onClick = function onClick() {
+      if (b.success) _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_1__["FunctionHelper"].isFunction(props.onDone) && props.onDone();else _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_1__["FunctionHelper"].isFunction(props.onFail) && props.onFail();
+      props.closePopup();
+    };
+
+    return {
+      buttonText: b.text,
+      className: b.className,
+      onClick: onClick,
+      type: b.type,
+      close: b.close
+    };
+  });
+  /**
+   * The dismiss action should always be on the left side of the popup
+   */
+
+  buttons = _common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_2__["ArrayHelper"].sortBy(buttons, 'close');
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_popup_Popup__WEBPACK_IMPORTED_MODULE_3__["Popup"], {
+    title: props.title,
+    closePopup: props.closePopup
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", {
+    dangerouslySetInnerHTML: {
+      __html: props.text
+    }
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'd-flex justify-content-end border-top pt-3 px-3 mx-n3'
+  }, buttons.map(function (b, idx) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("button", {
+      key: idx,
+      className: b.className,
+      onClick: b.onClick,
+      type: b.type
+    }, b.buttonText);
+  })));
+}
+
+/***/ })
+
+}]);
+//# sourceMappingURL=84.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView/front-end/clickview/packages/libs/shared/src/views/dialog/DialogView.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAGA;AASM,SAAU,UAAV,CAAqB,KAArB,EAAqC;AACzC,MAAI,OAAO,GAAG,KAAK,CAAC,OAAN,CAAc,GAAd,CAAkB,WAAC,EAAG;AAClC,QAAM,OAAO,GAAG,SAAV,OAAU,GAAK;AACnB,UAAI,CAAC,CAAC,OAAN,EACE,wFAAc,CAAC,UAAf,CAA0B,KAAK,CAAC,MAAhC,KAA2C,KAAK,CAAC,MAAN,EAA3C,CADF,KAGE,wFAAc,CAAC,UAAf,CAA0B,KAAK,CAAC,MAAhC,KAA2C,KAAK,CAAC,MAAN,EAA3C;AAEF,WAAK,CAAC,UAAN;AACD,KAPD;;AASA,WAAO;AACL,gBAAU,EAAE,CAAC,CAAC,IADT;AAEL,eAAS,EAAE,CAAC,CAAC,SAFR;AAGL,aAAO,EAAP,OAHK;AAIL,UAAI,EAAE,CAAC,CAAC,IAJH;AAKL,WAAK,EAAE,CAAC,CAAC;AALJ,KAAP;AAQD,GAlBa,CAAd;AAoBA;;AAEG;;AACH,SAAO,GAAG,+EAAW,CAAC,MAAZ,CAAmB,OAAnB,EAA4B,OAA5B,CAAV;AAEA,SACE,oDAAC,6DAAD,EAAM;AAAC,SAAK,EAAE,KAAK,CAAC,KAAd;AAAqB,cAAU,EAAE,KAAK,CAAC;AAAvC,GAAN,EACE;AAAG,2BAAuB,EAAE;AAAE,YAAM,EAAG,KAAK,CAAC;AAAjB;AAA5B,IADF,EAEE;AAAK,aAAS,EAAC;AAAf,KACG,OAAO,CAAC,GAAR,CAAY,UAAC,CAAD,EAAI,GAAJ;AAAA,WACX;AAAQ,SAAG,EAAE,GAAb;AAAkB,eAAS,EAAE,CAAC,CAAC,SAA/B;AAA0C,aAAO,EAAE,CAAC,CAAC,OAArD;AAA8D,UAAI,EAAE,CAAC,CAAC;AAAtE,OACG,CAAC,CAAC,UADL,CADW;AAAA,GAAZ,CADH,CAFF,CADF;AAYD,C","file":"scripts/84.chunk.js","sourcesContent":["import * as React from 'react';\r\n\r\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\r\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\r\n\r\nimport { PopupViewProps, DialogOptions } from 'libs/shared/interfaces';\r\nimport { Popup } from 'libs/shared/components/popup/Popup';\r\n\r\ninterface DialogViewProps extends DialogOptions {\r\n  onDone?: () => void;\r\n  onFail?: () => void;\r\n}\r\n\r\ntype PropTypes = React.PropsWithChildren<DialogViewProps & PopupViewProps>;\r\n\r\nexport function DialogView(props: PropTypes): React.ReactElement {\r\n  let buttons = props.buttons.map(b => {\r\n    const onClick = () => {\r\n      if (b.success)\r\n        FunctionHelper.isFunction(props.onDone) && props.onDone();\r\n      else\r\n        FunctionHelper.isFunction(props.onFail) && props.onFail();\r\n\r\n      props.closePopup();\r\n    };\r\n\r\n    return {\r\n      buttonText: b.text,\r\n      className: b.className,\r\n      onClick,\r\n      type: b.type,\r\n      close: b.close\r\n    };\r\n\r\n  });\r\n\r\n  /**\r\n   * The dismiss action should always be on the left side of the popup\r\n   */\r\n  buttons = ArrayHelper.sortBy(buttons, 'close');\r\n\r\n  return (\r\n    <Popup title={props.title} closePopup={props.closePopup}>\r\n      <p dangerouslySetInnerHTML={{ __html : props.text }} />\r\n      <div className='d-flex justify-content-end border-top pt-3 px-3 mx-n3'>\r\n        {buttons.map((b, idx) =>\r\n          <button key={idx} className={b.className} onClick={b.onClick} type={b.type}>\r\n            {b.buttonText}\r\n          </button>\r\n        )}\r\n      </div>\r\n    </Popup>\r\n  );\r\n}"],"sourceRoot":""}

package/dist/scripts/85.chunk.js

@@ -0,0 +1,65 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[85],{
+
+/***/ "./src/apps/content-updates/views/classification-update/ClassificationUpdateView.tsx":
+/*!*******************************************************************************************!*\
+  !*** ./src/apps/content-updates/views/classification-update/ClassificationUpdateView.tsx ***!
+  \*******************************************************************************************/
+/*! exports provided: ClassificationUpdateView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassificationUpdateView", function() { return ClassificationUpdateView; });
+/* 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 moment__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! moment */ "moment");
+/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/hooks/UseSetPageTitle */ "../../libs/common/src/react/hooks/UseSetPageTitle.ts");
+/* harmony import */ var _libs_shared_src_apps_content_updates_flight_requests_ContentUpdateRequests__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/apps/content-updates/flight-requests/ContentUpdateRequests */ "../../libs/shared/src/apps/content-updates/flight-requests/ContentUpdateRequests.ts");
+/* harmony import */ var apps_playlists_components_video_list_SortableVideoListContainer__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! apps/playlists/components/video-list/SortableVideoListContainer */ "./src/apps/playlists/components/video-list/SortableVideoListContainer.tsx");
+/* harmony import */ var apps_content_updates_components__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! apps/content-updates/components */ "./src/apps/content-updates/components/index.ts");
+
+
+
+
+
+
+
+
+var namespace = 'contentUpdates.classificationUpdate';
+function ClassificationUpdateView(props) {
+  var _a, _b, _c;
+
+  var classificationId = props.classificationId;
+  var from = moment__WEBPACK_IMPORTED_MODULE_1__().subtract(1, 'year').toISOString();
+  var to = moment__WEBPACK_IMPORTED_MODULE_1__().toISOString();
+  var classificationItem = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(_libs_shared_src_apps_content_updates_flight_requests_ContentUpdateRequests__WEBPACK_IMPORTED_MODULE_5__["ContentUpdateRequests"].getClassification(classificationId));
+  var contentUpdates = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(_libs_shared_src_apps_content_updates_flight_requests_ContentUpdateRequests__WEBPACK_IMPORTED_MODULE_5__["ContentUpdateRequests"].getContentUpdates(from, to));
+  var classification = (_a = contentUpdates.data) === null || _a === void 0 ? void 0 : _a.find(function (c) {
+    return c.classificationId === classificationId;
+  });
+  Object(_libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_4__["useSetPageTitle"])((_c = (_b = classificationItem.data) === null || _b === void 0 ? void 0 : _b.name, _c !== null && _c !== void 0 ? _c : _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].getPhrase(namespace, 'defaultPageTitle')));
+  if (!contentUpdates.data || !classificationItem.data) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'bg-white px-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_content_updates_components__WEBPACK_IMPORTED_MODULE_7__["ClassificationUpdateBreadcrumbs"], {
+    classification: classificationItem.data,
+    dashboardAppLink: props.appLinks.dashboardAppLink,
+    contentUpdatesAppLink: props.appLinks.contentUpdatesAppLink
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_playlists_components_video_list_SortableVideoListContainer__WEBPACK_IMPORTED_MODULE_6__["SortableVideoListContainer"], {
+    canEdit: false,
+    playlistId: '0',
+    isUserSignedIn: true,
+    onSortComplete: function onSortComplete() {},
+    videos: classification.videos,
+    getVideoAppLink: props.appLinks.getVideoAppLink,
+    getSeriesAppLink: props.appLinks.getSeriesAppLink
+  }));
+}
+
+/***/ })
+
+}]);
+//# sourceMappingURL=85.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/content-updates/views/classification-update/ClassificationUpdateView.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAIA;AAEA;AACA;AAEA,IAAM,SAAS,GAAG,qCAAlB;AAOM,SAAU,wBAAV,CAAmC,KAAnC,EAAuE;;;AAAA,MACnE,gBADmE,GAC9C,KAD8C,CACnE,gBADmE;AAG3E,MAAM,IAAI,GAAG,mCAAM,GAAG,QAAT,CAAkB,CAAlB,EAAqB,MAArB,EAA6B,WAA7B,EAAb;AACA,MAAM,EAAE,GAAG,mCAAM,GAAG,WAAT,EAAX;AAEA,MAAM,kBAAkB,GAAG,6DAAM,CAAC,aAAP,CACzB,iIAAqB,CAAC,iBAAtB,CAAwC,gBAAxC,CADyB,CAA3B;AAGA,MAAM,cAAc,GAAG,6DAAM,CAAC,aAAP,CACrB,iIAAqB,CAAC,iBAAtB,CAAwC,IAAxC,EAA8C,EAA9C,CADqB,CAAvB;AAGA,MAAM,cAAc,SAAG,cAAc,CAAC,IAAlB,MAAsB,IAAtB,IAAsB,aAAtB,GAAsB,MAAtB,GAAsB,GAAE,IAAF,CAAO,WAAC;AAAA,WAAI,CAAC,CAAC,gBAAF,KAAuB,gBAA3B;AAAA,GAAR,CAA1C;AAEA,sGAAe,aAAC,kBAAkB,CAAC,IAApB,MAAwB,IAAxB,IAAwB,aAAxB,GAAwB,MAAxB,GAAwB,GAAE,IAA1B,EAA8B,oCAAI,kGAAe,CAAC,SAAhB,CAA0B,SAA1B,EAAqC,kBAArC,CAAlC,EAAf;AAEA,MAAI,CAAC,cAAc,CAAC,IAAhB,IAAwB,CAAC,kBAAkB,CAAC,IAAhD,EACE,OAAO,yGAAP;AAEF,SACE;AAAK,aAAS,EAAC;AAAf,KACE,oDAAC,+FAAD,EAAgC;AAC9B,kBAAc,EAAE,kBAAkB,CAAC,IADL;AAE9B,oBAAgB,EAAE,KAAK,CAAC,QAAN,CAAe,gBAFH;AAG9B,yBAAqB,EAAE,KAAK,CAAC,QAAN,CAAe;AAHR,GAAhC,CADF,EAME,oDAAC,0HAAD,EAA2B;AACzB,WAAO,EAAE,KADgB;AAEzB,cAAU,EAAE,GAFa;AAGzB,kBAAc,EAAE,IAHS;AAIzB,kBAAc,EAAE,0BAAK,CAAG,CAJC;AAKzB,UAAM,EAAE,cAAc,CAAC,MALE;AAMzB,mBAAe,EAAE,KAAK,CAAC,QAAN,CAAe,eANP;AAOzB,oBAAgB,EAAE,KAAK,CAAC,QAAN,CAAe;AAPR,GAA3B,CANF,CADF;AAkBD,C","file":"scripts/85.chunk.js","sourcesContent":["import * as React from 'react';\r\nimport * as moment from 'moment';\r\n\r\nimport { Flight } from 'libs/common/flight';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { useSetPageTitle } from 'libs/common/react/hooks/UseSetPageTitle';\r\n\r\nimport { Classification } from 'libs/shared/interfaces';\r\nimport { ContentUpdateAppLinks, ClassificationVideosGrouping } from 'libs/shared/apps/content-updates/interfaces';\r\nimport { ContentUpdateRequests } from 'libs/shared/apps/content-updates/flight-requests/ContentUpdateRequests';\r\n\r\nimport { SortableVideoListContainer } from 'apps/playlists/components/video-list/SortableVideoListContainer';\r\nimport { ClassificationUpdateBreadcrumbs } from 'apps/content-updates/components';\r\n\r\nconst namespace = 'contentUpdates.classificationUpdate';\r\n\r\ninterface ClassificationUpdateViewProps {\r\n  classificationId: string;\r\n  appLinks: ContentUpdateAppLinks;\r\n}\r\n\r\nexport function ClassificationUpdateView(props: ClassificationUpdateViewProps): JSX.Element {\r\n  const { classificationId } = props;\r\n\r\n  const from = moment().subtract(1, 'year').toISOString();\r\n  const to = moment().toISOString();\r\n\r\n  const classificationItem = Flight.useBasicFetch<Classification>(\r\n    ContentUpdateRequests.getClassification(classificationId));\r\n\r\n  const contentUpdates = Flight.useBasicFetch<ClassificationVideosGrouping[]>(\r\n    ContentUpdateRequests.getContentUpdates(from, to));\r\n\r\n  const classification = contentUpdates.data?.find(c => c.classificationId === classificationId);\r\n\r\n  useSetPageTitle(classificationItem.data?.name ?? LanguageService.getPhrase(namespace, 'defaultPageTitle'));\r\n\r\n  if (!contentUpdates.data || !classificationItem.data)\r\n    return <></>;\r\n\r\n  return (\r\n    <div className='bg-white px-3'>\r\n      <ClassificationUpdateBreadcrumbs\r\n        classification={classificationItem.data}\r\n        dashboardAppLink={props.appLinks.dashboardAppLink}\r\n        contentUpdatesAppLink={props.appLinks.contentUpdatesAppLink}\r\n      />\r\n      <SortableVideoListContainer\r\n        canEdit={false}\r\n        playlistId={'0'}\r\n        isUserSignedIn={true}\r\n        onSortComplete={() => {}}\r\n        videos={classification.videos}\r\n        getVideoAppLink={props.appLinks.getVideoAppLink}\r\n        getSeriesAppLink={props.appLinks.getSeriesAppLink}\r\n      />\r\n    </div>\r\n  );\r\n}"],"sourceRoot":""}

package/dist/scripts/86.chunk.js

@@ -0,0 +1,37 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[86],{
+
+/***/ "./src/apps/default/views/dev-error/LiteDevErrorView.tsx":
+/*!***************************************************************!*\
+  !*** ./src/apps/default/views/dev-error/LiteDevErrorView.tsx ***!
+  \***************************************************************/
+/*! exports provided: DevErrorView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DevErrorView", function() { return DevErrorView; });
+/* 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_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/hooks/UseSetPageTitle */ "../../libs/common/src/react/hooks/UseSetPageTitle.ts");
+
+
+
+function DevErrorView(_ref) {
+  var error = _ref.error;
+  Object(_libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_2__["useSetPageTitle"])('Dev Error');
+  if (!error) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'px-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h1", null, error.name), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Alert"], {
+    variant: 'danger'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h2", null, error.message)), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Alert"], {
+    variant: 'warning'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h3", null, "Call stack"), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("code", null, error.stack)));
+}
+
+/***/ })
+
+}]);
+//# sourceMappingURL=86.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/default/views/dev-error/LiteDevErrorView.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAMM,SAAU,YAAV,OAAmD;AAAA,MAA1B,KAA0B,QAA1B,KAA0B;AACvD,sGAAe,CAAC,WAAD,CAAf;AAEA,MAAI,CAAC,KAAL,EACE,OAAO,yGAAP;AAEF,SACE;AAAK,aAAS,EAAC;AAAf,KACE,gEAAK,KAAK,CAAC,IAAX,CADF,EAEE,oDAAC,qDAAD,EAAM;AAAC,WAAO,EAAC;AAAT,GAAN,EACE,gEAAK,KAAK,CAAC,OAAX,CADF,CAFF,EAKE,oDAAC,qDAAD,EAAM;AAAC,WAAO,EAAC;AAAT,GAAN,EACE,6EADF,EAEE,kEAAO,KAAK,CAAC,KAAb,CAFF,CALF,CADF;AAYD,C","file":"scripts/86.chunk.js","sourcesContent":["import * as React from 'react';\r\nimport { Alert } from 'react-bootstrap';\r\nimport { useSetPageTitle } from 'libs/common/react/hooks/UseSetPageTitle';\r\n\r\ninterface DevErrorViewProps {\r\n  error: Error;\r\n}\r\n\r\nexport function DevErrorView({ error }: DevErrorViewProps): React.ReactElement {\r\n  useSetPageTitle('Dev Error');\r\n\r\n  if (!error)\r\n    return <></>;\r\n\r\n  return (\r\n    <div className='px-3'>\r\n      <h1>{error.name}</h1>\r\n      <Alert variant='danger'>\r\n        <h2>{error.message}</h2>\r\n      </Alert>\r\n      <Alert variant='warning'>\r\n        <h3>Call stack</h3>\r\n        <code>{error.stack}</code>\r\n      </Alert>\r\n    </div>\r\n  );\r\n}"],"sourceRoot":""}