@bigbinary/neeto-payments-frontend 1.5.0-beta1 → 1.6.0-beta2

package/README.md

@@ -110,6 +110,10 @@ The engine is used to manage payments across neeto products.
 ### Usage
 You can learn more about setup and usage here:
   1. [Services](/docs/engine/services.md)
+  2. [Stripe integration](/docs/engine/stripe_integrations.md)
+  2. [Razorpay integration](/docs/engine/razorpay_integrations.md)
+  3. [Stripe payment](/docs/engine/stripe_payment.md)
+  4. [Razorpay payment](/docs/engine/razorpay_payment.md)
 
 ## Frontend package
 ### Installation
@@ -198,42 +202,6 @@ const App = () => {
 export default App;
 ```
 
-#### 3. `SquareCard` ([source code](https://github.com/bigbinary/neeto-payments-nano/blob/42ad8330442696b102d8555930162d75cf94931e/app/javascript/src/components/SquareCard/index.jsx))
-
-**Props**
-- `card`: The Square card instance.
-- `setCard`: Function to set the Square card instance.
-
-**Optional Props**
-- `onChange`: Event handler function triggered on Square card events.
-- `id`: ID of the container element for the Square card. Defaults to `square-card-container`.
-- `options`: Configuration options for the Square card. Defaults to `{}`.
-- `disabled`: Disables pointer events if set to `true`. Defaults to `false`.
-
-**Usage**
-```jsx
-import React, { useState } from "react";
-import { SquareCard } from "@bigbinary/neeto-payments-frontend";
-
-const App = () => {
-  const [squareCard, setSquareCard] = useState(null);
-  const handleCardChange = event => {
-    // Handle Square card events
-  };
-
-  return (
-    <SquareCard
-      card={squareCard}
-      setCard={setSquareCard}
-      onChange={handleCardChange}
-      disabled={false}
-    />
-  );
-};
-
-export default App;
-```
-
 #### 4. `PayoutsDashboard` ([source code](https://github.com/bigbinary/neeto-payments-nano/blob/42ad8330442696b102d8555930162d75cf94931e/app/javascript/src/components/PayoutsDashboard/index.jsx))
 
 **Props**
@@ -257,50 +225,6 @@ const App = () => {
 export default App;
 ```
 
-#### 5. `SquareDashboard` ([source code](https://github.com/bigbinary/neeto-payments-nano/blob/42ad8330442696b102d8555930162d75cf94931e/app/javascript/src/components/SquareDashboard/index.jsx))
-
-**Props**
-- `searchProps`: To specify the search props to be passed to the neetoUI `Header`
-   component used in the `Dashboard`.
-
-**Optional Props**
-- `holdableId`: To specify the ID of the entity that holds the stripe
-   account. If the value is not specified, the current
-   organization ID is taken as the default value while querying for
-   transactions.
-- `payableEntityColumns`: To specify the columns from the payable entity
-   which need to be additionally displayed. Defaults to `[]`.
-- `kind`: To specify the type of payment. Defaults to `squarePayment`.
-- `headerProps`: To specify the props to be passed to the neetoUI `Header`
-   component used in the `Dashboard`. Defaults to `{}`.
-
-**Usage**
-```jsx
-import React from "react";
-import { SquareDashboard } from "@bigbinary/neeto-payments-frontend";
-
-const App = () => {
-   const searchProps = {
-    placeholder: "Search...",
-  };
-
-  const headerProps = {
-    className: "w-80",
-    // Your header properties
-  };
-  return (
-     <SquareDashboard
-        searchProps={searchProps}
-        headerProps={headerProps}
-        kind="squarePayment"
-        payableEntityColumns=[]
-     />
-  );
-};
-
-export default App;
-```
-
 ### Hooks
 #### 1. `useStripePromise` ([source code](https://github.com/bigbinary/neeto-payments-nano/blob/42ad8330442696b102d8555930162d75cf94931e/app/javascript/src/hooks/useStripePromise.js))
 
@@ -322,21 +246,6 @@ identifier as input and returns a `Promise`.
   </Elements>
 ```
 
-#### 2. `useSquareCard` ([source code](https://github.com/bigbinary/neeto-payments-nano/blob/42ad8330442696b102d8555930162d75cf94931e/app/javascript/src/hooks/useSquareCard.js))
-
-- This hook manages the state and functionality related to the Square card instance, providing methods for setting the card, accessing the current card instance, and tokenizing the card.
-- Usage in [neetoInvoice](https://github.com/bigbinary/neeto-payments-nano/blob/42ad8330442696b102d8555930162d75cf94931e/app/javascript/src/hooks/useSquareCard.js).
-
-**Returns**
-- `card`: The Square card instance.
-- `setCard`: Function to set the Square card instance.
-- `tokenizeCard`: Asynchronous function to tokenize the Square card instance. It returns a Promise that resolves to the tokenized card. If no card instance is found, a warning is logged, and an empty string is returned. If tokenization is successful, the token is returned. In case of errors during tokenization, an error is logged, and an empty string is returned.
-
-**Usage**
-```jsx
-  const { card, setCard, tokenizeCard } = useSquareCard();
-```
-
 ### Functions
 #### 1. `buildStripeTransactionLink` ([source code](https://github.com/bigbinary/neeto-payments-nano/blob/42ad8330442696b102d8555930162d75cf94931e/app/javascript/src/utils/index.js#L3))
 

package/app/javascript/src/translations/en.json

@@ -26,7 +26,6 @@
       "paymentIdentifier": "Payment identifier",
       "notAvailable": "-",
       "rejected": "Rejected",
-      "squarePayments": "Square Payments",
       "razorpayPayments": "Razorpay payments",
       "upiPayments": "UPI payments",
       "completed": "Completed",
@@ -75,8 +74,6 @@
       "split": "Stripe split transfers",
       "transfer": "Stripe standard transactions",
       "refund": "Stripe refunds",
-      "squarePayment": "Square payments",
-      "squareRefund": "Square refunds",
       "account": "Standard accounts",
       "payouts": "Stripe payouts"
     },
@@ -93,10 +90,6 @@
       "refundWithStatus": "There are no {{status}} refunds.",
       "account": "There are no standard accounts.",
       "accountWithStatus": "There are no {{status}} standard accounts.",
-      "squarePayment": "There are no payments.",
-      "squarePaymentWithStatus": "There are no {{status}} payments.",
-      "squareRefund": "There are no refunds.",
-      "squareRefundWithStatus": "There are no {{status}} refunds.",
       "razorpayPayment": "There are no payments.",
       "razorpayPaymentWithStatus": "There are no {{status}} payments.",
       "upiPayment": "There are no payments.",
@@ -263,14 +256,6 @@
       "refund_other": "{{count}} refunds",
       "refundWithStatus": "{{count}} {{status}} refund",
       "refundWithStatus_other": "{{count}} {{status}} refunds",
-      "squarePayment": "{{count}} payment",
-      "squarePayment_other": "{{count}} payments",
-      "squarePaymentWithStatus": "{{count}} {{status}} payment",
-      "squarePaymentWithStatus_other": "{{count}} {{status}} payments",
-      "squareRefund": "{{count}} refund",
-      "squareRefund_other": "{{count}} refunds",
-      "squareRefundWithStatus": "{{count}} {{status}} refund",
-      "squareRefundWithStatus_other": "{{count}} {{status}} refunds",
       "account": "{{count}} standard account",
       "account_other": "{{count}} standard accounts",
       "accountWithStatus": "{{count}} {{status}} standard account",

package/dist/AccountsDashboard.js

@@ -0,0 +1,477 @@
+import React__default, { 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 { buildFiltersFromURL, Bar } from '@bigbinary/neeto-filters-frontend';
+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 { C as CopyButtonWrapper, r as renderStatus, a as renderFullName, b as renderEmail, c as renderDate, d as buildDefaultPageProperties, e as buildPayload, f as buildRowData, w as withReactQuery } from './renderFunctions-97b121a4.js';
+import { Download } from '@bigbinary/neeto-icons';
+import Button from '@bigbinary/neetoui/Button';
+import Modal from '@bigbinary/neetoui/Modal';
+import { u as useExportData, e as exportChannel } from './exportChannel-250e6f14.js';
+import { u as uuidV4, b as buildStripeAccountLink } from './index-48f8b281.js';
+import { getQueryParams, buildUrl } from '@bigbinary/neeto-commons-frontend/utils';
+import { pipe, split, map, join, mergeLeft, assoc } from 'ramda';
+import { useHistory } from 'react-router-dom';
+import { DEFAULT_SORT_PROPERTIES, BASE_URL, SORT_DIRECTIONS } from './constants.js';
+import { I as IdentifierButton } from './IdentifierButton-73cadb18.js';
+import { DEFAULT_PAGE_SIZE, DEFAULT_PAGE_INDEX } from '@bigbinary/neeto-commons-frontend/constants';
+import { useHiddenColumns } from '@bigbinary/neeto-molecules/Columns';
+import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
+import TableWrapper from '@bigbinary/neeto-molecules/TableWrapper';
+import Table from '@bigbinary/neetoui/Table';
+import NoData from '@bigbinary/neetoui/NoData';
+import { u as useQuery, Q as QUERY_KEYS } from './queryConstants-765c8816.js';
+import axios from 'axios';
+import './utils-e29db9c9.js';
+import 'react/jsx-runtime';
+import './mutation-286611ef.js';
+import '@bigbinary/neeto-molecules/DateFormat';
+import '@bigbinary/neetoui/Tag';
+import '@bigbinary/neetoui/Tooltip';
+import '@bigbinary/neeto-molecules/CopyToClipboardButton';
+import './useMutation-8d67f853.js';
+
+const TAB = {
+  all: "all",
+  connected: "connected",
+  disconnected: "disconnected",
+  incomplete: "incomplete"
+};
+const TABS = Object.values(TAB);
+const SEARCH_PROPS = {
+  key: "keyword",
+  node: "identifier,user.first_name,last_name,email",
+  model: "NeetoPaymentsEngine::Stripe::Account,User"
+};
+const DASHBOARD_MANDATORY_COLUMNS = ["id", "status", "identifier"];
+const FILTER_COLUMNS = [{
+  key: "created_at",
+  label: t("neetoPayments.common.createdAt"),
+  node: "created_at",
+  type: "date",
+  showRuleSelector: true
+}];
+const STRIPE_ACCOUNTS_TABLE_HIDDEN_COLUMNS_STORAGE_KEY = "stripeAccountsDashboard";
+
+const ExportModal = _ref => {
+  let {
+    showExportModal,
+    setShowExportModal,
+    tab,
+    filters,
+    sortProperties = {}
+  } = _ref;
+  const {
+    t
+  } = useTranslation();
+  const [downloadUrl, setDownloadUrl] = useState("");
+  const [isGenerating, setIsGenerating] = useState(false);
+  const {
+    mutate: exportCsv,
+    isLoading
+  } = useExportData();
+  const isFileLoading = isLoading || isGenerating;
+  const token = useMemo(() => `account-report-${uuidV4()}`, []);
+  const receivedCallback = data => {
+    if (!data.download_url) return;
+    setDownloadUrl(data.download_url);
+    setIsGenerating(false);
+  };
+  const handleGenerateClick = () => {
+    const payload = {
+      kind: "account",
+      token,
+      filters,
+      tab,
+      ...sortProperties
+    };
+    exportCsv(payload, {
+      onSuccess: () => {
+        setDownloadUrl("");
+        setIsGenerating(true);
+      }
+    });
+  };
+  useEffect(() => {
+    if (showExportModal) {
+      const channel = exportChannel(token, receivedCallback);
+      setDownloadUrl("");
+      setIsGenerating(false);
+      return () => {
+        channel.disconnected();
+      };
+    }
+    return undefined;
+  }, [showExportModal, token]);
+  const onClose = () => setShowExportModal(false);
+  return /*#__PURE__*/React__default.createElement(Modal, {
+    onClose,
+    isOpen: showExportModal
+  }, /*#__PURE__*/React__default.createElement(Modal.Header, null, /*#__PURE__*/React__default.createElement(Typography, {
+    style: "h2"
+  }, t("neetoPayments.export.title.account"))), /*#__PURE__*/React__default.createElement(Modal.Body, null, isFileLoading ? /*#__PURE__*/React__default.createElement(Typography, {
+    style: "body2"
+  }, t("neetoPayments.export.pleaseWait")) : /*#__PURE__*/React__default.createElement(Typography, {
+    style: "body2"
+  }, downloadUrl ? t("neetoPayments.export.fileReady") : t("neetoPayments.export.download.account"))), /*#__PURE__*/React__default.createElement(Modal.Footer, {
+    className: "space-x-2"
+  }, downloadUrl ? /*#__PURE__*/React__default.createElement(Button, {
+    href: downloadUrl,
+    icon: Download,
+    label: t("neetoPayments.common.download"),
+    onClick: onClose
+  }) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Button, {
+    disabled: isFileLoading,
+    label: t("neetoPayments.common.cancel"),
+    style: "tertiary",
+    onClick: onClose
+  }), /*#__PURE__*/React__default.createElement(Button, {
+    disabled: isFileLoading,
+    label: t("neetoPayments.common.export"),
+    loading: isFileLoading,
+    onClick: handleGenerateClick
+  }))));
+};
+
+const renderIdentifier = function () {
+  let {
+    identifier = "",
+    live: isLive = false
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return /*#__PURE__*/React__default.createElement(CopyButtonWrapper, {
+    content: identifier
+  }, /*#__PURE__*/React__default.createElement(IdentifierButton, {
+    href: buildStripeAccountLink(identifier, isLive),
+    label: identifier
+  }));
+};
+const renderCountry = pipe(split("_"), map(capitalize), join(" "));
+
+const COLUMNS = [{
+  title: t("neetoPayments.common.id"),
+  dataIndex: "id",
+  key: "id",
+  width: "72px",
+  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",
+  sorter: true,
+  render: renderEmail
+}, {
+  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
+}];
+
+const useFiltersAndPagination = () => {
+  const history = useHistory();
+  const [isFilterButtonVisible, setIsFilterButtonVisible] = useState(false);
+  const [isFilterPaneOpen, setIsFilterPaneOpen] = useState(false);
+  const [pageProperties, setPageProperties] = useState(buildDefaultPageProperties(TABS));
+  const [sortProperties, setSortProperties] = useState(DEFAULT_SORT_PROPERTIES);
+  const {
+    tab = TAB.all
+  } = useQueryParams();
+  const {
+    searchTerm = ""
+  } = getQueryParams();
+  const searchKeywordProps = {
+    ...SEARCH_PROPS,
+    key: "search_term",
+    value: searchTerm.trim()
+  };
+  const [filters, setFilters] = useState(buildFiltersFromURL([...FILTER_COLUMNS, searchKeywordProps]));
+  const [dataSize, setDataSize] = useState(null);
+  const columnData = tab !== TAB.all ? removeBy({
+    key: "status"
+  }, COLUMNS) : COLUMNS;
+  const handleTabChange = tab => {
+    setDataSize(null);
+    const queryParams = getQueryParams({
+      toCamelCase: false
+    });
+    const newParams = {
+      tab,
+      page: pageProperties[tab]?.page,
+      page_size: pageProperties[tab]?.pageSize
+    };
+    history.push(buildUrl(window.location.pathname, mergeLeft(newParams, queryParams)));
+  };
+  return {
+    isFilterButtonVisible,
+    isFilterPaneOpen,
+    pageProperties,
+    filters,
+    searchKeywordProps,
+    tab,
+    sortProperties,
+    columnData,
+    dataSize,
+    setDataSize,
+    setIsFilterButtonVisible,
+    setIsFilterPaneOpen,
+    setPageProperties,
+    setFilters,
+    handleTabChange,
+    setSortProperties
+  };
+};
+
+const list = payload => axios.get(`${BASE_URL}/api/v1/stripe/accounts`, {
+  params: payload
+});
+const accountsApi = {
+  list
+};
+
+const useFetchConnectedAccounts = function () {
+  let payload = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return useQuery({
+    queryKey: [QUERY_KEYS.STRIPE_ACCOUNTS_LIST, payload],
+    queryFn: () => accountsApi.list(payload),
+    ...options
+  });
+};
+
+const List = _ref => {
+  let {
+    columnData,
+    filters,
+    pageProperties,
+    setDataSize,
+    setIsFilterButtonVisible,
+    setPageProperties,
+    setSortProperties,
+    sortProperties,
+    tab
+  } = _ref;
+  const history = useHistory();
+  const {
+    t
+  } = useTranslation();
+  const {
+    hideColumn,
+    getVisibleColumnData
+  } = useHiddenColumns(STRIPE_ACCOUNTS_TABLE_HIDDEN_COLUMNS_STORAGE_KEY);
+  const {
+    data: {
+      accounts = [],
+      views = {}
+    } = {},
+    isLoading,
+    isFetching
+  } = useFetchConnectedAccounts(buildPayload({
+    filters,
+    pageProperties,
+    sortProperties,
+    tab
+  }));
+  const dataSize = views[tab];
+  useEffect(() => {
+    setIsFilterButtonVisible(isPresent(accounts) || isPresent(filters));
+    setDataSize(dataSize);
+  }, [accounts]);
+  const handleTablePagination = (page, pageSize) => {
+    const queryParams = getQueryParams({
+      toCamelCase: false
+    });
+    history.push(buildUrl(window.location.pathname, mergeLeft({
+      page,
+      page_size: pageSize
+    }, queryParams)));
+    setPageProperties(assoc(tab, {
+      page,
+      pageSize
+    }));
+  };
+  useEffect(() => {
+    handleTablePagination(DEFAULT_PAGE_INDEX, DEFAULT_PAGE_SIZE);
+    setSortProperties(DEFAULT_SORT_PROPERTIES);
+  }, [filters, tab]);
+  const handleTableChange = (_, __, sorter) => {
+    setSortProperties(isPresent(sorter?.column) ? {
+      sortBy: camelToSnakeCase(sorter.field),
+      orderBy: sorter.order === "ascend" ? "ASC" : "DESC"
+    } : DEFAULT_SORT_PROPERTIES);
+  };
+  if (isLoading) {
+    return /*#__PURE__*/React__default.createElement(PageLoader, null);
+  }
+  if (dataSize <= 0 || !isPresent(accounts)) {
+    return /*#__PURE__*/React__default.createElement("div", {
+      className: "flex h-full w-full items-center justify-center"
+    }, /*#__PURE__*/React__default.createElement(NoData, {
+      title: tab === TAB.all ? t("neetoPayments.emptyState.account") : t("neetoPayments.emptyState.accountWithStatus", {
+        status: tab
+      })
+    }));
+  }
+  return /*#__PURE__*/React__default.createElement(TableWrapper, {
+    hasPagination: dataSize > pageProperties[tab]?.pageSize
+  }, /*#__PURE__*/React__default.createElement(Table, {
+    fixedHeight: true,
+    allowRowClick: false,
+    columnData: getVisibleColumnData(columnData),
+    currentPageNumber: pageProperties[tab]?.page,
+    handlePageChange: handleTablePagination,
+    loading: isFetching,
+    rowData: buildRowData({
+      data: accounts,
+      pageProperties,
+      tab
+    }),
+    rowSelection: false,
+    sortDirections: SORT_DIRECTIONS,
+    totalCount: dataSize,
+    paginationProps: {
+      showSizeChanger: true,
+      hideOnSinglePage: true,
+      pageSize: pageProperties[tab]?.pageSize,
+      total: dataSize
+    },
+    onChange: handleTableChange,
+    onColumnHide: _ref2 => {
+      let {
+        dataIndex
+      } = _ref2;
+      return hideColumn(dataIndex);
+    }
+  }));
+};
+
+const AccountsDashboard = () => {
+  const [_, startTransition] = useTransition();
+  const {
+    t
+  } = useTranslation();
+  const [showExportModal, setShowExportModal] = useState(false);
+  const {
+    isFilterButtonVisible,
+    isFilterPaneOpen,
+    pageProperties,
+    filters,
+    searchKeywordProps,
+    tab,
+    sortProperties,
+    columnData,
+    dataSize,
+    setDataSize,
+    setIsFilterButtonVisible,
+    setIsFilterPaneOpen,
+    setPageProperties,
+    setFilters,
+    handleTabChange,
+    setSortProperties
+  } = useFiltersAndPagination();
+  const isTabsVisible = isFilterButtonVisible || tab !== "all";
+  const handleFiltersChange = filters => {
+    startTransition(() => {
+      setFilters(filters);
+    });
+  };
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Header, {
+    title: t("neetoPayments.title.account"),
+    searchProps: isFilterButtonVisible && {
+      placeholder: t("neetoPayments.common.search"),
+      className: "w-80"
+    }
+  }), isTabsVisible && /*#__PURE__*/React__default.createElement(Tab, null, TABS.map(item => /*#__PURE__*/React__default.createElement(Tab.Item, {
+    active: tab === item,
+    key: item,
+    onClick: () => handleTabChange(item)
+  }, t(`neetoPayments.common.${item}`)))), /*#__PURE__*/React__default.createElement(SubHeader, {
+    className: "mt-4",
+    leftActionBlock: isPresent(dataSize) && /*#__PURE__*/React__default.createElement(Typography, {
+      className: "neeto-ui-gray-800 mr-2 font-semibold",
+      component: "h4"
+    }, tab === TAB.all ? t("neetoPayments.countOf.account", {
+      count: dataSize
+    }) : t("neetoPayments.countOf.accountWithStatus", {
+      count: dataSize,
+      status: tab
+    })),
+    rightActionBlock: /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Bar, {
+      columns: FILTER_COLUMNS,
+      keyword: searchKeywordProps,
+      setIsPaneOpen: setIsFilterPaneOpen,
+      onChange: handleFiltersChange
+    }), isFilterButtonVisible && /*#__PURE__*/React__default.createElement(SubHeader.RightBlock, {
+      columnsButtonProps: {
+        columnData,
+        fixedColumns: DASHBOARD_MANDATORY_COLUMNS,
+        localStorageKey: STRIPE_ACCOUNTS_TABLE_HIDDEN_COLUMNS_STORAGE_KEY
+      },
+      downloadButtonProps: {
+        onClick: () => setShowExportModal(true)
+      },
+      filterProps: {
+        columns: FILTER_COLUMNS,
+        isOpen: isFilterPaneOpen,
+        keyword: searchKeywordProps,
+        setIsOpen: setIsFilterPaneOpen,
+        onChange: handleFiltersChange
+      }
+    }))
+  }), /*#__PURE__*/React__default.createElement(List, {
+    columnData,
+    filters,
+    pageProperties,
+    setDataSize,
+    setIsFilterButtonVisible,
+    setPageProperties,
+    setSortProperties,
+    sortProperties,
+    tab
+  }), /*#__PURE__*/React__default.createElement(ExportModal, {
+    filters,
+    setShowExportModal,
+    showExportModal,
+    sortProperties,
+    tab
+  }));
+};
+var index = withTitle(withReactQuery(AccountsDashboard), t("neetoPayments.title.account"));
+
+export { index as default };
+//# sourceMappingURL=AccountsDashboard.js.map