@bigbinary/neeto-team-members-frontend 5.0.37 → 5.0.38

package/dist/{index-CWbZ7v35.js → index-CWqUrFAb.js}

@@ -5,7 +5,7 @@ import _regeneratorRuntime from '@babel/runtime/regenerator';
 import { useState, useEffect, useRef, useCallback } from 'react';
 import { Switch, Label, cn, Avatar, Typography, Checkbox, Button, Tooltip, Spinner, DropdownMenu, Alert } from '@bigbinary/neeto-atoms';
 import classnames from 'classnames';
-import { Mail, Check, Copy, EllipsisVertical, ArrowLeft, Info } from 'lucide-react';
+import { Users, Mail, EllipsisVertical, Check, ArrowLeft, Info } from 'lucide-react';
 import { taxonomies, globalProps } from '@bigbinary/neeto-commons-frontend/initializers';
 import { getQueryParams, buildUrl, hyphenize, showThumbsUpToastr } from '@bigbinary/neeto-commons-frontend/utils';
 import { useProfileImageUpload } from '@bigbinary/neeto-image-uploader-frontend/hooks';
@@ -21,10 +21,11 @@ import { u as useFetchRoles, a as useFetchGlobalRoles, S as ScrollToErrorField }
 import { u as useCountries, P as ProfileImage } from './timezone-selector-BMtLnRmu.js';
 import { u as useFetchMembers, f as useFetchMember, g as useCreateMember, h as useMembersCreationStatus, r as refetchMembers, e as useUpdateMember } from './useTeamsApi-CWp4G7JZ.js';
 import { toLabelAndValue, isNotEmpty, filterBy, findBy } from '@bigbinary/neeto-cist';
-import { N as NEETO_AUTH_MANAGE_PRODUCT_URL, g as getSingleInvitationTranslationProps, a as getInviteURL, r as remainingExpiryDays, F as FORM_PAGES, b as FILTER_INVALID_EMAILS, C as COUNTER_PROPS, E as EMAIL_REGEX, D as DEFAULT_COMPONENT_CONFIG, M as MEMBERS_FORM_COMPONENT_MAPPER, c as buildValidationSchema, d as renderInitialValues, e as renderPayload, R as RolesRadioGroup } from './RolesRadioGroup-n1NclSyf.js';
+import { N as NEETO_AUTH_MANAGE_PRODUCT_URL, g as getSingleInvitationTranslationProps, a as getInviteURL, r as remainingExpiryDays, F as FORM_PAGES, b as FILTER_INVALID_EMAILS, C as COUNTER_PROPS, E as EMAIL_REGEX, D as DEFAULT_COMPONENT_CONFIG, M as MEMBERS_FORM_COMPONENT_MAPPER, c as buildValidationSchema, d as renderInitialValues, e as renderPayload, R as RolesRadioGroup } from './RolesRadioGroup-D4LlGV4N.js';
 import { Card, CardContent } from '@bigbinary/neeto-atoms/primitives/Card';
 import { DEFAULT_PAGE_SIZE, DEFAULT_PAGE_INDEX, SINGULAR, PLURAL, LANGUAGE_OPTIONS } from '@bigbinary/neeto-commons-frontend/constants';
 import { useMutationWithInvalidation, withT } from '@bigbinary/neeto-commons-frontend/react-utils';
+import CopyToClipboardButton from '@bigbinary/neeto-molecules/v2/CopyToClipboardButton';
 import { useQuery } from '@tanstack/react-query';
 import axios from 'axios';
 import { B as BASE_URL, Q as QUERY_KEYS, T as TIME_FORMAT_OPTIONS, D as DATE_FORMAT_OPTIONS } from './constants-B1L6arSR.js';
@@ -35,9 +36,9 @@ import { DropdownMenuItem } from '@bigbinary/neeto-atoms/primitives';
 import i18next from 'i18next';
 import MoreDropdown from '@bigbinary/neeto-molecules/v2/MoreDropdown';
 
-var _excluded$1 = ["name", "label", "className", "checked", "disabled", "onChange"];
-function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded = ["name", "label", "className", "checked", "disabled", "onChange"];
+function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FormikSwitch = function FormikSwitch(_ref) {
   var name = _ref.name,
     label = _ref.label,
@@ -45,7 +46,7 @@ var FormikSwitch = function FormikSwitch(_ref) {
     checkedProp = _ref.checked,
     disabled = _ref.disabled,
     onChangeProp = _ref.onChange,
-    rest = _objectWithoutProperties(_ref, _excluded$1);
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useField = useField(name),
     _useField2 = _slicedToArray(_useField, 3),
     field = _useField2[0],
@@ -53,7 +54,7 @@ var FormikSwitch = function FormikSwitch(_ref) {
   var isChecked = checkedProp !== undefined ? checkedProp : field.value;
   return /*#__PURE__*/jsxs("div", {
     className: cn("flex items-center gap-2", className),
-    children: [/*#__PURE__*/jsx(Switch, _objectSpread$4({
+    children: [/*#__PURE__*/jsx(Switch, _objectSpread$3({
       disabled: disabled,
       checked: isChecked,
       id: name,
@@ -95,8 +96,8 @@ var DEFAULT_SELECTED_ROWS = {
   displayNames: []
 };
 
-function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var renderNameColumn = function renderNameColumn(_ref) {
   var config = _ref.config,
     handleUpdateRole = _ref.handleUpdateRole,
@@ -115,8 +116,9 @@ var renderNameColumn = function renderNameColumn(_ref) {
           imageUrl: imageUrl
         }
       }), /*#__PURE__*/jsx(Typography, {
-        className: "whitespace-normal text-sm",
+        className: "whitespace-normal",
         "data-testid": "ntm-member-name-".concat(hyphenize(name)),
+        variant: "body3",
         children: name
       })]
     }), renderDropdownButton({
@@ -142,7 +144,6 @@ var renderDropdownButton = function renderDropdownButton(_ref2) {
     },
     isDisabled: not(config.permissions.update),
     dropdownButtonProps: {
-      className: "me-1 my-1",
       "data-testid": "ntm-members-table-row-dropdown-button",
       tooltipProps: {
         content: i18next.t("neetoTeamMembers.tooltips.noPermissionToEditMembers"),
@@ -181,7 +182,7 @@ var getDefaultAlertMessage = function getDefaultAlertMessage(_ref4) {
   var member = _ref4.member;
   return /*#__PURE__*/jsx(Trans, {
     i18nKey: "neetoTeamMembers.alerts.messages.removeMember",
-    values: _objectSpread$3(_objectSpread$3({}, SINGULAR), {}, {
+    values: _objectSpread$2(_objectSpread$2({}, SINGULAR), {}, {
       person: member === null || member === void 0 ? void 0 : member.displayName
     })
   });
@@ -340,8 +341,10 @@ var generateNoDataContent = function generateNoDataContent(_ref9) {
   var buttonProps = _ref9.buttonProps;
   var disabled = buttonProps.disabled,
     onClick = buttonProps.onClick;
-  var noDataTitleTranslationKey = "notFound_";
-  var noDataTitle = i18next.t("neetoTeamMembers.common.".concat(noDataTitleTranslationKey), {
+  var noDataTitle = i18next.t("neetoTeamMembers.common.memberEmptyTitle", {
+    what: taxonomies.member.plural
+  });
+  var noDataDescription = i18next.t("neetoTeamMembers.common.memberEmptyDescription", {
     what: taxonomies.member.plural
   });
   var noDataButtonProps = {
@@ -354,6 +357,8 @@ var generateNoDataContent = function generateNoDataContent(_ref9) {
   };
   return {
     noDataTitle: noDataTitle,
+    noDataDescription: noDataDescription,
+    noDataIcon: Users,
     noDataButtonProps: noDataButtonProps
   };
 };
@@ -413,7 +418,8 @@ var AppList = function AppList(_ref) {
           className: "leading-relaxed",
           htmlFor: "app-list-toggle",
           children: /*#__PURE__*/jsx(Typography, {
-            className: "text-sm leading-relaxed",
+            className: "leading-relaxed",
+            variant: "body3",
             children: /*#__PURE__*/jsx(Trans, {
               i18nKey: "neetoTeamMembers.helpers.addMembersToNeetoProducts",
               values: {
@@ -423,13 +429,12 @@ var AppList = function AppList(_ref) {
           })
         })]
       }), isManageProductsLinkEnabled && /*#__PURE__*/jsx(Typography, {
-        className: "text-sm",
+        variant: "body3",
         children: /*#__PURE__*/jsx(Trans, {
           i18nKey: "neetoTeamMembers.helpers.manageProducts",
           components: {
             button: /*#__PURE__*/jsx(Button, {
               asChild: true,
-              className: "text-primary underline underline-offset-4",
               variant: "link",
               children: /*#__PURE__*/jsx("a", {
                 href: NEETO_AUTH_MANAGE_PRODUCT_URL,
@@ -575,76 +580,6 @@ var Confirmation = function Confirmation() {
   });
 };
 
-var _excluded = ["value", "className", "size", "variant", "children"];
-function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var CopyToClipboardButton = function CopyToClipboardButton(_ref) {
-  var value = _ref.value,
-    className = _ref.className,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? "sm" : _ref$size,
-    _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? "outline" : _ref$variant,
-    children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    copied = _useState2[0],
-    setCopied = _useState2[1];
-  var handleCopy = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var textArea;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.prev = 0;
-            _context.next = 3;
-            return navigator.clipboard.writeText(value);
-          case 3:
-            setCopied(true);
-            setTimeout(function () {
-              return setCopied(false);
-            }, 2000);
-            _context.next = 17;
-            break;
-          case 7:
-            _context.prev = 7;
-            _context.t0 = _context["catch"](0);
-            // Fallback for older browsers
-            textArea = document.createElement("textarea");
-            textArea.value = value;
-            document.body.appendChild(textArea);
-            textArea.select();
-            document.execCommand("copy");
-            document.body.removeChild(textArea);
-            setCopied(true);
-            setTimeout(function () {
-              return setCopied(false);
-            }, 2000);
-          case 17:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee, null, [[0, 7]]);
-    }));
-    return function handleCopy() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  return /*#__PURE__*/jsxs(Button, _objectSpread$2(_objectSpread$2({
-    size: size,
-    variant: variant,
-    className: cn("gap-1", className),
-    onClick: handleCopy
-  }, rest), {}, {
-    children: [copied ? /*#__PURE__*/jsx(Check, {
-      className: "size-3.5"
-    }) : /*#__PURE__*/jsx(Copy, {
-      className: "size-3.5"
-    }), children]
-  }));
-};
-
 // eslint-disable-next-line @bigbinary/neeto/no-axios-import-outside-apis
 var fetch = function fetch() {
   return axios.get("".concat(BASE_URL, "/api/v1/invite_links"));
@@ -693,8 +628,9 @@ var useRegenerateInviteLink = function useRegenerateInviteLink() {
   });
 };
 
+var FEEDBACK_DURATION_MS = 2500;
 var InviteLink$1 = function InviteLink(_ref) {
-  var _inviteLinks$, _inviteLinks$2, _inviteLinks$3, _inviteLinks$4, _inviteLinks$5, _inviteLinks$6;
+  var _inviteLinks$, _inviteLinks$2, _inviteLinks$3, _inviteLinks$4, _inviteLinks$5, _inviteLinks$6, _inviteLinks$7;
   var t = _ref.t,
     roles = _ref.roles;
   var _useCreateInviteLinks = useCreateInviteLinks(),
@@ -710,6 +646,23 @@ var InviteLink$1 = function InviteLink(_ref) {
     isFetchLinkLoading = _useFetchInviteLinks.isLoading;
   var _useFormikContext = useFormikContext(),
     values = _useFormikContext.values;
+  var _useState = useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    feedbackMessage = _useState2[0],
+    setFeedbackMessage = _useState2[1];
+  var feedbackTimerRef = useRef();
+  var showFeedback = function showFeedback(message) {
+    setFeedbackMessage(message);
+    clearTimeout(feedbackTimerRef.current);
+    feedbackTimerRef.current = setTimeout(function () {
+      return setFeedbackMessage("");
+    }, FEEDBACK_DURATION_MS);
+  };
+  useEffect(function () {
+    return function () {
+      return clearTimeout(feedbackTimerRef.current);
+    };
+  }, []);
   var isInviteLinkEmpty = !isFetchLinkLoading && isEmpty(inviteLinks);
   var handleRegenerate = function handleRegenerate() {
     var _findBy = findBy({
@@ -719,6 +672,10 @@ var InviteLink$1 = function InviteLink(_ref) {
     if (isEmpty(inviteLinks)) {
       createInviteLink({
         organizationRoleId: roleId
+      }, {
+        onSuccess: function onSuccess() {
+          return showFeedback(t("neetoTeamMembers.alerts.success.inviteLinkGenerated"));
+        }
       });
       return;
     }
@@ -727,6 +684,10 @@ var InviteLink$1 = function InviteLink(_ref) {
       payload: {
         organizationRoleId: roleId
       }
+    }, {
+      onSuccess: function onSuccess() {
+        return showFeedback(t("neetoTeamMembers.alerts.success.inviteLinkRegenerated"));
+      }
     });
   };
   if (isFetchLinkLoading || isCreateLinkPending) {
@@ -741,22 +702,35 @@ var InviteLink$1 = function InviteLink(_ref) {
       className: "flex items-center gap-2 pt-1",
       children: [/*#__PURE__*/jsxs("div", {
         className: "relative flex min-w-0 grow items-center truncate rounded-md border border-border bg-muted/50 leading-none",
-        children: [/*#__PURE__*/jsx("div", {
-          className: "relative min-w-0 grow truncate p-2 leading-none",
-          children: !isInviteLinkEmpty && getInviteURL(inviteLinks === null || inviteLinks === void 0 || (_inviteLinks$ = inviteLinks[0]) === null || _inviteLinks$ === void 0 ? void 0 : _inviteLinks$.token)
+        children: [isInviteLinkEmpty ? /*#__PURE__*/jsx("div", {
+          className: "relative min-w-0 grow truncate p-2 leading-none"
+        }) : /*#__PURE__*/jsx(Button, {
+          asChild: true,
+          className: "relative block h-auto min-w-0 shrink grow truncate p-2 font-normal leading-none no-underline hover:underline",
+          variant: "link",
+          children: /*#__PURE__*/jsx("a", {
+            href: getInviteURL(inviteLinks === null || inviteLinks === void 0 || (_inviteLinks$ = inviteLinks[0]) === null || _inviteLinks$ === void 0 ? void 0 : _inviteLinks$.token),
+            rel: "noopener noreferrer",
+            target: "_blank",
+            children: getInviteURL(inviteLinks === null || inviteLinks === void 0 || (_inviteLinks$2 = inviteLinks[0]) === null || _inviteLinks$2 === void 0 ? void 0 : _inviteLinks$2.token)
+          })
         }), isInviteLinkEmpty ? /*#__PURE__*/jsx(Button, {
           className: "rounded-s-none",
           onClick: handleRegenerate,
           children: t("neetoTeamMembers.buttons.generateLink")
         }) : /*#__PURE__*/jsx(CopyToClipboardButton, {
-          className: "rounded-s-none",
-          value: getInviteURL(inviteLinks === null || inviteLinks === void 0 || (_inviteLinks$2 = inviteLinks[0]) === null || _inviteLinks$2 === void 0 ? void 0 : _inviteLinks$2.token),
-          children: t("neetoTeamMembers.buttons.copyLink")
+          className: "rounded-s-none border-s",
+          value: getInviteURL(inviteLinks === null || inviteLinks === void 0 || (_inviteLinks$3 = inviteLinks[0]) === null || _inviteLinks$3 === void 0 ? void 0 : _inviteLinks$3.token),
+          variant: "ghost"
         })]
       }), !isInviteLinkEmpty && /*#__PURE__*/jsx(DropdownMenu, {
-        buttonStyle: "text",
-        className: "shrink-0",
-        icon: EllipsisVertical,
+        customTarget: /*#__PURE__*/jsx(Button, {
+          "aria-label": t("neetoTeamMembers.buttons.regenerateLink"),
+          className: "shrink-0",
+          icon: EllipsisVertical,
+          size: "icon",
+          variant: "ghost"
+        }),
         children: /*#__PURE__*/jsx(DropdownMenu.Menu, {
           children: /*#__PURE__*/jsx(DropdownMenu.MenuItem, {
             children: /*#__PURE__*/jsx(DropdownMenu.MenuItem.Button, {
@@ -766,20 +740,33 @@ var InviteLink$1 = function InviteLink(_ref) {
           })
         })
       })]
+    }), feedbackMessage && /*#__PURE__*/jsxs("div", {
+      "aria-live": "polite",
+      className: "flex w-fit items-center gap-1.5 rounded-md bg-success-solid px-2 py-1 text-success-solid-foreground animate-in fade-in slide-in-from-top-1 duration-200",
+      children: [/*#__PURE__*/jsx(Check, {
+        className: "size-3.5 shrink-0"
+      }), /*#__PURE__*/jsx(Typography, {
+        color: "inherit",
+        variant: "caption",
+        weight: "medium",
+        children: feedbackMessage
+      })]
     }), /*#__PURE__*/jsx("div", {
       children: !isInviteLinkEmpty && /*#__PURE__*/jsx(Typography, {
-        className: "text-xs leading-relaxed text-muted-foreground",
+        className: "leading-relaxed",
+        color: "muted",
+        variant: "body3",
         children: /*#__PURE__*/jsx(Trans, {
           components: {
             strong: /*#__PURE__*/jsx("strong", {})
           },
           i18nKey: "neetoTeamMembers.alerts.messages.inviteLink",
           values: {
-            expiryDays: remainingExpiryDays(inviteLinks === null || inviteLinks === void 0 || (_inviteLinks$3 = inviteLinks[0]) === null || _inviteLinks$3 === void 0 ? void 0 : _inviteLinks$3.expiresAt),
-            role: inviteLinks === null || inviteLinks === void 0 || (_inviteLinks$4 = inviteLinks[0]) === null || _inviteLinks$4 === void 0 || (_inviteLinks$4 = _inviteLinks$4.organizationRole) === null || _inviteLinks$4 === void 0 ? void 0 : _inviteLinks$4.name,
-            inviteLimit: inviteLinks === null || inviteLinks === void 0 || (_inviteLinks$5 = inviteLinks[0]) === null || _inviteLinks$5 === void 0 ? void 0 : _inviteLinks$5.inviteLimit,
+            expiryDays: remainingExpiryDays(inviteLinks === null || inviteLinks === void 0 || (_inviteLinks$4 = inviteLinks[0]) === null || _inviteLinks$4 === void 0 ? void 0 : _inviteLinks$4.expiresAt),
+            role: inviteLinks === null || inviteLinks === void 0 || (_inviteLinks$5 = inviteLinks[0]) === null || _inviteLinks$5 === void 0 || (_inviteLinks$5 = _inviteLinks$5.organizationRole) === null || _inviteLinks$5 === void 0 ? void 0 : _inviteLinks$5.name,
+            inviteLimit: inviteLinks === null || inviteLinks === void 0 || (_inviteLinks$6 = inviteLinks[0]) === null || _inviteLinks$6 === void 0 ? void 0 : _inviteLinks$6.inviteLimit,
             appName: globalProps.appName,
-            emailDomain: inviteLinks === null || inviteLinks === void 0 || (_inviteLinks$6 = inviteLinks[0]) === null || _inviteLinks$6 === void 0 ? void 0 : _inviteLinks$6.domain
+            emailDomain: inviteLinks === null || inviteLinks === void 0 || (_inviteLinks$7 = inviteLinks[0]) === null || _inviteLinks$7 === void 0 ? void 0 : _inviteLinks$7.domain
           }
         })
       })
@@ -820,7 +807,7 @@ var MultipleEmailInput = function MultipleEmailInput(_ref) {
       label: /*#__PURE__*/jsx("span", {
         className: "flex w-full justify-between",
         children: /*#__PURE__*/jsx(Typography, {
-          className: "text-sm",
+          variant: "body3",
           children: t("neetoTeamMembers.common.email", SINGULAR)
         })
       }),
@@ -834,7 +821,6 @@ var MultipleEmailInput = function MultipleEmailInput(_ref) {
             children: " *"
           })]
         }), isInviteLinkFeatureEnabled && /*#__PURE__*/jsx(Button, {
-          className: "text-primary underline underline-offset-4",
           variant: "link",
           onClick: function onClick() {
             return setCurrentPage(FORM_PAGES.INVITE_LINK);
@@ -1349,7 +1335,7 @@ var ManageMember = function ManageMember(_ref) {
           children: [/*#__PURE__*/jsx(ScrollToErrorField, {
             formRef: formReference
           }), /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, isSheet ? manageMemberComponentConfig.bodyProps : {}), {}, {
-            className: cn(isSheet ? "w-full flex-1 space-y-6 overflow-y-auto px-4 pb-4" : "w-full space-y-6 pb-4", isSheet && ((_manageMemberComponen2 = manageMemberComponentConfig.bodyProps) === null || _manageMemberComponen2 === void 0 ? void 0 : _manageMemberComponen2.className)),
+            className: cn(isSheet ? "w-full flex-1 space-y-6 overflow-y-auto px-6 pb-4" : "w-full space-y-6 pb-4", isSheet && ((_manageMemberComponen2 = manageMemberComponentConfig.bodyProps) === null || _manageMemberComponen2 === void 0 ? void 0 : _manageMemberComponen2.className)),
             children: [isSheet && isCreationStatusPollingEnabled && /*#__PURE__*/jsxs(Alert, {
               children: [/*#__PURE__*/jsx(Info, {
                 className: "size-4"
@@ -1384,4 +1370,4 @@ var ManageMember = function ManageMember(_ref) {
 };
 
 export { DEFAULT_FILTER_VALUES as D, ManageMember as M, DEFAULT_IS_OPEN_VALUES as a, buildFilterColumns as b, DEFAULT_SELECTED_ROWS as c, defaultNeetoFiltersColumns as d, getColumnData as e, generateNoDataContent as f, getFilteredRoles as g, handlePageChange as h, DEFAULT_RADIX as i, renderUpdateAlert as r };
-//# sourceMappingURL=index-CWbZ7v35.js.map
+//# sourceMappingURL=index-CWqUrFAb.js.map