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

package/dist/cjs/Dashboard.js

@@ -0,0 +1,613 @@
+'use strict';
+
+var _extends = require('./extends-1b35a664.js');
+var React = require('react');
+var i18next = require('i18next');
+var neetoCist = require('@bigbinary/neeto-cist');
+var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
+var neetoFiltersFrontend = require('@bigbinary/neeto-filters-frontend');
+var Header = require('@bigbinary/neeto-molecules/Header');
+var SubHeader = require('@bigbinary/neeto-molecules/SubHeader');
+var Tab = require('@bigbinary/neetoui/Tab');
+var Typography = require('@bigbinary/neetoui/Typography');
+var reactI18next = require('react-i18next');
+var renderFunctions = require('./renderFunctions-398d3fb5.js');
+var index = require('./index-b7badf96.js');
+var ExportModal = require('./ExportModal-20f368a1.js');
+var utils = require('@bigbinary/neeto-commons-frontend/utils');
+var ramda = require('ramda');
+var reactRouterDom = require('react-router-dom');
+var constants = require('./constants.js');
+var index$1 = require('./index-b097dce8.js');
+var constants$1 = require('@bigbinary/neeto-commons-frontend/constants');
+var Columns = require('@bigbinary/neeto-molecules/Columns');
+var PageLoader = require('@bigbinary/neeto-molecules/PageLoader');
+var TableWrapper = require('@bigbinary/neeto-molecules/TableWrapper');
+var Table = require('@bigbinary/neetoui/Table');
+var NoData = require('@bigbinary/neetoui/NoData');
+var useConnectApi = require('./useConnectApi-f0665633.js');
+var usePlatformApi = require('./usePlatformApi-830827fa.js');
+var neetoIcons = require('@bigbinary/neeto-icons');
+var Pane = require('@bigbinary/neetoui/Pane');
+require('./utils-7eba34a4.js');
+require('react/jsx-runtime');
+require('./queryConstants-de21eed5.js');
+require('./mutation-ed7b84fc.js');
+require('@bigbinary/neeto-molecules/DateFormat');
+require('@bigbinary/neetoui/Button');
+require('@bigbinary/neetoui/Tag');
+require('@bigbinary/neetoui/Tooltip');
+require('@bigbinary/neeto-molecules/CopyToClipboardButton');
+require('@bigbinary/neetoui/Modal');
+require('./useMutation-4c7cdbe1.js');
+require('axios');
+require('./exportChannel-7bd80952.js');
+require('./IdentifierButton-40b5459d.js');
+require('util');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var Header__default = /*#__PURE__*/_interopDefaultLegacy(Header);
+var SubHeader__default = /*#__PURE__*/_interopDefaultLegacy(SubHeader);
+var Tab__default = /*#__PURE__*/_interopDefaultLegacy(Tab);
+var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
+var PageLoader__default = /*#__PURE__*/_interopDefaultLegacy(PageLoader);
+var TableWrapper__default = /*#__PURE__*/_interopDefaultLegacy(TableWrapper);
+var Table__default = /*#__PURE__*/_interopDefaultLegacy(Table);
+var NoData__default = /*#__PURE__*/_interopDefaultLegacy(NoData);
+var Pane__default = /*#__PURE__*/_interopDefaultLegacy(Pane);
+
+const useFiltersAndPagination = _ref => {
+  let {
+    payableEntityColumns,
+    kind,
+    searchProps
+  } = _ref;
+  const {
+    tab = index.TAB.all
+  } = reactUtils.useQueryParams();
+  const history = reactRouterDom.useHistory();
+  const tabs = index.TABS.filter(tab => !index.TAB_METADATA[tab]?.isHidden?.[kind]);
+  const [isFilterButtonVisible, setIsFilterButtonVisible] = React.useState(false);
+  const [isFilterPaneOpen, setIsFilterPaneOpen] = React.useState(false);
+  const [pageProperties, setPageProperties] = React.useState(renderFunctions.buildDefaultPageProperties(tabs));
+  const [sortProperties, setSortProperties] = React.useState(constants.DEFAULT_SORT_PROPERTIES);
+  const filterableColumns = ExportModal.buildFilterColumns(tab, kind, payableEntityColumns);
+  const {
+    searchTerm = ""
+  } = utils.getQueryParams();
+  const searchKeywordProps = {
+    ...ExportModal.modifySearchProps({
+      searchProps,
+      kind
+    }),
+    key: "search_term",
+    value: searchTerm.trim()
+  };
+  const [filters, setFilters] = React.useState(neetoFiltersFrontend.buildFiltersFromURL([...filterableColumns, searchKeywordProps]));
+  const [dataSize, setDataSize] = React.useState(null);
+  const [paneStatus, setPaneStatus] = React.useState(index.INITIAL_PANE_STATUS);
+  const columns = ExportModal.buildPaymentColumns({
+    tab,
+    kind,
+    payableEntityColumns,
+    specialColumnArguments: {
+      setPaneStatus
+    }
+  });
+  const modifiedColumns = columns.map(ramda.modify("dataIndex", index$1.processDataIndex));
+  const handleTabChange = tab => {
+    setDataSize(null);
+    const queryParams = utils.getQueryParams({
+      toCamelCase: false
+    });
+    const newParams = {
+      tab,
+      page: pageProperties[tab]?.page,
+      page_size: pageProperties[tab]?.pageSize
+    };
+    history.push(utils.buildUrl(window.location.pathname, ramda.mergeLeft(newParams, queryParams)));
+  };
+  return {
+    isFilterButtonVisible,
+    isFilterPaneOpen,
+    pageProperties,
+    paneStatus,
+    filters,
+    searchKeywordProps,
+    tabs,
+    tab,
+    dataSize,
+    filterableColumns,
+    sortProperties,
+    columns,
+    modifiedColumns,
+    setIsFilterButtonVisible,
+    setIsFilterPaneOpen,
+    setPageProperties,
+    setPaneStatus,
+    setFilters,
+    handleTabChange,
+    setDataSize,
+    setSortProperties
+  };
+};
+
+const SPLIT_COLUMNS = [{
+  key: "splitSubId",
+  title: i18next.t("neetoPayments.common.id"),
+  dataIndex: "id",
+  width: "72px"
+}, {
+  key: "splitSubIdentifier",
+  title: i18next.t("neetoPayments.common.identifier"),
+  dataIndex: "identifier",
+  width: "300px",
+  render: ExportModal.renderSplitIdentifier
+}, {
+  key: "splitSubAmount",
+  title: i18next.t("neetoPayments.common.amount"),
+  dataIndex: "amount",
+  width: "150px"
+}, {
+  key: "splitSubStatus",
+  title: i18next.t("neetoPayments.common.status"),
+  dataIndex: "status",
+  width: "130px",
+  render: renderFunctions.renderStatus("split")
+}];
+const REFUND_COLUMNS = [{
+  key: "refundId",
+  title: i18next.t("neetoPayments.common.id"),
+  dataIndex: "id",
+  width: "72px"
+}, {
+  key: "refundIdentifier",
+  title: i18next.t("neetoPayments.common.identifier"),
+  dataIndex: "identifier",
+  width: "290px",
+  render: ExportModal.renderRefundIdentifier
+}, {
+  key: "refundAmount",
+  title: i18next.t("neetoPayments.common.amount"),
+  dataIndex: "amount",
+  width: "150px"
+}, {
+  key: "refundStatus",
+  title: i18next.t("neetoPayments.common.status"),
+  dataIndex: "status",
+  width: "200px",
+  render: renderFunctions.renderStatus("refund")
+}];
+
+const SubTable = _ref => {
+  let {
+    data = [],
+    className = "",
+    kind = "split"
+  } = _ref;
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: className || "ml-12 max-w-3xl"
+  }, /*#__PURE__*/React__default["default"].createElement(TableWrapper__default["default"], {
+    hasPagination: false
+  }, /*#__PURE__*/React__default["default"].createElement(Table__default["default"], {
+    fixedHeight: true,
+    columnData: ExportModal.isSplitKind(kind) ? SPLIT_COLUMNS : REFUND_COLUMNS,
+    pagination: false,
+    rowData: renderFunctions.buildRowData({
+      data
+    }),
+    scroll: {
+      y: 300
+    }
+  })));
+};
+
+const ExpandedRow = function () {
+  let {
+    splits = [],
+    refunds = []
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "my-2 space-y-2"
+  }, !ramda.isEmpty(splits) && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "space-y-4"
+  }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
+    className: "ml-12",
+    style: "h3"
+  }, i18next.t("neetoPayments.common.splits")), /*#__PURE__*/React__default["default"].createElement(SubTable, {
+    data: splits
+  })), !ramda.isEmpty(refunds) && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "space-y-4"
+  }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
+    className: "ml-12",
+    style: "h3"
+  }, i18next.t("neetoPayments.title.refund")), /*#__PURE__*/React__default["default"].createElement(SubTable, {
+    data: refunds,
+    kind: "refund"
+  })));
+};
+
+const useFetchData = _ref => {
+  let {
+    kind,
+    holdableId,
+    payload,
+    isPlatformEnabled
+  } = _ref;
+  const data = {};
+  data.transfer = data.connected = useConnectApi.useFetchStripeTransactions(holdableId, {
+    ...payload,
+    kind
+  }, {
+    enabled: ExportModal.isTransferKind(kind) || ExportModal.isConnectedKind(kind)
+  });
+  data.refund = usePlatformApi.useFetchStripeRefunds(payload, {
+    enabled: ExportModal.isRefundKind(kind)
+  });
+  data.platform = usePlatformApi.useFetchStripePlatformTransactions(payload, {
+    enabled: ExportModal.isPlatformKind(kind) && isPlatformEnabled
+  });
+  data.split = usePlatformApi.useFetchStripePlatformSplits(payload, {
+    enabled: ExportModal.isSplitKind(kind)
+  });
+  return {
+    data: ExportModal.processResponse(data[kind]?.data, kind),
+    dataSize: data[kind]?.data?.counts?.[payload?.tab],
+    isDataLoading: data[kind]?.isLoading,
+    isDataFetching: data[kind]?.isFetching
+  };
+};
+
+const RowExpander = _ref => {
+  let {
+    expanded,
+    onExpand,
+    record,
+    expandable
+  } = _ref;
+  return expandable && (expanded ? /*#__PURE__*/React__default["default"].createElement(neetoIcons.Down, {
+    className: "cursor-pointer",
+    onClick: e => onExpand(record, e)
+  }) : /*#__PURE__*/React__default["default"].createElement(neetoIcons.Right, {
+    className: "cursor-pointer",
+    onClick: e => onExpand(record, e)
+  }));
+};
+
+const Details = _ref => {
+  let {
+    transactionId,
+    ...paneProps
+  } = _ref;
+  const {
+    t
+  } = reactI18next.useTranslation();
+  const {
+    isLoading,
+    data: {
+      amount,
+      netAmount,
+      status,
+      paymentAt,
+      identifier,
+      live,
+      splits = []
+    } = {}
+  } = usePlatformApi.useFetchStripePlatformTransaction(transactionId);
+  return /*#__PURE__*/React__default["default"].createElement(Pane__default["default"], _extends._extends({}, paneProps, {
+    size: "large"
+  }), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Header, null, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
+    style: "h2"
+  }, "Transaction Details")), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Body, null, isLoading ? /*#__PURE__*/React__default["default"].createElement(PageLoader__default["default"], null) : /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "w-full space-y-6 p-2"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "w-full space-y-2"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "flex items-center space-x-2"
+  }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
+    style: "body2"
+  }, t("neetoPayments.transactionPane.transactionId")), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
+    className: "neeto-ui-text-black font-medium",
+    style: "body2"
+  }, ExportModal.renderIdentifier({
+    identifier,
+    live
+  }))), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "flex items-center space-x-2"
+  }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
+    style: "body2"
+  }, t("neetoPayments.transactionPane.amount")), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
+    className: "neeto-ui-text-black font-medium",
+    style: "body2"
+  }, amount)), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "flex items-center space-x-2"
+  }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
+    style: "body2"
+  }, t("neetoPayments.transactionPane.netAmount")), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
+    className: "neeto-ui-text-black font-medium",
+    style: "body2"
+  }, netAmount)), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "flex items-center space-x-2"
+  }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
+    style: "body2"
+  }, t("neetoPayments.transactionPane.status")), renderFunctions.renderStatus("transaction", status)), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "flex items-center space-x-2"
+  }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
+    style: "body2"
+  }, t("neetoPayments.transactionPane.paidOn")), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
+    className: "neeto-ui-text-black font-medium",
+    style: "body2"
+  }, renderFunctions.renderDate(paymentAt)))), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
+    style: "h3"
+  }, "Splits"), /*#__PURE__*/React__default["default"].createElement(SubTable, {
+    className: "ml-0 w-full",
+    data: splits
+  }))));
+};
+
+const List = _ref => {
+  let {
+    isPlatformEnabled = false,
+    kind,
+    holdableId = null,
+    filters,
+    setIsFilterButtonVisible,
+    pageProperties,
+    setPageProperties,
+    tab,
+    paneStatus,
+    setPaneStatus,
+    setDataSize,
+    sortProperties,
+    setSortProperties,
+    payoutId,
+    columns
+  } = _ref;
+  const history = reactRouterDom.useHistory();
+  const {
+    t
+  } = reactI18next.useTranslation();
+  const {
+    hideColumn,
+    hiddenColumns = []
+  } = Columns.useHiddenColumns(`stripePaymentDashboard_${kind}`);
+  const {
+    isLoading: isStripePlatformAccountLoading,
+    data: {
+      platformAccount: stripePlatformAccount
+    } = {}
+  } = usePlatformApi.useFetchStripePlatformAccount({
+    enabled: isPlatformEnabled
+  });
+  const {
+    isLoading: isStripeAccountLoading,
+    data: {
+      account: stripeConnectedAccount
+    } = {}
+  } = useConnectApi.useFetchConnectedStripeAccount(holdableId);
+  const {
+    data,
+    isDataLoading,
+    dataSize,
+    isDataFetching
+  } = useFetchData({
+    kind,
+    holdableId,
+    payload: renderFunctions.buildPayload({
+      tab,
+      filters,
+      pageProperties,
+      sortProperties,
+      payoutId
+    }),
+    isPlatformEnabled
+  });
+  const isStripeAccountConnected = stripeConnectedAccount?.isConnected || stripePlatformAccount?.isConnected;
+  React.useEffect(() => {
+    setIsFilterButtonVisible(neetoCist.isPresent(data) || neetoCist.isPresent(filters));
+    setDataSize(dataSize);
+  }, [data]);
+  const handleTablePaginaton = (page, pageSize) => {
+    const queryParams = utils.getQueryParams({
+      toCamelCase: false
+    });
+    history.push(utils.buildUrl(window.location.pathname, ramda.mergeLeft({
+      page,
+      page_size: pageSize
+    }, queryParams)));
+    setPageProperties(ramda.assoc(tab, {
+      page,
+      pageSize
+    }));
+  };
+  React.useEffect(() => {
+    handleTablePaginaton(constants$1.DEFAULT_PAGE_INDEX, constants$1.DEFAULT_PAGE_SIZE);
+    setSortProperties(constants.DEFAULT_SORT_PROPERTIES);
+  }, [filters, tab]);
+  const handleTableChange = (_, __, sorter) => {
+    setSortProperties(neetoCist.isPresent(sorter?.column) ? {
+      sortBy: neetoCist.camelToSnakeCase(index$1.processDataIndex(sorter.field)),
+      orderBy: sorter.order === "ascend" ? "ASC" : "DESC"
+    } : constants.DEFAULT_SORT_PROPERTIES);
+  };
+  if (isStripeAccountLoading || isStripePlatformAccountLoading || isDataLoading) {
+    return /*#__PURE__*/React__default["default"].createElement(PageLoader__default["default"], null);
+  }
+  if (!isStripeAccountConnected && dataSize <= 0 || !neetoCist.isPresent(data)) {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "flex h-full w-full items-center justify-center"
+    }, /*#__PURE__*/React__default["default"].createElement(NoData__default["default"], {
+      title: tab === index.TAB.all ? t(`neetoPayments.emptyState.${kind}`) : t(`neetoPayments.emptyState.${kind}WithStatus`, {
+        status: tab
+      })
+    }));
+  }
+  const visibleColumns = columns.filter(_ref2 => {
+    let {
+      dataIndex
+    } = _ref2;
+    return !hiddenColumns.includes(index$1.processDataIndex(dataIndex));
+  });
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(TableWrapper__default["default"], {
+    hasPagination: dataSize > pageProperties[tab]?.pageSize
+  }, /*#__PURE__*/React__default["default"].createElement(Table__default["default"], {
+    fixedHeight: true,
+    allowRowClick: false,
+    columnData: visibleColumns,
+    currentPageNumber: pageProperties[tab]?.page,
+    handlePageChange: handleTablePaginaton,
+    loading: isDataFetching,
+    rowData: renderFunctions.buildRowData({
+      data,
+      pageProperties,
+      tab
+    }),
+    rowSelection: false,
+    sortDirections: constants.SORT_DIRECTIONS,
+    totalCount: dataSize,
+    expandable: {
+      expandedRowRender: ExpandedRow,
+      showExpandColumn: ExportModal.isPlatformKind(kind),
+      rowExpandable: record => !(ramda.isEmpty(record.splits) && ramda.isEmpty(record.refunds)),
+      columnWidth: "64px",
+      expandIcon: RowExpander
+    },
+    paginationProps: {
+      showSizeChanger: true,
+      hideOnSinglePage: true,
+      pageSize: pageProperties[tab]?.pageSize,
+      total: dataSize
+    },
+    onChange: handleTableChange,
+    onColumnHide: column => {
+      hideColumn(index$1.processDataIndex(column.dataIndex));
+    }
+  })), /*#__PURE__*/React__default["default"].createElement(Details, _extends._extends({}, paneStatus, {
+    onClose: () => setPaneStatus(index.INITIAL_PANE_STATUS)
+  })));
+};
+
+const Dashboard = _ref => {
+  let {
+    isPlatformEnabled = false,
+    searchProps,
+    headerProps = {},
+    holdableId = null,
+    payableEntityColumns = [],
+    kind = "connected",
+    payoutId = null
+  } = _ref;
+  const [_, startTransition] = React.useTransition();
+  const {
+    t
+  } = reactI18next.useTranslation();
+  const [showExportModal, setShowExportModal] = React.useState(false);
+  const {
+    searchKeywordProps,
+    pageProperties,
+    filterableColumns,
+    isFilterButtonVisible,
+    isFilterPaneOpen,
+    filters,
+    tabs,
+    tab,
+    dataSize,
+    sortProperties,
+    columns,
+    modifiedColumns,
+    paneStatus,
+    setPaneStatus,
+    setIsFilterButtonVisible,
+    setIsFilterPaneOpen,
+    setFilters,
+    setPageProperties,
+    handleTabChange,
+    setDataSize,
+    setSortProperties
+  } = useFiltersAndPagination({
+    payableEntityColumns,
+    kind,
+    searchProps
+  });
+  const isTabsVisible = (isFilterButtonVisible || tab !== "all") && neetoCist.isNotPresent(payoutId);
+  const titleKind = kind === "transfer" && !isPlatformEnabled ? index.KIND.connected : kind;
+  const handleFiltersChange = filters => {
+    startTransition(() => {
+      setFilters(filters);
+    });
+  };
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Header__default["default"], _extends._extends({}, headerProps, {
+    title: t(`neetoPayments.title.${titleKind}`),
+    searchProps: isFilterButtonVisible && {
+      placeholder: searchKeywordProps.placeholder,
+      className: "w-80"
+    }
+  })), isTabsVisible && /*#__PURE__*/React__default["default"].createElement(Tab__default["default"], null, tabs.map(item => /*#__PURE__*/React__default["default"].createElement(Tab__default["default"].Item, {
+    active: tab === item,
+    key: item,
+    onClick: () => handleTabChange(item)
+  }, t(`neetoPayments.common.${item}`)))), /*#__PURE__*/React__default["default"].createElement(SubHeader__default["default"], {
+    className: "mt-4",
+    leftActionBlock: neetoCist.isPresent(dataSize) && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
+      className: "neeto-ui-gray-800 mr-2 font-semibold",
+      component: "h4"
+    }, tab === index.TAB.all ? t(`neetoPayments.countOf.${kind}`, {
+      count: dataSize
+    }) : t(`neetoPayments.countOf.${kind}WithStatus`, {
+      count: dataSize,
+      status: tab
+    })),
+    rightActionBlock: /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoFiltersFrontend.Bar, {
+      columns: filterableColumns,
+      keyword: searchKeywordProps,
+      setIsPaneOpen: setIsFilterPaneOpen,
+      onChange: handleFiltersChange
+    }), isFilterButtonVisible && /*#__PURE__*/React__default["default"].createElement(SubHeader__default["default"].RightBlock, {
+      columnsButtonProps: {
+        columnData: modifiedColumns,
+        fixedColumns: index.DASHBOARD_MANDATORY_COLUMNS,
+        localStorageKey: `stripePaymentDashboard_${kind}`
+      },
+      downloadButtonProps: {
+        onClick: () => setShowExportModal(true)
+      },
+      filterProps: {
+        columns: filterableColumns,
+        isOpen: isFilterPaneOpen,
+        keyword: searchKeywordProps,
+        setIsOpen: setIsFilterPaneOpen,
+        onChange: handleFiltersChange
+      }
+    }))
+  }), /*#__PURE__*/React__default["default"].createElement(List, {
+    columns,
+    filters,
+    holdableId,
+    isPlatformEnabled,
+    kind,
+    pageProperties,
+    paneStatus,
+    payoutId,
+    setDataSize,
+    setIsFilterButtonVisible,
+    setPageProperties,
+    setPaneStatus,
+    setSortProperties,
+    sortProperties,
+    tab
+  }), /*#__PURE__*/React__default["default"].createElement(ExportModal.ExportModal, {
+    filters,
+    holdableId,
+    kind,
+    setShowExportModal,
+    showExportModal,
+    sortProperties,
+    tab
+  }));
+};
+var Dashboard$1 = reactUtils.withTitle(renderFunctions.withReactQuery(Dashboard), i18next.t("neetoPayments.common.payments"));
+
+module.exports = Dashboard$1;
+//# sourceMappingURL=Dashboard.js.map