@bigbinary/neeto-payments-frontend 6.1.2 → 6.1.7

package/dist/cjs/SplitTransfersDashboard.js

@@ -0,0 +1,1024 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var react = require('react');
+var constants$1 = require('neetocommons/constants');
+var utils = require('neetocommons/utils');
+var neetoFiltersFrontend = require('@bigbinary/neeto-filters-frontend');
+var neetoui = require('@bigbinary/neetoui');
+var ramda = require('ramda');
+var reactRouterDom = require('react-router-dom');
+var ExportModal = require('./ExportModal-BmlRgdZj.js');
+var reactQuery = require('@tanstack/react-query');
+var reactUtils = require('neetocommons/react-utils');
+var axios = require('axios');
+var constants = require('./index-DSCn1Pdn.js');
+var queryConstants = require('./queryConstants-Cka1X6GX.js');
+var formik = require('@bigbinary/neetoui/formik');
+var reactI18next = require('react-i18next');
+var i18next = require('i18next');
+var yup = require('yup');
+var neetocist = require('neetocist');
+var Columns = require('@bigbinary/neeto-molecules/Columns');
+var TableWrapper = require('@bigbinary/neeto-molecules/TableWrapper');
+var exportChannel = require('./exportChannel-D1Wls92m.js');
+var HelpPopover = require('@bigbinary/neeto-molecules/HelpPopover');
+var DateFormat = require('@bigbinary/neeto-molecules/DateFormat');
+var CopyButtonWrapper = require('./CopyButtonWrapper-BkpN0Wmd.js');
+var Header = require('@bigbinary/neeto-molecules/Header');
+var SubHeader = require('@bigbinary/neeto-molecules/SubHeader');
+require('@bigbinary/neeto-icons');
+require('decimal.js');
+require('@bigbinary/neeto-molecules/CopyToClipboardButton');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
+
+var list = function list(payload) {
+  return axios.get("".concat(constants.BASE_URL, "/api/v1/split_transfers"), {
+    params: payload
+  });
+};
+var show = function show(id) {
+  return axios.get("".concat(constants.BASE_URL, "/api/v1/split_transfers/").concat(id));
+};
+var bulkUpdate = function bulkUpdate(payload) {
+  return axios.post("".concat(constants.BASE_URL, "/api/v1/split_transfers/bulk_update"), {
+    splitTransfer: payload
+  });
+};
+var splitTransfersApi = {
+  list: list,
+  show: show,
+  bulkUpdate: bulkUpdate
+};
+
+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 reactQuery.useQuery(_objectSpread$2({
+    queryKey: [queryConstants.QUERY_KEYS.SPLIT_TRANSFERS_LIST, payload],
+    queryFn: function queryFn() {
+      return splitTransfersApi.list(payload);
+    }
+  }, options));
+};
+var useShowSplitTransfers = function useShowSplitTransfers(id, options) {
+  return reactQuery.useQuery(_objectSpread$2({
+    queryKey: [queryConstants.QUERY_KEYS.SPLIT_TRANSFERS_DETAILS, id],
+    queryFn: function queryFn() {
+      return splitTransfersApi.show(id);
+    }
+  }, options));
+};
+var useBulkUpdateSplitTransfers = function useBulkUpdateSplitTransfers(options) {
+  return reactUtils.useMutationWithInvalidation(splitTransfersApi.bulkUpdate, _objectSpread$2({
+    keysToInvalidate: [queryConstants.QUERY_KEYS.SPLIT_TRANSFERS_LISTw]
+  }, options));
+};
+
+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,"
+};
+var FILTER_COLUMNS = [{
+  key: "amount",
+  label: i18next.t("neetoPayments.common.amount"),
+  node: "amount",
+  type: "decimal"
+}, {
+  key: "payment_at",
+  label: i18next.t("neetoPayments.common.transferTime"),
+  node: "payment_at",
+  type: "date"
+}];
+var INITIAL_TRANSFER_DETAILS = {
+  id: null,
+  isPaneOpen: false
+};
+var VALIDATION_SCHEMA = yup__namespace.object().shape({
+  reason: yup__namespace.string().required(i18next.t("neetoPayments.cancelSplitTransfers.reasonRequired"))
+});
+
+var CancelModal = function CancelModal(_ref) {
+  var isOpen = _ref.isOpen,
+    onClose = _ref.onClose,
+    handleSplitTransfersUpdate = _ref.handleSplitTransfersUpdate;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var handleSubmit = function handleSubmit(_ref2) {
+    var reason = _ref2.reason;
+    handleSplitTransfersUpdate("cancelled", reason);
+  };
+  return /*#__PURE__*/React.createElement(neetoui.Modal, {
+    isOpen: isOpen,
+    onClose: onClose,
+    size: "large"
+  }, /*#__PURE__*/React.createElement(neetoui.Modal.Header, null, /*#__PURE__*/React.createElement(neetoui.Typography, {
+    style: "h2",
+    weight: "medium"
+  }, t("neetoPayments.cancelSplitTransfers.modal.title"))), /*#__PURE__*/React.createElement(formik.Form, {
+    formikProps: {
+      initialValues: {
+        reason: ""
+      },
+      validationSchema: VALIDATION_SCHEMA,
+      onSubmit: handleSubmit
+    }
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(neetoui.Modal.Body, null, /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-col space-y-4"
+  }, /*#__PURE__*/React.createElement(formik.Textarea, {
+    required: true,
+    label: t("neetoPayments.cancelSplitTransfers.modal.reason"),
+    name: "reason"
+  }))), /*#__PURE__*/React.createElement(neetoui.Modal.Footer, null, /*#__PURE__*/React.createElement(formik.ActionBlock, {
+    position: "right",
+    cancelButtonProps: {
+      onClick: onClose,
+      style: "tertiary"
+    },
+    submitButtonProps: {
+      disabled: false,
+      label: t("neetoPayments.common.submit")
+    }
+  })))));
+};
+
+var Status = function Status(_ref) {
+  var type = _ref.type,
+    _ref$status = _ref.status,
+    status = _ref$status === void 0 ? "" : _ref$status;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var processedStatus = constants.preProcessStatus(type, status);
+  if (neetocist.isNotPresent(status)) {
+    return /*#__PURE__*/React.createElement(neetoui.Typography, {
+      style: "body2"
+    }, t("neetoPayments.common.notAvailable"));
+  }
+  return /*#__PURE__*/React.createElement(neetoui.Tooltip, {
+    content: t("neetoPayments.tooltipContent.".concat(type, ".").concat(processedStatus)),
+    position: "top"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "w-fit"
+  }, /*#__PURE__*/React.createElement(neetoui.Tag, {
+    style: constants.getTagStyle(processedStatus),
+    label: neetocist.humanize(t("neetoPayments.tagLabels.".concat(type, ".").concat(processedStatus)))
+  })));
+};
+
+var Date = function Date(_ref) {
+  var date = _ref.date,
+    _ref$isTimeVisible = _ref.isTimeVisible,
+    isTimeVisible = _ref$isTimeVisible === void 0 ? false : _ref$isTimeVisible;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  if (neetocist.isNotPresent(date)) {
+    return /*#__PURE__*/React.createElement(neetoui.Typography, {
+      style: "body2"
+    }, t("neetoPayments.common.notAvailable"));
+  }
+  if (isTimeVisible) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "flex items-center"
+    }, /*#__PURE__*/React.createElement(DateFormat.DateTime, {
+      date: date
+    }));
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center"
+  }, /*#__PURE__*/React.createElement(DateFormat.Date, {
+    date: date
+  }));
+};
+
+var DiscountCode = function DiscountCode(_ref) {
+  var discountCode = _ref.discountCode,
+    currency = _ref.currency;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var code = discountCode.code,
+    value = discountCode.value,
+    kind = discountCode.kind;
+  return /*#__PURE__*/React.createElement(neetoui.Typography, {
+    style: "body2"
+  }, kind === "percentage" ? t("neetoPayments.splitTransferDetails.discountCodeOfPercentageApplied", {
+    code: code,
+    percentage: value.toFixed(1)
+  }) : t("neetoPayments.splitTransferDetails.discountCodeOfAmountApplied", {
+    code: code,
+    amount: utils.currencyFormat.withSymbol(value, currency.toUpperCase(), {
+      maximumFractionDigits: 2,
+      minimumFractionDigits: 2
+    })
+  }));
+};
+
+var Details = function Details(_ref) {
+  var _splitTransfer$source, _splitTransfer$curren, _splitTransfer$source2, _splitTransfer$curren2, _splitTransfer$curren3, _splitTransfer$curren4, _splitTransfer$destin, _splitTransfer$destin2, _splitTransfer$destin3;
+  var selectedTransfer = _ref.selectedTransfer,
+    setSelectedTransfer = _ref.setSelectedTransfer;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useShowSplitTransfer = useShowSplitTransfers(selectedTransfer["id"], {
+      enabled: neetocist.isPresent(selectedTransfer["id"])
+    }),
+    isPending = _useShowSplitTransfer.isPending,
+    _useShowSplitTransfer2 = _useShowSplitTransfer.data,
+    _useShowSplitTransfer3 = _useShowSplitTransfer2 === void 0 ? {} : _useShowSplitTransfer2,
+    splitTransfer = _useShowSplitTransfer3.splitTransfer;
+  return /*#__PURE__*/React.createElement(neetoui.Pane, {
+    isOpen: selectedTransfer["isPaneOpen"],
+    size: "large",
+    onClose: function onClose() {
+      return setSelectedTransfer(ramda.mergeLeft({
+        isPaneOpen: false
+      }, selectedTransfer));
+    }
+  }, /*#__PURE__*/React.createElement(neetoui.Pane.Header, null, /*#__PURE__*/React.createElement(neetoui.Typography, {
+    style: "h2"
+  }, t("neetoPayments.splitTransferDetails.title"))), /*#__PURE__*/React.createElement(neetoui.Pane.Body, null, isPending ? /*#__PURE__*/React.createElement("div", {
+    className: "flex h-full w-full items-center justify-center"
+  }, /*#__PURE__*/React.createElement(neetoui.Spinner, null)) : /*#__PURE__*/React.createElement("div", {
+    className: "space-y-4 p-3"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex grid-cols-2 flex-col gap-3 lg:grid"
+  }, /*#__PURE__*/React.createElement(neetoui.Typography, {
+    style: "body1",
+    weight: "medium"
+  }, t("neetoPayments.common.identifier")), /*#__PURE__*/React.createElement(neetoui.Button, {
+    href: splitTransfer.transferUrl,
+    label: splitTransfer.identifier,
+    size: "small",
+    style: "link",
+    target: "_blank"
+  }), /*#__PURE__*/React.createElement(neetoui.Typography, {
+    style: "body1",
+    weight: "medium"
+  }, t("neetoPayments.common.status")), /*#__PURE__*/React.createElement(Status, {
+    status: splitTransfer.status,
+    type: "splitTransfers"
+  }), /*#__PURE__*/React.createElement(neetoui.Typography, {
+    style: "body1",
+    weight: "medium"
+  }, t("neetoPayments.common.transferTime")), /*#__PURE__*/React.createElement(Date, {
+    isTimeVisible: true,
+    date: splitTransfer.paymentAt
+  }), /*#__PURE__*/React.createElement(neetoui.Typography, {
+    style: "body1",
+    weight: "medium"
+  }, t("neetoPayments.common.paymentAmount")), /*#__PURE__*/React.createElement(neetoui.Typography, {
+    style: "body2"
+  }, utils.currencyFormat.withCode((_splitTransfer$source = splitTransfer.sourcePayment) === null || _splitTransfer$source === void 0 ? void 0 : _splitTransfer$source.amount, (_splitTransfer$curren = splitTransfer.currency) === null || _splitTransfer$curren === void 0 ? void 0 : _splitTransfer$curren.toUpperCase())), neetocist.isPresent(splitTransfer.discountCode) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(neetoui.Typography, {
+    style: "body1",
+    weight: "medium"
+  }, t("neetoPayments.common.discountCode")), /*#__PURE__*/React.createElement(DiscountCode, {
+    currency: splitTransfer.currency,
+    discountCode: splitTransfer.discountCode
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center space-x-1"
+  }, /*#__PURE__*/React.createElement(neetoui.Typography, {
+    style: "body1",
+    weight: "medium"
+  }, t("neetoPayments.common.netAmount")), /*#__PURE__*/React.createElement(HelpPopover, {
+    popoverProps: {
+      position: "right"
+    },
+    description: t("neetoPayments.splitTransferDetails.netAmountDescription"),
+    title: t("neetoPayments.splitTransferDetails.netAmountHelpTitle")
+  })), /*#__PURE__*/React.createElement(neetoui.Typography, {
+    style: "body2"
+  }, utils.currencyFormat.withCode((_splitTransfer$source2 = splitTransfer.sourcePayment) === null || _splitTransfer$source2 === void 0 ? void 0 : _splitTransfer$source2.netAmount, (_splitTransfer$curren2 = splitTransfer.currency) === null || _splitTransfer$curren2 === void 0 ? void 0 : _splitTransfer$curren2.toUpperCase())), /*#__PURE__*/React.createElement("div", {
+    className: "flex space-x-1"
+  }, /*#__PURE__*/React.createElement(neetoui.Typography, {
+    style: "body1",
+    weight: "medium"
+  }, t("neetoPayments.common.platformShare")), /*#__PURE__*/React.createElement(HelpPopover, {
+    popoverProps: {
+      position: "right"
+    },
+    description: t("neetoPayments.splitTransferDetails.platformShareDescription"),
+    title: t("neetoPayments.splitTransferDetails.platformShareHelpTitle")
+  })), /*#__PURE__*/React.createElement(neetoui.Typography, {
+    style: "body2"
+  }, utils.currencyFormat.withCode(splitTransfer.platformShare, (_splitTransfer$curren3 = splitTransfer.currency) === null || _splitTransfer$curren3 === void 0 ? void 0 : _splitTransfer$curren3.toUpperCase())), /*#__PURE__*/React.createElement(neetoui.Typography, {
+    style: "body1",
+    weight: "medium"
+  }, t("neetoPayments.common.transferredAmount")), /*#__PURE__*/React.createElement(neetoui.Typography, {
+    style: "body2"
+  }, utils.currencyFormat.withCode(splitTransfer.amount, (_splitTransfer$curren4 = splitTransfer.currency) === null || _splitTransfer$curren4 === void 0 ? void 0 : _splitTransfer$curren4.toUpperCase()))), /*#__PURE__*/React.createElement(neetoui.Typography, {
+    style: "h3"
+  }, t("neetoPayments.splitTransferDetails.destinationDetails")), /*#__PURE__*/React.createElement("div", {
+    className: "flex grid-cols-2 flex-col gap-3 lg:grid"
+  }, /*#__PURE__*/React.createElement(neetoui.Typography, {
+    style: "body1",
+    weight: "medium"
+  }, t("neetoPayments.common.destinationAccountIdentifier")), /*#__PURE__*/React.createElement(neetoui.Button, {
+    href: splitTransfer.destinationAccount.dashboardUrl,
+    label: splitTransfer.destinationAccount.identifier,
+    size: "small",
+    style: "link",
+    target: "_blank"
+  }), /*#__PURE__*/React.createElement(neetoui.Typography, {
+    style: "body1",
+    weight: "medium"
+  }, t("neetoPayments.common.destinationAccountName")), /*#__PURE__*/React.createElement(neetoui.Typography, {
+    style: "body2"
+  }, splitTransfer.destinationAccount.userName), /*#__PURE__*/React.createElement(neetoui.Typography, {
+    style: "body1",
+    weight: "medium"
+  }, t("neetoPayments.common.destinationAccountEmail")), /*#__PURE__*/React.createElement(neetoui.Typography, {
+    style: "body2"
+  }, splitTransfer.destinationAccount.userEmail), /*#__PURE__*/React.createElement(neetoui.Typography, {
+    style: "body1",
+    weight: "medium"
+  }, t("neetoPayments.common.payoutStatus")), /*#__PURE__*/React.createElement(Status, {
+    status: (_splitTransfer$destin = splitTransfer.destinationPayout) === null || _splitTransfer$destin === void 0 ? void 0 : _splitTransfer$destin.status,
+    type: "payout"
+  }), /*#__PURE__*/React.createElement(neetoui.Typography, {
+    style: "body1",
+    weight: "medium"
+  }, t("neetoPayments.splitTransferDetails.payoutInitiatedDate")), /*#__PURE__*/React.createElement(Date, {
+    date: (_splitTransfer$destin2 = splitTransfer.destinationPayout) === null || _splitTransfer$destin2 === void 0 ? void 0 : _splitTransfer$destin2.createdAt
+  }), /*#__PURE__*/React.createElement(neetoui.Typography, {
+    style: "body1",
+    weight: "medium"
+  }, t("neetoPayments.splitTransferDetails.payoutArrivalDate")), /*#__PURE__*/React.createElement(Date, {
+    date: (_splitTransfer$destin3 = splitTransfer.destinationPayout) === null || _splitTransfer$destin3 === void 0 ? void 0 : _splitTransfer$destin3.arrivalDate
+  }), /*#__PURE__*/React.createElement("div", null)))));
+};
+
+var renderIdentifier = ramda.curry(function (setSelectedTransfer, identifier, _ref) {
+  var id = _ref.id;
+  if (neetocist.isNotPresent(identifier)) {
+    return /*#__PURE__*/React.createElement(neetoui.Tooltip, {
+      content: i18next.t("neetoPayments.tooltipContent.identifierUnavailable"),
+      position: "top"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "text-center"
+    }, /*#__PURE__*/React.createElement(neetoui.Typography, {
+      style: "body2"
+    }, i18next.t("neetoPayments.common.notAvailable"))));
+  }
+  return /*#__PURE__*/React.createElement(CopyButtonWrapper.CopyButtonWrapper, {
+    content: identifier
+  }, /*#__PURE__*/React.createElement(neetoui.Button, {
+    label: identifier,
+    size: "small",
+    style: "link",
+    onClick: function onClick() {
+      return setSelectedTransfer({
+        id: id,
+        isPaneOpen: true
+      });
+    }
+  }));
+});
+var renderPlatformPaymentIdentifier = function renderPlatformPaymentIdentifier(_ref2) {
+  var identifier = _ref2.identifier,
+    receiptUrl = _ref2.receiptUrl,
+    kind = _ref2.kind;
+  if (kind === constants.PAYMENT_KIND.temporary) {
+    return /*#__PURE__*/React.createElement(CopyButtonWrapper.CopyButtonWrapper, {
+      content: identifier
+    }, identifier);
+  }
+  return /*#__PURE__*/React.createElement(CopyButtonWrapper.CopyButtonWrapper, {
+    content: identifier
+  }, /*#__PURE__*/React.createElement(neetoui.Button, {
+    href: receiptUrl,
+    label: identifier,
+    size: "small",
+    style: "link",
+    target: "_blank"
+  }));
+};
+var renderDestinationAccountIdentifier = function renderDestinationAccountIdentifier(_ref3) {
+  var identifier = _ref3.identifier,
+    dashboardUrl = _ref3.dashboardUrl;
+  return /*#__PURE__*/React.createElement(CopyButtonWrapper.CopyButtonWrapper, {
+    content: identifier
+  }, /*#__PURE__*/React.createElement(neetoui.Button, {
+    href: dashboardUrl,
+    label: identifier,
+    size: "small",
+    style: "link",
+    target: "_blank"
+  }));
+};
+var renderStatus = ramda.curry(function (type, status) {
+  return /*#__PURE__*/React.createElement(Status, {
+    status: status,
+    type: type
+  });
+});
+var renderDate = function renderDate(date) {
+  if (neetocist.isNotPresent(date)) {
+    return /*#__PURE__*/React.createElement(neetoui.Tooltip, {
+      content: i18next.t("neetoPayments.tooltipContent.dateUnavailable"),
+      position: "top"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "text-center"
+    }, /*#__PURE__*/React.createElement(neetoui.Typography, {
+      style: "body2"
+    }, i18next.t("neetoPayments.common.notAvailable"))));
+  }
+  return /*#__PURE__*/React.createElement(DateFormat.DateTime, {
+    date: date
+  });
+};
+var renderPlatformShare = function renderPlatformShare(amount) {
+  if (neetocist.isNotPresent(amount)) {
+    return /*#__PURE__*/React.createElement(neetoui.Tooltip, {
+      content: i18next.t("neetoPayments.tooltipContent.platformShareUnavailable"),
+      position: "top"
+    }, /*#__PURE__*/React.createElement(neetoui.Typography, {
+      style: "body2"
+    }, i18next.t("neetoPayments.common.notCalculated")));
+  }
+  return constants.formatAmount(amount);
+};
+var getDefaultColumns = function getDefaultColumns(setSelectedTransfer) {
+  return [{
+    title: i18next.t("neetoPayments.common.id"),
+    dataIndex: "rowId",
+    key: "rowId",
+    width: 85,
+    position: 0,
+    isHidable: false
+  }, {
+    title: i18next.t("neetoPayments.common.identifier"),
+    dataIndex: "identifier",
+    key: "identifier",
+    width: 300,
+    render: renderIdentifier(setSelectedTransfer),
+    position: 1,
+    isHidable: false
+  }, {
+    title: i18next.t("neetoPayments.common.status"),
+    dataIndex: "status",
+    key: "status",
+    width: 150,
+    render: renderStatus("splitTransfers"),
+    sorter: true,
+    position: 2,
+    isHidable: false
+  }, {
+    title: i18next.t("neetoPayments.common.amount"),
+    dataIndex: "amount",
+    key: "amount",
+    width: 150,
+    sorter: true,
+    render: constants.formatAmount,
+    position: 3
+  }, {
+    title: i18next.t("neetoPayments.common.currency"),
+    dataIndex: "currency",
+    key: "currency",
+    width: 160,
+    sorter: true,
+    render: constants.formatCurrency,
+    position: 3
+  }, {
+    title: i18next.t("neetoPayments.common.platformShare"),
+    dataIndex: "platformShare",
+    key: "platformShare",
+    width: 205,
+    render: renderPlatformShare,
+    sorter: true,
+    position: 3
+  }, {
+    title: i18next.t("neetoPayments.common.transferTime"),
+    dataIndex: "paymentAt",
+    key: "paymentAt",
+    width: 190,
+    render: renderDate,
+    sorter: true,
+    position: 10
+  }, {
+    title: i18next.t("neetoPayments.common.platformPayment"),
+    dataIndex: "sourcePayment",
+    key: "sourcePayment",
+    render: renderPlatformPaymentIdentifier,
+    width: 300,
+    position: 19
+  }, {
+    title: i18next.t("neetoPayments.common.accountIdentifier"),
+    dataIndex: "destinationAccount",
+    key: "destinationAccount",
+    render: renderDestinationAccountIdentifier,
+    width: 320,
+    position: 20
+  }];
+};
+
+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 ramda.mergeDeepWith(ramda.concat, SEARCH_PROPS, ramda.mergeLeft({
+    value: searchTerm.trim()
+  }, searchProps));
+};
+var buildFilterColumns = function buildFilterColumns() {
+  var payableEntityColumns = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  return ramda.reject(ramda.isNil, ramda.concat(FILTER_COLUMNS, ramda.map(ramda.prop("filterProps"), payableEntityColumns)));
+};
+var buildTableColumns = function buildTableColumns(_ref) {
+  var tab = _ref.tab,
+    _ref$payableEntityCol = _ref.payableEntityColumns,
+    payableEntityColumns = _ref$payableEntityCol === void 0 ? [] : _ref$payableEntityCol,
+    setSelectedTransfer = _ref.setSelectedTransfer;
+  var filteredColumns = ramda.sortBy(ramda.prop("position"), ramda.concat(getDefaultColumns(setSelectedTransfer), payableEntityColumns));
+  if (tab === SPLIT_TRANSFERS_DASHBOARD_TAB.all) return filteredColumns;
+  return neetocist.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), {}, {
+      rowId: ramda.isEmpty(pageProperties) ? index + 1 : pageProperties.pageSize * (pageProperties.page - 1) + index + 1
+    });
+  });
+};
+
+var List = function List(_ref) {
+  var isFetching = _ref.isFetching,
+    splitTransfers = _ref.splitTransfers,
+    selectedRows = _ref.selectedRows,
+    views = _ref.views,
+    payableEntityColumns = _ref.payableEntityColumns,
+    pageProperties = _ref.pageProperties,
+    onRowSelect = _ref.onRowSelect,
+    setSortProperties = _ref.setSortProperties,
+    handleTablePagination = _ref.handleTablePagination,
+    setHasBulkSelectedAllRows = _ref.setHasBulkSelectedAllRows;
+  var _useState = react.useState(INITIAL_TRANSFER_DETAILS),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedTransfer = _useState2[0],
+    setSelectedTransfer = _useState2[1];
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _getQueryParams = utils.getQueryParams(),
+    _getQueryParams$tab = _getQueryParams.tab,
+    tab = _getQueryParams$tab === void 0 ? SPLIT_TRANSFERS_DASHBOARD_TAB.all : _getQueryParams$tab;
+  var splitTransfersCount = views[tab];
+  var getRowSelection = function getRowSelection() {
+    if (tab === SPLIT_TRANSFERS_DASHBOARD_TAB.successful) return false;
+    if (tab === SPLIT_TRANSFERS_DASHBOARD_TAB.all) {
+      return {
+        getCheckboxProps: function getCheckboxProps(record) {
+          return {
+            disabled: record.status === SPLIT_TRANSFERS_DASHBOARD_TAB.successful
+          };
+        }
+      };
+    }
+    return true;
+  };
+  var allColumns = buildTableColumns({
+    tab: tab,
+    payableEntityColumns: payableEntityColumns,
+    setSelectedTransfer: setSelectedTransfer
+  });
+  var _useTableConfiguratio = Columns.useTableConfigurations("".concat(exportChannel.TABLE_KEYS.SPLIT_TRANSFERS_TABLE, "-").concat(tab), allColumns),
+    isTableConfigurationLoading = _useTableConfiguratio.isTableConfigurationLoading,
+    customizedColumns = _useTableConfiguratio.customizedColumns,
+    hideColumn = _useTableConfiguratio.hideColumn;
+  var handleTableChange = function handleTableChange(_, __, sorter) {
+    setSortProperties(neetocist.isPresent(sorter === null || sorter === void 0 ? void 0 : sorter.column) ? {
+      sortBy: neetocist.camelToSnakeCase(constants.processDataIndex(sorter.field)),
+      orderBy: sorter.order === "ascend" ? "ASC" : "DESC"
+    } : constants.DEFAULT_SORT_PROPERTIES);
+  };
+  if (neetocist.isNotPresent(splitTransfers)) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "flex h-full w-full items-center justify-center"
+    }, /*#__PURE__*/React.createElement(neetoui.NoData, {
+      title: tab === SPLIT_TRANSFERS_DASHBOARD_TAB.all ? t("neetoPayments.emptyState.splitTransfers") : t("neetoPayments.emptyState.splitTransfersWithStatus", {
+        status: tab
+      })
+    }));
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TableWrapper, {
+    hasPagination: splitTransfersCount > (pageProperties === null || pageProperties === void 0 ? void 0 : pageProperties.pageSize)
+  }, /*#__PURE__*/React.createElement(neetoui.Table, {
+    onRowSelect: onRowSelect,
+    fixedHeight: true,
+    allowRowClick: false,
+    columnData: customizedColumns,
+    currentPageNumber: pageProperties === null || pageProperties === void 0 ? void 0 : pageProperties.page,
+    handlePageChange: handleTablePagination,
+    loading: isFetching || isTableConfigurationLoading,
+    rowData: buildRowData({
+      splitTransfers: splitTransfers,
+      pageProperties: pageProperties,
+      tab: tab
+    }),
+    rowSelection: getRowSelection(),
+    selectedRowKeys: selectedRows,
+    sortDirections: constants.SORT_DIRECTIONS,
+    totalCount: splitTransfersCount,
+    bulkSelectAllRowsProps: {
+      selectAllRowMessage: t("neetoPayments.splitTransferDetails.selectedSplitTransfers", {
+        count: selectedRows.length
+      }),
+      selectAllRowButtonLabel: t("neetoPayments.splitTransferDetails.selectAll", {
+        count: views[SPLIT_TRANSFERS_DASHBOARD_TAB.pending]
+      }),
+      setBulkSelectedAllRows: setHasBulkSelectedAllRows
+    },
+    paginationProps: {
+      showSizeChanger: true,
+      hideOnSinglePage: true,
+      pageSize: pageProperties === null || pageProperties === void 0 ? void 0 : pageProperties.pageSize,
+      total: splitTransfersCount
+    },
+    onChange: handleTableChange,
+    onColumnHide: function onColumnHide(_ref2) {
+      var key = _ref2.key;
+      return hideColumn(key);
+    }
+  })), /*#__PURE__*/React.createElement(Details, {
+    selectedTransfer: selectedTransfer,
+    setSelectedTransfer: setSelectedTransfer
+  }));
+};
+
+var ResumeModal = function ResumeModal(_ref) {
+  var isOpen = _ref.isOpen,
+    onClose = _ref.onClose,
+    handleSplitTransfersUpdate = _ref.handleSplitTransfersUpdate;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var handleSubmit = function handleSubmit(_ref2) {
+    var reason = _ref2.reason;
+    handleSplitTransfersUpdate("pending", reason);
+  };
+  return /*#__PURE__*/React.createElement(neetoui.Modal, {
+    isOpen: isOpen,
+    onClose: onClose,
+    size: "large"
+  }, /*#__PURE__*/React.createElement(neetoui.Modal.Header, null, /*#__PURE__*/React.createElement(neetoui.Typography, {
+    style: "h2",
+    weight: "medium"
+  }, t("neetoPayments.resumeSplitTransfers.modal.title"))), /*#__PURE__*/React.createElement(formik.Form, {
+    formikProps: {
+      initialValues: {
+        reason: ""
+      },
+      validationSchema: VALIDATION_SCHEMA,
+      onSubmit: handleSubmit
+    }
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(neetoui.Modal.Body, null, /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-col space-y-4"
+  }, /*#__PURE__*/React.createElement(formik.Textarea, {
+    required: true,
+    label: t("neetoPayments.resumeSplitTransfers.modal.reason"),
+    name: "reason"
+  }))), /*#__PURE__*/React.createElement(neetoui.Modal.Footer, null, /*#__PURE__*/React.createElement(formik.ActionBlock, {
+    position: "right",
+    cancelButtonProps: {
+      onClick: onClose,
+      style: "tertiary"
+    },
+    submitButtonProps: {
+      disabled: false,
+      label: t("neetoPayments.common.submit")
+    }
+  })))));
+};
+
+var Menu = neetoui.Dropdown.Menu,
+  MenuItem = neetoui.Dropdown.MenuItem;
+var TopSection = function TopSection(_ref) {
+  var views = _ref.views,
+    filters = _ref.filters,
+    setIsCancelModalOpen = _ref.setIsCancelModalOpen,
+    setIsResumeModalOpen = _ref.setIsResumeModalOpen,
+    selectedRows = _ref.selectedRows,
+    selectedRowData = _ref.selectedRowData,
+    setFilters = _ref.setFilters,
+    hasBulkSelectedAllRows = _ref.hasBulkSelectedAllRows,
+    filterableColumns = _ref.filterableColumns,
+    searchKeywordProps = _ref.searchKeywordProps,
+    payableEntityColumns = _ref.payableEntityColumns,
+    setIsExportModalOpen = _ref.setIsExportModalOpen;
+  var _useState = react.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isFilterPaneOpen = _useState2[0],
+    setIsFilterPaneOpen = _useState2[1];
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var history = reactRouterDom.useHistory();
+  var _getQueryParams = utils.getQueryParams(),
+    _getQueryParams$tab = _getQueryParams.tab,
+    tab = _getQueryParams$tab === void 0 ? SPLIT_TRANSFERS_DASHBOARD_TAB.all : _getQueryParams$tab;
+  var splitTransfersCount = views === null || views === void 0 ? void 0 : views[tab];
+  var splitTransfersCountVisible = splitTransfersCount > 0 || splitTransfersCount === 0 && neetocist.isPresent(filters);
+  var isFilterButtonVisible = splitTransfersCount || neetocist.isPresent(filters);
+  var isDropdownVisible = neetocist.isNotEmpty(selectedRows);
+  var isCancelButtonDisabled = neetocist.existsBy({
+    status: SPLIT_TRANSFERS_DASHBOARD_TAB.cancelled
+  }, selectedRowData);
+  var isResumeButtonDisabled = neetocist.existsBy({
+    status: SPLIT_TRANSFERS_DASHBOARD_TAB.pending
+  }, selectedRowData);
+  var selectedRecordsCount = hasBulkSelectedAllRows ? splitTransfersCount : selectedRows.length;
+  var handleFiltersChange = function handleFiltersChange(filters) {
+    react.startTransition(function () {
+      setFilters(filters);
+    });
+  };
+  var handleTabChange = function handleTabChange(tab) {
+    var queryParams = utils.getQueryParams({
+      toCamelCase: false
+    });
+    var newParams = {
+      tab: tab,
+      page: constants$1.DEFAULT_PAGE_INDEX,
+      page_size: constants$1.DEFAULT_PAGE_SIZE
+    };
+    history.push(utils.buildUrl(window.location.pathname, ramda.mergeLeft(newParams, queryParams)));
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Header, {
+    title: t("neetoPayments.title.splitTransfers"),
+    searchProps: isFilterButtonVisible && {
+      placeholder: searchKeywordProps.placeholder,
+      className: "w-96"
+    }
+  }), constants.shouldTabsVisible(views) && /*#__PURE__*/React.createElement(neetoui.Tab, null, Object.keys(SPLIT_TRANSFERS_DASHBOARD_TAB).map(function (item) {
+    return /*#__PURE__*/React.createElement(neetoui.Tab.Item, {
+      active: tab === item,
+      key: item,
+      onClick: function onClick() {
+        return handleTabChange(item);
+      }
+    }, t("neetoPayments.common.".concat(item)));
+  })), /*#__PURE__*/React.createElement(SubHeader, {
+    className: "my-4",
+    leftActionBlock: splitTransfersCountVisible && /*#__PURE__*/React.createElement("div", {
+      className: "w-100 flex items-center space-x-3"
+    }, isDropdownVisible ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(neetoui.Typography, {
+      className: "neeto-ui-gray-800 me-2 font-semibold",
+      component: "h4"
+    }, /*#__PURE__*/React.createElement(reactI18next.Trans, {
+      count: selectedRecordsCount,
+      i18nKey: "neetoPayments.splitTransferDetails.recordWithCount",
+      components: {
+        span: /*#__PURE__*/React.createElement("span", {
+          className: "neeto-ui-text-gray-600"
+        })
+      },
+      values: {
+        count: selectedRecordsCount,
+        recordsCount: splitTransfersCount
+      }
+    })), /*#__PURE__*/React.createElement(neetoui.Dropdown, {
+      buttonStyle: "secondary",
+      label: t("neetoPayments.common.takeAction")
+    }, /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement(MenuItem.Button, {
+      isDisabled: isCancelButtonDisabled,
+      tooltipProps: isCancelButtonDisabled ? {
+        content: t("neetoPayments.tooltipContent.splitTransfers.cancelledRecordsSelected")
+      } : "",
+      onClick: function onClick() {
+        return setIsCancelModalOpen(true);
+      }
+    }, t("neetoPayments.common.cancel"))), /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement(MenuItem.Button, {
+      isDisabled: isResumeButtonDisabled,
+      tooltipProps: isResumeButtonDisabled ? {
+        content: t("neetoPayments.tooltipContent.splitTransfers.pendingRecordsSelected")
+      } : "",
+      onClick: function onClick() {
+        return setIsResumeModalOpen(true);
+      }
+    }, t("neetoPayments.common.resume"))))) : /*#__PURE__*/React.createElement(neetoui.Typography, {
+      className: "neeto-ui-gray-800 me-2 font-semibold",
+      component: "h4"
+    }, tab === SPLIT_TRANSFERS_DASHBOARD_TAB.all ? t("neetoPayments.countOf.splitTransfer", {
+      count: splitTransfersCount
+    }) : t("neetoPayments.countOf.splitTransferWithStatus", {
+      count: splitTransfersCount,
+      status: tab
+    }))),
+    rightActionBlock: isFilterButtonVisible && /*#__PURE__*/React.createElement(SubHeader.RightBlock, {
+      columnsButtonProps: {
+        columnData: buildTableColumns({
+          tab: tab,
+          payableEntityColumns: payableEntityColumns,
+          setSelectedTransfer: function setSelectedTransfer() {}
+        }).map(ramda.modify("dataIndex", constants.processDataIndex)),
+        fixedColumns: constants.UN_HIDEABLE_COLUMNS,
+        tableKey: "".concat(exportChannel.TABLE_KEYS.SPLIT_TRANSFERS_TABLE, "-").concat(tab)
+      },
+      downloadButtonProps: {
+        onClick: function onClick() {
+          return setIsExportModalOpen(true);
+        }
+      },
+      filterProps: {
+        columns: filterableColumns,
+        isOpen: isFilterPaneOpen,
+        keyword: searchKeywordProps,
+        setIsOpen: setIsFilterPaneOpen,
+        onChange: handleFiltersChange
+      }
+    })
+  }), /*#__PURE__*/React.createElement(neetoFiltersFrontend.Bar, {
+    columns: filterableColumns,
+    keyword: searchKeywordProps,
+    setIsPaneOpen: 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 = utils.getQueryParams(),
+    _getQueryParams$searc = _getQueryParams.searchTerm,
+    searchTerm = _getQueryParams$searc === void 0 ? "" : _getQueryParams$searc;
+  var filterableColumns = buildFilterColumns(payableEntityColumns);
+  var searchKeywordProps = buildSearchProps(searchProps, searchTerm);
+  var _useState = react.useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedRows = _useState2[0],
+    setSelectedRows = _useState2[1];
+  var _useState3 = react.useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    selectedRowData = _useState4[0],
+    setSelectedRowData = _useState4[1];
+  var _useState5 = react.useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isExportModalOpen = _useState6[0],
+    setIsExportModalOpen = _useState6[1];
+  var _useState7 = react.useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    isCancelModalOpen = _useState8[0],
+    setIsCancelModalOpen = _useState8[1];
+  var _useState9 = react.useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    isResumeModalOpen = _useState10[0],
+    setIsResumeModalOpen = _useState10[1];
+  var _useState11 = react.useState(false),
+    _useState12 = _slicedToArray(_useState11, 2),
+    hasBulkSelectedAllRows = _useState12[0],
+    setHasBulkSelectedAllRows = _useState12[1];
+  var _useState13 = react.useState(constants.DEFAULT_SORT_PROPERTIES),
+    _useState14 = _slicedToArray(_useState13, 2),
+    sortProperties = _useState14[0],
+    setSortProperties = _useState14[1];
+  var _useState15 = react.useState(constants.DEFAULT_PAGE_VALUES),
+    _useState16 = _slicedToArray(_useState15, 2),
+    pageProperties = _useState16[0],
+    setPageProperties = _useState16[1];
+  var _useState17 = react.useState(neetoFiltersFrontend.buildFiltersFromURL([].concat(_toConsumableArray(filterableColumns), [searchKeywordProps]))),
+    _useState18 = _slicedToArray(_useState17, 2),
+    filters = _useState18[0],
+    setFilters = _useState18[1];
+  var history = reactRouterDom.useHistory();
+  var _getQueryParams2 = utils.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),
+    _useFetchSplitTransfe2 = _useFetchSplitTransfe.data,
+    _useFetchSplitTransfe3 = _useFetchSplitTransfe2 === void 0 ? {} : _useFetchSplitTransfe2,
+    splitTransfers = _useFetchSplitTransfe3.splitTransfers,
+    views = _useFetchSplitTransfe3.views,
+    isFetching = _useFetchSplitTransfe.isFetching,
+    isSplitTransfersLoading = _useFetchSplitTransfe.isPending;
+  var _useBulkUpdateSplitTr = useBulkUpdateSplitTransfers({
+      onSuccess: function onSuccess() {
+        setSelectedRowData([]);
+        setSelectedRows([]);
+      }
+    }),
+    updateSplitTransfers = _useBulkUpdateSplitTr.mutate,
+    isCancelling = _useBulkUpdateSplitTr.isPending;
+  var handleSplitTransfersUpdate = function handleSplitTransfersUpdate(status, reason) {
+    var ids = ramda.pluck("id", selectedRowData);
+    updateSplitTransfers({
+      ids: ids,
+      status: status,
+      reason: reason,
+      isApplyChangesToAllRequired: hasBulkSelectedAllRows
+    });
+    setIsCancelModalOpen(false);
+    setIsResumeModalOpen(false);
+  };
+  var handleTablePagination = function handleTablePagination(page, pageSize) {
+    var queryParams = utils.getQueryParams({
+      toCamelCase: false
+    });
+    history.push(utils.buildUrl(window.location.pathname, ramda.mergeLeft({
+      page: page,
+      page_size: pageSize
+    }, queryParams)));
+    setPageProperties({
+      page: page,
+      pageSize: pageSize
+    });
+  };
+  var handleRowSelect = function handleRowSelect(keys, rowData) {
+    setSelectedRows(keys);
+    setSelectedRowData(rowData);
+  };
+  react.useEffect(function () {
+    handleTablePagination(constants$1.DEFAULT_PAGE_INDEX, constants$1.DEFAULT_PAGE_SIZE);
+    setSortProperties(constants.DEFAULT_SORT_PROPERTIES);
+    setSelectedRowData([]);
+    setSelectedRows([]);
+  }, [filters, tab]);
+  if (isSplitTransfersLoading || isCancelling) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "flex h-full w-full items-center justify-center"
+    }, /*#__PURE__*/React.createElement(neetoui.Spinner, null));
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TopSection, {
+    filterableColumns: filterableColumns,
+    filters: filters,
+    hasBulkSelectedAllRows: hasBulkSelectedAllRows,
+    pageProperties: pageProperties,
+    payableEntityColumns: payableEntityColumns,
+    searchKeywordProps: searchKeywordProps,
+    selectedRowData: selectedRowData,
+    selectedRows: selectedRows,
+    setFilters: setFilters,
+    setIsCancelModalOpen: setIsCancelModalOpen,
+    setIsExportModalOpen: setIsExportModalOpen,
+    setIsResumeModalOpen: setIsResumeModalOpen,
+    setPageProperties: setPageProperties,
+    setSortProperties: setSortProperties,
+    views: views
+  }), /*#__PURE__*/React.createElement(List, {
+    handleTablePagination: handleTablePagination,
+    isFetching: isFetching,
+    pageProperties: pageProperties,
+    payableEntityColumns: payableEntityColumns,
+    selectedRows: selectedRows,
+    setHasBulkSelectedAllRows: setHasBulkSelectedAllRows,
+    setSelectedRows: setSelectedRows,
+    setSortProperties: setSortProperties,
+    splitTransfers: splitTransfers,
+    views: views,
+    onRowSelect: handleRowSelect
+  }), /*#__PURE__*/React.createElement(ExportModal.ExportModal, {
+    filters: filters,
+    isExportModalOpen: isExportModalOpen,
+    setIsExportModalOpen: setIsExportModalOpen,
+    sortProperties: sortProperties,
+    dashboardKind: constants.DASHBOARD_KIND.splitTransfers
+  }), /*#__PURE__*/React.createElement(CancelModal, {
+    handleSplitTransfersUpdate: handleSplitTransfersUpdate,
+    isOpen: isCancelModalOpen,
+    onClose: function onClose() {
+      return setIsCancelModalOpen(false);
+    }
+  }), /*#__PURE__*/React.createElement(ResumeModal, {
+    handleSplitTransfersUpdate: handleSplitTransfersUpdate,
+    isOpen: isResumeModalOpen,
+    onClose: function onClose() {
+      return setIsResumeModalOpen(false);
+    }
+  }));
+};
+
+module.exports = SplitTransfersDashboard;
+//# sourceMappingURL=SplitTransfersDashboard.js.map