@bigbinary/neeto-payments-frontend 3.3.30 → 3.3.31

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-payments-frontend",
-  "version": "3.3.30",
+  "version": "3.3.31",
   "description": "To manage payments across the neeto products.",
   "license": "UNLICENSED",
   "homepage": "https://github.com/bigbinary/neeto-payments-nano",
@@ -60,12 +60,12 @@
     "@bigbinary/babel-preset-neeto": "^1.0.3",
     "@bigbinary/eslint-plugin-neeto": "1.6.2",
     "@bigbinary/neeto-cist": "1.0.17",
-    "@bigbinary/neeto-commons-frontend": "4.13.39",
-    "@bigbinary/neeto-editor": "1.47.7",
+    "@bigbinary/neeto-commons-frontend": "4.13.40",
+    "@bigbinary/neeto-editor": "1.47.10",
     "@bigbinary/neeto-filters-frontend": "4.3.19",
     "@bigbinary/neeto-icons": "1.20.47",
-    "@bigbinary/neeto-molecules": "3.16.49",
-    "@bigbinary/neetoui": "8.3.6",
+    "@bigbinary/neeto-molecules": "3.16.55",
+    "@bigbinary/neetoui": "8.3.7",
     "@emotion/is-prop-valid": "1.2.0",
     "@faker-js/faker": "8.2.0",
     "@honeybadger-io/js": "6.10.1",
@@ -136,8 +136,8 @@
     "process": "0.11.10",
     "qs": "^6.11.2",
     "ramda": "0.29.0",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
     "react-helmet": "^6.1.0",
     "react-i18next": "12.3.1",
     "react-router-dom": "5.3.3",
@@ -164,19 +164,19 @@
     "webpack": "5.94.0",
     "webpack-assets-manifest": "5.1.0",
     "webpack-cli": "5.1.4",
-    "webpack-dev-server": "4.15.1",
+    "webpack-dev-server": "5.2.1",
     "yup": "0.32.11",
     "zustand": "4.4.2"
   },
   "peerDependencies": {
     "@babel/runtime": "7.26.10",
     "@bigbinary/neeto-cist": "1.0.17",
-    "@bigbinary/neeto-commons-frontend": "4.13.39",
-    "@bigbinary/neeto-editor": "1.47.7",
+    "@bigbinary/neeto-commons-frontend": "4.13.40",
+    "@bigbinary/neeto-editor": "1.47.10",
     "@bigbinary/neeto-filters-frontend": "4.3.19",
     "@bigbinary/neeto-icons": "1.20.47",
-    "@bigbinary/neeto-molecules": "3.16.49",
-    "@bigbinary/neetoui": "8.3.6",
+    "@bigbinary/neeto-molecules": "3.16.55",
+    "@bigbinary/neetoui": "8.3.7",
     "@honeybadger-io/js": "6.10.1",
     "@honeybadger-io/react": "6.1.25",
     "@tailwindcss/container-queries": "^0.1.1",
@@ -197,8 +197,8 @@
     "path-browserify": "^1.0.1",
     "qs": "^6.11.2",
     "ramda": "0.29.0",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
     "react-helmet": "^6.1.0",
     "react-i18next": "12.3.1",
     "react-router-dom": "5.3.3",
@@ -217,7 +217,9 @@
   "resolutions": {
     "postcss": "^8",
     "wrap-ansi": "7.0.0",
-    "string-width": "4.1.0"
+    "string-width": "4.1.0",
+    "react": "18.3.1",
+    "react-dom": "18.3.1"
   },
   "engines": {
     "node": ">=22.13",

package/dist/AccountsDashboard.js

@@ -1,545 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useState, useMemo, useEffect, useTransition } from 'react';
-import { t } from 'i18next';
-import { capitalize, removeBy, isPresent, camelToSnakeCase } from '@bigbinary/neeto-cist';
-import { useQueryParams, withTitle } from '@bigbinary/neeto-commons-frontend/react-utils';
-import FiltersBar from '@bigbinary/neeto-filters-frontend/Bar';
-import Header from '@bigbinary/neeto-molecules/Header';
-import SubHeader from '@bigbinary/neeto-molecules/SubHeader';
-import Tab from '@bigbinary/neetoui/Tab';
-import Typography from '@bigbinary/neetoui/Typography';
-import { useTranslation } from 'react-i18next';
-import { u as useExportData, b as buildDefaultPageProperties, a as buildPayload, c as buildRowData, w as withReactQuery } from './dashboard-D6ZJpJ3n.js';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import Download from '@bigbinary/neeto-icons/Download';
-import Button from '@bigbinary/neetoui/Button';
-import Modal from '@bigbinary/neetoui/Modal';
-import { e as exportChannel } from './exportChannel-CViICC6x.js';
-import { u as uuidV4, a as buildStripeAccountLink, D as DEFAULT_SORT_PROPERTIES, B as BASE_URL, S as SORT_DIRECTIONS } from './index-ER2sofJn.js';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { getQueryParams, buildUrl } from '@bigbinary/neeto-commons-frontend/utils';
-import { buildFiltersFromURL } from '@bigbinary/neeto-filters-frontend/utils';
-import { pipe, split, map, join, mergeLeft, assoc } from 'ramda';
-import { useHistory } from 'react-router-dom';
-import { r as renderStatus, a as renderFullName, b as renderDate } from './renderFunctions-Cmo1gJ6o.js';
-import { C as CopyButtonWrapper } from './CopyButtonWrapper-SoJkwX-d.js';
-import { DEFAULT_PAGE_SIZE, DEFAULT_PAGE_INDEX } from '@bigbinary/neeto-commons-frontend/constants';
-import { useHiddenColumns } from '@bigbinary/neeto-molecules/Columns';
-import TableWrapper from '@bigbinary/neeto-molecules/TableWrapper';
-import Table from '@bigbinary/neetoui/Table';
-import NoData from '@bigbinary/neetoui/NoData';
-import Spinner from '@bigbinary/neetoui/Spinner';
-import { useQuery } from '@tanstack/react-query';
-import axios from 'axios';
-import { Q as QUERY_KEYS } from './queryConstants-mgjK5Hgk.js';
-import '@tanstack/react-query-devtools';
-import '@bigbinary/neeto-molecules/DateFormat';
-import '@bigbinary/neetoui/Tag';
-import '@bigbinary/neetoui/Tooltip';
-import '@bigbinary/neeto-molecules/CopyToClipboardButton';
-
-var TAB = {
-  all: "all",
-  connected: "connected",
-  disconnected: "disconnected",
-  incomplete: "incomplete"
-};
-var TABS = Object.values(TAB);
-var SEARCH_PROPS = {
-  key: "keyword",
-  node: "identifier,user.first_name,last_name,email",
-  model: "NeetoPaymentsEngine::Stripe::Account,User"
-};
-var DASHBOARD_MANDATORY_COLUMNS = ["id", "status", "identifier"];
-var FILTER_COLUMNS = [{
-  key: "created_at",
-  label: t("neetoPayments.common.createdAt"),
-  node: "created_at",
-  type: "date",
-  showRuleSelector: true
-}];
-var STRIPE_ACCOUNTS_TABLE_HIDDEN_COLUMNS_STORAGE_KEY = "stripeAccountsDashboard";
-
-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), !0).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 ExportModal = function ExportModal(_ref) {
-  var showExportModal = _ref.showExportModal,
-    setShowExportModal = _ref.setShowExportModal,
-    tab = _ref.tab,
-    filters = _ref.filters,
-    _ref$sortProperties = _ref.sortProperties,
-    sortProperties = _ref$sortProperties === void 0 ? {} : _ref$sortProperties;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useState = useState(""),
-    _useState2 = _slicedToArray(_useState, 2),
-    downloadUrl = _useState2[0],
-    setDownloadUrl = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isGenerating = _useState4[0],
-    setIsGenerating = _useState4[1];
-  var _useExportData = useExportData(),
-    exportCsv = _useExportData.mutate,
-    isPending = _useExportData.isPending;
-  var isFileLoading = isPending || isGenerating;
-  var token = useMemo(function () {
-    return "account-report-".concat(uuidV4());
-  }, []);
-  var receivedCallback = function receivedCallback(data) {
-    if (!data.download_url) return;
-    setDownloadUrl(data.download_url);
-    setIsGenerating(false);
-  };
-  var handleGenerateClick = function handleGenerateClick() {
-    var payload = _objectSpread$2({
-      kind: "account",
-      token: token,
-      filters: filters,
-      tab: tab
-    }, sortProperties);
-    exportCsv(payload, {
-      onSuccess: function onSuccess() {
-        setDownloadUrl("");
-        setIsGenerating(true);
-      }
-    });
-  };
-  useEffect(function () {
-    if (showExportModal) {
-      var channel = exportChannel(token, receivedCallback);
-      setDownloadUrl("");
-      setIsGenerating(false);
-      return function () {
-        channel.disconnected();
-      };
-    }
-    return undefined;
-  }, [showExportModal, token]);
-  var onClose = function onClose() {
-    return setShowExportModal(false);
-  };
-  return /*#__PURE__*/jsxs(Modal, {
-    onClose: onClose,
-    isOpen: showExportModal,
-    children: [/*#__PURE__*/jsx(Modal.Header, {
-      children: /*#__PURE__*/jsx(Typography, {
-        style: "h2",
-        children: t("neetoPayments.export.title.account")
-      })
-    }), /*#__PURE__*/jsx(Modal.Body, {
-      children: isFileLoading ? /*#__PURE__*/jsx(Typography, {
-        style: "body2",
-        children: t("neetoPayments.export.pleaseWait")
-      }) : /*#__PURE__*/jsx(Typography, {
-        style: "body2",
-        children: downloadUrl ? t("neetoPayments.export.fileReady") : t("neetoPayments.export.download.account")
-      })
-    }), /*#__PURE__*/jsx(Modal.Footer, {
-      className: "space-x-2",
-      children: downloadUrl ? /*#__PURE__*/jsx(Button, {
-        href: downloadUrl,
-        icon: Download,
-        label: t("neetoPayments.common.download"),
-        onClick: onClose
-      }) : /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx(Button, {
-          disabled: isFileLoading,
-          label: t("neetoPayments.common.cancel"),
-          style: "tertiary",
-          onClick: onClose
-        }), /*#__PURE__*/jsx(Button, {
-          disabled: isFileLoading,
-          label: t("neetoPayments.common.export"),
-          loading: isFileLoading,
-          onClick: handleGenerateClick
-        })]
-      })
-    })]
-  });
-};
-
-var renderIdentifier = function renderIdentifier() {
-  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-    _ref$identifier = _ref.identifier,
-    identifier = _ref$identifier === void 0 ? "" : _ref$identifier,
-    _ref$isLive = _ref.isLive,
-    isLive = _ref$isLive === void 0 ? false : _ref$isLive;
-  return /*#__PURE__*/jsx(CopyButtonWrapper, {
-    content: identifier,
-    children: /*#__PURE__*/jsx(Button, {
-      href: buildStripeAccountLink(identifier, isLive),
-      label: identifier,
-      size: "small",
-      style: "link",
-      target: "_blank"
-    })
-  });
-};
-var renderCountry = pipe(split("_"), map(capitalize), join(" "));
-
-var COLUMNS = [{
-  title: t("neetoPayments.common.id"),
-  dataIndex: "id",
-  key: "id",
-  width: "85px",
-  isHidable: false
-}, {
-  title: t("neetoPayments.common.identifier"),
-  dataIndex: "identifier",
-  key: "identifier",
-  width: "300px",
-  render: renderIdentifier,
-  isHidable: false
-}, {
-  title: t("neetoPayments.common.status"),
-  dataIndex: "status",
-  key: "status",
-  width: "150px",
-  render: renderStatus("account"),
-  sorter: true,
-  isHidable: false
-}, {
-  title: t("neetoPayments.common.name"),
-  dataIndex: "first_name",
-  key: "first_name",
-  width: "300px",
-  sorter: true,
-  render: renderFullName
-}, {
-  title: t("neetoPayments.common.email"),
-  dataIndex: "email",
-  key: "email",
-  width: "300px",
-  ellipsis: true,
-  sorter: true
-}, {
-  title: t("neetoPayments.common.country"),
-  dataIndex: "country",
-  key: "country",
-  width: "150px",
-  render: renderCountry,
-  sorter: true
-}, {
-  title: t("neetoPayments.common.createdAt"),
-  dataIndex: "createdAt",
-  key: "createdAt",
-  width: "220px",
-  render: renderDate,
-  sorter: true
-}];
-
-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), !0).forEach(function (r) { _defineProperty(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 useFiltersAndPagination = function useFiltersAndPagination() {
-  var history = useHistory();
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isFilterButtonVisible = _useState2[0],
-    setIsFilterButtonVisible = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isFilterPaneOpen = _useState4[0],
-    setIsFilterPaneOpen = _useState4[1];
-  var _useState5 = useState(buildDefaultPageProperties(TABS)),
-    _useState6 = _slicedToArray(_useState5, 2),
-    pageProperties = _useState6[0],
-    setPageProperties = _useState6[1];
-  var _useState7 = useState(DEFAULT_SORT_PROPERTIES),
-    _useState8 = _slicedToArray(_useState7, 2),
-    sortProperties = _useState8[0],
-    setSortProperties = _useState8[1];
-  var _useQueryParams = useQueryParams(),
-    _useQueryParams$tab = _useQueryParams.tab,
-    tab = _useQueryParams$tab === void 0 ? TAB.all : _useQueryParams$tab;
-  var _getQueryParams = getQueryParams(),
-    _getQueryParams$searc = _getQueryParams.searchTerm,
-    searchTerm = _getQueryParams$searc === void 0 ? "" : _getQueryParams$searc;
-  var searchKeywordProps = _objectSpread$1(_objectSpread$1({}, SEARCH_PROPS), {}, {
-    key: "search_term",
-    value: searchTerm.trim()
-  });
-  var _useState9 = useState(buildFiltersFromURL([].concat(_toConsumableArray(FILTER_COLUMNS), [searchKeywordProps]))),
-    _useState10 = _slicedToArray(_useState9, 2),
-    filters = _useState10[0],
-    setFilters = _useState10[1];
-  var _useState11 = useState(null),
-    _useState12 = _slicedToArray(_useState11, 2),
-    dataSize = _useState12[0],
-    setDataSize = _useState12[1];
-  var columnData = tab !== TAB.all ? removeBy({
-    key: "status"
-  }, COLUMNS) : COLUMNS;
-  var handleTabChange = function handleTabChange(tab) {
-    var _pageProperties$tab, _pageProperties$tab2;
-    setDataSize(null);
-    var queryParams = getQueryParams({
-      toCamelCase: false
-    });
-    var newParams = {
-      tab: tab,
-      page: (_pageProperties$tab = pageProperties[tab]) === null || _pageProperties$tab === void 0 ? void 0 : _pageProperties$tab.page,
-      page_size: (_pageProperties$tab2 = pageProperties[tab]) === null || _pageProperties$tab2 === void 0 ? void 0 : _pageProperties$tab2.pageSize
-    };
-    history.push(buildUrl(window.location.pathname, mergeLeft(newParams, queryParams)));
-  };
-  return {
-    isFilterButtonVisible: isFilterButtonVisible,
-    isFilterPaneOpen: isFilterPaneOpen,
-    pageProperties: pageProperties,
-    filters: filters,
-    searchKeywordProps: searchKeywordProps,
-    tab: tab,
-    sortProperties: sortProperties,
-    columnData: columnData,
-    dataSize: dataSize,
-    setDataSize: setDataSize,
-    setIsFilterButtonVisible: setIsFilterButtonVisible,
-    setIsFilterPaneOpen: setIsFilterPaneOpen,
-    setPageProperties: setPageProperties,
-    setFilters: setFilters,
-    handleTabChange: handleTabChange,
-    setSortProperties: setSortProperties
-  };
-};
-
-var list = function list(payload) {
-  return axios.get("".concat(BASE_URL, "/api/v1/stripe/accounts"), {
-    params: payload
-  });
-};
-var accountsApi = {
-  list: list
-};
-
-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), !0).forEach(function (r) { _defineProperty(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 useFetchConnectedAccounts = function useFetchConnectedAccounts() {
-  var payload = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return useQuery(_objectSpread({
-    queryKey: [QUERY_KEYS.STRIPE_ACCOUNTS_LIST, payload],
-    queryFn: function queryFn() {
-      return accountsApi.list(payload);
-    }
-  }, options));
-};
-
-var List = function List(_ref) {
-  var _pageProperties$tab, _pageProperties$tab2, _pageProperties$tab3;
-  var columnData = _ref.columnData,
-    filters = _ref.filters,
-    pageProperties = _ref.pageProperties,
-    setDataSize = _ref.setDataSize,
-    setIsFilterButtonVisible = _ref.setIsFilterButtonVisible,
-    setPageProperties = _ref.setPageProperties,
-    setSortProperties = _ref.setSortProperties,
-    sortProperties = _ref.sortProperties,
-    tab = _ref.tab;
-  var history = useHistory();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useHiddenColumns = useHiddenColumns(STRIPE_ACCOUNTS_TABLE_HIDDEN_COLUMNS_STORAGE_KEY),
-    hideColumn = _useHiddenColumns.hideColumn,
-    getVisibleColumnData = _useHiddenColumns.getVisibleColumnData;
-  var _useFetchConnectedAcc = useFetchConnectedAccounts(buildPayload({
-      filters: filters,
-      pageProperties: pageProperties,
-      sortProperties: sortProperties,
-      tab: tab
-    })),
-    _useFetchConnectedAcc2 = _useFetchConnectedAcc.data,
-    _useFetchConnectedAcc3 = _useFetchConnectedAcc2 === void 0 ? {} : _useFetchConnectedAcc2,
-    _useFetchConnectedAcc4 = _useFetchConnectedAcc3.accounts,
-    accounts = _useFetchConnectedAcc4 === void 0 ? [] : _useFetchConnectedAcc4,
-    _useFetchConnectedAcc5 = _useFetchConnectedAcc3.views,
-    views = _useFetchConnectedAcc5 === void 0 ? {} : _useFetchConnectedAcc5,
-    isLoading = _useFetchConnectedAcc.isLoading,
-    isFetching = _useFetchConnectedAcc.isFetching;
-  var dataSize = views[tab];
-  useEffect(function () {
-    setIsFilterButtonVisible(isPresent(accounts) || isPresent(filters));
-    setDataSize(dataSize);
-  }, [accounts]);
-  var handleTablePagination = function handleTablePagination(page, pageSize) {
-    var queryParams = getQueryParams({
-      toCamelCase: false
-    });
-    history.push(buildUrl(window.location.pathname, mergeLeft({
-      page: page,
-      page_size: pageSize
-    }, queryParams)));
-    setPageProperties(assoc(tab, {
-      page: page,
-      pageSize: pageSize
-    }));
-  };
-  useEffect(function () {
-    handleTablePagination(DEFAULT_PAGE_INDEX, DEFAULT_PAGE_SIZE);
-    setSortProperties(DEFAULT_SORT_PROPERTIES);
-  }, [filters, tab]);
-  var handleTableChange = function handleTableChange(_, __, sorter) {
-    setSortProperties(isPresent(sorter === null || sorter === void 0 ? void 0 : sorter.column) ? {
-      sortBy: camelToSnakeCase(sorter.field),
-      orderBy: sorter.order === "ascend" ? "ASC" : "DESC"
-    } : DEFAULT_SORT_PROPERTIES);
-  };
-  if (isLoading) {
-    return /*#__PURE__*/jsx("div", {
-      className: "flex h-full w-full items-center justify-center",
-      children: /*#__PURE__*/jsx(Spinner, {})
-    });
-  }
-  if (dataSize <= 0 || !isPresent(accounts)) {
-    return /*#__PURE__*/jsx("div", {
-      className: "flex h-full w-full items-center justify-center",
-      children: /*#__PURE__*/jsx(NoData, {
-        title: tab === TAB.all ? t("neetoPayments.emptyState.account") : t("neetoPayments.emptyState.accountWithStatus", {
-          status: tab
-        })
-      })
-    });
-  }
-  return /*#__PURE__*/jsx(TableWrapper, {
-    hasPagination: dataSize > ((_pageProperties$tab = pageProperties[tab]) === null || _pageProperties$tab === void 0 ? void 0 : _pageProperties$tab.pageSize),
-    children: /*#__PURE__*/jsx(Table, {
-      fixedHeight: true,
-      allowRowClick: false,
-      columnData: getVisibleColumnData(columnData),
-      currentPageNumber: (_pageProperties$tab2 = pageProperties[tab]) === null || _pageProperties$tab2 === void 0 ? void 0 : _pageProperties$tab2.page,
-      handlePageChange: handleTablePagination,
-      loading: isFetching,
-      rowData: buildRowData({
-        data: accounts,
-        pageProperties: pageProperties,
-        tab: tab
-      }),
-      rowSelection: false,
-      sortDirections: SORT_DIRECTIONS,
-      totalCount: dataSize,
-      paginationProps: {
-        showSizeChanger: true,
-        hideOnSinglePage: true,
-        pageSize: (_pageProperties$tab3 = pageProperties[tab]) === null || _pageProperties$tab3 === void 0 ? void 0 : _pageProperties$tab3.pageSize,
-        total: dataSize
-      },
-      onChange: handleTableChange,
-      onColumnHide: function onColumnHide(_ref2) {
-        var dataIndex = _ref2.dataIndex;
-        return hideColumn(dataIndex);
-      }
-    })
-  });
-};
-
-var AccountsDashboard = function AccountsDashboard() {
-  var _useTransition = useTransition(),
-    _useTransition2 = _slicedToArray(_useTransition, 2);
-    _useTransition2[0];
-    var startTransition = _useTransition2[1];
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    showExportModal = _useState2[0],
-    setShowExportModal = _useState2[1];
-  var _useFiltersAndPaginat = useFiltersAndPagination(),
-    isFilterButtonVisible = _useFiltersAndPaginat.isFilterButtonVisible,
-    isFilterPaneOpen = _useFiltersAndPaginat.isFilterPaneOpen,
-    pageProperties = _useFiltersAndPaginat.pageProperties,
-    filters = _useFiltersAndPaginat.filters,
-    searchKeywordProps = _useFiltersAndPaginat.searchKeywordProps,
-    tab = _useFiltersAndPaginat.tab,
-    sortProperties = _useFiltersAndPaginat.sortProperties,
-    columnData = _useFiltersAndPaginat.columnData,
-    dataSize = _useFiltersAndPaginat.dataSize,
-    setDataSize = _useFiltersAndPaginat.setDataSize,
-    setIsFilterButtonVisible = _useFiltersAndPaginat.setIsFilterButtonVisible,
-    setIsFilterPaneOpen = _useFiltersAndPaginat.setIsFilterPaneOpen,
-    setPageProperties = _useFiltersAndPaginat.setPageProperties,
-    setFilters = _useFiltersAndPaginat.setFilters,
-    handleTabChange = _useFiltersAndPaginat.handleTabChange,
-    setSortProperties = _useFiltersAndPaginat.setSortProperties;
-  var isTabsVisible = isFilterButtonVisible || tab !== "all";
-  var handleFiltersChange = function handleFiltersChange(filters) {
-    startTransition(function () {
-      setFilters(filters);
-    });
-  };
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx(Header, {
-      title: t("neetoPayments.title.account"),
-      searchProps: isFilterButtonVisible && {
-        placeholder: t("neetoPayments.common.search"),
-        className: "w-80"
-      }
-    }), isTabsVisible && /*#__PURE__*/jsx(Tab, {
-      children: TABS.map(function (item) {
-        return /*#__PURE__*/jsx(Tab.Item, {
-          active: tab === item,
-          onClick: function onClick() {
-            return handleTabChange(item);
-          },
-          children: t("neetoPayments.common.".concat(item))
-        }, item);
-      })
-    }), /*#__PURE__*/jsx(SubHeader, {
-      className: "my-4",
-      leftActionBlock: isPresent(dataSize) && /*#__PURE__*/jsx(Typography, {
-        className: "neeto-ui-gray-800 mr-2 font-semibold",
-        component: "h4",
-        children: tab === TAB.all ? t("neetoPayments.countOf.account", {
-          count: dataSize
-        }) : t("neetoPayments.countOf.accountWithStatus", {
-          count: dataSize,
-          status: tab
-        })
-      }),
-      rightActionBlock: isFilterButtonVisible && /*#__PURE__*/jsx(SubHeader.RightBlock, {
-        columnsButtonProps: {
-          columnData: columnData,
-          fixedColumns: DASHBOARD_MANDATORY_COLUMNS,
-          localStorageKey: STRIPE_ACCOUNTS_TABLE_HIDDEN_COLUMNS_STORAGE_KEY
-        },
-        downloadButtonProps: {
-          onClick: function onClick() {
-            return setShowExportModal(true);
-          }
-        },
-        filterProps: {
-          columns: FILTER_COLUMNS,
-          isOpen: isFilterPaneOpen,
-          keyword: searchKeywordProps,
-          setIsOpen: setIsFilterPaneOpen,
-          onChange: handleFiltersChange
-        }
-      })
-    }), /*#__PURE__*/jsx(FiltersBar, {
-      columns: FILTER_COLUMNS,
-      keyword: searchKeywordProps,
-      setIsPaneOpen: setIsFilterPaneOpen,
-      onChange: handleFiltersChange
-    }), /*#__PURE__*/jsx(List, {
-      columnData: columnData,
-      filters: filters,
-      pageProperties: pageProperties,
-      setDataSize: setDataSize,
-      setIsFilterButtonVisible: setIsFilterButtonVisible,
-      setPageProperties: setPageProperties,
-      setSortProperties: setSortProperties,
-      sortProperties: sortProperties,
-      tab: tab
-    }), /*#__PURE__*/jsx(ExportModal, {
-      filters: filters,
-      setShowExportModal: setShowExportModal,
-      showExportModal: showExportModal,
-      sortProperties: sortProperties,
-      tab: tab
-    })]
-  });
-};
-var index = withTitle(withReactQuery(AccountsDashboard), t("neetoPayments.title.account"));
-
-export { index as default };
-//# sourceMappingURL=AccountsDashboard.js.map