@bigbinary/neeto-payments-frontend 2.2.3 → 2.2.4

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

@@ -7,6 +7,7 @@
       "id": "ID",
       "identifier": "Identifier",
       "amount": "Amount",
+      "currency": "Currency",
       "platformShare": "Platform share",
       "status": "Status",
       "paymentTime": "Payment time",
@@ -74,6 +75,7 @@
       "connected": "Stripe transactions",
       "platform": "Stripe transactions",
       "split": "Stripe split transfers",
+      "splitTransfers": "Split transfers",
       "transfer": "Stripe standard transactions",
       "refund": "Stripe refunds",
       "account": "Standard accounts",
@@ -88,6 +90,8 @@
       "connectedWithStatus": "There are no {{status}} transactions.",
       "platform": "There are no transactions.",
       "platformWithStatus": "There are no {{status}} transactions.",
+      "splitTransfers": "There are no split transfers.",
+      "splitTransfersWithStatus": "There are no {{status}} split transfers.",
       "split": "There are no split transfers.",
       "splitWithStatus": "There are no {{status}} split transfers.",
       "transfer": "There are no transactions.",
@@ -166,6 +170,12 @@
         "pending": "pending",
         "cancelled": "cancelled",
         "initiated": "initiated"
+      },
+      "splitTransfers": {
+        "successful": "successful",
+        "pending": "pending",
+        "cancelled": "cancelled",
+        "initiated": "initiated"
       }
     },
     "tooltipContent": {
@@ -250,6 +260,10 @@
       "split_other": "{{count}} split transfers",
       "splitWithStatus": "{{count}} {{status}} split transfer",
       "splitWithStatus_other": "{{count}} {{status}} split transfers",
+      "splitTransfer": "{{count}} split transfer",
+      "splitTransfer_other": "{{count}} split transfers",
+      "splitTransferWithStatus": "{{count}} {{status}} split transfer",
+      "splitTransferWithStatus_other": "{{count}} {{status}} split transfers",
       "transfer": "{{count}} transaction",
       "transfer_other": "{{count}} transactions",
       "transferWithStatus": "{{count}} {{status}} transaction",

package/dist/AccountsDashboard.js

@@ -32,7 +32,7 @@ import Table from '@bigbinary/neetoui/Table';
 import NoData from '@bigbinary/neetoui/NoData';
 import { useQuery } from '@tanstack/react-query';
 import axios from 'axios';
-import { Q as QUERY_KEYS } from './queryConstants-fada3549.js';
+import { Q as QUERY_KEYS } from './queryConstants-65ca40bc.js';
 import '@tanstack/react-query-devtools';
 import '@bigbinary/neeto-molecules/DateFormat';
 import '@bigbinary/neetoui/Tag';

package/dist/Dashboard.js

@@ -25,8 +25,8 @@ 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 useFetchStripeTransactions, a as useFetchConnectedStripeAccount } from './useConnectApi-810f227f.js';
-import { u as useFetchStripeRefunds, a as useFetchStripePlatformTransactions, b as useFetchStripePlatformSplits, c as useFetchStripePlatformTransaction, d as useFetchStripePlatformAccount } from './usePlatformApi-7bed6a63.js';
+import { u as useFetchStripeTransactions, a as useFetchConnectedStripeAccount } from './useConnectApi-cf9948b8.js';
+import { u as useFetchStripeRefunds, a as useFetchStripePlatformTransactions, b as useFetchStripePlatformSplits, c as useFetchStripePlatformTransaction, d as useFetchStripePlatformAccount } from './usePlatformApi-08dd26c1.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import Down from '@bigbinary/neeto-icons/Down';
 import Right from '@bigbinary/neeto-icons/Right';
@@ -47,7 +47,7 @@ import './exportChannel-6c2f46b6.js';
 import './IdentifierButton-350fcc55.js';
 import './_commonjsHelpers-ae89b920.js';
 import 'util';
-import './queryConstants-fada3549.js';
+import './queryConstants-65ca40bc.js';
 
 function ownKeys$4(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$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

package/dist/PaymentsDashboard.js

@@ -8,7 +8,7 @@ import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
 import { useQuery } from '@tanstack/react-query';
 import axios from 'axios';
 import { BASE_URL, PAYMENT_PROVIDERS, DEFAULT_TAG_STYLE, SORT_DIRECTIONS, DEFAULT_SORT_PROPERTIES, UN_HIDEABLE_COLUMNS, DEFAULT_PAGE_VALUES } from './constants.js';
-import { Q as QUERY_KEYS } from './queryConstants-fada3549.js';
+import { Q as QUERY_KEYS } from './queryConstants-65ca40bc.js';
 import { t } from 'i18next';
 import { toLabelAndValue, snakeToCamelCase, humanize, removeBy, isNotPresent, isPresent, camelToSnakeCase } from '@bigbinary/neeto-cist';
 import { map, curry, mergeDeepWith, concat, mergeLeft, reject, isNil, prop, sortBy, isEmpty, modify } from 'ramda';

package/dist/PayoutsDashboard.js

@@ -29,8 +29,8 @@ 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 { b as useFetchStripePayouts } from './useConnectApi-810f227f.js';
-import { e as useFetchStripePlatformPayouts } from './usePlatformApi-7bed6a63.js';
+import { b as useFetchStripePayouts } from './useConnectApi-cf9948b8.js';
+import { e as useFetchStripePlatformPayouts } from './usePlatformApi-08dd26c1.js';
 import '@tanstack/react-query';
 import '@tanstack/react-query-devtools';
 import '@bigbinary/neeto-molecules/DateFormat';
@@ -40,7 +40,7 @@ import 'axios';
 import '@bigbinary/neeto-molecules/CopyToClipboardButton';
 import './_commonjsHelpers-ae89b920.js';
 import 'util';
-import './queryConstants-fada3549.js';
+import './queryConstants-65ca40bc.js';
 
 var TAB = {
   all: "all",

package/dist/PayoutsPage.js

@@ -7,8 +7,8 @@ import Typography from '@bigbinary/neetoui/Typography';
 import { useTranslation } from 'react-i18next';
 import { useParams } from 'react-router-dom/cjs/react-router-dom';
 import { r as renderStatus, c as renderDate } from './renderFunctions-3b5b070e.js';
-import { c as useShowStripePayout } from './useConnectApi-810f227f.js';
-import { f as useShowStripePlatformPayout } from './usePlatformApi-7bed6a63.js';
+import { c as useShowStripePayout } from './useConnectApi-cf9948b8.js';
+import { f as useShowStripePlatformPayout } from './usePlatformApi-08dd26c1.js';
 import { C as CopyButtonWrapper } from './CopyButtonWrapper-54c5e270.js';
 import { I as IdentifierButton } from './IdentifierButton-350fcc55.js';
 import { f as buildStripePayoutLink } from './index-bb5e255a.js';
@@ -28,7 +28,7 @@ import '@bigbinary/neeto-commons-frontend/react-utils';
 import 'axios';
 import './_commonjsHelpers-ae89b920.js';
 import 'util';
-import './queryConstants-fada3549.js';
+import './queryConstants-65ca40bc.js';
 import '@bigbinary/neeto-molecules/CopyToClipboardButton';
 import 'react';
 import './slicedToArray-b4278ecd.js';

package/dist/RazorpayDashboard.js

@@ -19,8 +19,8 @@ import { useHistory } from 'react-router-dom';
 import { useQuery } from '@tanstack/react-query';
 import axios from 'axios';
 import { BASE_URL, SORT_DIRECTIONS, DEFAULT_SORT_PROPERTIES } from './constants.js';
-import { Q as QUERY_KEYS } from './queryConstants-fada3549.js';
-import { u as useFetchRazorpayPayments } from './usePaymentApi-62ed9caf.js';
+import { Q as QUERY_KEYS } from './queryConstants-65ca40bc.js';
+import { u as useFetchRazorpayPayments } from './usePaymentApi-38cda648.js';
 import { p as processDataIndex } from './index-bb5e255a.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@bigbinary/neeto-filters-frontend';

package/dist/RazorpayPaymentButton.js

@@ -3,14 +3,14 @@ import { noop, findBy, isNotPresent } from '@bigbinary/neeto-cist';
 import Button from '@bigbinary/neetoui/Button';
 import { mergeDeepLeft } from 'ramda';
 import { useTranslation } from 'react-i18next';
-import { a as useCreateRazorpayPayment } from './usePaymentApi-62ed9caf.js';
+import { a as useCreateRazorpayPayment } from './usePaymentApi-38cda648.js';
 import { RAZORPAY_PAYMENT_BUTTON_OPTIONS } from './constants.js';
 import { jsx } from 'react/jsx-runtime';
 import './_commonjsHelpers-ae89b920.js';
 import './defineProperty-e90a259c.js';
 import '@tanstack/react-query';
 import 'axios';
-import './queryConstants-fada3549.js';
+import './queryConstants-65ca40bc.js';
 import 'i18next';
 import '@bigbinary/neeto-commons-frontend/constants';
 

package/dist/RefundsDashboard.js

@@ -8,7 +8,7 @@ import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
 import { useQuery } from '@tanstack/react-query';
 import axios from 'axios';
 import { BASE_URL, PAYMENT_PROVIDERS, DEFAULT_TAG_STYLE, SORT_DIRECTIONS, DEFAULT_SORT_PROPERTIES, UN_HIDEABLE_COLUMNS, DEFAULT_PAGE_VALUES } from './constants.js';
-import { Q as QUERY_KEYS } from './queryConstants-fada3549.js';
+import { Q as QUERY_KEYS } from './queryConstants-65ca40bc.js';
 import { t } from 'i18next';
 import { toLabelAndValue, snakeToCamelCase, humanize, removeBy, isNotPresent, isPresent, camelToSnakeCase } from '@bigbinary/neeto-cist';
 import { map, curry, mergeDeepWith, concat, mergeLeft, reject, isNil, prop, sortBy, isEmpty, modify } from 'ramda';

package/dist/SplitTransfersDashboard.js

@@ -0,0 +1,469 @@
+import { _ as _defineProperty } from './defineProperty-e90a259c.js';
+import { _ as _toConsumableArray } from './toConsumableArray-1cc38429.js';
+import { _ as _slicedToArray } from './slicedToArray-b4278ecd.js';
+import { useState, startTransition } from 'react';
+import { getQueryParams, buildUrl } from '@bigbinary/neeto-commons-frontend/utils';
+import { Bar, buildFiltersFromURL } from '@bigbinary/neeto-filters-frontend';
+import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
+import { useQuery } from '@tanstack/react-query';
+import axios from 'axios';
+import { BASE_URL, DEFAULT_TAG_STYLE, SORT_DIRECTIONS, DEFAULT_SORT_PROPERTIES, UN_HIDEABLE_COLUMNS, DEFAULT_PAGE_VALUES } from './constants.js';
+import { Q as QUERY_KEYS } from './queryConstants-65ca40bc.js';
+import { t } from 'i18next';
+import { snakeToCamelCase, removeBy, isNotPresent, isPresent, camelToSnakeCase } from '@bigbinary/neeto-cist';
+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 { curry, mergeDeepWith, concat, mergeLeft, reject, isNil, map, prop, sortBy, isEmpty, modify } from 'ramda';
+import { useTranslation } from 'react-i18next';
+import { useHistory } from 'react-router-dom';
+import { p as processDataIndex } from './index-bb5e255a.js';
+import DateFormat from '@bigbinary/neeto-molecules/DateFormat';
+import Button from '@bigbinary/neetoui/Button';
+import Tag from '@bigbinary/neetoui/Tag';
+import Tooltip from '@bigbinary/neetoui/Tooltip';
+import Typography from '@bigbinary/neetoui/Typography';
+import { C as CopyButtonWrapper } from './CopyButtonWrapper-54c5e270.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { DEFAULT_PAGE_INDEX, DEFAULT_PAGE_SIZE } from '@bigbinary/neeto-commons-frontend/constants';
+import Header from '@bigbinary/neeto-molecules/Header';
+import SubHeader from '@bigbinary/neeto-molecules/SubHeader';
+import Tab from '@bigbinary/neetoui/Tab';
+import '@bigbinary/neeto-molecules/CopyToClipboardButton';
+
+var list = function list(payload) {
+  return axios.get("".concat(BASE_URL, "/api/v1/split_transfers"), {
+    params: payload
+  });
+};
+var splitTransfersApi = {
+  list: list
+};
+
+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 useFetchSplitTransfers = function useFetchSplitTransfers() {
+  var payload = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return useQuery(_objectSpread$2({
+    queryKey: [QUERY_KEYS.SPLIT_TRANSFERS_LIST, payload],
+    queryFn: function queryFn() {
+      return splitTransfersApi.list(payload);
+    }
+  }, options));
+};
+
+var COLUMNS_STORAGE_KEY = "splitTransfersDashboard";
+var SPLIT_TRANSFERS_DASHBOARD_TAB = {
+  all: "all",
+  successful: "successful",
+  cancelled: "cancelled",
+  pending: "pending"
+};
+var SEARCH_PROPS = {
+  node: "identifier,",
+  key: "search_term",
+  model: "NeetoPaymentsEngine::Payments::Split,",
+  placeholder: t("neetoPayments.common.search")
+};
+var FILTER_COLUMNS = [{
+  key: "amount",
+  label: t("neetoPayments.common.amount"),
+  node: "amount",
+  type: "decimal"
+}, {
+  key: "payment_at",
+  label: t("neetoPayments.common.transferTime"),
+  node: "payment_at",
+  type: "date"
+}];
+var TAG_STYLE = {
+  successful: "success",
+  cancelled: "secondary",
+  pending: "warning"
+};
+
+var renderIdentifier = function renderIdentifier(identifier, _ref) {
+  var receiptUrl = _ref.receiptUrl;
+  var isTemporaryIdentifier = identifier === null || identifier === void 0 ? void 0 : identifier.startsWith("temp_");
+  if (isTemporaryIdentifier) {
+    return /*#__PURE__*/jsx(Tooltip, {
+      content: t("neetoPayments.tooltipContent.paymentIdentifierUnavailable"),
+      position: "top",
+      children: /*#__PURE__*/jsx("div", {
+        className: "text-center",
+        children: /*#__PURE__*/jsx(Typography, {
+          style: "body2",
+          children: t("neetoPayments.common.notAvailable")
+        })
+      })
+    });
+  }
+  return /*#__PURE__*/jsx(CopyButtonWrapper, {
+    content: identifier,
+    children: /*#__PURE__*/jsx(Button, {
+      href: receiptUrl,
+      label: identifier,
+      size: "small",
+      style: "link",
+      target: "_blank"
+    })
+  });
+};
+var getTagStyle = function getTagStyle(status) {
+  return TAG_STYLE[status] || DEFAULT_TAG_STYLE;
+};
+var preProcessStatus = function preProcessStatus(type, status) {
+  var record = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  if (type === "payment") {
+    return record.isRefunded ? "refunded" : status;
+  }
+  return snakeToCamelCase(status);
+};
+var renderStatus = curry(function (type, status, record) {
+  var processedStatus = preProcessStatus(type, status, record);
+  return /*#__PURE__*/jsx(Tooltip, {
+    content: t("neetoPayments.tooltipContent.".concat(type, ".").concat(processedStatus)),
+    position: "top",
+    children: /*#__PURE__*/jsx("div", {
+      className: "w-fit",
+      children: /*#__PURE__*/jsx(Tag, {
+        label: t("neetoPayments.tagLabels.".concat(type, ".").concat(processedStatus)),
+        style: getTagStyle(processedStatus)
+      })
+    })
+  });
+});
+var renderDate = function renderDate(date) {
+  return /*#__PURE__*/jsx(DateFormat.DateTime, {
+    date: date
+  });
+};
+var renderCurrency = function renderCurrency(currency) {
+  return currency === null || currency === void 0 ? void 0 : currency.toUpperCase();
+};
+var getDefaultColumns = function getDefaultColumns() {
+  return [{
+    title: t("neetoPayments.common.id"),
+    dataIndex: "id",
+    key: "id",
+    width: 70,
+    position: 0,
+    isHidable: false
+  }, {
+    title: t("neetoPayments.common.identifier"),
+    dataIndex: "identifier",
+    key: "identifier",
+    width: 300,
+    render: renderIdentifier,
+    position: 1,
+    isHidable: false
+  }, {
+    title: t("neetoPayments.common.status"),
+    dataIndex: "status",
+    key: "status",
+    width: 150,
+    render: renderStatus("splitTransfers"),
+    sorter: true,
+    position: 2,
+    isHidable: false
+  }, {
+    title: t("neetoPayments.common.amount"),
+    dataIndex: "amount",
+    key: "amount",
+    width: 150,
+    sorter: true,
+    position: 3
+  }, {
+    title: t("neetoPayments.common.currency"),
+    dataIndex: "currency",
+    key: "currency",
+    width: 160,
+    sorter: true,
+    render: renderCurrency,
+    position: 3
+  }, {
+    title: t("neetoPayments.common.platformShare"),
+    dataIndex: "platformShare",
+    key: "platformShare",
+    width: 205,
+    sorter: true,
+    position: 3
+  }, {
+    title: t("neetoPayments.common.transferTime"),
+    dataIndex: "paymentAt",
+    key: "paymentAt",
+    width: 190,
+    render: renderDate,
+    sorter: true,
+    position: 10
+  }];
+};
+
+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 buildSearchProps = function buildSearchProps(searchProps, searchTerm) {
+  return mergeDeepWith(concat, SEARCH_PROPS, mergeLeft({
+    value: searchTerm.trim()
+  }, searchProps));
+};
+var buildFilterColumns = function buildFilterColumns() {
+  var payableEntityColumns = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  return reject(isNil, concat(FILTER_COLUMNS, map(prop("filterProps"), payableEntityColumns)));
+};
+var buildTableColumns = function buildTableColumns(tab, hiddenColumns) {
+  var payableEntityColumns = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  var filteredColumns = sortBy(prop("position"), concat(getDefaultColumns(), payableEntityColumns)).filter(function (_ref) {
+    var dataIndex = _ref.dataIndex;
+    return !hiddenColumns.includes(processDataIndex(dataIndex));
+  });
+  if (tab === SPLIT_TRANSFERS_DASHBOARD_TAB.all) return filteredColumns;
+  return removeBy({
+    key: "status"
+  }, filteredColumns);
+};
+var buildRowData = function buildRowData(_ref2) {
+  var splitTransfers = _ref2.splitTransfers,
+    _ref2$pageProperties = _ref2.pageProperties,
+    pageProperties = _ref2$pageProperties === void 0 ? {} : _ref2$pageProperties;
+  return splitTransfers === null || splitTransfers === void 0 ? void 0 : splitTransfers.map(function (element, index) {
+    return _objectSpread$1(_objectSpread$1({}, element), {}, {
+      id: isEmpty(pageProperties) ? index + 1 : pageProperties.pageSize * (pageProperties.page - 1) + index + 1
+    });
+  });
+};
+
+var List = function List(_ref) {
+  var splitTransfers = _ref.splitTransfers,
+    views = _ref.views,
+    payableEntityColumns = _ref.payableEntityColumns,
+    setPageProperties = _ref.setPageProperties,
+    setSortProperties = _ref.setSortProperties,
+    pageProperties = _ref.pageProperties;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var history = useHistory();
+  var _getQueryParams = getQueryParams(),
+    _getQueryParams$tab = _getQueryParams.tab,
+    tab = _getQueryParams$tab === void 0 ? SPLIT_TRANSFERS_DASHBOARD_TAB.all : _getQueryParams$tab;
+  var _useHiddenColumns = useHiddenColumns(COLUMNS_STORAGE_KEY),
+    hideColumn = _useHiddenColumns.hideColumn,
+    _useHiddenColumns$hid = _useHiddenColumns.hiddenColumns,
+    hiddenColumns = _useHiddenColumns$hid === void 0 ? [] : _useHiddenColumns$hid;
+  var splitTransfersCount = views[tab];
+  var visibleColumns = buildTableColumns(tab, hiddenColumns, payableEntityColumns);
+  var handleColumnHiding = function handleColumnHiding(column) {
+    hideColumn(processDataIndex(column.dataIndex));
+  };
+  var handleTablePaginaton = function handleTablePaginaton(page, pageSize) {
+    var queryParams = getQueryParams({
+      toCamelCase: false
+    });
+    history.push(buildUrl(window.location.pathname, mergeLeft({
+      page: page,
+      page_size: pageSize
+    }, queryParams)));
+    setPageProperties({
+      page: page,
+      pageSize: pageSize
+    });
+  };
+  var handleTableChange = function handleTableChange(_, __, sorter) {
+    setSortProperties(isPresent(sorter === null || sorter === void 0 ? void 0 : sorter.column) ? {
+      sortBy: camelToSnakeCase(processDataIndex(sorter.field)),
+      orderBy: sorter.order === "ascend" ? "ASC" : "DESC"
+    } : DEFAULT_SORT_PROPERTIES);
+  };
+  if (isNotPresent(splitTransfers)) {
+    return /*#__PURE__*/jsx("div", {
+      className: "flex h-full w-full items-center justify-center",
+      children: /*#__PURE__*/jsx(NoData, {
+        title: tab === SPLIT_TRANSFERS_DASHBOARD_TAB.all ? t("neetoPayments.emptyState.splitTransfers") : t("neetoPayments.emptyState.splitTransfersWithStatus", {
+          status: tab
+        })
+      })
+    });
+  }
+  return /*#__PURE__*/jsx(TableWrapper, {
+    hasPagination: splitTransfersCount > (pageProperties === null || pageProperties === void 0 ? void 0 : pageProperties.pageSize),
+    children: /*#__PURE__*/jsx(Table, {
+      fixedHeight: true,
+      allowRowClick: false,
+      columnData: visibleColumns,
+      currentPageNumber: pageProperties === null || pageProperties === void 0 ? void 0 : pageProperties.page,
+      handlePageChange: handleTablePaginaton,
+      rowData: buildRowData({
+        splitTransfers: splitTransfers,
+        pageProperties: pageProperties,
+        tab: tab
+      }),
+      rowSelection: false,
+      sortDirections: SORT_DIRECTIONS,
+      totalCount: splitTransfersCount,
+      paginationProps: {
+        showSizeChanger: true,
+        hideOnSinglePage: true,
+        pageSize: pageProperties === null || pageProperties === void 0 ? void 0 : pageProperties.pageSize,
+        total: splitTransfersCount
+      },
+      onChange: handleTableChange,
+      onColumnHide: handleColumnHiding
+    })
+  });
+};
+
+var TopSection = function TopSection(_ref) {
+  var views = _ref.views,
+    filters = _ref.filters,
+    setFilters = _ref.setFilters,
+    filterableColumns = _ref.filterableColumns,
+    searchKeywordProps = _ref.searchKeywordProps,
+    payableEntityColumns = _ref.payableEntityColumns;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isFilterPaneOpen = _useState2[0],
+    setIsFilterPaneOpen = _useState2[1];
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var history = useHistory();
+  var _getQueryParams = getQueryParams(),
+    _getQueryParams$tab = _getQueryParams.tab,
+    tab = _getQueryParams$tab === void 0 ? SPLIT_TRANSFERS_DASHBOARD_TAB.all : _getQueryParams$tab;
+  var splitTransfersCount = views[tab];
+  var splitTransfersCountVisible = splitTransfersCount > 0;
+  var isFilterButtonVisible = splitTransfersCount || isPresent(filters);
+  var handleFiltersChange = function handleFiltersChange(filters) {
+    startTransition(function () {
+      setFilters(filters);
+    });
+  };
+  var handleTabChange = function handleTabChange(tab) {
+    var queryParams = getQueryParams({
+      toCamelCase: false
+    });
+    var newParams = {
+      tab: tab,
+      page: DEFAULT_PAGE_INDEX,
+      page_size: DEFAULT_PAGE_SIZE
+    };
+    history.push(buildUrl(window.location.pathname, mergeLeft(newParams, queryParams)));
+  };
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(Header, {
+      title: t("neetoPayments.title.splitTransfers"),
+      searchProps: {
+        placeholder: searchKeywordProps.placeholder,
+        className: "w-80"
+      }
+    }), /*#__PURE__*/jsx(Tab, {
+      children: Object.keys(SPLIT_TRANSFERS_DASHBOARD_TAB).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: "mt-4",
+      leftActionBlock: splitTransfersCountVisible && /*#__PURE__*/jsx(Typography, {
+        className: "neeto-ui-gray-800 mr-2 font-semibold",
+        component: "h4",
+        children: tab === SPLIT_TRANSFERS_DASHBOARD_TAB.all ? t("neetoPayments.countOf.splitTransfer", {
+          count: splitTransfersCount
+        }) : t("neetoPayments.countOf.splitTransferWithStatus", {
+          count: splitTransfersCount,
+          status: tab
+        })
+      }),
+      rightActionBlock: /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx(Bar, {
+          columns: filterableColumns,
+          keyword: searchKeywordProps,
+          setIsPaneOpen: setIsFilterPaneOpen,
+          onChange: handleFiltersChange
+        }), isFilterButtonVisible && /*#__PURE__*/jsx(SubHeader.RightBlock, {
+          columnsButtonProps: {
+            columnData: concat(getDefaultColumns(), payableEntityColumns).map(modify("dataIndex", processDataIndex)),
+            fixedColumns: UN_HIDEABLE_COLUMNS,
+            localStorageKey: COLUMNS_STORAGE_KEY
+          },
+          filterProps: {
+            columns: filterableColumns,
+            isOpen: isFilterPaneOpen,
+            keyword: searchKeywordProps,
+            setIsOpen: setIsFilterPaneOpen,
+            onChange: handleFiltersChange
+          }
+        })]
+      })
+    })]
+  });
+};
+
+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 SplitTransfersDashboard = function SplitTransfersDashboard(_ref) {
+  var searchProps = _ref.searchProps,
+    payableEntityColumns = _ref.payableEntityColumns;
+  var _getQueryParams = getQueryParams(),
+    _getQueryParams$searc = _getQueryParams.searchTerm,
+    searchTerm = _getQueryParams$searc === void 0 ? "" : _getQueryParams$searc;
+  var filterableColumns = buildFilterColumns(payableEntityColumns);
+  var searchKeywordProps = buildSearchProps(searchProps, searchTerm);
+  var _useState = useState(DEFAULT_SORT_PROPERTIES),
+    _useState2 = _slicedToArray(_useState, 2),
+    sortProperties = _useState2[0],
+    setSortProperties = _useState2[1];
+  var _useState3 = useState(DEFAULT_PAGE_VALUES),
+    _useState4 = _slicedToArray(_useState3, 2),
+    pageProperties = _useState4[0],
+    setPageProperties = _useState4[1];
+  var _useState5 = useState(buildFiltersFromURL([].concat(_toConsumableArray(filterableColumns), [searchKeywordProps]))),
+    _useState6 = _slicedToArray(_useState5, 2),
+    filters = _useState6[0],
+    setFilters = _useState6[1];
+  var _getQueryParams2 = getQueryParams(),
+    _getQueryParams2$tab = _getQueryParams2.tab,
+    tab = _getQueryParams2$tab === void 0 ? SPLIT_TRANSFERS_DASHBOARD_TAB.all : _getQueryParams2$tab;
+  var payload = _objectSpread(_objectSpread({
+    tab: tab,
+    filters: filters
+  }, pageProperties), sortProperties);
+  var _useFetchSplitTransfe = useFetchSplitTransfers(payload, {
+      enabled: true
+    }),
+    _useFetchSplitTransfe2 = _useFetchSplitTransfe.data,
+    _useFetchSplitTransfe3 = _useFetchSplitTransfe2 === void 0 ? {} : _useFetchSplitTransfe2,
+    splitTransfers = _useFetchSplitTransfe3.splitTransfers,
+    views = _useFetchSplitTransfe3.views,
+    isSplitTransfersLoading = _useFetchSplitTransfe.isLoading;
+  if (isSplitTransfersLoading) {
+    return /*#__PURE__*/jsx(PageLoader, {});
+  }
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(TopSection, {
+      filterableColumns: filterableColumns,
+      filters: filters,
+      pageProperties: pageProperties,
+      payableEntityColumns: payableEntityColumns,
+      searchKeywordProps: searchKeywordProps,
+      setFilters: setFilters,
+      setPageProperties: setPageProperties,
+      setSortProperties: setSortProperties,
+      views: views
+    }), /*#__PURE__*/jsx(List, {
+      pageProperties: pageProperties,
+      payableEntityColumns: payableEntityColumns,
+      setPageProperties: setPageProperties,
+      setSortProperties: setSortProperties,
+      splitTransfers: splitTransfers,
+      views: views
+    })]
+  });
+};
+
+export { SplitTransfersDashboard as default };
+//# sourceMappingURL=SplitTransfersDashboard.js.map