@clickview/lite 0.0.22-dev.1 → 0.0.22-rc.1

package/dist/scripts/57.chunk.js

@@ -0,0 +1,139 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[57],{
+
+/***/ "../../libs/shared/src/hooks/UseAlerts.ts":
+/*!***********************************************************************************!*\
+  !*** C:/ClickView Projects/clickview/packages/libs/shared/src/hooks/UseAlerts.ts ***!
+  \***********************************************************************************/
+/*! exports provided: useAlerts */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useAlerts", function() { return useAlerts; });
+/* harmony import */ var _common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/react/hooks/UseService */ "../../libs/common/src/react/hooks/UseService.ts");
+/* harmony import */ var _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../common/src/backbone/services/BaseAlertService */ "../../libs/common/src/backbone/services/BaseAlertService.ts");
+/* harmony import */ var _common_src_backbone_constants_CommonServices__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../common/src/backbone/constants/CommonServices */ "../../libs/common/src/backbone/constants/CommonServices.ts");
+
+
+
+var useAlerts = function useAlerts() {
+  var alertService = Object(_common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_0__["useService"])(_common_src_backbone_constants_CommonServices__WEBPACK_IMPORTED_MODULE_2__["CommonServices"].ALERT);
+  return {
+    success: function success(alertContent) {
+      alertService.success(alertContent)();
+    },
+    error: function error(alertContent) {
+      alertService.error(alertContent)();
+    },
+    warning: function warning(alertContent) {
+      alertService.createAlert({
+        type: _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__["AlertType"].Warning,
+        heading: _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__["DefaultAlertHeading"].Warning,
+        message: alertContent
+      });
+    }
+  };
+};
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/views/delete-classroom/DeleteClassroomView.tsx":
+/*!****************************************************************************!*\
+  !*** ./src/apps/classrooms/views/delete-classroom/DeleteClassroomView.tsx ***!
+  \****************************************************************************/
+/*! exports provided: DeleteClassroomView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DeleteClassroomView", function() { return DeleteClassroomView; });
+/* 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 apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! apps/classrooms/flight-requests/ClassroomRequests */ "./src/apps/classrooms/flight-requests/ClassroomRequests.ts");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+
+
+
+
+
+
+
+
+var namespace = 'classrooms.deleteClassroom';
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].encloseNamespace(namespace);
+function DeleteClassroomView(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 dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
+  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_5__["useAlerts"])();
+  var classroom = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_8__["ClassroomRequests"].getClassroom(props.id));
+
+  function deleteClassrooms() {
+    setShowButtonSpinner(true);
+    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].fetch(dispatch, apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_8__["ClassroomRequests"].deleteClassroom(props.id, function () {
+      setShowButtonSpinner(false);
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_9__["AnalyticsHelper"].logUserAction({
+        id: props.id
+      }, props.analyticsOptions);
+      alerts.success(getPhrase('success', {
+        name: classroom.data.name
+      }));
+      props.closePopup();
+    }));
+  }
+
+  var showLoadingSpinner = showButtonSpinner || !classroom.data;
+  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: showLoadingSpinner
+  }, classroom.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("p", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_7__["Text"], {
+    namespace: namespace,
+    phrase: 'confirmation',
+    options: {
+      name: classroom.data.name
+    }
+  })), 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: 'danger',
+      onClick: deleteClassrooms,
+      buttonText: getPhrase('remove'),
+      isSpinnerButton: true,
+      showSpinner: showButtonSpinner
+    }]
+  })));
+}
+
+/***/ })
+
+}]);
+//# sourceMappingURL=57.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView Projects/clickview/packages/libs/shared/src/hooks/UseAlerts.ts","file://C:/ClickView Projects/clickview/packages/projects/lite/src/apps/classrooms/views/delete-classroom/DeleteClassroomView.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEO,IAAM,SAAS,GAAG,SAAZ,SAAY,GAAK;AAC5B,MAAM,YAAY,GAAG,qFAAU,CAAmB,4FAAc,CAAC,KAAlC,CAA/B;AAEA,SAAO;AACL,WADK,mBACG,YADH,EACsD;AACzD,kBAAY,CAAC,OAAb,CAAqB,YAArB;AACD,KAHI;AAIL,SAJK,iBAIC,YAJD,EAIoD;AACvD,kBAAY,CAAC,KAAb,CAAmB,YAAnB;AACD,KANI;AAOL,WAPK,mBAOG,YAPH,EAOuB;AAC1B,kBAAY,CAAC,WAAb,CAAyB;AACvB,YAAI,EAAE,wFAAS,CAAC,OADO;AAEvB,eAAO,EAAE,kGAAmB,CAAC,OAFN;AAGvB,eAAO,EAAE;AAHc,OAAzB;AAKD;AAbI,GAAP;AAeD,CAlBM,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACJP;AACA;AAEA;AACA;AAEA;AAEA;AACA;AACA;AAEA;AAEA;AAEA,IAAM,SAAS,GAAG,4BAAlB;AACA,IAAM,SAAS,GAAG,kGAAe,CAAC,gBAAhB,CAAiC,SAAjC,CAAlB;AAMM,SAAU,mBAAV,CAA8B,KAA9B,EAA6D;AAAA,wBACb,4CAAK,CAAC,QAAN,CAAe,KAAf,CADa;AAAA;AAAA,MACzD,iBADyD;AAAA,MACtC,oBADsC;;AAGjE,MAAM,QAAQ,GAAG,+DAAW,EAA5B;AACA,MAAM,MAAM,GAAG,kFAAS,EAAxB;AAEA,MAAM,SAAS,GAAG,6DAAM,CAAC,aAAP,CAAoC,mGAAiB,CAAC,YAAlB,CAA+B,KAAK,CAAC,EAArC,CAApC,CAAlB;;AAEA,WAAS,gBAAT,GAAyB;AACvB,wBAAoB,CAAC,IAAD,CAApB;AAEA,iEAAM,CAAC,KAAP,CAAa,QAAb,EAAuB,mGAAiB,CAAC,eAAlB,CAAkC,KAAK,CAAC,EAAxC,EAA4C,YAAK;AACtE,0BAAoB,CAAC,KAAD,CAApB;AAEA,yFAAe,CAAC,aAAhB,CAA8B;AAAE,UAAE,EAAE,KAAK,CAAC;AAAZ,OAA9B,EAAgD,KAAK,CAAC,gBAAtD;AAEA,YAAM,CAAC,OAAP,CAAe,SAAS,CAAC,SAAD,EAAY;AAAE,YAAI,EAAE,SAAS,CAAC,IAAV,CAAe;AAAvB,OAAZ,CAAxB;AAEA,WAAK,CAAC,UAAN;AACD,KARsB,CAAvB;AASD;;AAED,MAAM,kBAAkB,GAAG,iBAAiB,IAAI,CAAC,SAAS,CAAC,IAA3D;AAEA,SACE,2DAAC,6EAAD,EAAM;AAAC,SAAK,EAAE,SAAS,CAAC,OAAD,CAAjB;AAA4B,cAAU,EAAE,KAAK,CAAC,UAA9C;AAA0D,sBAAkB,EAAE;AAA9E,GAAN,EACG,SAAS,CAAC,IAAV,IACC,wHACE,sEACE,2DAAC,0EAAD,EAAK;AAAC,aAAS,EAAE,SAAZ;AAAuB,UAAM,EAAC,cAA9B;AAA6C,WAAO,EAAE;AAAE,UAAI,EAAE,SAAS,CAAC,IAAV,CAAe;AAAvB;AAAtD,GAAL,CADF,CADF,EAKE,2DAAC,2FAAD,EAAa;AAAC,WAAO,EACnB,CACE;AACE,aAAO,EAAE,MADX;AAEE,aAAO,EAAE,KAAK,CAAC,UAFjB;AAGE,gBAAU,EAAE,SAAS,CAAC,QAAD;AAHvB,KADF,EAME;AACE,aAAO,EAAE,QADX;AAEE,aAAO,EAAE,gBAFX;AAGE,gBAAU,EAAE,SAAS,CAAC,QAAD,CAHvB;AAIE,qBAAe,EAAE,IAJnB;AAKE,iBAAW,EAAE;AALf,KANF;AADW,GAAb,CALF,CAFJ,CADF;AA4BD,C","file":"scripts/57.chunk.js","sourcesContent":["import { useService } from 'libs/common/react/hooks/UseService';\r\nimport { BaseAlertService, BaseAlert, BaseAlertOptions, AlertType, DefaultAlertHeading } from 'libs/common/backbone/services/BaseAlertService';\r\nimport { CommonServices } from 'libs/common/backbone/constants/CommonServices';\r\n\r\nexport const useAlerts = () => {\r\n  const alertService = useService<BaseAlertService>(CommonServices.ALERT);\r\n\r\n  return {\r\n    success(alertContent: string | BaseAlert | BaseAlertOptions): void {\r\n      alertService.success(alertContent)();\r\n    },\r\n    error(alertContent: string | BaseAlert | BaseAlertOptions): void {\r\n      alertService.error(alertContent)();\r\n    },\r\n    warning(alertContent: string): void {\r\n      alertService.createAlert({\r\n        type: AlertType.Warning,\r\n        heading: DefaultAlertHeading.Warning,\r\n        message: alertContent\r\n      });\r\n    }\r\n  };\r\n};","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\n\r\nimport { Popup } from 'libs/shared/components/popup/Popup';\r\nimport { 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\n\r\nimport { ClassroomRequests } from 'apps/classrooms/flight-requests/ClassroomRequests';\r\nimport { MockClassroom } from 'apps/user-manager/interfaces';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\n\r\nconst namespace = 'classrooms.deleteClassroom';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\ntype DeleteClassroomViewProps = PropsWithAnalyticsOptions<PropsWithPopupViewProps<{\r\n  id: string;\r\n}>>;\r\n\r\nexport function DeleteClassroomView(props: DeleteClassroomViewProps): JSX.Element {\r\n  const [ showButtonSpinner, setShowButtonSpinner ] = React.useState(false);\r\n\r\n  const dispatch = useDispatch();\r\n  const alerts = useAlerts();\r\n\r\n  const classroom = Flight.useBasicFetch<MockClassroom>(ClassroomRequests.getClassroom(props.id));\r\n\r\n  function deleteClassrooms(): void {\r\n    setShowButtonSpinner(true);\r\n\r\n    Flight.fetch(dispatch, ClassroomRequests.deleteClassroom(props.id, () => {\r\n      setShowButtonSpinner(false);\r\n\r\n      AnalyticsHelper.logUserAction({ id: props.id }, props.analyticsOptions);\r\n\r\n      alerts.success(getPhrase('success', { name: classroom.data.name }));\r\n\r\n      props.closePopup();\r\n    }));\r\n  }\r\n\r\n  const showLoadingSpinner = showButtonSpinner || !classroom.data;\r\n\r\n  return (\r\n    <Popup title={getPhrase('title')} closePopup={props.closePopup} showLoadingSpinner={showLoadingSpinner}>\r\n      {classroom.data && (\r\n        <>\r\n          <p>\r\n            <Text namespace={namespace} phrase='confirmation' options={{ name: classroom.data.name }} />\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: 'danger',\r\n                onClick: deleteClassrooms,\r\n                buttonText: getPhrase('remove'),\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}"],"sourceRoot":""}

package/dist/scripts/{58-5b7bee48c2.chunk.js → 58-0da9b42725.chunk.js}

@@ -1 +1 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[58],{1226:function(a,e,t){"use strict";t.r(e),t.d(e,"EditPlaylistView",(function(){return w}));var l=t(0),i=t(59),s=t(9),n=t(14),c=t(3),o=t(47),p=t(825),d=t(802),u=t(225),r=t(1019),y=s.a.encloseNamespace("playlists.editPlaylist");function w(a){var e=Object(i.useDispatch)(),t=n.a.useBasicFetch(d.a.getPlaylist(a.playlistId));Object(p.a)(t.data&&y("title",{name:t.data.name}),[t]);return l.createElement(u.a,{title:y("heading"),closePopup:a.closePopup,showLoadingSpinner:!t.data},!!t.data&&l.createElement(r.a,{playlist:t.data,savePlaylist:function(t){n.a.fetch(e,d.a.updatePlaylist(a.playlistId,t,a.closePopup,a.closePopup)),o.a.logUserAction(t,o.a.mergeOptions(a.analyticsOptions,{actionType:c.n.Edit,entity:c.d.Playlist,workflowPhase:c.o.Complete}))},onClickCancel:a.closePopup,cancelButtonClass:"secondary"}))}}}]);
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[58],{1232:function(a,e,t){"use strict";t.r(e),t.d(e,"EditPlaylistView",(function(){return w}));var l=t(0),i=t(59),s=t(9),n=t(14),c=t(3),o=t(37),p=t(832),d=t(808),u=t(227),r=t(1025),y=s.a.encloseNamespace("playlists.editPlaylist");function w(a){var e=Object(i.useDispatch)(),t=n.a.useBasicFetch(d.a.getPlaylist(a.playlistId));Object(p.a)(t.data&&y("title",{name:t.data.name}),[t]);return l.createElement(u.a,{title:y("heading"),closePopup:a.closePopup,showLoadingSpinner:!t.data},!!t.data&&l.createElement(r.a,{playlist:t.data,savePlaylist:function(t){n.a.fetch(e,d.a.updatePlaylist(a.playlistId,t,a.closePopup,a.closePopup)),o.a.logUserAction(t,o.a.mergeOptions(a.analyticsOptions,{actionType:c.n.Edit,entity:c.d.Playlist,workflowPhase:c.o.Complete}))},onClickCancel:a.closePopup,cancelButtonClass:"secondary"}))}}}]);

package/dist/scripts/58-cbff52ace0.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[58],{1232:function(a,e,t){"use strict";t.r(e),t.d(e,"EditPlaylistView",(function(){return w}));var l=t(0),i=t(59),s=t(9),n=t(14),c=t(3),o=t(37),p=t(832),d=t(808),u=t(227),r=t(1025),y=s.a.encloseNamespace("playlists.editPlaylist");function w(a){var e=Object(i.useDispatch)(),t=n.a.useBasicFetch(d.a.getPlaylist(a.playlistId));Object(p.a)(t.data&&y("title",{name:t.data.name}),[t]);return l.createElement(u.a,{title:y("heading"),closePopup:a.closePopup,showLoadingSpinner:!t.data},!!t.data&&l.createElement(r.a,{playlist:t.data,savePlaylist:function(t){n.a.fetch(e,d.a.updatePlaylist(a.playlistId,t,a.closePopup,a.closePopup)),o.a.logUserAction(t,o.a.mergeOptions(a.analyticsOptions,{actionType:c.n.Edit,entity:c.d.Playlist,workflowPhase:c.o.Complete}))},onClickCancel:a.closePopup,cancelButtonClass:"secondary"}))}}}]);

package/dist/scripts/58.chunk.js

@@ -0,0 +1,142 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[58],{
+
+/***/ "../../libs/shared/src/hooks/UseAlerts.ts":
+/*!***********************************************************************************!*\
+  !*** C:/ClickView Projects/clickview/packages/libs/shared/src/hooks/UseAlerts.ts ***!
+  \***********************************************************************************/
+/*! exports provided: useAlerts */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useAlerts", function() { return useAlerts; });
+/* harmony import */ var _common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/react/hooks/UseService */ "../../libs/common/src/react/hooks/UseService.ts");
+/* harmony import */ var _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../common/src/backbone/services/BaseAlertService */ "../../libs/common/src/backbone/services/BaseAlertService.ts");
+/* harmony import */ var _common_src_backbone_constants_CommonServices__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../common/src/backbone/constants/CommonServices */ "../../libs/common/src/backbone/constants/CommonServices.ts");
+
+
+
+var useAlerts = function useAlerts() {
+  var alertService = Object(_common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_0__["useService"])(_common_src_backbone_constants_CommonServices__WEBPACK_IMPORTED_MODULE_2__["CommonServices"].ALERT);
+  return {
+    success: function success(alertContent) {
+      alertService.success(alertContent)();
+    },
+    error: function error(alertContent) {
+      alertService.error(alertContent)();
+    },
+    warning: function warning(alertContent) {
+      alertService.createAlert({
+        type: _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__["AlertType"].Warning,
+        heading: _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__["DefaultAlertHeading"].Warning,
+        message: alertContent
+      });
+    }
+  };
+};
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/views/remove-students-from-classroom/RemoveStudentsFromClassroomView.tsx":
+/*!******************************************************************************************************!*\
+  !*** ./src/apps/classrooms/views/remove-students-from-classroom/RemoveStudentsFromClassroomView.tsx ***!
+  \******************************************************************************************************/
+/*! exports provided: RemoveStudentsFromClassroomView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "RemoveStudentsFromClassroomView", function() { return RemoveStudentsFromClassroomView; });
+/* 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_components_popup_PopupButtons__WEBPACK_IMPORTED_MODULE_5__ = __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_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseAlerts */ "../../libs/shared/src/hooks/UseAlerts.ts");
+/* harmony import */ var apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! apps/classrooms/flight-requests/ClassroomRequests */ "./src/apps/classrooms/flight-requests/ClassroomRequests.ts");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+
+
+
+
+
+
+
+
+var namespace = 'classrooms.removeStudentsFromClassroom';
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].encloseNamespace(namespace);
+function RemoveStudentsFromClassroomView(props) {
+  var _a;
+
+  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 classroom = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_8__["ClassroomRequests"].getClassroom(props.classroomId));
+  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
+  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_7__["useAlerts"])();
+  var langOptions = {
+    smartCount: props.studentIds.length,
+    classroomName: (_a = classroom.data) === null || _a === void 0 ? void 0 : _a.name
+  };
+
+  function removeStudents() {
+    setShowButtonSpinner(true);
+    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].fetch(dispatch, apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_8__["ClassroomRequests"].removeStudents(props.studentIds, props.classroomId, function () {
+      setShowButtonSpinner(false);
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_9__["AnalyticsHelper"].logUserAction({
+        id: props.classroomId,
+        studentCount: props.studentIds.length
+      }, props.analyticsOptions);
+      alerts.success(getPhrase('success', langOptions));
+      props.closePopup();
+    }));
+  }
+
+  var title = classroom.data ? getPhrase('title', langOptions) : '';
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_4__["Popup"], {
+    title: title,
+    closePopup: props.closePopup,
+    showLoadingSpinner: !classroom.data
+  }, classroom.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("p", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_6__["Text"], {
+    namespace: namespace,
+    phrase: 'confirm',
+    options: langOptions
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_popup_PopupButtons__WEBPACK_IMPORTED_MODULE_5__["PopupButtons"], {
+    buttons: [{
+      variant: 'link',
+      onClick: props.closePopup,
+      buttonText: getPhrase('cancel')
+    }, {
+      variant: 'danger',
+      onClick: removeStudents,
+      buttonText: getPhrase('remove'),
+      isSpinnerButton: true,
+      showSpinner: showButtonSpinner
+    }]
+  })));
+}
+
+/***/ })
+
+}]);
+//# sourceMappingURL=58.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView Projects/clickview/packages/libs/shared/src/hooks/UseAlerts.ts","file://C:/ClickView Projects/clickview/packages/projects/lite/src/apps/classrooms/views/remove-students-from-classroom/RemoveStudentsFromClassroomView.tsx"],"names":[],"mappings":"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","file":"scripts/58.chunk.js","sourcesContent":["import { useService } from 'libs/common/react/hooks/UseService';\r\nimport { BaseAlertService, BaseAlert, BaseAlertOptions, AlertType, DefaultAlertHeading } from 'libs/common/backbone/services/BaseAlertService';\r\nimport { CommonServices } from 'libs/common/backbone/constants/CommonServices';\r\n\r\nexport const useAlerts = () => {\r\n  const alertService = useService<BaseAlertService>(CommonServices.ALERT);\r\n\r\n  return {\r\n    success(alertContent: string | BaseAlert | BaseAlertOptions): void {\r\n      alertService.success(alertContent)();\r\n    },\r\n    error(alertContent: string | BaseAlert | BaseAlertOptions): void {\r\n      alertService.error(alertContent)();\r\n    },\r\n    warning(alertContent: string): void {\r\n      alertService.createAlert({\r\n        type: AlertType.Warning,\r\n        heading: DefaultAlertHeading.Warning,\r\n        message: alertContent\r\n      });\r\n    }\r\n  };\r\n};","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\n\r\nimport { Popup } from 'libs/shared/components/popup/Popup';\r\nimport { PopupButtons } from 'libs/shared/components/popup/PopupButtons';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\nimport { PopupViewProps, PropsWithPopupViewProps, PropsWithAnalyticsOptions } from 'libs/shared/interfaces';\r\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\r\n\r\nimport { MockClassroom } from 'apps/user-manager/interfaces/mocks/MockClassroom';\r\nimport { ClassroomRequests } from 'apps/classrooms/flight-requests/ClassroomRequests';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\n\r\nconst namespace = 'classrooms.removeStudentsFromClassroom';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\ntype RemoveStudentsFromClassroomViewProps = PropsWithPopupViewProps<PropsWithAnalyticsOptions<{\r\n  classroomId: string;\r\n  studentIds: string[];\r\n}>>;\r\n\r\nexport function RemoveStudentsFromClassroomView(props: RemoveStudentsFromClassroomViewProps): JSX.Element {\r\n  const [ showButtonSpinner, setShowButtonSpinner ] = React.useState(false);\r\n\r\n  const classroom = Flight.useBasicFetch<MockClassroom>(ClassroomRequests.getClassroom(props.classroomId));\r\n\r\n  const dispatch = useDispatch();\r\n  const alerts = useAlerts();\r\n\r\n  const langOptions = { smartCount: props.studentIds.length, classroomName: classroom.data?.name };\r\n\r\n  function removeStudents(): void {\r\n    setShowButtonSpinner(true);\r\n\r\n    Flight.fetch(dispatch, ClassroomRequests.removeStudents(props.studentIds, props.classroomId, () => {\r\n      setShowButtonSpinner(false);\r\n\r\n      AnalyticsHelper.logUserAction({\r\n        id: props.classroomId,\r\n        studentCount: props.studentIds.length\r\n      }, props.analyticsOptions);\r\n\r\n      alerts.success(getPhrase('success', langOptions));\r\n\r\n      props.closePopup();\r\n    }));\r\n  }\r\n\r\n  const title = classroom.data ? getPhrase('title', langOptions) : '';\r\n\r\n  return (\r\n    <Popup title={title} closePopup={props.closePopup} showLoadingSpinner={!classroom.data}>\r\n      {classroom.data &&\r\n        <>\r\n          <p>\r\n            <Text namespace={namespace} phrase='confirm' options={langOptions} />\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: 'danger',\r\n                onClick: removeStudents,\r\n                buttonText: getPhrase('remove'),\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}"],"sourceRoot":""}

package/dist/scripts/{59-00659eeeca.chunk.js → 59-023ba91f45.chunk.js}

@@ -1 +1 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[59],{1225:function(e,a,t){"use strict";t.r(a),t.d(a,"NewPlaylistView",(function(){return f}));var i=t(0),l=t(59),n=t(2),c=t(14),o=t(9),s=t(3),p=t(47),r=t(825),u=t(227),w=t(802),P=t(225),d=t(13),y=t(1019),k=o.a.encloseNamespace("playlists.newPlaylist");function f(e){var a=Object(l.useDispatch)();Object(r.a)(k("title"));var t=c.a.useBasicFetch(u.a.currentUser);return i.createElement(P.a,{title:k("title"),closePopup:e.closePopup,showLoadingSpinner:!t.data},!!t.data&&i.createElement(y.a,{savePlaylist:function(i){c.a.fetch(a,w.a.createPlaylist(t.data.id,i,(function(a){e.closePopup(),a&&n.a.AppLinkHelper.trigger({application:e.application,action:d.a.Playlists.PLAYLIST,args:[a.id]})}),e.closePopup)),p.a.logUserAction(i,p.a.mergeOptions(e.analyticsOptions,{actionType:s.n.Create,entity:s.d.Playlist,workflowPhase:s.o.Complete}))},onClickCancel:e.closePopup,cancelButtonClass:"link"}))}}}]);
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[59],{1231:function(e,a,t){"use strict";t.r(a),t.d(a,"NewPlaylistView",(function(){return f}));var i=t(0),l=t(59),n=t(2),c=t(14),o=t(9),s=t(3),p=t(37),r=t(832),u=t(229),w=t(808),P=t(227),d=t(13),y=t(1025),k=o.a.encloseNamespace("playlists.newPlaylist");function f(e){var a=Object(l.useDispatch)();Object(r.a)(k("title"));var t=c.a.useBasicFetch(u.a.currentUser);return i.createElement(P.a,{title:k("title"),closePopup:e.closePopup,showLoadingSpinner:!t.data},!!t.data&&i.createElement(y.a,{savePlaylist:function(i){c.a.fetch(a,w.a.createPlaylist(t.data.id,i,(function(a){e.closePopup(),a&&n.a.AppLinkHelper.trigger({application:e.application,action:d.a.Playlists.PLAYLIST,args:[a.id]})}),e.closePopup)),p.a.logUserAction(i,p.a.mergeOptions(e.analyticsOptions,{actionType:s.n.Create,entity:s.d.Playlist,workflowPhase:s.o.Complete}))},onClickCancel:e.closePopup,cancelButtonClass:"link"}))}}}]);

package/dist/scripts/59-39caa8ff7e.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[59],{1231:function(e,a,t){"use strict";t.r(a),t.d(a,"NewPlaylistView",(function(){return f}));var i=t(0),l=t(59),n=t(2),c=t(14),o=t(9),s=t(3),p=t(37),r=t(832),u=t(229),w=t(808),P=t(227),d=t(13),y=t(1025),k=o.a.encloseNamespace("playlists.newPlaylist");function f(e){var a=Object(l.useDispatch)();Object(r.a)(k("title"));var t=c.a.useBasicFetch(u.a.currentUser);return i.createElement(P.a,{title:k("title"),closePopup:e.closePopup,showLoadingSpinner:!t.data},!!t.data&&i.createElement(y.a,{savePlaylist:function(i){c.a.fetch(a,w.a.createPlaylist(t.data.id,i,(function(a){e.closePopup(),a&&n.a.AppLinkHelper.trigger({application:e.application,action:d.a.Playlists.PLAYLIST,args:[a.id]})}),e.closePopup)),p.a.logUserAction(i,p.a.mergeOptions(e.analyticsOptions,{actionType:s.n.Create,entity:s.d.Playlist,workflowPhase:s.o.Complete}))},onClickCancel:e.closePopup,cancelButtonClass:"link"}))}}}]);

package/dist/scripts/59.chunk.js

@@ -0,0 +1,173 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[59],{
+
+/***/ "../../libs/shared/src/hooks/UseAlerts.ts":
+/*!***********************************************************************************!*\
+  !*** C:/ClickView Projects/clickview/packages/libs/shared/src/hooks/UseAlerts.ts ***!
+  \***********************************************************************************/
+/*! exports provided: useAlerts */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useAlerts", function() { return useAlerts; });
+/* harmony import */ var _common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/react/hooks/UseService */ "../../libs/common/src/react/hooks/UseService.ts");
+/* harmony import */ var _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../common/src/backbone/services/BaseAlertService */ "../../libs/common/src/backbone/services/BaseAlertService.ts");
+/* harmony import */ var _common_src_backbone_constants_CommonServices__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../common/src/backbone/constants/CommonServices */ "../../libs/common/src/backbone/constants/CommonServices.ts");
+
+
+
+var useAlerts = function useAlerts() {
+  var alertService = Object(_common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_0__["useService"])(_common_src_backbone_constants_CommonServices__WEBPACK_IMPORTED_MODULE_2__["CommonServices"].ALERT);
+  return {
+    success: function success(alertContent) {
+      alertService.success(alertContent)();
+    },
+    error: function error(alertContent) {
+      alertService.error(alertContent)();
+    },
+    warning: function warning(alertContent) {
+      alertService.createAlert({
+        type: _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__["AlertType"].Warning,
+        heading: _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__["DefaultAlertHeading"].Warning,
+        message: alertContent
+      });
+    }
+  };
+};
+
+/***/ }),
+
+/***/ "./src/apps/upload/views/cancel-upload/CancelUploadView.tsx":
+/*!******************************************************************!*\
+  !*** ./src/apps/upload/views/cancel-upload/CancelUploadView.tsx ***!
+  \******************************************************************/
+/*! exports provided: CancelUploadView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CancelUploadView", function() { return CancelUploadView; });
+/* 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 backbone__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! backbone */ "backbone");
+/* harmony import */ var backbone__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(backbone__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _libs_common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/hooks/UseService */ "../../libs/common/src/react/hooks/UseService.ts");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/BaseAlertService */ "../../libs/common/src/backbone/services/BaseAlertService.ts");
+/* harmony import */ var _libs_shared_src_constants_RadioChannels__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/constants/RadioChannels */ "../../libs/shared/src/constants/RadioChannels.ts");
+/* harmony import */ var _libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/popup/Popup */ "../../libs/shared/src/components/popup/Popup.tsx");
+/* harmony import */ var _libs_shared_src_components_popup_PopupButtons__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/popup/PopupButtons */ "../../libs/shared/src/components/popup/PopupButtons.tsx");
+/* harmony import */ var _libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseAlerts */ "../../libs/shared/src/hooks/UseAlerts.ts");
+/* harmony import */ var _libs_shared_src_apps_upload_constants_UploadConstants__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/apps/upload/constants/UploadConstants */ "../../libs/shared/src/apps/upload/constants/UploadConstants.ts");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var shared_constants_Services__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! shared/constants/Services */ "./src/shared/constants/Services.ts");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var apps_upload_services_CombineUploadsService__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! apps/upload/services/CombineUploadsService */ "./src/apps/upload/services/CombineUploadsService.ts");
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var namespace = 'upload.cancelUpload';
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].encloseNamespace(namespace);
+function CancelUploadView(props) {
+  var id = props.id,
+      status = props.status,
+      name = props.name;
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__["useState"](false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      showSpinner = _React$useState2[0],
+      setShowSpinner = _React$useState2[1];
+
+  var combineUploadsService = Object(_libs_common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_2__["useService"])(shared_constants_Services__WEBPACK_IMPORTED_MODULE_11__["Services"].CombineUploads);
+  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_8__["useAlerts"])();
+  var isUploading = status === apps_upload_services_CombineUploadsService__WEBPACK_IMPORTED_MODULE_13__["CombinedUploadStatus"].Uploading;
+
+  var onCancelComplete = function onCancelComplete() {
+    var headingPhrase = isUploading ? 'cancelUploadingAlertHeading' : 'cancelProcessingAlertHeading';
+    var messagePhrase = isUploading ? 'cancelUploadingAlertMessage' : 'cancelProcessingAlertMessage';
+    alerts.success({
+      type: _libs_common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_4__["AlertType"].Success,
+      heading: getPhrase(headingPhrase),
+      message: getPhrase(messagePhrase, {
+        videoName: name
+      })
+    });
+    props.closePopup();
+  };
+
+  var cancelUpload = function cancelUpload() {
+    setShowSpinner(true);
+
+    if (isUploading) {
+      combineUploadsService.cancelUpload(id);
+      var uploadChannel = backbone__WEBPACK_IMPORTED_MODULE_1__["Radio"].channel(_libs_shared_src_constants_RadioChannels__WEBPACK_IMPORTED_MODULE_5__["SharedServiceChannels"].VIDEO_UPLOAD);
+      uploadChannel.on(_libs_shared_src_apps_upload_constants_UploadConstants__WEBPACK_IMPORTED_MODULE_9__["UploadEventNames"].UPLOAD_CANCELLED, function () {
+        return onCancelComplete();
+      });
+    } else {
+      combineUploadsService.cancelProcessing(id);
+      var combinedUploadsChannel = backbone__WEBPACK_IMPORTED_MODULE_1__["Radio"].channel(shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_12__["ServiceChannels"].COMBINE_UPLOADS);
+      combinedUploadsChannel.on(_libs_shared_src_apps_upload_constants_UploadConstants__WEBPACK_IMPORTED_MODULE_9__["UploadEventNames"].PROCESSING_CANCELLED, function () {
+        return onCancelComplete();
+      });
+    }
+  };
+
+  var buttons = [{
+    variant: 'link',
+    onClick: function onClick() {
+      return props.closePopup();
+    },
+    buttonText: 'No'
+  }, {
+    variant: 'primary',
+    onClick: cancelUpload,
+    buttonText: 'Yes',
+    isSpinnerButton: true,
+    showSpinner: showSpinner
+  }];
+  var titlePhraseKey = status === apps_upload_services_CombineUploadsService__WEBPACK_IMPORTED_MODULE_13__["CombinedUploadStatus"].Processing ? 'cancelProcessingTitle' : 'cancelUploadingTitle';
+  var messagePhraseKey = status === apps_upload_services_CombineUploadsService__WEBPACK_IMPORTED_MODULE_13__["CombinedUploadStatus"].Processing ? 'cancelProcessingMessage' : 'cancelUploadingMessage';
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_6__["Popup"], {
+    title: getPhrase(titlePhraseKey),
+    closePopup: function closePopup() {
+      return props.closePopup();
+    }
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_10__["Text"], {
+    namespace: namespace,
+    phrase: messagePhraseKey,
+    options: {
+      videoName: name
+    }
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_popup_PopupButtons__WEBPACK_IMPORTED_MODULE_7__["PopupButtons"], {
+    buttons: buttons
+  }));
+}
+
+/***/ })
+
+}]);
+//# sourceMappingURL=59.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView Projects/clickview/packages/libs/shared/src/hooks/UseAlerts.ts","file://C:/ClickView Projects/clickview/packages/projects/lite/src/apps/upload/views/cancel-upload/CancelUploadView.tsx"],"names":[],"mappings":"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","file":"scripts/59.chunk.js","sourcesContent":["import { useService } from 'libs/common/react/hooks/UseService';\r\nimport { BaseAlertService, BaseAlert, BaseAlertOptions, AlertType, DefaultAlertHeading } from 'libs/common/backbone/services/BaseAlertService';\r\nimport { CommonServices } from 'libs/common/backbone/constants/CommonServices';\r\n\r\nexport const useAlerts = () => {\r\n  const alertService = useService<BaseAlertService>(CommonServices.ALERT);\r\n\r\n  return {\r\n    success(alertContent: string | BaseAlert | BaseAlertOptions): void {\r\n      alertService.success(alertContent)();\r\n    },\r\n    error(alertContent: string | BaseAlert | BaseAlertOptions): void {\r\n      alertService.error(alertContent)();\r\n    },\r\n    warning(alertContent: string): void {\r\n      alertService.createAlert({\r\n        type: AlertType.Warning,\r\n        heading: DefaultAlertHeading.Warning,\r\n        message: alertContent\r\n      });\r\n    }\r\n  };\r\n};","import * as React from 'react';\r\nimport { Radio } from 'backbone';\r\nimport { useService } from 'libs/common/react/hooks/UseService';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { AlertType } from 'libs/common/backbone/services/BaseAlertService';\r\n\r\nimport { SharedServiceChannels } from 'libs/shared/constants/RadioChannels';\r\nimport { PopupViewProps } from 'libs/shared/interfaces';\r\nimport { Popup } from 'libs/shared/components/popup/Popup';\r\nimport { PopupButton, PopupButtons } from 'libs/shared/components/popup/PopupButtons';\r\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\r\nimport { UploadEventNames } from 'libs/shared/apps/upload/constants/UploadConstants';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\n\r\nimport { Services } from 'shared/constants/Services';\r\nimport { ServiceChannels } from 'shared/constants/LiteRadioChannels';\r\nimport { CombineUploadsService, CombinedUploadStatus } from 'apps/upload/services/CombineUploadsService';\r\n\r\nconst namespace = 'upload.cancelUpload';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\ninterface CancelUploadViewProps {\r\n  id: string;\r\n  name: string;\r\n  status: CombinedUploadStatus;\r\n}\r\n\r\nexport function CancelUploadView(props: CancelUploadViewProps & PopupViewProps): JSX.Element {\r\n  const { id, status, name } = props;\r\n\r\n  const [ showSpinner, setShowSpinner ] = React.useState(false);\r\n\r\n  const combineUploadsService = useService<CombineUploadsService>(Services.CombineUploads);\r\n  const alerts = useAlerts();\r\n\r\n  const isUploading = status === CombinedUploadStatus.Uploading;\r\n\r\n  const onCancelComplete = () => {\r\n    const headingPhrase = isUploading ? 'cancelUploadingAlertHeading' : 'cancelProcessingAlertHeading';\r\n    const messagePhrase = isUploading ? 'cancelUploadingAlertMessage' : 'cancelProcessingAlertMessage';\r\n\r\n    alerts.success({\r\n      type: AlertType.Success,\r\n      heading: getPhrase(headingPhrase),\r\n      message: getPhrase(messagePhrase, { videoName: name })\r\n    });\r\n\r\n    props.closePopup();\r\n  };\r\n\r\n  const cancelUpload = () => {\r\n    setShowSpinner(true);\r\n\r\n    if (isUploading) {\r\n      combineUploadsService.cancelUpload(id);\r\n\r\n      const uploadChannel = Radio.channel(SharedServiceChannels.VIDEO_UPLOAD);\r\n      uploadChannel.on(UploadEventNames.UPLOAD_CANCELLED, () => onCancelComplete());\r\n    } else {\r\n      combineUploadsService.cancelProcessing(id);\r\n\r\n      const combinedUploadsChannel = Radio.channel(ServiceChannels.COMBINE_UPLOADS);\r\n      combinedUploadsChannel.on(UploadEventNames.PROCESSING_CANCELLED, () => onCancelComplete());\r\n    }\r\n  };\r\n\r\n  const buttons: PopupButton[] = [\r\n    {\r\n      variant: 'link',\r\n      onClick: () => props.closePopup(),\r\n      buttonText: 'No'\r\n    },\r\n    {\r\n      variant: 'primary',\r\n      onClick: cancelUpload,\r\n      buttonText: 'Yes',\r\n      isSpinnerButton: true,\r\n      showSpinner\r\n    }\r\n  ];\r\n\r\n  const titlePhraseKey = status === CombinedUploadStatus.Processing\r\n    ? 'cancelProcessingTitle'\r\n    : 'cancelUploadingTitle';\r\n\r\n  const messagePhraseKey = status === CombinedUploadStatus.Processing\r\n    ? 'cancelProcessingMessage'\r\n    : 'cancelUploadingMessage';\r\n\r\n  return (\r\n    <Popup title={getPhrase(titlePhraseKey)} closePopup={() => props.closePopup()}>\r\n      <p>\r\n        <Text\r\n          namespace={namespace}\r\n          phrase={messagePhraseKey}\r\n          options={{\r\n            videoName: name\r\n          }}\r\n        />\r\n      </p>\r\n      <PopupButtons buttons={buttons} />\r\n    </Popup>\r\n  );\r\n}\r\n"],"sourceRoot":""}