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

package/dist/scripts/45.chunk.js

@@ -0,0 +1,221 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[45],{
+
+/***/ "../../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/components/classroom-details-form/ClassroomDetailsForm.tsx":
+/*!****************************************************************************************!*\
+  !*** ./src/apps/classrooms/components/classroom-details-form/ClassroomDetailsForm.tsx ***!
+  \****************************************************************************************/
+/*! exports provided: ClassroomDetailsForm */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassroomDetailsForm", function() { return ClassroomDetailsForm; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var formik__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! formik */ "../../../node_modules/formik/dist/formik.esm.js");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_shared_src_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-field/FormField */ "../../libs/shared/src/components/forms/form-field/FormField.tsx");
+/* harmony import */ var _libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-wrapper/FormWrapper */ "../../libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx");
+/* harmony import */ var _libs_shared_src_components_forms_form_buttons_FormButtons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-buttons/FormButtons */ "../../libs/shared/src/components/forms/form-buttons/FormButtons.tsx");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+
+
+
+
+
+
+
+var namespace = 'classrooms.classroomDetailsForm';
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].encloseNamespace(namespace);
+function ClassroomDetailsForm(props) {
+  var formikProps = Object(_libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_4__["useFormikContextWrapper"])();
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(formik__WEBPACK_IMPORTED_MODULE_1__["Form"], null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_3__["FormField"], {
+    label: getPhrase('nameLabel'),
+    type: 'text',
+    name: 'name',
+    id: 'name',
+    placeholder: getPhrase('namePlaceholder'),
+    autoFocus: true,
+    value: formikProps.values.name
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'btn-container d-flex justify-content-end'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("button", {
+    type: 'button',
+    className: 'btn btn-link mr-2',
+    onClick: props.onClickCancel
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_6__["Text"], {
+    namespace: namespace,
+    phrase: 'cancel'
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_forms_form_buttons_FormButtons__WEBPACK_IMPORTED_MODULE_5__["FormButtons"], {
+    isNew: props.isNew
+  })));
+}
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/components/edit-classroom-details/EditClassroomDetails.tsx":
+/*!****************************************************************************************!*\
+  !*** ./src/apps/classrooms/components/edit-classroom-details/EditClassroomDetails.tsx ***!
+  \****************************************************************************************/
+/*! exports provided: EditClassroomDetails */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EditClassroomDetails", function() { return EditClassroomDetails; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-wrapper/FormWrapper */ "../../libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx");
+/* harmony import */ var apps_classrooms_validation_ClassroomValidationSchema__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! apps/classrooms/validation/ClassroomValidationSchema */ "./src/apps/classrooms/validation/ClassroomValidationSchema.ts");
+/* harmony import */ var apps_classrooms_components_classroom_details_form_ClassroomDetailsForm__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! apps/classrooms/components/classroom-details-form/ClassroomDetailsForm */ "./src/apps/classrooms/components/classroom-details-form/ClassroomDetailsForm.tsx");
+
+
+
+
+function EditClassroomDetails(props) {
+  var _a, _b;
+
+  var classroom = props.classroom,
+      saveClassroom = props.saveClassroom,
+      onClickCancel = props.onClickCancel;
+  var initialValues = {
+    id: (_a = classroom) === null || _a === void 0 ? void 0 : _a.id,
+    name: (_b = classroom) === null || _b === void 0 ? void 0 : _b.name
+  };
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_1__["FormWrapper"], {
+    initialValues: initialValues,
+    validationSchema: apps_classrooms_validation_ClassroomValidationSchema__WEBPACK_IMPORTED_MODULE_2__["ClassroomValidationSchema"],
+    onSubmit: saveClassroom
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_classroom_details_form_ClassroomDetailsForm__WEBPACK_IMPORTED_MODULE_3__["ClassroomDetailsForm"], {
+    isNew: !classroom,
+    onClickCancel: onClickCancel
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/validation/ClassroomValidationSchema.ts":
+/*!*********************************************************************!*\
+  !*** ./src/apps/classrooms/validation/ClassroomValidationSchema.ts ***!
+  \*********************************************************************/
+/*! exports provided: ClassroomValidationSchema */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassroomValidationSchema", function() { return ClassroomValidationSchema; });
+/* harmony import */ var yup__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! yup */ "../../../node_modules/yup/lib/index.js");
+/* harmony import */ var yup__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(yup__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+
+
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].encloseNamespace('classrooms.classroomValidation');
+var ClassroomValidationSchema = Object(yup__WEBPACK_IMPORTED_MODULE_0__["object"])().shape({
+  name: Object(yup__WEBPACK_IMPORTED_MODULE_0__["string"])().max(255, function () {
+    return getPhrase('nameExceeds');
+  }).required(function () {
+    return getPhrase('nameRequired');
+  })["default"]('')
+});
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/views/create-classroom/CreateClassroomView.tsx":
+/*!****************************************************************************!*\
+  !*** ./src/apps/classrooms/views/create-classroom/CreateClassroomView.tsx ***!
+  \****************************************************************************/
+/*! exports provided: CreateClassroomView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CreateClassroomView", function() { return CreateClassroomView; });
+/* 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 apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! apps/classrooms/flight-requests/ClassroomRequests */ "./src/apps/classrooms/flight-requests/ClassroomRequests.ts");
+/* harmony import */ var apps_classrooms_components_edit_classroom_details_EditClassroomDetails__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! apps/classrooms/components/edit-classroom-details/EditClassroomDetails */ "./src/apps/classrooms/components/edit-classroom-details/EditClassroomDetails.tsx");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+
+
+
+
+
+
+
+
+
+var namespace = 'classrooms.createClassroom';
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].encloseNamespace(namespace);
+function CreateClassroomView(props) {
+  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_5__["useAlerts"])();
+  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
+
+  var saveClassroom = function saveClassroom(classroom) {
+    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].fetch(dispatch, apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_6__["ClassroomRequests"].createClassroom(classroom, function (newClassroom) {
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_8__["AnalyticsHelper"].logUserAction(newClassroom, props.analyticsOptions);
+      alerts.success(getPhrase('success', {
+        name: classroom.name
+      }));
+      props.closePopup();
+    }, function () {
+      // TODO: Handle possible errors once we have a server side
+      alerts.error(getPhrase('error'));
+    }));
+  };
+
+  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
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_edit_classroom_details_EditClassroomDetails__WEBPACK_IMPORTED_MODULE_7__["EditClassroomDetails"], {
+    saveClassroom: saveClassroom,
+    onClickCancel: props.closePopup
+  }));
+}
+
+/***/ })
+
+}]);
+//# sourceMappingURL=45.chunk.js.map

package/dist/scripts/45.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/components/classroom-details-form/ClassroomDetailsForm.tsx","file://C:/ClickView Projects/clickview/packages/projects/lite/src/apps/classrooms/components/edit-classroom-details/EditClassroomDetails.tsx","file://C:/ClickView Projects/clickview/packages/projects/lite/src/apps/classrooms/validation/ClassroomValidationSchema.ts","file://C:/ClickView Projects/clickview/packages/projects/lite/src/apps/classrooms/views/create-classroom/CreateClassroomView.tsx"],"names":[],"mappings":"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","file":"scripts/45.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 { Form } from 'formik';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { FormField } from 'libs/shared/components/forms/form-field/FormField';\r\nimport { useFormikContextWrapper } from 'libs/shared/components/forms/form-wrapper/FormWrapper';\r\nimport { FormButtons } from 'libs/shared/components/forms/form-buttons/FormButtons';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\n\r\nimport { EditClassroomRequest } from 'apps/classrooms/interfaces/EditClassroomRequest';\r\n\r\nconst namespace = 'classrooms.classroomDetailsForm';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\ninterface ClassroomDetailsFormProps {\r\n  onClickCancel: () => void;\r\n  isNew: boolean;\r\n}\r\n\r\nexport function ClassroomDetailsForm(props: ClassroomDetailsFormProps): JSX.Element {\r\n  const formikProps = useFormikContextWrapper<EditClassroomRequest>();\r\n\r\n  return (\r\n    <Form>\r\n      <FormField\r\n        label={getPhrase('nameLabel')}\r\n        type='text'\r\n        name='name'\r\n        id='name'\r\n        placeholder={getPhrase('namePlaceholder')}\r\n        autoFocus\r\n        value={formikProps.values.name}\r\n      />\r\n\r\n      <div className='btn-container d-flex justify-content-end'>\r\n        <button type='button' className='btn btn-link mr-2' onClick={props.onClickCancel}>\r\n          <Text namespace={namespace} phrase='cancel' />\r\n        </button>\r\n        <FormButtons isNew={props.isNew} />\r\n      </div>\r\n    </Form>\r\n  );\r\n}","import React from 'react';\r\n\r\nimport { FormWrapper } from 'libs/shared/components/forms/form-wrapper/FormWrapper';\r\n\r\nimport { MockClassroom } from 'apps/user-manager/interfaces';\r\nimport { EditClassroomRequest } from 'apps/classrooms/interfaces/EditClassroomRequest';\r\nimport { ClassroomValidationSchema } from 'apps/classrooms/validation/ClassroomValidationSchema';\r\nimport { ClassroomDetailsForm } from 'apps/classrooms/components/classroom-details-form/ClassroomDetailsForm';\r\n\r\ninterface EditClassroomDetailsProps {\r\n  classroom?: MockClassroom;\r\n  saveClassroom: (data: EditClassroomRequest) => void;\r\n  onClickCancel: () => void;\r\n}\r\n\r\nexport function EditClassroomDetails(props: EditClassroomDetailsProps): React.ReactElement {\r\n  const { classroom, saveClassroom, onClickCancel } = props;\r\n\r\n  const initialValues: EditClassroomRequest = {\r\n    id: classroom?.id,\r\n    name: classroom?.name\r\n  };\r\n\r\n  return (\r\n    <FormWrapper<EditClassroomRequest>\r\n      initialValues={initialValues}\r\n      validationSchema={ClassroomValidationSchema}\r\n      onSubmit={saveClassroom}\r\n    >\r\n      <ClassroomDetailsForm isNew={!classroom} onClickCancel={onClickCancel} />\r\n    </FormWrapper>\r\n  );\r\n}","import { object, string } from 'yup';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\n\r\nconst getPhrase = LanguageService.encloseNamespace('classrooms.classroomValidation');\r\n\r\nexport const ClassroomValidationSchema = object().shape({\r\n  name: string()\r\n    .max(255, () => getPhrase('nameExceeds'))\r\n    .required(() => getPhrase('nameRequired'))\r\n    .default('')\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\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\n\r\nimport { ClassroomRequests } from 'apps/classrooms/flight-requests/ClassroomRequests';\r\nimport { EditClassroomRequest } from 'apps/classrooms/interfaces/EditClassroomRequest';\r\nimport { EditClassroomDetails } from 'apps/classrooms/components/edit-classroom-details/EditClassroomDetails';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\n\r\nconst namespace = 'classrooms.createClassroom';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\ntype CreateClassroomViewProps = PropsWithAnalyticsOptions<PropsWithPopupViewProps<{}>>;\r\n\r\nexport function CreateClassroomView(props: CreateClassroomViewProps): JSX.Element {\r\n  const alerts = useAlerts();\r\n  const dispatch = useDispatch();\r\n\r\n  const saveClassroom = (classroom: EditClassroomRequest) => {\r\n    Flight.fetch(dispatch, ClassroomRequests.createClassroom(classroom, newClassroom => {\r\n      AnalyticsHelper.logUserAction(newClassroom, props.analyticsOptions);\r\n\r\n      alerts.success(getPhrase('success', { name: classroom.name }));\r\n      props.closePopup();\r\n    }, () => {\r\n      // TODO: Handle possible errors once we have a server side\r\n      alerts.error(getPhrase('error'));\r\n    }));\r\n  };\r\n\r\n  return (\r\n    <Popup title={getPhrase('title')} closePopup={props.closePopup}>\r\n      <EditClassroomDetails\r\n        saveClassroom={saveClassroom}\r\n        onClickCancel={props.closePopup}\r\n      />\r\n    </Popup>\r\n  );\r\n}"],"sourceRoot":""}

package/dist/scripts/{46-92ef9358e1.chunk.js → 46-c94f8ad682.chunk.js}

@@ -1 +1 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[46],{1196:function(e,t,a){e.exports={seriesItem:"_1tgrv"}},1229:function(e,t,a){"use strict";a.r(t),a.d(t,"ClassificationSeriesListView",(function(){return j}));var n=a(0),r=a(9),i=a(14),c=a(54),o=a(810),u=a(908),l=a(233),s=a(227),d=a(240),f=a(860),m=a(1009),v=a(1010),b=a(905),p=a(1011),y=a(1013),h=a(1014),g=a(1196),E=a.n(g);function w(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,i=void 0;try{for(var c,o=e[Symbol.iterator]();!(n=(c=o.next()).done)&&(a.push(c.value),!t||a.length!==t);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==o.return||o.return()}finally{if(r)throw i}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return A(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return A(e,t)}(e,t)||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 A(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}var S=r.a.encloseNamespace("subjects.classificationSeriesList");function j(e){var t,a,r,g,A,j=e.id,L=e.queryParams,O=w(n.useReducer(b.b,{}),2),N=O[0],k=O[1],I=i.a.useBasicFetch(s.a.currentUser),F=i.a.useBasicFetch(l.a.config),x=i.a.useBasicFetch((null===(t=I.data)||void 0===t?void 0:t.id)?d.a.classification(j,null===(a=I.data)||void 0===a?void 0:a.id):null),B=i.a.useBasicFetch(d.a.presentation()),C=i.a.useBasicFetch(d.a.path(j)),U=i.a.useBasicFetch(f.a.presentationAudiences()),_=c.a.keys(N),R=c.a.values(N),G=null===(g=null===(r=B)||void 0===r?void 0:r.data)||void 0===g?void 0:g.id,J=d.a.series(j,G,_),M=i.a.useGetResponse(J&&J.key),T=i.a.useGetFetch(J);n.useEffect((function(){G&&T()}),[G]);var V=Object(h.a)();Object(m.a)({appLink:Object(h.d)(x.data),paramBuilder:function(){return{a:R.map((function(e){return e.name}))}},isValid:function(){var e;return!!(null===(e=x.data)||void 0===e?void 0:e.id)},appLinkOptions:{replace:!0}},[R.length]);var $=!(!U.data||!U.data.length);Object(v.a)(L,U.data,k,[$]);var q=!!C.data,P=!!U.data;return n.createElement("div",{className:"bg-white"},x.data&&F.data?n.createElement(o.a,{heading:S("heading",{classification:x.data.name}),banner:x.data.banner,imageCdnUrl:F.data.imageCdnUrl}):n.createElement(o.b,null),n.createElement("div",{className:"px-3"},n.createElement("div",{className:"py-3 mb-3 border-bottom"},q?n.createElement(u.b,{currentItem:x.data,type:u.a.Static,getItemAppLink:V,data:C.data,rootItem:{label:S("dashboard"),appLink:Object(h.b)()},subview:S("subview")}):n.createElement(u.c,null),P?n.createElement(p.a,{audiences:U.data,activeAudiences:N,setAudience:k}):n.createElement(p.b,null)),(null===(A=M.data)||void 0===A?void 0:A.data)&&x.data?n.createElement("div",{className:"mx-n2"},M.data.data.map((function(e){return n.createElement("div",{className:"d-inline-flex position-relative px-2 mb-2 ".concat(E.a.seriesItem)},n.createElement(y.b,{data:e,appLink:Object(h.d)(x.data),audiences:U.data}))}))):n.createElement(y.a,null)))}},858:function(e,t,a){"use strict";a.d(t,"a",(function(){return u})),a.d(t,"b",(function(){return l}));var n=a(0),r=a(42);function i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,i=void 0;try{for(var c,o=e[Symbol.iterator]();!(n=(c=o.next()).done)&&(a.push(c.value),!t||a.length!==t);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==o.return||o.return()}finally{if(r)throw i}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return c(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return c(e,t)}(e,t)||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 c(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}var o={className:"",delay:0};function u(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:o,t=n.useState(!1),a=i(t,2),c=a[0],u=a[1],l=n.useRef(null),s=r.a.throttle((function(){var t,a;e.className&&(null===(a=null===(t=l.current)||void 0===t?void 0:t.classList)||void 0===a||a.add(e.className)),u(!0)}),e.delay,{leading:!1}),d=function(){var t,a;r.a.isFunction(s.cancel)&&s.cancel(),e.className&&(null===(a=null===(t=l.current)||void 0===t?void 0:t.classList)||void 0===a||a.remove(e.className)),u(!1)};return n.useLayoutEffect((function(){var e=l.current;if(e)return e.addEventListener("mouseenter",s),e.addEventListener("mouseleave",d),function(){e.removeEventListener("mouseenter",s),e.removeEventListener("mouseleave",d)}}),[l.current]),[l,c]}function l(e){return u({className:e,delay:275})}}}]);
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[46],{1202:function(e,t,a){e.exports={seriesItem:"_1tgrv"}},1235:function(e,t,a){"use strict";a.r(t),a.d(t,"ClassificationSeriesListView",(function(){return j}));var n=a(0),r=a(9),i=a(14),c=a(54),o=a(817),u=a(916),l=a(150),s=a(229),d=a(240),f=a(867),m=a(1015),v=a(1016),b=a(913),p=a(1017),y=a(1019),h=a(1020),g=a(1202),E=a.n(g);function w(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,i=void 0;try{for(var c,o=e[Symbol.iterator]();!(n=(c=o.next()).done)&&(a.push(c.value),!t||a.length!==t);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==o.return||o.return()}finally{if(r)throw i}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return A(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return A(e,t)}(e,t)||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 A(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}var S=r.a.encloseNamespace("subjects.classificationSeriesList");function j(e){var t,a,r,g,A,j=e.id,L=e.queryParams,O=w(n.useReducer(b.b,{}),2),N=O[0],k=O[1],I=i.a.useBasicFetch(s.a.currentUser),F=i.a.useBasicFetch(l.a.config),x=i.a.useBasicFetch((null===(t=I.data)||void 0===t?void 0:t.id)?d.a.classification(j,null===(a=I.data)||void 0===a?void 0:a.id):null),B=i.a.useBasicFetch(d.a.presentation()),C=i.a.useBasicFetch(d.a.path(j)),U=i.a.useBasicFetch(f.a.presentationAudiences()),_=c.a.keys(N),R=c.a.values(N),G=null===(g=null===(r=B)||void 0===r?void 0:r.data)||void 0===g?void 0:g.id,J=d.a.series(j,G,_),M=i.a.useGetResponse(J&&J.key),T=i.a.useGetFetch(J);n.useEffect((function(){G&&T()}),[G]);var V=Object(h.a)();Object(m.a)({appLink:Object(h.d)(x.data),paramBuilder:function(){return{a:R.map((function(e){return e.name}))}},isValid:function(){var e;return!!(null===(e=x.data)||void 0===e?void 0:e.id)},appLinkOptions:{replace:!0}},[R.length]);var $=!(!U.data||!U.data.length);Object(v.a)(L,U.data,k,[$]);var q=!!C.data,P=!!U.data;return n.createElement("div",{className:"bg-white"},x.data&&F.data?n.createElement(o.a,{heading:S("heading",{classification:x.data.name}),banner:x.data.banner,imageCdnUrl:F.data.imageCdnUrl}):n.createElement(o.b,null),n.createElement("div",{className:"px-3"},n.createElement("div",{className:"py-3 mb-3 border-bottom"},q?n.createElement(u.b,{currentItem:x.data,type:u.a.Static,getItemAppLink:V,data:C.data,rootItem:{label:S("dashboard"),appLink:Object(h.b)()},subview:S("subview")}):n.createElement(u.c,null),P?n.createElement(p.a,{audiences:U.data,activeAudiences:N,setAudience:k}):n.createElement(p.b,null)),(null===(A=M.data)||void 0===A?void 0:A.data)&&x.data?n.createElement("div",{className:"mx-n2"},M.data.data.map((function(e){return n.createElement("div",{className:"d-inline-flex position-relative px-2 mb-2 ".concat(E.a.seriesItem)},n.createElement(y.b,{data:e,appLink:Object(h.d)(x.data),audiences:U.data}))}))):n.createElement(y.a,null)))}},865:function(e,t,a){"use strict";a.d(t,"a",(function(){return u})),a.d(t,"b",(function(){return l}));var n=a(0),r=a(42);function i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,i=void 0;try{for(var c,o=e[Symbol.iterator]();!(n=(c=o.next()).done)&&(a.push(c.value),!t||a.length!==t);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==o.return||o.return()}finally{if(r)throw i}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return c(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return c(e,t)}(e,t)||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 c(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}var o={className:"",delay:0};function u(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:o,t=n.useState(!1),a=i(t,2),c=a[0],u=a[1],l=n.useRef(null),s=r.a.throttle((function(){var t,a;e.className&&(null===(a=null===(t=l.current)||void 0===t?void 0:t.classList)||void 0===a||a.add(e.className)),u(!0)}),e.delay,{leading:!1}),d=function(){var t,a;r.a.isFunction(s.cancel)&&s.cancel(),e.className&&(null===(a=null===(t=l.current)||void 0===t?void 0:t.classList)||void 0===a||a.remove(e.className)),u(!1)};return n.useLayoutEffect((function(){var e=l.current;if(e)return e.addEventListener("mouseenter",s),e.addEventListener("mouseleave",d),function(){e.removeEventListener("mouseenter",s),e.removeEventListener("mouseleave",d)}}),[l.current]),[l,c]}function l(e){return u({className:e,delay:275})}}}]);

package/dist/scripts/46-f1a37a04d3.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[46],{1202:function(e,t,a){e.exports={seriesItem:"_1tgrv"}},1235:function(e,t,a){"use strict";a.r(t),a.d(t,"ClassificationSeriesListView",(function(){return j}));var n=a(0),r=a(9),i=a(14),c=a(54),o=a(817),u=a(916),l=a(150),s=a(229),d=a(240),f=a(867),m=a(1015),v=a(1016),b=a(913),p=a(1017),y=a(1019),h=a(1020),g=a(1202),E=a.n(g);function w(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,i=void 0;try{for(var c,o=e[Symbol.iterator]();!(n=(c=o.next()).done)&&(a.push(c.value),!t||a.length!==t);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==o.return||o.return()}finally{if(r)throw i}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return A(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return A(e,t)}(e,t)||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 A(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}var S=r.a.encloseNamespace("subjects.classificationSeriesList");function j(e){var t,a,r,g,A,j=e.id,L=e.queryParams,O=w(n.useReducer(b.b,{}),2),N=O[0],k=O[1],I=i.a.useBasicFetch(s.a.currentUser),F=i.a.useBasicFetch(l.a.config),x=i.a.useBasicFetch((null===(t=I.data)||void 0===t?void 0:t.id)?d.a.classification(j,null===(a=I.data)||void 0===a?void 0:a.id):null),B=i.a.useBasicFetch(d.a.presentation()),C=i.a.useBasicFetch(d.a.path(j)),U=i.a.useBasicFetch(f.a.presentationAudiences()),_=c.a.keys(N),R=c.a.values(N),G=null===(g=null===(r=B)||void 0===r?void 0:r.data)||void 0===g?void 0:g.id,J=d.a.series(j,G,_),M=i.a.useGetResponse(J&&J.key),T=i.a.useGetFetch(J);n.useEffect((function(){G&&T()}),[G]);var V=Object(h.a)();Object(m.a)({appLink:Object(h.d)(x.data),paramBuilder:function(){return{a:R.map((function(e){return e.name}))}},isValid:function(){var e;return!!(null===(e=x.data)||void 0===e?void 0:e.id)},appLinkOptions:{replace:!0}},[R.length]);var $=!(!U.data||!U.data.length);Object(v.a)(L,U.data,k,[$]);var q=!!C.data,P=!!U.data;return n.createElement("div",{className:"bg-white"},x.data&&F.data?n.createElement(o.a,{heading:S("heading",{classification:x.data.name}),banner:x.data.banner,imageCdnUrl:F.data.imageCdnUrl}):n.createElement(o.b,null),n.createElement("div",{className:"px-3"},n.createElement("div",{className:"py-3 mb-3 border-bottom"},q?n.createElement(u.b,{currentItem:x.data,type:u.a.Static,getItemAppLink:V,data:C.data,rootItem:{label:S("dashboard"),appLink:Object(h.b)()},subview:S("subview")}):n.createElement(u.c,null),P?n.createElement(p.a,{audiences:U.data,activeAudiences:N,setAudience:k}):n.createElement(p.b,null)),(null===(A=M.data)||void 0===A?void 0:A.data)&&x.data?n.createElement("div",{className:"mx-n2"},M.data.data.map((function(e){return n.createElement("div",{className:"d-inline-flex position-relative px-2 mb-2 ".concat(E.a.seriesItem)},n.createElement(y.b,{data:e,appLink:Object(h.d)(x.data),audiences:U.data}))}))):n.createElement(y.a,null)))}},865:function(e,t,a){"use strict";a.d(t,"a",(function(){return u})),a.d(t,"b",(function(){return l}));var n=a(0),r=a(42);function i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,i=void 0;try{for(var c,o=e[Symbol.iterator]();!(n=(c=o.next()).done)&&(a.push(c.value),!t||a.length!==t);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==o.return||o.return()}finally{if(r)throw i}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return c(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return c(e,t)}(e,t)||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 c(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}var o={className:"",delay:0};function u(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:o,t=n.useState(!1),a=i(t,2),c=a[0],u=a[1],l=n.useRef(null),s=r.a.throttle((function(){var t,a;e.className&&(null===(a=null===(t=l.current)||void 0===t?void 0:t.classList)||void 0===a||a.add(e.className)),u(!0)}),e.delay,{leading:!1}),d=function(){var t,a;r.a.isFunction(s.cancel)&&s.cancel(),e.className&&(null===(a=null===(t=l.current)||void 0===t?void 0:t.classList)||void 0===a||a.remove(e.className)),u(!1)};return n.useLayoutEffect((function(){var e=l.current;if(e)return e.addEventListener("mouseenter",s),e.addEventListener("mouseleave",d),function(){e.removeEventListener("mouseenter",s),e.removeEventListener("mouseleave",d)}}),[l.current]),[l,c]}function l(e){return u({className:e,delay:275})}}}]);

package/dist/scripts/46.chunk.js

@@ -0,0 +1,230 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[46],{
+
+/***/ "../../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/components/classroom-details-form/ClassroomDetailsForm.tsx":
+/*!****************************************************************************************!*\
+  !*** ./src/apps/classrooms/components/classroom-details-form/ClassroomDetailsForm.tsx ***!
+  \****************************************************************************************/
+/*! exports provided: ClassroomDetailsForm */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassroomDetailsForm", function() { return ClassroomDetailsForm; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var formik__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! formik */ "../../../node_modules/formik/dist/formik.esm.js");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_shared_src_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-field/FormField */ "../../libs/shared/src/components/forms/form-field/FormField.tsx");
+/* harmony import */ var _libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-wrapper/FormWrapper */ "../../libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx");
+/* harmony import */ var _libs_shared_src_components_forms_form_buttons_FormButtons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-buttons/FormButtons */ "../../libs/shared/src/components/forms/form-buttons/FormButtons.tsx");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+
+
+
+
+
+
+
+var namespace = 'classrooms.classroomDetailsForm';
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].encloseNamespace(namespace);
+function ClassroomDetailsForm(props) {
+  var formikProps = Object(_libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_4__["useFormikContextWrapper"])();
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(formik__WEBPACK_IMPORTED_MODULE_1__["Form"], null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_3__["FormField"], {
+    label: getPhrase('nameLabel'),
+    type: 'text',
+    name: 'name',
+    id: 'name',
+    placeholder: getPhrase('namePlaceholder'),
+    autoFocus: true,
+    value: formikProps.values.name
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'btn-container d-flex justify-content-end'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("button", {
+    type: 'button',
+    className: 'btn btn-link mr-2',
+    onClick: props.onClickCancel
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_6__["Text"], {
+    namespace: namespace,
+    phrase: 'cancel'
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_forms_form_buttons_FormButtons__WEBPACK_IMPORTED_MODULE_5__["FormButtons"], {
+    isNew: props.isNew
+  })));
+}
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/components/edit-classroom-details/EditClassroomDetails.tsx":
+/*!****************************************************************************************!*\
+  !*** ./src/apps/classrooms/components/edit-classroom-details/EditClassroomDetails.tsx ***!
+  \****************************************************************************************/
+/*! exports provided: EditClassroomDetails */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EditClassroomDetails", function() { return EditClassroomDetails; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-wrapper/FormWrapper */ "../../libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx");
+/* harmony import */ var apps_classrooms_validation_ClassroomValidationSchema__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! apps/classrooms/validation/ClassroomValidationSchema */ "./src/apps/classrooms/validation/ClassroomValidationSchema.ts");
+/* harmony import */ var apps_classrooms_components_classroom_details_form_ClassroomDetailsForm__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! apps/classrooms/components/classroom-details-form/ClassroomDetailsForm */ "./src/apps/classrooms/components/classroom-details-form/ClassroomDetailsForm.tsx");
+
+
+
+
+function EditClassroomDetails(props) {
+  var _a, _b;
+
+  var classroom = props.classroom,
+      saveClassroom = props.saveClassroom,
+      onClickCancel = props.onClickCancel;
+  var initialValues = {
+    id: (_a = classroom) === null || _a === void 0 ? void 0 : _a.id,
+    name: (_b = classroom) === null || _b === void 0 ? void 0 : _b.name
+  };
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_1__["FormWrapper"], {
+    initialValues: initialValues,
+    validationSchema: apps_classrooms_validation_ClassroomValidationSchema__WEBPACK_IMPORTED_MODULE_2__["ClassroomValidationSchema"],
+    onSubmit: saveClassroom
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_classroom_details_form_ClassroomDetailsForm__WEBPACK_IMPORTED_MODULE_3__["ClassroomDetailsForm"], {
+    isNew: !classroom,
+    onClickCancel: onClickCancel
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/validation/ClassroomValidationSchema.ts":
+/*!*********************************************************************!*\
+  !*** ./src/apps/classrooms/validation/ClassroomValidationSchema.ts ***!
+  \*********************************************************************/
+/*! exports provided: ClassroomValidationSchema */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassroomValidationSchema", function() { return ClassroomValidationSchema; });
+/* harmony import */ var yup__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! yup */ "../../../node_modules/yup/lib/index.js");
+/* harmony import */ var yup__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(yup__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+
+
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].encloseNamespace('classrooms.classroomValidation');
+var ClassroomValidationSchema = Object(yup__WEBPACK_IMPORTED_MODULE_0__["object"])().shape({
+  name: Object(yup__WEBPACK_IMPORTED_MODULE_0__["string"])().max(255, function () {
+    return getPhrase('nameExceeds');
+  }).required(function () {
+    return getPhrase('nameRequired');
+  })["default"]('')
+});
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/views/edit-classroom/EditClassroomView.tsx":
+/*!************************************************************************!*\
+  !*** ./src/apps/classrooms/views/edit-classroom/EditClassroomView.tsx ***!
+  \************************************************************************/
+/*! exports provided: EditClassroomView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EditClassroomView", function() { return EditClassroomView; });
+/* 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 apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! apps/classrooms/flight-requests/ClassroomRequests */ "./src/apps/classrooms/flight-requests/ClassroomRequests.ts");
+/* harmony import */ var apps_classrooms_components_edit_classroom_details_EditClassroomDetails__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! apps/classrooms/components/edit-classroom-details/EditClassroomDetails */ "./src/apps/classrooms/components/edit-classroom-details/EditClassroomDetails.tsx");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+
+
+
+
+
+
+
+
+
+var namespace = 'classrooms.editClassroom';
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].encloseNamespace(namespace);
+function EditClassroomView(props) {
+  var _a;
+
+  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_5__["useAlerts"])();
+  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
+  var classroom = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_6__["ClassroomRequests"].getClassroom(props.id));
+
+  var saveClassroom = function saveClassroom(updatedClassroom) {
+    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].fetch(dispatch, apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_6__["ClassroomRequests"].editClassroom(updatedClassroom, function () {
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_8__["AnalyticsHelper"].logUserAction(updatedClassroom, props.analyticsOptions);
+      alerts.success(getPhrase('success', {
+        name: updatedClassroom.name
+      }));
+      props.closePopup();
+    }, function () {
+      // TODO: Handle possible errors once we have a server side
+      alerts.error(getPhrase('error', {
+        name: classroom.data.name
+      }));
+    }));
+  };
+
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_4__["Popup"], {
+    title: getPhrase('title', {
+      name: (_a = classroom.data) === null || _a === void 0 ? void 0 : _a.name
+    }),
+    closePopup: props.closePopup,
+    showLoadingSpinner: !classroom.data
+  }, classroom.data && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_edit_classroom_details_EditClassroomDetails__WEBPACK_IMPORTED_MODULE_7__["EditClassroomDetails"], {
+    classroom: classroom.data,
+    saveClassroom: saveClassroom,
+    onClickCancel: props.closePopup
+  }));
+}
+
+/***/ })
+
+}]);
+//# sourceMappingURL=46.chunk.js.map

package/dist/scripts/46.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/components/classroom-details-form/ClassroomDetailsForm.tsx","file://C:/ClickView Projects/clickview/packages/projects/lite/src/apps/classrooms/components/edit-classroom-details/EditClassroomDetails.tsx","file://C:/ClickView Projects/clickview/packages/projects/lite/src/apps/classrooms/validation/ClassroomValidationSchema.ts","file://C:/ClickView Projects/clickview/packages/projects/lite/src/apps/classrooms/views/edit-classroom/EditClassroomView.tsx"],"names":[],"mappings":"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","file":"scripts/46.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 { Form } from 'formik';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { FormField } from 'libs/shared/components/forms/form-field/FormField';\r\nimport { useFormikContextWrapper } from 'libs/shared/components/forms/form-wrapper/FormWrapper';\r\nimport { FormButtons } from 'libs/shared/components/forms/form-buttons/FormButtons';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\n\r\nimport { EditClassroomRequest } from 'apps/classrooms/interfaces/EditClassroomRequest';\r\n\r\nconst namespace = 'classrooms.classroomDetailsForm';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\ninterface ClassroomDetailsFormProps {\r\n  onClickCancel: () => void;\r\n  isNew: boolean;\r\n}\r\n\r\nexport function ClassroomDetailsForm(props: ClassroomDetailsFormProps): JSX.Element {\r\n  const formikProps = useFormikContextWrapper<EditClassroomRequest>();\r\n\r\n  return (\r\n    <Form>\r\n      <FormField\r\n        label={getPhrase('nameLabel')}\r\n        type='text'\r\n        name='name'\r\n        id='name'\r\n        placeholder={getPhrase('namePlaceholder')}\r\n        autoFocus\r\n        value={formikProps.values.name}\r\n      />\r\n\r\n      <div className='btn-container d-flex justify-content-end'>\r\n        <button type='button' className='btn btn-link mr-2' onClick={props.onClickCancel}>\r\n          <Text namespace={namespace} phrase='cancel' />\r\n        </button>\r\n        <FormButtons isNew={props.isNew} />\r\n      </div>\r\n    </Form>\r\n  );\r\n}","import React from 'react';\r\n\r\nimport { FormWrapper } from 'libs/shared/components/forms/form-wrapper/FormWrapper';\r\n\r\nimport { MockClassroom } from 'apps/user-manager/interfaces';\r\nimport { EditClassroomRequest } from 'apps/classrooms/interfaces/EditClassroomRequest';\r\nimport { ClassroomValidationSchema } from 'apps/classrooms/validation/ClassroomValidationSchema';\r\nimport { ClassroomDetailsForm } from 'apps/classrooms/components/classroom-details-form/ClassroomDetailsForm';\r\n\r\ninterface EditClassroomDetailsProps {\r\n  classroom?: MockClassroom;\r\n  saveClassroom: (data: EditClassroomRequest) => void;\r\n  onClickCancel: () => void;\r\n}\r\n\r\nexport function EditClassroomDetails(props: EditClassroomDetailsProps): React.ReactElement {\r\n  const { classroom, saveClassroom, onClickCancel } = props;\r\n\r\n  const initialValues: EditClassroomRequest = {\r\n    id: classroom?.id,\r\n    name: classroom?.name\r\n  };\r\n\r\n  return (\r\n    <FormWrapper<EditClassroomRequest>\r\n      initialValues={initialValues}\r\n      validationSchema={ClassroomValidationSchema}\r\n      onSubmit={saveClassroom}\r\n    >\r\n      <ClassroomDetailsForm isNew={!classroom} onClickCancel={onClickCancel} />\r\n    </FormWrapper>\r\n  );\r\n}","import { object, string } from 'yup';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\n\r\nconst getPhrase = LanguageService.encloseNamespace('classrooms.classroomValidation');\r\n\r\nexport const ClassroomValidationSchema = object().shape({\r\n  name: string()\r\n    .max(255, () => getPhrase('nameExceeds'))\r\n    .required(() => getPhrase('nameRequired'))\r\n    .default('')\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 { PopupViewProps, PropsWithPopupViewProps, PropsWithAnalyticsOptions } from 'libs/shared/interfaces';\r\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\r\n\r\nimport { ClassroomRequests } from 'apps/classrooms/flight-requests/ClassroomRequests';\r\nimport { EditClassroomRequest } from 'apps/classrooms/interfaces/EditClassroomRequest';\r\nimport { EditClassroomDetails } from 'apps/classrooms/components/edit-classroom-details/EditClassroomDetails';\r\nimport { MockClassroom } from 'apps/user-manager/interfaces';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\n\r\nconst namespace = 'classrooms.editClassroom';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\ntype EditClassroomView = PropsWithPopupViewProps<PropsWithAnalyticsOptions<{\r\n  id: string;\r\n}>>;\r\n\r\nexport function EditClassroomView(props: EditClassroomView): JSX.Element {\r\n  const alerts = useAlerts();\r\n  const dispatch = useDispatch();\r\n\r\n  const classroom = Flight.useBasicFetch<MockClassroom>(ClassroomRequests.getClassroom(props.id));\r\n\r\n  const saveClassroom = (updatedClassroom: EditClassroomRequest) => {\r\n    Flight.fetch(dispatch, ClassroomRequests.editClassroom(updatedClassroom, () => {\r\n      AnalyticsHelper.logUserAction(updatedClassroom, props.analyticsOptions);\r\n\r\n      alerts.success(getPhrase('success', { name: updatedClassroom.name }));\r\n      props.closePopup();\r\n    }, () => {\r\n      // TODO: Handle possible errors once we have a server side\r\n      alerts.error(getPhrase('error', { name: classroom.data.name }));\r\n    }));\r\n  };\r\n\r\n  return (\r\n    <Popup\r\n      title={getPhrase('title', { name: classroom.data?.name })}\r\n      closePopup={props.closePopup}\r\n      showLoadingSpinner={!classroom.data}\r\n    >\r\n      {classroom.data && (\r\n        <EditClassroomDetails\r\n          classroom={classroom.data}\r\n          saveClassroom={saveClassroom}\r\n          onClickCancel={props.closePopup}\r\n        />\r\n      )}\r\n    </Popup>\r\n  );\r\n}"],"sourceRoot":""}

package/dist/scripts/{47-73308b0e36.chunk.js → 47-7ff74e9140.chunk.js}

@@ -1 +1 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[47],{1187:function(t,n,e){var o=e(25);t.exports=(o.default||o).template({1:function(t,n,e,o,i){return"disabled"},compiler:[8,">= 4.3.0"],main:function(t,n,e,o,i){t.propertyIsEnumerable;var r,a=null!=n?n:t.nullContext||{},s=t.hooks.helperMissing,c=t.escapeExpression;return'<div class="p-3">\r\n  <a class="btn previous-applink btn-secondary '+(null!=(r=e.unless.call(a,null!=(r=null!=(r=null!=n?n.options:n)?r.cursors:r)?r.previous:r,{name:"unless",hash:{},fn:t.program(1,i,0),inverse:t.noop,data:i}))?r:"")+'">'+c((e.lang||n&&n.lang||s).call(a,"previous",{name:"lang",hash:{},data:i}))+'</a>\r\n  <a class="btn next-applink btn-secondary '+(null!=(r=e.unless.call(a,null!=(r=null!=(r=null!=n?n.options:n)?r.cursors:r)?r.next:r,{name:"unless",hash:{},fn:t.program(1,i,0),inverse:t.noop,data:i}))?r:"")+'">'+c((e.lang||n&&n.lang||s).call(a,"next",{name:"lang",hash:{},data:i}))+"</a>\r\n</div>"},useData:!0})},1188:function(t,n,e){var o=e(25);t.exports=(o.default||o).template({compiler:[8,">= 4.3.0"],main:function(t,n,e,o,i){t.propertyIsEnumerable;return'<div class="container-fluid bg-white p-3">\r\n  <h1 class="h3 header border-bottom pb-2 m-0">'+t.escapeExpression((e.lang||n&&n.lang||t.hooks.helperMissing).call(null!=n?n:t.nullContext||{},"notifications",{name:"lang",hash:{},data:i}))+'</h1>\r\n  <div class="list-region"></div>\r\n  <div class="pagination-region"></div>\r\n</div>'},useData:!0})},1254:function(t,n,e){"use strict";e.r(n);var o=e(2),i=e(9),r=e(8),a=e(177),s=e(31),c=e(11),u=e(34),l=e(390),p=e(1),f=e(3),h=e(47),y=e(1187),g=e.n(y);function v(t){return(v="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 b(t,n){for(var e=0;e<n.length;e++){var o=n[e];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function d(t,n){return(d=Object.setPrototypeOf||function(t,n){return t.__proto__=n,t})(t,n)}function m(t){var n=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 e,o=w(t);if(n){var i=w(this).constructor;e=Reflect.construct(o,arguments,i)}else e=o.apply(this,arguments);return k(this,e)}}function k(t,n){return!n||"object"!==v(n)&&"function"!=typeof n?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):n}function w(t){return(w=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var O=function(t){!function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(n&&n.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),n&&d(t,n)}(r,t);var n,e,o,i=m(r);function r(t){return function(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")}(this,r),i.call(this,t)}return n=r,(e=[{key:"events",value:function(){return{"click .previous-applink":"onClickPrevious","click .next-applink":"onClickNext"}}},{key:"buildCursor",value:function(t){return{application:this.options.appLink.application,action:this.options.appLink.action,args:this.options.appLink.args,params:p.extend({},this.options.appLink.params,(n={},e=this.options.cursorParamName,o=t,e in n?Object.defineProperty(n,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):n[e]=o,n))};var n,e,o}},{key:"onClickPrevious",value:function(){this.logAction("previous")}},{key:"onClickNext",value:function(){this.logAction("next")}},{key:"logAction",value:function(t){var n=h.a.mergeOptions(this.options.analyticsOptions,{location:f.j.Pagination,entity:f.d.Pagination,actionType:f.n.Navigate,workflowPhase:f.o.Complete}),e={id:this.options.collectionId,page:t};h.a.logUserAction(e,n)}},{key:"viewOptions",value:function(){return{cursors:this.options.cursors}}},{key:"onBeforeRender",value:function(){return!!this.options.cursors}},{key:"defaults",get:function(){return{cursors:{},cursorParamName:"cursor"}}},{key:"name",get:function(){return"PaginationComponent"}},{key:"template",get:function(){return g.a}},{key:"lang",get:function(){return"shared._pagination"}},{key:"appLinks",get:function(){var t={};if(!this.options.cursors)return{};if(this.options.cursors.previous){var n=this.options.cursors.previous,e=this.buildCursor(this.options.cursors.previous);+n<=1&&!0!==this.options.allowFirstPageCursor&&delete e.params.cursor,t[".previous-applink"]=e}return this.options.cursors.next&&(t[".next-applink"]=this.buildCursor(this.options.cursors.next)),t}}])&&b(n.prototype,e),o&&b(n,o),r}(o.a.Component),P=e(180),C=e(1188),x=e.n(C),_=e(333),j=e.n(_),S=e(334),I=e.n(S);function N(t){return(N="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 R(t,n){for(var e=0;e<n.length;e++){var o=n[e];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function E(t,n){return(E=Object.setPrototypeOf||function(t,n){return t.__proto__=n,t})(t,n)}function L(t){var n=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 e,o=D(t);if(n){var i=D(this).constructor;e=Reflect.construct(o,arguments,i)}else e=o.apply(this,arguments);return T(this,e)}}function T(t,n){return!n||"object"!==N(n)&&"function"!=typeof n?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):n}function D(t){return(D=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}e.d(n,"NotificationsView",(function(){return V}));var V=function(t){!function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(n&&n.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),n&&E(t,n)}(f,t);var n,e,o,p=L(f);function f(t){return function(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")}(this,f),p.call(this,t)}return n=f,(e=[{key:"regions",value:function(){return{notifications:{replaceElement:!0,el:".list-region",partialLoading:{component:a.a.ComponentCollection,options:{collectionLength:5,childOptions:{template:j.a,className:"px-1 py-2",viewOptions:{styles:I.a}}}}},pagination:{replaceElement:!0,el:".pagination-region"}}}},{key:"initialize",value:function(){this.notificationService=r.a.getInstance(c.b.Notification,this),this.appVariables=r.a.getInstance(u.a.NOTIFICATIONS,this)}},{key:"onData",value:function(t){this.collection=t,this.render()}},{key:"getCollectionIdentifier",value:function(){return this.collectionIdentifier?this.collectionIdentifier:this.collectionIdentifier=new l.a(Object.assign({collectionPrefix:s.a.NOTIFICATIONS},this.options.params))}},{key:"renderNotificationList",value:function(){var t=new P.b({collection:this.collection,childType:P.a.Default});this.showChildView("notifications",t)}},{key:"renderPagination",value:function(){if(this.collection.length){var t=this.notificationService.getNotificationsCursors(this.getCollectionIdentifier()),n=new O({cursors:t,appLink:Object.assign(Object.assign({},this.appVariables.appLinks.notifications),{args:[],params:this.getCollectionIdentifier().toParams()})});this.showChildView("pagination",n)}}},{key:"onBeforeRender",value:function(){var t=this;return this.collection||this.notificationService.getNotifications(this.options.params,this.getCollectionIdentifier(),(function(n){return t.onData(n)})),!!this.collection}},{key:"onRender",value:function(){this.renderNotificationList(),this.renderPagination()}},{key:"name",get:function(){return"NotificationsView"}},{key:"title",get:function(){return i.a.getPhrase(this.lang,"title")}},{key:"lang",get:function(){return"notifications.notifications"}},{key:"className",get:function(){return"notifications-container"}},{key:"template",get:function(){return x.a}}])&&R(n.prototype,e),o&&R(n,o),f}(o.a.View)}}]);
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[47],{1193:function(t,n,e){var o=e(25);t.exports=(o.default||o).template({1:function(t,n,e,o,i){return"disabled"},compiler:[8,">= 4.3.0"],main:function(t,n,e,o,i){t.propertyIsEnumerable;var r,a=null!=n?n:t.nullContext||{},s=t.hooks.helperMissing,c=t.escapeExpression;return'<div class="p-3">\r\n  <a class="btn previous-applink btn-secondary '+(null!=(r=e.unless.call(a,null!=(r=null!=(r=null!=n?n.options:n)?r.cursors:r)?r.previous:r,{name:"unless",hash:{},fn:t.program(1,i,0),inverse:t.noop,data:i}))?r:"")+'">'+c((e.lang||n&&n.lang||s).call(a,"previous",{name:"lang",hash:{},data:i}))+'</a>\r\n  <a class="btn next-applink btn-secondary '+(null!=(r=e.unless.call(a,null!=(r=null!=(r=null!=n?n.options:n)?r.cursors:r)?r.next:r,{name:"unless",hash:{},fn:t.program(1,i,0),inverse:t.noop,data:i}))?r:"")+'">'+c((e.lang||n&&n.lang||s).call(a,"next",{name:"lang",hash:{},data:i}))+"</a>\r\n</div>"},useData:!0})},1194:function(t,n,e){var o=e(25);t.exports=(o.default||o).template({compiler:[8,">= 4.3.0"],main:function(t,n,e,o,i){t.propertyIsEnumerable;return'<div class="container-fluid bg-white p-3">\r\n  <h1 class="h3 header border-bottom pb-2 m-0">'+t.escapeExpression((e.lang||n&&n.lang||t.hooks.helperMissing).call(null!=n?n:t.nullContext||{},"notifications",{name:"lang",hash:{},data:i}))+'</h1>\r\n  <div class="list-region"></div>\r\n  <div class="pagination-region"></div>\r\n</div>'},useData:!0})},1260:function(t,n,e){"use strict";e.r(n);var o=e(2),i=e(9),r=e(8),a=e(179),s=e(31),c=e(11),u=e(34),l=e(394),p=e(1),f=e(3),h=e(37),y=e(1193),g=e.n(y);function v(t){return(v="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 b(t,n){for(var e=0;e<n.length;e++){var o=n[e];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function d(t,n){return(d=Object.setPrototypeOf||function(t,n){return t.__proto__=n,t})(t,n)}function m(t){var n=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 e,o=w(t);if(n){var i=w(this).constructor;e=Reflect.construct(o,arguments,i)}else e=o.apply(this,arguments);return k(this,e)}}function k(t,n){return!n||"object"!==v(n)&&"function"!=typeof n?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):n}function w(t){return(w=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var O=function(t){!function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(n&&n.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),n&&d(t,n)}(r,t);var n,e,o,i=m(r);function r(t){return function(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")}(this,r),i.call(this,t)}return n=r,(e=[{key:"events",value:function(){return{"click .previous-applink":"onClickPrevious","click .next-applink":"onClickNext"}}},{key:"buildCursor",value:function(t){return{application:this.options.appLink.application,action:this.options.appLink.action,args:this.options.appLink.args,params:p.extend({},this.options.appLink.params,(n={},e=this.options.cursorParamName,o=t,e in n?Object.defineProperty(n,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):n[e]=o,n))};var n,e,o}},{key:"onClickPrevious",value:function(){this.logAction("previous")}},{key:"onClickNext",value:function(){this.logAction("next")}},{key:"logAction",value:function(t){var n=h.a.mergeOptions(this.options.analyticsOptions,{location:f.j.Pagination,entity:f.d.Pagination,actionType:f.n.Navigate,workflowPhase:f.o.Complete}),e={id:this.options.collectionId,page:t};h.a.logUserAction(e,n)}},{key:"viewOptions",value:function(){return{cursors:this.options.cursors}}},{key:"onBeforeRender",value:function(){return!!this.options.cursors}},{key:"defaults",get:function(){return{cursors:{},cursorParamName:"cursor"}}},{key:"name",get:function(){return"PaginationComponent"}},{key:"template",get:function(){return g.a}},{key:"lang",get:function(){return"shared._pagination"}},{key:"appLinks",get:function(){var t={};if(!this.options.cursors)return{};if(this.options.cursors.previous){var n=this.options.cursors.previous,e=this.buildCursor(this.options.cursors.previous);+n<=1&&!0!==this.options.allowFirstPageCursor&&delete e.params.cursor,t[".previous-applink"]=e}return this.options.cursors.next&&(t[".next-applink"]=this.buildCursor(this.options.cursors.next)),t}}])&&b(n.prototype,e),o&&b(n,o),r}(o.a.Component),P=e(182),C=e(1194),x=e.n(C),_=e(337),j=e.n(_),S=e(338),I=e.n(S);function N(t){return(N="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 R(t,n){for(var e=0;e<n.length;e++){var o=n[e];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function E(t,n){return(E=Object.setPrototypeOf||function(t,n){return t.__proto__=n,t})(t,n)}function L(t){var n=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 e,o=D(t);if(n){var i=D(this).constructor;e=Reflect.construct(o,arguments,i)}else e=o.apply(this,arguments);return T(this,e)}}function T(t,n){return!n||"object"!==N(n)&&"function"!=typeof n?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):n}function D(t){return(D=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}e.d(n,"NotificationsView",(function(){return V}));var V=function(t){!function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(n&&n.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),n&&E(t,n)}(f,t);var n,e,o,p=L(f);function f(t){return function(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")}(this,f),p.call(this,t)}return n=f,(e=[{key:"regions",value:function(){return{notifications:{replaceElement:!0,el:".list-region",partialLoading:{component:a.a.ComponentCollection,options:{collectionLength:5,childOptions:{template:j.a,className:"px-1 py-2",viewOptions:{styles:I.a}}}}},pagination:{replaceElement:!0,el:".pagination-region"}}}},{key:"initialize",value:function(){this.notificationService=r.a.getInstance(c.b.Notification,this),this.appVariables=r.a.getInstance(u.a.NOTIFICATIONS,this)}},{key:"onData",value:function(t){this.collection=t,this.render()}},{key:"getCollectionIdentifier",value:function(){return this.collectionIdentifier?this.collectionIdentifier:this.collectionIdentifier=new l.a(Object.assign({collectionPrefix:s.a.NOTIFICATIONS},this.options.params))}},{key:"renderNotificationList",value:function(){var t=new P.b({collection:this.collection,childType:P.a.Default});this.showChildView("notifications",t)}},{key:"renderPagination",value:function(){if(this.collection.length){var t=this.notificationService.getNotificationsCursors(this.getCollectionIdentifier()),n=new O({cursors:t,appLink:Object.assign(Object.assign({},this.appVariables.appLinks.notifications),{args:[],params:this.getCollectionIdentifier().toParams()})});this.showChildView("pagination",n)}}},{key:"onBeforeRender",value:function(){var t=this;return this.collection||this.notificationService.getNotifications(this.options.params,this.getCollectionIdentifier(),(function(n){return t.onData(n)})),!!this.collection}},{key:"onRender",value:function(){this.renderNotificationList(),this.renderPagination()}},{key:"name",get:function(){return"NotificationsView"}},{key:"title",get:function(){return i.a.getPhrase(this.lang,"title")}},{key:"lang",get:function(){return"notifications.notifications"}},{key:"className",get:function(){return"notifications-container"}},{key:"template",get:function(){return x.a}}])&&R(n.prototype,e),o&&R(n,o),f}(o.a.View)}}]);