@bigbinary/neeto-team-members-frontend 2.3.2 → 2.3.4

package/README.md

@@ -12,13 +12,13 @@ functioning of the package. Install all the peer dependencies using the below
 command:
 
     ```zsh
-    yarn add @bigbinary/neeto-icons@1.8.37 @bigbinary/neetoui@3.5.17 axios@0.27.2 classnames@2.3.1 formik@2.2.9 ramda@0.28.0 react-router-dom@5.3.3 react-toastify@9.0.8 yup@0.32.11
+    yarn add @bigbinary/neeto-icons@1.8.37 @bigbinary/neetoui@3.5.17 axios@0.27.2 classnames@2.3.2 formik@2.2.9 ramda@0.28.0 react-router-dom@5.3.3 react-toastify@9.0.8 yup@0.32.11
     ```
 
 2. Now install the latest **neetoTeamMembers** package using the below command:
 
     ```zsh
-    yarn add @bigbinary/neeto-team-members-frontend@2.3.2
+    yarn add @bigbinary/neeto-team-members-frontend@2.3.4
     ```
 
 ## Usage
@@ -106,5 +106,5 @@ live update.
 | neetoWireframe | :white_check_mark: | :white_check_mark: |                    |
 | neetoAuth      | :x:                | :x:                |                    |
 | neetoChat      | :x:                | :x:                |                    |
-| neetoDesk      | :x:                | :x:                |                    |
+| neetoDesk      | :x:                | :white_check_mark: |                    |
 | neetoInvoice   | :x:                | :x:                |                    |

package/dist/index.cjs.js

@@ -8599,6 +8599,7 @@ Dropzone.propTypes = {
    */
   validator: propTypes.exports.func
 };
+var Dropzone$1 = Dropzone;
 /**
  * A function that is invoked for the `dragenter`,
  * `dragover` and `dragleave` events.
@@ -9288,7 +9289,7 @@ function noop() {}
 const Uploader = _ref => {
   let sampleFileUrl = _ref.sampleFileUrl,
       csvColumns = _ref.csvColumns;
-  return /*#__PURE__*/React__default["default"].createElement(Dropzone, {
+  return /*#__PURE__*/React__default["default"].createElement(Dropzone$1, {
     onDrop: noop$2
   }, _ref2 => {
     let getRootProps = _ref2.getRootProps,
@@ -9325,6 +9326,7 @@ const Uploader = _ref => {
   });
 };
 
+/* eslint-disable @bigbinary/neeto/no-dangling-constants */
 const DATETIME_OPTIONS = {
   year: "numeric",
   month: "short",
@@ -9456,7 +9458,7 @@ const inviteLinksApi = {
   destroy: destroy$1
 };
 
-const DEFAULT_STALE_TIME = 60000; // 1 minute
+const DEFAULT_STALE_TIME = 300000; // 5 minutes
 
 const INVITATIONS_STALE_TIME = 3600000; //1 hour
 
@@ -12352,11 +12354,33 @@ const renderDropdownButton = (_ref2, handleUpdateStatus, handleUpdateRole, permi
   })))));
 };
 
-const getColumnData = _ref3 => {
-  let memberFilter = _ref3.memberFilter,
-      handleUpdateStatus = _ref3.handleUpdateStatus,
-      handleUpdateRole = _ref3.handleUpdateRole,
-      permissions = _ref3.permissions;
+const getDefaultAlertTitle = _ref3 => {
+  let member = _ref3.member,
+      metaName = _ref3.metaName;
+  return member !== null && member !== void 0 && member.active ? instance.t("common.deactivate_", {
+    what: instance.t(metaName, SINGULAR).toLocaleLowerCase()
+  }) : instance.t("common.activate_", {
+    what: instance.t(metaName, SINGULAR).toLocaleLowerCase()
+  });
+};
+
+const getDefaultAlertMessage = _ref4 => {
+  let member = _ref4.member,
+      metaName = _ref4.metaName;
+  return member !== null && member !== void 0 && member.active ? instance.t("alerts.deactivating_", {
+    what: instance.t(metaName, SINGULAR).toLocaleLowerCase(),
+    person: member === null || member === void 0 ? void 0 : member.name
+  }) : instance.t("alerts.activating_", {
+    what: instance.t(metaName, SINGULAR).toLocaleLowerCase(),
+    person: member === null || member === void 0 ? void 0 : member.name
+  });
+};
+
+const getColumnData = _ref5 => {
+  let memberFilter = _ref5.memberFilter,
+      handleUpdateStatus = _ref5.handleUpdateStatus,
+      handleUpdateRole = _ref5.handleUpdateRole,
+      permissions = _ref5.permissions;
   const diplayStatusTag = ramda.identical(memberFilter, MEMBER_FILTER.ALL.value);
   return [{
     title: instance.t("common.name"),
@@ -12386,39 +12410,23 @@ const getColumnData = _ref3 => {
 const renderHeaderTitle = (filterStatus, metaName) => instance.t(`common.${ramda.toLower(filterStatus)}_`, {
   what: instance.t(metaName, PLURAL).toLocaleLowerCase()
 });
-const renderUpdateAlertTitle = (member, metaName, config) => {
+const renderUpdateAlert = (field, props) => {
   var _config$alert;
 
-  if (config !== null && config !== void 0 && (_config$alert = config.alert) !== null && _config$alert !== void 0 && _config$alert.title) {
-    return config.alert.title({
-      name: member === null || member === void 0 ? void 0 : member.name,
-      active: member === null || member === void 0 ? void 0 : member.active
-    });
-  }
+  const config = props.config,
+        member = props.member;
 
-  return member !== null && member !== void 0 && member.active ? instance.t("common.deactivate_", {
-    what: instance.t(metaName, SINGULAR).toLocaleLowerCase()
-  }) : instance.t("common.activate_", {
-    what: instance.t(metaName, SINGULAR).toLocaleLowerCase()
-  });
-};
-const renderUpdateAlertMessage = (member, metaName, config) => {
-  var _config$alert2;
+  if (config !== null && config !== void 0 && (_config$alert = config.alert) !== null && _config$alert !== void 0 && _config$alert[field]) {
+    var _config$alert2;
 
-  if (config !== null && config !== void 0 && (_config$alert2 = config.alert) !== null && _config$alert2 !== void 0 && _config$alert2.message) {
-    return config.alert.message({
-      name: member === null || member === void 0 ? void 0 : member.name,
-      active: member === null || member === void 0 ? void 0 : member.active
+    return (_config$alert2 = config.alert) === null || _config$alert2 === void 0 ? void 0 : _config$alert2[field]({
+      active: member === null || member === void 0 ? void 0 : member.active,
+      id: member === null || member === void 0 ? void 0 : member.id,
+      name: member === null || member === void 0 ? void 0 : member.name
     });
   }
 
-  return member !== null && member !== void 0 && member.active ? instance.t("alerts.deactivating_", {
-    what: instance.t(metaName, SINGULAR).toLocaleLowerCase(),
-    person: member === null || member === void 0 ? void 0 : member.name
-  }) : instance.t("alerts.activating_", {
-    what: instance.t(metaName, SINGULAR).toLocaleLowerCase(),
-    person: member === null || member === void 0 ? void 0 : member.name
-  });
+  return field === "title" ? getDefaultAlertTitle(props) : getDefaultAlertMessage(props);
 };
 const getSearchParams = (page, filter) => new URLSearchParams(_objectSpread$1(_objectSpread$1({}, page), {}, {
   filter: filter.toLowerCase()
@@ -12472,15 +12480,21 @@ const renderPayload = function (_ref) {
 };
 
 const ManageMember = _ref => {
-  let metaName = _ref.metaName,
+  let config = _ref.config,
       isOpen = _ref.isOpen,
+      metaName = _ref.metaName,
       onClose = _ref.onClose,
       _ref$roles = _ref.roles,
       roles = _ref$roles === void 0 ? [] : _ref$roles,
       selectedMember = _ref.selectedMember;
 
   const _useCreateMember = useCreateMember({
-    onSuccess: onClose
+    onSuccess: () => {
+      var _config$createMember, _config$createMember$;
+
+      onClose();
+      config === null || config === void 0 ? void 0 : (_config$createMember = config.createMember) === null || _config$createMember === void 0 ? void 0 : (_config$createMember$ = _config$createMember.onSuccess) === null || _config$createMember$ === void 0 ? void 0 : _config$createMember$.callback();
+    }
   }),
         createMember = _useCreateMember.mutate,
         isCreatingMember = _useCreateMember.isLoading;
@@ -12668,6 +12682,11 @@ const TeamMembers = _ref => {
       }));
     }
   };
+  const updateMemberAlertProps = {
+    member: selectedMember,
+    metaName,
+    config
+  };
 
   const handleUpdateMember = async () => {
     const id = selectedMember.id,
@@ -12777,15 +12796,16 @@ const TeamMembers = _ref => {
       onClick: () => setIsOpen(ramda.assoc("manageMember", true))
     })
   })), /*#__PURE__*/React__default["default"].createElement(ManageMember, {
-    metaName: metaName,
+    config: config,
     isOpen: isOpen.manageMember,
+    metaName: metaName,
     onClose: handleModalClose,
     roles: roles,
     selectedMember: selectedMember
   }), /*#__PURE__*/React__default["default"].createElement(neetoui.Alert, {
     isOpen: isOpen.alert,
-    title: renderUpdateAlertTitle(selectedMember, metaName, config),
-    message: renderUpdateAlertMessage(selectedMember, metaName, config),
+    title: renderUpdateAlert("title", updateMemberAlertProps),
+    message: renderUpdateAlert("message", updateMemberAlertProps),
     submitButtonLabel: instance.t("buttons.proceed"),
     cancelButtonLabel: instance.t("buttons.cancel"),
     onClose: handleAlertClose,