@bigbinary/neeto-team-members-frontend 2.3.0 → 2.3.3

package/dist/index.esm.js

@@ -8570,6 +8570,7 @@ Dropzone.propTypes = {
    */
   validator: propTypes.exports.func
 };
+var Dropzone$1 = Dropzone;
 /**
  * A function that is invoked for the `dragenter`,
  * `dragover` and `dragleave` events.
@@ -9259,7 +9260,7 @@ function noop() {}
 const Uploader = _ref => {
   let sampleFileUrl = _ref.sampleFileUrl,
       csvColumns = _ref.csvColumns;
-  return /*#__PURE__*/React.createElement(Dropzone, {
+  return /*#__PURE__*/React.createElement(Dropzone$1, {
     onDrop: noop$2
   }, _ref2 => {
     let getRootProps = _ref2.getRootProps,
@@ -9296,6 +9297,7 @@ const Uploader = _ref => {
   });
 };
 
+/* eslint-disable @bigbinary/neeto/no-dangling-constants */
 const DATETIME_OPTIONS = {
   year: "numeric",
   month: "short",
@@ -9333,7 +9335,7 @@ const COLUMN_DATA = [{
   title: instance.t("helpers.uploaded"),
   dataIndex: "uploaded_by",
   key: "uploaded_by",
-  render: (uploaded_by, row) => "".concat(uploaded_by, " at ").concat(new Date(row.created_at).toLocaleString("en-US", DATETIME_OPTIONS))
+  render: (uploaded_by, row) => `${uploaded_by} at ${new Date(row.created_at).toLocaleString("en-US", DATETIME_OPTIONS)}`
 }];
 const SAMPLE_ROW_DATA = [{
   key: "1",
@@ -9413,13 +9415,13 @@ const Csv = _ref => {
 const BASE_URL = "team_members";
 const INVITATIONS_URL = "neeto_invitations";
 
-const fetch$3 = params => axios.get("".concat(INVITATIONS_URL, "/invite_links"), {
+const fetch$3 = params => axios.get(`${INVITATIONS_URL}/invite_links`, {
   params
 });
 
-const create$2 = payload => axios.post("".concat(INVITATIONS_URL, "/invite_links"), payload);
+const create$2 = payload => axios.post(`${INVITATIONS_URL}/invite_links`, payload);
 
-const destroy$1 = (id, payload) => axios.delete("".concat(INVITATIONS_URL, "/invite_links/").concat(id), payload);
+const destroy$1 = (id, payload) => axios.delete(`${INVITATIONS_URL}/invite_links/${id}`, payload);
 
 const inviteLinksApi = {
   fetch: fetch$3,
@@ -9485,8 +9487,8 @@ var dist$1 = {exports: {}};
 } (dist$1));
 
 const renderTime = time => {
-  if (time.days) return "".concat(time.days, "d ").concat(time.hours, "h");else if (time.hours) return "".concat(time.hours, "h ").concat(time.minutes, "m");
-  return "".concat(time.minutes, "m ").concat(time.seconds, "s");
+  if (time.days) return `${time.days}d ${time.hours}h`;else if (time.hours) return `${time.hours}h ${time.minutes}m`;
+  return `${time.minutes}m ${time.seconds}s`;
 };
 
 const Timer = _ref => {
@@ -9532,7 +9534,7 @@ const InviteLink = _ref => {
   const showInviteLink = inviteLink && new Date(inviteLink.expiresAt) > new Date();
 
   const handleCopyInviteLink = () => {
-    navigator.clipboard.writeText("".concat(window.location.host, "/neeto_invitations/").concat(inviteLink.id));
+    navigator.clipboard.writeText(`${window.location.host}/neeto_invitations/${inviteLink.id}`);
     Toastr.info(instance.t("helpers.copiedToClipboard"));
   };
 
@@ -9690,7 +9692,7 @@ const Invitations = _ref => {
 
 var index$2 = withReactQuery(Invitations);
 
-const fetch$2 = () => axios.get("".concat(BASE_URL, "/permissions"));
+const fetch$2 = () => axios.get(`${BASE_URL}/permissions`);
 
 const permissionsApi = {
   fetch: fetch$2
@@ -9708,13 +9710,13 @@ const useFetchPermissions = function () {
   }, options));
 };
 
-const fetch$1 = () => axios.get("".concat(BASE_URL, "/organization_roles"));
+const fetch$1 = () => axios.get(`${BASE_URL}/organization_roles`);
 
-const create$1 = payload => axios.post("".concat(BASE_URL, "/organization_roles"), payload);
+const create$1 = payload => axios.post(`${BASE_URL}/organization_roles`, payload);
 
-const update$1 = (id, payload) => axios.patch("".concat(BASE_URL, "/organization_roles/").concat(id), payload);
+const update$1 = (id, payload) => axios.patch(`${BASE_URL}/organization_roles/${id}`, payload);
 
-const destroy = (id, payload) => axios.delete("".concat(BASE_URL, "/organization_roles/").concat(id), {
+const destroy = (id, payload) => axios.delete(`${BASE_URL}/organization_roles/${id}`, {
   data: payload
 });
 
@@ -11532,6 +11534,7 @@ const DEFAULT_MANAGE_ROLE_VALUES = {
 };
 
 const renderRolesTooltipContent = roleName => Object.is(roleName, "Admin") ? instance.t("tooltips.editAdminRoleNotAllowed") : instance.t("tooltips.noPermissionToEditRoles");
+const removeDuplicates = array => [...new Set(array)];
 
 const Row = _ref => {
   let _ref$allPermissionsOf = _ref.allPermissionsOfCategory,
@@ -11548,7 +11551,7 @@ const Row = _ref => {
 
   const handleSubmit = (role, checked) => {
     const permissionIds = allPermissionIdsOfCategory.length > 0 ? allPermissionIdsOfCategory : [permission.id];
-    const modifiedRole = modify("permissionIds", () => checked ? [...role.permissionIds, ...permissionIds] : role.permissionIds.filter(id => !permissionIds.includes(id)), role);
+    const modifiedRole = modify("permissionIds", () => checked ? removeDuplicates([...role.permissionIds, ...permissionIds]) : role.permissionIds.filter(id => !permissionIds.includes(id)), role);
     updateRole({
       id: role.id,
       payload: {
@@ -11618,7 +11621,7 @@ const TableHeader = _ref => {
 
     const hasSystemRole = Object.is(role.kind, "system");
     return /*#__PURE__*/React.createElement("div", {
-      key: "ntm-roles-".concat(index),
+      key: `ntm-roles-${index}`,
       className: "ntm-roles-table__cell"
     }, /*#__PURE__*/React.createElement("div", {
       className: "ntm-roles-table-header-cell__container"
@@ -11856,9 +11859,9 @@ const renderDescription = permissions => permissions === null || permissions ===
 });
 const getSearchWrapperStyle = () => {
   const scrollBarWidth = getScrollBarWidth();
-  document.documentElement.style.setProperty("--ntm-roles-table-default-scroll", "".concat(scrollBarWidth, "px"));
+  document.documentElement.style.setProperty("--ntm-roles-table-default-scroll", `${scrollBarWidth}px`);
   return {
-    marginBottom: "".concat(scrollBarWidth, "px")
+    marginBottom: `${scrollBarWidth}px`
   };
 };
 
@@ -12068,13 +12071,13 @@ Roles.defaultProps = {
 };
 var index$1 = withReactQuery(Roles);
 
-const fetch = params => axios.get("".concat(BASE_URL, "/teams"), {
+const fetch = params => axios.get(`${BASE_URL}/teams`, {
   params
 });
 
-const create = payload => axios.post("".concat(BASE_URL, "/teams"), payload);
+const create = payload => axios.post(`${BASE_URL}/teams`, payload);
 
-const update = (id, payload) => axios.put("".concat(BASE_URL, "/teams/").concat(id), payload);
+const update = (id, payload) => axios.put(`${BASE_URL}/teams/${id}`, payload);
 
 const teamsApi = {
   fetch,
@@ -12353,7 +12356,7 @@ const getColumnData = _ref3 => {
     width: "10%"
   }];
 };
-const renderHeaderTitle = (filterStatus, metaName) => instance.t("common.".concat(toLower(filterStatus), "_"), {
+const renderHeaderTitle = (filterStatus, metaName) => instance.t(`common.${toLower(filterStatus)}_`, {
   what: instance.t(metaName, PLURAL).toLocaleLowerCase()
 });
 const renderUpdateAlertTitle = (member, metaName, config) => {
@@ -12398,7 +12401,7 @@ const handlePageChange = (setFilters, filter) => (page, results) => {
     page,
     results
   };
-  window.history.replaceState({}, "", "?".concat(getSearchParams(pageParams, filter)));
+  window.history.replaceState({}, "", `?${getSearchParams(pageParams, filter)}`);
   setFilters(mergeLeft(pageParams));
 };
 const renderPaginationProps = size => ({
@@ -12442,15 +12445,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;
@@ -12513,7 +12522,7 @@ const ManageMember = _ref => {
       counter: COUNTER_PROPS,
       filterInvalidEmails: FILTER_INVALID_EMAILS,
       disabled: selectedMember,
-      label: "".concat(instance.t("common.email", PLURAL), "*"),
+      label: `${instance.t("common.email", PLURAL)}*`,
       placeholder: instance.t("placeholders.email"),
       helpText: instance.t("helpers.enterMultipleEmails")
     }), /*#__PURE__*/React.createElement(Select, {
@@ -12747,8 +12756,9 @@ const TeamMembers = _ref => {
       onClick: () => setIsOpen(assoc("manageMember", true))
     })
   })), /*#__PURE__*/React.createElement(ManageMember, {
-    metaName: metaName,
+    config: config,
     isOpen: isOpen.manageMember,
+    metaName: metaName,
     onClose: handleModalClose,
     roles: roles,
     selectedMember: selectedMember