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

package/dist/cjs/v2/TeamMembers.js

@@ -5,10 +5,10 @@ var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var React = require('react');
 var neetoAtoms = require('@bigbinary/neeto-atoms');
 var lucideReact = require('lucide-react');
-var constants = require('@bigbinary/neeto-commons-frontend/constants');
-var initializers = require('@bigbinary/neeto-commons-frontend/initializers');
-var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
-var utils = require('@bigbinary/neeto-commons-frontend/utils');
+var constants = require('@bigbinary/neeto-commons-frontend/v2/constants');
+var initializers = require('@bigbinary/neeto-commons-frontend/v2/initializers');
+var reactUtils = require('@bigbinary/neeto-commons-frontend/v2/react-utils');
+var utils = require('@bigbinary/neeto-commons-frontend/v2/utils');
 var v2 = require('@bigbinary/neeto-filters-frontend/v2');
 var Columns = require('@bigbinary/neeto-molecules/v2/Columns');
 var Container = require('@bigbinary/neeto-molecules/v2/Container');
@@ -16,41 +16,54 @@ var SubHeader$1 = require('@bigbinary/neeto-molecules/v2/SubHeader');
 var ramda = require('ramda');
 var reactI18next = require('react-i18next');
 var reactRouterDom = require('react-router-dom');
-var withReactQuery = require('../../withReactQuery-DvSkXhEx.js');
-var index$1 = require('../../index-BkEJugj1.js');
-var useTeamsApi = require('../../useTeamsApi-Ch5sHR2_.js');
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
-var v2_ManageMember = require('../../index-CmsTaBay.js');
+var useRolesApi = require('../../useRolesApi-DuL4eCuF.js');
+var useTeamsApi = require('../../useTeamsApi-Bp2O5h4D.js');
+var useTeams = require('../../useTeams-9Lgu4ogZ.js');
+var constants$1 = require('../constants.js');
 var neetoCist = require('@bigbinary/neeto-cist');
 var i18next = require('i18next');
 var jsxRuntime = require('react/jsx-runtime');
-var v2_constants = require('./constants.js');
+var v2_ManageMember = require('../../index-BHZSKqUU.js');
 var sonner = require('sonner');
 var NeetoHeader = require('@bigbinary/neeto-molecules/v2/Header');
-require('@tanstack/react-query');
-require('../../queryClient-B-JFya8X.js');
+var withReactQuery = require('../../withReactQuery-DvSkXhEx.js');
 require('@babel/runtime/helpers/objectWithoutProperties');
+require('@tanstack/react-query');
+require('@bigbinary/neeto-commons-frontend/react-utils');
 require('axios');
-require('../../constants-CMNbKvoF.js');
-require('formik');
+require('../../constants-D_H6M1Pm.js');
+require('@bigbinary/neeto-commons-frontend/constants');
+require('@bigbinary/neeto-commons-frontend/initializers');
 require('qs');
+require('../../queryClient-4vAFE3bx.js');
+require('@babel/runtime/helpers/toConsumableArray');
+require('@bigbinary/neeto-filters-frontend/utils');
+require('../../utils-CgwJI9pk.js');
+require('@bigbinary/neeto-commons-frontend/utils');
+require('@bigbinary/neeto-molecules/MoreDropdown');
+require('@bigbinary/neetoui/Avatar');
+require('@bigbinary/neetoui/Dropdown');
+require('@bigbinary/neetoui/Typography');
 require('@babel/runtime/helpers/asyncToGenerator');
 require('@babel/runtime/regenerator');
 require('classnames');
 require('@bigbinary/neeto-image-uploader-frontend/hooks');
-require('../../ActionBlock-C9Iy0jGZ.js');
-require('../../Select-CshPoN2b.js');
-require('../../timezone-selector-DzjWIcWK.js');
-require('../../inject-css-B6qYtOJe.js');
-require('../../RolesRadioGroup-cjHORagK.js');
+require('formik');
+require('../../RolesRadioGroup-BwiP6Akj.js');
 require('yup');
+require('../../Select-CshPoN2b.js');
 require('@bigbinary/neeto-atoms/primitives/Card');
 require('@bigbinary/neeto-molecules/v2/CopyToClipboardButton');
+require('../../useInviteLinksApi-COVfmZiQ.js');
 require('@bigbinary/neeto-atoms/formik');
-require('./utils.js');
-require('../../pluralize-CFlSRsRn.js');
+require('../utils.js');
 require('../../_commonjsHelpers-BJu3ubxk.js');
 require('@bigbinary/neeto-time-zones');
+require('../../ProfileImage-BLnx0E90.js');
+require('../../inject-css-B6qYtOJe.js');
+require('../../useCountriesApi-CjhrbnjK.js');
+require('../../ActionBlock-C9Iy0jGZ.js');
+require('../../index-BOQKf6as.js');
 require('@bigbinary/neeto-atoms/primitives');
 require('@bigbinary/neeto-molecules/v2/MoreDropdown');
 
@@ -60,171 +73,8 @@ var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
 var _slicedToArray__default = /*#__PURE__*/_interopDefault(_slicedToArray);
 var Container__default = /*#__PURE__*/_interopDefault(Container);
 var SubHeader__default = /*#__PURE__*/_interopDefault(SubHeader$1);
-var _toConsumableArray__default = /*#__PURE__*/_interopDefault(_toConsumableArray);
 var NeetoHeader__default = /*#__PURE__*/_interopDefault(NeetoHeader);
 
-function ownKeys$6(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$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), true).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var useFilters = function useFilters(_ref) {
-  var _config$filterColumns;
-  var config = _ref.config;
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var _useQueryParams = reactUtils.useQueryParams(),
-    _useQueryParams$searc = _useQueryParams.searchTerm,
-    searchTerm = _useQueryParams$searc === void 0 ? "" : _useQueryParams$searc;
-  var searchKeywordProps = {
-    node: "first_name,last_name,email",
-    value: searchTerm,
-    key: "search_term"
-  };
-  var _useState = React.useState(""),
-    _useState2 = _slicedToArray__default.default(_useState, 2),
-    emailSearchTerm = _useState2[0],
-    setEmailSearchTerm = _useState2[1];
-  var defaultNeetoFilters = v2.buildFiltersFromURL([].concat(_toConsumableArray__default.default((_config$filterColumns = config === null || config === void 0 ? void 0 : config.filterColumns) !== null && _config$filterColumns !== void 0 ? _config$filterColumns : v2_ManageMember.defaultNeetoFiltersColumns()), [searchKeywordProps]));
-  var _useState3 = React.useState(_objectSpread$6(_objectSpread$6(_objectSpread$6({}, v2_ManageMember.DEFAULT_FILTER_VALUES), config === null || config === void 0 ? void 0 : config.defaultFilterValues), {}, {
-      neetoFilters: defaultNeetoFilters
-    })),
-    _useState4 = _slicedToArray__default.default(_useState3, 2),
-    filters = _useState4[0],
-    setFilters = _useState4[1];
-  var resetPage = reactUtils.useFuncDebounce(function () {
-    return setFilters(ramda.mergeLeft({
-      page: constants.DEFAULT_PAGE_INDEX
-    }));
-  });
-  var debouncedEmailSearchTerm = reactUtils.useDebounce(emailSearchTerm, 750);
-  var shouldFetchFilterOptions = ramda.isNil(config === null || config === void 0 ? void 0 : config.filterColumns);
-  var _useFetchFilterOption = useTeamsApi.useFetchFilterOptions({
-      params: {
-        emailSearchTerm: debouncedEmailSearchTerm
-      },
-      options: {
-        enabled: shouldFetchFilterOptions
-      }
-    }),
-    _useFetchFilterOption2 = _useFetchFilterOption.data,
-    filterOptions = _useFetchFilterOption2 === void 0 ? {} : _useFetchFilterOption2,
-    isFilterOptionsLoading = _useFetchFilterOption.isLoading;
-  var filterColumns = shouldFetchFilterOptions ? v2_ManageMember.buildFilterColumns({
-    options: filterOptions,
-    emailConfig: {
-      setSearchTerm: setEmailSearchTerm,
-      isLoading: isFilterOptionsLoading
-    }
-  }) : config === null || config === void 0 ? void 0 : config.filterColumns;
-  var searchProps = React.useMemo(function () {
-    return {
-      "data-testid": "ntm-search-members-input",
-      placeholder: t("neetoTeamMembers.common.search_", {
-        what: initializers.taxonomies.member.plural
-      }),
-      onChange: resetPage
-    };
-  }, []);
-  return {
-    filters: filters,
-    setFilters: setFilters,
-    filterColumns: filterColumns,
-    searchProps: searchProps,
-    searchKeywordProps: searchKeywordProps
-  };
-};
-
-function ownKeys$5(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$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), true).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var useTeams = function useTeams(_ref) {
-  var config = _ref.config,
-    filters = _ref.filters,
-    setFilters = _ref.setFilters,
-    updateMember = _ref.updateMember;
-  var history = reactRouterDom.useHistory();
-  var _useState = React.useState(null),
-    _useState2 = _slicedToArray__default.default(_useState, 2),
-    selectedMember = _useState2[0],
-    setSelectedMember = _useState2[1];
-  var _useState3 = React.useState(v2_ManageMember.DEFAULT_IS_OPEN_VALUES),
-    _useState4 = _slicedToArray__default.default(_useState3, 2),
-    isOpen = _useState4[0],
-    setIsOpen = _useState4[1];
-  var _useState5 = React.useState(v2_ManageMember.DEFAULT_SELECTED_ROWS),
-    _useState6 = _slicedToArray__default.default(_useState5, 2),
-    selectedRows = _useState6[0],
-    setSelectedRows = _useState6[1];
-  var handleRemoveMember = function handleRemoveMember() {
-    if (!selectedMember) return;
-    var id = selectedMember.id;
-    var payload = {
-      active: false
-    };
-    updateMember({
-      id: id,
-      payload: payload
-    });
-  };
-  var handleUpdateStatus = function handleUpdateStatus(user) {
-    setSelectedMember(user);
-    setIsOpen(ramda.assoc("alert", true));
-  };
-  var handleUpdateRole = function handleUpdateRole(user) {
-    setSelectedMember(user);
-    setIsOpen(ramda.assoc("manageMember", true));
-  };
-  var handleAlertClose = function handleAlertClose() {
-    setIsOpen(ramda.assoc("alert", false));
-    setSelectedMember(null);
-  };
-  var handlePaneClose = function handlePaneClose() {
-    setIsOpen(ramda.assoc("manageMember", false));
-    setSelectedMember(null);
-  };
-  var resetSelectedRows = function resetSelectedRows() {
-    return setSelectedRows(v2_ManageMember.DEFAULT_SELECTED_ROWS);
-  };
-  var handleMemberFilterChange = function handleMemberFilterChange() {
-    var _filters$pageSize;
-    setSelectedRows(v2_ManageMember.DEFAULT_SELECTED_ROWS);
-    v2_ManageMember.handlePageChange(setFilters, history)(constants.DEFAULT_PAGE_INDEX, (_filters$pageSize = filters.pageSize) !== null && _filters$pageSize !== void 0 ? _filters$pageSize : constants.DEFAULT_PAGE_SIZE);
-  };
-  var handleTableChange = function handleTableChange(sort) {
-    setFilters(ramda.mergeLeft({
-      sortBy: sort === null || sort === void 0 ? void 0 : sort.field,
-      orderBy: sort === null || sort === void 0 ? void 0 : sort.order
-    }));
-  };
-  var handleRowSelect = function handleRowSelect(keys, rowData) {
-    var _config$table, _config$table$onRowSe;
-    var rows = {
-      active: ramda.pluck("active", rowData),
-      displayNames: ramda.pluck("displayName", rowData),
-      emails: ramda.pluck("email", rowData),
-      keys: keys
-    };
-    setSelectedRows(_objectSpread$5({}, rows));
-    config === null || config === void 0 || (_config$table = config.table) === null || _config$table === void 0 || (_config$table$onRowSe = _config$table.onRowSelect) === null || _config$table$onRowSe === void 0 || _config$table$onRowSe.call(_config$table, {
-      rows: rows,
-      resetSelectedRows: resetSelectedRows,
-      rowData: rowData
-    });
-  };
-  return {
-    handleAlertClose: handleAlertClose,
-    handleMemberFilterChange: handleMemberFilterChange,
-    handlePaneClose: handlePaneClose,
-    handleRowSelect: handleRowSelect,
-    handleTableChange: handleTableChange,
-    handleRemoveMember: handleRemoveMember,
-    handleUpdateRole: handleUpdateRole,
-    handleUpdateStatus: handleUpdateStatus,
-    isOpen: isOpen,
-    selectedMember: selectedMember,
-    selectedRows: selectedRows,
-    setIsOpen: setIsOpen,
-    setSelectedRows: setSelectedRows
-  };
-};
-
 var FIXED_COLUMNS = ["name", "actions"];
 var MANAGE_ROLES_BUTTON_LABEL = i18next.t("neetoTeamMembers.labels.manageRole", constants.PLURAL);
 
@@ -465,10 +315,10 @@ var Left = function Left(_ref) {
       content: !isUpdatePermissionGranted ? t("neetoTeamMembers.tooltips.noPermissionToEditMembers") : null,
       children: /*#__PURE__*/jsxRuntime.jsx("span", {
         children: /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.DropdownMenu, {
-          buttonStyle: "tertiary",
           disabled: !isUpdatePermissionGranted,
           label: t("neetoTeamMembers.common.takeAction"),
           buttonProps: {
+            variant: "outline",
             "data-testid": "ntm-members-take-action-dropdown-button"
           },
           children: [!(config !== null && config !== void 0 && (_config$hiddenBulkAct = config.hiddenBulkActions) !== null && _config$hiddenBulkAct !== void 0 && _config$hiddenBulkAct.includes("role")) && /*#__PURE__*/jsxRuntime.jsx(RolesDropdown, {
@@ -520,7 +370,7 @@ var Right = reactUtils.withT(function (_ref3) {
     columnsButtonProps: {
       columnData: columns,
       fixedColumns: FIXED_COLUMNS,
-      tableKey: v2_constants.TABLE_KEYS.TEAM_MEMBERS_TABLE,
+      tableKey: constants$1.TABLE_KEYS.TEAM_MEMBERS_TABLE,
       noColumnMessage: t("neetoTeamMembers.columns.noColumnsFound"),
       searchProps: {
         placeholder: t("neetoTeamMembers.columns.search")
@@ -617,7 +467,7 @@ var ExportPane = function ExportPane(_ref) {
             email: (_globalProps$user = initializers.globalProps.user) === null || _globalProps$user === void 0 ? void 0 : _globalProps$user.email
           }
         }));
-        utils.captureAnalyticsEvent(v2_constants.EVENTS.TEAM_MEMBERS_DOWNLOADED, _objectSpread$2({}, exportOptions));
+        utils.captureAnalyticsEvent(constants$1.EVENTS.TEAM_MEMBERS_DOWNLOADED, _objectSpread$2({}, exportOptions));
       },
       onError: function onError(error) {
         return sonner.toast.error(error.message);
@@ -731,7 +581,7 @@ var TeamMembers = function TeamMembers(_ref) {
   React.useEffect(function () {
     handleMemberFilterChange();
   }, []);
-  var _useFilters = useFilters({
+  var _useFilters = useTeams.useFilters({
       config: config
     }),
     filters = _useFilters.filters,
@@ -749,7 +599,7 @@ var TeamMembers = function TeamMembers(_ref) {
     neetoFilters: filters["neetoFilters"],
     considerAllTeamMembers: hasBulkSelectedAllRows
   };
-  var _useFetchRoles = index$1.useFetchRoles({
+  var _useFetchRoles = useRolesApi.useFetchRoles({
       select: function select(response) {
         var _response$organizatio;
         return ramda.reverse((_response$organizatio = response === null || response === void 0 ? void 0 : response.organizationRoles) !== null && _response$organizatio !== void 0 ? _response$organizatio : []);
@@ -769,7 +619,7 @@ var TeamMembers = function TeamMembers(_ref) {
     updateMember = _useUpdateMember.mutate,
     isUpdatingMember = _useUpdateMember.isPending;
   var filteredRoles = v2_ManageMember.getFilteredRoles(roles, config);
-  var _useTeams = useTeams({
+  var _useTeams = useTeams.useTeams({
       config: config,
       filters: filters,
       setFilters: setFilters,
@@ -810,7 +660,7 @@ var TeamMembers = function TeamMembers(_ref) {
     });
   }, [(_config$table2 = config.table) === null || _config$table2 === void 0 ? void 0 : _config$table2.dropdownProps] // eslint-disable-line react-hooks/exhaustive-deps
   );
-  var _useTableConfiguratio = Columns.useTableConfigurations(v2_constants.TABLE_KEYS.TEAM_MEMBERS_TABLE, columns),
+  var _useTableConfiguratio = Columns.useTableConfigurations(constants$1.TABLE_KEYS.TEAM_MEMBERS_TABLE, columns),
     isTableConfigurationLoading = _useTableConfiguratio.isTableConfigurationLoading,
     customizedColumns = _useTableConfiguratio.customizedColumns,
     hideColumn = _useTableConfiguratio.hideColumn;
@@ -899,8 +749,8 @@ var TeamMembers = function TeamMembers(_ref) {
       }) : (team === null || team === void 0 ? void 0 : team.membersCount) === 0 ? /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "flex w-full flex-1 items-center justify-center",
         children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Empty, {
-          description: t("neetoTeamMembers.common.memberSearchEmptyDescription"),
           icon: lucideReact.Search,
+          description: t("neetoTeamMembers.common.memberSearchEmptyDescription"),
           title: t("neetoTeamMembers.common.memberSearchEmptyTitle", {
             what: initializers.taxonomies.member.plural
           })