@bigbinary/neeto-payments-frontend 3.0.21 → 3.0.23

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 (121) hide show
  1. package/app/javascript/src/translations/en.json +2 -2
  2. package/dist/AccountsDashboard.js +8 -6
  3. package/dist/AccountsDashboard.js.map +1 -1
  4. package/dist/{ExportModal-CYHlSNLI.js → ExportModal-C6-IwFlZ.js} +4 -2
  5. package/dist/ExportModal-C6-IwFlZ.js.map +1 -0
  6. package/dist/PaymentsDashboard.js +2 -2
  7. package/dist/PayoutsDashboard.js +6 -6
  8. package/dist/PayoutsPage.js +16 -51
  9. package/dist/PayoutsPage.js.map +1 -1
  10. package/dist/RazorpayPaymentButton.js +2 -3
  11. package/dist/RazorpayPaymentButton.js.map +1 -1
  12. package/dist/RefundsDashboard.js +2 -2
  13. package/dist/SplitTransfersDashboard.js +3 -3
  14. package/dist/SplitTransfersDashboard.js.map +1 -1
  15. package/dist/StripeConnect.js +2 -2
  16. package/dist/UpiMarkAsPaidButton.js +2 -2
  17. package/dist/UpiPayment.js +2 -2
  18. package/dist/buildStripeTransactionLink.js +1 -1
  19. package/dist/cjs/AccountsDashboard.js +13 -11
  20. package/dist/cjs/AccountsDashboard.js.map +1 -1
  21. package/dist/cjs/{ExportModal-DNZkMM58.js → ExportModal-DaLww9x0.js} +4 -2
  22. package/dist/cjs/ExportModal-DaLww9x0.js.map +1 -0
  23. package/dist/cjs/PaymentsDashboard.js +2 -2
  24. package/dist/cjs/PayoutsDashboard.js +11 -11
  25. package/dist/cjs/PayoutsDashboard.js.map +1 -1
  26. package/dist/cjs/PayoutsPage.js +16 -51
  27. package/dist/cjs/PayoutsPage.js.map +1 -1
  28. package/dist/cjs/RazorpayPaymentButton.js +2 -3
  29. package/dist/cjs/RazorpayPaymentButton.js.map +1 -1
  30. package/dist/cjs/RefundsDashboard.js +2 -2
  31. package/dist/cjs/SplitTransfersDashboard.js +3 -3
  32. package/dist/cjs/SplitTransfersDashboard.js.map +1 -1
  33. package/dist/cjs/StripeConnect.js +2 -2
  34. package/dist/cjs/UpiMarkAsPaidButton.js +2 -2
  35. package/dist/cjs/UpiPayment.js +2 -2
  36. package/dist/cjs/buildStripeTransactionLink.js +1 -1
  37. package/dist/cjs/constants.js +1 -1
  38. package/dist/cjs/{renderFunctions-PCwwCeDH.js → dashboard-BAIM4ZLC.js} +19 -60
  39. package/dist/cjs/dashboard-BAIM4ZLC.js.map +1 -0
  40. package/dist/cjs/{index-zFKnsfIq.js → index-Br_ibfWm.js} +1 -17
  41. package/dist/cjs/index-Br_ibfWm.js.map +1 -0
  42. package/dist/cjs/index.js +15 -27
  43. package/dist/cjs/index.js.map +1 -1
  44. package/dist/cjs/renderFunctions-DW0frqfV.js +66 -0
  45. package/dist/cjs/renderFunctions-DW0frqfV.js.map +1 -0
  46. package/dist/cjs/{useConnectApi-DK-vd1fm.js → useConnectApi-C3EpIQ0I.js} +6 -46
  47. package/dist/cjs/useConnectApi-C3EpIQ0I.js.map +1 -0
  48. package/dist/cjs/{usePaymentApi-CrN9sk9a.js → usePaymentApi-lZYye4u0.js} +3 -17
  49. package/dist/cjs/usePaymentApi-lZYye4u0.js.map +1 -0
  50. package/dist/cjs/{usePaymentsApi-QmSQQ00p.js → usePaymentsApi-CDy4nTGr.js} +2 -2
  51. package/dist/cjs/{usePaymentsApi-QmSQQ00p.js.map → usePaymentsApi-CDy4nTGr.js.map} +1 -1
  52. package/dist/cjs/usePlatformApi-BajSo0Hl.js +46 -0
  53. package/dist/cjs/usePlatformApi-BajSo0Hl.js.map +1 -0
  54. package/dist/cjs/useRazorpayPayment.js +2 -3
  55. package/dist/cjs/useRazorpayPayment.js.map +1 -1
  56. package/dist/constants.js +1 -1
  57. package/dist/{renderFunctions-grWPDbgH.js → dashboard-CzHfj-E5.js} +22 -60
  58. package/dist/dashboard-CzHfj-E5.js.map +1 -0
  59. package/dist/{index-CY-RxkbT.js → index-lD18ClWH.js} +2 -15
  60. package/dist/index-lD18ClWH.js.map +1 -0
  61. package/dist/index.js +15 -24
  62. package/dist/index.js.map +1 -1
  63. package/dist/renderFunctions-TxCky_xI.js +61 -0
  64. package/dist/renderFunctions-TxCky_xI.js.map +1 -0
  65. package/dist/{useConnectApi-DKV0_XY2.js → useConnectApi-DzvCFwAu.js} +7 -46
  66. package/dist/useConnectApi-DzvCFwAu.js.map +1 -0
  67. package/dist/{usePaymentApi-D2IDhsBx.js → usePaymentApi-4b6Udgmj.js} +5 -18
  68. package/dist/usePaymentApi-4b6Udgmj.js.map +1 -0
  69. package/dist/{usePaymentsApi-BdNGObVp.js → usePaymentsApi-CwVIUDRp.js} +2 -2
  70. package/dist/{usePaymentsApi-BdNGObVp.js.map → usePaymentsApi-CwVIUDRp.js.map} +1 -1
  71. package/dist/usePlatformApi-X-BDj5nS.js +43 -0
  72. package/dist/usePlatformApi-X-BDj5nS.js.map +1 -0
  73. package/dist/useRazorpayPayment.js +2 -3
  74. package/dist/useRazorpayPayment.js.map +1 -1
  75. package/package.json +9 -9
  76. package/dist/Dashboard.js +0 -696
  77. package/dist/Dashboard.js.map +0 -1
  78. package/dist/ExportModal-CYHlSNLI.js.map +0 -1
  79. package/dist/ExportModal-Wp5ZItOx.js +0 -694
  80. package/dist/ExportModal-Wp5ZItOx.js.map +0 -1
  81. package/dist/IdentifierButton-DdXIkdI0.js +0 -19
  82. package/dist/IdentifierButton-DdXIkdI0.js.map +0 -1
  83. package/dist/RazorpayDashboard.js +0 -265
  84. package/dist/RazorpayDashboard.js.map +0 -1
  85. package/dist/V2PaymentsDashboard.js +0 -313
  86. package/dist/V2PaymentsDashboard.js.map +0 -1
  87. package/dist/cjs/Dashboard.js +0 -698
  88. package/dist/cjs/Dashboard.js.map +0 -1
  89. package/dist/cjs/ExportModal-DNZkMM58.js.map +0 -1
  90. package/dist/cjs/ExportModal-hUc8sq24.js +0 -708
  91. package/dist/cjs/ExportModal-hUc8sq24.js.map +0 -1
  92. package/dist/cjs/IdentifierButton-C0gz-cb3.js +0 -21
  93. package/dist/cjs/IdentifierButton-C0gz-cb3.js.map +0 -1
  94. package/dist/cjs/RazorpayDashboard.js +0 -267
  95. package/dist/cjs/RazorpayDashboard.js.map +0 -1
  96. package/dist/cjs/V2PaymentsDashboard.js +0 -315
  97. package/dist/cjs/V2PaymentsDashboard.js.map +0 -1
  98. package/dist/cjs/index-BuNTaf1f.js +0 -88
  99. package/dist/cjs/index-BuNTaf1f.js.map +0 -1
  100. package/dist/cjs/index-zFKnsfIq.js.map +0 -1
  101. package/dist/cjs/renderFunctions-PCwwCeDH.js.map +0 -1
  102. package/dist/cjs/useConnectApi-DK-vd1fm.js.map +0 -1
  103. package/dist/cjs/useExportsApi-DR1OfSi9.js +0 -21
  104. package/dist/cjs/useExportsApi-DR1OfSi9.js.map +0 -1
  105. package/dist/cjs/useFiltersAndPagination-Cn3e6dKn.js +0 -308
  106. package/dist/cjs/useFiltersAndPagination-Cn3e6dKn.js.map +0 -1
  107. package/dist/cjs/usePaymentApi-CrN9sk9a.js.map +0 -1
  108. package/dist/cjs/usePlatformApi-CuXnZnd2.js +0 -145
  109. package/dist/cjs/usePlatformApi-CuXnZnd2.js.map +0 -1
  110. package/dist/index-CY-RxkbT.js.map +0 -1
  111. package/dist/index-DFxMGqOe.js +0 -80
  112. package/dist/index-DFxMGqOe.js.map +0 -1
  113. package/dist/renderFunctions-grWPDbgH.js.map +0 -1
  114. package/dist/useConnectApi-DKV0_XY2.js.map +0 -1
  115. package/dist/useExportsApi-CLBIM4c0.js +0 -19
  116. package/dist/useExportsApi-CLBIM4c0.js.map +0 -1
  117. package/dist/useFiltersAndPagination-CPG1yICV.js +0 -303
  118. package/dist/useFiltersAndPagination-CPG1yICV.js.map +0 -1
  119. package/dist/usePaymentApi-D2IDhsBx.js.map +0 -1
  120. package/dist/usePlatformApi-vWY5OcFd.js +0 -137
  121. package/dist/usePlatformApi-vWY5OcFd.js.map +0 -1
package/dist/Dashboard.js DELETED
@@ -1,696 +0,0 @@
1
- import _defineProperty from '@babel/runtime/helpers/defineProperty';
2
- import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
3
- import { useState, useEffect, useTransition } from 'react';
4
- import { t } from 'i18next';
5
- import { isPresent, camelToSnakeCase, isNotPresent } from '@bigbinary/neeto-cist';
6
- import { useQueryParams, withTitle } from '@bigbinary/neeto-commons-frontend/react-utils';
7
- import FiltersBar from '@bigbinary/neeto-filters-frontend/Bar';
8
- import Header from '@bigbinary/neeto-molecules/Header';
9
- import SubHeader from '@bigbinary/neeto-molecules/SubHeader';
10
- import Tab from '@bigbinary/neetoui/Tab';
11
- import Typography from '@bigbinary/neetoui/Typography';
12
- import { useTranslation } from 'react-i18next';
13
- import { d as buildDefaultPageProperties, r as renderStatus, f as buildRowData, c as renderDate, e as buildPayload, w as withReactQuery } from './renderFunctions-grWPDbgH.js';
14
- import { T as TABS, a as TAB_METADATA, I as INITIAL_PANE_STATUS, b as TAB, D as DASHBOARD_MANDATORY_COLUMNS, K as KIND } from './index-DFxMGqOe.js';
15
- import { b as buildFilterColumns, m as modifySearchProps, a as buildPaymentColumns, r as renderSplitIdentifier, c as renderRefundIdentifier, i as isSplitKind, d as isTransferKind, e as isConnectedKind, f as isRefundKind, g as isPlatformKind, p as processResponse, h as renderIdentifier, E as ExportModal } from './ExportModal-Wp5ZItOx.js';
16
- import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
17
- import { getQueryParams, buildUrl } from '@bigbinary/neeto-commons-frontend/utils';
18
- import { buildFiltersFromURL } from '@bigbinary/neeto-filters-frontend/utils';
19
- import { modify, mergeLeft, isEmpty, assoc } from 'ramda';
20
- import { useHistory } from 'react-router-dom';
21
- import { D as DEFAULT_SORT_PROPERTIES, p as processDataIndex, S as SORT_DIRECTIONS } from './index-CY-RxkbT.js';
22
- import { DEFAULT_PAGE_SIZE, DEFAULT_PAGE_INDEX } from '@bigbinary/neeto-commons-frontend/constants';
23
- import { useHiddenColumns } from '@bigbinary/neeto-molecules/Columns';
24
- import TableWrapper from '@bigbinary/neeto-molecules/TableWrapper';
25
- import Table from '@bigbinary/neetoui/Table';
26
- import NoData from '@bigbinary/neetoui/NoData';
27
- import Spinner from '@bigbinary/neetoui/Spinner';
28
- import { b as useFetchStripeTransactions, c as useFetchConnectedStripeAccount } from './useConnectApi-DKV0_XY2.js';
29
- import { b as useFetchStripeRefunds, c as useFetchStripePlatformTransactions, d as useFetchStripePlatformSplits, e as useFetchStripePlatformTransaction, f as useFetchStripePlatformAccount } from './usePlatformApi-vWY5OcFd.js';
30
- import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
31
- import Down from '@bigbinary/neeto-icons/Down';
32
- import Right from '@bigbinary/neeto-icons/Right';
33
- import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
34
- import Pane from '@bigbinary/neetoui/Pane';
35
- import '@tanstack/react-query';
36
- import '@tanstack/react-query-devtools';
37
- import '@bigbinary/neeto-molecules/DateFormat';
38
- import '@bigbinary/neetoui/Button';
39
- import '@bigbinary/neetoui/Tag';
40
- import '@bigbinary/neetoui/Tooltip';
41
- import './CopyButtonWrapper-SoJkwX-d.js';
42
- import '@bigbinary/neeto-molecules/CopyToClipboardButton';
43
- import '@bigbinary/neeto-icons/Download';
44
- import '@bigbinary/neetoui/Modal';
45
- import 'axios';
46
- import './useExportsApi-CLBIM4c0.js';
47
- import './exportChannel-CViICC6x.js';
48
- import './IdentifierButton-DdXIkdI0.js';
49
- import 'qs';
50
- import './queryConstants-BCx5cEmf.js';
51
-
52
- 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; }
53
- 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; }
54
- var useFiltersAndPagination = function useFiltersAndPagination(_ref) {
55
- var payableEntityColumns = _ref.payableEntityColumns,
56
- kind = _ref.kind,
57
- searchProps = _ref.searchProps;
58
- var _useQueryParams = useQueryParams(),
59
- _useQueryParams$tab = _useQueryParams.tab,
60
- tab = _useQueryParams$tab === void 0 ? TAB.all : _useQueryParams$tab;
61
- var history = useHistory();
62
- var tabs = TABS.filter(function (tab) {
63
- var _TAB_METADATA$tab, _TAB_METADATA$tab$isH;
64
- return !((_TAB_METADATA$tab = TAB_METADATA[tab]) !== null && _TAB_METADATA$tab !== void 0 && (_TAB_METADATA$tab$isH = _TAB_METADATA$tab.isHidden) !== null && _TAB_METADATA$tab$isH !== void 0 && _TAB_METADATA$tab$isH[kind]);
65
- });
66
- var _useState = useState(false),
67
- _useState2 = _slicedToArray(_useState, 2),
68
- isFilterButtonVisible = _useState2[0],
69
- setIsFilterButtonVisible = _useState2[1];
70
- var _useState3 = useState(false),
71
- _useState4 = _slicedToArray(_useState3, 2),
72
- isFilterPaneOpen = _useState4[0],
73
- setIsFilterPaneOpen = _useState4[1];
74
- var _useState5 = useState(buildDefaultPageProperties(tabs)),
75
- _useState6 = _slicedToArray(_useState5, 2),
76
- pageProperties = _useState6[0],
77
- setPageProperties = _useState6[1];
78
- var _useState7 = useState(DEFAULT_SORT_PROPERTIES),
79
- _useState8 = _slicedToArray(_useState7, 2),
80
- sortProperties = _useState8[0],
81
- setSortProperties = _useState8[1];
82
- var filterableColumns = buildFilterColumns(tab, kind, payableEntityColumns);
83
- var _getQueryParams = getQueryParams(),
84
- _getQueryParams$searc = _getQueryParams.searchTerm,
85
- searchTerm = _getQueryParams$searc === void 0 ? "" : _getQueryParams$searc;
86
- var searchKeywordProps = _objectSpread$4(_objectSpread$4({}, modifySearchProps({
87
- searchProps: searchProps,
88
- kind: kind
89
- })), {}, {
90
- key: "search_term",
91
- value: searchTerm.trim()
92
- });
93
- var _useState9 = useState(buildFiltersFromURL([].concat(_toConsumableArray(filterableColumns), [searchKeywordProps]))),
94
- _useState10 = _slicedToArray(_useState9, 2),
95
- filters = _useState10[0],
96
- setFilters = _useState10[1];
97
- var _useState11 = useState(null),
98
- _useState12 = _slicedToArray(_useState11, 2),
99
- dataSize = _useState12[0],
100
- setDataSize = _useState12[1];
101
- var _useState13 = useState(INITIAL_PANE_STATUS),
102
- _useState14 = _slicedToArray(_useState13, 2),
103
- paneStatus = _useState14[0],
104
- setPaneStatus = _useState14[1];
105
- var columns = buildPaymentColumns({
106
- tab: tab,
107
- kind: kind,
108
- payableEntityColumns: payableEntityColumns,
109
- specialColumnArguments: {
110
- setPaneStatus: setPaneStatus
111
- }
112
- });
113
- var modifiedColumns = columns.map(modify("dataIndex", processDataIndex));
114
- var handleTabChange = function handleTabChange(tab) {
115
- var _pageProperties$tab, _pageProperties$tab2;
116
- setDataSize(null);
117
- var queryParams = getQueryParams({
118
- toCamelCase: false
119
- });
120
- var newParams = {
121
- tab: tab,
122
- page: (_pageProperties$tab = pageProperties[tab]) === null || _pageProperties$tab === void 0 ? void 0 : _pageProperties$tab.page,
123
- page_size: (_pageProperties$tab2 = pageProperties[tab]) === null || _pageProperties$tab2 === void 0 ? void 0 : _pageProperties$tab2.pageSize
124
- };
125
- history.push(buildUrl(window.location.pathname, mergeLeft(newParams, queryParams)));
126
- };
127
- return {
128
- isFilterButtonVisible: isFilterButtonVisible,
129
- isFilterPaneOpen: isFilterPaneOpen,
130
- pageProperties: pageProperties,
131
- paneStatus: paneStatus,
132
- filters: filters,
133
- searchKeywordProps: searchKeywordProps,
134
- tabs: tabs,
135
- tab: tab,
136
- dataSize: dataSize,
137
- filterableColumns: filterableColumns,
138
- sortProperties: sortProperties,
139
- columns: columns,
140
- modifiedColumns: modifiedColumns,
141
- setIsFilterButtonVisible: setIsFilterButtonVisible,
142
- setIsFilterPaneOpen: setIsFilterPaneOpen,
143
- setPageProperties: setPageProperties,
144
- setPaneStatus: setPaneStatus,
145
- setFilters: setFilters,
146
- handleTabChange: handleTabChange,
147
- setDataSize: setDataSize,
148
- setSortProperties: setSortProperties
149
- };
150
- };
151
-
152
- var SPLIT_COLUMNS = [{
153
- key: "splitSubId",
154
- title: t("neetoPayments.common.id"),
155
- dataIndex: "id",
156
- width: "72px"
157
- }, {
158
- key: "splitSubIdentifier",
159
- title: t("neetoPayments.common.identifier"),
160
- dataIndex: "identifier",
161
- width: "300px",
162
- render: renderSplitIdentifier
163
- }, {
164
- key: "splitSubAmount",
165
- title: t("neetoPayments.common.amount"),
166
- dataIndex: "amount",
167
- width: "150px"
168
- }, {
169
- key: "splitSubStatus",
170
- title: t("neetoPayments.common.status"),
171
- dataIndex: "status",
172
- width: "130px",
173
- render: renderStatus("split")
174
- }];
175
- var REFUND_COLUMNS = [{
176
- key: "refundId",
177
- title: t("neetoPayments.common.id"),
178
- dataIndex: "id",
179
- width: "72px"
180
- }, {
181
- key: "refundIdentifier",
182
- title: t("neetoPayments.common.identifier"),
183
- dataIndex: "identifier",
184
- width: "290px",
185
- render: renderRefundIdentifier
186
- }, {
187
- key: "refundAmount",
188
- title: t("neetoPayments.common.amount"),
189
- dataIndex: "amount",
190
- width: "150px"
191
- }, {
192
- key: "refundStatus",
193
- title: t("neetoPayments.common.status"),
194
- dataIndex: "status",
195
- width: "200px",
196
- render: renderStatus("refund")
197
- }];
198
-
199
- var SubTable = function SubTable(_ref) {
200
- var _ref$data = _ref.data,
201
- data = _ref$data === void 0 ? [] : _ref$data,
202
- _ref$className = _ref.className,
203
- className = _ref$className === void 0 ? "" : _ref$className,
204
- _ref$kind = _ref.kind,
205
- kind = _ref$kind === void 0 ? "split" : _ref$kind;
206
- return /*#__PURE__*/jsx("div", {
207
- className: className || "ml-12 max-w-3xl",
208
- children: /*#__PURE__*/jsx(TableWrapper, {
209
- hasPagination: false,
210
- children: /*#__PURE__*/jsx(Table, {
211
- fixedHeight: true,
212
- columnData: isSplitKind(kind) ? SPLIT_COLUMNS : REFUND_COLUMNS,
213
- pagination: false,
214
- rowData: buildRowData({
215
- data: data
216
- }),
217
- scroll: {
218
- y: 300
219
- }
220
- })
221
- })
222
- });
223
- };
224
-
225
- var ExpandedRow = function ExpandedRow() {
226
- var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
227
- _ref$splits = _ref.splits,
228
- splits = _ref$splits === void 0 ? [] : _ref$splits,
229
- _ref$refunds = _ref.refunds,
230
- refunds = _ref$refunds === void 0 ? [] : _ref$refunds;
231
- return /*#__PURE__*/jsxs("div", {
232
- className: "my-2 space-y-2",
233
- children: [!isEmpty(splits) && /*#__PURE__*/jsxs("div", {
234
- className: "space-y-4",
235
- children: [/*#__PURE__*/jsx(Typography, {
236
- className: "ml-12",
237
- style: "h3",
238
- children: t("neetoPayments.common.splits")
239
- }), /*#__PURE__*/jsx(SubTable, {
240
- data: splits
241
- })]
242
- }), !isEmpty(refunds) && /*#__PURE__*/jsxs("div", {
243
- className: "space-y-4",
244
- children: [/*#__PURE__*/jsx(Typography, {
245
- className: "ml-12",
246
- style: "h3",
247
- children: t("neetoPayments.title.refund")
248
- }), /*#__PURE__*/jsx(SubTable, {
249
- data: refunds,
250
- kind: "refund"
251
- })]
252
- })]
253
- });
254
- };
255
-
256
- 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; }
257
- 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; }
258
- var useFetchData = function useFetchData(_ref) {
259
- var _data$kind, _data$kind2, _data$kind2$data, _data$kind2$data$coun, _data$kind3, _data$kind4;
260
- var kind = _ref.kind,
261
- holdableId = _ref.holdableId,
262
- payload = _ref.payload,
263
- isPlatformEnabled = _ref.isPlatformEnabled;
264
- var data = {};
265
- data.transfer = data.connected = useFetchStripeTransactions(holdableId, _objectSpread$3(_objectSpread$3({}, payload), {}, {
266
- kind: kind
267
- }), {
268
- enabled: isTransferKind(kind) || isConnectedKind(kind)
269
- });
270
- data.refund = useFetchStripeRefunds(payload, {
271
- enabled: isRefundKind(kind)
272
- });
273
- data.platform = useFetchStripePlatformTransactions(payload, {
274
- enabled: isPlatformKind(kind) && isPlatformEnabled
275
- });
276
- data.split = useFetchStripePlatformSplits(payload, {
277
- enabled: isSplitKind(kind)
278
- });
279
- return {
280
- data: processResponse((_data$kind = data[kind]) === null || _data$kind === void 0 ? void 0 : _data$kind.data, kind),
281
- dataSize: (_data$kind2 = data[kind]) === null || _data$kind2 === void 0 ? void 0 : (_data$kind2$data = _data$kind2.data) === null || _data$kind2$data === void 0 ? void 0 : (_data$kind2$data$coun = _data$kind2$data.counts) === null || _data$kind2$data$coun === void 0 ? void 0 : _data$kind2$data$coun[payload === null || payload === void 0 ? void 0 : payload.tab],
282
- isDataLoading: (_data$kind3 = data[kind]) === null || _data$kind3 === void 0 ? void 0 : _data$kind3.isLoading,
283
- isDataFetching: (_data$kind4 = data[kind]) === null || _data$kind4 === void 0 ? void 0 : _data$kind4.isFetching
284
- };
285
- };
286
-
287
- var RowExpander = function RowExpander(_ref) {
288
- var expanded = _ref.expanded,
289
- onExpand = _ref.onExpand,
290
- record = _ref.record,
291
- expandable = _ref.expandable;
292
- return expandable && (expanded ? /*#__PURE__*/jsx(Down, {
293
- className: "cursor-pointer",
294
- onClick: function onClick(e) {
295
- return onExpand(record, e);
296
- }
297
- }) : /*#__PURE__*/jsx(Right, {
298
- className: "cursor-pointer",
299
- onClick: function onClick(e) {
300
- return onExpand(record, e);
301
- }
302
- }));
303
- };
304
-
305
- var _excluded = ["transactionId"];
306
- 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; }
307
- 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; }
308
- var Details = function Details(_ref) {
309
- var transactionId = _ref.transactionId,
310
- paneProps = _objectWithoutProperties(_ref, _excluded);
311
- var _useTranslation = useTranslation(),
312
- t = _useTranslation.t;
313
- var _useFetchStripePlatfo = useFetchStripePlatformTransaction(transactionId),
314
- isLoading = _useFetchStripePlatfo.isLoading,
315
- _useFetchStripePlatfo2 = _useFetchStripePlatfo.data,
316
- _useFetchStripePlatfo3 = _useFetchStripePlatfo2 === void 0 ? {} : _useFetchStripePlatfo2,
317
- amount = _useFetchStripePlatfo3.amount,
318
- netAmount = _useFetchStripePlatfo3.netAmount,
319
- status = _useFetchStripePlatfo3.status,
320
- paymentAt = _useFetchStripePlatfo3.paymentAt,
321
- identifier = _useFetchStripePlatfo3.identifier,
322
- live = _useFetchStripePlatfo3.live,
323
- _useFetchStripePlatfo4 = _useFetchStripePlatfo3.splits,
324
- splits = _useFetchStripePlatfo4 === void 0 ? [] : _useFetchStripePlatfo4;
325
- return /*#__PURE__*/jsxs(Pane, _objectSpread$2(_objectSpread$2({}, paneProps), {}, {
326
- size: "large",
327
- children: [/*#__PURE__*/jsx(Pane.Header, {
328
- children: /*#__PURE__*/jsx(Typography, {
329
- style: "h2",
330
- children: "Transaction Details"
331
- })
332
- }), /*#__PURE__*/jsx(Pane.Body, {
333
- children: isLoading ? /*#__PURE__*/jsx("div", {
334
- className: "flex h-full w-full items-center justify-center",
335
- children: /*#__PURE__*/jsx(Spinner, {})
336
- }) : /*#__PURE__*/jsxs("div", {
337
- className: "w-full space-y-6 p-2",
338
- children: [/*#__PURE__*/jsxs("div", {
339
- className: "w-full space-y-2",
340
- children: [/*#__PURE__*/jsxs("div", {
341
- className: "flex items-center space-x-2",
342
- children: [/*#__PURE__*/jsx(Typography, {
343
- style: "body2",
344
- children: t("neetoPayments.transactionPane.transactionId")
345
- }), /*#__PURE__*/jsx(Typography, {
346
- className: "neeto-ui-text-black font-medium",
347
- style: "body2",
348
- children: renderIdentifier({
349
- identifier: identifier,
350
- live: live
351
- })
352
- })]
353
- }), /*#__PURE__*/jsxs("div", {
354
- className: "flex items-center space-x-2",
355
- children: [/*#__PURE__*/jsx(Typography, {
356
- style: "body2",
357
- children: t("neetoPayments.transactionPane.amount")
358
- }), /*#__PURE__*/jsx(Typography, {
359
- className: "neeto-ui-text-black font-medium",
360
- style: "body2",
361
- children: amount
362
- })]
363
- }), /*#__PURE__*/jsxs("div", {
364
- className: "flex items-center space-x-2",
365
- children: [/*#__PURE__*/jsx(Typography, {
366
- style: "body2",
367
- children: t("neetoPayments.transactionPane.netAmount")
368
- }), /*#__PURE__*/jsx(Typography, {
369
- className: "neeto-ui-text-black font-medium",
370
- style: "body2",
371
- children: netAmount
372
- })]
373
- }), /*#__PURE__*/jsxs("div", {
374
- className: "flex items-center space-x-2",
375
- children: [/*#__PURE__*/jsx(Typography, {
376
- style: "body2",
377
- children: t("neetoPayments.transactionPane.status")
378
- }), renderStatus("transaction", status)]
379
- }), /*#__PURE__*/jsxs("div", {
380
- className: "flex items-center space-x-2",
381
- children: [/*#__PURE__*/jsx(Typography, {
382
- style: "body2",
383
- children: t("neetoPayments.transactionPane.paidOn")
384
- }), /*#__PURE__*/jsx(Typography, {
385
- className: "neeto-ui-text-black font-medium",
386
- style: "body2",
387
- children: renderDate(paymentAt)
388
- })]
389
- })]
390
- }), /*#__PURE__*/jsx(Typography, {
391
- style: "h3",
392
- children: "Splits"
393
- }), /*#__PURE__*/jsx(SubTable, {
394
- className: "ml-0 w-full",
395
- data: splits
396
- })]
397
- })
398
- })]
399
- }));
400
- };
401
-
402
- 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; }
403
- 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; }
404
- var List = function List(_ref) {
405
- var _pageProperties$tab, _pageProperties$tab2, _pageProperties$tab3;
406
- var _ref$isPlatformEnable = _ref.isPlatformEnabled,
407
- isPlatformEnabled = _ref$isPlatformEnable === void 0 ? false : _ref$isPlatformEnable,
408
- kind = _ref.kind,
409
- _ref$holdableId = _ref.holdableId,
410
- holdableId = _ref$holdableId === void 0 ? null : _ref$holdableId,
411
- filters = _ref.filters,
412
- setIsFilterButtonVisible = _ref.setIsFilterButtonVisible,
413
- pageProperties = _ref.pageProperties,
414
- setPageProperties = _ref.setPageProperties,
415
- tab = _ref.tab,
416
- paneStatus = _ref.paneStatus,
417
- setPaneStatus = _ref.setPaneStatus,
418
- setDataSize = _ref.setDataSize,
419
- sortProperties = _ref.sortProperties,
420
- setSortProperties = _ref.setSortProperties,
421
- payoutId = _ref.payoutId,
422
- columns = _ref.columns;
423
- var history = useHistory();
424
- var _useTranslation = useTranslation(),
425
- t = _useTranslation.t;
426
- var _useHiddenColumns = useHiddenColumns("stripePaymentDashboard_".concat(kind)),
427
- hideColumn = _useHiddenColumns.hideColumn,
428
- _useHiddenColumns$hid = _useHiddenColumns.hiddenColumns,
429
- hiddenColumns = _useHiddenColumns$hid === void 0 ? [] : _useHiddenColumns$hid;
430
- var _useFetchStripePlatfo = useFetchStripePlatformAccount({
431
- enabled: isPlatformEnabled
432
- }),
433
- isStripePlatformAccountLoading = _useFetchStripePlatfo.isLoading,
434
- _useFetchStripePlatfo2 = _useFetchStripePlatfo.data,
435
- _useFetchStripePlatfo3 = _useFetchStripePlatfo2 === void 0 ? {} : _useFetchStripePlatfo2,
436
- stripePlatformAccount = _useFetchStripePlatfo3.platformAccount;
437
- var _useFetchConnectedStr = useFetchConnectedStripeAccount(holdableId),
438
- isStripeAccountLoading = _useFetchConnectedStr.isLoading,
439
- _useFetchConnectedStr2 = _useFetchConnectedStr.data,
440
- _useFetchConnectedStr3 = _useFetchConnectedStr2 === void 0 ? {} : _useFetchConnectedStr2,
441
- stripeConnectedAccount = _useFetchConnectedStr3.account;
442
- var _useFetchData = useFetchData({
443
- kind: kind,
444
- holdableId: holdableId,
445
- payload: buildPayload({
446
- tab: tab,
447
- filters: filters,
448
- pageProperties: pageProperties,
449
- sortProperties: sortProperties,
450
- payoutId: payoutId
451
- }),
452
- isPlatformEnabled: isPlatformEnabled
453
- }),
454
- data = _useFetchData.data,
455
- isDataLoading = _useFetchData.isDataLoading,
456
- dataSize = _useFetchData.dataSize,
457
- isDataFetching = _useFetchData.isDataFetching;
458
- var isStripeAccountConnected = (stripeConnectedAccount === null || stripeConnectedAccount === void 0 ? void 0 : stripeConnectedAccount.isConnected) || (stripePlatformAccount === null || stripePlatformAccount === void 0 ? void 0 : stripePlatformAccount.isConnected);
459
- useEffect(function () {
460
- setIsFilterButtonVisible(isPresent(data) || isPresent(filters));
461
- setDataSize(dataSize);
462
- }, [data]);
463
- var handleTablePaginaton = function handleTablePaginaton(page, pageSize) {
464
- var queryParams = getQueryParams({
465
- toCamelCase: false
466
- });
467
- history.push(buildUrl(window.location.pathname, mergeLeft({
468
- page: page,
469
- page_size: pageSize
470
- }, queryParams)));
471
- setPageProperties(assoc(tab, {
472
- page: page,
473
- pageSize: pageSize
474
- }));
475
- };
476
- useEffect(function () {
477
- handleTablePaginaton(DEFAULT_PAGE_INDEX, DEFAULT_PAGE_SIZE);
478
- setSortProperties(DEFAULT_SORT_PROPERTIES);
479
- }, [filters, tab]);
480
- var handleTableChange = function handleTableChange(_, __, sorter) {
481
- setSortProperties(isPresent(sorter === null || sorter === void 0 ? void 0 : sorter.column) ? {
482
- sortBy: camelToSnakeCase(processDataIndex(sorter.field)),
483
- orderBy: sorter.order === "ascend" ? "ASC" : "DESC"
484
- } : DEFAULT_SORT_PROPERTIES);
485
- };
486
- if (isStripeAccountLoading || isStripePlatformAccountLoading || isDataLoading) {
487
- return /*#__PURE__*/jsx("div", {
488
- className: "flex h-full w-full items-center justify-center",
489
- children: /*#__PURE__*/jsx(Spinner, {})
490
- });
491
- }
492
- if (!isStripeAccountConnected && dataSize <= 0 || !isPresent(data)) {
493
- return /*#__PURE__*/jsx("div", {
494
- className: "flex h-full w-full items-center justify-center",
495
- children: /*#__PURE__*/jsx(NoData, {
496
- title: tab === TAB.all ? t("neetoPayments.emptyState.".concat(kind)) : t("neetoPayments.emptyState.".concat(kind, "WithStatus"), {
497
- status: tab
498
- })
499
- })
500
- });
501
- }
502
- var visibleColumns = columns.filter(function (_ref2) {
503
- var dataIndex = _ref2.dataIndex;
504
- return !hiddenColumns.includes(processDataIndex(dataIndex));
505
- });
506
- return /*#__PURE__*/jsxs(Fragment, {
507
- children: [/*#__PURE__*/jsx(TableWrapper, {
508
- hasPagination: dataSize > ((_pageProperties$tab = pageProperties[tab]) === null || _pageProperties$tab === void 0 ? void 0 : _pageProperties$tab.pageSize),
509
- children: /*#__PURE__*/jsx(Table, {
510
- fixedHeight: true,
511
- allowRowClick: false,
512
- columnData: visibleColumns,
513
- currentPageNumber: (_pageProperties$tab2 = pageProperties[tab]) === null || _pageProperties$tab2 === void 0 ? void 0 : _pageProperties$tab2.page,
514
- handlePageChange: handleTablePaginaton,
515
- loading: isDataFetching,
516
- rowData: buildRowData({
517
- data: data,
518
- pageProperties: pageProperties,
519
- tab: tab
520
- }),
521
- rowSelection: false,
522
- sortDirections: SORT_DIRECTIONS,
523
- totalCount: dataSize,
524
- expandable: {
525
- expandedRowRender: ExpandedRow,
526
- showExpandColumn: isPlatformKind(kind),
527
- rowExpandable: function rowExpandable(record) {
528
- return !(isEmpty(record.splits) && isEmpty(record.refunds));
529
- },
530
- columnWidth: "64px",
531
- expandIcon: RowExpander
532
- },
533
- paginationProps: {
534
- showSizeChanger: true,
535
- hideOnSinglePage: true,
536
- pageSize: (_pageProperties$tab3 = pageProperties[tab]) === null || _pageProperties$tab3 === void 0 ? void 0 : _pageProperties$tab3.pageSize,
537
- total: dataSize
538
- },
539
- onChange: handleTableChange,
540
- onColumnHide: function onColumnHide(column) {
541
- hideColumn(processDataIndex(column.dataIndex));
542
- }
543
- })
544
- }), /*#__PURE__*/jsx(Details, _objectSpread$1(_objectSpread$1({}, paneStatus), {}, {
545
- onClose: function onClose() {
546
- return setPaneStatus(INITIAL_PANE_STATUS);
547
- }
548
- }))]
549
- });
550
- };
551
-
552
- 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; }
553
- 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; }
554
- var Dashboard = function Dashboard(_ref) {
555
- var _ref$isPlatformEnable = _ref.isPlatformEnabled,
556
- isPlatformEnabled = _ref$isPlatformEnable === void 0 ? false : _ref$isPlatformEnable,
557
- searchProps = _ref.searchProps,
558
- _ref$headerProps = _ref.headerProps,
559
- headerProps = _ref$headerProps === void 0 ? {} : _ref$headerProps,
560
- _ref$holdableId = _ref.holdableId,
561
- holdableId = _ref$holdableId === void 0 ? null : _ref$holdableId,
562
- _ref$payableEntityCol = _ref.payableEntityColumns,
563
- payableEntityColumns = _ref$payableEntityCol === void 0 ? [] : _ref$payableEntityCol,
564
- _ref$kind = _ref.kind,
565
- kind = _ref$kind === void 0 ? "connected" : _ref$kind,
566
- _ref$payoutId = _ref.payoutId,
567
- payoutId = _ref$payoutId === void 0 ? null : _ref$payoutId;
568
- var _useTransition = useTransition(),
569
- _useTransition2 = _slicedToArray(_useTransition, 2);
570
- _useTransition2[0];
571
- var startTransition = _useTransition2[1];
572
- var _useTranslation = useTranslation(),
573
- t = _useTranslation.t;
574
- var _useState = useState(false),
575
- _useState2 = _slicedToArray(_useState, 2),
576
- showExportModal = _useState2[0],
577
- setShowExportModal = _useState2[1];
578
- var _useFiltersAndPaginat = useFiltersAndPagination({
579
- payableEntityColumns: payableEntityColumns,
580
- kind: kind,
581
- searchProps: searchProps
582
- }),
583
- searchKeywordProps = _useFiltersAndPaginat.searchKeywordProps,
584
- pageProperties = _useFiltersAndPaginat.pageProperties,
585
- filterableColumns = _useFiltersAndPaginat.filterableColumns,
586
- isFilterButtonVisible = _useFiltersAndPaginat.isFilterButtonVisible,
587
- isFilterPaneOpen = _useFiltersAndPaginat.isFilterPaneOpen,
588
- filters = _useFiltersAndPaginat.filters,
589
- tabs = _useFiltersAndPaginat.tabs,
590
- tab = _useFiltersAndPaginat.tab,
591
- dataSize = _useFiltersAndPaginat.dataSize,
592
- sortProperties = _useFiltersAndPaginat.sortProperties,
593
- columns = _useFiltersAndPaginat.columns,
594
- modifiedColumns = _useFiltersAndPaginat.modifiedColumns,
595
- paneStatus = _useFiltersAndPaginat.paneStatus,
596
- setPaneStatus = _useFiltersAndPaginat.setPaneStatus,
597
- setIsFilterButtonVisible = _useFiltersAndPaginat.setIsFilterButtonVisible,
598
- setIsFilterPaneOpen = _useFiltersAndPaginat.setIsFilterPaneOpen,
599
- setFilters = _useFiltersAndPaginat.setFilters,
600
- setPageProperties = _useFiltersAndPaginat.setPageProperties,
601
- handleTabChange = _useFiltersAndPaginat.handleTabChange,
602
- setDataSize = _useFiltersAndPaginat.setDataSize,
603
- setSortProperties = _useFiltersAndPaginat.setSortProperties;
604
- var isTabsVisible = (isFilterButtonVisible || tab !== "all") && isNotPresent(payoutId);
605
- var titleKind = kind === "transfer" && !isPlatformEnabled ? KIND.connected : kind;
606
- var handleFiltersChange = function handleFiltersChange(filters) {
607
- startTransition(function () {
608
- setFilters(filters);
609
- });
610
- };
611
- return /*#__PURE__*/jsxs(Fragment, {
612
- children: [/*#__PURE__*/jsx(Header, _objectSpread(_objectSpread({}, headerProps), {}, {
613
- title: t("neetoPayments.title.".concat(titleKind)),
614
- searchProps: isFilterButtonVisible && {
615
- placeholder: searchKeywordProps.placeholder,
616
- className: "w-80"
617
- }
618
- })), isTabsVisible && /*#__PURE__*/jsx(Tab, {
619
- children: tabs.map(function (item) {
620
- return /*#__PURE__*/jsx(Tab.Item, {
621
- active: tab === item,
622
- onClick: function onClick() {
623
- return handleTabChange(item);
624
- },
625
- children: t("neetoPayments.common.".concat(item))
626
- }, item);
627
- })
628
- }), /*#__PURE__*/jsx(SubHeader, {
629
- className: "mt-4",
630
- leftActionBlock: dataSize > 0 && /*#__PURE__*/jsx(Typography, {
631
- className: "neeto-ui-gray-800 mr-2 font-semibold",
632
- component: "h4",
633
- children: tab === TAB.all ? t("neetoPayments.countOf.".concat(kind), {
634
- count: dataSize
635
- }) : t("neetoPayments.countOf.".concat(kind, "WithStatus"), {
636
- count: dataSize,
637
- status: tab
638
- })
639
- }),
640
- rightActionBlock: /*#__PURE__*/jsxs(Fragment, {
641
- children: [/*#__PURE__*/jsx(FiltersBar, {
642
- columns: filterableColumns,
643
- keyword: searchKeywordProps,
644
- setIsPaneOpen: setIsFilterPaneOpen,
645
- onChange: handleFiltersChange
646
- }), isFilterButtonVisible && /*#__PURE__*/jsx(SubHeader.RightBlock, {
647
- columnsButtonProps: {
648
- columnData: modifiedColumns,
649
- fixedColumns: DASHBOARD_MANDATORY_COLUMNS,
650
- localStorageKey: "stripePaymentDashboard_".concat(kind)
651
- },
652
- downloadButtonProps: {
653
- onClick: function onClick() {
654
- return setShowExportModal(true);
655
- }
656
- },
657
- filterProps: {
658
- columns: filterableColumns,
659
- isOpen: isFilterPaneOpen,
660
- keyword: searchKeywordProps,
661
- setIsOpen: setIsFilterPaneOpen,
662
- onChange: handleFiltersChange
663
- }
664
- })]
665
- })
666
- }), /*#__PURE__*/jsx(List, {
667
- columns: columns,
668
- filters: filters,
669
- holdableId: holdableId,
670
- isPlatformEnabled: isPlatformEnabled,
671
- kind: kind,
672
- pageProperties: pageProperties,
673
- paneStatus: paneStatus,
674
- payoutId: payoutId,
675
- setDataSize: setDataSize,
676
- setIsFilterButtonVisible: setIsFilterButtonVisible,
677
- setPageProperties: setPageProperties,
678
- setPaneStatus: setPaneStatus,
679
- setSortProperties: setSortProperties,
680
- sortProperties: sortProperties,
681
- tab: tab
682
- }), /*#__PURE__*/jsx(ExportModal, {
683
- filters: filters,
684
- holdableId: holdableId,
685
- kind: kind,
686
- setShowExportModal: setShowExportModal,
687
- showExportModal: showExportModal,
688
- sortProperties: sortProperties,
689
- tab: tab
690
- })]
691
- });
692
- };
693
- var Dashboard$1 = withTitle(withReactQuery(Dashboard), t("neetoPayments.common.payments"));
694
-
695
- export { Dashboard$1 as default };
696
- //# sourceMappingURL=Dashboard.js.map