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

package/dist/{index-C49Ms0Ph.js → index-ClM2W32S.js}

@@ -23,10 +23,11 @@ var index = require('./index-BkEJugj1.js');
 var timezoneSelector = require('./timezone-selector-B331adFN.js');
 var useTeamsApi = require('./useTeamsApi-Ch5sHR2_.js');
 var neetoCist = require('@bigbinary/neeto-cist');
-var v2_RolesRadioGroup = require('./RolesRadioGroup-bXyHmk_Q.js');
+var v2_RolesRadioGroup = require('./RolesRadioGroup-cjHORagK.js');
 var Card = require('@bigbinary/neeto-atoms/primitives/Card');
 var constants = require('@bigbinary/neeto-commons-frontend/constants');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
+var CopyToClipboardButton = require('@bigbinary/neeto-molecules/v2/CopyToClipboardButton');
 var reactQuery = require('@tanstack/react-query');
 var axios = require('axios');
 var constants$1 = require('./constants-CMNbKvoF.js');
@@ -45,13 +46,14 @@ var _slicedToArray__default = /*#__PURE__*/_interopDefault(_slicedToArray);
 var _regeneratorRuntime__default = /*#__PURE__*/_interopDefault(_regeneratorRuntime);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWithoutProperties);
+var CopyToClipboardButton__default = /*#__PURE__*/_interopDefault(CopyToClipboardButton);
 var axios__default = /*#__PURE__*/_interopDefault(axios);
 var i18next__default = /*#__PURE__*/_interopDefault(i18next);
 var MoreDropdown__default = /*#__PURE__*/_interopDefault(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__default.default(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__default.default(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,
@@ -59,7 +61,7 @@ var FormikSwitch = function FormikSwitch(_ref) {
     checkedProp = _ref.checked,
     disabled = _ref.disabled,
     onChangeProp = _ref.onChange,
-    rest = _objectWithoutProperties__default.default(_ref, _excluded$1);
+    rest = _objectWithoutProperties__default.default(_ref, _excluded);
   var _useField = formik.useField(name),
     _useField2 = _slicedToArray__default.default(_useField, 3),
     field = _useField2[0],
@@ -67,7 +69,7 @@ var FormikSwitch = function FormikSwitch(_ref) {
   var isChecked = checkedProp !== undefined ? checkedProp : field.value;
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: neetoAtoms.cn("flex items-center gap-2", className),
-    children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Switch, _objectSpread$4({
+    children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Switch, _objectSpread$3({
       disabled: disabled,
       checked: isChecked,
       id: name,
@@ -109,8 +111,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__default.default(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__default.default(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,
@@ -129,8 +131,9 @@ var renderNameColumn = function renderNameColumn(_ref) {
           imageUrl: imageUrl
         }
       }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
-        className: "whitespace-normal text-sm",
+        className: "whitespace-normal",
         "data-testid": "ntm-member-name-".concat(utils.hyphenize(name)),
+        variant: "body3",
         children: name
       })]
     }), renderDropdownButton({
@@ -156,7 +159,6 @@ var renderDropdownButton = function renderDropdownButton(_ref2) {
     },
     isDisabled: ramda.not(config.permissions.update),
     dropdownButtonProps: {
-      className: "me-1 my-1",
       "data-testid": "ntm-members-table-row-dropdown-button",
       tooltipProps: {
         content: i18next__default.default.t("neetoTeamMembers.tooltips.noPermissionToEditMembers"),
@@ -195,7 +197,7 @@ var getDefaultAlertMessage = function getDefaultAlertMessage(_ref4) {
   var member = _ref4.member;
   return /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
     i18nKey: "neetoTeamMembers.alerts.messages.removeMember",
-    values: _objectSpread$3(_objectSpread$3({}, constants.SINGULAR), {}, {
+    values: _objectSpread$2(_objectSpread$2({}, constants.SINGULAR), {}, {
       person: member === null || member === void 0 ? void 0 : member.displayName
     })
   });
@@ -354,8 +356,10 @@ var generateNoDataContent = function generateNoDataContent(_ref9) {
   var buttonProps = _ref9.buttonProps;
   var disabled = buttonProps.disabled,
     onClick = buttonProps.onClick;
-  var noDataTitleTranslationKey = "notFound_";
-  var noDataTitle = i18next__default.default.t("neetoTeamMembers.common.".concat(noDataTitleTranslationKey), {
+  var noDataTitle = i18next__default.default.t("neetoTeamMembers.common.memberEmptyTitle", {
+    what: initializers.taxonomies.member.plural
+  });
+  var noDataDescription = i18next__default.default.t("neetoTeamMembers.common.memberEmptyDescription", {
     what: initializers.taxonomies.member.plural
   });
   var noDataButtonProps = {
@@ -368,6 +372,8 @@ var generateNoDataContent = function generateNoDataContent(_ref9) {
   };
   return {
     noDataTitle: noDataTitle,
+    noDataDescription: noDataDescription,
+    noDataIcon: lucideReact.Users,
     noDataButtonProps: noDataButtonProps
   };
 };
@@ -427,7 +433,8 @@ var AppList = function AppList(_ref) {
           className: "leading-relaxed",
           htmlFor: "app-list-toggle",
           children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
-            className: "text-sm leading-relaxed",
+            className: "leading-relaxed",
+            variant: "body3",
             children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
               i18nKey: "neetoTeamMembers.helpers.addMembersToNeetoProducts",
               values: {
@@ -437,13 +444,12 @@ var AppList = function AppList(_ref) {
           })
         })]
       }), isManageProductsLinkEnabled && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
-        className: "text-sm",
+        variant: "body3",
         children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
           i18nKey: "neetoTeamMembers.helpers.manageProducts",
           components: {
             button: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
               asChild: true,
-              className: "text-primary underline underline-offset-4",
               variant: "link",
               children: /*#__PURE__*/jsxRuntime.jsx("a", {
                 href: v2_RolesRadioGroup.NEETO_AUTH_MANAGE_PRODUCT_URL,
@@ -589,76 +595,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__default.default(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__default.default(_ref, _excluded);
-  var _useState = React.useState(false),
-    _useState2 = _slicedToArray__default.default(_useState, 2),
-    copied = _useState2[0],
-    setCopied = _useState2[1];
-  var handleCopy = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator__default.default(/*#__PURE__*/_regeneratorRuntime__default.default.mark(function _callee() {
-      var textArea;
-      return _regeneratorRuntime__default.default.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__*/jsxRuntime.jsxs(neetoAtoms.Button, _objectSpread$2(_objectSpread$2({
-    size: size,
-    variant: variant,
-    className: neetoAtoms.cn("gap-1", className),
-    onClick: handleCopy
-  }, rest), {}, {
-    children: [copied ? /*#__PURE__*/jsxRuntime.jsx(lucideReact.Check, {
-      className: "size-3.5"
-    }) : /*#__PURE__*/jsxRuntime.jsx(lucideReact.Copy, {
-      className: "size-3.5"
-    }), children]
-  }));
-};
-
 // eslint-disable-next-line @bigbinary/neeto/no-axios-import-outside-apis
 var fetch = function fetch() {
   return axios__default.default.get("".concat(constants$1.BASE_URL, "/api/v1/invite_links"));
@@ -707,8 +643,9 @@ var useRegenerateInviteLink = function useRegenerateInviteLink() {
   });
 };
 
+var FEEDBACK_DURATION_MS = 2500;
 var InviteLink = 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(),
@@ -724,6 +661,23 @@ var InviteLink = function InviteLink(_ref) {
     isFetchLinkLoading = _useFetchInviteLinks.isLoading;
   var _useFormikContext = formik.useFormikContext(),
     values = _useFormikContext.values;
+  var _useState = React.useState(""),
+    _useState2 = _slicedToArray__default.default(_useState, 2),
+    feedbackMessage = _useState2[0],
+    setFeedbackMessage = _useState2[1];
+  var feedbackTimerRef = React.useRef();
+  var showFeedback = function showFeedback(message) {
+    setFeedbackMessage(message);
+    clearTimeout(feedbackTimerRef.current);
+    feedbackTimerRef.current = setTimeout(function () {
+      return setFeedbackMessage("");
+    }, FEEDBACK_DURATION_MS);
+  };
+  React.useEffect(function () {
+    return function () {
+      return clearTimeout(feedbackTimerRef.current);
+    };
+  }, []);
   var isInviteLinkEmpty = !isFetchLinkLoading && ramda.isEmpty(inviteLinks);
   var handleRegenerate = function handleRegenerate() {
     var _findBy = neetoCist.findBy({
@@ -733,6 +687,10 @@ var InviteLink = function InviteLink(_ref) {
     if (ramda.isEmpty(inviteLinks)) {
       createInviteLink({
         organizationRoleId: roleId
+      }, {
+        onSuccess: function onSuccess() {
+          return showFeedback(t("neetoTeamMembers.alerts.success.inviteLinkGenerated"));
+        }
       });
       return;
     }
@@ -741,6 +699,10 @@ var InviteLink = function InviteLink(_ref) {
       payload: {
         organizationRoleId: roleId
       }
+    }, {
+      onSuccess: function onSuccess() {
+        return showFeedback(t("neetoTeamMembers.alerts.success.inviteLinkRegenerated"));
+      }
     });
   };
   if (isFetchLinkLoading || isCreateLinkPending) {
@@ -755,22 +717,35 @@ var InviteLink = function InviteLink(_ref) {
       className: "flex items-center gap-2 pt-1",
       children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "relative flex min-w-0 grow items-center truncate rounded-md border border-border bg-muted/50 leading-none",
-        children: [/*#__PURE__*/jsxRuntime.jsx("div", {
-          className: "relative min-w-0 grow truncate p-2 leading-none",
-          children: !isInviteLinkEmpty && v2_RolesRadioGroup.getInviteURL(inviteLinks === null || inviteLinks === void 0 || (_inviteLinks$ = inviteLinks[0]) === null || _inviteLinks$ === void 0 ? void 0 : _inviteLinks$.token)
+        children: [isInviteLinkEmpty ? /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "relative min-w-0 grow truncate p-2 leading-none"
+        }) : /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.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__*/jsxRuntime.jsx("a", {
+            href: v2_RolesRadioGroup.getInviteURL(inviteLinks === null || inviteLinks === void 0 || (_inviteLinks$ = inviteLinks[0]) === null || _inviteLinks$ === void 0 ? void 0 : _inviteLinks$.token),
+            rel: "noopener noreferrer",
+            target: "_blank",
+            children: v2_RolesRadioGroup.getInviteURL(inviteLinks === null || inviteLinks === void 0 || (_inviteLinks$2 = inviteLinks[0]) === null || _inviteLinks$2 === void 0 ? void 0 : _inviteLinks$2.token)
+          })
         }), isInviteLinkEmpty ? /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
           className: "rounded-s-none",
           onClick: handleRegenerate,
           children: t("neetoTeamMembers.buttons.generateLink")
-        }) : /*#__PURE__*/jsxRuntime.jsx(CopyToClipboardButton, {
-          className: "rounded-s-none",
-          value: v2_RolesRadioGroup.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")
+        }) : /*#__PURE__*/jsxRuntime.jsx(CopyToClipboardButton__default.default, {
+          className: "rounded-s-none border-s",
+          value: v2_RolesRadioGroup.getInviteURL(inviteLinks === null || inviteLinks === void 0 || (_inviteLinks$3 = inviteLinks[0]) === null || _inviteLinks$3 === void 0 ? void 0 : _inviteLinks$3.token),
+          variant: "ghost"
         })]
       }), !isInviteLinkEmpty && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.DropdownMenu, {
-        buttonStyle: "text",
-        className: "shrink-0",
-        icon: lucideReact.EllipsisVertical,
+        customTarget: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
+          "aria-label": t("neetoTeamMembers.buttons.regenerateLink"),
+          className: "shrink-0",
+          icon: lucideReact.EllipsisVertical,
+          size: "icon",
+          variant: "ghost"
+        }),
         children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.DropdownMenu.Menu, {
           children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.DropdownMenu.MenuItem, {
             children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.DropdownMenu.MenuItem.Button, {
@@ -780,20 +755,33 @@ var InviteLink = function InviteLink(_ref) {
           })
         })
       })]
+    }), feedbackMessage && /*#__PURE__*/jsxRuntime.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__*/jsxRuntime.jsx(lucideReact.Check, {
+        className: "size-3.5 shrink-0"
+      }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+        color: "inherit",
+        variant: "caption",
+        weight: "medium",
+        children: feedbackMessage
+      })]
     }), /*#__PURE__*/jsxRuntime.jsx("div", {
       children: !isInviteLinkEmpty && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
-        className: "text-xs leading-relaxed text-muted-foreground",
+        className: "leading-relaxed",
+        color: "muted",
+        variant: "body3",
         children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
           components: {
             strong: /*#__PURE__*/jsxRuntime.jsx("strong", {})
           },
           i18nKey: "neetoTeamMembers.alerts.messages.inviteLink",
           values: {
-            expiryDays: v2_RolesRadioGroup.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: v2_RolesRadioGroup.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: initializers.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
           }
         })
       })
@@ -834,7 +822,7 @@ var MultipleEmailInput = function MultipleEmailInput(_ref) {
       label: /*#__PURE__*/jsxRuntime.jsx("span", {
         className: "flex w-full justify-between",
         children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
-          className: "text-sm",
+          variant: "body3",
           children: t("neetoTeamMembers.common.email", constants.SINGULAR)
         })
       }),
@@ -848,7 +836,6 @@ var MultipleEmailInput = function MultipleEmailInput(_ref) {
             children: " *"
           })]
         }), isInviteLinkFeatureEnabled && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
-          className: "text-primary underline underline-offset-4",
           variant: "link",
           onClick: function onClick() {
             return setCurrentPage(v2_RolesRadioGroup.FORM_PAGES.INVITE_LINK);
@@ -1363,7 +1350,7 @@ var ManageMember = function ManageMember(_ref) {
           children: [/*#__PURE__*/jsxRuntime.jsx(index.ScrollToErrorField, {
             formRef: formReference
           }), /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread(_objectSpread({}, isSheet ? manageMemberComponentConfig.bodyProps : {}), {}, {
-            className: neetoAtoms.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: neetoAtoms.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__*/jsxRuntime.jsxs(neetoAtoms.Alert, {
               children: [/*#__PURE__*/jsxRuntime.jsx(lucideReact.Info, {
                 className: "size-4"
@@ -1409,4 +1396,4 @@ exports.getColumnData = getColumnData;
 exports.getFilteredRoles = getFilteredRoles;
 exports.handlePageChange = handlePageChange;
 exports.renderUpdateAlert = renderUpdateAlert;
-//# sourceMappingURL=index-C49Ms0Ph.js.map
+//# sourceMappingURL=index-ClM2W32S.js.map