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

package/dist/scripts/101.chunk.js

@@ -0,0 +1,161 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[101],{
+
+/***/ "../../libs/shared/src/components/edit-video-details/EditVideoDetails.tsx":
+/*!********************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/edit-video-details/EditVideoDetails.tsx ***!
+  \********************************************************************************************************************/
+/*! exports provided: VideoValidationSchema, EditVideoDetails */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VideoValidationSchema", function() { return VideoValidationSchema; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EditVideoDetails", function() { return EditVideoDetails; });
+/* 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 yup__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! yup */ "../../../node_modules/yup/lib/index.js");
+/* harmony import */ var yup__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(yup__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var formik__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! formik */ "../../../node_modules/formik/dist/formik.esm.js");
+/* harmony import */ var _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../forms/form-field/FormField */ "../../libs/shared/src/components/forms/form-field/FormField.tsx");
+/* harmony import */ var _forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../forms/form-wrapper/FormWrapper */ "../../libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx");
+/* harmony import */ var _forms_form_buttons_FormButtons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../forms/form-buttons/FormButtons */ "../../libs/shared/src/components/forms/form-buttons/FormButtons.tsx");
+/* harmony import */ var _text_Text__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+
+
+
+
+
+
+
+
+var namespace = 'shared.editVideoDetails';
+var VideoValidationSchema = yup__WEBPACK_IMPORTED_MODULE_1__["object"]().shape({
+  name: yup__WEBPACK_IMPORTED_MODULE_1__["string"]().max(255, function () {
+    return _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].getPhrase(namespace, 'nameExceeds');
+  }).required(function () {
+    return _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].getPhrase(namespace, 'nameRequired');
+  }),
+  description: yup__WEBPACK_IMPORTED_MODULE_1__["string"]().max(65535, function () {
+    return _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].getPhrase(namespace, 'descriptionExceeds');
+  })
+});
+
+function VideoDetailsForm(props) {
+  var formikProps = Object(formik__WEBPACK_IMPORTED_MODULE_2__["useFormikContext"])();
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](formik__WEBPACK_IMPORTED_MODULE_2__["Form"], null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_4__["FormField"], {
+    label: _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].getPhrase(namespace, 'nameLabel'),
+    type: 'text',
+    name: 'name',
+    id: 'name',
+    placeholder: _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].getPhrase(namespace, 'namePlaceholder'),
+    autoFocus: true,
+    value: formikProps.values.name
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_4__["FormField"], {
+    label: _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].getPhrase(namespace, 'descriptionLabel'),
+    as: 'textarea',
+    name: 'description',
+    id: 'description',
+    placeholder: _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].getPhrase(namespace, 'descriptionPlaceholder'),
+    autoFocus: true,
+    value: formikProps.values.description
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'btn-container d-flex justify-content-end'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("button", {
+    type: 'button',
+    className: "btn btn-link mr-2",
+    onClick: props.onClickCancel
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_text_Text__WEBPACK_IMPORTED_MODULE_7__["Text"], {
+    namespace: namespace,
+    phrase: 'cancel'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_forms_form_buttons_FormButtons__WEBPACK_IMPORTED_MODULE_6__["FormButtons"], {
+    isNew: false
+  })));
+}
+
+function EditVideoDetails(props) {
+  var _props$video = props.video,
+      name = _props$video.name,
+      description = _props$video.description,
+      saveVideo = props.saveVideo,
+      onClickCancel = props.onClickCancel;
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_5__["FormWrapper"], {
+    initialValues: {
+      name: name,
+      description: description
+    },
+    validationSchema: VideoValidationSchema,
+    onSubmit: saveVideo
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](VideoDetailsForm, {
+    onClickCancel: onClickCancel
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/shared/views/edit-video/EditVideoView.tsx":
+/*!*******************************************************!*\
+  !*** ./src/shared/views/edit-video/EditVideoView.tsx ***!
+  \*******************************************************/
+/*! exports provided: EditVideoView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EditVideoView", function() { return EditVideoView; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ "react-redux");
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
+/* harmony import */ var _libs_common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../libs/common/src/react/hooks/UseService */ "../../libs/common/src/react/hooks/UseService.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_edit_video_details_EditVideoDetails__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/edit-video-details/EditVideoDetails */ "../../libs/shared/src/components/edit-video-details/EditVideoDetails.tsx");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+/* harmony import */ var shared_flight_requests_VideoRequests__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! shared/flight-requests/VideoRequests */ "./src/shared/flight-requests/VideoRequests.ts");
+
+
+
+
+
+
+
+
+
+function EditVideoView(props) {
+  var id = props.id,
+      closePopup = props.closePopup;
+  var combinedUploadService = Object(_libs_common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_3__["useService"])('combine:uploads:service');
+  var video = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(shared_flight_requests_VideoRequests__WEBPACK_IMPORTED_MODULE_8__["VideoRequests"].video(id));
+  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
+
+  var saveVideo = function saveVideo(data) {
+    var request = shared_flight_requests_VideoRequests__WEBPACK_IMPORTED_MODULE_8__["VideoRequests"].updateVideo(props.id, data, function () {
+      combinedUploadService.updateUploadMetadata(props.id, data.name);
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_6__["AnalyticsHelper"].logUserAction(data, {
+        location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__["LocationContext"].Popup,
+        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__["UserAction"].Edit,
+        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__["WorkflowPhase"].Complete,
+        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__["EntityType"].Video
+      });
+      closePopup();
+    });
+    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].fetch(dispatch, request);
+  };
+
+  if (!video.data) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_4__["Popup"], {
+    closePopup: closePopup,
+    title: 'Edit video details'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_edit_video_details_EditVideoDetails__WEBPACK_IMPORTED_MODULE_5__["EditVideoDetails"], {
+    video: video.data,
+    saveVideo: saveVideo,
+    onClickCancel: closePopup
+  }));
+}
+
+/***/ })
+
+}]);
+//# sourceMappingURL=101.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView/front-end/clickview/packages/libs/shared/src/components/edit-video-details/EditVideoDetails.tsx","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/shared/views/edit-video/EditVideoView.tsx"],"names":[],"mappings":"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","file":"scripts/101.chunk.js","sourcesContent":["import * as React from 'react';\r\nimport * as Yup from 'yup';\r\nimport { useFormikContext, 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 { FormWrapper } 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\nimport { Video, UpdateVideoRequest } from 'libs/shared/interfaces';\r\n\r\ninterface VideoDetailsFormProps {\r\n  onClickCancel: () => void;\r\n}\r\n\r\nconst namespace = 'shared.editVideoDetails';\r\n\r\nexport const VideoValidationSchema = Yup.object().shape({\r\n  name: Yup.string()\r\n    .max(255, () => LanguageService.getPhrase(namespace, 'nameExceeds'))\r\n    .required(() => LanguageService.getPhrase(namespace, 'nameRequired')),\r\n  description: Yup.string()\r\n    .max(65535, () => LanguageService.getPhrase(namespace, 'descriptionExceeds'))\r\n});\r\n\r\nfunction VideoDetailsForm(props: VideoDetailsFormProps): JSX.Element {\r\n  const formikProps = useFormikContext<UpdateVideoRequest>();\r\n\r\n  return (\r\n    <Form>\r\n      <FormField\r\n        label={LanguageService.getPhrase(namespace, 'nameLabel')}\r\n        type='text'\r\n        name='name'\r\n        id='name'\r\n        placeholder={LanguageService.getPhrase(namespace, 'namePlaceholder')}\r\n        autoFocus\r\n        value={formikProps.values.name}\r\n      />\r\n      <FormField\r\n        label={LanguageService.getPhrase(namespace, 'descriptionLabel')}\r\n        as='textarea'\r\n        name='description'\r\n        id='description'\r\n        placeholder={LanguageService.getPhrase(namespace, 'descriptionPlaceholder')}\r\n        autoFocus\r\n        value={formikProps.values.description}\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={false} />\r\n      </div>\r\n    </Form>\r\n  );\r\n}\r\n\r\ninterface EditVideoDetailsComponentProps {\r\n  video?: Video;\r\n  saveVideo: (data: UpdateVideoRequest) => void;\r\n  onClickCancel: () => void;\r\n}\r\n\r\nexport function EditVideoDetails(props: EditVideoDetailsComponentProps): JSX.Element {\r\n  const { video: { name, description }, saveVideo, onClickCancel } = props;\r\n  return (\r\n    <FormWrapper<UpdateVideoRequest>\r\n      initialValues={{ name, description }}\r\n      validationSchema={VideoValidationSchema}\r\n      onSubmit={saveVideo}\r\n    >\r\n      <VideoDetailsForm onClickCancel={onClickCancel} />\r\n    </FormWrapper>\r\n  );\r\n}","import * as React from 'react';\r\nimport { useDispatch } from 'react-redux';\r\n\r\nimport { Flight } from 'libs/common/flight';\r\nimport { useService } from 'libs/common/react/hooks/UseService';\r\nimport { Video, PopupViewProps, UpdateVideoRequest } from 'libs/shared/interfaces';\r\nimport { Popup } from 'libs/shared/components/popup/Popup';\r\nimport { EditVideoDetails } from 'libs/shared/components/edit-video-details/EditVideoDetails';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\nimport { LocationContext, UserAction, WorkflowPhase, EntityType } from 'libs/analytics/interfaces';\r\n\r\nimport { VideoRequests } from 'shared/flight-requests/VideoRequests';\r\nimport { CombineUploadsService } from 'apps/upload/services/CombineUploadsService';\r\n\r\ninterface EditVideoViewProps {\r\n  id: string;\r\n}\r\n\r\nexport function EditVideoView(props: EditVideoViewProps & PopupViewProps): JSX.Element {\r\n  const { id, closePopup } = props;\r\n\r\n  const combinedUploadService = useService<CombineUploadsService>('combine:uploads:service');\r\n  const video = Flight.useBasicFetch<Video>(VideoRequests.video(id));\r\n  const dispatch = useDispatch();\r\n\r\n  const saveVideo = (data: UpdateVideoRequest) => {\r\n    const request = VideoRequests.updateVideo(props.id, data, () => {\r\n      combinedUploadService.updateUploadMetadata(props.id, data.name);\r\n\r\n      AnalyticsHelper.logUserAction(data, {\r\n        location: LocationContext.Popup,\r\n        actionType: UserAction.Edit,\r\n        workflowPhase: WorkflowPhase.Complete,\r\n        entity: EntityType.Video\r\n      });\r\n\r\n      closePopup();\r\n    });\r\n    Flight.fetch(dispatch, request);\r\n  };\r\n\r\n  if (!video.data)\r\n    return <></>;\r\n\r\n  return (\r\n    <Popup closePopup={closePopup} title={'Edit video details'}>\r\n      <EditVideoDetails\r\n        video={video.data}\r\n        saveVideo={saveVideo}\r\n        onClickCancel={closePopup} />\r\n    </Popup>\r\n  );\r\n}"],"sourceRoot":""}

package/dist/scripts/102.chunk.js

@@ -0,0 +1,91 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[102],{
+
+/***/ "./src/apps/user-manager/views/create-user/CreateUserView.tsx":
+/*!********************************************************************!*\
+  !*** ./src/apps/user-manager/views/create-user/CreateUserView.tsx ***!
+  \********************************************************************/
+/*! exports provided: CreateUserView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CreateUserView", function() { return CreateUserView; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ "react-redux");
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_5__ = __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_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseAlerts */ "../../libs/shared/src/hooks/UseAlerts.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/UserRequests */ "../../libs/shared/src/flight-requests/UserRequests.ts");
+/* harmony import */ var _libs_shared_src_enums_UserGroup__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/enums/UserGroup */ "../../libs/shared/src/enums/UserGroup.ts");
+/* harmony import */ var _libs_shared_src_enums_UserRole__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/enums/UserRole */ "../../libs/shared/src/enums/UserRole.ts");
+/* harmony import */ var apps_user_manager_flight_requests_SchoolUserRequests__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! apps/user-manager/flight-requests/SchoolUserRequests */ "./src/apps/user-manager/flight-requests/SchoolUserRequests.ts");
+/* harmony import */ var apps_user_manager_components_edit_user_details_EditUserDetails__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! apps/user-manager/components/edit-user-details/EditUserDetails */ "./src/apps/user-manager/components/edit-user-details/EditUserDetails.tsx");
+
+
+
+
+
+
+
+
+
+
+
+
+function CreateUserView(props) {
+  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_6__["useAlerts"])();
+  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
+  var currentUser = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_7__["UserRequests"].currentUser());
+  var yearGroups = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(currentUser.data && apps_user_manager_flight_requests_SchoolUserRequests__WEBPACK_IMPORTED_MODULE_10__["SchoolUserRequests"].yearGroups(currentUser.data.customerId));
+  var namespace = props.userType === _libs_shared_src_enums_UserGroup__WEBPACK_IMPORTED_MODULE_8__["UserGroup"].Staff ? 'userManager.createStaff' : 'userManager.createStudent';
+  var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].encloseNamespace(namespace);
+
+  var saveUser = function saveUser(user) {
+    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].fetch(dispatch, apps_user_manager_flight_requests_SchoolUserRequests__WEBPACK_IMPORTED_MODULE_10__["SchoolUserRequests"].createUsers({
+      users: [user]
+    }, function (newUsers) {
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_4__["AnalyticsHelper"].logUserAction(newUsers, props.analyticsOptions);
+      alerts.success(getPhrase('success', {
+        name: user.username
+      }));
+    }, function () {
+      alerts.error(getPhrase('error'));
+    }, function () {
+      props.closePopup();
+    }));
+  };
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_5__["Popup"], {
+    closePopup: props.closePopup,
+    title: getPhrase('popupTitle'),
+    showLoadingSpinner: !currentUser.data
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_user_manager_components_edit_user_details_EditUserDetails__WEBPACK_IMPORTED_MODULE_11__["EditUserDetails"], {
+    saveUser: saveUser,
+    userType: props.userType,
+    onClickCancel: props.closePopup,
+    yearGroups: yearGroups.data,
+    initialValues: {
+      firstName: '',
+      email: '',
+      surname: '',
+      username: '',
+      userType: props.userType,
+      customerId: currentUser.data.customerId,
+      yearGroup: props.userType === _libs_shared_src_enums_UserGroup__WEBPACK_IMPORTED_MODULE_8__["UserGroup"].Learner ? null : 'Staff',
+      masterYearGroup: null,
+      isPrimaryContact: false,
+      roleId: props.userType === _libs_shared_src_enums_UserGroup__WEBPACK_IMPORTED_MODULE_8__["UserGroup"].Learner ? _libs_shared_src_enums_UserRole__WEBPACK_IMPORTED_MODULE_9__["OnlineUserRole"].Student : _libs_shared_src_enums_UserRole__WEBPACK_IMPORTED_MODULE_9__["OnlineUserRole"].Staff,
+      masterRole: _libs_shared_src_enums_UserRole__WEBPACK_IMPORTED_MODULE_9__["UserRole"].User,
+      requirePasswordChange: true
+    }
+  }));
+}
+
+/***/ })
+
+}]);
+//# sourceMappingURL=102.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/user-manager/views/create-user/CreateUserView.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAEA;AAGA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAIM,SAAU,cAAV,CAAyB,KAAzB,EAAmD;AACvD,MAAM,MAAM,GAAG,kFAAS,EAAxB;AAEA,MAAM,QAAQ,GAAG,+DAAW,EAA5B;AAEA,MAAM,WAAW,GAAG,6DAAM,CAAC,aAAP,CAAkC,0FAAY,CAAC,WAAb,EAAlC,CAApB;AACA,MAAM,UAAU,GAAG,6DAAM,CAAC,aAAP,CAAkC,WAAW,CAAC,IAAZ,IACnD,wGAAkB,CAAC,UAAnB,CAA8B,WAAW,CAAC,IAAZ,CAAiB,UAA/C,CADiB,CAAnB;AAGA,MAAM,SAAS,GAAG,KAAK,CAAC,QAAN,KAAmB,0EAAS,CAAC,KAA7B,GACd,yBADc,GAEd,2BAFJ;AAIA,MAAM,SAAS,GAAG,kGAAe,CAAC,gBAAhB,CAAiC,SAAjC,CAAlB;;AAEA,MAAM,QAAQ,GAAG,SAAX,QAAW,CAAC,IAAD,EAA0B;AACzC,iEAAM,CAAC,KAAP,CACE,QADF,EAEE,wGAAkB,CAAC,WAAnB,CAA+B;AAAE,WAAK,EAAE,CAAC,IAAD;AAAT,KAA/B,EAAiD,kBAAQ,EAAG;AAC1D,yFAAe,CAAC,aAAhB,CAA8B,QAA9B,EAAwC,KAAK,CAAC,gBAA9C;AAEA,YAAM,CAAC,OAAP,CAAe,SAAS,CAAC,SAAD,EAAY;AAAE,YAAI,EAAE,IAAI,CAAC;AAAb,OAAZ,CAAxB;AACD,KAJD,EAIG,YAAK;AACN,YAAM,CAAC,KAAP,CAAa,SAAS,CAAC,OAAD,CAAtB;AACD,KAND,EAMG,YAAK;AACN,WAAK,CAAC,UAAN;AACD,KARD,CAFF;AAYD,GAbD;;AAeA,SACE,oDAAC,6EAAD,EAAM;AAAC,cAAU,EAAE,KAAK,CAAC,UAAnB;AAA+B,SAAK,EAAE,SAAS,CAAC,YAAD,CAA/C;AAA+D,sBAAkB,EAAE,CAAC,WAAW,CAAC;AAAhG,GAAN,EACE,oDAAC,+GAAD,EAAgB;AACd,YAAQ,EAAE,QADI;AAEd,YAAQ,EAAE,KAAK,CAAC,QAFF;AAGd,iBAAa,EAAE,KAAK,CAAC,UAHP;AAId,cAAU,EAAE,UAAU,CAAC,IAJT;AAKd,iBAAa,EAAE;AACb,eAAS,EAAE,EADE;AAEb,WAAK,EAAE,EAFM;AAGb,aAAO,EAAE,EAHI;AAIb,cAAQ,EAAE,EAJG;AAKb,cAAQ,EAAE,KAAK,CAAC,QALH;AAMb,gBAAU,EAAE,WAAW,CAAC,IAAZ,CAAiB,UANhB;AAOb,eAAS,EAAE,KAAK,CAAC,QAAN,KAAmB,0EAAS,CAAC,OAA7B,GAAuC,IAAvC,GAA8C,OAP5C;AAQb,qBAAe,EAAE,IARJ;AASb,sBAAgB,EAAE,KATL;AAUb,YAAM,EAAE,KAAK,CAAC,QAAN,KAAmB,0EAAS,CAAC,OAA7B,GAAuC,8EAAc,CAAC,OAAtD,GAAgE,8EAAc,CAAC,KAV1E;AAWb,gBAAU,EAAE,wEAAQ,CAAC,IAXR;AAYb,2BAAqB,EAAE;AAZV;AALD,GAAhB,CADF,CADF;AAwBD,C","file":"scripts/102.chunk.js","sourcesContent":["import * as React from 'react';\r\nimport { useDispatch } from 'react-redux';\r\n\r\nimport { Flight } from 'libs/common/flight';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\n\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\n\r\nimport { PropsWithAnalyticsOptions, PropsWithPopupViewProps, CurrentUser, YearGroup } from 'libs/shared/interfaces';\r\nimport { Popup } from 'libs/shared/components/popup/Popup';\r\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\r\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\r\nimport { UserGroup } from 'libs/shared/enums/UserGroup';\r\nimport { UserRole, OnlineUserRole } from 'libs/shared/enums/UserRole';\r\n\r\nimport { SchoolUserRequests } from 'apps/user-manager/flight-requests/SchoolUserRequests';\r\nimport { EditUserRequest } from 'apps/user-manager/interfaces';\r\nimport { EditUserDetails } from 'apps/user-manager/components/edit-user-details/EditUserDetails';\r\n\r\ntype CreateUserViewProps = PropsWithAnalyticsOptions<PropsWithPopupViewProps<{ userType: UserGroup }>>;\r\n\r\nexport function CreateUserView(props: CreateUserViewProps): React.ReactElement {\r\n  const alerts = useAlerts();\r\n\r\n  const dispatch = useDispatch();\r\n\r\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\r\n  const yearGroups = Flight.useBasicFetch<YearGroup[]>(currentUser.data &&\r\n    SchoolUserRequests.yearGroups(currentUser.data.customerId));\r\n\r\n  const namespace = props.userType === UserGroup.Staff\r\n    ? 'userManager.createStaff'\r\n    : 'userManager.createStudent';\r\n\r\n  const getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\n  const saveUser = (user: EditUserRequest) => {\r\n    Flight.fetch(\r\n      dispatch,\r\n      SchoolUserRequests.createUsers({ users: [user]}, newUsers => {\r\n        AnalyticsHelper.logUserAction(newUsers, props.analyticsOptions);\r\n\r\n        alerts.success(getPhrase('success', { name: user.username }));\r\n      }, () => {\r\n        alerts.error(getPhrase('error'));\r\n      }, () => {\r\n        props.closePopup();\r\n      })\r\n    );\r\n  };\r\n\r\n  return (\r\n    <Popup closePopup={props.closePopup} title={getPhrase('popupTitle')} showLoadingSpinner={!currentUser.data}>\r\n      <EditUserDetails\r\n        saveUser={saveUser}\r\n        userType={props.userType}\r\n        onClickCancel={props.closePopup}\r\n        yearGroups={yearGroups.data}\r\n        initialValues={{\r\n          firstName: '',\r\n          email: '',\r\n          surname: '',\r\n          username: '',\r\n          userType: props.userType,\r\n          customerId: currentUser.data.customerId,\r\n          yearGroup: props.userType === UserGroup.Learner ? null : 'Staff',\r\n          masterYearGroup: null,\r\n          isPrimaryContact: false,\r\n          roleId: props.userType === UserGroup.Learner ? OnlineUserRole.Student : OnlineUserRole.Staff,\r\n          masterRole: UserRole.User,\r\n          requirePasswordChange: true\r\n        }}\r\n      />\r\n    </Popup>\r\n  );\r\n}"],"sourceRoot":""}

package/dist/scripts/103.chunk.js

@@ -0,0 +1,84 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[103],{
+
+/***/ "./src/apps/user-manager/views/edit-user/EditUserView.tsx":
+/*!****************************************************************!*\
+  !*** ./src/apps/user-manager/views/edit-user/EditUserView.tsx ***!
+  \****************************************************************/
+/*! exports provided: EditUserView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EditUserView", function() { return EditUserView; });
+/* 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_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/UserRequests */ "../../libs/shared/src/flight-requests/UserRequests.ts");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var apps_user_manager_flight_requests_SchoolUserRequests__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! apps/user-manager/flight-requests/SchoolUserRequests */ "./src/apps/user-manager/flight-requests/SchoolUserRequests.ts");
+/* harmony import */ var apps_user_manager_components_edit_user_details_EditUserDetails__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! apps/user-manager/components/edit-user-details/EditUserDetails */ "./src/apps/user-manager/components/edit-user-details/EditUserDetails.tsx");
+
+
+
+
+
+
+
+
+
+
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].encloseNamespace('userManager.editUser');
+function EditUserView(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 user = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(apps_user_manager_flight_requests_SchoolUserRequests__WEBPACK_IMPORTED_MODULE_8__["SchoolUserRequests"].getUser(props.id));
+  var currentUser = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_6__["UserRequests"].currentUser());
+  var yearGroups = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(currentUser.data && apps_user_manager_flight_requests_SchoolUserRequests__WEBPACK_IMPORTED_MODULE_8__["SchoolUserRequests"].yearGroups(currentUser.data.customerId));
+
+  var saveUser = function saveUser(user) {
+    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].fetch(dispatch, apps_user_manager_flight_requests_SchoolUserRequests__WEBPACK_IMPORTED_MODULE_8__["SchoolUserRequests"].updateUser(user, function () {
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_7__["AnalyticsHelper"].logUserAction(user, props.analyticsOptions);
+      alerts.success(getPhrase('success'));
+    }, function () {
+      alerts.error(getPhrase('error'));
+    }, function () {
+      props.closePopup();
+    }));
+  };
+
+  var isLoaded = !!user.data && !!currentUser.data && !!yearGroups.data;
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_4__["Popup"], {
+    closePopup: props.closePopup,
+    title: getPhrase('popupTitle'),
+    showLoadingSpinner: !isLoaded
+  }, isLoaded && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_user_manager_components_edit_user_details_EditUserDetails__WEBPACK_IMPORTED_MODULE_9__["EditUserDetails"], {
+    userType: props.userType,
+    yearGroups: yearGroups.data,
+    initialValues: {
+      userId: user.data.id,
+      firstName: user.data.name,
+      surname: user.data.surname,
+      userType: user.data.userType,
+      customerId: currentUser.data.customerId,
+      email: user.data.email,
+      yearGroup: user.data.yearGroup,
+      masterYearGroup: user.data.masterYearGroup,
+      username: user.data.username,
+      masterRole: user.data.role,
+      roleId: user.data.roleId,
+      isPrimaryContact: user.data.isPrimaryContact
+    },
+    saveUser: saveUser,
+    onClickCancel: props.closePopup
+  }));
+}
+
+/***/ })
+
+}]);
+//# sourceMappingURL=103.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/user-manager/views/edit-user/EditUserView.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAGA;AACA;AACA;AAGA;AAEA;AAEA;AAEA,IAAM,SAAS,GAAG,kGAAe,CAAC,gBAAhB,CAAiC,sBAAjC,CAAlB;AAOM,SAAU,YAAV,CAAuB,KAAvB,EAA+C;AACnD,MAAM,MAAM,GAAG,kFAAS,EAAxB;AAEA,MAAM,QAAQ,GAAG,+DAAW,EAA5B;AAEA,MAAM,IAAI,GAAG,6DAAM,CAAC,aAAP,CAA2B,uGAAkB,CAAC,OAAnB,CAA2B,KAAK,CAAC,EAAjC,CAA3B,CAAb;AACA,MAAM,WAAW,GAAG,6DAAM,CAAC,aAAP,CAAkC,0FAAY,CAAC,WAAb,EAAlC,CAApB;AACA,MAAM,UAAU,GAAG,6DAAM,CAAC,aAAP,CAAkC,WAAW,CAAC,IAAZ,IACnD,uGAAkB,CAAC,UAAnB,CAA8B,WAAW,CAAC,IAAZ,CAAiB,UAA/C,CADiB,CAAnB;;AAGA,MAAM,QAAQ,GAAG,SAAX,QAAW,CAAC,IAAD,EAA0B;AACzC,iEAAM,CAAC,KAAP,CAAa,QAAb,EAAuB,uGAAkB,CAAC,UAAnB,CAA8B,IAA9B,EAAoC,YAAK;AAC9D,yFAAe,CAAC,aAAhB,CAA8B,IAA9B,EAAoC,KAAK,CAAC,gBAA1C;AAEA,YAAM,CAAC,OAAP,CAAe,SAAS,CAAC,SAAD,CAAxB;AACD,KAJsB,EAIpB,YAAK;AACN,YAAM,CAAC,KAAP,CAAa,SAAS,CAAC,OAAD,CAAtB;AACD,KANsB,EAMpB,YAAK;AACN,WAAK,CAAC,UAAN;AACD,KARsB,CAAvB;AASD,GAVD;;AAYA,MAAM,QAAQ,GAAG,CAAC,CAAC,IAAI,CAAC,IAAP,IAAe,CAAC,CAAC,WAAW,CAAC,IAA7B,IAAqC,CAAC,CAAC,UAAU,CAAC,IAAnE;AAEA,SACE,2DAAC,6EAAD,EAAM;AAAC,cAAU,EAAE,KAAK,CAAC,UAAnB;AAA+B,SAAK,EAAE,SAAS,CAAC,YAAD,CAA/C;AAA+D,sBAAkB,EAAE,CAAC;AAApF,GAAN,EACG,QAAQ,IACP,2DAAC,8GAAD,EAAgB;AACd,YAAQ,EAAE,KAAK,CAAC,QADF;AAEd,cAAU,EAAE,UAAU,CAAC,IAFT;AAGd,iBAAa,EAAE;AACb,YAAM,EAAE,IAAI,CAAC,IAAL,CAAU,EADL;AAEb,eAAS,EAAE,IAAI,CAAC,IAAL,CAAU,IAFR;AAGb,aAAO,EAAE,IAAI,CAAC,IAAL,CAAU,OAHN;AAIb,cAAQ,EAAE,IAAI,CAAC,IAAL,CAAU,QAJP;AAKb,gBAAU,EAAE,WAAW,CAAC,IAAZ,CAAiB,UALhB;AAMb,WAAK,EAAE,IAAI,CAAC,IAAL,CAAU,KANJ;AAOb,eAAS,EAAE,IAAI,CAAC,IAAL,CAAU,SAPR;AAQb,qBAAe,EAAE,IAAI,CAAC,IAAL,CAAU,eARd;AASb,cAAQ,EAAE,IAAI,CAAC,IAAL,CAAU,QATP;AAUb,gBAAU,EAAE,IAAI,CAAC,IAAL,CAAU,IAVT;AAWb,YAAM,EAAE,IAAI,CAAC,IAAL,CAAU,MAXL;AAYb,sBAAgB,EAAE,IAAI,CAAC,IAAL,CAAU;AAZf,KAHD;AAiBd,YAAQ,EAAE,QAjBI;AAkBd,iBAAa,EAAE,KAAK,CAAC;AAlBP,GAAhB,CAFJ,CADF;AA0BD,C","file":"scripts/103.chunk.js","sourcesContent":["import React from 'react';\r\nimport { useDispatch } from 'react-redux';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { Flight } from 'libs/common/flight';\r\n\r\nimport { PropsWithPopupViewProps, PropsWithAnalyticsOptions, User, CurrentUser, YearGroup } from 'libs/shared/interfaces';\r\nimport { Popup } from 'libs/shared/components/popup/Popup';\r\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\r\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\r\nimport { UserGroup } from 'libs/shared/enums/UserGroup';\r\n\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\n\r\nimport { SchoolUserRequests } from 'apps/user-manager/flight-requests/SchoolUserRequests';\r\nimport { EditUserRequest } from 'apps/user-manager/interfaces';\r\nimport { EditUserDetails } from 'apps/user-manager/components/edit-user-details/EditUserDetails';\r\n\r\nconst getPhrase = LanguageService.encloseNamespace('userManager.editUser');\r\n\r\ntype EditUserViewProps = PropsWithPopupViewProps<PropsWithAnalyticsOptions<{\r\n  id: string;\r\n  userType: UserGroup\r\n}>>;\r\n\r\nexport function EditUserView(props: EditUserViewProps): React.ReactElement {\r\n  const alerts = useAlerts();\r\n\r\n  const dispatch = useDispatch();\r\n\r\n  const user = Flight.useBasicFetch<User>(SchoolUserRequests.getUser(props.id));\r\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\r\n  const yearGroups = Flight.useBasicFetch<YearGroup[]>(currentUser.data &&\r\n    SchoolUserRequests.yearGroups(currentUser.data.customerId));\r\n\r\n  const saveUser = (user: EditUserRequest) => {\r\n    Flight.fetch(dispatch, SchoolUserRequests.updateUser(user, () => {\r\n      AnalyticsHelper.logUserAction(user, props.analyticsOptions);\r\n\r\n      alerts.success(getPhrase('success'));\r\n    }, () => {\r\n      alerts.error(getPhrase('error'));\r\n    }, () => {\r\n      props.closePopup();\r\n    }));\r\n  };\r\n\r\n  const isLoaded = !!user.data && !!currentUser.data && !!yearGroups.data;\r\n\r\n  return (\r\n    <Popup closePopup={props.closePopup} title={getPhrase('popupTitle')} showLoadingSpinner={!isLoaded}>\r\n      {isLoaded && (\r\n        <EditUserDetails\r\n          userType={props.userType}\r\n          yearGroups={yearGroups.data}\r\n          initialValues={{\r\n            userId: user.data.id,\r\n            firstName: user.data.name,\r\n            surname: user.data.surname,\r\n            userType: user.data.userType,\r\n            customerId: currentUser.data.customerId,\r\n            email: user.data.email,\r\n            yearGroup: user.data.yearGroup,\r\n            masterYearGroup: user.data.masterYearGroup,\r\n            username: user.data.username,\r\n            masterRole: user.data.role,\r\n            roleId: user.data.roleId,\r\n            isPrimaryContact: user.data.isPrimaryContact\r\n          }}\r\n          saveUser={saveUser}\r\n          onClickCancel={props.closePopup}\r\n        />\r\n      )}\r\n    </Popup>\r\n  );\r\n}"],"sourceRoot":""}

package/dist/scripts/11-7a8c344ea6.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[11],{1069:function(e,t,n){"use strict";n.d(t,"a",(function(){return s}));var a=n(0),r=n(40),i=n(1031),o=n.n(i);function c(e){return function(e){if(Array.isArray(e))return l(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return l(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return l(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function s(e){var t=c(Array(e.numItems)),n=e.itemClassName||"";return a.createElement(a.Fragment,null,e.showHeading&&a.createElement("div",{className:"".concat(o.a.partialHeading," partial-loading-background")}),a.createElement(r.Row,null,t.map((function(e,t){return a.createElement(r.Col,{key:t,xs:6,sm:4,lg:3,className:n},a.createElement("div",{className:"py-2"},a.createElement("div",{className:"".concat(o.a.playlistItem," partial-loading-background")})))}))))}s.defaultProps={numItems:8}},1090:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=function(){return"/api/domain/v1/subjects/audiences?type=subject"},r={presentationAudiences:function(){return{bootstrapName:"presentationAudiences",url:a(),key:"presentation:audiences",normalize:!1}}}},1144:function(e,t,n){"use strict";n.d(t,"a",(function(){return p}));var a=n(0),r=n(43),i=n(211),o=n(160),c=n(58),l=n(994),s=n(91),u=n(3),m=n(1216),f=n.n(m),d=function(e){var t=e.name,n=e.multiline,r="".concat(f.a.comingSoonPanel," \n    d-flex flex-column align-items-center justify-content-center px-3 text-center"),i="".concat(f.a.name," h6 mb-0 pb-1");return n?i+=" ".concat(f.a.clamped," clamp-2"):(r+=" text-nowrap",i+=" text-truncate"),a.createElement("div",{className:r},a.createElement("small",{className:"text-muted"},a.createElement(s.b,{namespace:"shared.subjectWidgetItem",phrase:"comingSoon"})),a.createElement("p",{className:i},t))},g=function(e){var t=e.name,n=e.multiline,r="px-3 text-center d-flex align-items-center",i="".concat(f.a.name," h6 mb-0 pb-1");return n?i+=" ".concat(f.a.clamped," clamp-2 text-left"):(r+=" text-nowrap text-truncate",i+=" text-truncate"),a.createElement("div",{className:r},a.createElement("p",{className:i},t))};var p=a.memo((function(e){var t,n,s,m,p,y=Object.assign(Object.assign({},e.appLink),{args:[e.data.id,r.a.slugify(e.data.name)]}),v=i.a.createUrl(null===(t=e.data.cover)||void 0===t?void 0:t.url,{size:o.a.Small}),b=Object.assign(Object.assign({},e.analyticsData),{id:null===(n=e.data)||void 0===n?void 0:n.id,name:null===(s=e.data)||void 0===s?void 0:s.name,presentationId:null===(m=e.data)||void 0===m?void 0:m.presentationId,comingSoon:!!(null===(p=e.data)||void 0===p?void 0:p.comingSoon)}),h=Object.assign(Object.assign({},e.analyticsOptions),{actionType:u.n.Click,entity:u.d.Classification,descriptor:u.b.Cover});return a.createElement(c.a,{appLink:y,analyticsData:b,analyticsOptions:h},a.createElement("div",{className:"border d-flex position-relative ".concat(f.a.widgetItem),id:e.data.id},a.createElement("div",{className:"".concat(f.a.imagePanel," ").concat(e.isLarge?f.a.large:"")},a.createElement("div",{className:f.a.image,style:{backgroundImage:"url('".concat(v,"')")}}),a.createElement(l.a,{type:l.b.Subject,extraClasses:e.isLarge?f.a.large:""})),e.data.comingSoon?a.createElement(d,{name:e.data.name,multiline:e.isLarge}):a.createElement(g,{name:e.data.name,multiline:e.isLarge})))}))},1146:function(e,t,n){"use strict";n.d(t,"a",(function(){return s}));var a=n(0),r=n(1096),i=n.n(r);function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var c,l=function(e){if(Array.isArray(e))return o(e)}(c=Array(4))||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(c)||function(e,t){if(e){if("string"==typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(e,t):void 0}}(c)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),s=function(){return a.createElement("div",{className:"pb-3"},a.createElement("div",{className:"partial-loading-background ".concat(i.a.partialLoadingHeading),dangerouslySetInnerHTML:{__html:"&nbsp"}}),a.createElement("div",{className:"row"},l.map((function(e,t){return a.createElement("div",{key:t,className:"col-6 col-sm-4 col-lg-3 "},a.createElement("div",{className:"py-2"},a.createElement("div",{className:"".concat(i.a.partialLoading," partial-loading-background")})))}))))}},1155:function(e,t,n){"use strict";var a=n(0),r=n(69),i=n(45),o=n(9),c=n(140);function l(e){return function(e){if(Array.isArray(e))return s(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return s(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var u=n(1059),m=n(1126),f=n(1087),d=n(306),g=n(994),p=n(1216),y=n.n(p);function v(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 n=[],a=!0,r=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(a=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);a=!0);}catch(e){r=!0,i=e}finally{try{a||null==c.return||c.return()}finally{if(r)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return b(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return b(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 b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var h=function(){var e=v(a.useState(d.a.getRandomInt(5)+3+"rem"),1)[0];return a.createElement("div",{className:"border d-flex position-relative mr-2 ".concat(y.a.widgetItem)},a.createElement("div",{className:y.a.imagePanel}),a.createElement("div",{className:"px-2",style:{width:e}}," "),a.createElement(g.a,{type:g.b.Subject}))},E=n(1224),S=n(1042),j=n(91),w=n(999),O=n(1209),A=n(58),P=n(64),L=n(17),N=n(48),x=function(e,t,n,a,r){return function(i){k(i.clientX,e,t,n,a,r)}},I=function(e,t,n,a,r){return function(i){k(i.touches.item(0).clientX,e,t,n,a,r)}};function k(e,t,n,a,r,i){var o=r;o||(i(o=Object.assign(Object.assign({},n),{initialMouseX:e})),t.current.style.transition=""),a({type:S.a.Drag,payload:{widgetSnapshot:o,currentMouseX:e}})}var R=function(e,t){return function(){e.current.style.transition="transform .4s ease-in-out",t(null)}},B=R,C={offset:0,containerLeftPosition:null,containerRightPosition:null,firstElementPosition:null,lastElementPosition:null,hideLeftButton:!0,hideRightButton:!0,maxSlideDistance:500,leftOffsetLimit:null};function _(e,t){switch(t.type){case S.a.Init:case S.a.Resize:return Object.assign(Object.assign({},e),function(e){var t=e.container,n=void 0===t?{}:t,a=e.lastElement,r=void 0===a?{}:a;if(!n.current||!r.current)return C;var i=e.container.current.getBoundingClientRect().left,o=e.container.current.getBoundingClientRect().right,c=i,l=e.lastElement.current.getBoundingClientRect().right,s=o-l;return Object.assign(Object.assign({},C),{containerLeftPosition:i,containerRightPosition:o,firstElementPosition:c,lastElementPosition:l,hideRightButton:l<o,leftOffsetLimit:s})}(t.payload));case S.a.Next:return Object.assign(Object.assign({},e),function(e){var t=e.firstElementPosition,n=e.lastElementPosition,a=e.maxSlideDistance,r=e.offset,i=e.containerRightPosition,o=n-i>=a?a:n-i;return{firstElementPosition:t-o,lastElementPosition:n-o,offset:r-o,hideRightButton:n-o===i,hideLeftButton:!1}}(e));case S.a.Previous:return Object.assign(Object.assign({},e),function(e){var t=e.containerLeftPosition,n=e.firstElementPosition,a=e.lastElementPosition,r=e.maxSlideDistance,i=e.offset,o=n+r<=t,c=o?r:Math.abs(i);return{firstElementPosition:n+c,lastElementPosition:a+c,offset:i+c,hideLeftButton:!o||n+c===t,hideRightButton:!1}}(e));case S.a.Drag:return Object.assign(Object.assign({},e),function(e,t){var n=t.widgetSnapshot,a=t.currentMouseX;if(n.hideLeftButton&&n.hideRightButton)return{};var r=n.initialMouseX-a,i=n.offset-r,o=n.firstElementPosition-r,c=n.lastElementPosition-r,l=!1,s=!1;return o>e.containerLeftPosition&&(i=0,o=e.containerLeftPosition,c=e.lastElementPosition,l=!0),c<=e.containerRightPosition&&(i=e.leftOffsetLimit,o=e.containerLeftPosition-Math.abs(e.leftOffsetLimit),c=n.containerRightPosition,s=!0),{offset:i,firstElementPosition:o,lastElementPosition:c,hideLeftButton:l,hideRightButton:s}}(e,t.payload));default:return e}}var M=n(1408),T=n.n(M);function D(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 n=[],a=!0,r=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(a=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);a=!0);}catch(e){r=!0,i=e}finally{try{a||null==c.return||c.return()}finally{if(r)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return U(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return U(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 U(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}n.d(t,"a",(function(){return z})),n.d(t,"b",(function(){return W}));function z(e){var t,n=e.childComponent,s=e.staticChildren,d=D(a.useReducer(_,C),2),g=d[0],p=d[1],y=D(a.useState(null),2),v=y[0],b=y[1],h={container:a.useRef(null),firstElement:a.useRef(null),lastElement:a.useRef(null)};!function(e,t){var n,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],i=function(){e(),window.clearTimeout(n),n=window.setTimeout(t,100)};a.useEffect((function(){return window.addEventListener("resize",t?i:e),function(){return window.removeEventListener("resize",t?i:e)}}),l(r))}(function(e,t){return function(){e.container.current&&(e.container.current.style.transition=""),t({type:S.a.Resize,payload:e})}}(h,p),(t=h.container,function(){t.current&&(t.current.style.transition="transform .4s ease-in-out")}));var w=Object(u.a)(!e.lazyLoad),k=w.ref,M=w.inView,U=e.collection;!e.collection&&i.a.isFunction(e.fetch)&&(U=e.fetch(M)),a.useEffect((function(){U&&!r.a.isEmpty(U)&&p({type:S.a.Init,payload:h})}),[U]);var z=a.useMemo((function(){var t;if(U){var r,i;if(null===(t=s)||void 0===t?void 0:t.length){var o=c.a.findWhere(s,{position:"start"}),l=c.a.findWhere(s,{position:"end"});r=o?o.component:null,i=l?l.component:null}var u=U.map((function(t,o){var l,s,u;return t!==c.a.first(U)||r||(u=h.firstElement),t!==c.a.last(U)||i||(u=h.lastElement),a.createElement("div",{key:t.id,ref:u,className:T.a.itemSpacing},a.createElement(n,{data:t,appLink:e.childAppLink,analyticsData:Object.assign({itemIndex:o},null===(l=e)||void 0===l?void 0:l.analyticsData),analyticsOptions:Object.assign(Object.assign({},null===(s=e)||void 0===s?void 0:s.analyticsOptions),O.a.getSliderItemAnalyticsOptions())}))}));return r&&u.unshift(a.createElement("div",{key:"first-widget-component",ref:h.firstElement,className:T.a.itemSpacing},a.createElement(r,null))),i&&u.push(a.createElement("div",{key:"end-widget-component",ref:h.lastElement,className:T.a.itemSpacing},a.createElement(i,null))),a.createElement(a.Fragment,null,u)}}),[U]);if(U&&!U.length)return a.createElement(a.Fragment,null);if(!U||r.a.isEmpty(U))return a.createElement("div",{ref:k},a.createElement(W,null));var F=function(t){return Object.assign(Object.assign({},e.analyticsData),{name:o.a.getPhrase("shared.dynamicWidget",e.headingPhraseKey),direction:t===S.a.Next?"right":"left"})};return a.createElement(a.Fragment,null,function(){if(!e.headingPhraseKey)return a.createElement(a.Fragment,null);var t="topics"===e.headingPhraseKey;return a.createElement(A.a,{appLink:e.headingAppLink},a.createElement("h2",{className:"".concat(T.a.heading," ").concat(e.headingAppLink?T.a.link:""," h4 d-inline-block mr-2 pl-1 mb-2")},a.createElement(j.b,{namespace:"shared.dynamicWidget",phrase:e.headingPhraseKey}),t&&a.createElement(P.a,{svgName:L.b.ChevronRight,size:P.b.Small})))}(),a.createElement("div",{className:"position-relative px-1"},a.createElement(f.a,{direction:f.b.Left,onClick:function(){p({type:S.a.Previous}),N.a.logUserAction(F(S.a.Previous),O.a.getSliderAnalyticsOptions())},hide:g.hideLeftButton,useGradientBackdrop:!0}),a.createElement("div",{className:"overflow-hidden"},a.createElement(E.a,{position:g.offset,positionType:m.a.Pixels,onDrag:x(h.container,g,p,v,b),onDragEnd:R(h.container,b),onTouchMove:I(h.container,g,p,v,b),onTouchEnd:B(h.container,b),ref:h.container},z)),a.createElement(f.a,{direction:f.b.Right,onClick:function(){p({type:S.a.Next}),N.a.logUserAction(F(S.a.Next),O.a.getSliderAnalyticsOptions())},hide:g.hideRightButton,useGradientBackdrop:!0})))}var F=w.a.getPartialLoadingItems(),W=function(){return a.createElement("div",{className:"pb-3 d-flex flex-nowrap"},F.map((function(e,t){return a.createElement(h,{key:t})})))}},1216:function(e,t,n){e.exports={widgetItem:"_1oyw1",imagePanel:"_1UOVG",image:"_1_BF4",large:"_1EtWs",comingSoonPanel:"_3js2e",name:"_3csgE",clamped:"_1y2oG",editSubjectsItem:"_1yBMf",allSubjectsItem:"_2oBMH",logoContainer:"T3Lym"}},1408:function(e,t,n){e.exports={itemSpacing:"_10Pgb",heading:"_2uNzU",link:"_3IGFJ"}}}]);