@bigbinary/neeto-payments-frontend 3.3.29 → 3.3.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (137) hide show
  1. package/package.json +18 -16
  2. package/dist/AccountsDashboard.js +0 -545
  3. package/dist/AccountsDashboard.js.map +0 -1
  4. package/dist/AdminCancelRecurringPaymentButton.js +0 -79
  5. package/dist/AdminCancelRecurringPaymentButton.js.map +0 -1
  6. package/dist/ConfirmUpiPaymentButton.js +0 -151
  7. package/dist/ConfirmUpiPaymentButton.js.map +0 -1
  8. package/dist/CopyButtonWrapper-SoJkwX-d.js +0 -27
  9. package/dist/CopyButtonWrapper-SoJkwX-d.js.map +0 -1
  10. package/dist/CustomerCancelRecurringPaymentForm.js +0 -111
  11. package/dist/CustomerCancelRecurringPaymentForm.js.map +0 -1
  12. package/dist/ExportModal-DCGDM_Fa.js +0 -131
  13. package/dist/ExportModal-DCGDM_Fa.js.map +0 -1
  14. package/dist/PaymentKindRestrictionAlert.js +0 -39
  15. package/dist/PaymentKindRestrictionAlert.js.map +0 -1
  16. package/dist/PaymentsDashboard.js +0 -586
  17. package/dist/PaymentsDashboard.js.map +0 -1
  18. package/dist/PayoutsDashboard.js +0 -560
  19. package/dist/PayoutsDashboard.js.map +0 -1
  20. package/dist/PayoutsPage.js +0 -163
  21. package/dist/PayoutsPage.js.map +0 -1
  22. package/dist/RazorpayPaymentButton.js +0 -143
  23. package/dist/RazorpayPaymentButton.js.map +0 -1
  24. package/dist/RecurringPaymentSettings.js +0 -132
  25. package/dist/RecurringPaymentSettings.js.map +0 -1
  26. package/dist/RefundsDashboard.js +0 -531
  27. package/dist/RefundsDashboard.js.map +0 -1
  28. package/dist/SplitTransfersDashboard.js +0 -1119
  29. package/dist/SplitTransfersDashboard.js.map +0 -1
  30. package/dist/StripeConnect.js +0 -522
  31. package/dist/StripeConnect.js.map +0 -1
  32. package/dist/TaxesDashboard.js +0 -411
  33. package/dist/TaxesDashboard.js.map +0 -1
  34. package/dist/UpiConnect.js +0 -171
  35. package/dist/UpiConnect.js.map +0 -1
  36. package/dist/UpiPayment.js +0 -120
  37. package/dist/UpiPayment.js.map +0 -1
  38. package/dist/buildStripeTransactionLink.js +0 -11
  39. package/dist/buildStripeTransactionLink.js.map +0 -1
  40. package/dist/cjs/AccountsDashboard.js +0 -547
  41. package/dist/cjs/AccountsDashboard.js.map +0 -1
  42. package/dist/cjs/AdminCancelRecurringPaymentButton.js +0 -81
  43. package/dist/cjs/AdminCancelRecurringPaymentButton.js.map +0 -1
  44. package/dist/cjs/ConfirmUpiPaymentButton.js +0 -172
  45. package/dist/cjs/ConfirmUpiPaymentButton.js.map +0 -1
  46. package/dist/cjs/CopyButtonWrapper-Ds1k64E0.js +0 -30
  47. package/dist/cjs/CopyButtonWrapper-Ds1k64E0.js.map +0 -1
  48. package/dist/cjs/CustomerCancelRecurringPaymentForm.js +0 -113
  49. package/dist/cjs/CustomerCancelRecurringPaymentForm.js.map +0 -1
  50. package/dist/cjs/ExportModal-CPZu2qzb.js +0 -133
  51. package/dist/cjs/ExportModal-CPZu2qzb.js.map +0 -1
  52. package/dist/cjs/PaymentKindRestrictionAlert.js +0 -41
  53. package/dist/cjs/PaymentKindRestrictionAlert.js.map +0 -1
  54. package/dist/cjs/PaymentsDashboard.js +0 -588
  55. package/dist/cjs/PaymentsDashboard.js.map +0 -1
  56. package/dist/cjs/PayoutsDashboard.js +0 -562
  57. package/dist/cjs/PayoutsDashboard.js.map +0 -1
  58. package/dist/cjs/PayoutsPage.js +0 -165
  59. package/dist/cjs/PayoutsPage.js.map +0 -1
  60. package/dist/cjs/RazorpayPaymentButton.js +0 -145
  61. package/dist/cjs/RazorpayPaymentButton.js.map +0 -1
  62. package/dist/cjs/RecurringPaymentSettings.js +0 -153
  63. package/dist/cjs/RecurringPaymentSettings.js.map +0 -1
  64. package/dist/cjs/RefundsDashboard.js +0 -533
  65. package/dist/cjs/RefundsDashboard.js.map +0 -1
  66. package/dist/cjs/SplitTransfersDashboard.js +0 -1140
  67. package/dist/cjs/SplitTransfersDashboard.js.map +0 -1
  68. package/dist/cjs/StripeConnect.js +0 -543
  69. package/dist/cjs/StripeConnect.js.map +0 -1
  70. package/dist/cjs/TaxesDashboard.js +0 -432
  71. package/dist/cjs/TaxesDashboard.js.map +0 -1
  72. package/dist/cjs/UpiConnect.js +0 -192
  73. package/dist/cjs/UpiConnect.js.map +0 -1
  74. package/dist/cjs/UpiPayment.js +0 -141
  75. package/dist/cjs/UpiPayment.js.map +0 -1
  76. package/dist/cjs/buildStripeTransactionLink.js +0 -13
  77. package/dist/cjs/buildStripeTransactionLink.js.map +0 -1
  78. package/dist/cjs/constants.js +0 -32
  79. package/dist/cjs/constants.js.map +0 -1
  80. package/dist/cjs/dashboard-H1ov-J3v.js +0 -112
  81. package/dist/cjs/dashboard-H1ov-J3v.js.map +0 -1
  82. package/dist/cjs/exportChannel-BsZ3fusx.js +0 -24
  83. package/dist/cjs/exportChannel-BsZ3fusx.js.map +0 -1
  84. package/dist/cjs/getAmountInSmallestCurrencyUnit.js +0 -13
  85. package/dist/cjs/getAmountInSmallestCurrencyUnit.js.map +0 -1
  86. package/dist/cjs/index-BYewZJN8.js +0 -638
  87. package/dist/cjs/index-BYewZJN8.js.map +0 -1
  88. package/dist/cjs/index.js +0 -120
  89. package/dist/cjs/index.js.map +0 -1
  90. package/dist/cjs/queryConstants-DGg4cX3r.js +0 -29
  91. package/dist/cjs/queryConstants-DGg4cX3r.js.map +0 -1
  92. package/dist/cjs/renderFunctions-CovxUt9o.js +0 -56
  93. package/dist/cjs/renderFunctions-CovxUt9o.js.map +0 -1
  94. package/dist/cjs/stripe.esm-CrNYjPcC.js +0 -132
  95. package/dist/cjs/stripe.esm-CrNYjPcC.js.map +0 -1
  96. package/dist/cjs/useConnectApi-CUkuzw0c.js +0 -114
  97. package/dist/cjs/useConnectApi-CUkuzw0c.js.map +0 -1
  98. package/dist/cjs/usePaymentApi-CcdKGxJD.js +0 -39
  99. package/dist/cjs/usePaymentApi-CcdKGxJD.js.map +0 -1
  100. package/dist/cjs/usePaymentsApi-Dz6uXFhx.js +0 -41
  101. package/dist/cjs/usePaymentsApi-Dz6uXFhx.js.map +0 -1
  102. package/dist/cjs/usePlatformApi-CWdvdY23.js +0 -46
  103. package/dist/cjs/usePlatformApi-CWdvdY23.js.map +0 -1
  104. package/dist/cjs/useRazorpayPayment.js +0 -112
  105. package/dist/cjs/useRazorpayPayment.js.map +0 -1
  106. package/dist/cjs/useStripePromise.js +0 -57
  107. package/dist/cjs/useStripePromise.js.map +0 -1
  108. package/dist/constants.js +0 -7
  109. package/dist/constants.js.map +0 -1
  110. package/dist/dashboard-D6ZJpJ3n.js +0 -106
  111. package/dist/dashboard-D6ZJpJ3n.js.map +0 -1
  112. package/dist/exportChannel-CViICC6x.js +0 -22
  113. package/dist/exportChannel-CViICC6x.js.map +0 -1
  114. package/dist/getAmountInSmallestCurrencyUnit.js +0 -11
  115. package/dist/getAmountInSmallestCurrencyUnit.js.map +0 -1
  116. package/dist/index-ER2sofJn.js +0 -604
  117. package/dist/index-ER2sofJn.js.map +0 -1
  118. package/dist/index.js +0 -96
  119. package/dist/index.js.map +0 -1
  120. package/dist/queryConstants-mgjK5Hgk.js +0 -27
  121. package/dist/queryConstants-mgjK5Hgk.js.map +0 -1
  122. package/dist/renderFunctions-Cmo1gJ6o.js +0 -52
  123. package/dist/renderFunctions-Cmo1gJ6o.js.map +0 -1
  124. package/dist/stripe.esm-DuZ_gsAa.js +0 -130
  125. package/dist/stripe.esm-DuZ_gsAa.js.map +0 -1
  126. package/dist/useConnectApi-DLJNjz8A.js +0 -106
  127. package/dist/useConnectApi-DLJNjz8A.js.map +0 -1
  128. package/dist/usePaymentApi-DBEceBVs.js +0 -37
  129. package/dist/usePaymentApi-DBEceBVs.js.map +0 -1
  130. package/dist/usePaymentsApi-K6rhWzss.js +0 -38
  131. package/dist/usePaymentsApi-K6rhWzss.js.map +0 -1
  132. package/dist/usePlatformApi-BmTjLVDt.js +0 -43
  133. package/dist/usePlatformApi-BmTjLVDt.js.map +0 -1
  134. package/dist/useRazorpayPayment.js +0 -110
  135. package/dist/useRazorpayPayment.js.map +0 -1
  136. package/dist/useStripePromise.js +0 -55
  137. package/dist/useStripePromise.js.map +0 -1
@@ -1,1119 +0,0 @@
1
- import _defineProperty from '@babel/runtime/helpers/defineProperty';
2
- import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
3
- import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
4
- import { useState, startTransition, useEffect } from 'react';
5
- import { DEFAULT_PAGE_INDEX, DEFAULT_PAGE_SIZE } from '@bigbinary/neeto-commons-frontend/constants';
6
- import { currencyFormat, getQueryParams, buildUrl } from '@bigbinary/neeto-commons-frontend/utils';
7
- import { buildFiltersFromURL } from '@bigbinary/neeto-filters-frontend/utils';
8
- import Spinner from '@bigbinary/neetoui/Spinner';
9
- import { mergeLeft, curry, mergeDeepWith, concat, reject, isNil, map, prop, sortBy, isEmpty, modify, pluck } from 'ramda';
10
- import { useHistory } from 'react-router-dom';
11
- import { E as ExportModal } from './ExportModal-DCGDM_Fa.js';
12
- import { useQuery } from '@tanstack/react-query';
13
- import { useMutationWithInvalidation } from '@bigbinary/neeto-commons-frontend/react-utils';
14
- import axios from 'axios';
15
- import { B as BASE_URL, l as preProcessStatus, m as getTagStyle, f as formatAmount, d as formatCurrency, n as PAYMENT_KIND, p as processDataIndex, S as SORT_DIRECTIONS, D as DEFAULT_SORT_PROPERTIES, s as shouldTabsVisible, U as UN_HIDEABLE_COLUMNS, i as DEFAULT_PAGE_VALUES, j as DASHBOARD_KIND } from './index-ER2sofJn.js';
16
- import { Q as QUERY_KEYS } from './queryConstants-mgjK5Hgk.js';
17
- import Modal from '@bigbinary/neetoui/Modal';
18
- import Typography from '@bigbinary/neetoui/Typography';
19
- import Form from '@bigbinary/neetoui/formik/Form';
20
- import Textarea from '@bigbinary/neetoui/formik/Textarea';
21
- import ActionBlock from '@bigbinary/neetoui/formik/ActionBlock';
22
- import { useTranslation, Trans } from 'react-i18next';
23
- import { t } from 'i18next';
24
- import * as yup from 'yup';
25
- import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
26
- import { isNotPresent, isPresent, removeBy, camelToSnakeCase, isNotEmpty, existsBy } from '@bigbinary/neeto-cist';
27
- import { useHiddenColumns } from '@bigbinary/neeto-molecules/Columns';
28
- import TableWrapper from '@bigbinary/neeto-molecules/TableWrapper';
29
- import Table from '@bigbinary/neetoui/Table';
30
- import NoData from '@bigbinary/neetoui/NoData';
31
- import HelpPopover from '@bigbinary/neeto-molecules/HelpPopover';
32
- import Pane from '@bigbinary/neetoui/Pane';
33
- import Button from '@bigbinary/neetoui/Button';
34
- import Tag from '@bigbinary/neetoui/Tag';
35
- import Tooltip from '@bigbinary/neetoui/Tooltip';
36
- import DateFormat from '@bigbinary/neeto-molecules/DateFormat';
37
- import { C as CopyButtonWrapper } from './CopyButtonWrapper-SoJkwX-d.js';
38
- import FiltersBar from '@bigbinary/neeto-filters-frontend/Bar';
39
- import Header from '@bigbinary/neeto-molecules/Header';
40
- import SubHeader from '@bigbinary/neeto-molecules/SubHeader';
41
- import Tab from '@bigbinary/neetoui/Tab';
42
- import Dropdown from '@bigbinary/neetoui/Dropdown';
43
- import '@bigbinary/neeto-icons/Download';
44
- import './exportChannel-CViICC6x.js';
45
- import '@bigbinary/neeto-molecules/CopyToClipboardButton';
46
-
47
- var list = function list(payload) {
48
- return axios.get("".concat(BASE_URL, "/api/v1/split_transfers"), {
49
- params: payload
50
- });
51
- };
52
- var show = function show(id) {
53
- return axios.get("".concat(BASE_URL, "/api/v1/split_transfers/").concat(id));
54
- };
55
- var bulkUpdate = function bulkUpdate(payload) {
56
- return axios.post("".concat(BASE_URL, "/api/v1/split_transfers/bulk_update"), {
57
- splitTransfer: payload
58
- });
59
- };
60
- var splitTransfersApi = {
61
- list: list,
62
- show: show,
63
- bulkUpdate: bulkUpdate
64
- };
65
-
66
- 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; }
67
- 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; }
68
- var useFetchSplitTransfers = function useFetchSplitTransfers() {
69
- var payload = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
70
- var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
71
- return useQuery(_objectSpread$2({
72
- queryKey: [QUERY_KEYS.SPLIT_TRANSFERS_LIST, payload],
73
- queryFn: function queryFn() {
74
- return splitTransfersApi.list(payload);
75
- }
76
- }, options));
77
- };
78
- var useShowSplitTransfers = function useShowSplitTransfers(id, options) {
79
- return useQuery(_objectSpread$2({
80
- queryKey: [QUERY_KEYS.SPLIT_TRANSFERS_DETAILS, id],
81
- queryFn: function queryFn() {
82
- return splitTransfersApi.show(id);
83
- }
84
- }, options));
85
- };
86
- var useBulkUpdateSplitTransfers = function useBulkUpdateSplitTransfers(options) {
87
- return useMutationWithInvalidation(splitTransfersApi.bulkUpdate, _objectSpread$2({
88
- keysToInvalidate: [QUERY_KEYS.SPLIT_TRANSFERS_LISTw]
89
- }, options));
90
- };
91
-
92
- var COLUMNS_STORAGE_KEY = "splitTransfersDashboard";
93
- var SPLIT_TRANSFERS_DASHBOARD_TAB = {
94
- all: "all",
95
- successful: "successful",
96
- cancelled: "cancelled",
97
- pending: "pending"
98
- };
99
- var SEARCH_PROPS = {
100
- node: "identifier,",
101
- key: "search_term",
102
- model: "NeetoPaymentsEngine::Payments::Split,"
103
- };
104
- var FILTER_COLUMNS = [{
105
- key: "amount",
106
- label: t("neetoPayments.common.amount"),
107
- node: "amount",
108
- type: "decimal"
109
- }, {
110
- key: "payment_at",
111
- label: t("neetoPayments.common.transferTime"),
112
- node: "payment_at",
113
- type: "date"
114
- }];
115
- var INITIAL_TRANSFER_DETAILS = {
116
- id: null,
117
- isPaneOpen: false
118
- };
119
- var VALIDATION_SCHEMA = yup.object().shape({
120
- reason: yup.string().required(t("neetoPayments.cancelSplitTransfers.reasonRequired"))
121
- });
122
-
123
- var CancelModal = function CancelModal(_ref) {
124
- var isOpen = _ref.isOpen,
125
- onClose = _ref.onClose,
126
- handleSplitTransfersUpdate = _ref.handleSplitTransfersUpdate;
127
- var _useTranslation = useTranslation(),
128
- t = _useTranslation.t;
129
- var handleSubmit = function handleSubmit(_ref2) {
130
- var reason = _ref2.reason;
131
- handleSplitTransfersUpdate("cancelled", reason);
132
- };
133
- return /*#__PURE__*/jsxs(Modal, {
134
- isOpen: isOpen,
135
- onClose: onClose,
136
- size: "large",
137
- children: [/*#__PURE__*/jsx(Modal.Header, {
138
- children: /*#__PURE__*/jsx(Typography, {
139
- style: "h2",
140
- weight: "medium",
141
- children: t("neetoPayments.cancelSplitTransfers.modal.title")
142
- })
143
- }), /*#__PURE__*/jsx(Form, {
144
- formikProps: {
145
- initialValues: {
146
- reason: ""
147
- },
148
- validationSchema: VALIDATION_SCHEMA,
149
- onSubmit: handleSubmit
150
- },
151
- children: /*#__PURE__*/jsxs(Fragment, {
152
- children: [/*#__PURE__*/jsx(Modal.Body, {
153
- children: /*#__PURE__*/jsx("div", {
154
- className: "flex flex-col space-y-4",
155
- children: /*#__PURE__*/jsx(Textarea, {
156
- required: true,
157
- label: t("neetoPayments.cancelSplitTransfers.modal.reason"),
158
- name: "reason"
159
- })
160
- })
161
- }), /*#__PURE__*/jsx(Modal.Footer, {
162
- children: /*#__PURE__*/jsx(ActionBlock, {
163
- position: "right",
164
- cancelButtonProps: {
165
- onClick: onClose,
166
- style: "tertiary"
167
- },
168
- submitButtonProps: {
169
- disabled: false,
170
- label: t("neetoPayments.common.submit")
171
- }
172
- })
173
- })]
174
- })
175
- })]
176
- });
177
- };
178
-
179
- var Status = function Status(_ref) {
180
- var type = _ref.type,
181
- _ref$status = _ref.status,
182
- status = _ref$status === void 0 ? "" : _ref$status;
183
- var _useTranslation = useTranslation(),
184
- t = _useTranslation.t;
185
- var processedStatus = preProcessStatus(type, status);
186
- if (isNotPresent(status)) {
187
- return /*#__PURE__*/jsx(Typography, {
188
- style: "body2",
189
- children: t("neetoPayments.common.notAvailable")
190
- });
191
- }
192
- return /*#__PURE__*/jsx(Tooltip, {
193
- content: t("neetoPayments.tooltipContent.".concat(type, ".").concat(processedStatus)),
194
- position: "top",
195
- children: /*#__PURE__*/jsx("div", {
196
- className: "w-fit",
197
- children: /*#__PURE__*/jsx(Tag, {
198
- label: t("neetoPayments.tagLabels.".concat(type, ".").concat(processedStatus)),
199
- style: getTagStyle(processedStatus)
200
- })
201
- })
202
- });
203
- };
204
-
205
- var Date = function Date(_ref) {
206
- var date = _ref.date,
207
- _ref$isTimeVisible = _ref.isTimeVisible,
208
- isTimeVisible = _ref$isTimeVisible === void 0 ? false : _ref$isTimeVisible;
209
- var _useTranslation = useTranslation(),
210
- t = _useTranslation.t;
211
- if (isNotPresent(date)) {
212
- return /*#__PURE__*/jsx(Typography, {
213
- style: "body2",
214
- children: t("neetoPayments.common.notAvailable")
215
- });
216
- }
217
- if (isTimeVisible) {
218
- return /*#__PURE__*/jsx("div", {
219
- className: "flex items-center",
220
- children: /*#__PURE__*/jsx(DateFormat.DateTime, {
221
- date: date
222
- })
223
- });
224
- }
225
- return /*#__PURE__*/jsx("div", {
226
- className: "flex items-center",
227
- children: /*#__PURE__*/jsx(DateFormat.Date, {
228
- date: date
229
- })
230
- });
231
- };
232
-
233
- var DiscountCode = function DiscountCode(_ref) {
234
- var discountCode = _ref.discountCode,
235
- currency = _ref.currency;
236
- var _useTranslation = useTranslation(),
237
- t = _useTranslation.t;
238
- var code = discountCode.code,
239
- value = discountCode.value,
240
- kind = discountCode.kind;
241
- return /*#__PURE__*/jsx(Typography, {
242
- style: "body2",
243
- children: kind === "percentage" ? t("neetoPayments.splitTransferDetails.discountCodeOfPercentageApplied", {
244
- code: code,
245
- percentage: value.toFixed(1)
246
- }) : t("neetoPayments.splitTransferDetails.discountCodeOfAmountApplied", {
247
- code: code,
248
- amount: currencyFormat.withSymbol(value, currency.toUpperCase(), {
249
- maximumFractionDigits: 2,
250
- minimumFractionDigits: 2
251
- })
252
- })
253
- });
254
- };
255
-
256
- var Details = function Details(_ref) {
257
- var _splitTransfer$source, _splitTransfer$curren, _splitTransfer$source2, _splitTransfer$curren2, _splitTransfer$curren3, _splitTransfer$curren4, _splitTransfer$destin, _splitTransfer$destin2, _splitTransfer$destin3;
258
- var selectedTransfer = _ref.selectedTransfer,
259
- setSelectedTransfer = _ref.setSelectedTransfer;
260
- var _useTranslation = useTranslation(),
261
- t = _useTranslation.t;
262
- var _useShowSplitTransfer = useShowSplitTransfers(selectedTransfer["id"], {
263
- enabled: isPresent(selectedTransfer["id"])
264
- }),
265
- isPending = _useShowSplitTransfer.isPending,
266
- _useShowSplitTransfer2 = _useShowSplitTransfer.data,
267
- _useShowSplitTransfer3 = _useShowSplitTransfer2 === void 0 ? {} : _useShowSplitTransfer2,
268
- splitTransfer = _useShowSplitTransfer3.splitTransfer;
269
- return /*#__PURE__*/jsxs(Pane, {
270
- isOpen: selectedTransfer["isPaneOpen"],
271
- size: "large",
272
- onClose: function onClose() {
273
- return setSelectedTransfer(mergeLeft({
274
- isPaneOpen: false
275
- }, selectedTransfer));
276
- },
277
- children: [/*#__PURE__*/jsx(Pane.Header, {
278
- children: /*#__PURE__*/jsx(Typography, {
279
- style: "h2",
280
- children: t("neetoPayments.splitTransferDetails.title")
281
- })
282
- }), /*#__PURE__*/jsx(Pane.Body, {
283
- children: isPending ? /*#__PURE__*/jsx("div", {
284
- className: "flex h-full w-full items-center justify-center",
285
- children: /*#__PURE__*/jsx(Spinner, {})
286
- }) : /*#__PURE__*/jsxs("div", {
287
- className: "space-y-4 p-3",
288
- children: [/*#__PURE__*/jsxs("div", {
289
- className: "flex grid-cols-2 flex-col gap-3 lg:grid",
290
- children: [/*#__PURE__*/jsx(Typography, {
291
- style: "body1",
292
- weight: "medium",
293
- children: t("neetoPayments.common.identifier")
294
- }), /*#__PURE__*/jsx(Button, {
295
- href: splitTransfer.transferUrl,
296
- label: splitTransfer.identifier,
297
- size: "small",
298
- style: "link",
299
- target: "_blank"
300
- }), /*#__PURE__*/jsx(Typography, {
301
- style: "body1",
302
- weight: "medium",
303
- children: t("neetoPayments.common.status")
304
- }), /*#__PURE__*/jsx(Status, {
305
- status: splitTransfer.status,
306
- type: "splitTransfers"
307
- }), /*#__PURE__*/jsx(Typography, {
308
- style: "body1",
309
- weight: "medium",
310
- children: t("neetoPayments.common.transferTime")
311
- }), /*#__PURE__*/jsx(Date, {
312
- isTimeVisible: true,
313
- date: splitTransfer.paymentAt
314
- }), /*#__PURE__*/jsx(Typography, {
315
- style: "body1",
316
- weight: "medium",
317
- children: t("neetoPayments.common.paymentAmount")
318
- }), /*#__PURE__*/jsx(Typography, {
319
- style: "body2",
320
- children: 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())
321
- }), isPresent(splitTransfer.discountCode) && /*#__PURE__*/jsxs(Fragment, {
322
- children: [/*#__PURE__*/jsx(Typography, {
323
- style: "body1",
324
- weight: "medium",
325
- children: t("neetoPayments.common.discountCode")
326
- }), /*#__PURE__*/jsx(DiscountCode, {
327
- currency: splitTransfer.currency,
328
- discountCode: splitTransfer.discountCode
329
- })]
330
- }), /*#__PURE__*/jsxs("div", {
331
- className: "flex items-center space-x-1",
332
- children: [/*#__PURE__*/jsx(Typography, {
333
- style: "body1",
334
- weight: "medium",
335
- children: t("neetoPayments.common.netAmount")
336
- }), /*#__PURE__*/jsx(HelpPopover, {
337
- popoverProps: {
338
- position: "right"
339
- },
340
- description: t("neetoPayments.splitTransferDetails.netAmountDescription"),
341
- title: t("neetoPayments.splitTransferDetails.netAmountHelpTitle")
342
- })]
343
- }), /*#__PURE__*/jsx(Typography, {
344
- style: "body2",
345
- children: 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())
346
- }), /*#__PURE__*/jsxs("div", {
347
- className: "flex space-x-1",
348
- children: [/*#__PURE__*/jsx(Typography, {
349
- style: "body1",
350
- weight: "medium",
351
- children: t("neetoPayments.common.platformShare")
352
- }), /*#__PURE__*/jsx(HelpPopover, {
353
- popoverProps: {
354
- position: "right"
355
- },
356
- description: t("neetoPayments.splitTransferDetails.platformShareDescription"),
357
- title: t("neetoPayments.splitTransferDetails.platformShareHelpTitle")
358
- })]
359
- }), /*#__PURE__*/jsx(Typography, {
360
- style: "body2",
361
- children: currencyFormat.withCode(splitTransfer.platformShare, (_splitTransfer$curren3 = splitTransfer.currency) === null || _splitTransfer$curren3 === void 0 ? void 0 : _splitTransfer$curren3.toUpperCase())
362
- }), /*#__PURE__*/jsx(Typography, {
363
- style: "body1",
364
- weight: "medium",
365
- children: t("neetoPayments.common.transferredAmount")
366
- }), /*#__PURE__*/jsx(Typography, {
367
- style: "body2",
368
- children: currencyFormat.withCode(splitTransfer.amount, (_splitTransfer$curren4 = splitTransfer.currency) === null || _splitTransfer$curren4 === void 0 ? void 0 : _splitTransfer$curren4.toUpperCase())
369
- })]
370
- }), /*#__PURE__*/jsx(Typography, {
371
- style: "h3",
372
- children: t("neetoPayments.splitTransferDetails.destinationDetails")
373
- }), /*#__PURE__*/jsxs("div", {
374
- className: "flex grid-cols-2 flex-col gap-3 lg:grid",
375
- children: [/*#__PURE__*/jsx(Typography, {
376
- style: "body1",
377
- weight: "medium",
378
- children: t("neetoPayments.common.destinationAccountIdentifier")
379
- }), /*#__PURE__*/jsx(Button, {
380
- href: splitTransfer.destinationAccount.dashboardUrl,
381
- label: splitTransfer.destinationAccount.identifier,
382
- size: "small",
383
- style: "link",
384
- target: "_blank"
385
- }), /*#__PURE__*/jsx(Typography, {
386
- style: "body1",
387
- weight: "medium",
388
- children: t("neetoPayments.common.destinationAccountName")
389
- }), /*#__PURE__*/jsx(Typography, {
390
- style: "body2",
391
- children: splitTransfer.destinationAccount.userName
392
- }), /*#__PURE__*/jsx(Typography, {
393
- style: "body1",
394
- weight: "medium",
395
- children: t("neetoPayments.common.destinationAccountEmail")
396
- }), /*#__PURE__*/jsx(Typography, {
397
- style: "body2",
398
- children: splitTransfer.destinationAccount.userEmail
399
- }), /*#__PURE__*/jsx(Typography, {
400
- style: "body1",
401
- weight: "medium",
402
- children: t("neetoPayments.common.payoutStatus")
403
- }), /*#__PURE__*/jsx(Status, {
404
- status: (_splitTransfer$destin = splitTransfer.destinationPayout) === null || _splitTransfer$destin === void 0 ? void 0 : _splitTransfer$destin.status,
405
- type: "payout"
406
- }), /*#__PURE__*/jsx(Typography, {
407
- style: "body1",
408
- weight: "medium",
409
- children: t("neetoPayments.splitTransferDetails.payoutInitiatedDate")
410
- }), /*#__PURE__*/jsx(Date, {
411
- date: (_splitTransfer$destin2 = splitTransfer.destinationPayout) === null || _splitTransfer$destin2 === void 0 ? void 0 : _splitTransfer$destin2.createdAt
412
- }), /*#__PURE__*/jsx(Typography, {
413
- style: "body1",
414
- weight: "medium",
415
- children: t("neetoPayments.splitTransferDetails.payoutArrivalDate")
416
- }), /*#__PURE__*/jsx(Date, {
417
- date: (_splitTransfer$destin3 = splitTransfer.destinationPayout) === null || _splitTransfer$destin3 === void 0 ? void 0 : _splitTransfer$destin3.arrivalDate
418
- }), /*#__PURE__*/jsx("div", {})]
419
- })]
420
- })
421
- })]
422
- });
423
- };
424
-
425
- var renderIdentifier = curry(function (setSelectedTransfer, identifier, _ref) {
426
- var id = _ref.id;
427
- if (isNotPresent(identifier)) {
428
- return /*#__PURE__*/jsx(Tooltip, {
429
- content: t("neetoPayments.tooltipContent.identifierUnavailable"),
430
- position: "top",
431
- children: /*#__PURE__*/jsx("div", {
432
- className: "text-center",
433
- children: /*#__PURE__*/jsx(Typography, {
434
- style: "body2",
435
- children: t("neetoPayments.common.notAvailable")
436
- })
437
- })
438
- });
439
- }
440
- return /*#__PURE__*/jsx(CopyButtonWrapper, {
441
- content: identifier,
442
- children: /*#__PURE__*/jsx(Button, {
443
- label: identifier,
444
- size: "small",
445
- style: "link",
446
- onClick: function onClick() {
447
- return setSelectedTransfer({
448
- id: id,
449
- isPaneOpen: true
450
- });
451
- }
452
- })
453
- });
454
- });
455
- var renderPlatformPaymentIdentifier = function renderPlatformPaymentIdentifier(_ref2) {
456
- var identifier = _ref2.identifier,
457
- receiptUrl = _ref2.receiptUrl,
458
- kind = _ref2.kind;
459
- if (kind === PAYMENT_KIND.temporary) {
460
- return /*#__PURE__*/jsx(CopyButtonWrapper, {
461
- content: identifier,
462
- children: identifier
463
- });
464
- }
465
- return /*#__PURE__*/jsx(CopyButtonWrapper, {
466
- content: identifier,
467
- children: /*#__PURE__*/jsx(Button, {
468
- href: receiptUrl,
469
- label: identifier,
470
- size: "small",
471
- style: "link",
472
- target: "_blank"
473
- })
474
- });
475
- };
476
- var renderDestinationAccountIdentifier = function renderDestinationAccountIdentifier(_ref3) {
477
- var identifier = _ref3.identifier,
478
- dashboardUrl = _ref3.dashboardUrl;
479
- return /*#__PURE__*/jsx(CopyButtonWrapper, {
480
- content: identifier,
481
- children: /*#__PURE__*/jsx(Button, {
482
- href: dashboardUrl,
483
- label: identifier,
484
- size: "small",
485
- style: "link",
486
- target: "_blank"
487
- })
488
- });
489
- };
490
- var renderStatus = curry(function (type, status) {
491
- return /*#__PURE__*/jsx(Status, {
492
- status: status,
493
- type: type
494
- });
495
- });
496
- var renderDate = function renderDate(date) {
497
- if (isNotPresent(date)) {
498
- return /*#__PURE__*/jsx(Tooltip, {
499
- content: t("neetoPayments.tooltipContent.dateUnavailable"),
500
- position: "top",
501
- children: /*#__PURE__*/jsx("div", {
502
- className: "text-center",
503
- children: /*#__PURE__*/jsx(Typography, {
504
- style: "body2",
505
- children: t("neetoPayments.common.notAvailable")
506
- })
507
- })
508
- });
509
- }
510
- return /*#__PURE__*/jsx(DateFormat.DateTime, {
511
- date: date
512
- });
513
- };
514
- var renderPlatformShare = function renderPlatformShare(amount) {
515
- if (isNotPresent(amount)) {
516
- return /*#__PURE__*/jsx(Tooltip, {
517
- content: t("neetoPayments.tooltipContent.platformShareUnavailable"),
518
- position: "top",
519
- children: /*#__PURE__*/jsx(Typography, {
520
- style: "body2",
521
- children: t("neetoPayments.common.notCalculated")
522
- })
523
- });
524
- }
525
- return formatAmount(amount);
526
- };
527
- var getDefaultColumns = function getDefaultColumns(setSelectedTransfer) {
528
- return [{
529
- title: t("neetoPayments.common.id"),
530
- dataIndex: "rowId",
531
- key: "rowId",
532
- width: 85,
533
- position: 0,
534
- isHidable: false
535
- }, {
536
- title: t("neetoPayments.common.identifier"),
537
- dataIndex: "identifier",
538
- key: "identifier",
539
- width: 300,
540
- render: renderIdentifier(setSelectedTransfer),
541
- position: 1,
542
- isHidable: false
543
- }, {
544
- title: t("neetoPayments.common.status"),
545
- dataIndex: "status",
546
- key: "status",
547
- width: 150,
548
- render: renderStatus("splitTransfers"),
549
- sorter: true,
550
- position: 2,
551
- isHidable: false
552
- }, {
553
- title: t("neetoPayments.common.amount"),
554
- dataIndex: "amount",
555
- key: "amount",
556
- width: 150,
557
- sorter: true,
558
- render: formatAmount,
559
- position: 3
560
- }, {
561
- title: t("neetoPayments.common.currency"),
562
- dataIndex: "currency",
563
- key: "currency",
564
- width: 160,
565
- sorter: true,
566
- render: formatCurrency,
567
- position: 3
568
- }, {
569
- title: t("neetoPayments.common.platformShare"),
570
- dataIndex: "platformShare",
571
- key: "platformShare",
572
- width: 205,
573
- render: renderPlatformShare,
574
- sorter: true,
575
- position: 3
576
- }, {
577
- title: t("neetoPayments.common.transferTime"),
578
- dataIndex: "paymentAt",
579
- key: "paymentAt",
580
- width: 190,
581
- render: renderDate,
582
- sorter: true,
583
- position: 10
584
- }, {
585
- title: t("neetoPayments.common.platformPayment"),
586
- dataIndex: "sourcePayment",
587
- key: "sourcePayment",
588
- render: renderPlatformPaymentIdentifier,
589
- width: 300,
590
- position: 19
591
- }, {
592
- title: t("neetoPayments.common.accountIdentifier"),
593
- dataIndex: "destinationAccount",
594
- key: "destinationAccount",
595
- render: renderDestinationAccountIdentifier,
596
- width: 320,
597
- position: 20
598
- }];
599
- };
600
-
601
- 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; }
602
- 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; }
603
- var buildSearchProps = function buildSearchProps(searchProps, searchTerm) {
604
- return mergeDeepWith(concat, SEARCH_PROPS, mergeLeft({
605
- value: searchTerm.trim()
606
- }, searchProps));
607
- };
608
- var buildFilterColumns = function buildFilterColumns() {
609
- var payableEntityColumns = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
610
- return reject(isNil, concat(FILTER_COLUMNS, map(prop("filterProps"), payableEntityColumns)));
611
- };
612
- var buildTableColumns = function buildTableColumns(_ref) {
613
- var tab = _ref.tab,
614
- hiddenColumns = _ref.hiddenColumns,
615
- _ref$payableEntityCol = _ref.payableEntityColumns,
616
- payableEntityColumns = _ref$payableEntityCol === void 0 ? [] : _ref$payableEntityCol,
617
- setSelectedTransfer = _ref.setSelectedTransfer;
618
- var filteredColumns = sortBy(prop("position"), concat(getDefaultColumns(setSelectedTransfer), payableEntityColumns)).filter(function (_ref2) {
619
- var dataIndex = _ref2.dataIndex;
620
- return !hiddenColumns.includes(processDataIndex(dataIndex));
621
- });
622
- if (tab === SPLIT_TRANSFERS_DASHBOARD_TAB.all) return filteredColumns;
623
- return removeBy({
624
- key: "status"
625
- }, filteredColumns);
626
- };
627
- var buildRowData = function buildRowData(_ref3) {
628
- var splitTransfers = _ref3.splitTransfers,
629
- _ref3$pageProperties = _ref3.pageProperties,
630
- pageProperties = _ref3$pageProperties === void 0 ? {} : _ref3$pageProperties;
631
- return splitTransfers === null || splitTransfers === void 0 ? void 0 : splitTransfers.map(function (element, index) {
632
- return _objectSpread$1(_objectSpread$1({}, element), {}, {
633
- rowId: isEmpty(pageProperties) ? index + 1 : pageProperties.pageSize * (pageProperties.page - 1) + index + 1
634
- });
635
- });
636
- };
637
-
638
- var List = function List(_ref) {
639
- var isFetching = _ref.isFetching,
640
- splitTransfers = _ref.splitTransfers,
641
- selectedRows = _ref.selectedRows,
642
- views = _ref.views,
643
- payableEntityColumns = _ref.payableEntityColumns,
644
- pageProperties = _ref.pageProperties,
645
- onRowSelect = _ref.onRowSelect,
646
- setSortProperties = _ref.setSortProperties,
647
- handleTablePagination = _ref.handleTablePagination,
648
- setHasBulkSelectedAllRows = _ref.setHasBulkSelectedAllRows;
649
- var _useState = useState(INITIAL_TRANSFER_DETAILS),
650
- _useState2 = _slicedToArray(_useState, 2),
651
- selectedTransfer = _useState2[0],
652
- setSelectedTransfer = _useState2[1];
653
- var _useTranslation = useTranslation(),
654
- t = _useTranslation.t;
655
- var _getQueryParams = getQueryParams(),
656
- _getQueryParams$tab = _getQueryParams.tab,
657
- tab = _getQueryParams$tab === void 0 ? SPLIT_TRANSFERS_DASHBOARD_TAB.all : _getQueryParams$tab;
658
- var _useHiddenColumns = useHiddenColumns(COLUMNS_STORAGE_KEY),
659
- hideColumn = _useHiddenColumns.hideColumn,
660
- _useHiddenColumns$hid = _useHiddenColumns.hiddenColumns,
661
- hiddenColumns = _useHiddenColumns$hid === void 0 ? [] : _useHiddenColumns$hid;
662
- var splitTransfersCount = views[tab];
663
- var getRowSelection = function getRowSelection() {
664
- if (tab === SPLIT_TRANSFERS_DASHBOARD_TAB.successful) return false;
665
- if (tab === SPLIT_TRANSFERS_DASHBOARD_TAB.all) {
666
- return {
667
- getCheckboxProps: function getCheckboxProps(record) {
668
- return {
669
- disabled: record.status === SPLIT_TRANSFERS_DASHBOARD_TAB.successful
670
- };
671
- }
672
- };
673
- }
674
- return true;
675
- };
676
- var visibleColumns = buildTableColumns({
677
- tab: tab,
678
- hiddenColumns: hiddenColumns,
679
- payableEntityColumns: payableEntityColumns,
680
- setSelectedTransfer: setSelectedTransfer
681
- });
682
- var handleColumnHiding = function handleColumnHiding(column) {
683
- hideColumn(processDataIndex(column.dataIndex));
684
- };
685
- var handleTableChange = function handleTableChange(_, __, sorter) {
686
- setSortProperties(isPresent(sorter === null || sorter === void 0 ? void 0 : sorter.column) ? {
687
- sortBy: camelToSnakeCase(processDataIndex(sorter.field)),
688
- orderBy: sorter.order === "ascend" ? "ASC" : "DESC"
689
- } : DEFAULT_SORT_PROPERTIES);
690
- };
691
- if (isNotPresent(splitTransfers)) {
692
- return /*#__PURE__*/jsx("div", {
693
- className: "flex h-full w-full items-center justify-center",
694
- children: /*#__PURE__*/jsx(NoData, {
695
- title: tab === SPLIT_TRANSFERS_DASHBOARD_TAB.all ? t("neetoPayments.emptyState.splitTransfers") : t("neetoPayments.emptyState.splitTransfersWithStatus", {
696
- status: tab
697
- })
698
- })
699
- });
700
- }
701
- return /*#__PURE__*/jsxs(Fragment, {
702
- children: [/*#__PURE__*/jsx(TableWrapper, {
703
- hasPagination: splitTransfersCount > (pageProperties === null || pageProperties === void 0 ? void 0 : pageProperties.pageSize),
704
- children: /*#__PURE__*/jsx(Table, {
705
- onRowSelect: onRowSelect,
706
- fixedHeight: true,
707
- allowRowClick: false,
708
- columnData: visibleColumns,
709
- currentPageNumber: pageProperties === null || pageProperties === void 0 ? void 0 : pageProperties.page,
710
- handlePageChange: handleTablePagination,
711
- loading: isFetching,
712
- rowData: buildRowData({
713
- splitTransfers: splitTransfers,
714
- pageProperties: pageProperties,
715
- tab: tab
716
- }),
717
- rowSelection: getRowSelection(),
718
- selectedRowKeys: selectedRows,
719
- sortDirections: SORT_DIRECTIONS,
720
- totalCount: splitTransfersCount,
721
- bulkSelectAllRowsProps: {
722
- selectAllRowMessage: t("neetoPayments.splitTransferDetails.selectedSplitTransfers", {
723
- count: selectedRows.length
724
- }),
725
- selectAllRowButtonLabel: t("neetoPayments.splitTransferDetails.selectAll", {
726
- count: views[SPLIT_TRANSFERS_DASHBOARD_TAB.pending]
727
- }),
728
- setBulkSelectedAllRows: setHasBulkSelectedAllRows
729
- },
730
- paginationProps: {
731
- showSizeChanger: true,
732
- hideOnSinglePage: true,
733
- pageSize: pageProperties === null || pageProperties === void 0 ? void 0 : pageProperties.pageSize,
734
- total: splitTransfersCount
735
- },
736
- onChange: handleTableChange,
737
- onColumnHide: handleColumnHiding
738
- })
739
- }), /*#__PURE__*/jsx(Details, {
740
- selectedTransfer: selectedTransfer,
741
- setSelectedTransfer: setSelectedTransfer
742
- })]
743
- });
744
- };
745
-
746
- var ResumeModal = function ResumeModal(_ref) {
747
- var isOpen = _ref.isOpen,
748
- onClose = _ref.onClose,
749
- handleSplitTransfersUpdate = _ref.handleSplitTransfersUpdate;
750
- var _useTranslation = useTranslation(),
751
- t = _useTranslation.t;
752
- var handleSubmit = function handleSubmit(_ref2) {
753
- var reason = _ref2.reason;
754
- handleSplitTransfersUpdate("pending", reason);
755
- };
756
- return /*#__PURE__*/jsxs(Modal, {
757
- isOpen: isOpen,
758
- onClose: onClose,
759
- size: "large",
760
- children: [/*#__PURE__*/jsx(Modal.Header, {
761
- children: /*#__PURE__*/jsx(Typography, {
762
- style: "h2",
763
- weight: "medium",
764
- children: t("neetoPayments.resumeSplitTransfers.modal.title")
765
- })
766
- }), /*#__PURE__*/jsx(Form, {
767
- formikProps: {
768
- initialValues: {
769
- reason: ""
770
- },
771
- validationSchema: VALIDATION_SCHEMA,
772
- onSubmit: handleSubmit
773
- },
774
- children: /*#__PURE__*/jsxs(Fragment, {
775
- children: [/*#__PURE__*/jsx(Modal.Body, {
776
- children: /*#__PURE__*/jsx("div", {
777
- className: "flex flex-col space-y-4",
778
- children: /*#__PURE__*/jsx(Textarea, {
779
- required: true,
780
- label: t("neetoPayments.resumeSplitTransfers.modal.reason"),
781
- name: "reason"
782
- })
783
- })
784
- }), /*#__PURE__*/jsx(Modal.Footer, {
785
- children: /*#__PURE__*/jsx(ActionBlock, {
786
- position: "right",
787
- cancelButtonProps: {
788
- onClick: onClose,
789
- style: "tertiary"
790
- },
791
- submitButtonProps: {
792
- disabled: false,
793
- label: t("neetoPayments.common.submit")
794
- }
795
- })
796
- })]
797
- })
798
- })]
799
- });
800
- };
801
-
802
- var Menu = Dropdown.Menu,
803
- MenuItem = Dropdown.MenuItem;
804
- var TopSection = function TopSection(_ref) {
805
- var views = _ref.views,
806
- filters = _ref.filters,
807
- setIsCancelModalOpen = _ref.setIsCancelModalOpen,
808
- setIsResumeModalOpen = _ref.setIsResumeModalOpen,
809
- selectedRows = _ref.selectedRows,
810
- selectedRowData = _ref.selectedRowData,
811
- setFilters = _ref.setFilters,
812
- hasBulkSelectedAllRows = _ref.hasBulkSelectedAllRows,
813
- filterableColumns = _ref.filterableColumns,
814
- searchKeywordProps = _ref.searchKeywordProps,
815
- payableEntityColumns = _ref.payableEntityColumns,
816
- setIsExportModalOpen = _ref.setIsExportModalOpen;
817
- var _useState = useState(false),
818
- _useState2 = _slicedToArray(_useState, 2),
819
- isFilterPaneOpen = _useState2[0],
820
- setIsFilterPaneOpen = _useState2[1];
821
- var _useTranslation = useTranslation(),
822
- t = _useTranslation.t;
823
- var history = useHistory();
824
- var _getQueryParams = getQueryParams(),
825
- _getQueryParams$tab = _getQueryParams.tab,
826
- tab = _getQueryParams$tab === void 0 ? SPLIT_TRANSFERS_DASHBOARD_TAB.all : _getQueryParams$tab;
827
- var splitTransfersCount = views[tab];
828
- var splitTransfersCountVisible = splitTransfersCount > 0 || splitTransfersCount === 0 && isPresent(filters);
829
- var isFilterButtonVisible = splitTransfersCount || isPresent(filters);
830
- var isDropdownVisible = isNotEmpty(selectedRows);
831
- var isCancelButtonDisabled = existsBy({
832
- status: SPLIT_TRANSFERS_DASHBOARD_TAB.cancelled
833
- }, selectedRowData);
834
- var isResumeButtonDisabled = existsBy({
835
- status: SPLIT_TRANSFERS_DASHBOARD_TAB.pending
836
- }, selectedRowData);
837
- var selectedRecordsCount = hasBulkSelectedAllRows ? splitTransfersCount : selectedRows.length;
838
- var handleFiltersChange = function handleFiltersChange(filters) {
839
- startTransition(function () {
840
- setFilters(filters);
841
- });
842
- };
843
- var handleTabChange = function handleTabChange(tab) {
844
- var queryParams = getQueryParams({
845
- toCamelCase: false
846
- });
847
- var newParams = {
848
- tab: tab,
849
- page: DEFAULT_PAGE_INDEX,
850
- page_size: DEFAULT_PAGE_SIZE
851
- };
852
- history.push(buildUrl(window.location.pathname, mergeLeft(newParams, queryParams)));
853
- };
854
- return /*#__PURE__*/jsxs(Fragment, {
855
- children: [/*#__PURE__*/jsx(Header, {
856
- title: t("neetoPayments.title.splitTransfers"),
857
- searchProps: isFilterButtonVisible && {
858
- placeholder: searchKeywordProps.placeholder,
859
- className: "w-96"
860
- }
861
- }), shouldTabsVisible(views) && /*#__PURE__*/jsx(Tab, {
862
- children: Object.keys(SPLIT_TRANSFERS_DASHBOARD_TAB).map(function (item) {
863
- return /*#__PURE__*/jsx(Tab.Item, {
864
- active: tab === item,
865
- onClick: function onClick() {
866
- return handleTabChange(item);
867
- },
868
- children: t("neetoPayments.common.".concat(item))
869
- }, item);
870
- })
871
- }), /*#__PURE__*/jsx(SubHeader, {
872
- className: "my-4",
873
- leftActionBlock: splitTransfersCountVisible && /*#__PURE__*/jsx("div", {
874
- className: "w-100 flex items-center space-x-3",
875
- children: isDropdownVisible ? /*#__PURE__*/jsxs(Fragment, {
876
- children: [/*#__PURE__*/jsx(Typography, {
877
- className: "neeto-ui-gray-800 mr-2 font-semibold",
878
- component: "h4",
879
- children: /*#__PURE__*/jsx(Trans, {
880
- count: selectedRecordsCount,
881
- i18nKey: "neetoPayments.splitTransferDetails.recordWithCount",
882
- components: {
883
- span: /*#__PURE__*/jsx("span", {
884
- className: "neeto-ui-text-gray-600"
885
- })
886
- },
887
- values: {
888
- count: selectedRecordsCount,
889
- recordsCount: splitTransfersCount
890
- }
891
- })
892
- }), /*#__PURE__*/jsxs(Dropdown, {
893
- buttonStyle: "secondary",
894
- label: t("neetoPayments.common.takeAction"),
895
- children: [/*#__PURE__*/jsx(Menu, {
896
- children: /*#__PURE__*/jsx(MenuItem.Button, {
897
- isDisabled: isCancelButtonDisabled,
898
- tooltipProps: isCancelButtonDisabled ? {
899
- content: t("neetoPayments.tooltipContent.splitTransfers.cancelledRecordsSelected")
900
- } : "",
901
- onClick: function onClick() {
902
- return setIsCancelModalOpen(true);
903
- },
904
- children: t("neetoPayments.common.cancel")
905
- })
906
- }), /*#__PURE__*/jsx(Menu, {
907
- children: /*#__PURE__*/jsx(MenuItem.Button, {
908
- isDisabled: isResumeButtonDisabled,
909
- tooltipProps: isResumeButtonDisabled ? {
910
- content: t("neetoPayments.tooltipContent.splitTransfers.pendingRecordsSelected")
911
- } : "",
912
- onClick: function onClick() {
913
- return setIsResumeModalOpen(true);
914
- },
915
- children: t("neetoPayments.common.resume")
916
- })
917
- })]
918
- })]
919
- }) : /*#__PURE__*/jsx(Typography, {
920
- className: "neeto-ui-gray-800 mr-2 font-semibold",
921
- component: "h4",
922
- children: tab === SPLIT_TRANSFERS_DASHBOARD_TAB.all ? t("neetoPayments.countOf.splitTransfer", {
923
- count: splitTransfersCount
924
- }) : t("neetoPayments.countOf.splitTransferWithStatus", {
925
- count: splitTransfersCount,
926
- status: tab
927
- })
928
- })
929
- }),
930
- rightActionBlock: isFilterButtonVisible && /*#__PURE__*/jsx(SubHeader.RightBlock, {
931
- columnsButtonProps: {
932
- columnData: concat(getDefaultColumns(), payableEntityColumns).map(modify("dataIndex", processDataIndex)),
933
- fixedColumns: UN_HIDEABLE_COLUMNS,
934
- localStorageKey: COLUMNS_STORAGE_KEY
935
- },
936
- downloadButtonProps: {
937
- onClick: function onClick() {
938
- return setIsExportModalOpen(true);
939
- }
940
- },
941
- filterProps: {
942
- columns: filterableColumns,
943
- isOpen: isFilterPaneOpen,
944
- keyword: searchKeywordProps,
945
- setIsOpen: setIsFilterPaneOpen,
946
- onChange: handleFiltersChange
947
- }
948
- })
949
- }), /*#__PURE__*/jsx(FiltersBar, {
950
- columns: filterableColumns,
951
- keyword: searchKeywordProps,
952
- setIsPaneOpen: setIsFilterPaneOpen,
953
- onChange: handleFiltersChange
954
- })]
955
- });
956
- };
957
-
958
- 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; }
959
- 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; }
960
- var SplitTransfersDashboard = function SplitTransfersDashboard(_ref) {
961
- var searchProps = _ref.searchProps,
962
- payableEntityColumns = _ref.payableEntityColumns;
963
- var _getQueryParams = getQueryParams(),
964
- _getQueryParams$searc = _getQueryParams.searchTerm,
965
- searchTerm = _getQueryParams$searc === void 0 ? "" : _getQueryParams$searc;
966
- var filterableColumns = buildFilterColumns(payableEntityColumns);
967
- var searchKeywordProps = buildSearchProps(searchProps, searchTerm);
968
- var _useState = useState([]),
969
- _useState2 = _slicedToArray(_useState, 2),
970
- selectedRows = _useState2[0],
971
- setSelectedRows = _useState2[1];
972
- var _useState3 = useState([]),
973
- _useState4 = _slicedToArray(_useState3, 2),
974
- selectedRowData = _useState4[0],
975
- setSelectedRowData = _useState4[1];
976
- var _useState5 = useState(false),
977
- _useState6 = _slicedToArray(_useState5, 2),
978
- isExportModalOpen = _useState6[0],
979
- setIsExportModalOpen = _useState6[1];
980
- var _useState7 = useState(false),
981
- _useState8 = _slicedToArray(_useState7, 2),
982
- isCancelModalOpen = _useState8[0],
983
- setIsCancelModalOpen = _useState8[1];
984
- var _useState9 = useState(false),
985
- _useState10 = _slicedToArray(_useState9, 2),
986
- isResumeModalOpen = _useState10[0],
987
- setIsResumeModalOpen = _useState10[1];
988
- var _useState11 = useState(false),
989
- _useState12 = _slicedToArray(_useState11, 2),
990
- hasBulkSelectedAllRows = _useState12[0],
991
- setHasBulkSelectedAllRows = _useState12[1];
992
- var _useState13 = useState(DEFAULT_SORT_PROPERTIES),
993
- _useState14 = _slicedToArray(_useState13, 2),
994
- sortProperties = _useState14[0],
995
- setSortProperties = _useState14[1];
996
- var _useState15 = useState(DEFAULT_PAGE_VALUES),
997
- _useState16 = _slicedToArray(_useState15, 2),
998
- pageProperties = _useState16[0],
999
- setPageProperties = _useState16[1];
1000
- var _useState17 = useState(buildFiltersFromURL([].concat(_toConsumableArray(filterableColumns), [searchKeywordProps]))),
1001
- _useState18 = _slicedToArray(_useState17, 2),
1002
- filters = _useState18[0],
1003
- setFilters = _useState18[1];
1004
- var history = useHistory();
1005
- var _getQueryParams2 = getQueryParams(),
1006
- _getQueryParams2$tab = _getQueryParams2.tab,
1007
- tab = _getQueryParams2$tab === void 0 ? SPLIT_TRANSFERS_DASHBOARD_TAB.all : _getQueryParams2$tab;
1008
- var payload = _objectSpread(_objectSpread({
1009
- tab: tab,
1010
- filters: filters
1011
- }, pageProperties), sortProperties);
1012
- var _useFetchSplitTransfe = useFetchSplitTransfers(payload),
1013
- _useFetchSplitTransfe2 = _useFetchSplitTransfe.data,
1014
- _useFetchSplitTransfe3 = _useFetchSplitTransfe2 === void 0 ? {} : _useFetchSplitTransfe2,
1015
- splitTransfers = _useFetchSplitTransfe3.splitTransfers,
1016
- views = _useFetchSplitTransfe3.views,
1017
- isFetching = _useFetchSplitTransfe.isFetching,
1018
- isSplitTransfersLoading = _useFetchSplitTransfe.isPending;
1019
- var _useBulkUpdateSplitTr = useBulkUpdateSplitTransfers({
1020
- onSuccess: function onSuccess() {
1021
- setSelectedRowData([]);
1022
- setSelectedRows([]);
1023
- }
1024
- }),
1025
- updateSplitTransfers = _useBulkUpdateSplitTr.mutate,
1026
- isCancelling = _useBulkUpdateSplitTr.isPending;
1027
- var handleSplitTransfersUpdate = function handleSplitTransfersUpdate(status, reason) {
1028
- var ids = pluck("id", selectedRowData);
1029
- updateSplitTransfers({
1030
- ids: ids,
1031
- status: status,
1032
- reason: reason,
1033
- isApplyChangesToAllRequired: hasBulkSelectedAllRows
1034
- });
1035
- setIsCancelModalOpen(false);
1036
- setIsResumeModalOpen(false);
1037
- };
1038
- var handleTablePagination = function handleTablePagination(page, pageSize) {
1039
- var queryParams = getQueryParams({
1040
- toCamelCase: false
1041
- });
1042
- history.push(buildUrl(window.location.pathname, mergeLeft({
1043
- page: page,
1044
- page_size: pageSize
1045
- }, queryParams)));
1046
- setPageProperties({
1047
- page: page,
1048
- pageSize: pageSize
1049
- });
1050
- };
1051
- var handleRowSelect = function handleRowSelect(keys, rowData) {
1052
- setSelectedRows(keys);
1053
- setSelectedRowData(rowData);
1054
- };
1055
- useEffect(function () {
1056
- handleTablePagination(DEFAULT_PAGE_INDEX, DEFAULT_PAGE_SIZE);
1057
- setSortProperties(DEFAULT_SORT_PROPERTIES);
1058
- setSelectedRowData([]);
1059
- setSelectedRows([]);
1060
- }, [filters, tab]);
1061
- if (isSplitTransfersLoading || isCancelling) {
1062
- return /*#__PURE__*/jsx("div", {
1063
- className: "flex h-full w-full items-center justify-center",
1064
- children: /*#__PURE__*/jsx(Spinner, {})
1065
- });
1066
- }
1067
- return /*#__PURE__*/jsxs(Fragment, {
1068
- children: [/*#__PURE__*/jsx(TopSection, {
1069
- filterableColumns: filterableColumns,
1070
- filters: filters,
1071
- hasBulkSelectedAllRows: hasBulkSelectedAllRows,
1072
- pageProperties: pageProperties,
1073
- payableEntityColumns: payableEntityColumns,
1074
- searchKeywordProps: searchKeywordProps,
1075
- selectedRowData: selectedRowData,
1076
- selectedRows: selectedRows,
1077
- setFilters: setFilters,
1078
- setIsCancelModalOpen: setIsCancelModalOpen,
1079
- setIsExportModalOpen: setIsExportModalOpen,
1080
- setIsResumeModalOpen: setIsResumeModalOpen,
1081
- setPageProperties: setPageProperties,
1082
- setSortProperties: setSortProperties,
1083
- views: views
1084
- }), /*#__PURE__*/jsx(List, {
1085
- handleTablePagination: handleTablePagination,
1086
- isFetching: isFetching,
1087
- pageProperties: pageProperties,
1088
- payableEntityColumns: payableEntityColumns,
1089
- selectedRows: selectedRows,
1090
- setHasBulkSelectedAllRows: setHasBulkSelectedAllRows,
1091
- setSelectedRows: setSelectedRows,
1092
- setSortProperties: setSortProperties,
1093
- splitTransfers: splitTransfers,
1094
- views: views,
1095
- onRowSelect: handleRowSelect
1096
- }), /*#__PURE__*/jsx(ExportModal, {
1097
- filters: filters,
1098
- isExportModalOpen: isExportModalOpen,
1099
- setIsExportModalOpen: setIsExportModalOpen,
1100
- sortProperties: sortProperties,
1101
- dashboardKind: DASHBOARD_KIND.splitTransfers
1102
- }), /*#__PURE__*/jsx(CancelModal, {
1103
- handleSplitTransfersUpdate: handleSplitTransfersUpdate,
1104
- isOpen: isCancelModalOpen,
1105
- onClose: function onClose() {
1106
- return setIsCancelModalOpen(false);
1107
- }
1108
- }), /*#__PURE__*/jsx(ResumeModal, {
1109
- handleSplitTransfersUpdate: handleSplitTransfersUpdate,
1110
- isOpen: isResumeModalOpen,
1111
- onClose: function onClose() {
1112
- return setIsResumeModalOpen(false);
1113
- }
1114
- })]
1115
- });
1116
- };
1117
-
1118
- export { SplitTransfersDashboard as default };
1119
- //# sourceMappingURL=SplitTransfersDashboard.js.map