@bigbinary/neeto-payments-frontend 2.1.4 → 2.2.0
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.
- package/dist/AccountsDashboard.js +28 -28
- package/dist/AccountsDashboard.js.map +1 -1
- package/dist/Dashboard.js +54 -54
- package/dist/Dashboard.js.map +1 -1
- package/dist/{ExportModal-39bfc053.js → ExportModal-23f4fa34.js} +38 -38
- package/dist/ExportModal-23f4fa34.js.map +1 -0
- package/dist/{IdentifierButton-73cadb18.js → IdentifierButton-81450a91.js} +4 -4
- package/dist/IdentifierButton-81450a91.js.map +1 -0
- package/dist/PaymentKindRestrictionAlert.js +1 -2
- package/dist/PaymentKindRestrictionAlert.js.map +1 -1
- package/dist/PayoutsDashboard.js +29 -29
- package/dist/PayoutsDashboard.js.map +1 -1
- package/dist/PayoutsPage.js +31 -31
- package/dist/PayoutsPage.js.map +1 -1
- package/dist/RazorpayDashboard.js +16 -16
- package/dist/RazorpayDashboard.js.map +1 -1
- package/dist/RazorpayPaymentButton.js +11 -5
- package/dist/RazorpayPaymentButton.js.map +1 -1
- package/dist/StripeConnect.js +47 -47
- package/dist/StripeConnect.js.map +1 -1
- package/dist/UpiConnect.js +16 -16
- package/dist/UpiConnect.js.map +1 -1
- package/dist/UpiMarkAsPaidButton.js +2 -3
- package/dist/UpiMarkAsPaidButton.js.map +1 -1
- package/dist/UpiPayment.js +9 -10
- package/dist/UpiPayment.js.map +1 -1
- package/dist/V2PaymentsDashboard.js +11 -11
- package/dist/V2PaymentsDashboard.js.map +1 -1
- package/dist/buildStripeTransactionLink.js +2 -2
- package/dist/cjs/AccountsDashboard.js +42 -43
- package/dist/cjs/AccountsDashboard.js.map +1 -1
- package/dist/cjs/Dashboard.js +65 -66
- package/dist/cjs/Dashboard.js.map +1 -1
- package/dist/cjs/{ExportModal-bdc93240.js → ExportModal-b94a33bf.js} +42 -43
- package/dist/cjs/ExportModal-b94a33bf.js.map +1 -0
- package/dist/cjs/{IdentifierButton-40b5459d.js → IdentifierButton-c5f8ded9.js} +4 -5
- package/dist/cjs/IdentifierButton-c5f8ded9.js.map +1 -0
- package/dist/cjs/PaymentKindRestrictionAlert.js +1 -3
- package/dist/cjs/PaymentKindRestrictionAlert.js.map +1 -1
- package/dist/cjs/PayoutsDashboard.js +43 -44
- package/dist/cjs/PayoutsDashboard.js.map +1 -1
- package/dist/cjs/PayoutsPage.js +31 -32
- package/dist/cjs/PayoutsPage.js.map +1 -1
- package/dist/cjs/RazorpayDashboard.js +18 -19
- package/dist/cjs/RazorpayDashboard.js.map +1 -1
- package/dist/cjs/RazorpayPaymentButton.js +10 -5
- package/dist/cjs/RazorpayPaymentButton.js.map +1 -1
- package/dist/cjs/StripeConnect.js +49 -50
- package/dist/cjs/StripeConnect.js.map +1 -1
- package/dist/cjs/UpiConnect.js +18 -19
- package/dist/cjs/UpiConnect.js.map +1 -1
- package/dist/cjs/UpiMarkAsPaidButton.js +2 -4
- package/dist/cjs/UpiMarkAsPaidButton.js.map +1 -1
- package/dist/cjs/UpiPayment.js +9 -11
- package/dist/cjs/UpiPayment.js.map +1 -1
- package/dist/cjs/V2PaymentsDashboard.js +12 -13
- package/dist/cjs/V2PaymentsDashboard.js.map +1 -1
- package/dist/cjs/buildStripeTransactionLink.js +1 -1
- package/dist/cjs/constants.js +0 -3
- package/dist/cjs/constants.js.map +1 -1
- package/dist/cjs/{exportChannel-25096ec6.js → exportChannel-1c3103ef.js} +1 -1
- package/dist/cjs/{exportChannel-25096ec6.js.map → exportChannel-1c3103ef.js.map} +1 -1
- package/dist/cjs/{index-50640293.js → index-e317e851.js} +1 -1
- package/dist/cjs/{index-50640293.js.map → index-e317e851.js.map} +1 -1
- package/dist/cjs/index.js +10 -10
- package/dist/cjs/{renderFunctions-2078e7e2.js → renderFunctions-621282bb.js} +12 -14
- package/dist/cjs/renderFunctions-621282bb.js.map +1 -0
- package/dist/cjs/{useConnectApi-e7f3de75.js → useConnectApi-a80cbf88.js} +1 -1
- package/dist/cjs/{useConnectApi-e7f3de75.js.map → useConnectApi-a80cbf88.js.map} +1 -1
- package/dist/cjs/{useFiltersAndPagination-5a9347b9.js → useFiltersAndPagination-98eb45d6.js} +21 -22
- package/dist/cjs/useFiltersAndPagination-98eb45d6.js.map +1 -0
- package/dist/cjs/{usePaymentApi-7a0bbf0b.js → usePaymentApi-77803596.js} +1 -1
- package/dist/cjs/{usePaymentApi-7a0bbf0b.js.map → usePaymentApi-77803596.js.map} +1 -1
- package/dist/cjs/{usePaymentsApi-cd592e15.js → usePaymentsApi-239e8d8a.js} +1 -1
- package/dist/cjs/{usePaymentsApi-cd592e15.js.map → usePaymentsApi-239e8d8a.js.map} +1 -1
- package/dist/cjs/{usePlatformApi-1013cf7c.js → usePlatformApi-6740cf80.js} +2 -2
- package/dist/cjs/{usePlatformApi-1013cf7c.js.map → usePlatformApi-6740cf80.js.map} +1 -1
- package/dist/cjs/useRazorpayPayment.js +1 -1
- package/dist/constants.js +0 -3
- package/dist/constants.js.map +1 -1
- package/dist/{exportChannel-adf7b822.js → exportChannel-23e4628c.js} +1 -1
- package/dist/{exportChannel-adf7b822.js.map → exportChannel-23e4628c.js.map} +1 -1
- package/dist/{index-6162b28f.js → index-385083ef.js} +1 -1
- package/dist/{index-6162b28f.js.map → index-385083ef.js.map} +1 -1
- package/dist/index.js +10 -10
- package/dist/{renderFunctions-f7c87474.js → renderFunctions-ac5ef9d0.js} +12 -13
- package/dist/renderFunctions-ac5ef9d0.js.map +1 -0
- package/dist/{useConnectApi-ea17ae47.js → useConnectApi-36a92bd8.js} +1 -1
- package/dist/{useConnectApi-ea17ae47.js.map → useConnectApi-36a92bd8.js.map} +1 -1
- package/dist/{useFiltersAndPagination-78e70378.js → useFiltersAndPagination-8813cdb2.js} +14 -14
- package/dist/useFiltersAndPagination-8813cdb2.js.map +1 -0
- package/dist/{usePaymentApi-66c05a32.js → usePaymentApi-edc45d99.js} +1 -1
- package/dist/{usePaymentApi-66c05a32.js.map → usePaymentApi-edc45d99.js.map} +1 -1
- package/dist/{usePaymentsApi-11e025d2.js → usePaymentsApi-663c4058.js} +1 -1
- package/dist/{usePaymentsApi-11e025d2.js.map → usePaymentsApi-663c4058.js.map} +1 -1
- package/dist/{usePlatformApi-5635c757.js → usePlatformApi-3faabc82.js} +2 -2
- package/dist/{usePlatformApi-5635c757.js.map → usePlatformApi-3faabc82.js.map} +1 -1
- package/dist/useRazorpayPayment.js +1 -1
- package/package.json +9 -9
- package/dist/ExportModal-39bfc053.js.map +0 -1
- package/dist/IdentifierButton-73cadb18.js.map +0 -1
- package/dist/cjs/ExportModal-bdc93240.js.map +0 -1
- package/dist/cjs/IdentifierButton-40b5459d.js.map +0 -1
- package/dist/cjs/renderFunctions-2078e7e2.js.map +0 -1
- package/dist/cjs/useFiltersAndPagination-5a9347b9.js.map +0 -1
- package/dist/renderFunctions-f7c87474.js.map +0 -1
- package/dist/useFiltersAndPagination-78e70378.js.map +0 -1
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { _ as _extends } from './extends-093996c9.js';
|
|
2
|
-
import
|
|
2
|
+
import { useEffect, useState } from 'react';
|
|
3
3
|
import { t } from 'i18next';
|
|
4
4
|
import { withTitle } from '@bigbinary/neeto-commons-frontend/react-utils';
|
|
5
5
|
import { useTranslation } from 'react-i18next';
|
|
6
|
-
import { b as buildPaymentColumns, i as isPaymentKind, u as useFiltersAndPagination, F as FilterWrapper } from './useFiltersAndPagination-
|
|
7
|
-
import { e as buildPayload, f as buildRowData, w as withReactQuery } from './renderFunctions-
|
|
8
|
-
import { E as ExportModal } from './ExportModal-
|
|
6
|
+
import { b as buildPaymentColumns, i as isPaymentKind, u as useFiltersAndPagination, F as FilterWrapper } from './useFiltersAndPagination-8813cdb2.js';
|
|
7
|
+
import { e as buildPayload, f as buildRowData, w as withReactQuery } from './renderFunctions-ac5ef9d0.js';
|
|
8
|
+
import { E as ExportModal } from './ExportModal-23f4fa34.js';
|
|
9
9
|
import { isPresent, camelToSnakeCase } from '@bigbinary/neeto-cist';
|
|
10
10
|
import { getQueryParams, buildUrl } from '@bigbinary/neeto-commons-frontend/utils';
|
|
11
11
|
import { useHiddenColumns } from '@bigbinary/neeto-molecules/Columns';
|
|
@@ -19,8 +19,8 @@ import { useQuery } from '@tanstack/react-query';
|
|
|
19
19
|
import axios from 'axios';
|
|
20
20
|
import { BASE_URL, SORT_DIRECTIONS, DEFAULT_SORT_PROPERTIES } from './constants.js';
|
|
21
21
|
import { Q as QUERY_KEYS } from './queryConstants-7d91832f.js';
|
|
22
|
-
import { u as useFetchRazorpayPayments } from './usePaymentApi-
|
|
23
|
-
import { p as processDataIndex } from './index-
|
|
22
|
+
import { u as useFetchRazorpayPayments } from './usePaymentApi-edc45d99.js';
|
|
23
|
+
import { p as processDataIndex } from './index-385083ef.js';
|
|
24
24
|
import '@bigbinary/neeto-filters-frontend';
|
|
25
25
|
import '@bigbinary/neeto-molecules/Header';
|
|
26
26
|
import '@bigbinary/neeto-molecules/SubHeader';
|
|
@@ -36,8 +36,8 @@ import '@bigbinary/neetoui/Tag';
|
|
|
36
36
|
import '@bigbinary/neeto-molecules/CopyToClipboardButton';
|
|
37
37
|
import '@bigbinary/neeto-icons/Download';
|
|
38
38
|
import '@bigbinary/neetoui/Modal';
|
|
39
|
-
import './exportChannel-
|
|
40
|
-
import './IdentifierButton-
|
|
39
|
+
import './exportChannel-23e4628c.js';
|
|
40
|
+
import './IdentifierButton-81450a91.js';
|
|
41
41
|
|
|
42
42
|
const TAB = {
|
|
43
43
|
all: "all",
|
|
@@ -145,20 +145,20 @@ const List = _ref => {
|
|
|
145
145
|
return !hiddenColumns.includes(processDataIndex(dataIndex));
|
|
146
146
|
});
|
|
147
147
|
if (isAccountLoading || isPaymentsLoaidng) {
|
|
148
|
-
return /*#__PURE__*/
|
|
148
|
+
return /*#__PURE__*/React.createElement(PageLoader, null);
|
|
149
149
|
}
|
|
150
150
|
if (!account?.isConnected && views <= 0 || !isPresent(payments)) {
|
|
151
|
-
return /*#__PURE__*/
|
|
151
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
152
152
|
className: "flex h-full w-full items-center justify-center"
|
|
153
|
-
}, /*#__PURE__*/
|
|
153
|
+
}, /*#__PURE__*/React.createElement(NoData, {
|
|
154
154
|
title: tab === TAB.all ? t(`neetoPayments.emptyState.${kind}`) : t(`neetoPayments.emptyState.${kind}WithStatus`, {
|
|
155
155
|
status: tab
|
|
156
156
|
})
|
|
157
157
|
}));
|
|
158
158
|
}
|
|
159
|
-
return /*#__PURE__*/
|
|
159
|
+
return /*#__PURE__*/React.createElement(TableWrapper, {
|
|
160
160
|
hasPagination: views[tab] > pageProperties[tab]?.pageSize
|
|
161
|
-
}, /*#__PURE__*/
|
|
161
|
+
}, /*#__PURE__*/React.createElement(Table, {
|
|
162
162
|
fixedHeight: true,
|
|
163
163
|
allowRowClick: false,
|
|
164
164
|
columnData: visibleColumns,
|
|
@@ -214,14 +214,14 @@ const RazorpayDashboard = _ref => {
|
|
|
214
214
|
tab,
|
|
215
215
|
setDataSize
|
|
216
216
|
} = filterPaginationState;
|
|
217
|
-
return /*#__PURE__*/
|
|
217
|
+
return /*#__PURE__*/React.createElement(FilterWrapper, _extends({
|
|
218
218
|
title: t("neetoPayments.common.razorpayPayments"),
|
|
219
219
|
headerProps,
|
|
220
220
|
kind,
|
|
221
221
|
payableEntityColumns,
|
|
222
222
|
searchProps,
|
|
223
223
|
setShowExportModal
|
|
224
|
-
}, filterPaginationState), /*#__PURE__*/
|
|
224
|
+
}, filterPaginationState), /*#__PURE__*/React.createElement(List, {
|
|
225
225
|
filters,
|
|
226
226
|
holdableId,
|
|
227
227
|
kind,
|
|
@@ -233,7 +233,7 @@ const RazorpayDashboard = _ref => {
|
|
|
233
233
|
setSortProperties,
|
|
234
234
|
sortProperties,
|
|
235
235
|
tab
|
|
236
|
-
}), /*#__PURE__*/
|
|
236
|
+
}), /*#__PURE__*/React.createElement(ExportModal, {
|
|
237
237
|
filters,
|
|
238
238
|
holdableId,
|
|
239
239
|
kind,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RazorpayDashboard.js","sources":["../app/javascript/src/components/RazorpayDashboard/constants/index.js","../app/javascript/src/apis/razorpay/accounts.js","../app/javascript/src/hooks/reactQuery/razorpay/useAccountApi.js","../app/javascript/src/components/RazorpayDashboard/List.jsx","../app/javascript/src/components/RazorpayDashboard/index.jsx"],"sourcesContent":["export const TAB = {\n all: \"all\",\n successful: \"successful\",\n declined: \"declined\",\n refunded: \"refunded\",\n};\n\nexport const TABS = Object.values(TAB);\n","import axios from \"axios\";\n\nimport { BASE_URL } from \"src/constants\";\n\nconst defaultShow = () =>\n axios.get(`${BASE_URL}/api/v1/razorpay/holdable/account`);\n\nconst show = holdableId =>\n axios.get(`${BASE_URL}/api/v1/razorpay/holdables/${holdableId}/account`);\n\nconst accountsApi = { defaultShow, show };\n\nexport default accountsApi;\n","import { useQuery } from \"@tanstack/react-query\";\nimport { isPresent } from \"neetocist\";\n\nimport accountsApi from \"apis/razorpay/accounts\";\nimport { QUERY_KEYS } from \"src/common/queryConstants\";\n\nexport const useFetchRazorpayAccount = (holdableId, options = {}) =>\n useQuery({\n queryKey: [QUERY_KEYS.RAZORPAY_ACCOUNT_DETAILS, holdableId],\n queryFn: () => {\n if (isPresent(holdableId)) return accountsApi.show(holdableId);\n\n return accountsApi.defaultShow();\n },\n ...options,\n });\n","import React, { useEffect } from \"react\";\n\nimport { camelToSnakeCase, isPresent } from \"neetocist\";\nimport { buildUrl, getQueryParams } from \"neetocommons/utils\";\nimport { useHiddenColumns } from \"neetomolecules/Columns\";\nimport PageLoader from \"neetomolecules/PageLoader\";\nimport TableWrapper from \"neetomolecules/TableWrapper\";\nimport { Table, NoData } from \"neetoui\";\nimport { assoc, mergeLeft } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\nimport { useHistory } from \"react-router-dom\";\n\nimport { useFetchRazorpayAccount } from \"hooks/reactQuery/razorpay/useAccountApi\";\nimport { useFetchRazorpayPayments } from \"hooks/reactQuery/razorpay/usePaymentApi\";\nimport { DEFAULT_SORT_PROPERTIES, SORT_DIRECTIONS } from \"src/constants\";\nimport { processDataIndex } from \"utils\";\nimport { buildPayload, buildRowData } from \"utils/dashboard\";\n\nimport { TAB } from \"./constants\";\nimport { buildPaymentColumns, isPaymentKind } from \"./utils\";\n\nconst List = ({\n holdableId,\n kind,\n filters,\n setIsFilterButtonVisible,\n pageProperties,\n payableEntityColumns,\n setPageProperties,\n tab,\n sortProperties,\n setSortProperties,\n setDataSize,\n}) => {\n const history = useHistory();\n const { t } = useTranslation();\n const columnData = buildPaymentColumns({\n tab,\n kind,\n payableEntityColumns,\n });\n\n const { isLoading: isAccountLoading, data: { account } = {} } =\n useFetchRazorpayAccount();\n\n const payload = buildPayload({\n tab,\n filters,\n pageProperties,\n sortProperties,\n });\n\n const { hideColumn, hiddenColumns = [] } = useHiddenColumns(\n `paymentDashboard_${kind}`\n );\n\n const {\n data: { payments, views = {} } = {},\n isLoading: isPaymentsLoaidng,\n isFetching,\n } = useFetchRazorpayPayments(holdableId, payload, {\n enabled: isPaymentKind(kind),\n });\n\n useEffect(() => {\n setIsFilterButtonVisible(isPresent(payments) || isPresent(filters));\n setDataSize(views[tab]);\n }, [payments]);\n\n const handleTablePaginaton = (page, pageSize) => {\n const queryParams = getQueryParams({ toCamelCase: false });\n history.push(\n buildUrl(\n window.location.pathname,\n mergeLeft({ page, page_size: pageSize }, queryParams)\n )\n );\n setPageProperties(assoc(tab, { page, pageSize }));\n };\n\n const handleTableChange = (_, __, sorter) => {\n setSortProperties(\n isPresent(sorter?.column)\n ? {\n sortBy: camelToSnakeCase(sorter.field),\n orderBy: sorter.order === \"ascend\" ? \"ASC\" : \"DESC\",\n }\n : DEFAULT_SORT_PROPERTIES\n );\n };\n\n const visibleColumns = columnData.filter(\n ({ dataIndex }) => !hiddenColumns.includes(processDataIndex(dataIndex))\n );\n\n if (isAccountLoading || isPaymentsLoaidng) {\n return <PageLoader />;\n }\n\n if ((!account?.isConnected && views <= 0) || !isPresent(payments)) {\n return (\n <div className=\"flex h-full w-full items-center justify-center\">\n <NoData\n title={\n tab === TAB.all\n ? t(`neetoPayments.emptyState.${kind}`)\n : t(`neetoPayments.emptyState.${kind}WithStatus`, { status: tab })\n }\n />\n </div>\n );\n }\n\n return (\n <TableWrapper hasPagination={views[tab] > pageProperties[tab]?.pageSize}>\n <Table\n fixedHeight\n allowRowClick={false}\n columnData={visibleColumns}\n currentPageNumber={pageProperties[tab]?.page}\n handlePageChange={handleTablePaginaton}\n loading={isFetching}\n rowData={buildRowData({ data: payments, pageProperties, tab })}\n rowSelection={false}\n sortDirections={SORT_DIRECTIONS}\n totalCount={views[tab]}\n paginationProps={{\n showSizeChanger: true,\n hideOnSinglePage: true,\n pageSize: pageProperties[tab]?.pageSize,\n total: views,\n }}\n onChange={handleTableChange}\n onColumnHide={columnData => {\n hideColumn(processDataIndex(columnData.dataIndex));\n }}\n />\n </TableWrapper>\n );\n};\n\nexport default List;\n","import React, { useState } from \"react\";\n\nimport { t } from \"i18next\";\nimport { withTitle } from \"neetocommons/react-utils\";\nimport { useTranslation } from \"react-i18next\";\n\nimport FilterWrapper from \"components/Common/FilterWrapper\";\nimport withReactQuery from \"components/Common/withReactQuery\";\nimport ExportModal from \"components/Dashboard/ExportModal\";\nimport { useFiltersAndPagination } from \"hooks/useFiltersAndPagination\";\n\nimport { TABS } from \"./constants\";\nimport List from \"./List\";\n\nconst RazorpayDashboard = ({\n searchProps,\n headerProps = {},\n holdableId = null,\n payableEntityColumns = [],\n kind = \"razorpayPayment\",\n}) => {\n const [showExportModal, setShowExportModal] = useState(false);\n const { t } = useTranslation();\n const filterPaginationState = useFiltersAndPagination({\n payableEntityColumns,\n kind,\n initialTabs: TABS,\n tabMetaData: {},\n });\n\n const {\n filters,\n setIsFilterButtonVisible,\n pageProperties,\n setPageProperties,\n sortProperties,\n setSortProperties,\n tab,\n setDataSize,\n } = filterPaginationState;\n\n return (\n <FilterWrapper\n title={t(\"neetoPayments.common.razorpayPayments\")}\n {...{\n headerProps,\n kind,\n payableEntityColumns,\n searchProps,\n setShowExportModal,\n ...filterPaginationState,\n }}\n >\n <List\n {...{\n filters,\n holdableId,\n kind,\n pageProperties,\n payableEntityColumns,\n setDataSize,\n setIsFilterButtonVisible,\n setPageProperties,\n setSortProperties,\n sortProperties,\n tab,\n }}\n />\n <ExportModal\n {...{\n filters,\n holdableId,\n kind,\n setShowExportModal,\n showExportModal,\n sortProperties,\n tab,\n }}\n />\n </FilterWrapper>\n );\n};\n\nexport default withTitle(\n withReactQuery(RazorpayDashboard),\n t(\"neetoPayments.common.razorpayPayments\")\n);\n"],"names":["TAB","all","successful","declined","refunded","TABS","Object","values","defaultShow","axios","get","BASE_URL","show","holdableId","accountsApi","useFetchRazorpayAccount","options","arguments","length","undefined","useQuery","queryKey","QUERY_KEYS","RAZORPAY_ACCOUNT_DETAILS","queryFn","isPresent","List","_ref","kind","filters","setIsFilterButtonVisible","pageProperties","payableEntityColumns","setPageProperties","tab","sortProperties","setSortProperties","setDataSize","history","useHistory","t","useTranslation","columnData","buildPaymentColumns","isLoading","isAccountLoading","data","account","payload","buildPayload","hideColumn","hiddenColumns","useHiddenColumns","payments","views","isPaymentsLoaidng","isFetching","useFetchRazorpayPayments","enabled","isPaymentKind","useEffect","handleTablePaginaton","page","pageSize","queryParams","getQueryParams","toCamelCase","push","buildUrl","window","location","pathname","mergeLeft","page_size","assoc","handleTableChange","_","__","sorter","column","sortBy","camelToSnakeCase","field","orderBy","order","DEFAULT_SORT_PROPERTIES","visibleColumns","filter","_ref2","dataIndex","includes","processDataIndex","React","createElement","PageLoader","isConnected","className","NoData","title","status","TableWrapper","hasPagination","Table","fixedHeight","allowRowClick","currentPageNumber","handlePageChange","loading","rowData","buildRowData","rowSelection","sortDirections","SORT_DIRECTIONS","totalCount","paginationProps","showSizeChanger","hideOnSinglePage","total","onChange","onColumnHide","RazorpayDashboard","searchProps","headerProps","showExportModal","setShowExportModal","useState","filterPaginationState","useFiltersAndPagination","initialTabs","tabMetaData","FilterWrapper","_extends","ExportModal","withTitle","withReactQuery"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"RazorpayDashboard.js","sources":["../app/javascript/src/components/RazorpayDashboard/constants/index.js","../app/javascript/src/apis/razorpay/accounts.js","../app/javascript/src/hooks/reactQuery/razorpay/useAccountApi.js","../app/javascript/src/components/RazorpayDashboard/List.jsx","../app/javascript/src/components/RazorpayDashboard/index.jsx"],"sourcesContent":["export const TAB = {\n all: \"all\",\n successful: \"successful\",\n declined: \"declined\",\n refunded: \"refunded\",\n};\n\nexport const TABS = Object.values(TAB);\n","import axios from \"axios\";\n\nimport { BASE_URL } from \"src/constants\";\n\nconst defaultShow = () =>\n axios.get(`${BASE_URL}/api/v1/razorpay/holdable/account`);\n\nconst show = holdableId =>\n axios.get(`${BASE_URL}/api/v1/razorpay/holdables/${holdableId}/account`);\n\nconst accountsApi = { defaultShow, show };\n\nexport default accountsApi;\n","import { useQuery } from \"@tanstack/react-query\";\nimport { isPresent } from \"neetocist\";\n\nimport accountsApi from \"apis/razorpay/accounts\";\nimport { QUERY_KEYS } from \"src/common/queryConstants\";\n\nexport const useFetchRazorpayAccount = (holdableId, options = {}) =>\n useQuery({\n queryKey: [QUERY_KEYS.RAZORPAY_ACCOUNT_DETAILS, holdableId],\n queryFn: () => {\n if (isPresent(holdableId)) return accountsApi.show(holdableId);\n\n return accountsApi.defaultShow();\n },\n ...options,\n });\n","import { useEffect } from \"react\";\n\nimport { camelToSnakeCase, isPresent } from \"neetocist\";\nimport { buildUrl, getQueryParams } from \"neetocommons/utils\";\nimport { useHiddenColumns } from \"neetomolecules/Columns\";\nimport PageLoader from \"neetomolecules/PageLoader\";\nimport TableWrapper from \"neetomolecules/TableWrapper\";\nimport { Table, NoData } from \"neetoui\";\nimport { assoc, mergeLeft } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\nimport { useHistory } from \"react-router-dom\";\n\nimport { useFetchRazorpayAccount } from \"hooks/reactQuery/razorpay/useAccountApi\";\nimport { useFetchRazorpayPayments } from \"hooks/reactQuery/razorpay/usePaymentApi\";\nimport { DEFAULT_SORT_PROPERTIES, SORT_DIRECTIONS } from \"src/constants\";\nimport { processDataIndex } from \"utils\";\nimport { buildPayload, buildRowData } from \"utils/dashboard\";\n\nimport { TAB } from \"./constants\";\nimport { buildPaymentColumns, isPaymentKind } from \"./utils\";\n\nconst List = ({\n holdableId,\n kind,\n filters,\n setIsFilterButtonVisible,\n pageProperties,\n payableEntityColumns,\n setPageProperties,\n tab,\n sortProperties,\n setSortProperties,\n setDataSize,\n}) => {\n const history = useHistory();\n const { t } = useTranslation();\n const columnData = buildPaymentColumns({\n tab,\n kind,\n payableEntityColumns,\n });\n\n const { isLoading: isAccountLoading, data: { account } = {} } =\n useFetchRazorpayAccount();\n\n const payload = buildPayload({\n tab,\n filters,\n pageProperties,\n sortProperties,\n });\n\n const { hideColumn, hiddenColumns = [] } = useHiddenColumns(\n `paymentDashboard_${kind}`\n );\n\n const {\n data: { payments, views = {} } = {},\n isLoading: isPaymentsLoaidng,\n isFetching,\n } = useFetchRazorpayPayments(holdableId, payload, {\n enabled: isPaymentKind(kind),\n });\n\n useEffect(() => {\n setIsFilterButtonVisible(isPresent(payments) || isPresent(filters));\n setDataSize(views[tab]);\n }, [payments]);\n\n const handleTablePaginaton = (page, pageSize) => {\n const queryParams = getQueryParams({ toCamelCase: false });\n history.push(\n buildUrl(\n window.location.pathname,\n mergeLeft({ page, page_size: pageSize }, queryParams)\n )\n );\n setPageProperties(assoc(tab, { page, pageSize }));\n };\n\n const handleTableChange = (_, __, sorter) => {\n setSortProperties(\n isPresent(sorter?.column)\n ? {\n sortBy: camelToSnakeCase(sorter.field),\n orderBy: sorter.order === \"ascend\" ? \"ASC\" : \"DESC\",\n }\n : DEFAULT_SORT_PROPERTIES\n );\n };\n\n const visibleColumns = columnData.filter(\n ({ dataIndex }) => !hiddenColumns.includes(processDataIndex(dataIndex))\n );\n\n if (isAccountLoading || isPaymentsLoaidng) {\n return <PageLoader />;\n }\n\n if ((!account?.isConnected && views <= 0) || !isPresent(payments)) {\n return (\n <div className=\"flex h-full w-full items-center justify-center\">\n <NoData\n title={\n tab === TAB.all\n ? t(`neetoPayments.emptyState.${kind}`)\n : t(`neetoPayments.emptyState.${kind}WithStatus`, { status: tab })\n }\n />\n </div>\n );\n }\n\n return (\n <TableWrapper hasPagination={views[tab] > pageProperties[tab]?.pageSize}>\n <Table\n fixedHeight\n allowRowClick={false}\n columnData={visibleColumns}\n currentPageNumber={pageProperties[tab]?.page}\n handlePageChange={handleTablePaginaton}\n loading={isFetching}\n rowData={buildRowData({ data: payments, pageProperties, tab })}\n rowSelection={false}\n sortDirections={SORT_DIRECTIONS}\n totalCount={views[tab]}\n paginationProps={{\n showSizeChanger: true,\n hideOnSinglePage: true,\n pageSize: pageProperties[tab]?.pageSize,\n total: views,\n }}\n onChange={handleTableChange}\n onColumnHide={columnData => {\n hideColumn(processDataIndex(columnData.dataIndex));\n }}\n />\n </TableWrapper>\n );\n};\n\nexport default List;\n","import { useState } from \"react\";\n\nimport { t } from \"i18next\";\nimport { withTitle } from \"neetocommons/react-utils\";\nimport { useTranslation } from \"react-i18next\";\n\nimport FilterWrapper from \"components/Common/FilterWrapper\";\nimport withReactQuery from \"components/Common/withReactQuery\";\nimport ExportModal from \"components/Dashboard/ExportModal\";\nimport { useFiltersAndPagination } from \"hooks/useFiltersAndPagination\";\n\nimport { TABS } from \"./constants\";\nimport List from \"./List\";\n\nconst RazorpayDashboard = ({\n searchProps,\n headerProps = {},\n holdableId = null,\n payableEntityColumns = [],\n kind = \"razorpayPayment\",\n}) => {\n const [showExportModal, setShowExportModal] = useState(false);\n const { t } = useTranslation();\n const filterPaginationState = useFiltersAndPagination({\n payableEntityColumns,\n kind,\n initialTabs: TABS,\n tabMetaData: {},\n });\n\n const {\n filters,\n setIsFilterButtonVisible,\n pageProperties,\n setPageProperties,\n sortProperties,\n setSortProperties,\n tab,\n setDataSize,\n } = filterPaginationState;\n\n return (\n <FilterWrapper\n title={t(\"neetoPayments.common.razorpayPayments\")}\n {...{\n headerProps,\n kind,\n payableEntityColumns,\n searchProps,\n setShowExportModal,\n ...filterPaginationState,\n }}\n >\n <List\n {...{\n filters,\n holdableId,\n kind,\n pageProperties,\n payableEntityColumns,\n setDataSize,\n setIsFilterButtonVisible,\n setPageProperties,\n setSortProperties,\n sortProperties,\n tab,\n }}\n />\n <ExportModal\n {...{\n filters,\n holdableId,\n kind,\n setShowExportModal,\n showExportModal,\n sortProperties,\n tab,\n }}\n />\n </FilterWrapper>\n );\n};\n\nexport default withTitle(\n withReactQuery(RazorpayDashboard),\n t(\"neetoPayments.common.razorpayPayments\")\n);\n"],"names":["TAB","all","successful","declined","refunded","TABS","Object","values","defaultShow","axios","get","BASE_URL","show","holdableId","accountsApi","useFetchRazorpayAccount","options","arguments","length","undefined","useQuery","queryKey","QUERY_KEYS","RAZORPAY_ACCOUNT_DETAILS","queryFn","isPresent","List","_ref","kind","filters","setIsFilterButtonVisible","pageProperties","payableEntityColumns","setPageProperties","tab","sortProperties","setSortProperties","setDataSize","history","useHistory","t","useTranslation","columnData","buildPaymentColumns","isLoading","isAccountLoading","data","account","payload","buildPayload","hideColumn","hiddenColumns","useHiddenColumns","payments","views","isPaymentsLoaidng","isFetching","useFetchRazorpayPayments","enabled","isPaymentKind","useEffect","handleTablePaginaton","page","pageSize","queryParams","getQueryParams","toCamelCase","push","buildUrl","window","location","pathname","mergeLeft","page_size","assoc","handleTableChange","_","__","sorter","column","sortBy","camelToSnakeCase","field","orderBy","order","DEFAULT_SORT_PROPERTIES","visibleColumns","filter","_ref2","dataIndex","includes","processDataIndex","React","createElement","PageLoader","isConnected","className","NoData","title","status","TableWrapper","hasPagination","Table","fixedHeight","allowRowClick","currentPageNumber","handlePageChange","loading","rowData","buildRowData","rowSelection","sortDirections","SORT_DIRECTIONS","totalCount","paginationProps","showSizeChanger","hideOnSinglePage","total","onChange","onColumnHide","RazorpayDashboard","searchProps","headerProps","showExportModal","setShowExportModal","useState","filterPaginationState","useFiltersAndPagination","initialTabs","tabMetaData","FilterWrapper","_extends","ExportModal","withTitle","withReactQuery"],"mappings":"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"}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { noop, isNotPresent } from '@bigbinary/neeto-cist';
|
|
1
|
+
import { noop, findBy, isNotPresent } from '@bigbinary/neeto-cist';
|
|
3
2
|
import Button from '@bigbinary/neetoui/Button';
|
|
4
3
|
import { mergeDeepLeft } from 'ramda';
|
|
5
4
|
import { useTranslation } from 'react-i18next';
|
|
6
|
-
import { a as useCreateRazorpayPayment } from './usePaymentApi-
|
|
5
|
+
import { a as useCreateRazorpayPayment } from './usePaymentApi-edc45d99.js';
|
|
7
6
|
import { RAZORPAY_PAYMENT_BUTTON_OPTIONS } from './constants.js';
|
|
8
7
|
import '@tanstack/react-query';
|
|
9
8
|
import 'axios';
|
|
@@ -30,6 +29,7 @@ const RazorpayPaymentButton = _ref => {
|
|
|
30
29
|
email,
|
|
31
30
|
name,
|
|
32
31
|
isCardPreservable = false,
|
|
32
|
+
theme = {},
|
|
33
33
|
onBeforePayment = noop,
|
|
34
34
|
onSuccessfulPayment = noop,
|
|
35
35
|
onFailedPayment = noop
|
|
@@ -61,6 +61,9 @@ const RazorpayPaymentButton = _ref => {
|
|
|
61
61
|
return onSuccessfulPayment();
|
|
62
62
|
}
|
|
63
63
|
const save = isCardPreservable ? 1 : 0;
|
|
64
|
+
const themePrimaryColor = findBy({
|
|
65
|
+
key: "primary_color"
|
|
66
|
+
}, theme?.properties)?.value;
|
|
64
67
|
const options = {
|
|
65
68
|
save,
|
|
66
69
|
key: payment.publicKey,
|
|
@@ -74,7 +77,10 @@ const RazorpayPaymentButton = _ref => {
|
|
|
74
77
|
confirm_close: true,
|
|
75
78
|
ondismiss: onFailedPayment
|
|
76
79
|
},
|
|
77
|
-
handler: handlePayment
|
|
80
|
+
handler: handlePayment,
|
|
81
|
+
theme: {
|
|
82
|
+
color: themePrimaryColor ?? "#0da84c"
|
|
83
|
+
}
|
|
78
84
|
};
|
|
79
85
|
return openRazorpayCheckout(mergeDeepLeft(RAZORPAY_PAYMENT_BUTTON_OPTIONS, options));
|
|
80
86
|
};
|
|
@@ -96,7 +102,7 @@ const RazorpayPaymentButton = _ref => {
|
|
|
96
102
|
};
|
|
97
103
|
createRazorpayOrder(payload);
|
|
98
104
|
};
|
|
99
|
-
return /*#__PURE__*/
|
|
105
|
+
return /*#__PURE__*/React.createElement(Button, {
|
|
100
106
|
disabled: isPending,
|
|
101
107
|
label: label || t("neetoPayments.common.pay"),
|
|
102
108
|
loading: isPending,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RazorpayPaymentButton.js","sources":["../app/javascript/src/components/RazorpayPaymentButton.jsx"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"RazorpayPaymentButton.js","sources":["../app/javascript/src/components/RazorpayPaymentButton.jsx"],"sourcesContent":["import { isNotPresent, noop, findBy } from \"neetocist\";\nimport { Button } from \"neetoui\";\nimport { mergeDeepLeft } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useCreateRazorpayPayment } from \"hooks/reactQuery/razorpay/usePaymentApi\";\nimport { RAZORPAY_PAYMENT_BUTTON_OPTIONS } from \"src/constants\";\n\nconst loadScript = src =>\n new Promise(resolve => {\n const script = document.createElement(\"script\");\n script.src = src;\n script.onload = () => {\n resolve(true);\n };\n\n script.onerror = () => {\n resolve(false);\n };\n document.body.appendChild(script);\n });\n\nconst RazorpayPaymentButton = ({\n label,\n payableId,\n discountCode,\n email,\n name,\n isCardPreservable = false,\n theme = {},\n onBeforePayment = noop,\n onSuccessfulPayment = noop,\n onFailedPayment = noop,\n}) => {\n const { t } = useTranslation();\n\n const openRazorpayCheckout = async options => {\n const script = await loadScript(\n \"https://checkout.razorpay.com/v1/checkout.js\"\n );\n\n if (!script) {\n logger.error(t(\"neetoPayments.razorpay.loadError\"));\n\n return;\n }\n const checkout = new window.Razorpay(options);\n checkout.open();\n };\n\n const handlePayment = response => {\n if (isNotPresent(response?.razorpay_signature)) {\n onFailedPayment();\n\n return;\n }\n\n onSuccessfulPayment();\n };\n\n const handleSuccess = ({ payment }) => {\n if (payment?.status === \"successful\") {\n return onSuccessfulPayment();\n }\n\n const save = isCardPreservable ? 1 : 0;\n const themePrimaryColor = findBy(\n { key: \"primary_color\" },\n theme?.properties\n )?.value;\n\n const options = {\n save,\n key: payment.publicKey,\n order_id: payment.orderIdentifier,\n customer_id: payment.customerIdentifier,\n prefill: { name, email },\n modal: { confirm_close: true, ondismiss: onFailedPayment },\n handler: handlePayment,\n theme: { color: themePrimaryColor ?? \"#0da84c\" },\n };\n\n return openRazorpayCheckout(\n mergeDeepLeft(RAZORPAY_PAYMENT_BUTTON_OPTIONS, options)\n );\n };\n\n const { isPending, mutate: createRazorpayOrder } = useCreateRazorpayPayment({\n onSuccess: handleSuccess,\n });\n\n const handleClick = () => {\n onBeforePayment();\n const payload = {\n payableId,\n discountCode,\n customerAttributes: { email, name },\n };\n createRazorpayOrder(payload);\n };\n\n return (\n <Button\n disabled={isPending}\n label={label || t(\"neetoPayments.common.pay\")}\n loading={isPending}\n onClick={handleClick}\n />\n );\n};\n\nexport default RazorpayPaymentButton;\n"],"names":["loadScript","src","Promise","resolve","script","document","createElement","onload","onerror","body","appendChild","RazorpayPaymentButton","_ref","label","payableId","discountCode","email","name","isCardPreservable","theme","onBeforePayment","noop","onSuccessfulPayment","onFailedPayment","t","useTranslation","openRazorpayCheckout","options","logger","error","checkout","window","Razorpay","open","handlePayment","response","isNotPresent","razorpay_signature","handleSuccess","_ref2","payment","status","save","themePrimaryColor","findBy","key","properties","value","publicKey","order_id","orderIdentifier","customer_id","customerIdentifier","prefill","modal","confirm_close","ondismiss","handler","color","mergeDeepLeft","RAZORPAY_PAYMENT_BUTTON_OPTIONS","isPending","mutate","createRazorpayOrder","useCreateRazorpayPayment","onSuccess","handleClick","payload","customerAttributes","React","Button","disabled","loading","onClick"],"mappings":"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"}
|
package/dist/StripeConnect.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import
|
|
1
|
+
import * as React$1 from 'react';
|
|
2
|
+
import { useState, useEffect, useMemo } from 'react';
|
|
3
3
|
import { humanize, isPresent } from '@bigbinary/neeto-cist';
|
|
4
4
|
import { useQueryParams, withT, useStateWithDependency } from '@bigbinary/neeto-commons-frontend/react-utils';
|
|
5
5
|
import { Finish as Finish$1, Modal, Demo } from 'neetointegrations';
|
|
6
|
-
import { d as useCreateStripeAccount, e as usePollingStripeAccountCreationStatus, a as useFetchConnectedStripeAccount, f as useDestroyStripeAccount, g as usePollingStripeAccount } from './useConnectApi-
|
|
6
|
+
import { d as useCreateStripeAccount, e as usePollingStripeAccountCreationStatus, a as useFetchConnectedStripeAccount, f as useDestroyStripeAccount, g as usePollingStripeAccount } from './useConnectApi-36a92bd8.js';
|
|
7
7
|
import Label from '@bigbinary/neetoui/Label';
|
|
8
8
|
import Typography from '@bigbinary/neetoui/Typography';
|
|
9
9
|
import { useTranslation, Trans } from 'react-i18next';
|
|
@@ -28,18 +28,18 @@ import '@bigbinary/neeto-commons-frontend/constants';
|
|
|
28
28
|
|
|
29
29
|
var _path, _path2, _path3;
|
|
30
30
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
31
|
-
const SvgStripe = props => /*#__PURE__*/React.createElement("svg", _extends({
|
|
31
|
+
const SvgStripe = props => /*#__PURE__*/React$1.createElement("svg", _extends({
|
|
32
32
|
xmlns: "http://www.w3.org/2000/svg",
|
|
33
33
|
width: 54,
|
|
34
34
|
height: 54,
|
|
35
35
|
fill: "#6772e5",
|
|
36
36
|
viewBox: "0 0 32 32"
|
|
37
|
-
}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
|
|
37
|
+
}, props), _path || (_path = /*#__PURE__*/React$1.createElement("path", {
|
|
38
38
|
fillRule: "evenodd",
|
|
39
39
|
d: "M111.328 15.602c0-4.97-2.415-8.9-7.013-8.9s-7.423 3.924-7.423 8.863c0 5.85 3.32 8.8 8.036 8.8 2.318 0 4.06-.528 5.377-1.26V19.22a10.246 10.246 0 0 1-4.764 1.075c-1.9 0-3.556-.67-3.774-2.943h9.497a39.64 39.64 0 0 0 .063-1.748zm-9.606-1.835c0-2.186 1.35-3.1 2.56-3.1s2.454.906 2.454 3.1zM89.4 6.712a5.434 5.434 0 0 0-3.801 1.509l-.254-1.208h-4.27v22.64l4.85-1.032v-5.488a5.434 5.434 0 0 0 3.444 1.265c3.472 0 6.64-2.792 6.64-8.957.003-5.66-3.206-8.73-6.614-8.73zM88.23 20.1a2.898 2.898 0 0 1-2.288-.906l-.03-7.2a2.928 2.928 0 0 1 2.315-.96c1.775 0 2.998 2 2.998 4.528.003 2.593-1.198 4.546-2.995 4.546zM79.25.57l-4.87 1.035v3.95l4.87-1.032z"
|
|
40
|
-
})), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
|
|
40
|
+
})), _path2 || (_path2 = /*#__PURE__*/React$1.createElement("path", {
|
|
41
41
|
d: "M74.38 7.035h4.87V24.04h-4.87z"
|
|
42
|
-
})), _path3 || (_path3 = /*#__PURE__*/React.createElement("path", {
|
|
42
|
+
})), _path3 || (_path3 = /*#__PURE__*/React$1.createElement("path", {
|
|
43
43
|
fillRule: "evenodd",
|
|
44
44
|
d: "m69.164 8.47-.302-1.434h-4.196V24.04h4.848V12.5c1.147-1.5 3.082-1.208 3.698-1.017V7.038c-.646-.232-2.913-.658-4.048 1.43zm-9.73-5.646L54.698 3.83l-.02 15.562c0 2.87 2.158 4.993 5.038 4.993 1.585 0 2.756-.302 3.405-.643v-3.95c-.622.248-3.683 1.138-3.683-1.72v-6.9h3.683V7.035h-3.683zM46.3 11.97c0-.758.63-1.05 1.648-1.05a10.868 10.868 0 0 1 4.83 1.25V7.6a12.815 12.815 0 0 0-4.83-.888c-3.924 0-6.557 2.056-6.557 5.488 0 5.37 7.375 4.498 7.375 6.813 0 .906-.78 1.186-1.863 1.186-1.606 0-3.68-.664-5.307-1.55v4.63a13.461 13.461 0 0 0 5.307 1.117c4.033 0 6.813-1.992 6.813-5.485 0-5.796-7.417-4.76-7.417-6.943zM13.88 9.515c0-1.37 1.14-1.9 2.982-1.9A19.661 19.661 0 0 1 25.6 9.876v-8.27A23.184 23.184 0 0 0 16.862.001C9.762.001 5 3.72 5 9.93c0 9.716 13.342 8.138 13.342 12.326 0 1.638-1.4 2.146-3.37 2.146-2.905 0-6.657-1.202-9.6-2.802v8.378A24.353 24.353 0 0 0 14.973 32C22.27 32 27.3 28.395 27.3 22.077c0-10.486-13.42-8.613-13.42-12.56z"
|
|
45
45
|
})));
|
|
@@ -155,25 +155,25 @@ const AccountForm = _ref => {
|
|
|
155
155
|
createStripeAccount(payload);
|
|
156
156
|
};
|
|
157
157
|
if (isLoading) {
|
|
158
|
-
return /*#__PURE__*/
|
|
158
|
+
return /*#__PURE__*/React.createElement(PageLoader, null);
|
|
159
159
|
}
|
|
160
|
-
return /*#__PURE__*/
|
|
160
|
+
return /*#__PURE__*/React.createElement(Form, {
|
|
161
161
|
formikProps: {
|
|
162
162
|
enableReinitialize: true,
|
|
163
163
|
initialValues: INITIAL_VALUES,
|
|
164
164
|
validationSchema: VALIDATION_SCHEMA,
|
|
165
165
|
onSubmit: handleSubmit
|
|
166
166
|
}
|
|
167
|
-
}, /*#__PURE__*/
|
|
167
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
168
168
|
className: "space-y-3"
|
|
169
|
-
}, /*#__PURE__*/
|
|
169
|
+
}, /*#__PURE__*/React.createElement(Select, {
|
|
170
170
|
required: true,
|
|
171
171
|
helpText: t("neetoPayments.integrationModal.form.helpText"),
|
|
172
172
|
label: t("neetoPayments.integrationModal.form.label"),
|
|
173
173
|
name: "country",
|
|
174
174
|
options: buildCountryOptions(countries),
|
|
175
175
|
placeholder: t("neetoPayments.integrationModal.form.placeholder")
|
|
176
|
-
}), /*#__PURE__*/
|
|
176
|
+
}), /*#__PURE__*/React.createElement(ActionBlock, {
|
|
177
177
|
cancelButtonProps: {
|
|
178
178
|
onClick: () => history.goBack()
|
|
179
179
|
},
|
|
@@ -196,24 +196,24 @@ const AccountDetails = _ref => {
|
|
|
196
196
|
const {
|
|
197
197
|
t
|
|
198
198
|
} = useTranslation();
|
|
199
|
-
return /*#__PURE__*/
|
|
199
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
200
200
|
className: "mb-6 space-y-3"
|
|
201
|
-
}, /*#__PURE__*/
|
|
201
|
+
}, /*#__PURE__*/React.createElement(Typography, {
|
|
202
202
|
style: "h5",
|
|
203
203
|
weight: "medium"
|
|
204
|
-
}, t("neetoPayments.integrationModal.account.title")), /*#__PURE__*/
|
|
204
|
+
}, t("neetoPayments.integrationModal.account.title")), /*#__PURE__*/React.createElement("div", {
|
|
205
205
|
className: "grid grid-cols-4 gap-y-3"
|
|
206
|
-
}, /*#__PURE__*/
|
|
206
|
+
}, /*#__PURE__*/React.createElement(Label, {
|
|
207
207
|
className: "neeto-ui-text-gray-800"
|
|
208
|
-
}, t("neetoPayments.common.id")), /*#__PURE__*/
|
|
208
|
+
}, t("neetoPayments.common.id")), /*#__PURE__*/React.createElement(Label, {
|
|
209
209
|
className: "neeto-ui-text-gray-800 col-span-3"
|
|
210
|
-
}, stripeAccount?.identifier), /*#__PURE__*/
|
|
210
|
+
}, stripeAccount?.identifier), /*#__PURE__*/React.createElement(Label, {
|
|
211
211
|
className: "neeto-ui-text-gray-800"
|
|
212
|
-
}, t("neetoPayments.common.email")), /*#__PURE__*/
|
|
212
|
+
}, t("neetoPayments.common.email")), /*#__PURE__*/React.createElement(Label, {
|
|
213
213
|
className: "neeto-ui-text-gray-800 col-span-3"
|
|
214
|
-
}, stripeAccount?.email), /*#__PURE__*/
|
|
214
|
+
}, stripeAccount?.email), /*#__PURE__*/React.createElement(Label, {
|
|
215
215
|
className: "neeto-ui-text-gray-800"
|
|
216
|
-
}, t("neetoPayments.common.country")), /*#__PURE__*/
|
|
216
|
+
}, t("neetoPayments.common.country")), /*#__PURE__*/React.createElement(Label, {
|
|
217
217
|
className: "neeto-ui-text-gray-800 col-span-3"
|
|
218
218
|
}, stripeAccount?.country)));
|
|
219
219
|
};
|
|
@@ -279,24 +279,24 @@ const AccountProcessing = _ref => {
|
|
|
279
279
|
const handleUseAnotherStripeAccount = () => {
|
|
280
280
|
destroyStripeAccount(stripeAccount?.id);
|
|
281
281
|
};
|
|
282
|
-
return /*#__PURE__*/
|
|
282
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AccountDetails, null), /*#__PURE__*/React.createElement("div", {
|
|
283
283
|
className: "flex flex-col items-start space-y-2"
|
|
284
|
-
}, /*#__PURE__*/
|
|
284
|
+
}, /*#__PURE__*/React.createElement(Button, {
|
|
285
285
|
disabled: isPolling,
|
|
286
286
|
href: buildRefreshUrl(stripeAccount?.id, returnUrl),
|
|
287
287
|
label: buttonLabel(),
|
|
288
288
|
loading: isPolling,
|
|
289
289
|
size: "small"
|
|
290
|
-
}), !isPolling && !isAccountProcessingFailed && /*#__PURE__*/
|
|
290
|
+
}), !isPolling && !isAccountProcessingFailed && /*#__PURE__*/React.createElement(Button, {
|
|
291
291
|
disabled: isStripeAccountDestroying || isPolling,
|
|
292
292
|
label: t("neetoPayments.integrationModal.anotherAccount"),
|
|
293
293
|
size: "small",
|
|
294
294
|
style: "link",
|
|
295
295
|
onClick: () => setIsAlertOpen(true)
|
|
296
|
-
})), /*#__PURE__*/
|
|
296
|
+
})), /*#__PURE__*/React.createElement(Alert, {
|
|
297
297
|
isOpen: isAlertOpen,
|
|
298
298
|
title: t("neetoPayments.integrationModal.alert.changeTitle"),
|
|
299
|
-
message: /*#__PURE__*/
|
|
299
|
+
message: /*#__PURE__*/React.createElement(Trans, {
|
|
300
300
|
i18nKey: "neetoPayments.integrationModal.alert.changeMessage",
|
|
301
301
|
values: {
|
|
302
302
|
account: stripeAccount?.email
|
|
@@ -327,21 +327,21 @@ const Configure = _ref => {
|
|
|
327
327
|
window.open(onboarding?.url, "_self");
|
|
328
328
|
};
|
|
329
329
|
const connectDescription = isPresent(stripeAccount) ? t("neetoPayments.integrationModal.linkedDescription") : t("neetoPayments.integrationModal.subtitle");
|
|
330
|
-
return /*#__PURE__*/
|
|
330
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
331
331
|
className: "mx-auto w-full max-w-lg space-y-8"
|
|
332
|
-
}, /*#__PURE__*/
|
|
332
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
333
333
|
className: "space-y-2"
|
|
334
|
-
}, /*#__PURE__*/
|
|
334
|
+
}, /*#__PURE__*/React.createElement(SvgStripe, null), /*#__PURE__*/React.createElement(Typography, {
|
|
335
335
|
"data-cy": "configure-payment-title",
|
|
336
336
|
style: "h2",
|
|
337
337
|
weight: "semibold"
|
|
338
|
-
}, t("neetoPayments.integrationModal.title")), /*#__PURE__*/
|
|
338
|
+
}, t("neetoPayments.integrationModal.title")), /*#__PURE__*/React.createElement(Label, {
|
|
339
339
|
className: "leading-snug"
|
|
340
|
-
}, connectDescription)), isPresent(stripeAccount) ? /*#__PURE__*/
|
|
340
|
+
}, connectDescription)), isPresent(stripeAccount) ? /*#__PURE__*/React.createElement(AccountProcessing, {
|
|
341
341
|
onAccountCreated: handleStripeAccountCreated,
|
|
342
342
|
holdableId,
|
|
343
343
|
returnUrl
|
|
344
|
-
}) : /*#__PURE__*/
|
|
344
|
+
}) : /*#__PURE__*/React.createElement(AccountForm, {
|
|
345
345
|
holdableId,
|
|
346
346
|
returnUrl,
|
|
347
347
|
onAccountCreated: handleStripeAccountCreated
|
|
@@ -1973,31 +1973,31 @@ const Connect = _ref => {
|
|
|
1973
1973
|
}
|
|
1974
1974
|
window.location.href = purify.sanitize(stripeConnectUrl);
|
|
1975
1975
|
};
|
|
1976
|
-
return /*#__PURE__*/
|
|
1976
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
1977
1977
|
className: "mx-auto w-full max-w-lg space-y-8"
|
|
1978
|
-
}, /*#__PURE__*/
|
|
1978
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
1979
1979
|
className: "space-y-2"
|
|
1980
|
-
}, /*#__PURE__*/
|
|
1980
|
+
}, /*#__PURE__*/React.createElement(SvgStripe, null), /*#__PURE__*/React.createElement(Typography, {
|
|
1981
1981
|
"data-cy": "configure-payment-title",
|
|
1982
1982
|
style: "h2",
|
|
1983
1983
|
weight: "semibold"
|
|
1984
|
-
}, t("neetoPayments.integrationModal.title")), /*#__PURE__*/
|
|
1984
|
+
}, t("neetoPayments.integrationModal.title")), /*#__PURE__*/React.createElement(Label, {
|
|
1985
1985
|
className: "leading-snug"
|
|
1986
|
-
}, t("neetoPayments.integrationModal.subtitle"))), /*#__PURE__*/
|
|
1986
|
+
}, t("neetoPayments.integrationModal.subtitle"))), /*#__PURE__*/React.createElement(Radio, {
|
|
1987
1987
|
stacked: true,
|
|
1988
1988
|
value: selectedOption,
|
|
1989
1989
|
onChange: event => setSelectedOption(event.target.value)
|
|
1990
|
-
}, /*#__PURE__*/
|
|
1990
|
+
}, /*#__PURE__*/React.createElement(Radio.Item, {
|
|
1991
1991
|
className: "neeto-ui-border-black w-96 py-2",
|
|
1992
1992
|
label: t("neetoPayments.integrationModal.createAccount"),
|
|
1993
1993
|
name: "accountMethod",
|
|
1994
1994
|
value: INTEGRATION_METHOD.createNewAccount
|
|
1995
|
-
}), /*#__PURE__*/
|
|
1995
|
+
}), /*#__PURE__*/React.createElement(Radio.Item, {
|
|
1996
1996
|
className: "neeto-ui-border-black w-96 py-2",
|
|
1997
1997
|
label: t("neetoPayments.integrationModal.connectAccount"),
|
|
1998
1998
|
name: "accountMethod",
|
|
1999
1999
|
value: INTEGRATION_METHOD.useExistingAccount
|
|
2000
|
-
})), /*#__PURE__*/
|
|
2000
|
+
})), /*#__PURE__*/React.createElement(Button, {
|
|
2001
2001
|
label: t("neetoPayments.common.continue"),
|
|
2002
2002
|
onClick: handleSubmit
|
|
2003
2003
|
}));
|
|
@@ -2008,10 +2008,10 @@ const Finish = withT(_ref => {
|
|
|
2008
2008
|
t,
|
|
2009
2009
|
onSuccess
|
|
2010
2010
|
} = _ref;
|
|
2011
|
-
return /*#__PURE__*/
|
|
2011
|
+
return /*#__PURE__*/React.createElement(Finish$1, {
|
|
2012
2012
|
title: t("v2.payment.finishTitle"),
|
|
2013
2013
|
onClick: onSuccess
|
|
2014
|
-
}, /*#__PURE__*/
|
|
2014
|
+
}, /*#__PURE__*/React.createElement(AccountDetails, null));
|
|
2015
2015
|
});
|
|
2016
2016
|
|
|
2017
2017
|
const StripeConnect = _ref => {
|
|
@@ -2048,20 +2048,20 @@ const StripeConnect = _ref => {
|
|
|
2048
2048
|
isCompleted: activeTab === STEPS.demo
|
|
2049
2049
|
}];
|
|
2050
2050
|
}, [activeTab, stripeAccount]);
|
|
2051
|
-
return /*#__PURE__*/
|
|
2051
|
+
return /*#__PURE__*/React.createElement(Modal, {
|
|
2052
2052
|
isOpen,
|
|
2053
2053
|
onClose,
|
|
2054
2054
|
steps
|
|
2055
|
-
}, activeTab === STEPS.connect && /*#__PURE__*/
|
|
2055
|
+
}, activeTab === STEPS.connect && /*#__PURE__*/React.createElement(Connect, {
|
|
2056
2056
|
holdableId,
|
|
2057
2057
|
returnUrl,
|
|
2058
2058
|
setActiveTab
|
|
2059
|
-
}), activeTab === STEPS.configure && /*#__PURE__*/
|
|
2059
|
+
}), activeTab === STEPS.configure && /*#__PURE__*/React.createElement(Configure, {
|
|
2060
2060
|
holdableId,
|
|
2061
2061
|
returnUrl
|
|
2062
|
-
}), activeTab === STEPS.finish && /*#__PURE__*/
|
|
2062
|
+
}), activeTab === STEPS.finish && /*#__PURE__*/React.createElement(Finish, {
|
|
2063
2063
|
onSuccess: onClose
|
|
2064
|
-
}), activeTab === STEPS.demo && /*#__PURE__*/
|
|
2064
|
+
}), activeTab === STEPS.demo && /*#__PURE__*/React.createElement(Demo, {
|
|
2065
2065
|
onClose
|
|
2066
2066
|
}));
|
|
2067
2067
|
};
|