@mintmoney/react 0.1.0-alpha.23 → 0.1.0-alpha.27
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/css/styles.css +149 -3
- package/dist/esm/api/checkouts.js +11 -3
- package/dist/esm/api/checkouts.js.map +1 -1
- package/dist/esm/api/generated.js +164 -0
- package/dist/esm/api/generated.js.map +1 -1
- package/dist/esm/api/payments.js +17 -8
- package/dist/esm/api/payments.js.map +1 -1
- package/dist/esm/checkout/modal.js +14 -11
- package/dist/esm/checkout/modal.js.map +1 -1
- package/dist/esm/checkout/views/amount-header.js +9 -2
- package/dist/esm/checkout/views/amount-header.js.map +1 -1
- package/dist/esm/checkout/views/card-intent/details.js +30 -6
- package/dist/esm/checkout/views/card-intent/details.js.map +1 -1
- package/dist/esm/checkout/views/crypto-intent/currency-select.js +14 -18
- package/dist/esm/checkout/views/crypto-intent/currency-select.js.map +1 -1
- package/dist/esm/checkout/views/crypto-intent/direct-details.js +169 -8
- package/dist/esm/checkout/views/crypto-intent/direct-details.js.map +1 -1
- package/dist/esm/checkout/views/crypto-intent/methods.js +43 -17
- package/dist/esm/checkout/views/crypto-intent/methods.js.map +1 -1
- package/dist/esm/checkout/views/crypto-intent/processing.js +1 -1
- package/dist/esm/checkout/views/crypto-intent/processing.js.map +1 -1
- package/dist/esm/checkout/views/crypto-intent/test-payment.js +2 -2
- package/dist/esm/checkout/views/crypto-intent/test-payment.js.map +1 -1
- package/dist/esm/checkout/views/fiat-intent/bank-payment.js +35 -0
- package/dist/esm/checkout/views/fiat-intent/bank-payment.js.map +1 -0
- package/dist/esm/components/crypto/currency-selector.js +3 -3
- package/dist/esm/components/crypto/currency-selector.js.map +1 -1
- package/dist/esm/components/crypto/default-currency-selector.js +1 -1
- package/dist/esm/components/crypto/default-currency-selector.js.map +1 -1
- package/dist/esm/components/icons/clipboard-add.js +20 -0
- package/dist/esm/components/icons/clipboard-add.js.map +1 -0
- package/dist/esm/components/icons/clipboard-check.js +20 -0
- package/dist/esm/components/icons/clipboard-check.js.map +1 -0
- package/dist/esm/components/icons/index.js +2 -0
- package/dist/esm/components/icons/index.js.map +1 -1
- package/dist/esm/components/modals/modal-with-views.js +4 -3
- package/dist/esm/components/modals/modal-with-views.js.map +1 -1
- package/dist/esm/config.js.map +1 -1
- package/dist/esm/index.js +2 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/integrations/index.js +3 -0
- package/dist/esm/integrations/index.js.map +1 -0
- package/dist/esm/integrations/instaxchange.js +44 -0
- package/dist/esm/integrations/instaxchange.js.map +1 -0
- package/dist/esm/integrations/types.js +2 -0
- package/dist/esm/integrations/types.js.map +1 -0
- package/dist/esm/state/checkout/store.js +39 -5
- package/dist/esm/state/checkout/store.js.map +1 -1
- package/dist/esm/utils/string.js +34 -0
- package/dist/esm/utils/string.js.map +1 -0
- package/dist/types/api/checkouts.d.ts +2 -7
- package/dist/types/api/checkouts.d.ts.map +1 -1
- package/dist/types/api/generated.d.ts +445 -44
- package/dist/types/api/generated.d.ts.map +1 -1
- package/dist/types/api/payments.d.ts +5 -3
- package/dist/types/api/payments.d.ts.map +1 -1
- package/dist/types/api/types.d.ts +9 -0
- package/dist/types/api/types.d.ts.map +1 -1
- package/dist/types/checkout/modal.d.ts.map +1 -1
- package/dist/types/checkout/views/amount-header.d.ts +1 -0
- package/dist/types/checkout/views/amount-header.d.ts.map +1 -1
- package/dist/types/checkout/views/card-intent/details.d.ts +1 -1
- package/dist/types/checkout/views/card-intent/details.d.ts.map +1 -1
- package/dist/types/checkout/views/crypto-intent/currency-select.d.ts.map +1 -1
- package/dist/types/checkout/views/crypto-intent/direct-details.d.ts.map +1 -1
- package/dist/types/checkout/views/crypto-intent/methods.d.ts.map +1 -1
- package/dist/types/checkout/views/fiat-intent/bank-payment.d.ts +2 -0
- package/dist/types/checkout/views/fiat-intent/bank-payment.d.ts.map +1 -0
- package/dist/types/components/crypto/currency-selector.d.ts +1 -1
- package/dist/types/components/crypto/currency-selector.d.ts.map +1 -1
- package/dist/types/components/icons/clipboard-add.d.ts +6 -0
- package/dist/types/components/icons/clipboard-add.d.ts.map +1 -0
- package/dist/types/components/icons/clipboard-check.d.ts +6 -0
- package/dist/types/components/icons/clipboard-check.d.ts.map +1 -0
- package/dist/types/components/icons/index.d.ts +2 -0
- package/dist/types/components/icons/index.d.ts.map +1 -1
- package/dist/types/components/modals/modal-with-views.d.ts +1 -0
- package/dist/types/components/modals/modal-with-views.d.ts.map +1 -1
- package/dist/types/config.d.ts.map +1 -1
- package/dist/types/index.d.ts +2 -0
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/integrations/index.d.ts +3 -0
- package/dist/types/integrations/index.d.ts.map +1 -0
- package/dist/types/integrations/instaxchange.d.ts +4 -0
- package/dist/types/integrations/instaxchange.d.ts.map +1 -0
- package/dist/types/integrations/types.d.ts +5 -0
- package/dist/types/integrations/types.d.ts.map +1 -0
- package/dist/types/state/checkout/store.d.ts +34 -7
- package/dist/types/state/checkout/store.d.ts.map +1 -1
- package/dist/types/utils/string.d.ts +23 -0
- package/dist/types/utils/string.d.ts.map +1 -0
- package/package.json +8 -8
- package/dist/docs/api-examples.md +0 -55
- package/dist/docs/guides/customisation.md +0 -45
- package/dist/docs/guides/overview.md +0 -19
- package/dist/docs/guides/quickstart.md +0 -169
- package/dist/docs/index.md +0 -21
- package/dist/docs/markdown-examples.md +0 -85
- package/dist/docs/package-lock.json +0 -2408
- package/dist/docs/package.json +0 -19
|
@@ -1,12 +1,36 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
2
|
+
import { useEffect, useState } from "react";
|
|
3
|
+
import { useModalWithView } from "../../../components/modals/use-modal-with-views.js";
|
|
4
|
+
import { InstaXchangePayment } from "../../../integrations/instaxchange.js";
|
|
5
|
+
import { useCheckoutStore, createCheckoutFiatPaymentAttempt, ACTIONS, } from "../../../state/checkout/store.js";
|
|
5
6
|
import { ModalViewContainer } from "../../container.js";
|
|
6
7
|
const CardIntentViewContent = () => {
|
|
7
|
-
const
|
|
8
|
-
const
|
|
9
|
-
|
|
8
|
+
const { payment, checkout, fiatPaymentAttempt, error: storeError, loading, } = useCheckoutStore();
|
|
9
|
+
const { goToView } = useModalWithView();
|
|
10
|
+
const [initialized, setInitialized] = useState(false);
|
|
11
|
+
useEffect(() => {
|
|
12
|
+
if (!payment || !checkout) {
|
|
13
|
+
goToView("failed", { reason: "Payment or checkout not found" });
|
|
14
|
+
}
|
|
15
|
+
}, [payment, checkout, goToView]);
|
|
16
|
+
useEffect(() => {
|
|
17
|
+
if (!initialized && payment) {
|
|
18
|
+
setInitialized(true);
|
|
19
|
+
void createCheckoutFiatPaymentAttempt("card");
|
|
20
|
+
}
|
|
21
|
+
}, [initialized, payment]);
|
|
22
|
+
useEffect(() => {
|
|
23
|
+
if (storeError && storeError.CREATE_FIAT_PAYMENT_ATTEMPT) {
|
|
24
|
+
goToView("failed", { reason: storeError.CREATE_FIAT_PAYMENT_ATTEMPT });
|
|
25
|
+
}
|
|
26
|
+
}, [storeError, goToView]);
|
|
27
|
+
if (!payment || !checkout) {
|
|
28
|
+
return null;
|
|
29
|
+
}
|
|
30
|
+
if (loading[ACTIONS.CREATE_FIAT_PAYMENT_ATTEMPT] || !fiatPaymentAttempt) {
|
|
31
|
+
return (_jsx(ModalViewContainer, { children: _jsxs("div", { className: "text-center py-8", children: [_jsx("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900 mx-auto" }), _jsx("p", { className: "mt-2", children: "Initializing payment..." })] }) }));
|
|
32
|
+
}
|
|
33
|
+
return (_jsx(ModalViewContainer, { children: _jsx(InstaXchangePayment, { onError: () => { }, clientParams: fiatPaymentAttempt.client_params }) }));
|
|
10
34
|
};
|
|
11
35
|
export { CardIntentViewContent };
|
|
12
36
|
//# sourceMappingURL=details.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"details.js","sourceRoot":"","sources":["../../../../../src/checkout/views/card-intent/details.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"details.js","sourceRoot":"","sources":["../../../../../src/checkout/views/card-intent/details.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oDAAoD,CAAC;AACtF,OAAO,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,EACL,gBAAgB,EAChB,gCAAgC,EAChC,OAAO,GACR,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAExD,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACjC,MAAM,EACJ,OAAO,EACP,QAAQ,EACR,kBAAkB,EAClB,KAAK,EAAE,UAAU,EACjB,OAAO,GACR,GAAG,gBAAgB,EAAE,CAAC;IACvB,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACxC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC1B,QAAQ,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,+BAA+B,EAAE,CAAC,CAAC;QAClE,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAElC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,WAAW,IAAI,OAAO,EAAE,CAAC;YAC5B,cAAc,CAAC,IAAI,CAAC,CAAC;YACrB,KAAK,gCAAgC,CAAC,MAAM,CAAC,CAAC;QAChD,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC;IAE3B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,UAAU,IAAI,UAAU,CAAC,2BAA2B,EAAE,CAAC;YACzD,QAAQ,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,UAAU,CAAC,2BAA2B,EAAE,CAAC,CAAC;QACzE,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE3B,IAAI,CAAC,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC1B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,OAAO,CAAC,OAAO,CAAC,2BAA2B,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC;QACxE,OAAO,CACL,KAAC,kBAAkB,cACjB,eAAK,SAAS,EAAC,kBAAkB,aAC/B,cAAK,SAAS,EAAC,sEAAsE,GAAO,EAC5F,YAAG,SAAS,EAAC,MAAM,wCAA4B,IAC3C,GACa,CACtB,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,kBAAkB,cACjB,KAAC,mBAAmB,IAClB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EACjB,YAAY,EAAE,kBAAkB,CAAC,aAAa,GAC9C,GACiB,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,qBAAqB,EAAE,CAAC"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useRef, useContext, useEffect } from "react";
|
|
3
|
-
import { CurrencySelector } from "../../../components/crypto/currency-selector.js";
|
|
4
3
|
import { DefaultCurrencySelector } from "../../../components/crypto/default-currency-selector.js";
|
|
5
4
|
import { useModalWithView, Text } from "../../../components/index.js";
|
|
6
5
|
import { WalletContext } from "../../../components/wallet-selector/provider.js";
|
|
@@ -9,16 +8,20 @@ import { useMintMoneyConfig } from "../../../context.js";
|
|
|
9
8
|
import { useCheckoutStore } from "../../../state/checkout/store.js";
|
|
10
9
|
import { ModalViewContainer } from "../../container.js";
|
|
11
10
|
import { ModalBackButton } from "../back.js";
|
|
12
|
-
const getDefaultCurrency = (
|
|
13
|
-
if (!
|
|
11
|
+
const getDefaultCurrency = (cryptoCurrency, checkout) => {
|
|
12
|
+
if (!cryptoCurrency || !checkout?.checkout_config?.crypto?.settlementConfig)
|
|
14
13
|
return null;
|
|
15
|
-
//
|
|
16
|
-
|
|
14
|
+
// Check if the crypto currency matches the configured settlement asset
|
|
15
|
+
const settlementConfig = checkout.checkout_config.crypto.settlementConfig;
|
|
16
|
+
return cryptoCurrency.chain === settlementConfig.chain &&
|
|
17
|
+
cryptoCurrency.asset === settlementConfig.asset
|
|
18
|
+
? cryptoCurrency
|
|
19
|
+
: null;
|
|
17
20
|
};
|
|
18
21
|
const CryptoIntentSelectCurrencyViewContent = () => {
|
|
19
22
|
const modalRef = useRef(null);
|
|
20
23
|
const { goToView } = useModalWithView();
|
|
21
|
-
const { checkout,
|
|
24
|
+
const { checkout, cryptoCurrency } = useCheckoutStore();
|
|
22
25
|
const config = useMintMoneyConfig();
|
|
23
26
|
const { fetchBalances } = useWalletActions();
|
|
24
27
|
const { wallet } = useContext(WalletContext);
|
|
@@ -30,19 +33,12 @@ const CryptoIntentSelectCurrencyViewContent = () => {
|
|
|
30
33
|
return null;
|
|
31
34
|
}
|
|
32
35
|
useEffect(() => {
|
|
33
|
-
if (!wallet || !
|
|
36
|
+
if (!wallet || !cryptoCurrency)
|
|
34
37
|
return;
|
|
35
|
-
void fetchBalances(
|
|
36
|
-
}, [wallet,
|
|
37
|
-
const defaultCurrency = getDefaultCurrency(
|
|
38
|
-
|
|
39
|
-
? cryptoCurrencies.filter((c) => !(defaultCurrency &&
|
|
40
|
-
c.chain === defaultCurrency.chain &&
|
|
41
|
-
c.asset === defaultCurrency.asset))
|
|
42
|
-
: [];
|
|
43
|
-
return (_jsxs(ModalViewContainer, { ref: modalRef, children: [_jsx(Text, { size: "base", color: config.theme.font.color.secondary, weight: "normal", children: "Select a currency to complete payment with" }), defaultCurrency && (_jsx(DefaultCurrencySelector, { currency: defaultCurrency, balance: balances[`${defaultCurrency.chain}-${defaultCurrency.asset}`] ?? "-", buttonVariant: "primary" })), otherCurrencies.length > 0 && (_jsxs("div", { style: { marginTop: 8 }, children: [_jsx(Text, { size: "base", color: config.theme.font.color.secondary, weight: "semibold", style: { marginBottom: 8 }, children: "Other options" }), otherCurrencies.map((currency) => (_jsx(CurrencySelector, { currency: currency, balance: balances[`${currency.chain}-${currency.asset}`] ?? "-", onSelect: async () => {
|
|
44
|
-
return Promise.resolve();
|
|
45
|
-
}, buttonVariant: "secondary", buttonDisabled: true }, `${currency.chain}-${currency.asset}`)))] })), _jsx(ModalBackButton, { view: "cryptoIntent", disabled: processing })] }));
|
|
38
|
+
void fetchBalances([cryptoCurrency]);
|
|
39
|
+
}, [wallet, cryptoCurrency, fetchBalances]);
|
|
40
|
+
const defaultCurrency = getDefaultCurrency(cryptoCurrency, checkout);
|
|
41
|
+
return (_jsxs(ModalViewContainer, { ref: modalRef, children: [_jsx(Text, { size: "base", color: config.theme.font.color.secondary, weight: "normal", children: "Select a currency to complete payment with" }), defaultCurrency && (_jsx(DefaultCurrencySelector, { currency: defaultCurrency, balance: balances[`${defaultCurrency.chain}-${defaultCurrency.asset}`] ?? "-", buttonVariant: "primary" })), _jsx(ModalBackButton, { view: "cryptoIntent", disabled: processing })] }));
|
|
46
42
|
};
|
|
47
43
|
export { CryptoIntentSelectCurrencyViewContent };
|
|
48
44
|
//# sourceMappingURL=currency-select.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"currency-select.js","sourceRoot":"","sources":["../../../../../src/checkout/views/crypto-intent/currency-select.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"currency-select.js","sourceRoot":"","sources":["../../../../../src/checkout/views/crypto-intent/currency-select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,26 +1,187 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useRef } from "react";
|
|
2
|
+
import { useRef, useState } from "react";
|
|
3
3
|
//@ts-expect-error import error
|
|
4
4
|
import { QRCode } from "react-qr-code";
|
|
5
|
-
import {
|
|
5
|
+
import { styled } from "styled-components";
|
|
6
|
+
import { useModalWithView, StyledButton, Text, ClipboardAddIcon, ClipboardCheckIcon, } from "../../../components/index.js";
|
|
6
7
|
import { useMintMoneyConfig } from "../../../context.js";
|
|
7
8
|
import { useCheckoutStore } from "../../../state/checkout/store.js";
|
|
8
9
|
import { ModalViewContainer } from "../../container.js";
|
|
10
|
+
import { ModalBackButton } from "../back.js";
|
|
11
|
+
const StepContainer = styled.div `
|
|
12
|
+
margin-bottom: 16px;
|
|
13
|
+
`;
|
|
14
|
+
const StepHeader = styled.div `
|
|
15
|
+
display: flex;
|
|
16
|
+
align-items: center;
|
|
17
|
+
margin-bottom: 8px;
|
|
18
|
+
`;
|
|
19
|
+
const StepNumber = styled.div `
|
|
20
|
+
background: ${({ theme }) => theme.btn.primary.default.backgroundColor || "#3b82f6"};
|
|
21
|
+
color: white;
|
|
22
|
+
min-width: 24px;
|
|
23
|
+
height: 24px;
|
|
24
|
+
border-radius: 50%;
|
|
25
|
+
display: flex;
|
|
26
|
+
align-items: center;
|
|
27
|
+
justify-content: center;
|
|
28
|
+
font-size: 12px;
|
|
29
|
+
font-weight: 600;
|
|
30
|
+
margin-right: 8px;
|
|
31
|
+
flex-shrink: 0;
|
|
32
|
+
`;
|
|
33
|
+
const StepTitle = styled.div `
|
|
34
|
+
font-size: 14px;
|
|
35
|
+
font-weight: 400;
|
|
36
|
+
color: ${({ theme }) => theme.font.color.primary};
|
|
37
|
+
line-height: 1.3;
|
|
38
|
+
`;
|
|
39
|
+
const QRCard = styled.div `
|
|
40
|
+
background: #f3f7fa;
|
|
41
|
+
border-radius: 12px;
|
|
42
|
+
padding: 16px 12px;
|
|
43
|
+
display: flex;
|
|
44
|
+
flex-direction: column;
|
|
45
|
+
align-items: center;
|
|
46
|
+
margin: 8px 0;
|
|
47
|
+
`;
|
|
48
|
+
const InfoRow = styled.div `
|
|
49
|
+
display: flex;
|
|
50
|
+
align-items: center;
|
|
51
|
+
background: #f3f7fa;
|
|
52
|
+
border-radius: 12px;
|
|
53
|
+
padding: 4px 8px;
|
|
54
|
+
margin: 4px 0 0 0;
|
|
55
|
+
cursor: pointer;
|
|
56
|
+
transition: all 0.2s ease-in-out;
|
|
57
|
+
border: 2px solid transparent;
|
|
58
|
+
|
|
59
|
+
&:hover {
|
|
60
|
+
background: #e8f2f7;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
${({ isCopied }) => isCopied &&
|
|
64
|
+
`
|
|
65
|
+
border-color: #10b981;
|
|
66
|
+
background: #f0fdf4;
|
|
67
|
+
animation: copySuccess 0.6s ease-in-out;
|
|
68
|
+
`}
|
|
69
|
+
|
|
70
|
+
@keyframes copySuccess {
|
|
71
|
+
0% {
|
|
72
|
+
border-color: transparent;
|
|
73
|
+
}
|
|
74
|
+
50% {
|
|
75
|
+
border-color: #10b981;
|
|
76
|
+
}
|
|
77
|
+
100% {
|
|
78
|
+
border-color: #10b981;
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
`;
|
|
82
|
+
const AddressText = styled.div `
|
|
83
|
+
font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace;
|
|
84
|
+
font-size: 12px;
|
|
85
|
+
color: ${({ theme }) => theme.font.color.tertiary};
|
|
86
|
+
flex: 1;
|
|
87
|
+
text-overflow: ellipsis;
|
|
88
|
+
white-space: nowrap;
|
|
89
|
+
`;
|
|
90
|
+
const CopyButton = styled.button `
|
|
91
|
+
display: flex;
|
|
92
|
+
align-items: center;
|
|
93
|
+
justify-content: center;
|
|
94
|
+
background: none;
|
|
95
|
+
border: none;
|
|
96
|
+
cursor: pointer;
|
|
97
|
+
padding: 4px;
|
|
98
|
+
border-radius: 4px;
|
|
99
|
+
transition: all 0.2s ease-in-out;
|
|
100
|
+
|
|
101
|
+
&:hover {
|
|
102
|
+
background-color: rgba(0, 0, 0, 0.05);
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
${({ isCopied }) => isCopied &&
|
|
106
|
+
`
|
|
107
|
+
animation: iconBounce 0.6s ease-in-out;
|
|
108
|
+
`}
|
|
109
|
+
|
|
110
|
+
@keyframes iconBounce {
|
|
111
|
+
0% {
|
|
112
|
+
transform: scale(1);
|
|
113
|
+
}
|
|
114
|
+
25% {
|
|
115
|
+
transform: scale(1.2);
|
|
116
|
+
}
|
|
117
|
+
50% {
|
|
118
|
+
transform: scale(0.9);
|
|
119
|
+
}
|
|
120
|
+
75% {
|
|
121
|
+
transform: scale(1.1);
|
|
122
|
+
}
|
|
123
|
+
100% {
|
|
124
|
+
transform: scale(1);
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
`;
|
|
128
|
+
const WarningCard = styled.div `
|
|
129
|
+
background: #fef3c7;
|
|
130
|
+
border: 1px solid #f59e0b;
|
|
131
|
+
border-radius: 12px;
|
|
132
|
+
padding: 16px;
|
|
133
|
+
margin: 8px 0;
|
|
134
|
+
text-align: center;
|
|
135
|
+
`;
|
|
9
136
|
const CryptoIntentDirectDetailsViewContent = () => {
|
|
10
137
|
const modalRef = useRef(null);
|
|
11
138
|
const { goToView } = useModalWithView();
|
|
12
|
-
const { cryptoPaymentAttempt } = useCheckoutStore();
|
|
139
|
+
const { cryptoPaymentAttempt, cryptoCurrency, payment } = useCheckoutStore();
|
|
13
140
|
const config = useMintMoneyConfig();
|
|
141
|
+
const [copiedAddress, setCopiedAddress] = useState(false);
|
|
142
|
+
const [copiedAmount, setCopiedAmount] = useState(false);
|
|
143
|
+
const [hasAcknowledged, setHasAcknowledged] = useState(false);
|
|
14
144
|
const handleConfirm = () => {
|
|
15
|
-
goToView("
|
|
145
|
+
goToView("paymentStatus");
|
|
16
146
|
};
|
|
17
|
-
if (!cryptoPaymentAttempt) {
|
|
147
|
+
if (!cryptoPaymentAttempt || !cryptoCurrency) {
|
|
18
148
|
return null;
|
|
19
149
|
}
|
|
20
|
-
const
|
|
21
|
-
|
|
150
|
+
const settlementCurrency = cryptoCurrency;
|
|
151
|
+
if (!settlementCurrency)
|
|
152
|
+
return null;
|
|
153
|
+
const amount = payment?.amount;
|
|
154
|
+
const currency = settlementCurrency.asset_name;
|
|
155
|
+
const chain = settlementCurrency.chain_name;
|
|
156
|
+
const copyToClipboard = async (value, setCopied) => {
|
|
157
|
+
try {
|
|
158
|
+
await navigator.clipboard.writeText(value);
|
|
159
|
+
setCopied(true);
|
|
160
|
+
setTimeout(() => setCopied(false), 2000); // Reset after 2 seconds
|
|
161
|
+
}
|
|
162
|
+
catch (error) {
|
|
163
|
+
console.error("Failed to copy to clipboard:", error);
|
|
164
|
+
}
|
|
22
165
|
};
|
|
23
|
-
|
|
166
|
+
// Show initial warning state
|
|
167
|
+
if (!hasAcknowledged) {
|
|
168
|
+
return (_jsxs(ModalViewContainer, { ref: modalRef, children: [_jsxs(WarningCard, { children: [_jsx(Text, { size: "base", weight: "medium", color: config.theme.font.color.primary, style: { marginBottom: 12 }, children: "\u26A0\uFE0F Important" }), _jsx(Text, { size: "sm", weight: "normal", color: config.theme.font.color.secondary, style: { lineHeight: 1.5 }, children: "Please ensure you are using the correct chain and currency and send the exact amount otherwise your transaction will fail." })] }), _jsx(StyledButton, { onClick: () => setHasAcknowledged(true), variant: "primary", style: { marginTop: 8 }, children: "I understand" }), _jsx(ModalBackButton, { view: "cryptoIntent" })] }));
|
|
169
|
+
}
|
|
170
|
+
return (_jsxs(ModalViewContainer, { ref: modalRef, children: [_jsxs(StepContainer, { children: [_jsxs(StepHeader, { children: [_jsx(StepNumber, { theme: config.theme, children: "1" }), _jsx(StepTitle, { theme: config.theme, children: "Scan QR code or copy wallet address" })] }), _jsx(QRCard, { children: _jsx(QRCode, { value: cryptoPaymentAttempt.destination_address, size: 120 }) }), _jsxs(InfoRow, { isCopied: copiedAddress, onClick: () => copyToClipboard(cryptoPaymentAttempt.destination_address, setCopiedAddress).catch((error) => {
|
|
171
|
+
console.error("Failed to copy address:", error);
|
|
172
|
+
}), title: "Click to copy address", children: [_jsx(AddressText, { theme: config.theme, children: cryptoPaymentAttempt.destination_address }), _jsx("span", { style: { marginLeft: 8 }, children: _jsx(CopyButton, { isCopied: copiedAddress, onClick: (e) => {
|
|
173
|
+
e.stopPropagation();
|
|
174
|
+
copyToClipboard(cryptoPaymentAttempt.destination_address, setCopiedAddress).catch((error) => {
|
|
175
|
+
console.error("Failed to copy address:", error);
|
|
176
|
+
});
|
|
177
|
+
}, title: "Copy address", children: copiedAddress ? (_jsx(ClipboardCheckIcon, { size: 16 })) : (_jsx(ClipboardAddIcon, { size: 16 })) }) })] })] }), _jsxs(StepContainer, { children: [_jsxs(StepHeader, { children: [_jsx(StepNumber, { theme: config.theme, children: "2" }), _jsxs(StepTitle, { theme: config.theme, children: ["Send the exact amount in ", _jsx("strong", { children: currency }), " on", " ", _jsx("strong", { children: chain })] })] }), _jsxs(InfoRow, { isCopied: copiedAmount, onClick: () => copyToClipboard(`${amount}`, setCopiedAmount).catch((error) => {
|
|
178
|
+
console.error("Failed to copy amount:", error);
|
|
179
|
+
}), title: "Click to copy amount", style: { justifyContent: "space-between" }, children: [_jsxs(Text, { size: "base", weight: "bold", color: config.theme.font.color.primary, children: [amount, " ", currency] }), _jsx("span", { style: { marginLeft: 8 }, children: _jsx(CopyButton, { isCopied: copiedAmount, onClick: (e) => {
|
|
180
|
+
e.stopPropagation();
|
|
181
|
+
copyToClipboard(`${amount}`, setCopiedAmount).catch((error) => {
|
|
182
|
+
console.error("Failed to copy amount:", error);
|
|
183
|
+
});
|
|
184
|
+
}, title: "Copy amount", children: copiedAmount ? (_jsx(ClipboardCheckIcon, { size: 16 })) : (_jsx(ClipboardAddIcon, { size: 16 })) }) })] })] }), _jsx(StyledButton, { onClick: handleConfirm, variant: "primary", style: { marginTop: 8 }, children: "Confirm" }), _jsx(ModalBackButton, { view: "cryptoIntent" })] }));
|
|
24
185
|
};
|
|
25
186
|
export { CryptoIntentDirectDetailsViewContent };
|
|
26
187
|
//# sourceMappingURL=direct-details.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"direct-details.js","sourceRoot":"","sources":["../../../../../src/checkout/views/crypto-intent/direct-details.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"direct-details.js","sourceRoot":"","sources":["../../../../../src/checkout/views/crypto-intent/direct-details.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,26 +1,52 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useRef } from "react";
|
|
3
|
-
import {
|
|
3
|
+
import { styled } from "styled-components";
|
|
4
|
+
import { StyledButton } from "../../../components/buttons/index.js";
|
|
5
|
+
import { useModalWithView, Text } from "../../../components/index.js";
|
|
6
|
+
import { useMintMoneyConfig } from "../../../context.js";
|
|
7
|
+
import { useCheckoutStore, createCheckoutCryptoPaymentAttempt, } from "../../../state/checkout/store.js";
|
|
4
8
|
import { ModalViewContainer } from "../../container.js";
|
|
9
|
+
const OptionContainer = styled.div `
|
|
10
|
+
background-color: #f9fafb;
|
|
11
|
+
border-radius: 16px;
|
|
12
|
+
padding: 12px;
|
|
13
|
+
display: flex;
|
|
14
|
+
align-items: center;
|
|
15
|
+
gap: 16px;
|
|
16
|
+
`;
|
|
17
|
+
const OptionsContainer = styled.div `
|
|
18
|
+
display: flex;
|
|
19
|
+
flex-direction: column;
|
|
20
|
+
gap: 16px;
|
|
21
|
+
`;
|
|
22
|
+
const Option = ({ icon, text, buttonLabel, onClick, buttonVariant = "primary", buttonSize = "small", }) => {
|
|
23
|
+
const { theme } = useMintMoneyConfig();
|
|
24
|
+
return (_jsxs(OptionContainer, { children: [icon && _jsx("div", { style: { flexShrink: 0 }, children: icon }), _jsxs("div", { style: { flex: 1, textAlign: icon ? "left" : "center" }, children: [_jsx(Text, { size: "sm", color: theme.font.color.primary, weight: "medium", style: { marginBottom: 8, textAlign: icon ? "left" : "center" }, children: text }), _jsx(StyledButton, { onClick: onClick, variant: buttonVariant, size: buttonSize, theme: theme, children: buttonLabel })] })] }));
|
|
25
|
+
};
|
|
5
26
|
const CryptoIntentViewContent = () => {
|
|
6
27
|
const modalRef = useRef(null);
|
|
7
28
|
const { goToView } = useModalWithView();
|
|
8
|
-
const
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
29
|
+
const { cryptoCurrency } = useCheckoutStore();
|
|
30
|
+
// Get the settlement currency (single currency object)
|
|
31
|
+
const settlementCurrency = cryptoCurrency;
|
|
32
|
+
const handleWalletClick = () => {
|
|
33
|
+
goToView("cryptoIntentSelectWallet");
|
|
34
|
+
};
|
|
35
|
+
const handleDirectPaymentClick = async () => {
|
|
36
|
+
if (settlementCurrency) {
|
|
37
|
+
try {
|
|
38
|
+
await createCheckoutCryptoPaymentAttempt(settlementCurrency);
|
|
39
|
+
goToView("cryptoIntentDirectDetails");
|
|
40
|
+
}
|
|
41
|
+
catch (error) {
|
|
42
|
+
goToView("failure");
|
|
43
|
+
console.error(error);
|
|
44
|
+
}
|
|
45
|
+
}
|
|
22
46
|
};
|
|
23
|
-
return (_jsx(ModalViewContainer, { ref: modalRef, children:
|
|
47
|
+
return (_jsx(ModalViewContainer, { ref: modalRef, children: _jsxs(OptionsContainer, { children: [_jsx(Option, { text: "For a wider range of payment options", buttonLabel: "Connect Wallet", onClick: handleWalletClick, buttonVariant: "primary", buttonSize: "small" }), _jsx(Option, { text: settlementCurrency
|
|
48
|
+
? `In ${settlementCurrency.asset_name} on ${settlementCurrency.chain_name}`
|
|
49
|
+
: "Direct Payment", buttonLabel: "Direct Payment", onClick: handleDirectPaymentClick, buttonVariant: "primary", buttonSize: "small" })] }) }));
|
|
24
50
|
};
|
|
25
51
|
export { CryptoIntentViewContent };
|
|
26
52
|
//# sourceMappingURL=methods.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"methods.js","sourceRoot":"","sources":["../../../../../src/checkout/views/crypto-intent/methods.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"methods.js","sourceRoot":"","sources":["../../../../../src/checkout/views/crypto-intent/methods.tsx"],"names":[],"mappings":"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"}
|
|
@@ -23,7 +23,7 @@ const CryptoIntentPaymentStatusViewContent = () => {
|
|
|
23
23
|
return;
|
|
24
24
|
const poller = startPaymentPolling((status) => {
|
|
25
25
|
if (status === PaymentStatus.PAID) {
|
|
26
|
-
goToView("
|
|
26
|
+
goToView("paymentSuccess");
|
|
27
27
|
}
|
|
28
28
|
else if (status === PaymentStatus.FAILED) {
|
|
29
29
|
goToView("failed");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"processing.js","sourceRoot":"","sources":["../../../../../src/checkout/views/crypto-intent/processing.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EACL,gBAAgB,EAChB,mBAAmB,EACnB,kBAAkB,EAClB,UAAU,GACX,MAAM,kCAAkC,CAAC;AAE1C,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;;;;CAQ9B,CAAC;AAEF,MAAM,oCAAoC,GAAG,GAAG,EAAE;IAChD,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACxC,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IACpC,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAExC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ,CAAC,eAAe,IAAI,CAAC,UAAU,EAAE;YAAE,OAAO;QAEvD,MAAM,MAAM,GAAG,mBAAmB,CAAC,CAAC,MAAM,EAAE,EAAE;YAC5C,IAAI,MAAM,KAAK,aAAa,CAAC,IAAI,EAAE,CAAC;gBAClC,QAAQ,CAAC,
|
|
1
|
+
{"version":3,"file":"processing.js","sourceRoot":"","sources":["../../../../../src/checkout/views/crypto-intent/processing.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EACL,gBAAgB,EAChB,mBAAmB,EACnB,kBAAkB,EAClB,UAAU,GACX,MAAM,kCAAkC,CAAC;AAE1C,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;;;;CAQ9B,CAAC;AAEF,MAAM,oCAAoC,GAAG,GAAG,EAAE;IAChD,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACxC,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IACpC,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAExC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ,CAAC,eAAe,IAAI,CAAC,UAAU,EAAE;YAAE,OAAO;QAEvD,MAAM,MAAM,GAAG,mBAAmB,CAAC,CAAC,MAAM,EAAE,EAAE;YAC5C,IAAI,MAAM,KAAK,aAAa,CAAC,IAAI,EAAE,CAAC;gBAClC,QAAQ,CAAC,gBAAgB,CAAC,CAAC;YAC7B,CAAC;iBAAM,IAAI,MAAM,KAAK,aAAa,CAAC,MAAM,EAAE,CAAC;gBAC3C,QAAQ,CAAC,QAAQ,CAAC,CAAC;YACrB,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,IAAI,EAAE,CAAC;YACd,kBAAkB,EAAE,CAAC;QACvB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzC,OAAO,CACL,MAAC,SAAS,eACR,KAAC,MAAM,IAAC,OAAO,SAAG,EAClB,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,oDAElD,IACG,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,oCAAoC,EAAE,CAAC"}
|
|
@@ -12,7 +12,7 @@ const TestPayment = () => {
|
|
|
12
12
|
const handleSuccess = async () => {
|
|
13
13
|
try {
|
|
14
14
|
await createSuccessfulTestPaymentAttempt();
|
|
15
|
-
goToView("
|
|
15
|
+
goToView("paymentStatus");
|
|
16
16
|
}
|
|
17
17
|
catch (error) {
|
|
18
18
|
goToView("failed", { reason: "test_success" });
|
|
@@ -22,7 +22,7 @@ const TestPayment = () => {
|
|
|
22
22
|
const handleFailure = async () => {
|
|
23
23
|
try {
|
|
24
24
|
await createFailedTestPaymentAttempt();
|
|
25
|
-
goToView("
|
|
25
|
+
goToView("paymentStatus");
|
|
26
26
|
}
|
|
27
27
|
catch (error) {
|
|
28
28
|
goToView("failed", { reason: "test_failure" });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"test-payment.js","sourceRoot":"","sources":["../../../../../src/checkout/views/crypto-intent/test-payment.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAC1E,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EACL,kCAAkC,EAClC,8BAA8B,GAC/B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAExD,MAAM,WAAW,GAAG,GAAG,EAAE;IACvB,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC9C,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACxC,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IAEpC,MAAM,aAAa,GAAG,KAAK,IAAI,EAAE;QAC/B,IAAI,CAAC;YACH,MAAM,kCAAkC,EAAE,CAAC;YAC3C,QAAQ,CAAC,
|
|
1
|
+
{"version":3,"file":"test-payment.js","sourceRoot":"","sources":["../../../../../src/checkout/views/crypto-intent/test-payment.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAC1E,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EACL,kCAAkC,EAClC,8BAA8B,GAC/B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAExD,MAAM,WAAW,GAAG,GAAG,EAAE;IACvB,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC9C,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACxC,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IAEpC,MAAM,aAAa,GAAG,KAAK,IAAI,EAAE;QAC/B,IAAI,CAAC;YACH,MAAM,kCAAkC,EAAE,CAAC;YAC3C,QAAQ,CAAC,eAAe,CAAC,CAAC;QAC5B,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,QAAQ,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC,CAAC;YAC/C,OAAO,CAAC,KAAK,CAAC,wCAAwC,EAAE,KAAK,CAAC,CAAC;QACjE,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,KAAK,IAAI,EAAE;QAC/B,IAAI,CAAC;YACH,MAAM,8BAA8B,EAAE,CAAC;YACvC,QAAQ,CAAC,eAAe,CAAC,CAAC;QAC5B,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,QAAQ,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC,CAAC;YAC/C,OAAO,CAAC,KAAK,CAAC,wCAAwC,EAAE,KAAK,CAAC,CAAC;QACjE,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,kBAAkB,IAAC,GAAG,EAAE,QAAQ,aAC/B,KAAC,IAAI,IACH,IAAI,EAAC,IAAI,EACT,MAAM,EAAC,UAAU,EACjB,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,EAC1B,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,oCAGjC,EACP,KAAC,IAAI,IACH,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,EACxC,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,4EAGtB,EACP,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,aACnE,KAAC,WAAW,IAAC,YAAY,EAAE,aAAa,wBAAuB,EAC/D,KAAC,WAAW,IAAC,YAAY,EAAE,aAAa,uBAAsB,IAC1D,IACa,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect, useState } from "react";
|
|
3
|
+
import { useModalWithView } from "../../../components/modals/use-modal-with-views.js";
|
|
4
|
+
import { InstaXchangePayment } from "../../../integrations/instaxchange.js";
|
|
5
|
+
import { useCheckoutStore, createCheckoutFiatPaymentAttempt, ACTIONS, } from "../../../state/checkout/store.js";
|
|
6
|
+
import { ModalViewContainer } from "../../container.js";
|
|
7
|
+
export const BankIntentViewContent = () => {
|
|
8
|
+
const { payment, fiatPaymentAttempt, error, loading } = useCheckoutStore();
|
|
9
|
+
const { goToView } = useModalWithView();
|
|
10
|
+
const [initialised, setInitialised] = useState(false);
|
|
11
|
+
useEffect(() => {
|
|
12
|
+
if (!initialised && payment) {
|
|
13
|
+
setInitialised(true);
|
|
14
|
+
void createCheckoutFiatPaymentAttempt("bank");
|
|
15
|
+
}
|
|
16
|
+
}, [initialised, payment]);
|
|
17
|
+
useEffect(() => {
|
|
18
|
+
if (!payment) {
|
|
19
|
+
goToView("failed", { reason: "Payment not found" });
|
|
20
|
+
}
|
|
21
|
+
}, [payment, goToView]);
|
|
22
|
+
useEffect(() => {
|
|
23
|
+
if (error && error.CREATE_FIAT_PAYMENT_ATTEMPT) {
|
|
24
|
+
goToView("failed", { reason: error.CREATE_FIAT_PAYMENT_ATTEMPT });
|
|
25
|
+
}
|
|
26
|
+
}, [error, goToView]);
|
|
27
|
+
if (loading[ACTIONS.CREATE_FIAT_PAYMENT_ATTEMPT] || !fiatPaymentAttempt) {
|
|
28
|
+
return (_jsx(ModalViewContainer, { children: _jsxs("div", { className: "text-center py-8", children: [_jsx("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900 mx-auto" }), _jsx("p", { className: "mt-2", children: "Creating bank payment..." })] }) }));
|
|
29
|
+
}
|
|
30
|
+
if (!payment) {
|
|
31
|
+
return null;
|
|
32
|
+
}
|
|
33
|
+
return (_jsx(ModalViewContainer, { children: _jsx(InstaXchangePayment, { onError: () => { }, clientParams: fiatPaymentAttempt.client_params }) }));
|
|
34
|
+
};
|
|
35
|
+
//# sourceMappingURL=bank-payment.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bank-payment.js","sourceRoot":"","sources":["../../../../../src/checkout/views/fiat-intent/bank-payment.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oDAAoD,CAAC;AACtF,OAAO,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,EACL,gBAAgB,EAChB,gCAAgC,EAChC,OAAO,GACR,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAExD,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACxC,MAAM,EAAE,OAAO,EAAE,kBAAkB,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAC3E,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACxC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,WAAW,IAAI,OAAO,EAAE,CAAC;YAC5B,cAAc,CAAC,IAAI,CAAC,CAAC;YACrB,KAAK,gCAAgC,CAAC,MAAM,CAAC,CAAC;QAChD,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC;IAE3B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,QAAQ,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,mBAAmB,EAAE,CAAC,CAAC;QACtD,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAExB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,IAAI,KAAK,CAAC,2BAA2B,EAAE,CAAC;YAC/C,QAAQ,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,2BAA2B,EAAE,CAAC,CAAC;QACpE,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtB,IAAI,OAAO,CAAC,OAAO,CAAC,2BAA2B,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC;QACxE,OAAO,CACL,KAAC,kBAAkB,cACjB,eAAK,SAAS,EAAC,kBAAkB,aAC/B,cAAK,SAAS,EAAC,sEAAsE,GAAO,EAC5F,YAAG,SAAS,EAAC,MAAM,yCAA6B,IAC5C,GACa,CACtB,CAAC;IACJ,CAAC;IAED,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,KAAC,kBAAkB,cACjB,KAAC,mBAAmB,IAClB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EACjB,YAAY,EAAE,kBAAkB,CAAC,aAAa,GAC9C,GACiB,CACtB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { styled } from "styled-components";
|
|
3
3
|
import { useMintMoneyConfig } from "../../context.js";
|
|
4
|
-
import {
|
|
4
|
+
import { Button } from "../buttons/index.js";
|
|
5
5
|
import { Text } from "../index.js";
|
|
6
6
|
const CurrencyRowContainer = styled.div `
|
|
7
7
|
border: 1px solid #eee;
|
|
@@ -18,8 +18,8 @@ const CurrencyRowContent = styled.div `
|
|
|
18
18
|
`;
|
|
19
19
|
const CurrencySelector = ({ currency, balance, onSelect, buttonVariant, buttonDisabled = false, }) => {
|
|
20
20
|
const config = useMintMoneyConfig();
|
|
21
|
-
return (_jsxs(CurrencyRowContainer, { children: [_jsxs(CurrencyRowContent, { children: [_jsx(Text, { size: "base", weight: "semibold", color: config.theme.font.color.primary, children: currency.asset_name }), _jsx("div", { children: _jsxs(Text, { size: "xs", color: config.theme.font.color.secondary, children: [currency.chain_name, "
|
|
22
|
-
|
|
21
|
+
return (_jsxs(CurrencyRowContainer, { children: [_jsxs(CurrencyRowContent, { children: [_jsx(Text, { size: "base", weight: "semibold", color: config.theme.font.color.primary, children: currency.asset_name }), _jsx("div", { children: _jsxs(Text, { size: "xs", color: config.theme.font.color.secondary, children: [currency.chain_name, " ", balance ? `- ${balance}` : ""] }) })] }), _jsx("div", { children: _jsx(Button, { variant: buttonVariant, onClick: () => {
|
|
22
|
+
onSelect(currency);
|
|
23
23
|
}, size: "small", disabled: buttonDisabled, children: "Select" }) })] }));
|
|
24
24
|
};
|
|
25
25
|
export { CurrencySelector };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"currency-selector.js","sourceRoot":"","sources":["../../../../src/components/crypto/currency-selector.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAG3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"currency-selector.js","sourceRoot":"","sources":["../../../../src/components/crypto/currency-selector.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAG3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;CAStC,CAAC;AAEF,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEpC,CAAC;AAUF,MAAM,gBAAgB,GAAG,CAAC,EACxB,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,aAAa,EACb,cAAc,GAAG,KAAK,GACL,EAAE,EAAE;IACrB,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IACpC,OAAO,CACL,MAAC,oBAAoB,eACnB,MAAC,kBAAkB,eACjB,KAAC,IAAI,IACH,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,UAAU,EACjB,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,YAErC,QAAQ,CAAC,UAAU,GACf,EACP,wBACE,MAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,aACrD,QAAQ,CAAC,UAAU,OAAG,OAAO,CAAC,CAAC,CAAC,KAAK,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,IAC/C,GACH,IACa,EACrB,wBACE,KAAC,MAAM,IACL,OAAO,EAAE,aAAa,EACtB,OAAO,EAAE,GAAG,EAAE;wBACZ,QAAQ,CAAC,QAAQ,CAAC,CAAC;oBACrB,CAAC,EACD,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,cAAc,uBAGjB,GACL,IACe,CACxB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -38,7 +38,7 @@ const DefaultCurrencySelector = ({ currency, balance, buttonVariant = "primary",
|
|
|
38
38
|
void checkChainStatus(wallet);
|
|
39
39
|
}
|
|
40
40
|
await waitForTransferSuccess();
|
|
41
|
-
goToView("
|
|
41
|
+
goToView("paymentStatus");
|
|
42
42
|
}
|
|
43
43
|
catch (error) {
|
|
44
44
|
setProcessing(false);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"default-currency-selector.js","sourceRoot":"","sources":["../../../../src/components/crypto/default-currency-selector.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAGnC,OAAO,EACL,gBAAgB,EAChB,kCAAkC,EAClC,aAAa,EACb,eAAe,EACf,mBAAmB,EACnB,gBAAgB,GACjB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAE/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE1D,SAAS,sBAAsB;IAC7B,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QACrC,MAAM,WAAW,GAAG,gBAAgB,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE;YACvD,IAAI,KAAK,CAAC,QAAQ,CAAC,WAAW,KAAK,WAAW,EAAE,CAAC;gBAC/C,WAAW,EAAE,CAAC;gBACd,OAAO,EAAE,CAAC;YACZ,CAAC;iBAAM,IAAI,KAAK,CAAC,QAAQ,CAAC,WAAW,KAAK,QAAQ,EAAE,CAAC;gBACnD,WAAW,EAAE,CAAC;gBACd,MAAM,CACJ,IAAI,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,IAAI,6BAA6B,CAAC,CACjE,CAAC;YACJ,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC;AAQD,MAAM,uBAAuB,GAAG,CAAC,EAC/B,QAAQ,EACR,OAAO,EACP,aAAa,GAAG,SAAS,GACD,EAAE,EAAE;IAC5B,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACxC,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAC7C,MAAM,UAAU,GAAG,gBAAgB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IAEjE,MAAM,oBAAoB,GAAG,KAAK,EAAE,QAAwB,EAAE,EAAE;QAC9D,aAAa,CAAC,IAAI,CAAC,CAAC;QACpB,mBAAmB,CAAC,QAAQ,CAAC,CAAC;QAC9B,IAAI,CAAC;YACH,MAAM,kCAAkC,CAAC,QAAQ,CAAC,CAAC;YACnD,IAAI,CAAC,MAAM,EAAE,CAAC;gBACZ,QAAQ,CAAC,0BAA0B,CAAC,CAAC;gBACrC,aAAa,CAAC,KAAK,CAAC,CAAC;gBACrB,mBAAmB,CAAC,IAAI,CAAC,CAAC;gBAC1B,OAAO;YACT,CAAC;YACD,MAAM,eAAe,CAAC,MAAM,CAAC,CAAC;YAC9B,IAAI,MAAM,EAAE,CAAC;gBACX,KAAK,gBAAgB,CAAC,MAAM,CAAC,CAAC;YAChC,CAAC;YACD,MAAM,sBAAsB,EAAE,CAAC;YAC/B,QAAQ,CAAC,
|
|
1
|
+
{"version":3,"file":"default-currency-selector.js","sourceRoot":"","sources":["../../../../src/components/crypto/default-currency-selector.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { styled } from "styled-components";
|
|
3
|
+
import { useMintMoneyConfig } from "../../context.js";
|
|
4
|
+
const StyledSvg = styled.svg `
|
|
5
|
+
stroke: ${({ color }) => color};
|
|
6
|
+
width: ${({ width }) => width}px;
|
|
7
|
+
height: ${({ height }) => height}px;
|
|
8
|
+
cursor: pointer;
|
|
9
|
+
transition: stroke 0.2s ease-in-out;
|
|
10
|
+
|
|
11
|
+
&:hover {
|
|
12
|
+
stroke: ${({ color }) => `${color}CC`}; /* Slight transparency on hover */
|
|
13
|
+
}
|
|
14
|
+
`;
|
|
15
|
+
const ClipboardAddIcon = ({ size = 24 }) => {
|
|
16
|
+
const { theme } = useMintMoneyConfig();
|
|
17
|
+
return (_jsxs(StyledSvg, { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: theme.font.color.primary, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", color: theme.font.color.primary, children: [_jsx("path", { d: "M8 3.5C8 2.67157 8.67157 2 9.5 2H14.5C15.3284 2 16 2.67157 16 3.5V4.5C16 5.32843 15.3284 6 14.5 6H9.5C8.67157 6 8 5.32843 8 4.5V3.5Z" }), _jsx("path", { d: "M15 13L12 13M12 13L9 13M12 13L12 10M12 13L12 16", strokeLinecap: "round" }), _jsx("path", { d: "M21 16.0002C21 18.8286 21 20.2429 20.1213 21.1215C19.2426 22.0002 17.8284 22.0002 15 22.0002H9C6.17157 22.0002 4.75736 22.0002 3.87868 21.1215C3 20.2429 3 18.8286 3 16.0002V13.0002M16 4.00195C18.175 4.01406 19.3529 4.11051 20.1213 4.87889C21 5.75757 21 7.17179 21 10.0002V12.0002M8 4.00195C5.82497 4.01406 4.64706 4.11051 3.87868 4.87889C3.11032 5.64725 3.01385 6.82511 3.00174 9", strokeLinecap: "round" })] }));
|
|
18
|
+
};
|
|
19
|
+
export { ClipboardAddIcon };
|
|
20
|
+
//# sourceMappingURL=clipboard-add.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"clipboard-add.js","sourceRoot":"","sources":["../../../../src/components/icons/clipboard-add.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAMtD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAkD;YAClE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;WACrB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;YACnB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM;;;;;cAKpB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,GAAG,KAAK,IAAI;;CAExC,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,EAAE,IAAI,GAAG,EAAE,EAAyB,EAAE,EAAE;IAChE,MAAM,EAAE,KAAK,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAEvC,OAAO,CACL,MAAC,SAAS,IACR,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAChC,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,aAE/B,eAAM,CAAC,EAAC,sIAAsI,GAAG,EACjJ,eACE,CAAC,EAAC,iDAAiD,EACnD,aAAa,EAAC,OAAO,GACrB,EACF,eACE,CAAC,EAAC,6XAA6X,EAC/X,aAAa,EAAC,OAAO,GACrB,IACQ,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
|