@bigbinary/neeto-payments-frontend 1.3.21 → 1.3.23

package/dist/index.cjs.js

@@ -145,13 +145,13 @@ var withReactQuery = function withReactQuery(Component) {
   return QueryWrapper;
 };
 
-var TAB$3 = {
+var TAB$4 = {
   all: "all",
   connected: "connected",
   disconnected: "disconnected",
   incomplete: "incomplete"
 };
-var TABS$3 = Object.values(TAB$3);
+var TABS$4 = Object.values(TAB$4);
 var SEARCH_PROPS$1 = {
   key: "keyword",
   node: "identifier,user.first_name,last_name,email",
@@ -668,16 +668,16 @@ var RAZORPAY_PAYMENT_BUTTON_OPTIONS = {
   }
 };
 
-var exportData = function exportData(payload) {
+var exportData$1 = function exportData(payload) {
   return axios__default["default"].post("".concat(BASE_URL, "/api/v1/stripe/exports"), payload);
 };
-var exportsApi = {
-  exportData: exportData
+var exportsApi$1 = {
+  exportData: exportData$1
 };
 
 var useExportData = function useExportData() {
   return reactQuery.useMutation(function (payload) {
-    return exportsApi.exportData(payload);
+    return exportsApi$1.exportData(payload);
   });
 };
 
@@ -732,8 +732,8 @@ var buildStripePayoutLink = function buildStripePayoutLink(identifier) {
   return "".concat(STRIPE_DASHBOARD_LINK).concat(isLive ? "" : "test/", "payouts/").concat(identifier);
 };
 
-function ownKeys$b(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$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$c(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$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ExportModal$2 = function ExportModal(_ref) {
   var showExportModal = _ref.showExportModal,
     setShowExportModal = _ref.setShowExportModal,
@@ -765,7 +765,7 @@ var ExportModal$2 = function ExportModal(_ref) {
     }
   };
   var handleGenerateClick = function handleGenerateClick() {
-    var payload = _objectSpread$b({
+    var payload = _objectSpread$c({
       kind: "account",
       token: token,
       filters: filters,
@@ -837,8 +837,8 @@ function _toConsumableArray(arr) {
   return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
 }
 
-function ownKeys$a(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$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$b(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$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var processSortProperties = function processSortProperties(sortProperties) {
   if (sortProperties.sortBy === "payment_amount") {
     return ramda.assoc("sortBy", "neeto_payments_engine_stripe_transactions.amount", sortProperties);
@@ -853,7 +853,7 @@ var processSortProperties = function processSortProperties(sortProperties) {
 };
 var buildDefaultPageProperties = function buildDefaultPageProperties(tabs) {
   return tabs.reduce(function (pageProperties, tab) {
-    return _objectSpread$a(_objectSpread$a({}, pageProperties), {}, _defineProperty({}, tab, DEFAULT_PAGE_VALUES));
+    return _objectSpread$b(_objectSpread$b({}, pageProperties), {}, _defineProperty({}, tab, DEFAULT_PAGE_VALUES));
   }, {});
 };
 var buildPayload = function buildPayload(_ref) {
@@ -865,7 +865,7 @@ var buildPayload = function buildPayload(_ref) {
     sortProperties = _ref$sortProperties === void 0 ? {} : _ref$sortProperties,
     _ref$payoutId = _ref.payoutId,
     payoutId = _ref$payoutId === void 0 ? null : _ref$payoutId;
-  return _objectSpread$a({
+  return _objectSpread$b({
     tab: neetoCist.camelToSnakeCase(tab),
     payoutId: payoutId,
     page: (_pageProperties$tab = pageProperties[tab]) === null || _pageProperties$tab === void 0 ? void 0 : _pageProperties$tab.page,
@@ -881,7 +881,7 @@ var buildRowData = function buildRowData(_ref2) {
     tab = _ref2$tab === void 0 ? "all" : _ref2$tab;
   return data.map(function (element, index) {
     var _pageProperties$tab3, _pageProperties$tab4;
-    return _objectSpread$a(_objectSpread$a({}, element), {}, {
+    return _objectSpread$b(_objectSpread$b({}, element), {}, {
       payable: element.payable,
       identifier: element,
       id: ramda.isEmpty(pageProperties) ? index + 1 : ((_pageProperties$tab3 = pageProperties[tab]) === null || _pageProperties$tab3 === void 0 ? void 0 : _pageProperties$tab3.pageSize) * (((_pageProperties$tab4 = pageProperties[tab]) === null || _pageProperties$tab4 === void 0 ? void 0 : _pageProperties$tab4.page) - 1) + index + 1
@@ -961,7 +961,7 @@ var IdentifierButton = function IdentifierButton(_ref) {
 };
 var IdentifierButton$1 = /*#__PURE__*/React__default["default"].memo(IdentifierButton);
 
-var renderIdentifier$2 = function renderIdentifier() {
+var renderIdentifier$3 = function renderIdentifier() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
     _ref$identifier = _ref.identifier,
     identifier = _ref$identifier === void 0 ? "" : _ref$identifier,
@@ -976,7 +976,7 @@ var renderIdentifier$2 = function renderIdentifier() {
 };
 var renderCountry = ramda.pipe(ramda.split("_"), ramda.map(neetoCist.capitalize), ramda.join(" "));
 
-var COLUMNS$3 = [{
+var COLUMNS$4 = [{
   title: i18next.t("neetoPayments.common.id"),
   dataIndex: "id",
   key: "id",
@@ -987,7 +987,7 @@ var COLUMNS$3 = [{
   dataIndex: "identifier",
   key: "identifier",
   width: "300px",
-  render: renderIdentifier$2,
+  render: renderIdentifier$3,
   isHidable: false
 }, {
   title: i18next.t("neetoPayments.common.status"),
@@ -1027,8 +1027,8 @@ var COLUMNS$3 = [{
   sorter: true
 }];
 
-function ownKeys$9(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$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$a(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$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useFiltersAndPagination$3 = function useFiltersAndPagination() {
   var history = reactRouterDom.useHistory();
   var _useState = React.useState(false),
@@ -1039,7 +1039,7 @@ var useFiltersAndPagination$3 = function useFiltersAndPagination() {
     _useState4 = _slicedToArray(_useState3, 2),
     isFilterPaneOpen = _useState4[0],
     setIsFilterPaneOpen = _useState4[1];
-  var _useState5 = React.useState(buildDefaultPageProperties(TABS$3)),
+  var _useState5 = React.useState(buildDefaultPageProperties(TABS$4)),
     _useState6 = _slicedToArray(_useState5, 2),
     pageProperties = _useState6[0],
     setPageProperties = _useState6[1];
@@ -1049,11 +1049,11 @@ var useFiltersAndPagination$3 = function useFiltersAndPagination() {
     setSortProperties = _useState8[1];
   var _useQueryParams = reactUtils.useQueryParams(),
     _useQueryParams$tab = _useQueryParams.tab,
-    tab = _useQueryParams$tab === void 0 ? TAB$3.all : _useQueryParams$tab;
+    tab = _useQueryParams$tab === void 0 ? TAB$4.all : _useQueryParams$tab;
   var _getQueryParams = utils$3.getQueryParams(),
     _getQueryParams$searc = _getQueryParams.searchTerm,
     searchTerm = _getQueryParams$searc === void 0 ? "" : _getQueryParams$searc;
-  var searchKeywordProps = _objectSpread$9(_objectSpread$9({}, SEARCH_PROPS$1), {}, {
+  var searchKeywordProps = _objectSpread$a(_objectSpread$a({}, SEARCH_PROPS$1), {}, {
     key: "search_term",
     value: searchTerm.trim()
   });
@@ -1065,9 +1065,9 @@ var useFiltersAndPagination$3 = function useFiltersAndPagination() {
     _useState12 = _slicedToArray(_useState11, 2),
     dataSize = _useState12[0],
     setDataSize = _useState12[1];
-  var columnData = tab !== TAB$3.all ? neetoCist.removeBy({
+  var columnData = tab !== TAB$4.all ? neetoCist.removeBy({
     key: "status"
-  }, COLUMNS$3) : COLUMNS$3;
+  }, COLUMNS$4) : COLUMNS$4;
   var handleTabChange = function handleTabChange(tab) {
     var _pageProperties$tab, _pageProperties$tab2;
     var queryParams = utils$3.getQueryParams({
@@ -1100,13 +1100,13 @@ var useFiltersAndPagination$3 = function useFiltersAndPagination() {
   };
 };
 
-var list$8 = function list(payload) {
+var list$9 = function list(payload) {
   return axios__default["default"].get("".concat(BASE_URL, "/api/v1/stripe/accounts"), {
     params: payload
   });
 };
-var accountsApi$3 = {
-  list: list$8
+var accountsApi$4 = {
+  list: list$9
 };
 
 var QUERY_KEYS = {
@@ -1125,18 +1125,20 @@ var QUERY_KEYS = {
   SQUARE_ACCOUNT_DETAILS: "square-account-details",
   SQUARE_PAYMENTS_LIST: "payments-list",
   SQUARE_REFUNDS_LIST: "refunds-list",
-  STRIPE_PAYOUT: "stripe-payout"
+  STRIPE_PAYOUT: "stripe-payout",
+  RAZORPAY_PAYMENTS_LIST: "razorpay-payment-list",
+  RAZORPAY_ACCOUNT_DETAILS: "razorpay-account-details"
 };
 
 var useFetchConnectedAccounts = function useFetchConnectedAccounts() {
   var payload = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return reactQuery.useQuery([QUERY_KEYS.STRIPE_ACCOUNTS_LIST, payload], function () {
-    return accountsApi$3.list(payload);
+    return accountsApi$4.list(payload);
   }, options);
 };
 
-var List$3 = function List(_ref) {
+var List$4 = function List(_ref) {
   var _pageProperties$tab, _pageProperties$tab2, _pageProperties$tab3;
   var columnData = _ref.columnData,
     filters = _ref.filters,
@@ -1202,7 +1204,7 @@ var List$3 = function List(_ref) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "flex h-full w-full items-center justify-center"
     }, /*#__PURE__*/React__default["default"].createElement(neetoui.NoData, {
-      title: tab === TAB$3.all ? t("neetoPayments.emptyState.account") : t("neetoPayments.emptyState.accountWithStatus", {
+      title: tab === TAB$4.all ? t("neetoPayments.emptyState.account") : t("neetoPayments.emptyState.accountWithStatus", {
         status: tab
       })
     }));
@@ -1278,7 +1280,7 @@ var AccountsDashboard = function AccountsDashboard() {
       placeholder: t("neetoPayments.common.search"),
       className: "w-80"
     }
-  }), isTabsVisible && /*#__PURE__*/React__default["default"].createElement(neetoui.Tab, null, TABS$3.map(function (item) {
+  }), isTabsVisible && /*#__PURE__*/React__default["default"].createElement(neetoui.Tab, null, TABS$4.map(function (item) {
     return /*#__PURE__*/React__default["default"].createElement(neetoui.Tab.Item, {
       active: tab === item,
       key: item,
@@ -1291,7 +1293,7 @@ var AccountsDashboard = function AccountsDashboard() {
     leftActionBlock: isTabsVisible && dataSize !== 0 && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
       className: "neeto-ui-gray-800 mr-2 font-semibold",
       component: "h4"
-    }, tab === TAB$3.all ? t("neetoPayments.countOf.account", {
+    }, tab === TAB$4.all ? t("neetoPayments.countOf.account", {
       count: dataSize
     }) : t("neetoPayments.countOf.accountWithStatus", {
       count: dataSize,
@@ -1321,7 +1323,7 @@ var AccountsDashboard = function AccountsDashboard() {
         onChange: handleFiltersChange
       }
     }))
-  }), /*#__PURE__*/React__default["default"].createElement(List$3, {
+  }), /*#__PURE__*/React__default["default"].createElement(List$4, {
     columnData: columnData,
     filters: filters,
     pageProperties: pageProperties,
@@ -1339,7 +1341,7 @@ var AccountsDashboard = function AccountsDashboard() {
     tab: tab
   }));
 };
-var index$2 = reactUtils.withTitle(withReactQuery(AccountsDashboard), i18next.t("neetoPayments.title.account"));
+var index$3 = reactUtils.withTitle(withReactQuery(AccountsDashboard), i18next.t("neetoPayments.title.account"));
 
 function _extends$1() {
   _extends$1 = Object.assign ? Object.assign.bind() : function (target) {
@@ -1356,7 +1358,7 @@ function _extends$1() {
   return _extends$1.apply(this, arguments);
 }
 
-var TAB$2 = {
+var TAB$3 = {
   all: "all",
   successful: "successful",
   declined: "declined",
@@ -1372,7 +1374,7 @@ var KIND = {
   transfer: "transfer",
   refund: "refund"
 };
-var TABS$2 = Object.values(TAB$2);
+var TABS$3 = Object.values(TAB$3);
 var TAB_METADATA$1 = {
   all: {},
   successful: {},
@@ -1434,7 +1436,20 @@ var APPENDABLE_SEARCH_PROPS = {
 };
 var DASHBOARD_MANDATORY_COLUMNS$1 = ["id", "status", "identifier"];
 
-var renderIdentifier$1 = function renderIdentifier() {
+var exportData = function exportData(payload) {
+  return axios__default["default"].post("".concat(BASE_URL, "/api/v1/razorpay/exports"), payload);
+};
+var exportsApi = {
+  exportData: exportData
+};
+
+var useExportRazorpayData = function useExportRazorpayData() {
+  return reactQuery.useMutation(function (payload) {
+    return exportsApi.exportData(payload);
+  });
+};
+
+var renderIdentifier$2 = function renderIdentifier() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
     _ref$identifier = _ref.identifier,
     identifier = _ref$identifier === void 0 ? "" : _ref$identifier,
@@ -1560,7 +1575,7 @@ var generateSpecialColumns = function generateSpecialColumns(_ref) {
   }];
 };
 
-var COLUMNS$2 = [{
+var COLUMNS$3 = [{
   title: i18next.t("neetoPayments.common.id"),
   dataIndex: "id",
   key: "id",
@@ -1572,7 +1587,7 @@ var COLUMNS$2 = [{
   dataIndex: "identifier",
   key: "identifier",
   width: "300px",
-  render: renderIdentifier$1,
+  render: renderIdentifier$2,
   position: 1,
   isHidable: false
 }, {
@@ -1710,7 +1725,7 @@ var COLUMNS$2 = [{
   render: renderAccountIdentifier,
   position: 10
 }];
-var COLUMN_METADATA$1 = {
+var COLUMN_METADATA$2 = {
   identifier: {
     isHidden: {
       split: true,
@@ -1914,17 +1929,17 @@ var isConnectedKind = ramda.equals(KIND.connected);
 var isSplitKind = ramda.equals(KIND.split);
 var isTransferKind = ramda.equals(KIND.transfer);
 var isRefundKind$1 = ramda.equals(KIND.refund);
-var buildPaymentColumns$1 = function buildPaymentColumns(_ref) {
+var buildPaymentColumns$2 = function buildPaymentColumns(_ref) {
   var tab = _ref.tab,
     kind = _ref.kind,
     _ref$payableEntityCol = _ref.payableEntityColumns,
     payableEntityColumns = _ref$payableEntityCol === void 0 ? [] : _ref$payableEntityCol,
     _ref$specialColumnArg = _ref.specialColumnArguments,
     specialColumnArguments = _ref$specialColumnArg === void 0 ? {} : _ref$specialColumnArg;
-  return ramda.sortBy(ramda.prop("position"), COLUMNS$2.concat(generateSpecialColumns(specialColumnArguments)).filter(function (_ref2) {
+  return ramda.sortBy(ramda.prop("position"), COLUMNS$3.concat(generateSpecialColumns(specialColumnArguments)).filter(function (_ref2) {
     var _COLUMN_METADATA$key, _COLUMN_METADATA$key2;
     var key = _ref2.key;
-    return !((_COLUMN_METADATA$key = COLUMN_METADATA$1[key]) !== null && _COLUMN_METADATA$key !== void 0 && (_COLUMN_METADATA$key = _COLUMN_METADATA$key.isHidden) !== null && _COLUMN_METADATA$key !== void 0 && _COLUMN_METADATA$key[kind] || (_COLUMN_METADATA$key2 = COLUMN_METADATA$1[key]) !== null && _COLUMN_METADATA$key2 !== void 0 && (_COLUMN_METADATA$key2 = _COLUMN_METADATA$key2.isHidden) !== null && _COLUMN_METADATA$key2 !== void 0 && _COLUMN_METADATA$key2[tab]);
+    return !((_COLUMN_METADATA$key = COLUMN_METADATA$2[key]) !== null && _COLUMN_METADATA$key !== void 0 && (_COLUMN_METADATA$key = _COLUMN_METADATA$key.isHidden) !== null && _COLUMN_METADATA$key !== void 0 && _COLUMN_METADATA$key[kind] || (_COLUMN_METADATA$key2 = COLUMN_METADATA$2[key]) !== null && _COLUMN_METADATA$key2 !== void 0 && (_COLUMN_METADATA$key2 = _COLUMN_METADATA$key2.isHidden) !== null && _COLUMN_METADATA$key2 !== void 0 && _COLUMN_METADATA$key2[tab]);
   }).concat(payableEntityColumns.filter(function (_ref3) {
     var isHidden = _ref3.isHidden;
     return !(isHidden !== null && isHidden !== void 0 && isHidden[tab] || isHidden !== null && isHidden !== void 0 && isHidden[kind]);
@@ -1935,7 +1950,7 @@ var buildFilterColumns$1 = function buildFilterColumns(tab, kind) {
   var filterColumns = FILTER_COLUMNS$1.filter(function (_ref4) {
     var _COLUMN_METADATA$snak;
     var key = _ref4.key;
-    return !((_COLUMN_METADATA$snak = COLUMN_METADATA$1[neetoCist.snakeToCamelCase(key)]) !== null && _COLUMN_METADATA$snak !== void 0 && (_COLUMN_METADATA$snak = _COLUMN_METADATA$snak.isHidden) !== null && _COLUMN_METADATA$snak !== void 0 && _COLUMN_METADATA$snak[kind]);
+    return !((_COLUMN_METADATA$snak = COLUMN_METADATA$2[neetoCist.snakeToCamelCase(key)]) !== null && _COLUMN_METADATA$snak !== void 0 && (_COLUMN_METADATA$snak = _COLUMN_METADATA$snak.isHidden) !== null && _COLUMN_METADATA$snak !== void 0 && _COLUMN_METADATA$snak[kind]);
   });
   return ramda.concat(filterColumns, ramda.map(ramda.prop("filterProps"), neetoCist.filterBy({
     isFilterable: true,
@@ -1959,8 +1974,8 @@ var modifySearchProps = function modifySearchProps(_ref5) {
   }, searchProps);
 };
 
-function ownKeys$8(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$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$9(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$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ExportModal$1 = function ExportModal(_ref) {
   var showExportModal = _ref.showExportModal,
     setShowExportModal = _ref.setShowExportModal,
@@ -1980,28 +1995,38 @@ var ExportModal$1 = function ExportModal(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     isGenerating = _useState4[0],
     setIsGenerating = _useState4[1];
+  var _useExportRazorpayDat = useExportRazorpayData(),
+    exportRazorpayPaymentsCsv = _useExportRazorpayDat.mutate,
+    isRazorpayLoading = _useExportRazorpayDat.isLoading;
   var _useExportData = useExportData(),
     exportCsv = _useExportData.mutate,
     isLoading = _useExportData.isLoading;
-  var isFileLoading = isLoading || isGenerating;
+  var isFileLoading = isLoading || isGenerating || isRazorpayLoading;
   var token = React.useMemo(function () {
     return "".concat(kind, "-report-").concat(uuidV4());
   }, [kind]);
   var receivedCallback = function receivedCallback(data) {
-    if (data.download_url) {
-      setDownloadUrl(data.download_url);
-      setIsGenerating(false);
-    }
+    if (!data.download_url) return;
+    setDownloadUrl(data.download_url);
+    setIsGenerating(false);
   };
   var handleGenerateClick = function handleGenerateClick() {
-    var payload = _objectSpread$8({
+    var payload = _objectSpread$9({
       kind: isTransferKind(kind) ? "connected" : kind,
       token: token,
       filters: filters,
       tab: tab,
       holdableId: holdableId
     }, sortProperties);
-    exportCsv(payload, {
+    if (kind === "razorpayPayment") {
+      return exportRazorpayPaymentsCsv(payload, {
+        onSuccess: function onSuccess() {
+          setDownloadUrl("");
+          setIsGenerating(true);
+        }
+      });
+    }
+    return exportCsv(payload, {
       onSuccess: function onSuccess() {
         setDownloadUrl("");
         setIsGenerating(true);
@@ -2051,17 +2076,17 @@ var ExportModal$1 = function ExportModal(_ref) {
   }))));
 };
 
-function ownKeys$7(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$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$8(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$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useFiltersAndPagination$2 = function useFiltersAndPagination(_ref) {
   var payableEntityColumns = _ref.payableEntityColumns,
     kind = _ref.kind,
     searchProps = _ref.searchProps;
   var _useQueryParams = reactUtils.useQueryParams(),
     _useQueryParams$tab = _useQueryParams.tab,
-    tab = _useQueryParams$tab === void 0 ? TAB$2.all : _useQueryParams$tab;
+    tab = _useQueryParams$tab === void 0 ? TAB$3.all : _useQueryParams$tab;
   var history = reactRouterDom.useHistory();
-  var tabs = TABS$2.filter(function (tab) {
+  var tabs = TABS$3.filter(function (tab) {
     var _TAB_METADATA$tab;
     return !((_TAB_METADATA$tab = TAB_METADATA$1[tab]) !== null && _TAB_METADATA$tab !== void 0 && (_TAB_METADATA$tab = _TAB_METADATA$tab.isHidden) !== null && _TAB_METADATA$tab !== void 0 && _TAB_METADATA$tab[kind]);
   });
@@ -2085,7 +2110,7 @@ var useFiltersAndPagination$2 = function useFiltersAndPagination(_ref) {
   var _getQueryParams = utils$3.getQueryParams(),
     _getQueryParams$searc = _getQueryParams.searchTerm,
     searchTerm = _getQueryParams$searc === void 0 ? "" : _getQueryParams$searc;
-  var searchKeywordProps = _objectSpread$7(_objectSpread$7({}, modifySearchProps({
+  var searchKeywordProps = _objectSpread$8(_objectSpread$8({}, modifySearchProps({
     searchProps: searchProps,
     kind: kind
   })), {}, {
@@ -2104,7 +2129,7 @@ var useFiltersAndPagination$2 = function useFiltersAndPagination(_ref) {
     _useState14 = _slicedToArray(_useState13, 2),
     paneStatus = _useState14[0],
     setPaneStatus = _useState14[1];
-  var columns = buildPaymentColumns$1({
+  var columns = buildPaymentColumns$2({
     tab: tab,
     kind: kind,
     payableEntityColumns: payableEntityColumns,
@@ -2150,7 +2175,7 @@ var useFiltersAndPagination$2 = function useFiltersAndPagination(_ref) {
   };
 };
 
-var show$5 = function show(holdableId) {
+var show$6 = function show(holdableId) {
   return axios__default["default"].get("".concat(BASE_URL, "/api/v1/stripe/holdable/").concat(holdableId, "/account"));
 };
 var create$2 = function create(payload) {
@@ -2162,24 +2187,24 @@ var creationStatus = function creationStatus(jobId) {
 var destroy = function destroy(accountId) {
   return axios__default["default"]["delete"]("".concat(BASE_URL, "/api/v1/stripe/accounts/").concat(accountId));
 };
-var accountsApi$2 = {
-  show: show$5,
+var accountsApi$3 = {
+  show: show$6,
   create: create$2,
   creationStatus: creationStatus,
   destroy: destroy
 };
 
-var list$7 = function list(payload) {
+var list$8 = function list(payload) {
   return axios__default["default"].get("".concat(BASE_URL, "/api/v1/stripe/holdable/payouts"), {
     params: payload
   });
 };
-var show$4 = function show(id) {
+var show$5 = function show(id) {
   return axios__default["default"].get("".concat(BASE_URL, "/api/v1/stripe/holdable/payouts/").concat(id));
 };
 var payoutsApi$1 = {
-  list: list$7,
-  show: show$4
+  list: list$8,
+  show: show$5
 };
 
 function getDefaultExportFromCjs (x) {
@@ -4246,7 +4271,7 @@ var defaultList$2 = function defaultList(payload) {
     }
   });
 };
-var list$6 = function list(holdableId, payload) {
+var list$7 = function list(holdableId, payload) {
   return axios__default["default"].get("".concat(BASE_URL, "/api/v1/stripe/holdables/").concat(holdableId, "/transactions"), {
     params: payload,
     paramsSerializer: function paramsSerializer(params) {
@@ -4258,15 +4283,15 @@ var list$6 = function list(holdableId, payload) {
 };
 var transactionsApi$1 = {
   defaultList: defaultList$2,
-  list: list$6
+  list: list$7
 };
 
-function ownKeys$6(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$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$7(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$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useFetchConnectedStripeAccount = function useFetchConnectedStripeAccount(holdableId) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return reactQuery.useQuery([QUERY_KEYS.CONNECTED_ACCOUNT, holdableId], function () {
-    return accountsApi$2.show(holdableId);
+    return accountsApi$3.show(holdableId);
   }, options);
 };
 var useFetchStripeTransactions = function useFetchStripeTransactions() {
@@ -4295,33 +4320,33 @@ var useShowStripePayout = function useShowStripePayout(id) {
 var usePollingStripeAccount = function usePollingStripeAccount(holdableId, _ref) {
   var refetchInterval = _ref.refetchInterval;
   return reactQuery.useQuery(QUERY_KEYS.STRIPE_ACCOUNT_DETAILS, function () {
-    return accountsApi$2.show(holdableId);
+    return accountsApi$3.show(holdableId);
   }, {
     refetchInterval: refetchInterval
   });
 };
 var usePollingStripeAccountCreationStatus = function usePollingStripeAccountCreationStatus(jobId, options) {
   return reactQuery.useQuery([QUERY_KEYS.STRIPE_ACCOUNT_DETAILS, jobId], function () {
-    return accountsApi$2.creationStatus(jobId);
-  }, _objectSpread$6({}, options));
+    return accountsApi$3.creationStatus(jobId);
+  }, _objectSpread$7({}, options));
 };
 var useDestroyStripeAccount = function useDestroyStripeAccount(_ref2) {
   var onSuccess = _ref2.onSuccess,
     holdableId = _ref2.holdableId;
-  return reactUtils.useMutationWithInvalidation(accountsApi$2.destroy, {
+  return reactUtils.useMutationWithInvalidation(accountsApi$3.destroy, {
     keysToInvalidate: [QUERY_KEYS.STRIPE_ACCOUNT_DETAILS, [QUERY_KEYS.CONNECTED_ACCOUNT, holdableId]],
     onSuccess: onSuccess
   });
 };
 var useCreateStripeAccount = function useCreateStripeAccount(_ref3) {
   var onSuccess = _ref3.onSuccess;
-  return reactUtils.useMutationWithInvalidation(accountsApi$2.create, {
+  return reactUtils.useMutationWithInvalidation(accountsApi$3.create, {
     keysToInvalidate: [QUERY_KEYS.STRIPE_ACCOUNT_DETAILS],
     onSuccess: onSuccess
   });
 };
 
-var list$5 = function list(payload) {
+var list$6 = function list(payload) {
   return axios__default["default"].get("".concat(BASE_URL, "/api/v1/stripe/holdable/refunds"), {
     params: payload,
     paramsSerializer: function paramsSerializer(params) {
@@ -4332,30 +4357,30 @@ var list$5 = function list(payload) {
   });
 };
 var refundsApi = {
-  list: list$5
+  list: list$6
 };
 
-var show$3 = function show() {
+var show$4 = function show() {
   return axios__default["default"].get("".concat(BASE_URL, "/api/v1/stripe_platform/account"));
 };
-var accountsApi$1 = {
-  show: show$3
+var accountsApi$2 = {
+  show: show$4
 };
 
-var list$4 = function list(payload) {
+var list$5 = function list(payload) {
   return axios__default["default"].get("".concat(BASE_URL, "/api/v1/stripe_platform/payouts"), {
     params: payload
   });
 };
-var show$2 = function show(id) {
+var show$3 = function show(id) {
   return axios__default["default"].get("".concat(BASE_URL, "/api/v1/stripe_platform/payouts/").concat(id));
 };
 var payoutsApi = {
-  list: list$4,
-  show: show$2
+  list: list$5,
+  show: show$3
 };
 
-var list$3 = function list(payload) {
+var list$4 = function list(payload) {
   return axios__default["default"].get("".concat(BASE_URL, "/api/v1/stripe_platform/splits"), {
     params: payload,
     paramsSerializer: function paramsSerializer(params) {
@@ -4366,10 +4391,10 @@ var list$3 = function list(payload) {
   });
 };
 var splitsApi = {
-  list: list$3
+  list: list$4
 };
 
-var list$2 = function list(payload) {
+var list$3 = function list(payload) {
   return axios__default["default"].get("".concat(BASE_URL, "/api/v1/stripe_platform/transactions"), {
     params: payload,
     paramsSerializer: function paramsSerializer(params) {
@@ -4379,17 +4404,17 @@ var list$2 = function list(payload) {
     }
   });
 };
-var show$1 = function show(id) {
+var show$2 = function show(id) {
   return axios__default["default"].get("".concat(BASE_URL, "/api/v1/stripe_platform/transactions/").concat(id));
 };
 var transactionsApi = {
-  list: list$2,
-  show: show$1
+  list: list$3,
+  show: show$2
 };
 
 var useFetchStripePlatformAccount = function useFetchStripePlatformAccount(options) {
   return reactQuery.useQuery(QUERY_KEYS.STRIPE_PLATFORM_ACCOUNT_DETAILS, function () {
-    return accountsApi$1.show();
+    return accountsApi$2.show();
   }, options);
 };
 var useFetchStripePlatformSplits = function useFetchStripePlatformSplits(payload) {
@@ -4525,8 +4550,8 @@ var ExpandedRow = function ExpandedRow() {
   })));
 };
 
-function ownKeys$5(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$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$6(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$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useFetchData$2 = function useFetchData(_ref) {
   var _data$kind, _data$kind2, _data$kind3, _data$kind4;
   var kind = _ref.kind,
@@ -4534,7 +4559,7 @@ var useFetchData$2 = function useFetchData(_ref) {
     payload = _ref.payload,
     isPlatformEnabled = _ref.isPlatformEnabled;
   var data = {};
-  data.transfer = data.connected = useFetchStripeTransactions(holdableId, _objectSpread$5(_objectSpread$5({}, payload), {}, {
+  data.transfer = data.connected = useFetchStripeTransactions(holdableId, _objectSpread$6(_objectSpread$6({}, payload), {}, {
     kind: kind
   }), {
     enabled: isTransferKind(kind) || isConnectedKind(kind)
@@ -4636,7 +4661,7 @@ var Details = function Details(_ref) {
   }, t("neetoPayments.transactionPane.transactionId")), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     className: "neeto-ui-text-black font-medium",
     style: "body2"
-  }, renderIdentifier$1({
+  }, renderIdentifier$2({
     identifier: identifier,
     live: live
   }))), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -4672,7 +4697,7 @@ var Details = function Details(_ref) {
   }))));
 };
 
-var List$2 = function List(_ref) {
+var List$3 = function List(_ref) {
   var _pageProperties$tab, _pageProperties$tab2, _pageProperties$tab3;
   var _ref$isPlatformEnable = _ref.isPlatformEnabled,
     isPlatformEnabled = _ref$isPlatformEnable === void 0 ? false : _ref$isPlatformEnable,
@@ -4761,7 +4786,7 @@ var List$2 = function List(_ref) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "flex h-full w-full items-center justify-center"
     }, /*#__PURE__*/React__default["default"].createElement(neetoui.NoData, {
-      title: tab === TAB$2.all ? t("neetoPayments.emptyState.".concat(kind)) : t("neetoPayments.emptyState.".concat(kind, "WithStatus"), {
+      title: tab === TAB$3.all ? t("neetoPayments.emptyState.".concat(kind)) : t("neetoPayments.emptyState.".concat(kind, "WithStatus"), {
         status: tab
       })
     }));
@@ -4889,7 +4914,7 @@ var Dashboard = function Dashboard(_ref) {
     leftActionBlock: isTabsVisible && dataSize !== 0 && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
       className: "neeto-ui-gray-800 mr-2 font-semibold",
       component: "h4"
-    }, tab === TAB$2.all ? t("neetoPayments.countOf.".concat(kind), {
+    }, tab === TAB$3.all ? t("neetoPayments.countOf.".concat(kind), {
       count: dataSize
     }) : t("neetoPayments.countOf.".concat(kind, "WithStatus"), {
       count: dataSize,
@@ -4919,7 +4944,7 @@ var Dashboard = function Dashboard(_ref) {
         onChange: handleFiltersChange
       }
     }))
-  }), /*#__PURE__*/React__default["default"].createElement(List$2, {
+  }), /*#__PURE__*/React__default["default"].createElement(List$3, {
     columns: columns,
     filters: filters,
     holdableId: holdableId,
@@ -4947,7 +4972,7 @@ var Dashboard = function Dashboard(_ref) {
 };
 var Dashboard$1 = reactUtils.withTitle(withReactQuery(Dashboard), i18next.t("neetoPayments.common.payments"));
 
-var TAB$1 = {
+var TAB$2 = {
   all: "all",
   paid: "paid",
   inTransit: "inTransit",
@@ -4955,7 +4980,7 @@ var TAB$1 = {
   canceled: "canceled",
   pending: "pending"
 };
-var TABS$1 = Object.values(TAB$1);
+var TABS$2 = Object.values(TAB$2);
 var SEARCH_PROPS = {
   key: "keyword",
   node: "identifier,destination_identifier",
@@ -4981,8 +5006,8 @@ var DEFAULT_SORT_PROPERTIES = {
 };
 var STRIPE_PAYOUTS_TABLE_HIDDEN_COLUMNS_STORAGE_KEY = "stripePayoutsDashboard";
 
-function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$5(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$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ExportModal = function ExportModal(_ref) {
   var showExportModal = _ref.showExportModal,
     setShowExportModal = _ref.setShowExportModal,
@@ -5014,7 +5039,7 @@ var ExportModal = function ExportModal(_ref) {
     }
   };
   var handleGenerateClick = function handleGenerateClick() {
-    var payload = _objectSpread$4({
+    var payload = _objectSpread$5({
       kind: "payout",
       token: token,
       filters: filters,
@@ -5070,7 +5095,7 @@ var ExportModal = function ExportModal(_ref) {
   }))));
 };
 
-var COLUMNS$1 = [{
+var COLUMNS$2 = [{
   title: i18next.t("neetoPayments.common.id"),
   dataIndex: "id",
   key: "id",
@@ -5138,8 +5163,8 @@ var renderPayoutIdentifier$1 = ramda.curry(function (route, _ref) {
   }));
 });
 
-function ownKeys$3(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$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useFiltersAndPagination$1 = function useFiltersAndPagination(payoutsPageRoute) {
   var history = reactRouterDom.useHistory();
   var _useState = React.useState(false),
@@ -5150,7 +5175,7 @@ var useFiltersAndPagination$1 = function useFiltersAndPagination(payoutsPageRout
     _useState4 = _slicedToArray(_useState3, 2),
     isFilterPaneOpen = _useState4[0],
     setIsFilterPaneOpen = _useState4[1];
-  var _useState5 = React.useState(buildDefaultPageProperties(TABS$1)),
+  var _useState5 = React.useState(buildDefaultPageProperties(TABS$2)),
     _useState6 = _slicedToArray(_useState5, 2),
     pageProperties = _useState6[0],
     setPageProperties = _useState6[1];
@@ -5160,11 +5185,11 @@ var useFiltersAndPagination$1 = function useFiltersAndPagination(payoutsPageRout
     setSortProperties = _useState8[1];
   var _useQueryParams = reactUtils.useQueryParams(),
     _useQueryParams$tab = _useQueryParams.tab,
-    tab = _useQueryParams$tab === void 0 ? TAB$1.all : _useQueryParams$tab;
+    tab = _useQueryParams$tab === void 0 ? TAB$2.all : _useQueryParams$tab;
   var _getQueryParams = utils$3.getQueryParams(),
     _getQueryParams$searc = _getQueryParams.searchTerm,
     searchTerm = _getQueryParams$searc === void 0 ? "" : _getQueryParams$searc;
-  var searchKeywordProps = _objectSpread$3(_objectSpread$3({}, SEARCH_PROPS), {}, {
+  var searchKeywordProps = _objectSpread$4(_objectSpread$4({}, SEARCH_PROPS), {}, {
     key: "search_term",
     value: searchTerm.trim()
   });
@@ -5177,8 +5202,8 @@ var useFiltersAndPagination$1 = function useFiltersAndPagination(payoutsPageRout
     dataSize = _useState12[0],
     setDataSize = _useState12[1];
   var identifierColumn = ramda.assoc("render", renderPayoutIdentifier$1(payoutsPageRoute), IDENTIFIER_COLUMN);
-  var columns = ramda.insert(1, identifierColumn, COLUMNS$1);
-  var columnData = tab !== TAB$1.all ? neetoCist.removeBy({
+  var columns = ramda.insert(1, identifierColumn, COLUMNS$2);
+  var columnData = tab !== TAB$2.all ? neetoCist.removeBy({
     key: "status"
   }, columns) : columns;
   var handleTabChange = function handleTabChange(tab) {
@@ -5234,7 +5259,7 @@ var useFetchData$1 = function useFetchData(_ref) {
   };
 };
 
-var List$1 = function List(_ref) {
+var List$2 = function List(_ref) {
   var _pageProperties$tab, _pageProperties$tab2, _pageProperties$tab3;
   var columnData = _ref.columnData,
     filters = _ref.filters,
@@ -5375,7 +5400,7 @@ var PayoutsDashboard = function PayoutsDashboard(_ref) {
       placeholder: t("neetoPayments.common.search"),
       className: "w-80"
     }
-  }), isTabsVisible && /*#__PURE__*/React__default["default"].createElement(neetoui.Tab, null, TABS$1.map(function (item) {
+  }), isTabsVisible && /*#__PURE__*/React__default["default"].createElement(neetoui.Tab, null, TABS$2.map(function (item) {
     return /*#__PURE__*/React__default["default"].createElement(neetoui.Tab.Item, {
       active: tab === item,
       key: item,
@@ -5388,7 +5413,7 @@ var PayoutsDashboard = function PayoutsDashboard(_ref) {
     leftActionBlock: isTabsVisible && dataSize !== 0 && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
       className: "neeto-ui-gray-800 mr-2 font-semibold",
       component: "h4"
-    }, tab === TAB$1.all ? t("neetoPayments.countOf.payout", {
+    }, tab === TAB$2.all ? t("neetoPayments.countOf.payout", {
       count: dataSize
     }) : t("neetoPayments.countOf.payoutWithStatus", {
       count: dataSize,
@@ -5418,7 +5443,7 @@ var PayoutsDashboard = function PayoutsDashboard(_ref) {
         onChange: handleFiltersChange
       }
     }))
-  }), /*#__PURE__*/React__default["default"].createElement(List$1, {
+  }), /*#__PURE__*/React__default["default"].createElement(List$2, {
     columnData: columnData,
     filters: filters,
     isPlatformEnabled: isPlatformEnabled,
@@ -5437,7 +5462,7 @@ var PayoutsDashboard = function PayoutsDashboard(_ref) {
     tab: tab
   }));
 };
-var index$1 = reactUtils.withTitle(withReactQuery(PayoutsDashboard), i18next.t("neetoPayments.title.payouts"));
+var index$2 = reactUtils.withTitle(withReactQuery(PayoutsDashboard), i18next.t("neetoPayments.title.payouts"));
 
 var useFetchData = function useFetchData(_ref) {
   var _data$kind, _data$kind2;
@@ -6058,10 +6083,12 @@ var SquareCard = function SquareCard(_ref) {
   }, !card && /*#__PURE__*/React__default["default"].createElement(neetoui.Spinner, null));
 };
 
-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; }
+function ownKeys$3(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$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FilterWrapper = function FilterWrapper(_ref) {
-  var searchProps = _ref.searchProps,
+  var _ref$setShowExportMod = _ref.setShowExportModal,
+    setShowExportModal = _ref$setShowExportMod === void 0 ? neetoCist.noop : _ref$setShowExportMod,
+    searchProps = _ref.searchProps,
     _ref$headerProps = _ref.headerProps,
     headerProps = _ref$headerProps === void 0 ? {} : _ref$headerProps,
     children = _ref.children,
@@ -6084,7 +6111,7 @@ var FilterWrapper = function FilterWrapper(_ref) {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var isTabsVisible = isFilterButtonVisible || tab !== "all";
-  var searchKeywordProps = _objectSpread$2(_objectSpread$2({}, searchProps), {}, {
+  var searchKeywordProps = _objectSpread$3(_objectSpread$3({}, searchProps), {}, {
     value: searchTerm.trim(),
     setValue: neetoCist.noop
   });
@@ -6093,7 +6120,7 @@ var FilterWrapper = function FilterWrapper(_ref) {
       setFilters(filters);
     });
   };
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Header__default["default"], _extends$1({}, _objectSpread$2(_objectSpread$2({}, headerProps), {}, {
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Header__default["default"], _extends$1({}, _objectSpread$3(_objectSpread$3({}, headerProps), {}, {
     title: title
   }), {
     searchProps: {
@@ -6125,6 +6152,11 @@ var FilterWrapper = function FilterWrapper(_ref) {
       setIsPaneOpen: setIsFilterPaneOpen,
       onChange: handleFiltersChange
     }), isFilterButtonVisible && /*#__PURE__*/React__default["default"].createElement(SubHeader__default["default"].RightBlock, {
+      downloadButtonProps: {
+        onClick: function onClick() {
+          return setShowExportModal(true);
+        }
+      },
       filterProps: {
         columns: filterableColumns,
         isOpen: isFilterPaneOpen,
@@ -6136,7 +6168,7 @@ var FilterWrapper = function FilterWrapper(_ref) {
   }), children);
 };
 
-var renderIdentifier = function renderIdentifier() {
+var renderIdentifier$1 = function renderIdentifier() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
     _ref$identifier = _ref.identifier,
     identifier = _ref$identifier === void 0 ? "" : _ref$identifier,
@@ -6162,7 +6194,7 @@ var truncatedText = function truncatedText(_ref2) {
   }, identifier));
 };
 
-var COLUMNS = [{
+var COLUMNS$1 = [{
   title: i18next.t("neetoPayments.common.id"),
   dataIndex: "id",
   key: "id",
@@ -6172,7 +6204,7 @@ var COLUMNS = [{
   dataIndex: "identifier",
   key: "identifier",
   width: "290px",
-  render: renderIdentifier
+  render: renderIdentifier$1
 }, {
   title: i18next.t("neetoPayments.common.status"),
   dataIndex: "status",
@@ -6196,7 +6228,7 @@ var COLUMNS = [{
   dataIndex: "payment",
   key: "paymentIdentifier",
   width: "290px",
-  render: renderIdentifier
+  render: renderIdentifier$1
 }, {
   title: i18next.t("neetoPayments.common.amount"),
   dataIndex: "amount",
@@ -6211,7 +6243,7 @@ var COLUMNS = [{
   width: "220px",
   render: renderDate
 }];
-var COLUMN_METADATA = {
+var COLUMN_METADATA$1 = {
   identifier: {
     isHidden: {
       squareRefund: true
@@ -6245,22 +6277,22 @@ var COLUMN_METADATA = {
 };
 
 var isRefundKind = ramda.equals("squareRefund");
-var isPaymentKind = ramda.equals("squarePayment");
+var isPaymentKind$1 = ramda.equals("squarePayment");
 var buildFilterColumns = function buildFilterColumns() {
   var payableEntityColumns = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   return ramda.concat(FILTER_COLUMNS$2, ramda.map(ramda.prop("filterProps"), neetoCist.filterBy({
     isFilterable: true
   }, payableEntityColumns)));
 };
-var buildPaymentColumns = function buildPaymentColumns(_ref) {
+var buildPaymentColumns$1 = function buildPaymentColumns(_ref) {
   var tab = _ref.tab,
     kind = _ref.kind,
     _ref$payableEntityCol = _ref.payableEntityColumns,
     payableEntityColumns = _ref$payableEntityCol === void 0 ? [] : _ref$payableEntityCol;
-  return COLUMNS.filter(function (_ref2) {
+  return COLUMNS$1.filter(function (_ref2) {
     var _COLUMN_METADATA$key, _COLUMN_METADATA$key2;
     var key = _ref2.key;
-    return !((_COLUMN_METADATA$key = COLUMN_METADATA[key]) !== null && _COLUMN_METADATA$key !== void 0 && (_COLUMN_METADATA$key = _COLUMN_METADATA$key.isHidden) !== null && _COLUMN_METADATA$key !== void 0 && _COLUMN_METADATA$key[kind] || (_COLUMN_METADATA$key2 = COLUMN_METADATA[key]) !== null && _COLUMN_METADATA$key2 !== void 0 && (_COLUMN_METADATA$key2 = _COLUMN_METADATA$key2.isHidden) !== null && _COLUMN_METADATA$key2 !== void 0 && _COLUMN_METADATA$key2[tab]);
+    return !((_COLUMN_METADATA$key = COLUMN_METADATA$1[key]) !== null && _COLUMN_METADATA$key !== void 0 && (_COLUMN_METADATA$key = _COLUMN_METADATA$key.isHidden) !== null && _COLUMN_METADATA$key !== void 0 && _COLUMN_METADATA$key[kind] || (_COLUMN_METADATA$key2 = COLUMN_METADATA$1[key]) !== null && _COLUMN_METADATA$key2 !== void 0 && (_COLUMN_METADATA$key2 = _COLUMN_METADATA$key2.isHidden) !== null && _COLUMN_METADATA$key2 !== void 0 && _COLUMN_METADATA$key2[tab]);
   }).concat(payableEntityColumns.filter(function (_ref3) {
     var isHidden = _ref3.isHidden;
     return !(isHidden !== null && isHidden !== void 0 && isHidden[tab] || isHidden !== null && isHidden !== void 0 && isHidden[kind]);
@@ -6341,14 +6373,14 @@ var useFiltersAndPagination = function useFiltersAndPagination(_ref) {
   };
 };
 
-var TAB = {
+var TAB$1 = {
   all: "all",
   completed: "completed",
   pending: "pending",
   rejected: "rejected",
   failed: "failed"
 };
-var TABS = Object.values(TAB);
+var TABS$1 = Object.values(TAB$1);
 var TAB_METADATA = {
   all: {},
   completed: {},
@@ -6372,11 +6404,11 @@ var TAB_METADATA = {
 var defaultShow = function defaultShow() {
   return axios__default["default"].get("".concat(BASE_URL, "/api/v1/square/holdable/account"));
 };
-var show = function show(holdableId) {
+var show$1 = function show(holdableId) {
   return axios__default["default"].get("".concat(BASE_URL, "/api/v1/square/holdables/").concat(holdableId, "/account"));
 };
-var accountsApi = {
-  show: show,
+var accountsApi$1 = {
+  show: show$1,
   defaultShow: defaultShow
 };
 
@@ -6385,14 +6417,14 @@ var defaultList$1 = function defaultList(payload) {
     params: payload
   });
 };
-var list$1 = function list(holdableId, payload) {
+var list$2 = function list(holdableId, payload) {
   return axios__default["default"].get("".concat(BASE_URL, "/api/v1/square/holdables/").concat(holdableId, "/payments"), {
     params: payload
   });
 };
-var paymentsApi = {
+var paymentsApi$1 = {
   defaultList: defaultList$1,
-  list: list$1
+  list: list$2
 };
 
 var defaultList = function defaultList(payload) {
@@ -6400,21 +6432,21 @@ var defaultList = function defaultList(payload) {
     params: payload
   });
 };
-var list = function list(holdableId, payload) {
+var list$1 = function list(holdableId, payload) {
   return axios__default["default"].get("".concat(BASE_URL, "/api/v1/square/holdables/").concat(holdableId, "/refunds"), {
     params: payload
   });
 };
 var refundsapi = {
   defaultList: defaultList,
-  list: list
+  list: list$1
 };
 
 var useFetchSquareAccount = function useFetchSquareAccount(holdableId) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return reactQuery.useQuery([QUERY_KEYS.SQUARE_ACCOUNT_DETAILS, holdableId], function () {
-    if (neetoCist.isPresent(holdableId)) return accountsApi.show(holdableId);
-    return accountsApi.defaultShow();
+    if (neetoCist.isPresent(holdableId)) return accountsApi$1.show(holdableId);
+    return accountsApi$1.defaultShow();
   }, options);
 };
 var useFetchSquarePayments = function useFetchSquarePayments() {
@@ -6422,8 +6454,8 @@ var useFetchSquarePayments = function useFetchSquarePayments() {
   var payload = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   return reactQuery.useQuery([QUERY_KEYS.SQUARE_PAYMENTS_LIST, payload], function () {
-    if (neetoCist.isPresent(holdableId)) return paymentsApi.list(holdableId, payload);
-    return paymentsApi.defaultList(payload);
+    if (neetoCist.isPresent(holdableId)) return paymentsApi$1.list(holdableId, payload);
+    return paymentsApi$1.defaultList(payload);
   }, options);
 };
 var useFetchSquareRefunds = function useFetchSquareRefunds() {
@@ -6443,20 +6475,20 @@ var useFetchSquareData = function useFetchSquareData(_ref) {
     payload = _ref.payload;
   var data = {};
   data.squarePayment = useFetchSquarePayments(holdableId, payload, {
-    enabled: isPaymentKind(kind)
+    enabled: isPaymentKind$1(kind)
   });
   data.squareRefund = useFetchSquareRefunds(holdableId, payload, {
     enabled: isRefundKind(kind)
   });
   return {
-    data: isPaymentKind(kind) ? (_data$kind = data[kind]) === null || _data$kind === void 0 || (_data$kind = _data$kind.data) === null || _data$kind === void 0 ? void 0 : _data$kind.payments : (_data$kind2 = data[kind]) === null || _data$kind2 === void 0 || (_data$kind2 = _data$kind2.data) === null || _data$kind2 === void 0 ? void 0 : _data$kind2.refunds,
+    data: isPaymentKind$1(kind) ? (_data$kind = data[kind]) === null || _data$kind === void 0 || (_data$kind = _data$kind.data) === null || _data$kind === void 0 ? void 0 : _data$kind.payments : (_data$kind2 = data[kind]) === null || _data$kind2 === void 0 || (_data$kind2 = _data$kind2.data) === null || _data$kind2 === void 0 ? void 0 : _data$kind2.refunds,
     dataSize: (_data$kind3 = data[kind]) === null || _data$kind3 === void 0 || (_data$kind3 = _data$kind3.data) === null || _data$kind3 === void 0 || (_data$kind3 = _data$kind3.views) === null || _data$kind3 === void 0 ? void 0 : _data$kind3[payload === null || payload === void 0 ? void 0 : payload.tab],
     isDataLoading: (_data$kind4 = data[kind]) === null || _data$kind4 === void 0 ? void 0 : _data$kind4.isLoading,
     isDataFetching: (_data$kind5 = data[kind]) === null || _data$kind5 === void 0 ? void 0 : _data$kind5.isFetching
   };
 };
 
-var List = function List(_ref) {
+var List$1 = function List(_ref) {
   var _pageProperties$tab, _pageProperties$tab2, _pageProperties$tab3;
   var kind = _ref.kind,
     _ref$holdableId = _ref.holdableId,
@@ -6473,7 +6505,7 @@ var List = function List(_ref) {
   var history = reactRouterDom.useHistory();
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var columnData = buildPaymentColumns({
+  var columnData = buildPaymentColumns$1({
     tab: tab,
     kind: kind,
     payableEntityColumns: payableEntityColumns
@@ -6527,7 +6559,7 @@ var List = function List(_ref) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "flex h-full w-full items-center justify-center"
     }, /*#__PURE__*/React__default["default"].createElement(neetoui.NoData, {
-      title: tab === TAB.all ? t("neetoPayments.emptyState.".concat(kind)) : t("neetoPayments.emptyState.".concat(kind, "WithStatus"), {
+      title: tab === TAB$1.all ? t("neetoPayments.emptyState.".concat(kind)) : t("neetoPayments.emptyState.".concat(kind, "WithStatus"), {
         status: tab
       })
     }));
@@ -6559,8 +6591,8 @@ var List = function List(_ref) {
   }));
 };
 
-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; }
+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 SquareDashboard = function SquareDashboard(_ref) {
   var searchProps = _ref.searchProps,
     _ref$headerProps = _ref.headerProps,
@@ -6576,7 +6608,7 @@ var SquareDashboard = function SquareDashboard(_ref) {
   var filterPaginationState = useFiltersAndPagination({
     payableEntityColumns: payableEntityColumns,
     kind: kind,
-    initialTabs: TABS,
+    initialTabs: TABS$1,
     tabMetaData: TAB_METADATA
   });
   var filters = filterPaginationState.filters,
@@ -6588,11 +6620,283 @@ var SquareDashboard = function SquareDashboard(_ref) {
     tab = filterPaginationState.tab,
     setDataSize = filterPaginationState.setDataSize;
   return /*#__PURE__*/React__default["default"].createElement(FilterWrapper, _extends$1({
-    title: isPaymentKind(kind) ? t("neetoPayments.title.squarePayment") : t("neetoPayments.title.squareRefund")
-  }, _objectSpread$1({
+    title: isPaymentKind$1(kind) ? t("neetoPayments.title.squarePayment") : t("neetoPayments.title.squareRefund")
+  }, _objectSpread$2({
     headerProps: headerProps,
     kind: kind,
     searchProps: searchProps
+  }, filterPaginationState)), /*#__PURE__*/React__default["default"].createElement(List$1, {
+    filters: filters,
+    holdableId: holdableId,
+    kind: kind,
+    pageProperties: pageProperties,
+    payableEntityColumns: payableEntityColumns,
+    setDataSize: setDataSize,
+    setIsFilterButtonVisible: setIsFilterButtonVisible,
+    setPageProperties: setPageProperties,
+    setSortProperties: setSortProperties,
+    sortProperties: sortProperties,
+    tab: tab
+  }));
+};
+var index$1 = reactUtils.withTitle(withReactQuery(SquareDashboard), i18next.t("neetoPayments.common.squarePayments"));
+
+var TAB = {
+  all: "all",
+  successful: "successful",
+  declined: "declined",
+  refunded: "refunded"
+};
+var TABS = Object.values(TAB);
+
+var show = function show() {
+  return axios__default["default"].get("".concat(BASE_URL, "/api/v1/razorpay/holdable/account"));
+};
+var accountsApi = {
+  show: show
+};
+
+var useFetchRazorpayAccount = function useFetchRazorpayAccount() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return reactQuery.useQuery(QUERY_KEYS.RAZORPAY_ACCOUNT_DETAILS, function () {
+    return accountsApi.show();
+  }, options);
+};
+
+var list = function list(payload) {
+  return axios__default["default"].get("".concat(BASE_URL, "/api/v1/razorpay/holdable/payments"), {
+    params: payload
+  });
+};
+var paymentsApi = {
+  list: list
+};
+
+var useFetchRazorpayPayments = function useFetchRazorpayPayments() {
+  var payload = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return reactQuery.useQuery([QUERY_KEYS.RAZORPAY_PAYMENTS_LIST, payload], function () {
+    return paymentsApi.list(payload);
+  }, options);
+};
+
+var renderIdentifier = function renderIdentifier() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    _ref$identifier = _ref.identifier,
+    identifier = _ref$identifier === void 0 ? "" : _ref$identifier;
+  return /*#__PURE__*/React__default["default"].createElement(CopyButtonWrapper, {
+    content: identifier
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    href: "https://dashboard.razorpay.com/app/payments/".concat(identifier),
+    label: identifier,
+    size: "small",
+    style: "link",
+    target: "_blank"
+  }));
+};
+
+var COLUMNS = [{
+  title: i18next.t("neetoPayments.common.id"),
+  dataIndex: "id",
+  key: "id",
+  width: "72px"
+}, {
+  title: i18next.t("neetoPayments.common.identifier"),
+  dataIndex: "identifier",
+  key: "identifier",
+  width: "290px",
+  render: renderIdentifier
+}, {
+  title: i18next.t("neetoPayments.common.status"),
+  dataIndex: "status",
+  key: "status",
+  sorter: true,
+  width: "150px",
+  render: renderStatus("payment")
+}, {
+  title: i18next.t("neetoPayments.common.amount"),
+  dataIndex: "amount",
+  key: "amount",
+  sorter: true,
+  width: "150px"
+}, {
+  title: i18next.t("neetoPayments.common.paymentTime"),
+  dataIndex: "updatedAt",
+  key: "paymentTime",
+  sorter: true,
+  width: "220px",
+  render: renderDate
+}];
+var COLUMN_METADATA = {
+  status: {
+    isHidden: {
+      successful: true,
+      declined: true,
+      pending: true,
+      refunded: true
+    }
+  }
+};
+
+ramda.equals("razorpayRefund");
+var isPaymentKind = ramda.equals("razorpayPayment");
+var buildPaymentColumns = function buildPaymentColumns(_ref) {
+  var tab = _ref.tab,
+    kind = _ref.kind,
+    _ref$payableEntityCol = _ref.payableEntityColumns,
+    payableEntityColumns = _ref$payableEntityCol === void 0 ? [] : _ref$payableEntityCol;
+  return COLUMNS.filter(function (_ref2) {
+    var _COLUMN_METADATA$key, _COLUMN_METADATA$key2;
+    var key = _ref2.key;
+    return !((_COLUMN_METADATA$key = COLUMN_METADATA[key]) !== null && _COLUMN_METADATA$key !== void 0 && (_COLUMN_METADATA$key = _COLUMN_METADATA$key.isHidden) !== null && _COLUMN_METADATA$key !== void 0 && _COLUMN_METADATA$key[kind] || (_COLUMN_METADATA$key2 = COLUMN_METADATA[key]) !== null && _COLUMN_METADATA$key2 !== void 0 && (_COLUMN_METADATA$key2 = _COLUMN_METADATA$key2.isHidden) !== null && _COLUMN_METADATA$key2 !== void 0 && _COLUMN_METADATA$key2[tab]);
+  }).concat(payableEntityColumns.filter(function (_ref3) {
+    var isHidden = _ref3.isHidden;
+    return !(isHidden !== null && isHidden !== void 0 && isHidden[tab] || isHidden !== null && isHidden !== void 0 && isHidden[kind]);
+  }));
+};
+
+var List = function List(_ref) {
+  var _pageProperties$tab, _pageProperties$tab2, _pageProperties$tab3;
+  var kind = _ref.kind,
+    filters = _ref.filters,
+    setIsFilterButtonVisible = _ref.setIsFilterButtonVisible,
+    pageProperties = _ref.pageProperties,
+    payableEntityColumns = _ref.payableEntityColumns,
+    setPageProperties = _ref.setPageProperties,
+    tab = _ref.tab,
+    sortProperties = _ref.sortProperties,
+    setSortProperties = _ref.setSortProperties,
+    setDataSize = _ref.setDataSize;
+  var history = reactRouterDom.useHistory();
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var columnData = buildPaymentColumns({
+    tab: tab,
+    kind: kind,
+    payableEntityColumns: payableEntityColumns
+  });
+  var _useFetchRazorpayAcco = useFetchRazorpayAccount(),
+    isAccountLoading = _useFetchRazorpayAcco.isLoading,
+    _useFetchRazorpayAcco2 = _useFetchRazorpayAcco.data,
+    _useFetchRazorpayAcco3 = _useFetchRazorpayAcco2 === void 0 ? {} : _useFetchRazorpayAcco2,
+    account = _useFetchRazorpayAcco3.account;
+  var payload = buildPayload({
+    tab: tab,
+    filters: filters,
+    pageProperties: pageProperties,
+    sortProperties: sortProperties
+  });
+  var _useFetchRazorpayPaym = useFetchRazorpayPayments(payload, {
+      enabled: isPaymentKind(kind)
+    }),
+    _useFetchRazorpayPaym2 = _useFetchRazorpayPaym.data,
+    _useFetchRazorpayPaym3 = _useFetchRazorpayPaym2 === void 0 ? {} : _useFetchRazorpayPaym2,
+    payments = _useFetchRazorpayPaym3.payments,
+    _useFetchRazorpayPaym4 = _useFetchRazorpayPaym3.views,
+    views = _useFetchRazorpayPaym4 === void 0 ? {} : _useFetchRazorpayPaym4,
+    isPaymentsLoaidng = _useFetchRazorpayPaym.isLoading,
+    isFetching = _useFetchRazorpayPaym.isFetching;
+  React.useEffect(function () {
+    setIsFilterButtonVisible(neetoCist.isPresent(payments) || neetoCist.isPresent(filters));
+    setDataSize(views[tab]);
+  }, [payments]);
+  var handleTablePaginaton = function handleTablePaginaton(page, pageSize) {
+    var queryParams = utils$3.getQueryParams({
+      toCamelCase: false
+    });
+    history.push(utils$3.buildUrl(window.location.pathname, ramda.mergeLeft({
+      page: page,
+      page_size: pageSize
+    }, queryParams)));
+    setPageProperties(ramda.assoc(tab, {
+      page: page,
+      pageSize: pageSize
+    }));
+  };
+  var handleTableChange = function handleTableChange(_, __, sorter) {
+    setSortProperties(neetoCist.isPresent(sorter === null || sorter === void 0 ? void 0 : sorter.column) ? {
+      sortBy: neetoCist.camelToSnakeCase(sorter.field),
+      orderBy: sorter.order === "ascend" ? "ASC" : "DESC"
+    } : DEFAULT_SORT_PROPERTIES$1);
+  };
+  if (isAccountLoading || isPaymentsLoaidng) {
+    return /*#__PURE__*/React__default["default"].createElement(PageLoader__default["default"], null);
+  }
+  if (!(account !== null && account !== void 0 && account.isConnected) && views <= 0 || !neetoCist.isPresent(payments)) {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "flex h-full w-full items-center justify-center"
+    }, /*#__PURE__*/React__default["default"].createElement(neetoui.NoData, {
+      title: tab === TAB.all ? t("neetoPayments.emptyState.".concat(kind)) : t("neetoPayments.emptyState.".concat(kind, "WithStatus"), {
+        status: tab
+      })
+    }));
+  }
+  return /*#__PURE__*/React__default["default"].createElement(TableWrapper__default["default"], {
+    hasPagination: views > ((_pageProperties$tab = pageProperties[tab]) === null || _pageProperties$tab === void 0 ? void 0 : _pageProperties$tab.pageSize)
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Table, {
+    columnData: columnData,
+    fixedHeight: true,
+    allowRowClick: false,
+    currentPageNumber: (_pageProperties$tab2 = pageProperties[tab]) === null || _pageProperties$tab2 === void 0 ? void 0 : _pageProperties$tab2.page,
+    handlePageChange: handleTablePaginaton,
+    loading: isFetching,
+    rowData: buildRowData({
+      data: payments,
+      pageProperties: pageProperties,
+      tab: tab
+    }),
+    rowSelection: false,
+    sortDirections: SORT_DIRECTIONS,
+    totalCount: views,
+    paginationProps: {
+      showSizeChanger: true,
+      hideOnSinglePage: true,
+      pageSize: (_pageProperties$tab3 = pageProperties[tab]) === null || _pageProperties$tab3 === void 0 ? void 0 : _pageProperties$tab3.pageSize,
+      total: views
+    },
+    onChange: handleTableChange
+  }));
+};
+
+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 RazorpayDashboard = function RazorpayDashboard(_ref) {
+  var searchProps = _ref.searchProps,
+    _ref$headerProps = _ref.headerProps,
+    headerProps = _ref$headerProps === void 0 ? {} : _ref$headerProps,
+    _ref$holdableId = _ref.holdableId,
+    holdableId = _ref$holdableId === void 0 ? null : _ref$holdableId,
+    _ref$payableEntityCol = _ref.payableEntityColumns,
+    payableEntityColumns = _ref$payableEntityCol === void 0 ? [] : _ref$payableEntityCol,
+    _ref$kind = _ref.kind,
+    kind = _ref$kind === void 0 ? "razorpayPayment" : _ref$kind;
+  var _useState = React.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    showExportModal = _useState2[0],
+    setShowExportModal = _useState2[1];
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var filterPaginationState = useFiltersAndPagination({
+    payableEntityColumns: payableEntityColumns,
+    kind: kind,
+    initialTabs: TABS,
+    tabMetaData: {}
+  });
+  var filters = filterPaginationState.filters,
+    setIsFilterButtonVisible = filterPaginationState.setIsFilterButtonVisible,
+    pageProperties = filterPaginationState.pageProperties,
+    setPageProperties = filterPaginationState.setPageProperties,
+    sortProperties = filterPaginationState.sortProperties,
+    setSortProperties = filterPaginationState.setSortProperties,
+    tab = filterPaginationState.tab,
+    setDataSize = filterPaginationState.setDataSize;
+  return /*#__PURE__*/React__default["default"].createElement(FilterWrapper, _extends$1({
+    title: t("neetoPayments.common.razorpayPayments")
+  }, _objectSpread$1({
+    headerProps: headerProps,
+    kind: kind,
+    searchProps: searchProps,
+    setShowExportModal: setShowExportModal
   }, filterPaginationState)), /*#__PURE__*/React__default["default"].createElement(List, {
     filters: filters,
     holdableId: holdableId,
@@ -6605,9 +6909,17 @@ var SquareDashboard = function SquareDashboard(_ref) {
     setSortProperties: setSortProperties,
     sortProperties: sortProperties,
     tab: tab
+  }), /*#__PURE__*/React__default["default"].createElement(ExportModal$1, {
+    filters: filters,
+    holdableId: holdableId,
+    kind: kind,
+    setShowExportModal: setShowExportModal,
+    showExportModal: showExportModal,
+    sortProperties: sortProperties,
+    tab: tab
   }));
 };
-var index = reactUtils.withTitle(withReactQuery(SquareDashboard), i18next.t("neetoPayments.common.squarePayments"));
+var index = reactUtils.withTitle(withReactQuery(RazorpayDashboard), i18next.t("neetoPayments.common.razorpayPayments"));
 
 var STRIPE_ALERT_PAYMENT_KIND_CONTENT = {
   standard: {
@@ -8907,15 +9219,16 @@ var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r
 var css = ".ant-table-cell-row-hover .identifier-copy-button{visibility:visible!important}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9jb21wb25lbnRzL19jb3B5LWJ1dHRvbi5zY3NzIiwiYXBwL2phdmFzY3JpcHQvc3JjL3N0eWxlc2hlZXRzL21haW4uc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDRSxrREFDRSw0QkNBSiIsInNvdXJjZXNDb250ZW50IjpbIi5hbnQtdGFibGUtY2VsbC1yb3ctaG92ZXIge1xuICAuaWRlbnRpZmllci1jb3B5LWJ1dHRvbiB7XG4gICAgdmlzaWJpbGl0eTogdmlzaWJsZSAhaW1wb3J0YW50O1xuICB9XG59XG4iLCIuYW50LXRhYmxlLWNlbGwtcm93LWhvdmVyIC5pZGVudGlmaWVyLWNvcHktYnV0dG9uIHtcbiAgdmlzaWJpbGl0eTogdmlzaWJsZSAhaW1wb3J0YW50O1xufSJdfQ== */";
 n(css,{});
 
-exports.AccountsDashboard = index$2;
+exports.AccountsDashboard = index$3;
 exports.CURRENCY_OPTIONS = CURRENCY_OPTIONS;
 exports.Dashboard = Dashboard$1;
 exports.PaymentKindRestrictionAlert = PaymentKindRestrictionAlert;
-exports.PayoutsDashboard = index$1;
+exports.PayoutsDashboard = index$2;
 exports.PayoutsPage = PayoutsPage;
+exports.RazorpayDashboard = index;
 exports.RazorpayPaymentButton = RazorpayPaymentButton;
 exports.SquareCard = SquareCard;
-exports.SquareDashboard = index;
+exports.SquareDashboard = index$1;
 exports.StripeConnect = StripeConnect;
 exports.buildStripeTransactionLink = buildStripeTransactionLink;
 exports.useSquareCard = useSquareCard;