@clickview/lite 0.0.24-rc.5 → 0.0.24

package/dist/scripts/43.chunk.js

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/classrooms/views/add-students-to-classroom/AddStudentsToClassroomView.tsx","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/shared/components/share/sharee-item/ShareeItem.tsx","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/shared/components/share/tokenized-typeahead/InputSelection.tsx","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/shared/components/share/tokenized-typeahead/TokenizedTypeahead.tsx","webpack://@clickview/lite/./src/shared/components/share/tokenized-typeahead/tokenized-typeahead.scss?e9fc"],"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":""}

package/dist/scripts/44-0648e8e28f.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[44],{1288:function(t,e,n){"use strict";n.r(e),n.d(e,"DeletePlaylistView",(function(){return h}));var r=n(0),o=n(61),a=n(2),i=n(14),c=n(7),s=n(3),l=n(40),u=n(73),y=n(243),f=n(238),p=n(237),d=n(860),v=n(823);function m(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;var n=[],r=!0,o=!1,a=void 0;try{for(var i,c=t[Symbol.iterator]();!(r=(i=c.next()).done)&&(n.push(i.value),!e||n.length!==e);r=!0);}catch(t){o=!0,a=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw a}}return n}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return b(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return b(t,e)}(t,e)||function(){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 b(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}var g=c.a.encloseNamespace("playlists.deletePlaylist");function h(t){var e=Object(o.useDispatch)(),n=Object(v.a)(),c=m(r.useState(!1),2),b=c[0],h=c[1],w=i.a.useBasicFetch(d.a.getPlaylist(t.playlistId));Object(p.a)(w.data&&"".concat(g("title",{name:w.data.name})),[w.data]);var P=[{variant:"link",onClick:t.closePopup,buttonText:g("keep")},{variant:"danger",onClick:function(){h(!0);i.a.fetch(e,d.a.deletePlaylist(t.playlistId,(function(){n.success(g("success",{name:w.data.name})),l.a.logUserAction({id:t.playlistId},l.a.mergeOptions(t.analyticsOptions,{actionType:s.n.Delete,entity:s.d.Playlist,workflowPhase:s.o.Complete})),t.closePopup(),t.routeToOnDelete&&a.a.AppLinkHelper.trigger(t.routeToOnDelete)}),(function(){n.error(g("error",{name:w.data.name})),t.closePopup()})))},buttonText:g("confirm"),isSpinnerButton:!0,showSpinner:b}];return r.createElement(u.a.Provider,{value:"playlists.deletePlaylist"},r.createElement(f.a,{title:g("check"),closePopup:t.closePopup,showLoadingSpinner:!w.data},!!w.data&&r.createElement("div",{className:"delete-playlist-container"},r.createElement("div",{className:"delete-playlist-body"},r.createElement("p",null,r.createElement(u.b,{phrase:"warning",options:{name:w.data.name}})),r.createElement("p",null,r.createElement(u.b,{phrase:"videoNote"}))),r.createElement(y.a,{buttons:P}))))}},823:function(t,e,n){"use strict";n.d(e,"a",(function(){return i}));var r=n(153),o=n(48),a=n(52),i=function(){var t=Object(r.a)(a.a.ALERT);return{success:function(e){t.success(e)()},error:function(e){t.error(e)()},warning:function(e){t.createAlert({type:o.a.Warning,heading:o.c.Warning,message:e})}}}},837:function(t,e,n){"use strict";n.d(e,"a",(function(){return p}));var r=n(244),o=n(85),a=n(864);function i(t){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function c(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function s(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function l(t,e){return(l=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function u(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=f(t);if(e){var o=f(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return y(this,n)}}function y(t,e){return!e||"object"!==i(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function f(t){return(f=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var p=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&l(t,e)}(y,t);var e,n,r,i=u(y);function y(){var t,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:o.a.Newest,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:a.a.OwnedByMe;return c(this,y),(t=i.call(this,{collectionPrefix:"user:playlists",cursor:n,sort:e})).type=r,t}return e=y,(n=[{key:"toString",value:function(){return[this.collectionPrefix,this.sort,this.cursor,this.type].filter(Boolean).join(":")}}])&&s(e.prototype,n),r&&s(e,r),y}(r.a)},860:function(t,e,n){"use strict";var r=n(21),o=n(46),a=n(863);n(837);function i(t){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function c(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function s(t,e){return(s=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function l(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=y(t);if(e){var o=y(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return u(this,n)}}function u(t,e){return!e||"object"!==i(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function y(t){return(y=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var f,p=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&s(t,e)}(n,t);var e=l(n);function n(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return c(this,n),e.call(this,{collectionPrefix:"playlist:videos",id:t,cursor:r})}return n}(n(244).a);!function(t){t[t.Queued=1]="Queued",t[t.Processing=2]="Processing",t[t.Processed=3]="Processed",t[t.Errored=4]="Errored"}(f||(f={}));var d=function(t,e){return function(n){var r=Object.assign({},n);return r.hasOwnProperty(t)&&(r[t]=Object.assign(Object.assign({},r[t]),e)),r}},v=function(t){return function(e){var n=Object.assign({},e);return n.hasOwnProperty(t)&&delete n[t],n}},m=function(t,e){return function(n){var r=Object.assign({},n);return r.hasOwnProperty(t)?(r[t].videos||(r[t].videos={}),r[t].videos.count=r[t].videos.count?r[t].videos.count+e:e,r):n}};n.d(e,"a",(function(){return w}));var b=function(t){return t?"&cursor=".concat(t):""},g=function(t){return Number.isInteger(t)?"&maxRatingValue=".concat(t):""},h=function(t,e){return"".concat(t).concat(e?":".concat(e):"")},w={getPlaylist:function(t,e,n){return{url:"/api/domain/v2/objects/".concat(t,"?query=").concat(o.a.PLAYLIST),key:"playlist:".concat(t),success:e,error:n}},getSharedPlaylist:function(t,e,n,r){var a="/api/domain/v2/share/".concat(t);return{url:"".concat(a,"?query=").concat(o.a.PLAYLIST).concat(g(e)),key:"shared:playlist:".concat(t),success:n,error:r}},getUserPlaylists:function(t){var e=t.sort,n=t.type;return{url:"/api/domain/v2/me/playlists/".concat(n,"?sort=").concat(e,"&query={limit:100}")+"".concat(o.a.PLAYLIST_COLLECTION).concat(b(t.cursor)),key:t.toString(),formatData:function(t){return Object.assign(Object.assign({},t),{data:t.data.map((function(t){return t.owner?Object.assign(Object.assign({},t),{owner:Object.assign(Object.assign({},t.owner),{avatar:t.owner.avatar.url})}):t}))})}}},getPlaylistVideos:function(t,e,n){var r="orderBy:orderindex,limit:100";return Number.isInteger(e)&&(r+=",rating.value:0...".concat(e)),{url:"/api/domain/v2/objects/".concat(t,"/videos?query={").concat(r,"}")+"".concat(o.a.VIDEO_COLLECTION).concat(b(n)),key:h("playlist:".concat(t,":videos"),n)}},getSharedPlaylistVideos:function(t,e,n){return{url:"/api/domain/v2/share/".concat(t,"/videos?query={orderBy:orderindex,limit:100}")+"".concat(o.a.SHARED_PLAYLIST_VIDEO_COLLECTION)+"".concat(b(n)).concat(g(e)),key:h("shared:playlist:".concat(t,":videos"),n)}},getVideoPlaylists:function(t,e,n){return{url:"/api/domain/v2/objects/".concat(t,"/playlists?query={limit:100,owner.id:[").concat(e,"]}"),key:h("video:playlists:".concat(t),n)}},createPlaylist:function(t,e,n,o){return{key:"create:playlist",url:"/api/domain/v2/objects/".concat(t,"/playlists"),data:e,type:r.a.POST,success:n,error:o,invalidationKeys:"user:playlists"}},updatePlaylist:function(t,e,n,o){return{key:"update:playlist",url:"/api/domain/v2/objects/".concat(t),data:e,type:r.a.PUT,success:n,error:o,updateState:{keys:"playlist:".concat(t),updateData:d("playlist:".concat(t),e)}}},deletePlaylist:function(t,e,n){return{key:"delete:playlist",url:"/api/domain/v2/objects/".concat(t),type:r.a.DELETE,success:e,error:n,invalidationKeys:"user:playlists",updateState:{keys:"playlist:".concat(t),updateData:v("playlist:".concat(t))}}},addToPlaylist:function(t,e,n,o){var a=["user:playlists",new p(t).toString()];return e.forEach((function(t){a.push("video:playlists:".concat(t))})),{key:"add:to:playlist",url:"/api/domain/v2/objects/".concat(t,"/associate"),data:e,type:r.a.POST,success:n,error:o,invalidationKeys:a,updateState:{keys:"playlist:".concat(t),updateData:m("playlist:".concat(t),e.length)}}},reorderVideos:function(t,e,n,o){return{key:"reorder:playlist",url:"/api/domain/v2/objects/".concat(t,"/videos/reorder"),data:e,type:r.a.PUT,success:n,error:o,invalidationKeys:"user:playlists",updateState:{keys:"playlist:".concat(t,":videos"),updateData:function(n){return a.a.updateState("playlist:".concat(t,":videos"),e,n)}}}},removePlaylistVideo:function(t,e,n,o){return{key:"remove:playlist:video",url:"/api/domain/v2/objects/".concat(t,"/dissociate?memberId=").concat(e),type:r.a.DELETE,success:n,error:o,invalidationKeys:["user:playlists","playlist:".concat(t,":videos")]}},getIsFollowingPlaylist:function(t,e){return{url:"/api/domain/v2/objects/".concat(e,"/followedPlaylists?query={id:").concat(t,"}"),key:"playlist:".concat(t,":following:").concat(e),formatData:function(e){var n,r;return{objectId:t,isFollowing:!!(null===(r=null===(n=e)||void 0===n?void 0:n.data)||void 0===r?void 0:r.length)}},normalize:!1}},followPlaylist:function(t,e,n,o,a){return{url:"/api/domain/v2/objects/".concat(e),key:"follow:playlist:".concat(t),data:{followedPlaylists:t},type:r.a.PUT,invalidationKeys:["user:playlists","playlist:".concat(t,":following:").concat(e)],success:n,error:o,always:a}},unfollowPlaylist:function(t,e,n,o,a){return{url:"/api/domain/v2/objects/".concat(e,"/followedplaylists/").concat(t),key:"unfollow:playlist:".concat(t),type:r.a.DELETE,invalidationKeys:["user:playlists","playlist:".concat(t,":following:").concat(e)],success:n,error:o,always:a}},getPlaylistPrivacy:function(t){return{key:"playlist:privacy:".concat(t),url:"/api/domain/v1/playlists/".concat(t,"/privacy"),formatData:function(e){return{id:t,privacy:e}}}},updatePlaylistPrivacy:function(t,e,n,o,a){return{key:"update:playlist:privacy:".concat(t),url:"/api/domain/v1/playlists/".concat(t,"/privacy"),type:r.a.PUT,data:{privacy:e},formatData:function(){return{id:t,privacy:e}},success:n,error:o,always:a}},getMigrationTask:function(t,e){return{url:"/api/playlist-app/migration-task",key:"migration:task",formatData:function(t){return t||{status:f.Processed}},success:t,error:e}}}},863:function(t,e,n){"use strict";n.d(e,"a",(function(){return c}));var r=n(127),o=n(57);function a(t){return function(t){if(Array.isArray(t))return i(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return i(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return i(t,e)}(t)||function(){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 i(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}var c={reorder:function(t,e,n){if(e===n)return{reorderedItems:t,reorderRequest:null};var o=r.a.moveItem(t,e,n),a=n<t.length-1?o[n+1].id:null;return{reorderedItems:o,reorderRequest:{sourceMemberId:o[n].id,destinationMemberId:a}}},updateState:function(t,e,n){for(var i=[],c=o.a.deepClone(n),s=[t],l=n[t],u=!!l&&!!l.data&&l.data.length;l&&Array.isArray(l.data);){i.push.apply(i,a(l.data));var y=l.pagination&&l.pagination.cursors&&l.pagination.cursors.next,f=!!y&&"".concat(t,":").concat(y);(l=y&&n[f])&&s.push(f)}if(!i.length)return n;var p=r.a.findIndex(i,(function(t){return t.id===e.sourceMemberId})),d=[].concat(i),v=d.splice(p,1),m=e.destinationMemberId?r.a.findIndex(d,(function(t){return t.id===e.destinationMemberId})):d.length;return d.splice(m,0,v[0]),s.forEach((function(t){var e=d.splice(0,u);c[t].data=e})),c}}},864:function(t,e,n){"use strict";var r;n.d(e,"a",(function(){return r})),function(t){t.OwnedByMe="owned_by_me",t.Followed="followed",t.All="all"}(r||(r={}))}}]);

package/dist/scripts/44-f4e93786c0.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[44],{1275:function(t,e,n){"use strict";n.r(e),n.d(e,"DeletePlaylistView",(function(){return h}));var r=n(0),o=n(60),a=n(2),i=n(14),c=n(7),l=n(3),s=n(40),u=n(76),y=n(239),p=n(233),f=n(232),d=n(849);function v(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;var n=[],r=!0,o=!1,a=void 0;try{for(var i,c=t[Symbol.iterator]();!(r=(i=c.next()).done)&&(n.push(i.value),!e||n.length!==e);r=!0);}catch(t){o=!0,a=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw a}}return n}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return m(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return m(t,e)}(t,e)||function(){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 m(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}var b=c.a.encloseNamespace("playlists.deletePlaylist");function h(t){var e=Object(o.useDispatch)(),n=v(r.useState(!1),2),c=n[0],m=n[1],h=i.a.useBasicFetch(d.a.getPlaylist(t.playlistId));Object(f.a)(h.data&&"".concat(b("title",{name:h.data.name})),[h.data]);var g=[{variant:"link",onClick:t.closePopup,buttonText:b("keep")},{variant:"danger",onClick:function(){m(!0);i.a.fetch(e,d.a.deletePlaylist(t.playlistId,(function(){t.closePopup(),t.routeToOnDelete&&a.a.AppLinkHelper.trigger(t.routeToOnDelete)}),t.closePopup)),s.a.logUserAction({id:t.playlistId},s.a.mergeOptions(t.analyticsOptions,{actionType:l.n.Delete,entity:l.d.Playlist,workflowPhase:l.o.Complete}))},buttonText:b("confirm"),isSpinnerButton:!0,showSpinner:c}];return r.createElement(u.a.Provider,{value:"playlists.deletePlaylist"},r.createElement(p.a,{title:b("check"),closePopup:t.closePopup,showLoadingSpinner:!h.data},!!h.data&&r.createElement("div",{className:"delete-playlist-container"},r.createElement("div",{className:"delete-playlist-body"},r.createElement("p",null,r.createElement(u.b,{phrase:"warning",options:{name:h.data.name}})),r.createElement("p",null,r.createElement(u.b,{phrase:"videoNote"}))),r.createElement(y.a,{buttons:g}))))}},830:function(t,e,n){"use strict";n.d(e,"a",(function(){return f}));var r=n(240),o=n(83),a=n(853);function i(t){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function c(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function l(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function s(t,e){return(s=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function u(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=p(t);if(e){var o=p(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return y(this,n)}}function y(t,e){return!e||"object"!==i(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function p(t){return(p=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var f=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&s(t,e)}(y,t);var e,n,r,i=u(y);function y(){var t,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:o.a.Newest,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:a.a.OwnedByMe;return c(this,y),(t=i.call(this,{collectionPrefix:"user:playlists",cursor:n,sort:e})).type=r,t}return e=y,(n=[{key:"toString",value:function(){return[this.collectionPrefix,this.sort,this.cursor,this.type].filter(Boolean).join(":")}}])&&l(e.prototype,n),r&&l(e,r),y}(r.a)},849:function(t,e,n){"use strict";var r=n(21),o=n(45),a=n(852);n(830);function i(t){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function c(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function l(t,e){return(l=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function s(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=y(t);if(e){var o=y(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return u(this,n)}}function u(t,e){return!e||"object"!==i(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function y(t){return(y=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var p,f=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&l(t,e)}(n,t);var e=s(n);function n(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return c(this,n),e.call(this,{collectionPrefix:"playlist:videos",id:t,cursor:r})}return n}(n(240).a);!function(t){t[t.Queued=1]="Queued",t[t.Processing=2]="Processing",t[t.Processed=3]="Processed",t[t.Errored=4]="Errored"}(p||(p={}));var d=function(t,e){return function(n){var r=Object.assign({},n);return r.hasOwnProperty(t)&&(r[t]=Object.assign(Object.assign({},r[t]),e)),r}},v=function(t){return function(e){var n=Object.assign({},e);return n.hasOwnProperty(t)&&delete n[t],n}},m=function(t,e){return function(n){var r=Object.assign({},n);return r.hasOwnProperty(t)?(r[t].videos||(r[t].videos={}),r[t].videos.count=r[t].videos.count?r[t].videos.count+e:e,r):n}};n.d(e,"a",(function(){return P}));var b=function(t){return t?"&cursor=".concat(t):""},h=function(t){return Number.isInteger(t)?"&maxRatingValue=".concat(t):""},g=function(t,e){return"".concat(t).concat(e?":".concat(e):"")},P={getPlaylist:function(t,e,n){return{url:"/api/domain/v2/objects/".concat(t,"?query=").concat(o.a.PLAYLIST),key:"playlist:".concat(t),success:e,error:n}},getSharedPlaylist:function(t,e,n,r){var a="/api/domain/v2/share/".concat(t);return{url:"".concat(a,"?query=").concat(o.a.PLAYLIST).concat(h(e)),key:"shared:playlist:".concat(t),success:n,error:r}},getUserPlaylists:function(t){var e=t.sort,n=t.type;return{url:"/api/domain/v2/me/playlists/".concat(n,"?sort=").concat(e,"&query={limit:100}")+"".concat(o.a.PLAYLIST_COLLECTION).concat(b(t.cursor)),key:t.toString()}},getPlaylistVideos:function(t,e,n){var r="orderBy:orderindex,limit:100";return Number.isInteger(e)&&(r+=",rating.value:0...".concat(e)),{url:"/api/domain/v2/objects/".concat(t,"/videos?query={").concat(r,"}")+"".concat(o.a.VIDEO_COLLECTION).concat(b(n)),key:g("playlist:".concat(t,":videos"),n)}},getSharedPlaylistVideos:function(t,e,n){return{url:"/api/domain/v2/share/".concat(t,"/videos?query={orderBy:orderindex,limit:100}")+"".concat(o.a.SHARED_PLAYLIST_VIDEO_COLLECTION)+"".concat(b(n)).concat(h(e)),key:g("shared:playlist:".concat(t,":videos"),n)}},getVideoPlaylists:function(t,e,n){return{url:"/api/domain/v2/objects/".concat(t,"/playlists?query={limit:100,owner.id:[").concat(e,"]}"),key:g("video:playlists:".concat(t),n)}},createPlaylist:function(t,e,n,o){return{key:"create:playlist",url:"/api/domain/v2/objects/".concat(t,"/playlists"),data:e,type:r.a.POST,success:n,error:o,invalidationKeys:"user:playlists"}},updatePlaylist:function(t,e,n,o){return{key:"update:playlist",url:"/api/domain/v2/objects/".concat(t),data:e,type:r.a.PUT,success:n,error:o,updateState:{keys:"playlist:".concat(t),updateData:d("playlist:".concat(t),e)}}},deletePlaylist:function(t,e,n){return{key:"delete:playlist",url:"/api/domain/v2/objects/".concat(t),type:r.a.DELETE,success:e,error:n,invalidationKeys:"user:playlists",updateState:{keys:"playlist:".concat(t),updateData:v("playlist:".concat(t))}}},addToPlaylist:function(t,e,n,o){var a=["user:playlists",new f(t).toString()];return e.forEach((function(t){a.push("video:playlists:".concat(t))})),{key:"add:to:playlist",url:"/api/domain/v2/objects/".concat(t,"/associate"),data:e,type:r.a.POST,success:n,error:o,invalidationKeys:a,updateState:{keys:"playlist:".concat(t),updateData:m("playlist:".concat(t),e.length)}}},reorderVideos:function(t,e,n,o){return{key:"reorder:playlist",url:"/api/domain/v2/objects/".concat(t,"/videos/reorder"),data:e,type:r.a.PUT,success:n,error:o,invalidationKeys:"user:playlists",updateState:{keys:"playlist:".concat(t,":videos"),updateData:function(n){return a.a.updateState("playlist:".concat(t,":videos"),e,n)}}}},removePlaylistVideo:function(t,e,n,o){return{key:"remove:playlist:video",url:"/api/domain/v2/objects/".concat(t,"/dissociate?memberId=").concat(e),type:r.a.DELETE,success:n,error:o,invalidationKeys:["user:playlists","playlist:".concat(t,":videos")]}},getIsFollowingPlaylist:function(t,e){return{url:"/api/domain/v2/objects/".concat(e,"/followedPlaylists?query={id:").concat(t,"}"),key:"playlist:".concat(t,":following:").concat(e),formatData:function(e){var n,r;return{objectId:t,isFollowing:!!(null===(r=null===(n=e)||void 0===n?void 0:n.data)||void 0===r?void 0:r.length)}},normalize:!1}},followPlaylist:function(t,e,n,o,a){return{url:"/api/domain/v2/objects/".concat(e),key:"follow:playlist:".concat(t),data:{followedPlaylists:t},type:r.a.PUT,invalidationKeys:["user:playlists","playlist:".concat(t,":following:").concat(e)],success:n,error:o,always:a}},unfollowPlaylist:function(t,e,n,o,a){return{url:"/api/domain/v2/objects/".concat(e,"/followedplaylists/").concat(t),key:"unfollow:playlist:".concat(t),type:r.a.DELETE,invalidationKeys:["user:playlists","playlist:".concat(t,":following:").concat(e)],success:n,error:o,always:a}},getPlaylistPrivacy:function(t){return{key:"playlist:privacy:".concat(t),url:"/api/domain/v1/playlists/".concat(t,"/privacy"),formatData:function(e){return{id:t,privacy:e}}}},updatePlaylistPrivacy:function(t,e,n,o,a){return{key:"update:playlist:privacy:".concat(t),url:"/api/domain/v1/playlists/".concat(t,"/privacy"),type:r.a.PUT,data:{privacy:e},formatData:function(){return{id:t,privacy:e}},success:n,error:o,always:a}},getMigrationTask:function(t,e){return{url:"/api/playlist-app/migration-task",key:"migration:task",formatData:function(t){return t||{status:p.Processed}},success:t,error:e}}}},852:function(t,e,n){"use strict";n.d(e,"a",(function(){return c}));var r=n(125),o=n(54);function a(t){return function(t){if(Array.isArray(t))return i(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return i(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return i(t,e)}(t)||function(){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 i(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}var c={reorder:function(t,e,n){if(e===n)return{reorderedItems:t,reorderRequest:null};var o=r.a.moveItem(t,e,n),a=n<t.length-1?o[n+1].id:null;return{reorderedItems:o,reorderRequest:{sourceMemberId:o[n].id,destinationMemberId:a}}},updateState:function(t,e,n){for(var i=[],c=o.a.deepClone(n),l=[t],s=n[t],u=!!s&&!!s.data&&s.data.length;s&&Array.isArray(s.data);){i.push.apply(i,a(s.data));var y=s.pagination&&s.pagination.cursors&&s.pagination.cursors.next,p=!!y&&"".concat(t,":").concat(y);(s=y&&n[p])&&l.push(p)}if(!i.length)return n;var f=r.a.findIndex(i,(function(t){return t.id===e.sourceMemberId})),d=[].concat(i),v=d.splice(f,1),m=e.destinationMemberId?r.a.findIndex(d,(function(t){return t.id===e.destinationMemberId})):d.length;return d.splice(m,0,v[0]),l.forEach((function(t){var e=d.splice(0,u);c[t].data=e})),c}}},853:function(t,e,n){"use strict";var r;n.d(e,"a",(function(){return r})),function(t){t.OwnedByMe="owned_by_me",t.Followed="followed",t.All="all"}(r||(r={}))}}]);