@bigbinary/neeto-payments-frontend 6.1.0 → 6.1.2

package/dist/cjs/SplitTransfersDashboard.js

@@ -1,1139 +0,0 @@
-'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-BmHgt24q.js');
-var reactQuery = require('@tanstack/react-query');
-var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
-var axios = require('axios');
-var constants = require('./index-KqkPP267.js');
-var queryConstants = require('./queryConstants-Cka1X6GX.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 exportChannel = require('./exportChannel-BB1psKzT.js');
-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('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__*/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, {
-        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__*/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,
-    _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__*/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: 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__*/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 === 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__*/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 me-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 me-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: 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__*/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