@bigbinary/neeto-team-members-frontend 5.0.42 → 5.0.43

package/dist/{index-CgcUZO11.js → index-BHZSKqUU.js}

@@ -8,32 +8,32 @@ var React = require('react');
 var neetoAtoms = require('@bigbinary/neeto-atoms');
 var classnames = require('classnames');
 var lucideReact = require('lucide-react');
-var initializers = require('@bigbinary/neeto-commons-frontend/initializers');
-var utils = require('@bigbinary/neeto-commons-frontend/utils');
+var initializers = require('@bigbinary/neeto-commons-frontend/v2/initializers');
+var utils = require('@bigbinary/neeto-commons-frontend/v2/utils');
 var hooks = require('@bigbinary/neeto-image-uploader-frontend/hooks');
 var ramda = require('ramda');
 var reactI18next = require('react-i18next');
 var sonner = require('sonner');
-var ActionBlock = require('./ActionBlock-C9Iy0jGZ.js');
-var Select = require('./Select-CshPoN2b.js');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var useRolesApi = require('./useRolesApi-DuL4eCuF.js');
+var useTeamsApi = require('./useTeamsApi-Bp2O5h4D.js');
 var formik = require('formik');
-var jsxRuntime = require('react/jsx-runtime');
-var index = require('./index-BkEJugj1.js');
-var timezoneSelector = require('./timezone-selector-DzjWIcWK.js');
-var useTeamsApi = require('./useTeamsApi-Ch5sHR2_.js');
 var neetoCist = require('@bigbinary/neeto-cist');
-var v2_RolesRadioGroup = require('./RolesRadioGroup-cjHORagK.js');
+var v2_RolesRadioGroup = require('./RolesRadioGroup-BwiP6Akj.js');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var jsxRuntime = require('react/jsx-runtime');
+var Select = require('./Select-CshPoN2b.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 constants = require('@bigbinary/neeto-commons-frontend/v2/constants');
+var reactUtils = require('@bigbinary/neeto-commons-frontend/v2/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');
+var useInviteLinksApi = require('./useInviteLinksApi-COVfmZiQ.js');
 var formik$1 = require('@bigbinary/neeto-atoms/formik');
-var v2_utils = require('./cjs/v2/utils.js');
+var utils$1 = require('./cjs/utils.js');
 var neetoTimeZones = require('@bigbinary/neeto-time-zones');
+var constants$1 = require('./constants-D_H6M1Pm.js');
+var ProfileImage = require('./ProfileImage-BLnx0E90.js');
+var ActionBlock = require('./ActionBlock-C9Iy0jGZ.js');
+var index = require('./index-BOQKf6as.js');
 var primitives = require('@bigbinary/neeto-atoms/primitives');
 var i18next = require('i18next');
 var MoreDropdown = require('@bigbinary/neeto-molecules/v2/MoreDropdown');
@@ -47,13 +47,12 @@ var _regeneratorRuntime__default = /*#__PURE__*/_interopDefault(_regeneratorRunt
 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 = ["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; }
+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 FormikSwitch = function FormikSwitch(_ref) {
   var name = _ref.name,
     label = _ref.label,
@@ -69,7 +68,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$3({
+    children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Switch, _objectSpread$2({
       disabled: disabled,
       checked: isChecked,
       id: name,
@@ -92,18 +91,9 @@ var _getQueryParams = utils.getQueryParams(),
   page = _getQueryParams.page,
   pageSize = _getQueryParams.pageSize;
 var DEFAULT_RADIX = 10;
-var DEFAULT_IS_OPEN_VALUES = {
-  menuBar: false,
-  manageMember: false,
-  alert: false
-};
-var DEFAULT_FILTER_VALUES = {
+({
   page: ramda.clamp(1, Infinity, parseInt(page)) || constants.DEFAULT_PAGE_INDEX,
-  pageSize: ramda.clamp(10, 100, parseInt(pageSize)) || constants.DEFAULT_PAGE_SIZE,
-  sortBy: undefined,
-  orderBy: undefined,
-  neetoFilters: []
-};
+  pageSize: ramda.clamp(10, 100, parseInt(pageSize)) || constants.DEFAULT_PAGE_SIZE});
 var DEFAULT_SELECTED_ROWS = {
   active: [],
   emails: [],
@@ -111,267 +101,6 @@ 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__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,
-    handleUpdateStatus = _ref.handleUpdateStatus,
-    tableData = _ref.tableData;
-  var name = tableData.displayName,
-    imageUrl = tableData.profileImageUrl;
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: "flex w-full justify-between gap-3",
-    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "flex items-center gap-2",
-      children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Avatar, {
-        className: "size-8",
-        user: {
-          name: name,
-          imageUrl: imageUrl
-        }
-      }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
-        className: "whitespace-normal",
-        "data-testid": "ntm-member-name-".concat(utils.hyphenize(name)),
-        variant: "body3",
-        children: name
-      })]
-    }), renderDropdownButton({
-      config: config,
-      handleUpdateRole: handleUpdateRole,
-      handleUpdateStatus: handleUpdateStatus,
-      tableData: tableData
-    })]
-  });
-};
-var renderDropdownButton = function renderDropdownButton(_ref2) {
-  var _config$table, _config$table$dropdow;
-  var config = _ref2.config,
-    handleUpdateRole = _ref2.handleUpdateRole,
-    handleUpdateStatus = _ref2.handleUpdateStatus,
-    tableData = _ref2.tableData;
-  return /*#__PURE__*/jsxRuntime.jsx(MoreDropdown__default.default, {
-    isDisabled: ramda.not(config.permissions.update),
-    dropdownButtonProps: {
-      "data-testid": "ntm-members-table-row-dropdown-button",
-      tooltipProps: {
-        content: i18next__default.default.t("neetoTeamMembers.tooltips.noPermissionToEditMembers"),
-        disabled: config.permissions.update,
-        position: "top"
-      }
-    },
-    menuTopChildren: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/jsxRuntime.jsx(primitives.DropdownMenuItem, {
-        className: "cursor-pointer",
-        "data-testid": "ntm-edit-member-button",
-        onClick: function onClick() {
-          return handleUpdateRole(tableData);
-        },
-        children: i18next__default.default.t("neetoTeamMembers.common.edit")
-      }), config === null || config === void 0 || (_config$table = config.table) === null || _config$table === void 0 || (_config$table$dropdow = _config$table.dropdownProps) === null || _config$table$dropdow === void 0 ? void 0 : _config$table$dropdow.call(_config$table, tableData), /*#__PURE__*/jsxRuntime.jsx(primitives.DropdownMenuItem, {
-        className: "cursor-pointer",
-        "data-testid": "ntm-deactivate-member-button",
-        onClick: function onClick() {
-          return handleUpdateStatus(tableData);
-        },
-        children: i18next__default.default.t("neetoTeamMembers.common.remove")
-      })]
-    })
-  });
-};
-var getDefaultAlertTitle = function getDefaultAlertTitle(_ref3) {
-  var member = _ref3.member;
-  return member !== null && member !== void 0 && member.active ? i18next__default.default.t("neetoTeamMembers.common.remove_", {
-    what: initializers.taxonomies.member.singular
-  }) : i18next__default.default.t("neetoTeamMembers.common.activate_", {
-    what: initializers.taxonomies.member.singular
-  });
-};
-var getDefaultAlertMessage = function getDefaultAlertMessage(_ref4) {
-  var member = _ref4.member;
-  return /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
-    i18nKey: "neetoTeamMembers.alerts.messages.removeMember",
-    values: _objectSpread$2(_objectSpread$2({}, constants.SINGULAR), {}, {
-      person: member === null || member === void 0 ? void 0 : member.displayName
-    })
-  });
-};
-var getDefaultColumns = function getDefaultColumns(_ref5) {
-  var config = _ref5.config,
-    handleUpdateRole = _ref5.handleUpdateRole,
-    handleUpdateStatus = _ref5.handleUpdateStatus,
-    otherColumns = _ref5.otherColumns,
-    isSize = _ref5.isSize;
-  return [{
-    accessorKey: "name",
-    id: "name",
-    size: 300,
-    enablePinning: neetoCist.isNotEmpty(otherColumns) && !isSize("mobile"),
-    cell: function cell(_ref6) {
-      var row = _ref6.row;
-      return renderNameColumn({
-        config: config,
-        handleUpdateRole: handleUpdateRole,
-        handleUpdateStatus: handleUpdateStatus,
-        tableData: row.original
-      });
-    },
-    enableSorting: true,
-    header: i18next__default.default.t("neetoTeamMembers.common.name"),
-    enableHiding: false
-  }, {
-    accessorKey: "email",
-    id: "email",
-    enableSorting: true,
-    size: 350,
-    header: i18next__default.default.t("neetoTeamMembers.common.email", constants.SINGULAR)
-  }, {
-    accessorKey: "role",
-    enableSorting: true,
-    size: 200,
-    header: i18next__default.default.t("neetoTeamMembers.common.role", constants.SINGULAR)
-  }];
-};
-var removeExcludedRole = ramda.curry(function (excludedRoles, role) {
-  return !(excludedRoles !== null && excludedRoles !== void 0 && excludedRoles.includes(role === null || role === void 0 ? void 0 : role.name));
-});
-var getColumnData = function getColumnData(_ref7) {
-  var _config$otherColumns;
-  var config = _ref7.config,
-    handleUpdateRole = _ref7.handleUpdateRole,
-    handleUpdateStatus = _ref7.handleUpdateStatus,
-    isSize = _ref7.isSize;
-  var otherColumns = (_config$otherColumns = config === null || config === void 0 ? void 0 : config.otherColumns) !== null && _config$otherColumns !== void 0 ? _config$otherColumns : [];
-  var defaultColumns = getDefaultColumns({
-    config: config,
-    handleUpdateRole: handleUpdateRole,
-    handleUpdateStatus: handleUpdateStatus,
-    otherColumns: otherColumns,
-    isSize: isSize
-  });
-  var columns = defaultColumns.map(function (column) {
-    var otherColumn = otherColumns.find(function (col) {
-      return ramda.identical(col.accessorKey || col.id, column.accessorKey || column.id);
-    });
-    return otherColumn || column;
-  });
-  otherColumns.forEach(function (otherColumn) {
-    var key = otherColumn.accessorKey || otherColumn.id;
-    var exists = columns.find(function (col) {
-      return ramda.identical(col.accessorKey || col.id, key);
-    });
-    if (!exists) columns.push(otherColumn);
-  });
-  return columns;
-};
-var renderUpdateAlert = function renderUpdateAlert(field, props) {
-  var _config$alert;
-  var config = props.config,
-    member = props.member;
-  if (config !== null && config !== void 0 && (_config$alert = config.alert) !== null && _config$alert !== void 0 && _config$alert[field]) {
-    var _config$alert2;
-    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.displayName
-    });
-  }
-  return field === "title" ? getDefaultAlertTitle(props) : getDefaultAlertMessage(props);
-};
-var handlePageChange = function handlePageChange(setFilters, history) {
-  return function (page, pageSize) {
-    var searchParams = utils.getQueryParams({
-      toCamelCase: false
-    });
-    history.replace(utils.buildUrl(window.location.pathname, ramda.mergeLeft({
-      page: page,
-      page_size: pageSize
-    }, searchParams)));
-    setFilters(ramda.mergeLeft({
-      page: page,
-      pageSize: pageSize
-    }));
-  };
-};
-var defaultNeetoFiltersColumns = function defaultNeetoFiltersColumns() {
-  return [{
-    key: "email",
-    label: i18next__default.default.t("neetoTeamMembers.common.email", constants.SINGULAR),
-    model: "User",
-    node: "email",
-    showRuleSelector: true,
-    type: "text"
-  }, {
-    key: "name",
-    label: i18next__default.default.t("neetoTeamMembers.common.name"),
-    model: "User",
-    node: "first_name,last_name",
-    type: "text",
-    values: ""
-  }, {
-    key: "role",
-    label: i18next__default.default.t("neetoTeamMembers.common.role", constants.SINGULAR),
-    model: "OrganizationRole",
-    node: "organization_role.name",
-    type: "multi_option",
-    values: []
-  }];
-};
-var buildFilterColumns = function buildFilterColumns(_ref8) {
-  var _ref8$options = _ref8.options,
-    _ref8$options$emails = _ref8$options.emails,
-    emails = _ref8$options$emails === void 0 ? [] : _ref8$options$emails,
-    _ref8$options$organiz = _ref8$options.organizationRoles,
-    organizationRoles = _ref8$options$organiz === void 0 ? [] : _ref8$options$organiz,
-    _ref8$emailConfig = _ref8.emailConfig,
-    setSearchTerm = _ref8$emailConfig.setSearchTerm,
-    isLoading = _ref8$emailConfig.isLoading;
-  var columnValues = {
-    email: emails.map(neetoCist.toLabelAndValue),
-    role: organizationRoles.map(neetoCist.toLabelAndValue)
-  };
-  return defaultNeetoFiltersColumns().map(function (column) {
-    var values = columnValues[column.key];
-    if (column.key === "role") return ramda.assoc("values", values, column);
-    var emailConfig = {
-      values: values,
-      isLoading: isLoading,
-      onInputChange: setSearchTerm
-    };
-    return ramda.mergeLeft(emailConfig, column);
-  });
-};
-var getFilteredRoles = function getFilteredRoles() {
-  var roles = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return ramda.filter(removeExcludedRole(config === null || config === void 0 ? void 0 : config.excludedRoles), roles);
-};
-var generateNoDataContent = function generateNoDataContent(_ref9) {
-  var buttonProps = _ref9.buttonProps;
-  var disabled = buttonProps.disabled,
-    onClick = buttonProps.onClick;
-  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 = {
-    "data-testid": "ntm-add-member-button",
-    disabled: disabled,
-    label: i18next__default.default.t("neetoTeamMembers.common.addNew_", {
-      what: initializers.taxonomies.member.singular
-    }),
-    onClick: onClick
-  };
-  return {
-    noDataTitle: noDataTitle,
-    noDataDescription: noDataDescription,
-    noDataIcon: lucideReact.Users,
-    noDataButtonProps: noDataButtonProps
-  };
-};
-
 var AppList = function AppList(_ref) {
   var _globalProps$user;
   var globalRoles = _ref.globalRoles,
@@ -517,7 +246,7 @@ var Confirmation = function Confirmation() {
       children: /*#__PURE__*/jsxRuntime.jsxs(Card.CardContent, {
         className: "flex items-start gap-3",
         children: [/*#__PURE__*/jsxRuntime.jsx("div", {
-          className: "bg-primary/10 mt-0.5 flex size-9 shrink-0 items-center justify-center rounded-full",
+          className: "bg-primary/10 mt-0.5 flex size-9 shrink-0 items-center justify-center neeto-ui-rounded-full",
           children: /*#__PURE__*/jsxRuntime.jsx(lucideReact.Mail, {
             className: "size-4 text-primary"
           })
@@ -545,7 +274,7 @@ var Confirmation = function Confirmation() {
       className: "w-full shrink-0 ring-0",
       size: "sm",
       children: /*#__PURE__*/jsxRuntime.jsx(Card.CardContent, {
-        className: "overflow-hidden rounded-md border border-border p-0",
+        className: "overflow-hidden neeto-ui-rounded-md border border-border p-0",
         children: /*#__PURE__*/jsxRuntime.jsxs("table", {
           className: "w-full border-collapse",
           children: [/*#__PURE__*/jsxRuntime.jsx("thead", {
@@ -589,65 +318,16 @@ var Confirmation = function Confirmation() {
   });
 };
 
-// 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"));
-};
-var create = function create(payload) {
-  return axios__default.default.post("".concat(constants$1.BASE_URL, "/api/v1/invite_links"), {
-    inviteLink: payload
-  });
-};
-var regenerate = function regenerate(inviteLinkId, payload) {
-  return axios__default.default.put("".concat(constants$1.BASE_URL, "/api/v1/invite_links/").concat(inviteLinkId), {
-    inviteLink: payload
-  });
-};
-var inviteLinksApi = {
-  fetch: fetch,
-  create: create,
-  regenerate: regenerate
-};
-
-function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var useFetchInviteLinks = function useFetchInviteLinks() {
-  return reactQuery.useQuery({
-    queryKey: [constants$1.QUERY_KEYS.INVITATION_LINK],
-    queryFn: function queryFn() {
-      return inviteLinksApi.fetch();
-    }
-  });
-};
-var useCreateInviteLinks = function useCreateInviteLinks() {
-  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return reactUtils.useMutationWithInvalidation(function (payload) {
-    return inviteLinksApi.create(payload);
-  }, _objectSpread$1({
-    keysToInvalidate: [[constants$1.QUERY_KEYS.INVITATION_LINK]]
-  }, options));
-};
-var useRegenerateInviteLink = function useRegenerateInviteLink() {
-  return reactUtils.useMutationWithInvalidation(function (_ref) {
-    var inviteLinkId = _ref.inviteLinkId,
-      payload = _ref.payload;
-    return inviteLinksApi.regenerate(inviteLinkId, payload);
-  }, {
-    keysToInvalidate: [[constants$1.QUERY_KEYS.INVITATION_LINK]]
-  });
-};
-
-var FEEDBACK_DURATION_MS = 2500;
 var InviteLink = function InviteLink(_ref) {
   var _inviteLinks$, _inviteLinks$2, _inviteLinks$3, _inviteLinks$4, _inviteLinks$5, _inviteLinks$6, _inviteLinks$7;
   var t = _ref.t,
     roles = _ref.roles;
-  var _useCreateInviteLinks = useCreateInviteLinks(),
+  var _useCreateInviteLinks = useInviteLinksApi.useCreateInviteLinks(),
     createInviteLink = _useCreateInviteLinks.mutate,
     isCreateLinkPending = _useCreateInviteLinks.isPending;
-  var _useRegenerateInviteL = useRegenerateInviteLink(),
+  var _useRegenerateInviteL = useInviteLinksApi.useRegenerateInviteLink(),
     regenerateLink = _useRegenerateInviteL.mutate;
-  var _useFetchInviteLinks = useFetchInviteLinks(),
+  var _useFetchInviteLinks = useInviteLinksApi.useFetchInviteLinks(),
     _useFetchInviteLinks$ = _useFetchInviteLinks.data,
     _useFetchInviteLinks$2 = _useFetchInviteLinks$ === void 0 ? {} : _useFetchInviteLinks$,
     _useFetchInviteLinks$3 = _useFetchInviteLinks$2.inviteLinks,
@@ -665,7 +345,7 @@ var InviteLink = function InviteLink(_ref) {
     clearTimeout(feedbackTimerRef.current);
     feedbackTimerRef.current = setTimeout(function () {
       return setFeedbackMessage("");
-    }, FEEDBACK_DURATION_MS);
+    }, v2_RolesRadioGroup.FEEDBACK_DURATION_MS);
   };
   React.useEffect(function () {
     return function () {
@@ -710,7 +390,7 @@ var InviteLink = function InviteLink(_ref) {
     children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
       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",
+        className: "relative flex min-w-0 grow items-center truncate neeto-ui-rounded-md border border-border bg-muted/50 leading-none",
         children: [isInviteLinkEmpty ? /*#__PURE__*/jsxRuntime.jsx("div", {
           className: "relative min-w-0 grow truncate p-2 leading-none"
         }) : /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
@@ -749,7 +429,7 @@ 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",
+      className: "flex w-fit items-center gap-1.5 neeto-ui-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, {
@@ -790,7 +470,7 @@ var MultipleEmailInput = function MultipleEmailInput(_ref) {
     _ref$selectedMember = _ref.selectedMember,
     selectedMember = _ref$selectedMember === void 0 ? null : _ref$selectedMember,
     setCurrentPage = _ref.setCurrentPage;
-  var isInviteLinkFeatureEnabled = !v2_utils.isNeetoAuthApp();
+  var isInviteLinkFeatureEnabled = !utils$1.isNeetoAuthApp();
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useFormikContext = formik.useFormikContext(),
@@ -877,7 +557,7 @@ var ProfileSettings = function ProfileSettings(_ref) {
   React.useEffect(function () {
     setFieldValueRef.current = setFieldValue;
   }, [setFieldValue]);
-  var _useCountries = timezoneSelector.useCountries(),
+  var _useCountries = ProfileImage.useCountries(),
     countryDropdownOptions = _useCountries.countryDropdownOptions,
     isFetchingCountriesList = _useCountries.isFetchingCountriesList,
     handleCountryChange = _useCountries.handleCountryChange;
@@ -948,6 +628,219 @@ var ProfileSettings = function ProfileSettings(_ref) {
   });
 };
 
+function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(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,
+    handleUpdateStatus = _ref.handleUpdateStatus,
+    tableData = _ref.tableData;
+  var name = tableData.displayName,
+    imageUrl = tableData.profileImageUrl;
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "flex w-full justify-between gap-3",
+    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex items-center gap-2",
+      children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Avatar, {
+        className: "size-8",
+        user: {
+          name: name,
+          imageUrl: imageUrl
+        }
+      }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+        className: "whitespace-normal",
+        "data-testid": "ntm-member-name-".concat(utils.hyphenize(name)),
+        variant: "body3",
+        children: name
+      })]
+    }), renderDropdownButton({
+      config: config,
+      handleUpdateRole: handleUpdateRole,
+      handleUpdateStatus: handleUpdateStatus,
+      tableData: tableData
+    })]
+  });
+};
+var renderDropdownButton = function renderDropdownButton(_ref2) {
+  var _config$table, _config$table$dropdow;
+  var config = _ref2.config,
+    handleUpdateRole = _ref2.handleUpdateRole,
+    handleUpdateStatus = _ref2.handleUpdateStatus,
+    tableData = _ref2.tableData;
+  return /*#__PURE__*/jsxRuntime.jsx(MoreDropdown__default.default, {
+    isDisabled: ramda.not(config.permissions.update),
+    dropdownButtonProps: {
+      "data-testid": "ntm-members-table-row-dropdown-button",
+      tooltipProps: {
+        content: i18next__default.default.t("neetoTeamMembers.tooltips.noPermissionToEditMembers"),
+        disabled: config.permissions.update,
+        position: "top"
+      }
+    },
+    menuTopChildren: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(primitives.DropdownMenuItem, {
+        className: "cursor-pointer",
+        "data-testid": "ntm-edit-member-button",
+        onClick: function onClick() {
+          return handleUpdateRole(tableData);
+        },
+        children: i18next__default.default.t("neetoTeamMembers.common.edit")
+      }), config === null || config === void 0 || (_config$table = config.table) === null || _config$table === void 0 || (_config$table$dropdow = _config$table.dropdownProps) === null || _config$table$dropdow === void 0 ? void 0 : _config$table$dropdow.call(_config$table, tableData), /*#__PURE__*/jsxRuntime.jsx(primitives.DropdownMenuItem, {
+        className: "cursor-pointer",
+        "data-testid": "ntm-deactivate-member-button",
+        onClick: function onClick() {
+          return handleUpdateStatus(tableData);
+        },
+        children: i18next__default.default.t("neetoTeamMembers.common.remove")
+      })]
+    })
+  });
+};
+var getDefaultAlertTitle = function getDefaultAlertTitle(_ref3) {
+  var member = _ref3.member;
+  return member !== null && member !== void 0 && member.active ? i18next__default.default.t("neetoTeamMembers.common.remove_", {
+    what: initializers.taxonomies.member.singular
+  }) : i18next__default.default.t("neetoTeamMembers.common.activate_", {
+    what: initializers.taxonomies.member.singular
+  });
+};
+var getDefaultAlertMessage = function getDefaultAlertMessage(_ref4) {
+  var member = _ref4.member;
+  return /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+    i18nKey: "neetoTeamMembers.alerts.messages.removeMember",
+    values: _objectSpread$1(_objectSpread$1({}, constants.SINGULAR), {}, {
+      person: member === null || member === void 0 ? void 0 : member.displayName
+    })
+  });
+};
+var getDefaultColumns = function getDefaultColumns(_ref5) {
+  var config = _ref5.config,
+    handleUpdateRole = _ref5.handleUpdateRole,
+    handleUpdateStatus = _ref5.handleUpdateStatus,
+    otherColumns = _ref5.otherColumns,
+    isSize = _ref5.isSize;
+  return [{
+    accessorKey: "name",
+    id: "name",
+    size: 300,
+    enablePinning: neetoCist.isNotEmpty(otherColumns) && !isSize("mobile"),
+    cell: function cell(_ref6) {
+      var row = _ref6.row;
+      return renderNameColumn({
+        config: config,
+        handleUpdateRole: handleUpdateRole,
+        handleUpdateStatus: handleUpdateStatus,
+        tableData: row.original
+      });
+    },
+    enableSorting: true,
+    header: i18next__default.default.t("neetoTeamMembers.common.name"),
+    enableHiding: false
+  }, {
+    accessorKey: "email",
+    id: "email",
+    enableSorting: true,
+    size: 350,
+    header: i18next__default.default.t("neetoTeamMembers.common.email", constants.SINGULAR)
+  }, {
+    accessorKey: "role",
+    enableSorting: true,
+    size: 200,
+    header: i18next__default.default.t("neetoTeamMembers.common.role", constants.SINGULAR)
+  }];
+};
+var removeExcludedRole = ramda.curry(function (excludedRoles, role) {
+  return !(excludedRoles !== null && excludedRoles !== void 0 && excludedRoles.includes(role === null || role === void 0 ? void 0 : role.name));
+});
+var getColumnData = function getColumnData(_ref7) {
+  var _config$otherColumns;
+  var config = _ref7.config,
+    handleUpdateRole = _ref7.handleUpdateRole,
+    handleUpdateStatus = _ref7.handleUpdateStatus,
+    isSize = _ref7.isSize;
+  var otherColumns = (_config$otherColumns = config === null || config === void 0 ? void 0 : config.otherColumns) !== null && _config$otherColumns !== void 0 ? _config$otherColumns : [];
+  var defaultColumns = getDefaultColumns({
+    config: config,
+    handleUpdateRole: handleUpdateRole,
+    handleUpdateStatus: handleUpdateStatus,
+    otherColumns: otherColumns,
+    isSize: isSize
+  });
+  var columns = defaultColumns.map(function (column) {
+    var otherColumn = otherColumns.find(function (col) {
+      return ramda.identical(col.accessorKey || col.id, column.accessorKey || column.id);
+    });
+    return otherColumn || column;
+  });
+  otherColumns.forEach(function (otherColumn) {
+    var key = otherColumn.accessorKey || otherColumn.id;
+    var exists = columns.find(function (col) {
+      return ramda.identical(col.accessorKey || col.id, key);
+    });
+    if (!exists) columns.push(otherColumn);
+  });
+  return columns;
+};
+var renderUpdateAlert = function renderUpdateAlert(field, props) {
+  var _config$alert;
+  var config = props.config,
+    member = props.member;
+  if (config !== null && config !== void 0 && (_config$alert = config.alert) !== null && _config$alert !== void 0 && _config$alert[field]) {
+    var _config$alert2;
+    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.displayName
+    });
+  }
+  return field === "title" ? getDefaultAlertTitle(props) : getDefaultAlertMessage(props);
+};
+var handlePageChange = function handlePageChange(setFilters, history) {
+  return function (page, pageSize) {
+    var searchParams = utils.getQueryParams({
+      toCamelCase: false
+    });
+    history.replace(utils.buildUrl(window.location.pathname, ramda.mergeLeft({
+      page: page,
+      page_size: pageSize
+    }, searchParams)));
+    setFilters(ramda.mergeLeft({
+      page: page,
+      pageSize: pageSize
+    }));
+  };
+};
+var getFilteredRoles = function getFilteredRoles() {
+  var roles = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return ramda.filter(removeExcludedRole(config === null || config === void 0 ? void 0 : config.excludedRoles), roles);
+};
+var generateNoDataContent = function generateNoDataContent(_ref9) {
+  var buttonProps = _ref9.buttonProps;
+  var disabled = buttonProps.disabled,
+    onClick = buttonProps.onClick;
+  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 = {
+    "data-testid": "ntm-add-member-button",
+    disabled: disabled,
+    label: i18next__default.default.t("neetoTeamMembers.common.addNew_", {
+      what: initializers.taxonomies.member.singular
+    }),
+    onClick: onClick
+  };
+  return {
+    noDataTitle: noDataTitle,
+    noDataDescription: noDataDescription,
+    noDataIcon: lucideReact.Users,
+    noDataButtonProps: noDataButtonProps
+  };
+};
+
 function ownKeys(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(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ManageMember = function ManageMember(_ref) {
@@ -996,7 +889,7 @@ var ManageMember = function ManageMember(_ref) {
   var haveToFetchRoles = ramda.isEmpty(roles) && isViewPermissionGranted;
   var isEditForm = !!selectedMember;
   var isLastPage = currentPage === v2_RolesRadioGroup.FORM_PAGES.CONFIRMATION || isEditForm;
-  var _useFetchRoles = index.useFetchRoles({
+  var _useFetchRoles = useRolesApi.useFetchRoles({
       select: function select(response) {
         var _response$organizatio;
         return ramda.reverse((_response$organizatio = response.organizationRoles) !== null && _response$organizatio !== void 0 ? _response$organizatio : []);
@@ -1006,7 +899,7 @@ var ManageMember = function ManageMember(_ref) {
     _useFetchRoles$data = _useFetchRoles.data,
     rolesList = _useFetchRoles$data === void 0 ? roles : _useFetchRoles$data,
     isRolesLoading = _useFetchRoles.isLoading;
-  var _useFetchGlobalRoles = index.useFetchGlobalRoles({
+  var _useFetchGlobalRoles = useRolesApi.useFetchGlobalRoles({
       select: function select(response) {
         return ramda.groupBy(ramda.prop("appName"), response !== null && response !== void 0 ? response : []);
       },
@@ -1257,7 +1150,7 @@ var ManageMember = function ManageMember(_ref) {
     switch (page) {
       case v2_RolesRadioGroup.FORM_PAGES.MAIN:
         return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-          children: [selectedMember && /*#__PURE__*/jsxRuntime.jsx(timezoneSelector.ProfileImage, {}), selectedMember && /*#__PURE__*/jsxRuntime.jsx(NameInputs, {
+          children: [selectedMember && /*#__PURE__*/jsxRuntime.jsx(ProfileImage.ProfileImage, {}), selectedMember && /*#__PURE__*/jsxRuntime.jsx(NameInputs, {
             innerRef: inputReference
           }), /*#__PURE__*/jsxRuntime.jsx(MultipleEmailInput, {
             emails: emails,
@@ -1376,16 +1269,12 @@ var ManageMember = function ManageMember(_ref) {
   });
 };
 
-exports.DEFAULT_FILTER_VALUES = DEFAULT_FILTER_VALUES;
-exports.DEFAULT_IS_OPEN_VALUES = DEFAULT_IS_OPEN_VALUES;
 exports.DEFAULT_RADIX = DEFAULT_RADIX;
 exports.DEFAULT_SELECTED_ROWS = DEFAULT_SELECTED_ROWS;
 exports.ManageMember = ManageMember;
-exports.buildFilterColumns = buildFilterColumns;
-exports.defaultNeetoFiltersColumns = defaultNeetoFiltersColumns;
 exports.generateNoDataContent = generateNoDataContent;
 exports.getColumnData = getColumnData;
 exports.getFilteredRoles = getFilteredRoles;
 exports.handlePageChange = handlePageChange;
 exports.renderUpdateAlert = renderUpdateAlert;
-//# sourceMappingURL=index-CgcUZO11.js.map
+//# sourceMappingURL=index-BHZSKqUU.js.map