@bigbinary/neeto-payments-frontend 3.3.31 → 3.3.33

package/dist/cjs/SplitTransfersDashboard.js

@@ -0,0 +1,1140 @@
+'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('@bigbinary/neeto-commons-frontend/constants');
+var utils = require('@bigbinary/neeto-commons-frontend/utils');
+var utils$1 = require('@bigbinary/neeto-filters-frontend/utils');
+var Spinner = require('@bigbinary/neetoui/Spinner');
+var ramda = require('ramda');
+var reactRouterDom = require('react-router-dom');
+var ExportModal = require('./ExportModal-BJ2TrvE8.js');
+var reactQuery = require('@tanstack/react-query');
+var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
+var axios = require('axios');
+var constants = require('./index-CihS_E6s.js');
+var queryConstants = require('./queryConstants-DGg4cX3r.js');
+var Modal = require('@bigbinary/neetoui/Modal');
+var Typography = require('@bigbinary/neetoui/Typography');
+var Form = require('@bigbinary/neetoui/formik/Form');
+var Textarea = require('@bigbinary/neetoui/formik/Textarea');
+var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
+var reactI18next = require('react-i18next');
+var i18next = require('i18next');
+var yup = require('yup');
+var jsxRuntime = require('react/jsx-runtime');
+var neetoCist = require('@bigbinary/neeto-cist');
+var Columns = require('@bigbinary/neeto-molecules/Columns');
+var TableWrapper = require('@bigbinary/neeto-molecules/TableWrapper');
+var Table = require('@bigbinary/neetoui/Table');
+var NoData = require('@bigbinary/neetoui/NoData');
+var HelpPopover = require('@bigbinary/neeto-molecules/HelpPopover');
+var Pane = require('@bigbinary/neetoui/Pane');
+var Button = require('@bigbinary/neetoui/Button');
+var Tag = require('@bigbinary/neetoui/Tag');
+var Tooltip = require('@bigbinary/neetoui/Tooltip');
+var DateFormat = require('@bigbinary/neeto-molecules/DateFormat');
+var CopyButtonWrapper = require('./CopyButtonWrapper-Ds1k64E0.js');
+var FiltersBar = require('@bigbinary/neeto-filters-frontend/Bar');
+var Header = require('@bigbinary/neeto-molecules/Header');
+var SubHeader = require('@bigbinary/neeto-molecules/SubHeader');
+var Tab = require('@bigbinary/neetoui/Tab');
+var Dropdown = require('@bigbinary/neetoui/Dropdown');
+require('@bigbinary/neeto-icons/Download');
+require('./exportChannel-BsZ3fusx.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 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,"
+};
+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__*/jsxRuntime.jsxs(Modal, {
+    isOpen: isOpen,
+    onClose: onClose,
+    size: "large",
+    children: [/*#__PURE__*/jsxRuntime.jsx(Modal.Header, {
+      children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
+        style: "h2",
+        weight: "medium",
+        children: t("neetoPayments.cancelSplitTransfers.modal.title")
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(Form, {
+      formikProps: {
+        initialValues: {
+          reason: ""
+        },
+        validationSchema: VALIDATION_SCHEMA,
+        onSubmit: handleSubmit
+      },
+      children: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(Modal.Body, {
+          children: /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "flex flex-col space-y-4",
+            children: /*#__PURE__*/jsxRuntime.jsx(Textarea, {
+              required: true,
+              label: t("neetoPayments.cancelSplitTransfers.modal.reason"),
+              name: "reason"
+            })
+          })
+        }), /*#__PURE__*/jsxRuntime.jsx(Modal.Footer, {
+          children: /*#__PURE__*/jsxRuntime.jsx(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__*/jsxRuntime.jsx(Typography, {
+      style: "body2",
+      children: t("neetoPayments.common.notAvailable")
+    });
+  }
+  return /*#__PURE__*/jsxRuntime.jsx(Tooltip, {
+    content: t("neetoPayments.tooltipContent.".concat(type, ".").concat(processedStatus)),
+    position: "top",
+    children: /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "w-fit",
+      children: /*#__PURE__*/jsxRuntime.jsx(Tag, {
+        label: t("neetoPayments.tagLabels.".concat(type, ".").concat(processedStatus)),
+        style: constants.getTagStyle(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__*/jsxRuntime.jsx(Typography, {
+      style: "body2",
+      children: t("neetoPayments.common.notAvailable")
+    });
+  }
+  if (isTimeVisible) {
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex items-center",
+      children: /*#__PURE__*/jsxRuntime.jsx(DateFormat.DateTime, {
+        date: date
+      })
+    });
+  }
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "flex items-center",
+    children: /*#__PURE__*/jsxRuntime.jsx(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__*/jsxRuntime.jsx(Typography, {
+    style: "body2",
+    children: 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__*/jsxRuntime.jsxs(Pane, {
+    isOpen: selectedTransfer["isPaneOpen"],
+    size: "large",
+    onClose: function onClose() {
+      return setSelectedTransfer(ramda.mergeLeft({
+        isPaneOpen: false
+      }, selectedTransfer));
+    },
+    children: [/*#__PURE__*/jsxRuntime.jsx(Pane.Header, {
+      children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
+        style: "h2",
+        children: t("neetoPayments.splitTransferDetails.title")
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(Pane.Body, {
+      children: isPending ? /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "flex h-full w-full items-center justify-center",
+        children: /*#__PURE__*/jsxRuntime.jsx(Spinner, {})
+      }) : /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "space-y-4 p-3",
+        children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "flex grid-cols-2 flex-col gap-3 lg:grid",
+          children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
+            style: "body1",
+            weight: "medium",
+            children: t("neetoPayments.common.identifier")
+          }), /*#__PURE__*/jsxRuntime.jsx(Button, {
+            href: splitTransfer.transferUrl,
+            label: splitTransfer.identifier,
+            size: "small",
+            style: "link",
+            target: "_blank"
+          }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
+            style: "body1",
+            weight: "medium",
+            children: t("neetoPayments.common.status")
+          }), /*#__PURE__*/jsxRuntime.jsx(Status, {
+            status: splitTransfer.status,
+            type: "splitTransfers"
+          }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
+            style: "body1",
+            weight: "medium",
+            children: t("neetoPayments.common.transferTime")
+          }), /*#__PURE__*/jsxRuntime.jsx(Date, {
+            isTimeVisible: true,
+            date: splitTransfer.paymentAt
+          }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
+            style: "body1",
+            weight: "medium",
+            children: t("neetoPayments.common.paymentAmount")
+          }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
+            style: "body2",
+            children: 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__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+            children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
+              style: "body1",
+              weight: "medium",
+              children: t("neetoPayments.common.discountCode")
+            }), /*#__PURE__*/jsxRuntime.jsx(DiscountCode, {
+              currency: splitTransfer.currency,
+              discountCode: splitTransfer.discountCode
+            })]
+          }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+            className: "flex items-center space-x-1",
+            children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
+              style: "body1",
+              weight: "medium",
+              children: t("neetoPayments.common.netAmount")
+            }), /*#__PURE__*/jsxRuntime.jsx(HelpPopover, {
+              popoverProps: {
+                position: "right"
+              },
+              description: t("neetoPayments.splitTransferDetails.netAmountDescription"),
+              title: t("neetoPayments.splitTransferDetails.netAmountHelpTitle")
+            })]
+          }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
+            style: "body2",
+            children: 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__*/jsxRuntime.jsxs("div", {
+            className: "flex space-x-1",
+            children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
+              style: "body1",
+              weight: "medium",
+              children: t("neetoPayments.common.platformShare")
+            }), /*#__PURE__*/jsxRuntime.jsx(HelpPopover, {
+              popoverProps: {
+                position: "right"
+              },
+              description: t("neetoPayments.splitTransferDetails.platformShareDescription"),
+              title: t("neetoPayments.splitTransferDetails.platformShareHelpTitle")
+            })]
+          }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
+            style: "body2",
+            children: utils.currencyFormat.withCode(splitTransfer.platformShare, (_splitTransfer$curren3 = splitTransfer.currency) === null || _splitTransfer$curren3 === void 0 ? void 0 : _splitTransfer$curren3.toUpperCase())
+          }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
+            style: "body1",
+            weight: "medium",
+            children: t("neetoPayments.common.transferredAmount")
+          }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
+            style: "body2",
+            children: utils.currencyFormat.withCode(splitTransfer.amount, (_splitTransfer$curren4 = splitTransfer.currency) === null || _splitTransfer$curren4 === void 0 ? void 0 : _splitTransfer$curren4.toUpperCase())
+          })]
+        }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
+          style: "h3",
+          children: t("neetoPayments.splitTransferDetails.destinationDetails")
+        }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "flex grid-cols-2 flex-col gap-3 lg:grid",
+          children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
+            style: "body1",
+            weight: "medium",
+            children: t("neetoPayments.common.destinationAccountIdentifier")
+          }), /*#__PURE__*/jsxRuntime.jsx(Button, {
+            href: splitTransfer.destinationAccount.dashboardUrl,
+            label: splitTransfer.destinationAccount.identifier,
+            size: "small",
+            style: "link",
+            target: "_blank"
+          }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
+            style: "body1",
+            weight: "medium",
+            children: t("neetoPayments.common.destinationAccountName")
+          }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
+            style: "body2",
+            children: splitTransfer.destinationAccount.userName
+          }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
+            style: "body1",
+            weight: "medium",
+            children: t("neetoPayments.common.destinationAccountEmail")
+          }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
+            style: "body2",
+            children: splitTransfer.destinationAccount.userEmail
+          }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
+            style: "body1",
+            weight: "medium",
+            children: t("neetoPayments.common.payoutStatus")
+          }), /*#__PURE__*/jsxRuntime.jsx(Status, {
+            status: (_splitTransfer$destin = splitTransfer.destinationPayout) === null || _splitTransfer$destin === void 0 ? void 0 : _splitTransfer$destin.status,
+            type: "payout"
+          }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
+            style: "body1",
+            weight: "medium",
+            children: t("neetoPayments.splitTransferDetails.payoutInitiatedDate")
+          }), /*#__PURE__*/jsxRuntime.jsx(Date, {
+            date: (_splitTransfer$destin2 = splitTransfer.destinationPayout) === null || _splitTransfer$destin2 === void 0 ? void 0 : _splitTransfer$destin2.createdAt
+          }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
+            style: "body1",
+            weight: "medium",
+            children: t("neetoPayments.splitTransferDetails.payoutArrivalDate")
+          }), /*#__PURE__*/jsxRuntime.jsx(Date, {
+            date: (_splitTransfer$destin3 = splitTransfer.destinationPayout) === null || _splitTransfer$destin3 === void 0 ? void 0 : _splitTransfer$destin3.arrivalDate
+          }), /*#__PURE__*/jsxRuntime.jsx("div", {})]
+        })]
+      })
+    })]
+  });
+};
+
+var renderIdentifier = ramda.curry(function (setSelectedTransfer, identifier, _ref) {
+  var id = _ref.id;
+  if (neetoCist.isNotPresent(identifier)) {
+    return /*#__PURE__*/jsxRuntime.jsx(Tooltip, {
+      content: i18next.t("neetoPayments.tooltipContent.identifierUnavailable"),
+      position: "top",
+      children: /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "text-center",
+        children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
+          style: "body2",
+          children: i18next.t("neetoPayments.common.notAvailable")
+        })
+      })
+    });
+  }
+  return /*#__PURE__*/jsxRuntime.jsx(CopyButtonWrapper.CopyButtonWrapper, {
+    content: identifier,
+    children: /*#__PURE__*/jsxRuntime.jsx(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__*/jsxRuntime.jsx(CopyButtonWrapper.CopyButtonWrapper, {
+      content: identifier,
+      children: identifier
+    });
+  }
+  return /*#__PURE__*/jsxRuntime.jsx(CopyButtonWrapper.CopyButtonWrapper, {
+    content: identifier,
+    children: /*#__PURE__*/jsxRuntime.jsx(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__*/jsxRuntime.jsx(CopyButtonWrapper.CopyButtonWrapper, {
+    content: identifier,
+    children: /*#__PURE__*/jsxRuntime.jsx(Button, {
+      href: dashboardUrl,
+      label: identifier,
+      size: "small",
+      style: "link",
+      target: "_blank"
+    })
+  });
+};
+var renderStatus = ramda.curry(function (type, status) {
+  return /*#__PURE__*/jsxRuntime.jsx(Status, {
+    status: status,
+    type: type
+  });
+});
+var renderDate = function renderDate(date) {
+  if (neetoCist.isNotPresent(date)) {
+    return /*#__PURE__*/jsxRuntime.jsx(Tooltip, {
+      content: i18next.t("neetoPayments.tooltipContent.dateUnavailable"),
+      position: "top",
+      children: /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "text-center",
+        children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
+          style: "body2",
+          children: i18next.t("neetoPayments.common.notAvailable")
+        })
+      })
+    });
+  }
+  return /*#__PURE__*/jsxRuntime.jsx(DateFormat.DateTime, {
+    date: date
+  });
+};
+var renderPlatformShare = function renderPlatformShare(amount) {
+  if (neetoCist.isNotPresent(amount)) {
+    return /*#__PURE__*/jsxRuntime.jsx(Tooltip, {
+      content: i18next.t("neetoPayments.tooltipContent.platformShareUnavailable"),
+      position: "top",
+      children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
+        style: "body2",
+        children: 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,
+    hiddenColumns = _ref.hiddenColumns,
+    _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)).filter(function (_ref2) {
+    var dataIndex = _ref2.dataIndex;
+    return !hiddenColumns.includes(constants.processDataIndex(dataIndex));
+  });
+  if (tab === SPLIT_TRANSFERS_DASHBOARD_TAB.all) return filteredColumns;
+  return neetoCist.removeBy({
+    key: "status"
+  }, filteredColumns);
+};
+var buildRowData = function buildRowData(_ref3) {
+  var splitTransfers = _ref3.splitTransfers,
+    _ref3$pageProperties = _ref3.pageProperties,
+    pageProperties = _ref3$pageProperties === void 0 ? {} : _ref3$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 _useHiddenColumns = Columns.useHiddenColumns(COLUMNS_STORAGE_KEY),
+    hideColumn = _useHiddenColumns.hideColumn,
+    _useHiddenColumns$hid = _useHiddenColumns.hiddenColumns,
+    hiddenColumns = _useHiddenColumns$hid === void 0 ? [] : _useHiddenColumns$hid;
+  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 visibleColumns = buildTableColumns({
+    tab: tab,
+    hiddenColumns: hiddenColumns,
+    payableEntityColumns: payableEntityColumns,
+    setSelectedTransfer: setSelectedTransfer
+  });
+  var handleColumnHiding = function handleColumnHiding(column) {
+    hideColumn(constants.processDataIndex(column.dataIndex));
+  };
+  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__*/jsxRuntime.jsx("div", {
+      className: "flex h-full w-full items-center justify-center",
+      children: /*#__PURE__*/jsxRuntime.jsx(NoData, {
+        title: tab === SPLIT_TRANSFERS_DASHBOARD_TAB.all ? t("neetoPayments.emptyState.splitTransfers") : t("neetoPayments.emptyState.splitTransfersWithStatus", {
+          status: tab
+        })
+      })
+    });
+  }
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(TableWrapper, {
+      hasPagination: splitTransfersCount > (pageProperties === null || pageProperties === void 0 ? void 0 : pageProperties.pageSize),
+      children: /*#__PURE__*/jsxRuntime.jsx(Table, {
+        onRowSelect: onRowSelect,
+        fixedHeight: true,
+        allowRowClick: false,
+        columnData: visibleColumns,
+        currentPageNumber: pageProperties === null || pageProperties === void 0 ? void 0 : pageProperties.page,
+        handlePageChange: handleTablePagination,
+        loading: isFetching,
+        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: handleColumnHiding
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(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__*/jsxRuntime.jsxs(Modal, {
+    isOpen: isOpen,
+    onClose: onClose,
+    size: "large",
+    children: [/*#__PURE__*/jsxRuntime.jsx(Modal.Header, {
+      children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
+        style: "h2",
+        weight: "medium",
+        children: t("neetoPayments.resumeSplitTransfers.modal.title")
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(Form, {
+      formikProps: {
+        initialValues: {
+          reason: ""
+        },
+        validationSchema: VALIDATION_SCHEMA,
+        onSubmit: handleSubmit
+      },
+      children: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(Modal.Body, {
+          children: /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "flex flex-col space-y-4",
+            children: /*#__PURE__*/jsxRuntime.jsx(Textarea, {
+              required: true,
+              label: t("neetoPayments.resumeSplitTransfers.modal.reason"),
+              name: "reason"
+            })
+          })
+        }), /*#__PURE__*/jsxRuntime.jsx(Modal.Footer, {
+          children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock, {
+            position: "right",
+            cancelButtonProps: {
+              onClick: onClose,
+              style: "tertiary"
+            },
+            submitButtonProps: {
+              disabled: false,
+              label: t("neetoPayments.common.submit")
+            }
+          })
+        })]
+      })
+    })]
+  });
+};
+
+var Menu = Dropdown.Menu,
+  MenuItem = 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[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__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Header, {
+      title: t("neetoPayments.title.splitTransfers"),
+      searchProps: isFilterButtonVisible && {
+        placeholder: searchKeywordProps.placeholder,
+        className: "w-96"
+      }
+    }), constants.shouldTabsVisible(views) && /*#__PURE__*/jsxRuntime.jsx(Tab, {
+      children: Object.keys(SPLIT_TRANSFERS_DASHBOARD_TAB).map(function (item) {
+        return /*#__PURE__*/jsxRuntime.jsx(Tab.Item, {
+          active: tab === item,
+          onClick: function onClick() {
+            return handleTabChange(item);
+          },
+          children: t("neetoPayments.common.".concat(item))
+        }, item);
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(SubHeader, {
+      className: "my-4",
+      leftActionBlock: splitTransfersCountVisible && /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "w-100 flex items-center space-x-3",
+        children: isDropdownVisible ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
+            className: "neeto-ui-gray-800 mr-2 font-semibold",
+            component: "h4",
+            children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+              count: selectedRecordsCount,
+              i18nKey: "neetoPayments.splitTransferDetails.recordWithCount",
+              components: {
+                span: /*#__PURE__*/jsxRuntime.jsx("span", {
+                  className: "neeto-ui-text-gray-600"
+                })
+              },
+              values: {
+                count: selectedRecordsCount,
+                recordsCount: splitTransfersCount
+              }
+            })
+          }), /*#__PURE__*/jsxRuntime.jsxs(Dropdown, {
+            buttonStyle: "secondary",
+            label: t("neetoPayments.common.takeAction"),
+            children: [/*#__PURE__*/jsxRuntime.jsx(Menu, {
+              children: /*#__PURE__*/jsxRuntime.jsx(MenuItem.Button, {
+                isDisabled: isCancelButtonDisabled,
+                tooltipProps: isCancelButtonDisabled ? {
+                  content: t("neetoPayments.tooltipContent.splitTransfers.cancelledRecordsSelected")
+                } : "",
+                onClick: function onClick() {
+                  return setIsCancelModalOpen(true);
+                },
+                children: t("neetoPayments.common.cancel")
+              })
+            }), /*#__PURE__*/jsxRuntime.jsx(Menu, {
+              children: /*#__PURE__*/jsxRuntime.jsx(MenuItem.Button, {
+                isDisabled: isResumeButtonDisabled,
+                tooltipProps: isResumeButtonDisabled ? {
+                  content: t("neetoPayments.tooltipContent.splitTransfers.pendingRecordsSelected")
+                } : "",
+                onClick: function onClick() {
+                  return setIsResumeModalOpen(true);
+                },
+                children: t("neetoPayments.common.resume")
+              })
+            })]
+          })]
+        }) : /*#__PURE__*/jsxRuntime.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: isFilterButtonVisible && /*#__PURE__*/jsxRuntime.jsx(SubHeader.RightBlock, {
+        columnsButtonProps: {
+          columnData: ramda.concat(getDefaultColumns(), payableEntityColumns).map(ramda.modify("dataIndex", constants.processDataIndex)),
+          fixedColumns: constants.UN_HIDEABLE_COLUMNS,
+          localStorageKey: COLUMNS_STORAGE_KEY
+        },
+        downloadButtonProps: {
+          onClick: function onClick() {
+            return setIsExportModalOpen(true);
+          }
+        },
+        filterProps: {
+          columns: filterableColumns,
+          isOpen: isFilterPaneOpen,
+          keyword: searchKeywordProps,
+          setIsOpen: setIsFilterPaneOpen,
+          onChange: handleFiltersChange
+        }
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(FiltersBar, {
+      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(utils$1.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__*/jsxRuntime.jsx("div", {
+      className: "flex h-full w-full items-center justify-center",
+      children: /*#__PURE__*/jsxRuntime.jsx(Spinner, {})
+    });
+  }
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(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__*/jsxRuntime.jsx(List, {
+      handleTablePagination: handleTablePagination,
+      isFetching: isFetching,
+      pageProperties: pageProperties,
+      payableEntityColumns: payableEntityColumns,
+      selectedRows: selectedRows,
+      setHasBulkSelectedAllRows: setHasBulkSelectedAllRows,
+      setSelectedRows: setSelectedRows,
+      setSortProperties: setSortProperties,
+      splitTransfers: splitTransfers,
+      views: views,
+      onRowSelect: handleRowSelect
+    }), /*#__PURE__*/jsxRuntime.jsx(ExportModal.ExportModal, {
+      filters: filters,
+      isExportModalOpen: isExportModalOpen,
+      setIsExportModalOpen: setIsExportModalOpen,
+      sortProperties: sortProperties,
+      dashboardKind: constants.DASHBOARD_KIND.splitTransfers
+    }), /*#__PURE__*/jsxRuntime.jsx(CancelModal, {
+      handleSplitTransfersUpdate: handleSplitTransfersUpdate,
+      isOpen: isCancelModalOpen,
+      onClose: function onClose() {
+        return setIsCancelModalOpen(false);
+      }
+    }), /*#__PURE__*/jsxRuntime.jsx(ResumeModal, {
+      handleSplitTransfersUpdate: handleSplitTransfersUpdate,
+      isOpen: isResumeModalOpen,
+      onClose: function onClose() {
+        return setIsResumeModalOpen(false);
+      }
+    })]
+  });
+};
+
+module.exports = SplitTransfersDashboard;
+//# sourceMappingURL=SplitTransfersDashboard.js.map