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

package/dist/v2/TeamMembers.js

@@ -1,219 +1,70 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useState, useMemo, memo, useEffect } from 'react';
+import { memo, useState, useEffect, useMemo } from 'react';
 import { Button, Tooltip, DropdownMenu, Input, Typography, Alert, Sheet, RadioGroup, Spinner, Empty, DataTable } from '@bigbinary/neeto-atoms';
 import { Search } from 'lucide-react';
-import { DEFAULT_PAGE_INDEX, DEFAULT_PAGE_SIZE, PLURAL } from '@bigbinary/neeto-commons-frontend/constants';
-import { taxonomies, globalProps } from '@bigbinary/neeto-commons-frontend/initializers';
-import { useQueryParams, useFuncDebounce, useDebounce, withT, withTitle, useBreakpoints } from '@bigbinary/neeto-commons-frontend/react-utils';
-import { captureAnalyticsEvent, buildUrl } from '@bigbinary/neeto-commons-frontend/utils';
-import { buildFiltersFromURL, Bar } from '@bigbinary/neeto-filters-frontend/v2';
+import { PLURAL, DEFAULT_PAGE_INDEX, DEFAULT_PAGE_SIZE } from '@bigbinary/neeto-commons-frontend/v2/constants';
+import { taxonomies, globalProps } from '@bigbinary/neeto-commons-frontend/v2/initializers';
+import { withT, withTitle, useBreakpoints, useQueryParams } from '@bigbinary/neeto-commons-frontend/v2/react-utils';
+import { captureAnalyticsEvent, buildUrl } from '@bigbinary/neeto-commons-frontend/v2/utils';
+import { Bar } from '@bigbinary/neeto-filters-frontend/v2';
 import { useTableConfigurations } from '@bigbinary/neeto-molecules/v2/Columns';
 import Container from '@bigbinary/neeto-molecules/v2/Container';
 import SubHeader$1 from '@bigbinary/neeto-molecules/v2/SubHeader';
-import { mergeLeft, isNil, assoc, pluck, filter, includes, trim, toLower, reverse } from 'ramda';
+import { filter, includes, trim, toLower, mergeLeft, assoc, reverse } from 'ramda';
 import { useTranslation, Trans } from 'react-i18next';
 import { useHistory } from 'react-router-dom';
-import { w as withReactQuery } from '../withReactQuery-CSuiy5RK.js';
-import { u as useFetchRoles } from '../index-C6ph58Vg.js';
-import { b as useFetchFilterOptions, c as useBulkUpdateMembers, d as useExportMembers, u as useFetchMembers, e as useUpdateMember } from '../useTeamsApi-CWp4G7JZ.js';
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { d as defaultNeetoFiltersColumns, D as DEFAULT_FILTER_VALUES, b as buildFilterColumns, a as DEFAULT_IS_OPEN_VALUES, c as DEFAULT_SELECTED_ROWS, h as handlePageChange, g as getFilteredRoles, e as getColumnData, f as generateNoDataContent, i as DEFAULT_RADIX, M as ManageMember, r as renderUpdateAlert } from '../index-DvkCYQ7m.js';
+import { u as useFetchRoles } from '../useRolesApi-93OoRU1s.js';
+import { g as useBulkUpdateMembers, h as useExportMembers, u as useFetchMembers, f as useUpdateMember } from '../useTeamsApi-BXvhKbyp.js';
+import { u as useFilters, a as useTeams } from '../useTeams-CJQiyvCI.js';
+import { TABLE_KEYS, EVENTS } from '../constants.js';
 import { noop, isNotEmpty, hyphenate, findBy } from '@bigbinary/neeto-cist';
 import { t } from 'i18next';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { TABLE_KEYS, EVENTS } from './constants.js';
+import { D as DEFAULT_SELECTED_ROWS, h as handlePageChange, g as getFilteredRoles, a as getColumnData, b as generateNoDataContent, c as DEFAULT_RADIX, M as ManageMember, r as renderUpdateAlert } from '../index-BjyZ-9G_.js';
 import { toast } from 'sonner';
 import NeetoHeader from '@bigbinary/neeto-molecules/v2/Header';
-import '@tanstack/react-query';
-import '../queryClient-BncpekSV.js';
+import { w as withReactQuery } from '../withReactQuery-CSuiy5RK.js';
 import '@babel/runtime/helpers/objectWithoutProperties';
+import '@tanstack/react-query';
+import '@bigbinary/neeto-commons-frontend/react-utils';
 import 'axios';
-import '../constants-B1L6arSR.js';
-import 'formik';
+import '../constants-CXdiW8NZ.js';
+import '@bigbinary/neeto-commons-frontend/constants';
+import '@bigbinary/neeto-commons-frontend/initializers';
 import 'qs';
+import '../queryClient-Dsu-gu4Y.js';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@bigbinary/neeto-filters-frontend/utils';
+import '../utils-3WlshQ9e.js';
+import '@bigbinary/neeto-commons-frontend/utils';
+import '@bigbinary/neeto-molecules/MoreDropdown';
+import '@bigbinary/neetoui/Avatar';
+import '@bigbinary/neetoui/Dropdown';
+import '@bigbinary/neetoui/Typography';
 import '@babel/runtime/helpers/asyncToGenerator';
 import '@babel/runtime/regenerator';
 import 'classnames';
 import '@bigbinary/neeto-image-uploader-frontend/hooks';
-import '../ActionBlock-jgw1N-As.js';
-import '../Select-DZ56UG-l.js';
-import '../timezone-selector-CKRmWIBV.js';
-import '../inject-css-C2dztUxs.js';
-import '../RolesRadioGroup-D4LlGV4N.js';
+import 'formik';
+import '../RolesRadioGroup-BCrxWI9_.js';
 import 'yup';
+import '../Select-DZ56UG-l.js';
 import '@bigbinary/neeto-atoms/primitives/Card';
 import '@bigbinary/neeto-molecules/v2/CopyToClipboardButton';
+import '../useInviteLinksApi-gn-AP0Yx.js';
 import '@bigbinary/neeto-atoms/formik';
-import './utils.js';
-import '../pluralize-BoSEafiC.js';
+import '../utils.js';
 import '../_commonjsHelpers-BFTU3MAI.js';
 import '@bigbinary/neeto-time-zones';
+import '../ProfileImage-V240yfTY.js';
+import '../inject-css-C2dztUxs.js';
+import '../useCountriesApi-DK00167T.js';
+import '../ActionBlock-jgw1N-As.js';
+import '../index-CKQDhbTA.js';
 import '@bigbinary/neeto-atoms/primitives';
 import '@bigbinary/neeto-molecules/v2/MoreDropdown';
 
-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(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 = useTranslation(),
-    t = _useTranslation.t;
-  var _useQueryParams = 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 = useState(""),
-    _useState2 = _slicedToArray(_useState, 2),
-    emailSearchTerm = _useState2[0],
-    setEmailSearchTerm = _useState2[1];
-  var defaultNeetoFilters = buildFiltersFromURL([].concat(_toConsumableArray((_config$filterColumns = config === null || config === void 0 ? void 0 : config.filterColumns) !== null && _config$filterColumns !== void 0 ? _config$filterColumns : defaultNeetoFiltersColumns()), [searchKeywordProps]));
-  var _useState3 = useState(_objectSpread$6(_objectSpread$6(_objectSpread$6({}, DEFAULT_FILTER_VALUES), config === null || config === void 0 ? void 0 : config.defaultFilterValues), {}, {
-      neetoFilters: defaultNeetoFilters
-    })),
-    _useState4 = _slicedToArray(_useState3, 2),
-    filters = _useState4[0],
-    setFilters = _useState4[1];
-  var resetPage = useFuncDebounce(function () {
-    return setFilters(mergeLeft({
-      page: DEFAULT_PAGE_INDEX
-    }));
-  });
-  var debouncedEmailSearchTerm = useDebounce(emailSearchTerm, 750);
-  var shouldFetchFilterOptions = isNil(config === null || config === void 0 ? void 0 : config.filterColumns);
-  var _useFetchFilterOption = useFetchFilterOptions({
-      params: {
-        emailSearchTerm: debouncedEmailSearchTerm
-      },
-      options: {
-        enabled: shouldFetchFilterOptions
-      }
-    }),
-    _useFetchFilterOption2 = _useFetchFilterOption.data,
-    filterOptions = _useFetchFilterOption2 === void 0 ? {} : _useFetchFilterOption2,
-    isFilterOptionsLoading = _useFetchFilterOption.isLoading;
-  var filterColumns = shouldFetchFilterOptions ? buildFilterColumns({
-    options: filterOptions,
-    emailConfig: {
-      setSearchTerm: setEmailSearchTerm,
-      isLoading: isFilterOptionsLoading
-    }
-  }) : config === null || config === void 0 ? void 0 : config.filterColumns;
-  var searchProps = useMemo(function () {
-    return {
-      "data-testid": "ntm-search-members-input",
-      placeholder: t("neetoTeamMembers.common.search_", {
-        what: 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(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 = useHistory();
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectedMember = _useState2[0],
-    setSelectedMember = _useState2[1];
-  var _useState3 = useState(DEFAULT_IS_OPEN_VALUES),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isOpen = _useState4[0],
-    setIsOpen = _useState4[1];
-  var _useState5 = useState(DEFAULT_SELECTED_ROWS),
-    _useState6 = _slicedToArray(_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(assoc("alert", true));
-  };
-  var handleUpdateRole = function handleUpdateRole(user) {
-    setSelectedMember(user);
-    setIsOpen(assoc("manageMember", true));
-  };
-  var handleAlertClose = function handleAlertClose() {
-    setIsOpen(assoc("alert", false));
-    setSelectedMember(null);
-  };
-  var handlePaneClose = function handlePaneClose() {
-    setIsOpen(assoc("manageMember", false));
-    setSelectedMember(null);
-  };
-  var resetSelectedRows = function resetSelectedRows() {
-    return setSelectedRows(DEFAULT_SELECTED_ROWS);
-  };
-  var handleMemberFilterChange = function handleMemberFilterChange() {
-    var _filters$pageSize;
-    setSelectedRows(DEFAULT_SELECTED_ROWS);
-    handlePageChange(setFilters, history)(DEFAULT_PAGE_INDEX, (_filters$pageSize = filters.pageSize) !== null && _filters$pageSize !== void 0 ? _filters$pageSize : DEFAULT_PAGE_SIZE);
-  };
-  var handleTableChange = function handleTableChange(sort) {
-    setFilters(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: pluck("active", rowData),
-      displayNames: pluck("displayName", rowData),
-      emails: 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 = t("neetoTeamMembers.labels.manageRole", PLURAL);
 
@@ -454,10 +305,10 @@ var Left = function Left(_ref) {
       content: !isUpdatePermissionGranted ? t("neetoTeamMembers.tooltips.noPermissionToEditMembers") : null,
       children: /*#__PURE__*/jsx("span", {
         children: /*#__PURE__*/jsxs(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__*/jsx(RolesDropdown, {
@@ -888,8 +739,8 @@ var TeamMembers = function TeamMembers(_ref) {
       }) : (team === null || team === void 0 ? void 0 : team.membersCount) === 0 ? /*#__PURE__*/jsx("div", {
         className: "flex w-full flex-1 items-center justify-center",
         children: /*#__PURE__*/jsx(Empty, {
-          description: t("neetoTeamMembers.common.memberSearchEmptyDescription"),
           icon: Search,
+          description: t("neetoTeamMembers.common.memberSearchEmptyDescription"),
           title: t("neetoTeamMembers.common.memberSearchEmptyTitle", {
             what: taxonomies.member.plural
           })