@clickview/lite 0.0.23-rc.1 → 0.0.23-rc.3

package/dist/scripts/43.chunk.js

@@ -1,345 +0,0 @@
-(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[43],{
-
-/***/ "./src/apps/classrooms/views/add-students-to-classroom/AddStudentsToClassroomView.tsx":
-/*!********************************************************************************************!*\
-  !*** ./src/apps/classrooms/views/add-students-to-classroom/AddStudentsToClassroomView.tsx ***!
-  \********************************************************************************************/
-/*! exports provided: AddStudentsToClassroomView */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AddStudentsToClassroomView", function() { return AddStudentsToClassroomView; });
-/* 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_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__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
-/* harmony import */ var _libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/popup/Popup */ "../../libs/shared/src/components/popup/Popup.tsx");
-/* harmony import */ var _libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseAlerts */ "../../libs/shared/src/hooks/UseAlerts.ts");
-/* harmony import */ var _libs_shared_src_components_popup_PopupButtons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/popup/PopupButtons */ "../../libs/shared/src/components/popup/PopupButtons.tsx");
-/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
-/* harmony import */ var _libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.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");
-/* harmony import */ var shared_components_share_tokenized_typeahead_TokenizedTypeahead__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! shared/components/share/tokenized-typeahead/TokenizedTypeahead */ "./src/shared/components/share/tokenized-typeahead/TokenizedTypeahead.tsx");
-/* harmony import */ var apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! apps/classrooms/flight-requests/ClassroomRequests */ "./src/apps/classrooms/flight-requests/ClassroomRequests.ts");
-/* harmony import */ var apps_user_manager_flight_requests_SchoolUserRequests__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! apps/user-manager/flight-requests/SchoolUserRequests */ "./src/apps/user-manager/flight-requests/SchoolUserRequests.ts");
-/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var namespace = 'classrooms.addStudentsToClassroom';
-var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].encloseNamespace(namespace);
-var studentManagerAppLink = {
-  application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_9__["AppChannels"].USER_MANAGER,
-  action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_10__["Actions"].UserManager.STUDENTS
-};
-function AddStudentsToClassroomView(props) {
-  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      showButtonSpinner = _React$useState2[0],
-      setShowButtonSpinner = _React$useState2[1];
-
-  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState([]),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      selections = _React$useState4[0],
-      setSelections = _React$useState4[1];
-
-  var classroom = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_12__["ClassroomRequests"].getClassroom(props.classroomId)); // Temp until we have instant search endpoint for users set up
-
-  var students = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(apps_user_manager_flight_requests_SchoolUserRequests__WEBPACK_IMPORTED_MODULE_13__["SchoolUserRequests"].tempGetAllStudents());
-  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
-  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_5__["useAlerts"])();
-
-  function addStudents() {
-    if (!selections) return;
-    setShowButtonSpinner(true);
-    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].fetch(dispatch, apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_12__["ClassroomRequests"].addStudents(selections, props.classroomId, function () {
-      setShowButtonSpinner(false);
-      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_14__["AnalyticsHelper"].logUserAction({
-        id: props.classroomId,
-        userCount: selections.length
-      }, props.analyticsOptions);
-      alerts.success(getPhrase('success', {
-        smartCount: selections.length,
-        classroomName: classroom.data.name
-      }));
-      props.closePopup();
-    }, function () {
-      setShowButtonSpinner(false);
-      alerts.error(getPhrase('error', {
-        smartCount: selections.length
-      }));
-      props.closePopup();
-    }));
-  }
-
-  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_4__["Popup"], {
-    title: getPhrase('title'),
-    closePopup: props.closePopup,
-    showLoadingSpinner: !classroom.data || !students.data
-  }, classroom.data && students.data && 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("div", {
-    className: 'pb-3'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(shared_components_share_tokenized_typeahead_TokenizedTypeahead__WEBPACK_IMPORTED_MODULE_11__["TokenizedTypeahead"], {
-    placeholder: getPhrase('placeholder'),
-    selections: selections,
-    updateSelections: function updateSelections(student) {
-      return setSelections([].concat(_toConsumableArray(selections), [student]));
-    },
-    removeSelection: function removeSelection(id) {
-      return setSelections(selections.filter(function (s) {
-        return s.id !== id;
-      }));
-    },
-    localSuggestions: students.data
-  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_7__["Text"], {
-    namespace: namespace,
-    phrase: 'createNewStudent'
-  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_8__["AppLink"], {
-    className: 'info-link',
-    onClick: props.closePopup,
-    appLink: studentManagerAppLink
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_7__["Text"], {
-    namespace: namespace,
-    phrase: 'studentManager'
-  }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_popup_PopupButtons__WEBPACK_IMPORTED_MODULE_6__["PopupButtons"], {
-    buttons: [{
-      variant: 'link',
-      onClick: props.closePopup,
-      buttonText: getPhrase('cancel')
-    }, {
-      variant: 'dark',
-      onClick: addStudents,
-      buttonText: getPhrase('add'),
-      isSpinnerButton: true,
-      showSpinner: showButtonSpinner
-    }]
-  })));
-}
-
-/***/ }),
-
-/***/ "./src/shared/components/share/sharee-item/ShareeItem.tsx":
-/*!****************************************************************!*\
-  !*** ./src/shared/components/share/sharee-item/ShareeItem.tsx ***!
-  \****************************************************************/
-/*! exports provided: ShareeItem */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ShareeItem", function() { return ShareeItem; });
-/* 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_avatar_Avatar__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/avatar/Avatar */ "../../libs/shared/src/components/avatar/Avatar.tsx");
-
-
-function ShareeItem(props) {
-  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: 'd-flex align-items-center'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: 'pr-2'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_avatar_Avatar__WEBPACK_IMPORTED_MODULE_1__["Avatar"], {
-    imageUrl: '',
-    imageCdnUrl: '',
-    initials: ''
-  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h4", {
-    className: 'font-size-normal font-weight-normal m-0'
-  }, props.entity.name), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", {
-    className: 'text-muted m-0'
-  }, "Email or classroom count here idk")), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", null));
-}
-
-/***/ }),
-
-/***/ "./src/shared/components/share/tokenized-typeahead/InputSelection.tsx":
-/*!****************************************************************************!*\
-  !*** ./src/shared/components/share/tokenized-typeahead/InputSelection.tsx ***!
-  \****************************************************************************/
-/*! exports provided: InputSelection */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "InputSelection", function() { return InputSelection; });
-/* 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_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
-/* harmony import */ var _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
-/* 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 _tokenized_typeahead_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./tokenized-typeahead.scss */ "./src/shared/components/share/tokenized-typeahead/tokenized-typeahead.scss");
-/* harmony import */ var _tokenized_typeahead_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_tokenized_typeahead_scss__WEBPACK_IMPORTED_MODULE_4__);
-
-
-
-
-
-
-function mapEntityTypeToBackgroundColor(entityType) {
-  switch (entityType) {
-    case 'user':
-      {
-        return _tokenized_typeahead_scss__WEBPACK_IMPORTED_MODULE_4___default.a.selectedUser;
-      }
-
-    case 'classroom':
-      {
-        return _tokenized_typeahead_scss__WEBPACK_IMPORTED_MODULE_4___default.a.selectedClassroom;
-      }
-  }
-}
-
-function InputSelection(props) {
-  var colourClass = mapEntityTypeToBackgroundColor('user');
-  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: "".concat(colourClass, " d-flex align-items-center pl-2 pr-1 mr-1 mt-1")
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", {
-    className: 'mr-1'
-  }, props.selection.name), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_3__["DivButton"], {
-    className: 'cursor-pointer',
-    onClick: function onClick() {
-      return props.onClickRemove(props.selection.id);
-    }
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__["SvgContainer"], {
-    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_1__["cvSvgLibrary"].Close
-  })));
-}
-
-/***/ }),
-
-/***/ "./src/shared/components/share/tokenized-typeahead/TokenizedTypeahead.tsx":
-/*!********************************************************************************!*\
-  !*** ./src/shared/components/share/tokenized-typeahead/TokenizedTypeahead.tsx ***!
-  \********************************************************************************/
-/*! exports provided: TokenizedTypeahead */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TokenizedTypeahead", function() { return TokenizedTypeahead; });
-/* 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_shared_src_components_search_bar_SearchBar__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/search-bar/SearchBar */ "../../libs/shared/src/components/search-bar/SearchBar.tsx");
-/* harmony import */ var _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
-/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
-/* harmony import */ var shared_components_share_sharee_item_ShareeItem__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! shared/components/share/sharee-item/ShareeItem */ "./src/shared/components/share/sharee-item/ShareeItem.tsx");
-/* harmony import */ var _InputSelection__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./InputSelection */ "./src/shared/components/share/tokenized-typeahead/InputSelection.tsx");
-/* harmony import */ var _tokenized_typeahead_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./tokenized-typeahead.scss */ "./src/shared/components/share/tokenized-typeahead/tokenized-typeahead.scss");
-/* harmony import */ var _tokenized_typeahead_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_tokenized_typeahead_scss__WEBPACK_IMPORTED_MODULE_8__);
-
-
-
-
-
-
-
-
-
-var namespace = 'shared.tokenizedTypeahead';
-/**
- * This component extends the functionality of the `SearchBar` component by
- * displaying a list of selections as tokens inside the search bar.
- *
- * Any component using this component is responsible for managing the state of
- * these tokens (selections). See `MainShareView` for an example.
- */
-
-function TokenizedTypeahead(props) {
-  function onSuggestionSelected(suggestion) {
-    props.updateSelections(suggestion);
-  }
-
-  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: 'form-control h-auto d-flex flex-wrap align-items-center py-1 px-0 position-relative'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_4__["SvgContainer"], {
-    className: 'svg-container mx-1 h-100 align-self-start',
-    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_5__["cvSvgLibrary"].Search
-  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: "".concat(_tokenized_typeahead_scss__WEBPACK_IMPORTED_MODULE_8___default.a.selectionContainer, " d-flex flex-wrap align-items-center mt-n1")
-  }, props.selections.map(function (s) {
-    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_InputSelection__WEBPACK_IMPORTED_MODULE_7__["InputSelection"], {
-      key: s.id,
-      selection: s,
-      onClickRemove: function onClickRemove(id) {
-        return props.removeSelection(id);
-      }
-    });
-  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_search_bar_SearchBar__WEBPACK_IMPORTED_MODULE_3__["SearchBar"], {
-    onSuggestionSelected: onSuggestionSelected,
-    onBackspace: function onBackspace() {
-      return props.removeSelection(_libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_1__["ArrayHelper"].last(props.selections).id);
-    },
-    local: props.localSuggestions,
-    recentSearchHeading: props.recentSearchHeading || _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].getPhrase(namespace, 'recentSearchHeading'),
-    recentSearches: [],
-    placeholder: props.placeholder,
-    searchIconPlacement: false,
-    activationLength: 2,
-    clearQueryOnSelect: true,
-    getSuggestionComponent: function getSuggestionComponent(suggestion) {
-      return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(shared_components_share_sharee_item_ShareeItem__WEBPACK_IMPORTED_MODULE_6__["ShareeItem"], {
-        entity: suggestion
-      });
-    },
-    theme: {
-      container: _tokenized_typeahead_scss__WEBPACK_IMPORTED_MODULE_8___default.a.container,
-      suggestionsContainerOpen: "bg-white py-1 rounded border mt-1 ".concat(_tokenized_typeahead_scss__WEBPACK_IMPORTED_MODULE_8___default.a.suggestionsContainerOpen),
-      suggestionsList: 'list-unstyled m-0',
-      suggestion: 'cursor-pointer py-1 px-2',
-      suggestionHighlighted: _tokenized_typeahead_scss__WEBPACK_IMPORTED_MODULE_8___default.a.suggestionHighlighted
-    }
-  })));
-}
-
-/***/ }),
-
-/***/ "./src/shared/components/share/tokenized-typeahead/tokenized-typeahead.scss":
-/*!**********************************************************************************!*\
-  !*** ./src/shared/components/share/tokenized-typeahead/tokenized-typeahead.scss ***!
-  \**********************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-module.exports = {"container":"cv--container--16rdL","suggestionsContainerOpen":"cv--suggestionsContainerOpen--2886c","selectionContainer":"cv--selectionContainer--12TCg","suggestionHighlighted":"cv--suggestionHighlighted--3HZFR","selectedUser":"cv--selectedUser--3NTEb","selectedClassroom":"cv--selectedClassroom--x8G1B"};
-
-/***/ })
-
-}]);
-//# sourceMappingURL=43.chunk.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/classrooms/views/add-students-to-classroom/AddStudentsToClassroomView.tsx","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/shared/components/share/sharee-item/ShareeItem.tsx","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/shared/components/share/tokenized-typeahead/InputSelection.tsx","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/shared/components/share/tokenized-typeahead/TokenizedTypeahead.tsx","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/shared/components/share/tokenized-typeahead/tokenized-typeahead.scss"],"names":[],"mappings":"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","file":"scripts/43.chunk.js","sourcesContent":["import React from 'react';\r\nimport { useDispatch } from 'react-redux';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { Flight } from 'libs/common/flight';\r\nimport { Popup } from 'libs/shared/components/popup/Popup';\r\nimport { PopupViewProps, PropsWithAnalyticsOptions, PropsWithPopupViewProps } from 'libs/shared/interfaces';\r\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\r\nimport { PopupButtons } from 'libs/shared/components/popup/PopupButtons';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\n\r\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\r\nimport { Actions } from 'shared/constants/LiteActions';\r\nimport { TokenizedTypeahead } from 'shared/components/share/tokenized-typeahead/TokenizedTypeahead';\r\n\r\nimport { MockClassroom } from 'apps/user-manager/interfaces/mocks/MockClassroom';\r\nimport { ClassroomRequests } from 'apps/classrooms/flight-requests/ClassroomRequests';\r\nimport { MockStudent } from 'apps/user-manager/interfaces';\r\nimport { SchoolUserRequests } from 'apps/user-manager/flight-requests/SchoolUserRequests';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\n\r\nconst namespace = 'classrooms.addStudentsToClassroom';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\nconst studentManagerAppLink = {\r\n  application: AppChannels.USER_MANAGER,\r\n  action: Actions.UserManager.STUDENTS\r\n};\r\n\r\ntype AddStudentsToClassroomViewProps = PropsWithAnalyticsOptions<PropsWithPopupViewProps<{\r\n  classroomId: string;\r\n}>>;\r\n\r\nexport function AddStudentsToClassroomView(props: AddStudentsToClassroomViewProps): JSX.Element {\r\n  const [ showButtonSpinner, setShowButtonSpinner ] = React.useState(false);\r\n\r\n  const [ selections, setSelections ] = React.useState<MockStudent[]>([]);\r\n\r\n  const classroom = Flight.useBasicFetch<MockClassroom>(ClassroomRequests.getClassroom(props.classroomId));\r\n  // Temp until we have instant search endpoint for users set up\r\n  const students = Flight.useBasicFetch<MockStudent[]>(SchoolUserRequests.tempGetAllStudents());\r\n\r\n  const dispatch = useDispatch();\r\n  const alerts = useAlerts();\r\n\r\n  function addStudents(): void {\r\n    if (!selections)\r\n      return;\r\n\r\n    setShowButtonSpinner(true);\r\n\r\n    Flight.fetch(dispatch, ClassroomRequests.addStudents(selections, props.classroomId, () => {\r\n      setShowButtonSpinner(false);\r\n\r\n      AnalyticsHelper.logUserAction({\r\n        id: props.classroomId,\r\n        userCount: selections.length\r\n      }, props.analyticsOptions);\r\n\r\n      alerts.success(getPhrase('success', {\r\n        smartCount: selections.length,\r\n        classroomName: classroom.data.name\r\n      }));\r\n\r\n      props.closePopup();\r\n    }, () => {\r\n      setShowButtonSpinner(false);\r\n      alerts.error(getPhrase('error', { smartCount: selections.length }));\r\n      props.closePopup();\r\n    }));\r\n  }\r\n\r\n  return (\r\n    <Popup\r\n      title={getPhrase('title')}\r\n      closePopup={props.closePopup}\r\n      showLoadingSpinner={!classroom.data || !students.data}\r\n    >\r\n      {(classroom.data && students.data) &&\r\n        <>\r\n          <div className='pb-3'>\r\n            <TokenizedTypeahead\r\n              placeholder={getPhrase('placeholder')}\r\n              selections={selections}\r\n              updateSelections={(student: MockStudent) => setSelections([ ...selections, student ])}\r\n              removeSelection={id => setSelections(selections.filter(s => s.id !== id))}\r\n              localSuggestions={students.data}\r\n            />\r\n          </div>\r\n\r\n          <p>\r\n            <Text namespace={namespace} phrase='createNewStudent' />\r\n            <AppLink className='info-link' onClick={props.closePopup} appLink={studentManagerAppLink}>\r\n              <Text namespace={namespace} phrase='studentManager' />\r\n            </AppLink>\r\n          </p>\r\n\r\n          <PopupButtons buttons={\r\n            [\r\n              {\r\n                variant: 'link',\r\n                onClick: props.closePopup,\r\n                buttonText: getPhrase('cancel')\r\n              },\r\n              {\r\n                variant: 'dark',\r\n                onClick: addStudents,\r\n                buttonText: getPhrase('add'),\r\n                isSpinnerButton: true,\r\n                showSpinner: showButtonSpinner\r\n              }\r\n            ]\r\n          }/>\r\n        </>\r\n      }\r\n    </Popup>\r\n  );\r\n}","import React from 'react';\r\nimport { BaseObject } from 'libs/shared/interfaces';\r\nimport { Avatar } from 'libs/shared/components/avatar/Avatar';\r\n\r\ninterface ShareeItemProps {\r\n  entity: BaseObject;\r\n}\r\n\r\nexport function ShareeItem(props: ShareeItemProps): JSX.Element {\r\n  return (\r\n    <div className='d-flex align-items-center'>\r\n      <div className='pr-2'>\r\n        {/* TODO: Add avatar to user and classroom models? */}\r\n        <Avatar imageUrl='' imageCdnUrl='' initials='' />\r\n      </div>\r\n\r\n      <div>\r\n        <h4 className='font-size-normal font-weight-normal m-0'>{props.entity.name}</h4>\r\n        <p className='text-muted m-0'>Email or classroom count here idk</p>\r\n      </div>\r\n\r\n      <div>\r\n\r\n      </div>\r\n    </div>\r\n  );\r\n}","import React from 'react';\r\nimport { BaseObject } from 'libs/shared/interfaces';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\r\n\r\nimport styles from './tokenized-typeahead.scss';\r\n\r\nfunction mapEntityTypeToBackgroundColor(entityType: string): string {\r\n  switch (entityType) {\r\n  case 'user': {\r\n    return styles.selectedUser;\r\n  }\r\n\r\n  case 'classroom': {\r\n    return styles.selectedClassroom;\r\n  }\r\n  }\r\n}\r\n\r\ninterface InputSelectionProps {\r\n  selection: BaseObject;\r\n  onClickRemove: (id: string) => void;\r\n}\r\n\r\nexport function InputSelection(props: InputSelectionProps): JSX.Element {\r\n  const colourClass = mapEntityTypeToBackgroundColor('user');\r\n\r\n  return (\r\n    <div className={`${colourClass} d-flex align-items-center pl-2 pr-1 mr-1 mt-1`}>\r\n      <span className='mr-1'>{props.selection.name}</span>\r\n\r\n      <DivButton className='cursor-pointer' onClick={() => props.onClickRemove(props.selection.id)}>\r\n        <SvgContainer svgName={cvSvgLibrary.Close} />\r\n      </DivButton>\r\n    </div>\r\n  );\r\n}","import React from 'react';\r\n\r\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { BaseObject } from 'libs/shared/interfaces';\r\nimport { SearchBar } from 'libs/shared/components/search-bar/SearchBar';\r\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\n\r\nimport { ShareeItem } from 'shared/components/share/sharee-item/ShareeItem';\r\nimport { InputSelection } from './InputSelection';\r\n\r\nimport styles from './tokenized-typeahead.scss';\r\n\r\nconst namespace = 'shared.tokenizedTypeahead';\r\n\r\ninterface TokenizedTypeaheadProps {\r\n  placeholder: string;\r\n  selections: BaseObject[];\r\n  updateSelections: (suggestion: BaseObject) => void;\r\n  removeSelection: (id: string) => void;\r\n  recentSearchHeading?: string;\r\n  endpoint?: string;\r\n  localSuggestions?: BaseObject[];\r\n}\r\n\r\n/**\r\n * This component extends the functionality of the `SearchBar` component by\r\n * displaying a list of selections as tokens inside the search bar.\r\n * \r\n * Any component using this component is responsible for managing the state of\r\n * these tokens (selections). See `MainShareView` for an example.\r\n */\r\nexport function TokenizedTypeahead(props: TokenizedTypeaheadProps): JSX.Element {\r\n  function onSuggestionSelected(suggestion: any): void {\r\n    props.updateSelections(suggestion);\r\n  }\r\n\r\n  return (\r\n    <div className='form-control h-auto d-flex flex-wrap align-items-center py-1 px-0 position-relative'>\r\n      <SvgContainer className='svg-container mx-1 h-100 align-self-start' svgName={cvSvgLibrary.Search} />\r\n\r\n      <div className={`${styles.selectionContainer} d-flex flex-wrap align-items-center mt-n1`}>\r\n        {props.selections.map(s => (\r\n          <InputSelection\r\n            key={s.id}\r\n            selection={s}\r\n            onClickRemove={(id: string) => props.removeSelection(id)}\r\n          />\r\n        ))}\r\n\r\n        <SearchBar\r\n          onSuggestionSelected={onSuggestionSelected}\r\n          onBackspace={() => props.removeSelection(ArrayHelper.last(props.selections).id)}\r\n          local={props.localSuggestions}\r\n          recentSearchHeading={props.recentSearchHeading || LanguageService.getPhrase(namespace, 'recentSearchHeading')}\r\n          recentSearches={[]}\r\n          placeholder={props.placeholder}\r\n          searchIconPlacement={false}\r\n          activationLength={2}\r\n          clearQueryOnSelect\r\n          getSuggestionComponent={suggestion => <ShareeItem entity={suggestion} />}\r\n          theme={{\r\n            container: styles.container,\r\n            suggestionsContainerOpen: `bg-white py-1 rounded border mt-1 ${styles.suggestionsContainerOpen}`,\r\n            suggestionsList: 'list-unstyled m-0',\r\n            suggestion: 'cursor-pointer py-1 px-2',\r\n            suggestionHighlighted: styles.suggestionHighlighted\r\n          }}\r\n        />\r\n      </div>\r\n    </div>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"cv--container--16rdL\",\"suggestionsContainerOpen\":\"cv--suggestionsContainerOpen--2886c\",\"selectionContainer\":\"cv--selectionContainer--12TCg\",\"suggestionHighlighted\":\"cv--suggestionHighlighted--3HZFR\",\"selectedUser\":\"cv--selectedUser--3NTEb\",\"selectedClassroom\":\"cv--selectedClassroom--x8G1B\"};"],"sourceRoot":""}