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

package/dist/scripts/80.chunk.js

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

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

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

package/dist/scripts/81-8c42a24988.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[81],{1501:function(e,a,t){"use strict";t.r(a);var r=t(0),n=t.n(r),c=t(76),s=t(19),l=t(9),i=t(304),o=t(2),m=t(91),u=t(161),p=t(101),d=t(70),E=t(141),h=t(998),g=t(1093),y=t(1045),b=t(3),f=t(970),v=t(1222),S=t(1217),N=t(1218),M=t(1074),U=t(1048),w=t(1219),A=t(162),O=t(7),P=t(13),j=t(17),L=t(184),k=t(212),T=t(993),_=t(1072),R={application:O.a.USER_MANAGER,action:P.a.UserManager.CREATE_USER,params:{userType:E.a.Learner}};function F(){return n.a.createElement(m.a.Provider,{value:"userManager.schoolStudentManagerEmptyState"},n.a.createElement("div",{className:"text-center py-5"},n.a.createElement(T.a,{src:k.a.EmptyStates.USER_MANAGER}),n.a.createElement("h2",{className:"h6"},n.a.createElement(m.b,{phrase:"heading"})),n.a.createElement("p",{className:"w-33 mx-auto"},n.a.createElement(m.b,{phrase:"info"})),n.a.createElement("p",{className:"pb-3"},n.a.createElement(m.b,{phrase:"template",options:{templateLink:_.a.STUDENTS}})),n.a.createElement("div",{className:"d-flex justify-content-center align-items-center"},n.a.createElement("div",{className:"px-1"},n.a.createElement(L.a,{className:"btn btn-secondary",appLink:R,svgName:j.b.Plus},n.a.createElement(m.b,{phrase:"addNew"}))),n.a.createElement("div",{className:"px-1"},n.a.createElement(L.a,{appLink:{application:O.a.USER_MANAGER,action:P.a.UserManager.BULK_USER_UPLOAD_POPUP,params:{userType:E.a.Learner}},className:"btn btn-secondary",svgName:j.b.Upload},n.a.createElement(m.b,{phrase:"uploadAList"}))))))}function q(e,a){return function(e){if(Array.isArray(e))return e}(e)||function(e,a){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var t=[],r=!0,n=!1,c=void 0;try{for(var s,l=e[Symbol.iterator]();!(r=(s=l.next()).done)&&(t.push(s.value),!a||t.length!==a);r=!0);}catch(e){n=!0,c=e}finally{try{r||null==l.return||l.return()}finally{if(n)throw c}}return t}(e,a)||function(e,a){if(!e)return;if("string"==typeof e)return B(e,a);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return B(e,a)}(e,a)||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,a){(null==a||a>e.length)&&(a=e.length);for(var t=0,r=new Array(a);t<a;t++)r[t]=e[t];return r}t.d(a,"SchoolStudentManagerView",(function(){return x}));var G=l.a.encloseNamespace("userManager.schoolStudentManager"),I={application:O.a.USER_MANAGER,action:P.a.UserManager.STUDENTS};function x(e){Object(i.a)(G("pageTitle"));var a=Object(u.a)().hasPermissions,t=Object(c.useDispatch)(),n=q(r.useState(!1),2),l=n[0],j=n[1],L=s.a.useBasicFetch(d.a.currentUser()),k=s.a.useBasicFetch(L.data&&f.a.yearGroups(L.data.customerId));function T(a){var t;return L.data?(null===(t=e.queryParams)||void 0===t?void 0:t.query)?f.a.searchUsers(e.queryParams,a,E.a.Learner):f.a.getUsers(L.data.customerId,E.a.Learner,e.queryParams,a):null}var _,R=function(e){s.a.getFetch(t,T(e))()},B=Object(g.a)(T,R),x=B.items,C=B.hasMore,D=B.isFetching;function H(){return L.data?[U.b.SortByName(U.a.getNameSortOptions()),U.b.YearGroup(U.a.getYearGroupOptions(k.data))]:[]}return r.useEffect((function(){l||j(!0)}),[x,l]),r.useEffect((function(){j(!1)}),[e.queryParams]),a(p.a.ManageUsers)?r.createElement("div",{className:"px-3"},r.createElement("h1",{className:"pl-4"},r.createElement(m.b,{namespace:"userManager.schoolStudentManager",phrase:"heading"})),r.createElement("div",{className:"pl-4 pb-2"},r.createElement(h.b,{type:h.a.Static,data:[{name:G("settingsBreadcrumb")},{name:G("managerBreadcrumb")}],currentItem:{name:G("managerBreadcrumb")},getItemAppLink:function(){return{application:O.a.SETTINGS,action:P.a.Settings.HOME}}})),r.createElement(r.Fragment,null,(null===(_=x)||void 0===_?void 0:_.length)||Object.keys(e.queryParams).length||D?r.createElement(r.Fragment,null,r.createElement("div",{className:"pl-4 py-2 row"},r.createElement("div",{className:"col-9 pl-1"},H().length?r.createElement(M.e,{queryParams:e.queryParams,mainFilters:H(),analyticsOptions:{entity:b.d.User,location:b.j.StudentManager},hideHeading:!0,appLink:I}):r.createElement(M.c,{hideHeading:!0})),r.createElement("div",{className:"col-3"},r.createElement(N.a,{id:"school-student-search",name:"school-student-search",placeholder:G("searchBarPlaceholder"),searchAppLink:Object.assign(Object.assign({},I),{params:e.queryParams})}))),r.createElement("main",null,function(){var e;return D&&!l?r.createElement(S.a,null):(null===(e=x)||void 0===e?void 0:e.length)?r.createElement(r.Fragment,null,!!x.length&&r.createElement("p",{className:"pl-4 mb-0 font-weight-500"},r.createElement(m.b,{namespace:"userManager.schoolStudentManager",phrase:"entries",options:{smartCount:x.length}})),r.createElement("div",{className:"py-3"},r.createElement(v.a,{users:x,userType:E.a.Learner,analyticsOptions:{location:b.j.StudentManager}}),!!C&&r.createElement(y.a,{isFetching:D,onClick:R}))):r.createElement(w.a,null)}())):r.createElement(F,null))):(o.a.ErrorHelper.throw(new A.a),r.createElement(r.Fragment,null))}}}]);

package/dist/scripts/81.chunk.js

@@ -0,0 +1,172 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[81],{
+
+/***/ "../../libs/shared/src/hooks/UseAlerts.ts":
+/*!************************************************************************************!*\
+  !*** C:/ClickView/front-end/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/user-manager/views/bulk-remove-users/BulkRemoveUsersView.tsx":
+/*!*******************************************************************************!*\
+  !*** ./src/apps/user-manager/views/bulk-remove-users/BulkRemoveUsersView.tsx ***!
+  \*******************************************************************************/
+/*! exports provided: BulkRemoveUsersView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BulkRemoveUsersView", function() { return BulkRemoveUsersView; });
+/* 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_common_src_react_hooks_UseViewModel__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/hooks/UseViewModel */ "../../libs/common/src/react/hooks/UseViewModel.ts");
+/* harmony import */ var _libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseAlerts */ "../../libs/shared/src/hooks/UseAlerts.ts");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_shared_src_components_popup_PopupButtons__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/popup/PopupButtons */ "../../libs/shared/src/components/popup/PopupButtons.tsx");
+/* harmony import */ var _libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/popup/Popup */ "../../libs/shared/src/components/popup/Popup.tsx");
+/* harmony import */ var _libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_9__ = __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_10__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/enums/UserGroup */ "../../libs/shared/src/enums/UserGroup.ts");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+/* harmony import */ var apps_user_manager_flight_requests_SchoolUserRequests__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! apps/user-manager/flight-requests/SchoolUserRequests */ "./src/apps/user-manager/flight-requests/SchoolUserRequests.ts");
+/* harmony import */ var shared_constants_LiteViewModels__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! shared/constants/LiteViewModels */ "./src/shared/constants/LiteViewModels.ts");
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+function BulkRemoveUsersView(props) {
+  var namespace = props.userType === _libs_shared_src_enums_UserGroup__WEBPACK_IMPORTED_MODULE_10__["UserGroup"].Learner ? 'userManager.removeStudents' : 'userManager.removeStaff';
+  var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].encloseNamespace(namespace);
+
+  var _useViewModel = Object(_libs_common_src_react_hooks_UseViewModel__WEBPACK_IMPORTED_MODULE_4__["useViewModel"])(shared_constants_LiteViewModels__WEBPACK_IMPORTED_MODULE_14__["ViewModelKeys"].BULK_REMOVE_USERS),
+      _useViewModel2 = _slicedToArray(_useViewModel, 1),
+      users = _useViewModel2[0];
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      showButtonSpinner = _React$useState2[0],
+      setShowButtonSpinner = _React$useState2[1];
+
+  var currentUser = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_9__["UserRequests"].currentUser());
+  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
+  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_5__["useAlerts"])();
+
+  function removeUsers() {
+    setShowButtonSpinner(true);
+    var data = {
+      customerId: currentUser.data.customerId,
+      users: users
+    };
+    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].fetch(dispatch, apps_user_manager_flight_requests_SchoolUserRequests__WEBPACK_IMPORTED_MODULE_13__["SchoolUserRequests"].bulkRemoveUsers(data, function () {
+      setShowButtonSpinner(false);
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_11__["AnalyticsHelper"].logUserAction({
+        customerId: currentUser.data.customerId,
+        count: users.length
+      }, {
+        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_12__["UserAction"].Delete,
+        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_12__["EntityType"].User,
+        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_12__["WorkflowPhase"].Complete,
+        descriptor: users.length === 1 ? _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_12__["OperationDescriptor"].Single : _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_12__["OperationDescriptor"].Bulk,
+        location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_12__["LocationContext"].Popup
+      });
+      alerts.success(getPhrase('success', props.userType === _libs_shared_src_enums_UserGroup__WEBPACK_IMPORTED_MODULE_10__["UserGroup"].Learner ? {
+        smartCount: users.length
+      } : {
+        total: users.length
+      }));
+    }, function () {
+      alerts.error(getPhrase('error'));
+    }, function () {
+      setShowButtonSpinner(false);
+      props.closePopup();
+    }));
+  }
+
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_8__["Popup"], {
+    title: getPhrase('title'),
+    closePopup: props.closePopup,
+    showLoadingSpinner: !currentUser.data
+  }, currentUser.data && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_6__["Text"], {
+    namespace: namespace,
+    phrase: 'confirm',
+    options: props.userType === _libs_shared_src_enums_UserGroup__WEBPACK_IMPORTED_MODULE_10__["UserGroup"].Learner ? {
+      smartCount: users.length
+    } : {
+      total: users.length
+    }
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_popup_PopupButtons__WEBPACK_IMPORTED_MODULE_7__["PopupButtons"], {
+    buttons: [{
+      variant: 'link',
+      onClick: props.closePopup,
+      buttonText: getPhrase('cancel')
+    }, {
+      variant: 'danger',
+      onClick: removeUsers,
+      buttonText: getPhrase('remove'),
+      isSpinnerButton: true,
+      showSpinner: showButtonSpinner
+    }]
+  })));
+}
+
+/***/ })
+
+}]);
+//# sourceMappingURL=81.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView/front-end/clickview/packages/libs/shared/src/hooks/UseAlerts.ts","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/user-manager/views/bulk-remove-users/BulkRemoveUsersView.tsx"],"names":[],"mappings":"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","file":"scripts/81.chunk.js","sourcesContent":["import { useService } from 'libs/common/react/hooks/UseService';\r\nimport { BaseAlertService, BaseAlert, BaseAlertOptions, AlertType, DefaultAlertHeading } from 'libs/common/backbone/services/BaseAlertService';\r\nimport { CommonServices } from 'libs/common/backbone/constants/CommonServices';\r\n\r\nexport const useAlerts = () => {\r\n  const alertService = useService<BaseAlertService>(CommonServices.ALERT);\r\n\r\n  return {\r\n    success(alertContent: string | BaseAlert | BaseAlertOptions): void {\r\n      alertService.success(alertContent)();\r\n    },\r\n    error(alertContent: string | BaseAlert | BaseAlertOptions): void {\r\n      alertService.error(alertContent)();\r\n    },\r\n    warning(alertContent: string): void {\r\n      alertService.createAlert({\r\n        type: AlertType.Warning,\r\n        heading: DefaultAlertHeading.Warning,\r\n        message: alertContent\r\n      });\r\n    }\r\n  };\r\n};","import React from 'react';\r\nimport { useDispatch } from 'react-redux';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { Flight } from 'libs/common/flight';\r\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\r\n\r\nimport { PropsWithPopupViewProps, CurrentUser } from 'libs/shared/interfaces';\r\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\nimport { PopupButtons } from 'libs/shared/components/popup/PopupButtons';\r\nimport { Popup } from 'libs/shared/components/popup/Popup';\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\nimport { UserAction, EntityType, WorkflowPhase, OperationDescriptor, LocationContext } from 'libs/analytics/interfaces';\r\n\r\nimport { SchoolUserRequests } from 'apps/user-manager/flight-requests/SchoolUserRequests';\r\nimport { ViewModelKeys } from 'shared/constants/LiteViewModels';\r\n\r\ntype BulkRemoveUsersViewProps = PropsWithPopupViewProps<{\r\n  userType: UserGroup;\r\n}>;\r\n\r\nexport function BulkRemoveUsersView(props: BulkRemoveUsersViewProps): JSX.Element {\r\n  const namespace = props.userType === UserGroup.Learner\r\n    ? 'userManager.removeStudents'\r\n    : 'userManager.removeStaff';\r\n\r\n  const getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\n  const [users] = useViewModel<Array<{ userId: string; username: string; }>>(ViewModelKeys.BULK_REMOVE_USERS);\r\n\r\n  const [ showButtonSpinner, setShowButtonSpinner ] = React.useState(false);\r\n\r\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\r\n\r\n  const dispatch = useDispatch();\r\n  const alerts = useAlerts();\r\n\r\n  function removeUsers(): void {\r\n    setShowButtonSpinner(true);\r\n\r\n    const data = {\r\n      customerId: currentUser.data.customerId,\r\n      users\r\n    };\r\n\r\n    Flight.fetch(dispatch, SchoolUserRequests.bulkRemoveUsers(data, () => {\r\n      setShowButtonSpinner(false);\r\n\r\n      AnalyticsHelper.logUserAction({\r\n        customerId: currentUser.data.customerId,\r\n        count: users.length\r\n      }, {\r\n        actionType: UserAction.Delete,\r\n        entity: EntityType.User,\r\n        workflowPhase: WorkflowPhase.Complete,\r\n        descriptor: users.length === 1 ? OperationDescriptor.Single : OperationDescriptor.Bulk,\r\n        location: LocationContext.Popup\r\n      });\r\n\r\n      alerts.success(getPhrase('success', props.userType === UserGroup.Learner\r\n        ? { smartCount: users.length }\r\n        : { total: users.length }\r\n      ));\r\n    }, () => {\r\n      alerts.error(getPhrase('error'));\r\n    }, () => {\r\n      setShowButtonSpinner(false);\r\n      props.closePopup();\r\n    }));\r\n  }\r\n\r\n  return (\r\n    <Popup title={getPhrase('title')} closePopup={props.closePopup} showLoadingSpinner={!currentUser.data}>\r\n      {currentUser.data && (\r\n        <>\r\n          <p>\r\n            <Text\r\n              namespace={namespace}\r\n              phrase='confirm'\r\n              options={props.userType === UserGroup.Learner\r\n                ? { smartCount: users.length }\r\n                : { total: users.length }\r\n              }\r\n            />\r\n          </p>\r\n\r\n          <PopupButtons buttons={[\r\n            {\r\n              variant: 'link',\r\n              onClick: props.closePopup,\r\n              buttonText: getPhrase('cancel')\r\n            },\r\n            {\r\n              variant: 'danger',\r\n              onClick: removeUsers,\r\n              buttonText: getPhrase('remove'),\r\n              isSpinnerButton: true,\r\n              showSpinner: showButtonSpinner\r\n            }\r\n          ]} />\r\n        </>\r\n      )}\r\n    </Popup>\r\n  );\r\n}"],"sourceRoot":""}

package/dist/scripts/{71-2f6c3be43a.chunk.js → 82-3326a696b2.chunk.js}

@@ -1 +1 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[71],{927:function(t,e){!function(){"use strict";if("object"==typeof window)if("IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype)"isIntersecting"in window.IntersectionObserverEntry.prototype||Object.defineProperty(window.IntersectionObserverEntry.prototype,"isIntersecting",{get:function(){return this.intersectionRatio>0}});else{var t=function(t){for(var e=window.document,n=i(e);n;)n=i(e=n.ownerDocument);return e}(),e=[],n=null,o=null;s.prototype.THROTTLE_TIMEOUT=100,s.prototype.POLL_INTERVAL=null,s.prototype.USE_MUTATION_OBSERVER=!0,s._setupCrossOriginUpdater=function(){return n||(n=function(t,n){o=t&&n?l(t,n):{top:0,bottom:0,left:0,right:0,width:0,height:0},e.forEach((function(t){t._checkForIntersections()}))}),n},s._resetCrossOriginUpdater=function(){n=null,o=null},s.prototype.observe=function(t){if(!this._observationTargets.some((function(e){return e.element==t}))){if(!t||1!=t.nodeType)throw new Error("target must be an Element");this._registerInstance(),this._observationTargets.push({element:t,entry:null}),this._monitorIntersections(t.ownerDocument),this._checkForIntersections()}},s.prototype.unobserve=function(t){this._observationTargets=this._observationTargets.filter((function(e){return e.element!=t})),this._unmonitorIntersections(t.ownerDocument),0==this._observationTargets.length&&this._unregisterInstance()},s.prototype.disconnect=function(){this._observationTargets=[],this._unmonitorAllIntersections(),this._unregisterInstance()},s.prototype.takeRecords=function(){var t=this._queuedEntries.slice();return this._queuedEntries=[],t},s.prototype._initThresholds=function(t){var e=t||[0];return Array.isArray(e)||(e=[e]),e.sort().filter((function(t,e,n){if("number"!=typeof t||isNaN(t)||t<0||t>1)throw new Error("threshold must be a number between 0 and 1 inclusively");return t!==n[e-1]}))},s.prototype._parseRootMargin=function(t){var e=(t||"0px").split(/\s+/).map((function(t){var e=/^(-?\d*\.?\d+)(px|%)$/.exec(t);if(!e)throw new Error("rootMargin must be specified in pixels or percent");return{value:parseFloat(e[1]),unit:e[2]}}));return e[1]=e[1]||e[0],e[2]=e[2]||e[0],e[3]=e[3]||e[1],e},s.prototype._monitorIntersections=function(e){var n=e.defaultView;if(n&&-1==this._monitoringDocuments.indexOf(e)){var o=this._checkForIntersections,r=null,s=null;if(this.POLL_INTERVAL?r=n.setInterval(o,this.POLL_INTERVAL):(h(n,"resize",o,!0),h(e,"scroll",o,!0),this.USE_MUTATION_OBSERVER&&"MutationObserver"in n&&(s=new n.MutationObserver(o)).observe(e,{attributes:!0,childList:!0,characterData:!0,subtree:!0})),this._monitoringDocuments.push(e),this._monitoringUnsubscribes.push((function(){var t=e.defaultView;t&&(r&&t.clearInterval(r),c(t,"resize",o,!0)),c(e,"scroll",o,!0),s&&s.disconnect()})),e!=(this.root&&this.root.ownerDocument||t)){var u=i(e);u&&this._monitorIntersections(u.ownerDocument)}}},s.prototype._unmonitorIntersections=function(e){var n=this._monitoringDocuments.indexOf(e);if(-1!=n){var o=this.root&&this.root.ownerDocument||t;if(!this._observationTargets.some((function(t){var n=t.element.ownerDocument;if(n==e)return!0;for(;n&&n!=o;){var r=i(n);if((n=r&&r.ownerDocument)==e)return!0}return!1}))){var r=this._monitoringUnsubscribes[n];if(this._monitoringDocuments.splice(n,1),this._monitoringUnsubscribes.splice(n,1),r(),e!=o){var s=i(e);s&&this._unmonitorIntersections(s.ownerDocument)}}}},s.prototype._unmonitorAllIntersections=function(){var t=this._monitoringUnsubscribes.slice(0);this._monitoringDocuments.length=0,this._monitoringUnsubscribes.length=0;for(var e=0;e<t.length;e++)t[e]()},s.prototype._checkForIntersections=function(){if(this.root||!n||o){var t=this._rootIsInDom(),e=t?this._getRootRect():{top:0,bottom:0,left:0,right:0,width:0,height:0};this._observationTargets.forEach((function(o){var i=o.element,s=u(i),h=this._rootContainsTarget(i),c=o.entry,a=t&&h&&this._computeTargetAndRootIntersection(i,s,e),l=o.entry=new r({time:window.performance&&performance.now&&performance.now(),target:i,boundingClientRect:s,rootBounds:n&&!this.root?null:e,intersectionRect:a});c?t&&h?this._hasCrossedThreshold(c,l)&&this._queuedEntries.push(l):c&&c.isIntersecting&&this._queuedEntries.push(l):this._queuedEntries.push(l)}),this),this._queuedEntries.length&&this._callback(this.takeRecords(),this)}},s.prototype._computeTargetAndRootIntersection=function(e,i,r){if("none"!=window.getComputedStyle(e).display){for(var s,h,c,a,f,d,g,m,v=i,_=p(e),w=!1;!w&&_;){var b=null,y=1==_.nodeType?window.getComputedStyle(_):{};if("none"==y.display)return null;if(_==this.root||9==_.nodeType)if(w=!0,_==this.root||_==t)n&&!this.root?!o||0==o.width&&0==o.height?(_=null,b=null,v=null):b=o:b=r;else{var I=p(_),E=I&&u(I),T=I&&this._computeTargetAndRootIntersection(I,E,r);E&&T?(_=I,b=l(E,T)):(_=null,v=null)}else{var R=_.ownerDocument;_!=R.body&&_!=R.documentElement&&"visible"!=y.overflow&&(b=u(_))}if(b&&(s=b,h=v,c=void 0,a=void 0,f=void 0,d=void 0,g=void 0,m=void 0,c=Math.max(s.top,h.top),a=Math.min(s.bottom,h.bottom),f=Math.max(s.left,h.left),d=Math.min(s.right,h.right),m=a-c,v=(g=d-f)>=0&&m>=0&&{top:c,bottom:a,left:f,right:d,width:g,height:m}||null),!v)break;_=_&&p(_)}return v}},s.prototype._getRootRect=function(){var e;if(this.root)e=u(this.root);else{var n=t.documentElement,o=t.body;e={top:0,left:0,right:n.clientWidth||o.clientWidth,width:n.clientWidth||o.clientWidth,bottom:n.clientHeight||o.clientHeight,height:n.clientHeight||o.clientHeight}}return this._expandRectByRootMargin(e)},s.prototype._expandRectByRootMargin=function(t){var e=this._rootMarginValues.map((function(e,n){return"px"==e.unit?e.value:e.value*(n%2?t.width:t.height)/100})),n={top:t.top-e[0],right:t.right+e[1],bottom:t.bottom+e[2],left:t.left-e[3]};return n.width=n.right-n.left,n.height=n.bottom-n.top,n},s.prototype._hasCrossedThreshold=function(t,e){var n=t&&t.isIntersecting?t.intersectionRatio||0:-1,o=e.isIntersecting?e.intersectionRatio||0:-1;if(n!==o)for(var i=0;i<this.thresholds.length;i++){var r=this.thresholds[i];if(r==n||r==o||r<n!=r<o)return!0}},s.prototype._rootIsInDom=function(){return!this.root||f(t,this.root)},s.prototype._rootContainsTarget=function(e){return f(this.root||t,e)&&(!this.root||this.root.ownerDocument==e.ownerDocument)},s.prototype._registerInstance=function(){e.indexOf(this)<0&&e.push(this)},s.prototype._unregisterInstance=function(){var t=e.indexOf(this);-1!=t&&e.splice(t,1)},window.IntersectionObserver=s,window.IntersectionObserverEntry=r}function i(t){try{return t.defaultView&&t.defaultView.frameElement||null}catch(t){return null}}function r(t){this.time=t.time,this.target=t.target,this.rootBounds=a(t.rootBounds),this.boundingClientRect=a(t.boundingClientRect),this.intersectionRect=a(t.intersectionRect||{top:0,bottom:0,left:0,right:0,width:0,height:0}),this.isIntersecting=!!t.intersectionRect;var e=this.boundingClientRect,n=e.width*e.height,o=this.intersectionRect,i=o.width*o.height;this.intersectionRatio=n?Number((i/n).toFixed(4)):this.isIntersecting?1:0}function s(t,e){var n,o,i,r=e||{};if("function"!=typeof t)throw new Error("callback must be a function");if(r.root&&1!=r.root.nodeType)throw new Error("root must be an Element");this._checkForIntersections=(n=this._checkForIntersections.bind(this),o=this.THROTTLE_TIMEOUT,i=null,function(){i||(i=setTimeout((function(){n(),i=null}),o))}),this._callback=t,this._observationTargets=[],this._queuedEntries=[],this._rootMarginValues=this._parseRootMargin(r.rootMargin),this.thresholds=this._initThresholds(r.threshold),this.root=r.root||null,this.rootMargin=this._rootMarginValues.map((function(t){return t.value+t.unit})).join(" "),this._monitoringDocuments=[],this._monitoringUnsubscribes=[]}function h(t,e,n,o){"function"==typeof t.addEventListener?t.addEventListener(e,n,o||!1):"function"==typeof t.attachEvent&&t.attachEvent("on"+e,n)}function c(t,e,n,o){"function"==typeof t.removeEventListener?t.removeEventListener(e,n,o||!1):"function"==typeof t.detatchEvent&&t.detatchEvent("on"+e,n)}function u(t){var e;try{e=t.getBoundingClientRect()}catch(t){}return e?(e.width&&e.height||(e={top:e.top,right:e.right,bottom:e.bottom,left:e.left,width:e.right-e.left,height:e.bottom-e.top}),e):{top:0,bottom:0,left:0,right:0,width:0,height:0}}function a(t){return!t||"x"in t?t:{top:t.top,y:t.top,bottom:t.bottom,left:t.left,x:t.left,right:t.right,width:t.width,height:t.height}}function l(t,e){var n=e.top-t.top,o=e.left-t.left;return{top:n,left:o,height:e.height,width:e.width,bottom:n+e.height,right:o+e.width}}function f(t,e){for(var n=e;n;){if(n==t)return!0;n=p(n)}return!1}function p(e){var n=e.parentNode;return 9==e.nodeType&&e!=t?i(e):n&&11==n.nodeType&&n.host?n.host:n&&n.assignedSlot?n.assignedSlot.parentNode:n}}()}}]);
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[82],{957:function(t,e){!function(){"use strict";if("object"==typeof window)if("IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype)"isIntersecting"in window.IntersectionObserverEntry.prototype||Object.defineProperty(window.IntersectionObserverEntry.prototype,"isIntersecting",{get:function(){return this.intersectionRatio>0}});else{var t=function(t){for(var e=window.document,n=i(e);n;)n=i(e=n.ownerDocument);return e}(),e=[],n=null,o=null;s.prototype.THROTTLE_TIMEOUT=100,s.prototype.POLL_INTERVAL=null,s.prototype.USE_MUTATION_OBSERVER=!0,s._setupCrossOriginUpdater=function(){return n||(n=function(t,n){o=t&&n?l(t,n):{top:0,bottom:0,left:0,right:0,width:0,height:0},e.forEach((function(t){t._checkForIntersections()}))}),n},s._resetCrossOriginUpdater=function(){n=null,o=null},s.prototype.observe=function(t){if(!this._observationTargets.some((function(e){return e.element==t}))){if(!t||1!=t.nodeType)throw new Error("target must be an Element");this._registerInstance(),this._observationTargets.push({element:t,entry:null}),this._monitorIntersections(t.ownerDocument),this._checkForIntersections()}},s.prototype.unobserve=function(t){this._observationTargets=this._observationTargets.filter((function(e){return e.element!=t})),this._unmonitorIntersections(t.ownerDocument),0==this._observationTargets.length&&this._unregisterInstance()},s.prototype.disconnect=function(){this._observationTargets=[],this._unmonitorAllIntersections(),this._unregisterInstance()},s.prototype.takeRecords=function(){var t=this._queuedEntries.slice();return this._queuedEntries=[],t},s.prototype._initThresholds=function(t){var e=t||[0];return Array.isArray(e)||(e=[e]),e.sort().filter((function(t,e,n){if("number"!=typeof t||isNaN(t)||t<0||t>1)throw new Error("threshold must be a number between 0 and 1 inclusively");return t!==n[e-1]}))},s.prototype._parseRootMargin=function(t){var e=(t||"0px").split(/\s+/).map((function(t){var e=/^(-?\d*\.?\d+)(px|%)$/.exec(t);if(!e)throw new Error("rootMargin must be specified in pixels or percent");return{value:parseFloat(e[1]),unit:e[2]}}));return e[1]=e[1]||e[0],e[2]=e[2]||e[0],e[3]=e[3]||e[1],e},s.prototype._monitorIntersections=function(e){var n=e.defaultView;if(n&&-1==this._monitoringDocuments.indexOf(e)){var o=this._checkForIntersections,r=null,s=null;if(this.POLL_INTERVAL?r=n.setInterval(o,this.POLL_INTERVAL):(h(n,"resize",o,!0),h(e,"scroll",o,!0),this.USE_MUTATION_OBSERVER&&"MutationObserver"in n&&(s=new n.MutationObserver(o)).observe(e,{attributes:!0,childList:!0,characterData:!0,subtree:!0})),this._monitoringDocuments.push(e),this._monitoringUnsubscribes.push((function(){var t=e.defaultView;t&&(r&&t.clearInterval(r),c(t,"resize",o,!0)),c(e,"scroll",o,!0),s&&s.disconnect()})),e!=(this.root&&this.root.ownerDocument||t)){var u=i(e);u&&this._monitorIntersections(u.ownerDocument)}}},s.prototype._unmonitorIntersections=function(e){var n=this._monitoringDocuments.indexOf(e);if(-1!=n){var o=this.root&&this.root.ownerDocument||t;if(!this._observationTargets.some((function(t){var n=t.element.ownerDocument;if(n==e)return!0;for(;n&&n!=o;){var r=i(n);if((n=r&&r.ownerDocument)==e)return!0}return!1}))){var r=this._monitoringUnsubscribes[n];if(this._monitoringDocuments.splice(n,1),this._monitoringUnsubscribes.splice(n,1),r(),e!=o){var s=i(e);s&&this._unmonitorIntersections(s.ownerDocument)}}}},s.prototype._unmonitorAllIntersections=function(){var t=this._monitoringUnsubscribes.slice(0);this._monitoringDocuments.length=0,this._monitoringUnsubscribes.length=0;for(var e=0;e<t.length;e++)t[e]()},s.prototype._checkForIntersections=function(){if(this.root||!n||o){var t=this._rootIsInDom(),e=t?this._getRootRect():{top:0,bottom:0,left:0,right:0,width:0,height:0};this._observationTargets.forEach((function(o){var i=o.element,s=u(i),h=this._rootContainsTarget(i),c=o.entry,a=t&&h&&this._computeTargetAndRootIntersection(i,s,e),l=o.entry=new r({time:window.performance&&performance.now&&performance.now(),target:i,boundingClientRect:s,rootBounds:n&&!this.root?null:e,intersectionRect:a});c?t&&h?this._hasCrossedThreshold(c,l)&&this._queuedEntries.push(l):c&&c.isIntersecting&&this._queuedEntries.push(l):this._queuedEntries.push(l)}),this),this._queuedEntries.length&&this._callback(this.takeRecords(),this)}},s.prototype._computeTargetAndRootIntersection=function(e,i,r){if("none"!=window.getComputedStyle(e).display){for(var s,h,c,a,f,d,g,m,v=i,_=p(e),w=!1;!w&&_;){var b=null,y=1==_.nodeType?window.getComputedStyle(_):{};if("none"==y.display)return null;if(_==this.root||9==_.nodeType)if(w=!0,_==this.root||_==t)n&&!this.root?!o||0==o.width&&0==o.height?(_=null,b=null,v=null):b=o:b=r;else{var I=p(_),E=I&&u(I),T=I&&this._computeTargetAndRootIntersection(I,E,r);E&&T?(_=I,b=l(E,T)):(_=null,v=null)}else{var R=_.ownerDocument;_!=R.body&&_!=R.documentElement&&"visible"!=y.overflow&&(b=u(_))}if(b&&(s=b,h=v,c=void 0,a=void 0,f=void 0,d=void 0,g=void 0,m=void 0,c=Math.max(s.top,h.top),a=Math.min(s.bottom,h.bottom),f=Math.max(s.left,h.left),d=Math.min(s.right,h.right),m=a-c,v=(g=d-f)>=0&&m>=0&&{top:c,bottom:a,left:f,right:d,width:g,height:m}||null),!v)break;_=_&&p(_)}return v}},s.prototype._getRootRect=function(){var e;if(this.root)e=u(this.root);else{var n=t.documentElement,o=t.body;e={top:0,left:0,right:n.clientWidth||o.clientWidth,width:n.clientWidth||o.clientWidth,bottom:n.clientHeight||o.clientHeight,height:n.clientHeight||o.clientHeight}}return this._expandRectByRootMargin(e)},s.prototype._expandRectByRootMargin=function(t){var e=this._rootMarginValues.map((function(e,n){return"px"==e.unit?e.value:e.value*(n%2?t.width:t.height)/100})),n={top:t.top-e[0],right:t.right+e[1],bottom:t.bottom+e[2],left:t.left-e[3]};return n.width=n.right-n.left,n.height=n.bottom-n.top,n},s.prototype._hasCrossedThreshold=function(t,e){var n=t&&t.isIntersecting?t.intersectionRatio||0:-1,o=e.isIntersecting?e.intersectionRatio||0:-1;if(n!==o)for(var i=0;i<this.thresholds.length;i++){var r=this.thresholds[i];if(r==n||r==o||r<n!=r<o)return!0}},s.prototype._rootIsInDom=function(){return!this.root||f(t,this.root)},s.prototype._rootContainsTarget=function(e){return f(this.root||t,e)&&(!this.root||this.root.ownerDocument==e.ownerDocument)},s.prototype._registerInstance=function(){e.indexOf(this)<0&&e.push(this)},s.prototype._unregisterInstance=function(){var t=e.indexOf(this);-1!=t&&e.splice(t,1)},window.IntersectionObserver=s,window.IntersectionObserverEntry=r}function i(t){try{return t.defaultView&&t.defaultView.frameElement||null}catch(t){return null}}function r(t){this.time=t.time,this.target=t.target,this.rootBounds=a(t.rootBounds),this.boundingClientRect=a(t.boundingClientRect),this.intersectionRect=a(t.intersectionRect||{top:0,bottom:0,left:0,right:0,width:0,height:0}),this.isIntersecting=!!t.intersectionRect;var e=this.boundingClientRect,n=e.width*e.height,o=this.intersectionRect,i=o.width*o.height;this.intersectionRatio=n?Number((i/n).toFixed(4)):this.isIntersecting?1:0}function s(t,e){var n,o,i,r=e||{};if("function"!=typeof t)throw new Error("callback must be a function");if(r.root&&1!=r.root.nodeType)throw new Error("root must be an Element");this._checkForIntersections=(n=this._checkForIntersections.bind(this),o=this.THROTTLE_TIMEOUT,i=null,function(){i||(i=setTimeout((function(){n(),i=null}),o))}),this._callback=t,this._observationTargets=[],this._queuedEntries=[],this._rootMarginValues=this._parseRootMargin(r.rootMargin),this.thresholds=this._initThresholds(r.threshold),this.root=r.root||null,this.rootMargin=this._rootMarginValues.map((function(t){return t.value+t.unit})).join(" "),this._monitoringDocuments=[],this._monitoringUnsubscribes=[]}function h(t,e,n,o){"function"==typeof t.addEventListener?t.addEventListener(e,n,o||!1):"function"==typeof t.attachEvent&&t.attachEvent("on"+e,n)}function c(t,e,n,o){"function"==typeof t.removeEventListener?t.removeEventListener(e,n,o||!1):"function"==typeof t.detatchEvent&&t.detatchEvent("on"+e,n)}function u(t){var e;try{e=t.getBoundingClientRect()}catch(t){}return e?(e.width&&e.height||(e={top:e.top,right:e.right,bottom:e.bottom,left:e.left,width:e.right-e.left,height:e.bottom-e.top}),e):{top:0,bottom:0,left:0,right:0,width:0,height:0}}function a(t){return!t||"x"in t?t:{top:t.top,y:t.top,bottom:t.bottom,left:t.left,x:t.left,right:t.right,width:t.width,height:t.height}}function l(t,e){var n=e.top-t.top,o=e.left-t.left;return{top:n,left:o,height:e.height,width:e.width,bottom:n+e.height,right:o+e.width}}function f(t,e){for(var n=e;n;){if(n==t)return!0;n=p(n)}return!1}function p(e){var n=e.parentNode;return 9==e.nodeType&&e!=t?i(e):n&&11==n.nodeType&&n.host?n.host:n&&n.assignedSlot?n.assignedSlot.parentNode:n}}()}}]);