@bigbinary/neeto-team-members-frontend 5.0.32 → 5.0.34

package/dist/{index-SkKQWXyo.js → index-B2PgGcMs.js}

@@ -2,14 +2,14 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { useState, useEffect, useRef } from 'react';
+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 { EllipsisVertical, ArrowLeft, Info } from 'lucide-react';
+import { Mail, Check, Copy, EllipsisVertical, 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';
-import { clamp, curry, filter, identical, mergeLeft, assoc, not, pluck, isEmpty, head, reverse, groupBy, prop } from 'ramda';
+import { clamp, curry, filter, identical, mergeLeft, assoc, not, pluck, isEmpty, head, isNotNil, reverse, groupBy, prop } from 'ramda';
 import { Trans, useTranslation } from 'react-i18next';
 import { toast } from 'sonner';
 import { F as FormikActionBlock } from './ActionBlock-jgw1N-As.js';
@@ -18,10 +18,11 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import { useField, useFormikContext } from 'formik';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { u as useFetchRoles, a as useFetchGlobalRoles, S as ScrollToErrorField } from './index-C6ph58Vg.js';
-import { C as CopyToClipboardButton, u as useCountries, P as ProfileImage } from './useCountries-DePOPtue.js';
+import { u as useCountries, P as ProfileImage } from './timezone-selector-ojZT6BkF.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-tSNC-Wtu.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-n1NclSyf.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 { useQuery } from '@tanstack/react-query';
@@ -34,9 +35,9 @@ import { DropdownMenuItem } from '@bigbinary/neeto-atoms/primitives';
 import i18next from 'i18next';
 import MoreDropdown from '@bigbinary/neeto-molecules/v2/MoreDropdown';
 
-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 _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 FormikSwitch = function FormikSwitch(_ref) {
   var name = _ref.name,
     label = _ref.label,
@@ -44,7 +45,7 @@ var FormikSwitch = function FormikSwitch(_ref) {
     checkedProp = _ref.checked,
     disabled = _ref.disabled,
     onChangeProp = _ref.onChange,
-    rest = _objectWithoutProperties(_ref, _excluded);
+    rest = _objectWithoutProperties(_ref, _excluded$1);
   var _useField = useField(name),
     _useField2 = _slicedToArray(_useField, 3),
     field = _useField2[0],
@@ -52,7 +53,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$3({
+    children: [/*#__PURE__*/jsx(Switch, _objectSpread$4({
       disabled: disabled,
       checked: isChecked,
       id: name,
@@ -94,8 +95,8 @@ var DEFAULT_SELECTED_ROWS = {
   displayNames: []
 };
 
-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; }
+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 renderNameColumn = function renderNameColumn(_ref) {
   var config = _ref.config,
     handleUpdateRole = _ref.handleUpdateRole,
@@ -180,7 +181,7 @@ var getDefaultAlertMessage = function getDefaultAlertMessage(_ref4) {
   var member = _ref4.member;
   return /*#__PURE__*/jsx(Trans, {
     i18nKey: "neetoTeamMembers.alerts.messages.removeMember",
-    values: _objectSpread$2(_objectSpread$2({}, SINGULAR), {}, {
+    values: _objectSpread$3(_objectSpread$3({}, SINGULAR), {}, {
       person: member === null || member === void 0 ? void 0 : member.displayName
     })
   });
@@ -429,6 +430,7 @@ var AppList = function AppList(_ref) {
           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,
@@ -471,11 +473,7 @@ var AppList = function AppList(_ref) {
               children: /*#__PURE__*/jsx(FormikSelect, {
                 isDisabled: isCurrentApp || !isEnabled,
                 name: "appRoles[".concat(index, "].activeRole"),
-                options: buildRoleOptions(globalRoles[appName]),
-                onChange: function onChange(_ref4) {
-                  var value = _ref4.value;
-                  setFieldValue("appRoles[".concat(index, "].activeRole"), value);
-                }
+                options: buildRoleOptions(globalRoles[appName])
               })
             })
           })]
@@ -498,70 +496,156 @@ var Confirmation = function Confirmation() {
   var activeAppRoles = filterBy({
     isEnabled: true
   }, appRoles);
-  return activeAppRoles.length > 1 ? /*#__PURE__*/jsxs("div", {
-    className: "flex flex-col gap-6",
-    children: [/*#__PURE__*/jsx("div", {
-      className: "w-full",
-      children: /*#__PURE__*/jsx(Typography, {
-        className: "text-sm leading-relaxed",
-        children: /*#__PURE__*/jsx(Trans, {
-          i18nKey: "neetoTeamMembers.helpers.multipleProductInvitation",
-          values: {
-            count: selectedEmail.length,
-            emails: selectedEmail,
-            orgName: (_globalProps$organiza = globalProps.organization) === null || _globalProps$organiza === void 0 ? void 0 : _globalProps$organiza.name
-          }
-        })
+  var isMultipleProduct = activeAppRoles.length > 1;
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(Card, {
+      className: "w-full shrink-0 bg-muted/40 ring-0",
+      size: "sm",
+      children: /*#__PURE__*/jsxs(CardContent, {
+        className: "flex items-start gap-3",
+        children: [/*#__PURE__*/jsx("div", {
+          className: "bg-primary/10 mt-0.5 flex size-9 shrink-0 items-center justify-center rounded-full",
+          children: /*#__PURE__*/jsx(Mail, {
+            className: "size-4 text-primary"
+          })
+        }), /*#__PURE__*/jsx(Typography, {
+          className: "min-w-0 flex-1 leading-relaxed",
+          variant: "body3",
+          children: isMultipleProduct ? /*#__PURE__*/jsx(Trans, {
+            i18nKey: "neetoTeamMembers.helpers.multipleProductInvitation",
+            values: {
+              count: selectedEmail.length,
+              emails: selectedEmail,
+              orgName: (_globalProps$organiza = globalProps.organization) === null || _globalProps$organiza === void 0 ? void 0 : _globalProps$organiza.name
+            }
+          }) : /*#__PURE__*/jsx(Trans, {
+            i18nKey: "neetoTeamMembers.helpers.singleProductInvitation",
+            values: getSingleInvitationTranslationProps({
+              activeAppRoles: activeAppRoles,
+              role: role,
+              selectedEmail: selectedEmail
+            })
+          })
+        })]
       })
-    }), /*#__PURE__*/jsxs("table", {
-      className: "w-full border-collapse",
-      children: [/*#__PURE__*/jsx("thead", {
-        children: /*#__PURE__*/jsxs("tr", {
-          children: [/*#__PURE__*/jsx("th", {
-            className: "border border-border p-2 text-start text-xs font-bold uppercase text-muted-foreground",
-            children: t("neetoTeamMembers.common.productName")
-          }), /*#__PURE__*/jsx("th", {
-            className: "border border-border p-2 text-start text-xs font-bold uppercase text-muted-foreground",
-            children: t("neetoTeamMembers.common.role", SINGULAR)
+    }), isMultipleProduct && /*#__PURE__*/jsx(Card, {
+      className: "w-full shrink-0 ring-0",
+      size: "sm",
+      children: /*#__PURE__*/jsx(CardContent, {
+        className: "overflow-hidden rounded-md border border-border p-0",
+        children: /*#__PURE__*/jsxs("table", {
+          className: "w-full border-collapse",
+          children: [/*#__PURE__*/jsx("thead", {
+            className: "bg-muted/40",
+            children: /*#__PURE__*/jsxs("tr", {
+              children: [/*#__PURE__*/jsx("th", {
+                className: "px-3 py-2 text-start text-xs font-medium uppercase tracking-wide text-muted-foreground",
+                children: t("neetoTeamMembers.common.productName")
+              }), /*#__PURE__*/jsx("th", {
+                className: "px-3 py-2 text-start text-xs font-medium uppercase tracking-wide text-muted-foreground",
+                children: t("neetoTeamMembers.common.role", SINGULAR)
+              })]
+            })
+          }), /*#__PURE__*/jsx("tbody", {
+            className: "divide-y divide-border",
+            children: activeAppRoles.map(function (_ref) {
+              var appName = _ref.appName,
+                activeRole = _ref.activeRole;
+              return /*#__PURE__*/jsxs("tr", {
+                children: [/*#__PURE__*/jsx("td", {
+                  className: "px-3 py-2",
+                  children: /*#__PURE__*/jsx(Typography, {
+                    variant: "body3",
+                    children: t("neetoTeamMembers.labels.neeto_", {
+                      product: appName
+                    })
+                  })
+                }), /*#__PURE__*/jsx("td", {
+                  className: "px-3 py-2",
+                  children: /*#__PURE__*/jsx(Typography, {
+                    variant: "body3",
+                    children: activeRole
+                  })
+                })]
+              }, appName);
+            })
           })]
         })
-      }), /*#__PURE__*/jsx("tbody", {
-        children: activeAppRoles.map(function (_ref) {
-          var appName = _ref.appName,
-            activeRole = _ref.activeRole;
-          return /*#__PURE__*/jsxs("tr", {
-            children: [/*#__PURE__*/jsx("td", {
-              className: "border border-border p-2",
-              children: /*#__PURE__*/jsx(Typography, {
-                className: "text-sm leading-relaxed",
-                children: t("neetoTeamMembers.labels.neeto_", {
-                  product: appName
-                })
-              })
-            }), /*#__PURE__*/jsx("td", {
-              className: "border border-border p-2",
-              children: /*#__PURE__*/jsx(Typography, {
-                className: "text-sm leading-relaxed",
-                children: activeRole
-              })
-            })]
-          }, appName);
-        })
-      })]
-    })]
-  }) : /*#__PURE__*/jsx(Typography, {
-    className: "text-sm leading-relaxed",
-    children: /*#__PURE__*/jsx(Trans, {
-      i18nKey: "neetoTeamMembers.helpers.singleProductInvitation",
-      values: getSingleInvitationTranslationProps({
-        activeAppRoles: activeAppRoles,
-        role: role,
-        selectedEmail: selectedEmail
       })
-    })
+    })]
   });
 };
 
+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"));
@@ -657,7 +741,7 @@ var InviteLink$1 = function InviteLink(_ref) {
     children: [/*#__PURE__*/jsxs("div", {
       className: "flex items-center gap-2 pt-1",
       children: [/*#__PURE__*/jsxs("div", {
-        className: "relative flex min-w-0 grow items-center truncate neeto-ui-rounded-md border border-border bg-muted/50 leading-none",
+        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)
@@ -751,6 +835,7 @@ 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);
@@ -804,24 +889,20 @@ var ProfileSettings = function ProfileSettings(_ref) {
     countryDropdownOptions = _useCountries.countryDropdownOptions,
     isFetchingCountriesList = _useCountries.isFetchingCountriesList,
     handleCountryChange = _useCountries.handleCountryChange;
-  var timezoneContainerRef = useRef(null);
-  useEffect(function () {
-    var node = timezoneContainerRef.current;
-    if (!node) return undefined;
-    new NeetoTimezoneSelector(node, {
-      isTimeFormat24H: member.timeFormat === "24h",
-      className: "w-full z-10",
-      position: "bottom",
-      initialValue: member.timeZone,
-      onChange: function onChange(_ref2) {
-        var main = _ref2.main;
-        return setFieldValueRef.current("timeZone", main);
-      },
-      disabled: isTimezoneFieldDisabled
-    });
-    return function () {
-      node.innerHTML = "";
-    };
+  var timezoneContainerRef = useCallback(function (node) {
+    if (isNotNil(node)) {
+      new NeetoTimezoneSelector(node, {
+        isTimeFormat24H: member.timeFormat === "24h",
+        className: "w-full z-10",
+        position: "bottom",
+        initialValue: member.timeZone,
+        onChange: function onChange(_ref2) {
+          var main = _ref2.main;
+          return setFieldValueRef.current("timeZone", main);
+        },
+        disabled: isTimezoneFieldDisabled
+      });
+    }
   }, [member.timeZone, member.timeFormat, isTimezoneFieldDisabled]);
   useEffect(function () {
     var country = findBy({
@@ -830,7 +911,7 @@ var ProfileSettings = function ProfileSettings(_ref) {
     if (country) handleCountryChange(country);
   }, [member.countryIdentifier, countryDropdownOptions, handleCountryChange]);
   return /*#__PURE__*/jsxs("div", {
-    className: "w-full space-y-4",
+    className: "w-full space-y-6",
     "data-cy": "ntm-profile-settings",
     children: [/*#__PURE__*/jsx(FormikSelect, {
       "data-cy": "ntm-edit-member-country-select",
@@ -1216,22 +1297,20 @@ var ManageMember = function ManageMember(_ref) {
   };
   var isSheet = manageMemberComponentConfig.type !== "modal";
   return /*#__PURE__*/jsxs(Component, {
-    className: manageMemberComponentConfig.className,
     "data-testid": "ntm-manage-members-pane-wrapper",
     isOpen: manageMemberComponentConfig.isOpen,
+    className: classnames("ntm-timezone-shadcn-overrides", manageMemberComponentConfig.className),
     onClose: function onClose() {
       return handleClose(false);
     },
     children: [/*#__PURE__*/jsxs(Component.Header, _objectSpread(_objectSpread({}, isSheet ? manageMemberComponentConfig.headerProps : {}), {}, {
-      className: cn(isSheet && currentPage !== FORM_PAGES.MAIN && "flex flex-row items-start gap-2", isSheet && ((_manageMemberComponen = manageMemberComponentConfig.headerProps) === null || _manageMemberComponen === void 0 ? void 0 : _manageMemberComponen.className)),
+      className: cn(isSheet && currentPage !== FORM_PAGES.MAIN && "flex flex-row items-center gap-2", isSheet && ((_manageMemberComponen = manageMemberComponentConfig.headerProps) === null || _manageMemberComponen === void 0 ? void 0 : _manageMemberComponen.className)),
       children: [isSheet && currentPage !== FORM_PAGES.MAIN && /*#__PURE__*/jsx(Button, {
-        "aria-label": "Back",
+        "aria-label": t("neetoTeamMembers.buttons.back"),
+        icon: ArrowLeft,
         size: "icon-sm",
         variant: "ghost",
-        onClick: handleBackButton,
-        children: /*#__PURE__*/jsx(ArrowLeft, {
-          className: "size-4"
-        })
+        onClick: handleBackButton
       }), /*#__PURE__*/jsxs("div", {
         children: [/*#__PURE__*/jsx(Component.Title, {
           "data-testid": "ntm-manage-members-pane-header",
@@ -1271,7 +1350,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-4 overflow-y-auto px-4 pb-4" : "w-full space-y-4 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-4 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"
@@ -1306,4 +1385,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-SkKQWXyo.js.map
+//# sourceMappingURL=index-B2PgGcMs.js.map