@mintmoney/react 0.1.0-alpha.3 → 0.1.0-alpha.4
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/esm/checkout/container.js +10 -0
- package/dist/esm/checkout/container.js.map +1 -0
- package/dist/esm/checkout/index.js +12 -0
- package/dist/esm/checkout/index.js.map +1 -0
- package/dist/esm/checkout/modal.js +65 -0
- package/dist/esm/checkout/modal.js.map +1 -0
- package/dist/esm/checkout/views/back.js +8 -0
- package/dist/esm/checkout/views/back.js.map +1 -0
- package/dist/esm/checkout/views/card-intent/details.js +12 -0
- package/dist/esm/checkout/views/card-intent/details.js.map +1 -0
- package/dist/esm/checkout/views/crypto-intent/curreny.js +28 -0
- package/dist/esm/checkout/views/crypto-intent/curreny.js.map +1 -0
- package/dist/esm/checkout/views/crypto-intent/direct-details.js +25 -0
- package/dist/esm/checkout/views/crypto-intent/direct-details.js.map +1 -0
- package/dist/esm/checkout/views/crypto-intent/methods.js +26 -0
- package/dist/esm/checkout/views/crypto-intent/methods.js.map +1 -0
- package/dist/esm/checkout/views/crypto-intent/processing.js +41 -0
- package/dist/esm/checkout/views/crypto-intent/processing.js.map +1 -0
- package/dist/esm/checkout/views/crypto-intent/success.js +20 -0
- package/dist/esm/checkout/views/crypto-intent/success.js.map +1 -0
- package/dist/esm/checkout/views/initial.js +32 -0
- package/dist/esm/checkout/views/initial.js.map +1 -0
- package/dist/esm/checkout/views/method-select.js +17 -0
- package/dist/esm/checkout/views/method-select.js.map +1 -0
- package/dist/esm/components/lists/index.js +1 -1
- package/dist/esm/components/lists/index.js.map +1 -1
- package/dist/esm/exports/checkout.js +2 -0
- package/dist/esm/exports/checkout.js.map +1 -0
- package/dist/esm/exports/components.js +6 -1
- package/dist/esm/exports/components.js.map +1 -1
- package/dist/esm/exports/index.js +7 -1
- package/dist/esm/exports/index.js.map +1 -1
- package/dist/esm/state/checkout/store.js +220 -0
- package/dist/esm/state/checkout/store.js.map +1 -0
- package/dist/esm/utils/cn.js +4 -0
- package/dist/esm/utils/cn.js.map +1 -0
- package/dist/types/checkout/container.d.ts +2 -0
- package/dist/types/checkout/container.d.ts.map +1 -0
- package/dist/types/checkout/index.d.ts +6 -0
- package/dist/types/checkout/index.d.ts.map +1 -0
- package/dist/types/checkout/modal.d.ts +10 -0
- package/dist/types/checkout/modal.d.ts.map +1 -0
- package/dist/types/checkout/views/back.d.ts +6 -0
- package/dist/types/checkout/views/back.d.ts.map +1 -0
- package/dist/types/checkout/views/card-intent/details.d.ts +3 -0
- package/dist/types/checkout/views/card-intent/details.d.ts.map +1 -0
- package/dist/types/checkout/views/crypto-intent/curreny.d.ts +3 -0
- package/dist/types/checkout/views/crypto-intent/curreny.d.ts.map +1 -0
- package/dist/types/checkout/views/crypto-intent/direct-details.d.ts +3 -0
- package/dist/types/checkout/views/crypto-intent/direct-details.d.ts.map +1 -0
- package/dist/types/checkout/views/crypto-intent/methods.d.ts +3 -0
- package/dist/types/checkout/views/crypto-intent/methods.d.ts.map +1 -0
- package/dist/types/checkout/views/crypto-intent/processing.d.ts +3 -0
- package/dist/types/checkout/views/crypto-intent/processing.d.ts.map +1 -0
- package/dist/types/checkout/views/crypto-intent/success.d.ts +7 -0
- package/dist/types/checkout/views/crypto-intent/success.d.ts.map +1 -0
- package/dist/types/checkout/views/initial.d.ts +7 -0
- package/dist/types/checkout/views/initial.d.ts.map +1 -0
- package/dist/types/checkout/views/method-select.d.ts +3 -0
- package/dist/types/checkout/views/method-select.d.ts.map +1 -0
- package/dist/types/components/lists/index.d.ts +2 -1
- package/dist/types/components/lists/index.d.ts.map +1 -1
- package/dist/types/exports/checkout.d.ts +2 -0
- package/dist/types/exports/checkout.d.ts.map +1 -0
- package/dist/types/exports/components.d.ts +6 -1
- package/dist/types/exports/components.d.ts.map +1 -1
- package/dist/types/exports/index.d.ts +7 -1
- package/dist/types/exports/index.d.ts.map +1 -1
- package/dist/types/state/checkout/store.d.ts +66 -0
- package/dist/types/state/checkout/store.d.ts.map +1 -0
- package/dist/types/utils/cn.d.ts +4 -0
- package/dist/types/utils/cn.d.ts.map +1 -0
- package/package.json +23 -31
- package/dist/esm/components/buttons/buttons.stories.js +0 -18
- package/dist/esm/components/buttons/buttons.stories.js.map +0 -1
- package/dist/esm/components/lists/lists.stories.js +0 -42
- package/dist/esm/components/lists/lists.stories.js.map +0 -1
- package/dist/esm/components/loading/loading.stories.js +0 -8
- package/dist/esm/components/loading/loading.stories.js.map +0 -1
- package/dist/esm/components/text/text.stories.js +0 -34
- package/dist/esm/components/text/text.stories.js.map +0 -1
- package/dist/types/components/buttons/buttons.stories.d.ts +0 -7
- package/dist/types/components/buttons/buttons.stories.d.ts.map +0 -1
- package/dist/types/components/lists/lists.stories.d.ts +0 -27
- package/dist/types/components/lists/lists.stories.d.ts.map +0 -1
- package/dist/types/components/loading/loading.stories.d.ts +0 -4
- package/dist/types/components/loading/loading.stories.d.ts.map +0 -1
- package/dist/types/components/text/text.stories.d.ts +0 -5
- package/dist/types/components/text/text.stories.d.ts.map +0 -1
- package/src/components/index.ts +0 -6
- package/src/components/modals/index.ts +0 -3
- package/src/config.ts +0 -29
- package/src/exports/components.ts +0 -1
- package/src/exports/config.ts +0 -2
- package/src/exports/index.ts +0 -7
- package/src/exports/themes.ts +0 -1
- package/src/index.ts +0 -0
- package/src/themes/types.ts +0 -35
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../src/checkout/container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAO3C,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useState } from "react";
|
|
4
|
+
import { CheckoutModal } from "./modal.js";
|
|
5
|
+
import { StyledButton, useMintMoneyConfig } from "@mintmoney/react";
|
|
6
|
+
export function Checkout({ amount }) {
|
|
7
|
+
const [isOpen, openModal] = useState(false);
|
|
8
|
+
const config = useMintMoneyConfig();
|
|
9
|
+
const isDisabled = !amount;
|
|
10
|
+
return (_jsxs(_Fragment, { children: [_jsx(StyledButton, { variant: "primary", onClick: () => openModal(!isOpen), disabled: isDisabled, children: "Pay Now" }), amount && (_jsx(CheckoutModal, { open: isOpen, onOpenChange: openModal, checkoutId: config.checkoutId, amount: amount }))] }));
|
|
11
|
+
}
|
|
12
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/checkout/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAOpE,MAAM,UAAU,QAAQ,CAAC,EAAE,MAAM,EAAiB;IAChD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACrD,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IAEpC,MAAM,UAAU,GAAG,CAAC,MAAM,CAAC;IAE3B,OAAO,CACL,8BACE,KAAC,YAAY,IACX,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,EACjC,QAAQ,EAAE,UAAU,wBAGP,EAEd,MAAM,IAAI,CACT,KAAC,aAAa,IACZ,IAAI,EAAE,MAAM,EACZ,YAAY,EAAE,SAAS,EACvB,UAAU,EAAE,MAAM,CAAC,UAAU,EAC7B,MAAM,EAAE,MAAM,GACd,CACH,IACA,CACJ,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { ModalWithView } from "@mintmoney/react/components";
|
|
3
|
+
import { MethodSelectViewContent } from "./views/method-select.js";
|
|
4
|
+
import { ModalBackButton } from "./views/back.js";
|
|
5
|
+
import { CryptoIntentViewContent } from "./views/crypto-intent/methods.js";
|
|
6
|
+
import { CardIntentViewContent } from "./views/card-intent/details.js";
|
|
7
|
+
import { CryptontentSelectCurrencyViewContent } from "./views/crypto-intent/curreny.js";
|
|
8
|
+
import { CryptoIntentDirectDetailsViewContent } from "./views/crypto-intent/direct-details.js";
|
|
9
|
+
import { CryptoIntentPaymentStatusViewContent } from "./views/crypto-intent/processing.js";
|
|
10
|
+
import { InitialiseCheckoutViewContent } from "./views/initial.js";
|
|
11
|
+
import { CryptoIntentPaymentSuccessViewContent } from "./views/crypto-intent/success.js";
|
|
12
|
+
export const CheckoutModal = (props) => {
|
|
13
|
+
return (_jsx(ModalWithView, { className: "mm-checkout-modal", initialView: "initial", isOpen: props.open, onOpenChange: props.onOpenChange, views: {
|
|
14
|
+
initial: {
|
|
15
|
+
title: "",
|
|
16
|
+
content: () => (_jsx(InitialiseCheckoutViewContent, { checkoutId: props.checkoutId, amount: props.amount })),
|
|
17
|
+
},
|
|
18
|
+
methods: {
|
|
19
|
+
title: "Order Summary",
|
|
20
|
+
content: () => _jsx(MethodSelectViewContent, {}),
|
|
21
|
+
},
|
|
22
|
+
cryptoIntent: {
|
|
23
|
+
title: "Pay with Crypto",
|
|
24
|
+
content: () => _jsx(CryptoIntentViewContent, {}),
|
|
25
|
+
footer: () => _jsx(ModalBackButton, { view: "methods" }),
|
|
26
|
+
},
|
|
27
|
+
cryptoIntentSelectCurrency: {
|
|
28
|
+
title: "Select Currency",
|
|
29
|
+
content: () => _jsx(CryptontentSelectCurrencyViewContent, {}),
|
|
30
|
+
footer: () => _jsx(ModalBackButton, { view: "cryptoIntent" }),
|
|
31
|
+
},
|
|
32
|
+
cryptoIntentDirectDetails: {
|
|
33
|
+
title: "Pay Direct",
|
|
34
|
+
content: () => _jsx(CryptoIntentDirectDetailsViewContent, {}),
|
|
35
|
+
footer: () => _jsx(ModalBackButton, { view: "cryptoIntent" }),
|
|
36
|
+
},
|
|
37
|
+
cryptoIntentPaymentStatus: {
|
|
38
|
+
title: "Payment Processing",
|
|
39
|
+
content: () => _jsx(CryptoIntentPaymentStatusViewContent, {}),
|
|
40
|
+
},
|
|
41
|
+
cryptoIntentPaymentSuccess: {
|
|
42
|
+
title: "Payment Successful",
|
|
43
|
+
content: () => (_jsx(CryptoIntentPaymentSuccessViewContent, { onClose: props.onOpenChange })),
|
|
44
|
+
},
|
|
45
|
+
cardIntent: {
|
|
46
|
+
title: "Pay by Card",
|
|
47
|
+
content: () => _jsx(CardIntentViewContent, {}),
|
|
48
|
+
footer: () => _jsx(ModalBackButton, { view: "methods" }),
|
|
49
|
+
},
|
|
50
|
+
success: {
|
|
51
|
+
title: "Payment Successful",
|
|
52
|
+
header: () => _jsx("p", { className: "", children: "Transfer complete" }),
|
|
53
|
+
content: () => _jsx(_Fragment, {}),
|
|
54
|
+
footer: () => _jsx("button", { className: "", children: "Success" }),
|
|
55
|
+
},
|
|
56
|
+
failed: {
|
|
57
|
+
title: "Payment Failed",
|
|
58
|
+
header: () => _jsx("p", { className: "", children: "Failed" }),
|
|
59
|
+
content: () => _jsx(_Fragment, {}),
|
|
60
|
+
navigateButtonPosition: "center",
|
|
61
|
+
navigateShouldGoToView: "methods",
|
|
62
|
+
},
|
|
63
|
+
} }));
|
|
64
|
+
};
|
|
65
|
+
//# sourceMappingURL=modal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../src/checkout/modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useModalWithView, StyledButton } from "@mintmoney/react/components";
|
|
3
|
+
const ModalBackButton = ({ view }) => {
|
|
4
|
+
const { goToView } = useModalWithView();
|
|
5
|
+
return (_jsx(StyledButton, { onClick: () => goToView(view), variant: "secondary", children: "Back" }));
|
|
6
|
+
};
|
|
7
|
+
export { ModalBackButton };
|
|
8
|
+
//# sourceMappingURL=back.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"back.js","sourceRoot":"","sources":["../../../../src/checkout/views/back.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAM7E,MAAM,eAAe,GAAG,CAAC,EAAE,IAAI,EAAmB,EAAE,EAAE;IACpD,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAExC,OAAO,CACL,KAAC,YAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,WAAW,qBAElD,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useRef } from "react";
|
|
3
|
+
import { useMintMoneyConfig } from "@mintmoney/react/config";
|
|
4
|
+
import { StyledButton } from "@mintmoney/react/components";
|
|
5
|
+
import { ModalViewContainer } from "../../container.js";
|
|
6
|
+
const CardIntentViewContent = () => {
|
|
7
|
+
const modalRef = useRef(null);
|
|
8
|
+
const config = useMintMoneyConfig();
|
|
9
|
+
return (_jsx(ModalViewContainer, { ref: modalRef, children: _jsxs("div", { className: "button-group", children: [_jsx(StyledButton, { theme: config.theme.btn.primary, children: "Connect Wallet" }), _jsx(StyledButton, { theme: config.theme.btn.primary, children: "Direct Payment" })] }) }));
|
|
10
|
+
};
|
|
11
|
+
export { CardIntentViewContent };
|
|
12
|
+
//# sourceMappingURL=details.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"details.js","sourceRoot":"","sources":["../../../../../src/checkout/views/card-intent/details.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAE3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAExD,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACjC,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC9C,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IAEpC,OAAO,CACL,KAAC,kBAAkB,IAAC,GAAG,EAAE,QAAQ,YAC/B,eAAK,SAAS,EAAC,cAAc,aAC3B,KAAC,YAAY,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,+BAE9B,EACf,KAAC,YAAY,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,+BAE9B,IACX,GACa,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,qBAAqB,EAAE,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useRef } from "react";
|
|
3
|
+
import { useModalWithView, SelectableList, Text, Loader, } from "@mintmoney/react/components";
|
|
4
|
+
import { useCheckoutStore, ACTIONS, createCheckoutCryptoPaymentAttempt, } from "../../../state/checkout/store.js";
|
|
5
|
+
import { ModalViewContainer } from "../../container.js";
|
|
6
|
+
import { useMintMoneyConfig } from "@mintmoney/react";
|
|
7
|
+
const CryptontentSelectCurrencyViewContent = () => {
|
|
8
|
+
const modalRef = useRef(null);
|
|
9
|
+
const { goToView } = useModalWithView();
|
|
10
|
+
const { checkout, cryptoCurrencies, loading } = useCheckoutStore();
|
|
11
|
+
const config = useMintMoneyConfig();
|
|
12
|
+
const isLoading = loading[ACTIONS.GET_CRYPTO_CURRENCIES] ||
|
|
13
|
+
loading[ACTIONS.CREATE_PAYMENT_ATTEMPT];
|
|
14
|
+
if (checkout && !checkout.checkout_config.crypto?.enabled)
|
|
15
|
+
goToView("failed", { reason: "crypto_not_enabled" });
|
|
16
|
+
const handleSelectCurrency = async (currency) => {
|
|
17
|
+
try {
|
|
18
|
+
await createCheckoutCryptoPaymentAttempt(currency);
|
|
19
|
+
goToView("cryptoIntentDirectDetails");
|
|
20
|
+
}
|
|
21
|
+
catch { }
|
|
22
|
+
};
|
|
23
|
+
if (isLoading)
|
|
24
|
+
return _jsx(Loader, {});
|
|
25
|
+
return (_jsxs(ModalViewContainer, { ref: modalRef, children: [_jsx(Text, { size: "base", color: config.theme.font.color.tertiary, weight: "normal", children: "Select a currency to complete payment with." }), _jsx(SelectableList, { items: cryptoCurrencies ?? [], getKey: (currency) => currency.asset, getLabel: (currency) => `${currency.chain_name} ${currency.asset_name}`, onSelect: handleSelectCurrency })] }));
|
|
26
|
+
};
|
|
27
|
+
export { CryptontentSelectCurrencyViewContent };
|
|
28
|
+
//# sourceMappingURL=curreny.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"curreny.js","sourceRoot":"","sources":["../../../../../src/checkout/views/crypto-intent/curreny.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,gBAAgB,EAChB,cAAc,EACd,IAAI,EACJ,MAAM,GACP,MAAM,6BAA6B,CAAC;AAErC,OAAO,EACL,gBAAgB,EAChB,OAAO,EACP,kCAAkC,GACnC,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAEtD,MAAM,oCAAoC,GAAG,GAAG,EAAE;IAChD,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC9C,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACxC,MAAM,EAAE,QAAQ,EAAE,gBAAgB,EAAE,OAAO,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACnE,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IAEpC,MAAM,SAAS,GACb,OAAO,CAAC,OAAO,CAAC,qBAAqB,CAAC;QACtC,OAAO,CAAC,OAAO,CAAC,sBAAsB,CAAC,CAAC;IAE1C,IAAI,QAAQ,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,MAAM,EAAE,OAAO;QACvD,QAAQ,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,oBAAoB,EAAE,CAAC,CAAC;IAEvD,MAAM,oBAAoB,GAAG,KAAK,EAAE,QAAwB,EAAE,EAAE;QAC9D,IAAI,CAAC;YACH,MAAM,kCAAkC,CAAC,QAAQ,CAAC,CAAC;YACnD,QAAQ,CAAC,2BAA2B,CAAC,CAAC;QACxC,CAAC;QAAC,MAAM,CAAC,CAAA,CAAC;IACZ,CAAC,CAAC;IAEF,IAAI,SAAS;QAAE,OAAO,KAAC,MAAM,KAAG,CAAC;IAEjC,OAAO,CACL,MAAC,kBAAkB,IAAC,GAAG,EAAE,QAAQ,aAC/B,KAAC,IAAI,IACH,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EACvC,MAAM,EAAE,QAAQ,4DAGX,EAEP,KAAC,cAAc,IACb,KAAK,EAAE,gBAAgB,IAAI,EAAE,EAC7B,MAAM,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,EACpC,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,GAAG,QAAQ,CAAC,UAAU,IAAI,QAAQ,CAAC,UAAU,EAAE,EACvE,QAAQ,EAAE,oBAAoB,GAC9B,IACiB,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,oCAAoC,EAAE,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useRef } from "react";
|
|
3
|
+
import QRCode from "react-qr-code";
|
|
4
|
+
import { useModalWithView, StyledButton, Text, } from "@mintmoney/react/components";
|
|
5
|
+
import { useMintMoneyConfig } from "@mintmoney/react";
|
|
6
|
+
import { useCheckoutStore } from "../../../state/checkout/store.js";
|
|
7
|
+
import { ModalViewContainer } from "../../container.js";
|
|
8
|
+
const CryptoIntentDirectDetailsViewContent = () => {
|
|
9
|
+
const modalRef = useRef(null);
|
|
10
|
+
const { goToView } = useModalWithView();
|
|
11
|
+
const { cryptoPaymentAttempt } = useCheckoutStore();
|
|
12
|
+
const config = useMintMoneyConfig();
|
|
13
|
+
const handleConfirm = () => {
|
|
14
|
+
goToView("cryptoIntentPaymentStatus");
|
|
15
|
+
};
|
|
16
|
+
if (!cryptoPaymentAttempt) {
|
|
17
|
+
return null;
|
|
18
|
+
}
|
|
19
|
+
const copyToClipboard = () => {
|
|
20
|
+
navigator.clipboard.writeText(cryptoPaymentAttempt.destination_address);
|
|
21
|
+
};
|
|
22
|
+
return (_jsxs(ModalViewContainer, { ref: modalRef, children: [_jsx(Text, { size: "base", weight: "normal", color: config.theme.font.color.secondary, children: "Scan the QR code or copy the address to send payment." }), _jsx("div", { className: "mm-qr-container", children: _jsx(QRCode, { value: cryptoPaymentAttempt.destination_address, size: 160 }) }), _jsxs("div", { className: "mm-address-container", children: [_jsx(Text, { size: "sm", weight: "light", color: config.theme.font.color.tertiary, children: cryptoPaymentAttempt.destination_address }), _jsx("button", { className: "copy-button", onClick: copyToClipboard, children: "Copy" })] }), _jsx(StyledButton, { onClick: handleConfirm, variant: "primary", children: "Confirm" })] }));
|
|
23
|
+
};
|
|
24
|
+
export { CryptoIntentDirectDetailsViewContent };
|
|
25
|
+
//# sourceMappingURL=direct-details.js.map
|
|
@@ -0,0 +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;AAC/B,OAAO,MAAM,MAAM,eAAe,CAAC;AACnC,OAAO,EACL,gBAAgB,EAChB,YAAY,EACZ,IAAI,GACL,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAEtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAGxD,MAAM,oCAAoC,GAAG,GAAG,EAAE;IAChD,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC9C,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACxC,MAAM,EAAE,oBAAoB,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACpD,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IAEpC,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,QAAQ,CAAC,2BAA2B,CAAC,CAAC;IACxC,CAAC,CAAC;IAEF,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC1B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,oBAAoB,CAAC,mBAAmB,CAAC,CAAC;IAC1E,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,kBAAkB,IAAC,GAAG,EAAE,QAAQ,aAC/B,KAAC,IAAI,IACH,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,QAAQ,EACf,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,sEAGnC,EAEP,cAAK,SAAS,EAAC,iBAAiB,YAC9B,KAAC,MAAM,IAAC,KAAK,EAAE,oBAAoB,CAAC,mBAAmB,EAAE,IAAI,EAAE,GAAG,GAAI,GAClE,EAEN,eAAK,SAAS,EAAC,sBAAsB,aACnC,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,YACnE,oBAAoB,CAAC,mBAAmB,GACpC,EACP,iBAAQ,SAAS,EAAC,aAAa,EAAC,OAAO,EAAE,eAAe,qBAE/C,IACL,EAEN,KAAC,YAAY,IAAC,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,SAAS,wBAEzC,IACI,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,oCAAoC,EAAE,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useRef } from "react";
|
|
3
|
+
import { useModalWithView, SelectableList } from "@mintmoney/react/components";
|
|
4
|
+
import { ModalViewContainer } from "../../container.js";
|
|
5
|
+
const CryptoIntentViewContent = () => {
|
|
6
|
+
const modalRef = useRef(null);
|
|
7
|
+
const { goToView } = useModalWithView();
|
|
8
|
+
const methods = [
|
|
9
|
+
{
|
|
10
|
+
key: "wallet",
|
|
11
|
+
label: "Connect Wallet",
|
|
12
|
+
view: "cryptoIntentSelectCurrency"
|
|
13
|
+
},
|
|
14
|
+
{
|
|
15
|
+
key: "direct",
|
|
16
|
+
label: "Direct Payment",
|
|
17
|
+
view: "cryptoIntentSelectCurrency"
|
|
18
|
+
},
|
|
19
|
+
];
|
|
20
|
+
const handleMethodSelect = () => {
|
|
21
|
+
goToView("cryptoIntentSelectCurrency");
|
|
22
|
+
};
|
|
23
|
+
return (_jsx(ModalViewContainer, { ref: modalRef, children: _jsx(SelectableList, { items: methods, getKey: (method) => method.key, getLabel: (method) => method.label, onSelect: handleMethodSelect }) }));
|
|
24
|
+
};
|
|
25
|
+
export { CryptoIntentViewContent };
|
|
26
|
+
//# sourceMappingURL=methods.js.map
|
|
@@ -0,0 +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;AAE/B,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAE/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAExD,MAAM,uBAAuB,GAAG,GAAG,EAAE;IACnC,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC9C,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAQxC,MAAM,OAAO,GAAuB;QAClC;YACE,GAAG,EAAE,QAAQ;YACb,KAAK,EAAE,gBAAgB;YACvB,IAAI,EAAE,4BAA4B;SACnC;QACD;YACE,GAAG,EAAE,QAAQ;YACb,KAAK,EAAE,gBAAgB;YACvB,IAAI,EAAE,4BAA4B;SACnC;KACF,CAAA;IAED,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,QAAQ,CAAC,4BAA4B,CAAC,CAAA;IACxC,CAAC,CAAA;IAED,OAAO,CACL,KAAC,kBAAkB,IAAC,GAAG,EAAE,QAAQ,YAC/B,KAAC,cAAc,IACb,KAAK,EAAE,OAAO,EACd,MAAM,EAAE,CAAC,MAAwB,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,EAChD,QAAQ,EAAE,CAAC,MAAwB,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EACpD,QAAQ,EAAE,kBAAkB,GAC5B,GACiB,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,uBAAuB,EAAE,CAAC"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect, useState } from "react";
|
|
3
|
+
import { useModalWithView, Loader, Text } from "@mintmoney/react/components";
|
|
4
|
+
import { useMintMoneyConfig } from "@mintmoney/react";
|
|
5
|
+
import { useCheckoutStore, getPayment } from "../../../state/checkout/store.js";
|
|
6
|
+
const POLL_INTERVAL = 5000;
|
|
7
|
+
const CryptoIntentPaymentStatusViewContent = () => {
|
|
8
|
+
const { goToView } = useModalWithView();
|
|
9
|
+
const { payment } = useCheckoutStore();
|
|
10
|
+
const config = useMintMoneyConfig();
|
|
11
|
+
const [_status, setStatus] = useState(payment?.status || "confirming_payment");
|
|
12
|
+
useEffect(() => {
|
|
13
|
+
let isMounted = true;
|
|
14
|
+
const pollPaymentStatus = async () => {
|
|
15
|
+
try {
|
|
16
|
+
const updatedPayment = await getPayment();
|
|
17
|
+
if (!updatedPayment || !isMounted)
|
|
18
|
+
return;
|
|
19
|
+
setStatus(updatedPayment.status);
|
|
20
|
+
if (updatedPayment.status) {
|
|
21
|
+
goToView("cryptoIntentPaymentSuccess");
|
|
22
|
+
}
|
|
23
|
+
else if (updatedPayment.status === "failed") {
|
|
24
|
+
goToView("paymentFailed");
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
catch (error) {
|
|
28
|
+
console.error("Error fetching payment status:", error);
|
|
29
|
+
}
|
|
30
|
+
};
|
|
31
|
+
pollPaymentStatus();
|
|
32
|
+
const interval = setInterval(async () => await pollPaymentStatus(), POLL_INTERVAL);
|
|
33
|
+
return () => {
|
|
34
|
+
isMounted = false;
|
|
35
|
+
clearInterval(interval);
|
|
36
|
+
};
|
|
37
|
+
}, []);
|
|
38
|
+
return (_jsxs("div", { className: "loading-container", children: [_jsx(Loader, { asChild: true }), _jsx(Text, { size: "base", color: config.theme.font.color.tertiary, children: "Payment pending..." })] }));
|
|
39
|
+
};
|
|
40
|
+
export { CryptoIntentPaymentStatusViewContent };
|
|
41
|
+
//# sourceMappingURL=processing.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"processing.js","sourceRoot":"","sources":["../../../../../src/checkout/views/crypto-intent/processing.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAEhF,MAAM,aAAa,GAAG,IAAI,CAAC;AAE3B,MAAM,oCAAoC,GAAG,GAAG,EAAE;IAChD,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACxC,MAAM,EAAE,OAAO,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACvC,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IAEpC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,GAAG,QAAQ,CACnC,OAAO,EAAE,MAAM,IAAI,oBAAoB,CACxC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,GAAG,IAAI,CAAC;QAErB,MAAM,iBAAiB,GAAG,KAAK,IAAI,EAAE;YACnC,IAAI,CAAC;gBACH,MAAM,cAAc,GAAG,MAAM,UAAU,EAAE,CAAC;gBAC1C,IAAI,CAAC,cAAc,IAAI,CAAC,SAAS;oBAAE,OAAO;gBAE1C,SAAS,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;gBAEjC,IAAI,cAAc,CAAC,MAAM,EAAE,CAAC;oBAC1B,QAAQ,CAAC,4BAA4B,CAAC,CAAC;gBACzC,CAAC;qBAAM,IAAI,cAAc,CAAC,MAAM,KAAK,QAAQ,EAAE,CAAC;oBAC9C,QAAQ,CAAC,eAAe,CAAC,CAAC;gBAC5B,CAAC;YACH,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,OAAO,CAAC,KAAK,CAAC,gCAAgC,EAAE,KAAK,CAAC,CAAC;YACzD,CAAC;QACH,CAAC,CAAC;QAEF,iBAAiB,EAAE,CAAC;QACpB,MAAM,QAAQ,GAAG,WAAW,CAC1B,KAAK,IAAI,EAAE,CAAC,MAAM,iBAAiB,EAAE,EACrC,aAAa,CACd,CAAC;QAEF,OAAO,GAAG,EAAE;YACV,SAAS,GAAG,KAAK,CAAC;YAClB,aAAa,CAAC,QAAQ,CAAC,CAAC;QAC1B,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,eAAK,SAAS,EAAC,mBAAmB,aAChC,KAAC,MAAM,IAAC,OAAO,EAAE,IAAI,GAAI,EACzB,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,mCAElD,IACH,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,oCAAoC,EAAE,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { StyledButton, CheckMarkIcon, useModalWithView, } from "@mintmoney/react/components";
|
|
3
|
+
import { ModalViewContainer } from "../../container.js";
|
|
4
|
+
import { resetCheckoutStore } from "../../../state/checkout/store.js";
|
|
5
|
+
const CryptoIntentPaymentSuccessViewContent = ({ onClose }) => {
|
|
6
|
+
const { goToView } = useModalWithView();
|
|
7
|
+
const handleClose = () => {
|
|
8
|
+
resetCheckoutStore();
|
|
9
|
+
goToView("initial");
|
|
10
|
+
onClose(false);
|
|
11
|
+
};
|
|
12
|
+
return (_jsxs(ModalViewContainer, { style: { justifyContent: "flex-end" }, children: [_jsx("div", { style: {
|
|
13
|
+
position: "absolute",
|
|
14
|
+
top: "calc(50% - 24px)",
|
|
15
|
+
left: "50%",
|
|
16
|
+
transform: "translate(-50%, -50%)",
|
|
17
|
+
}, children: _jsx(CheckMarkIcon, { size: 64 }) }), _jsx(StyledButton, { style: { marginTop: "auto" }, variant: "primary", onClick: handleClose, children: "Complete" })] }));
|
|
18
|
+
};
|
|
19
|
+
export { CryptoIntentPaymentSuccessViewContent };
|
|
20
|
+
//# sourceMappingURL=success.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"success.js","sourceRoot":"","sources":["../../../../../src/checkout/views/crypto-intent/success.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,YAAY,EACZ,aAAa,EACb,gBAAgB,GACjB,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAMtE,MAAM,qCAAqC,GAAG,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE;IACnE,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAExC,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,kBAAkB,EAAE,CAAC;QACrB,QAAQ,CAAC,SAAS,CAAC,CAAC;QACpB,OAAO,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,kBAAkB,IAAC,KAAK,EAAE,EAAE,cAAc,EAAE,UAAU,EAAE,aACvD,cACE,KAAK,EAAE;oBACL,QAAQ,EAAE,UAAU;oBACpB,GAAG,EAAE,kBAAkB;oBACvB,IAAI,EAAE,KAAK;oBACX,SAAS,EAAE,uBAAuB;iBACnC,YAED,KAAC,aAAa,IAAC,IAAI,EAAE,EAAE,GAAI,GACvB,EACN,KAAC,YAAY,IACX,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,EAC5B,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,WAAW,yBAGP,IACI,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,qCAAqC,EAAE,CAAC"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Loader, useModalWithView } from "@mintmoney/react/components";
|
|
3
|
+
import { useEffect, useState } from "react";
|
|
4
|
+
import { ACTIONS, createCheckoutPayment, initialiseStore, useCheckoutStore, } from "../../state/checkout/store.js";
|
|
5
|
+
const InitialiseCheckoutViewContent = (props) => {
|
|
6
|
+
const { goToView } = useModalWithView();
|
|
7
|
+
const { error, checkout, payment } = useCheckoutStore();
|
|
8
|
+
const [loading, setLoading] = useState(true);
|
|
9
|
+
useEffect(() => {
|
|
10
|
+
const setup = async () => {
|
|
11
|
+
await initialiseStore(props.checkoutId, props.amount);
|
|
12
|
+
await createCheckoutPayment();
|
|
13
|
+
};
|
|
14
|
+
setup();
|
|
15
|
+
const timeout = setTimeout(() => setLoading(false), 1500);
|
|
16
|
+
return () => clearTimeout(timeout);
|
|
17
|
+
}, [props.checkoutId, props.amount]);
|
|
18
|
+
useEffect(() => {
|
|
19
|
+
const hasErrors = error[ACTIONS.GET_CHECKOUT_CONFIG] || error[ACTIONS.CREATE_PAYMENT];
|
|
20
|
+
console.log(error);
|
|
21
|
+
if (hasErrors) {
|
|
22
|
+
goToView("failed", { reason: "get_checkout" });
|
|
23
|
+
return;
|
|
24
|
+
}
|
|
25
|
+
if (checkout && payment && !loading) {
|
|
26
|
+
goToView("methods");
|
|
27
|
+
}
|
|
28
|
+
}, [error, checkout, payment, loading]);
|
|
29
|
+
return loading ? _jsx(Loader, {}) : null;
|
|
30
|
+
};
|
|
31
|
+
export { InitialiseCheckoutViewContent };
|
|
32
|
+
//# sourceMappingURL=initial.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"initial.js","sourceRoot":"","sources":["../../../../src/checkout/views/initial.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EACL,OAAO,EACP,qBAAqB,EACrB,eAAe,EACf,gBAAgB,GACjB,MAAM,+BAA+B,CAAC;AAOvC,MAAM,6BAA6B,GAAG,CAAC,KAAmB,EAAE,EAAE;IAC5D,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACxC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAExD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,KAAK,IAAI,EAAE;YACvB,MAAM,eAAe,CAAC,KAAK,CAAC,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;YACtD,MAAM,qBAAqB,EAAE,CAAC;QAChC,CAAC,CAAC;QAEF,KAAK,EAAE,CAAC;QAER,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;QAE1D,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IAErC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GACb,KAAK,CAAC,OAAO,CAAC,mBAAmB,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;QAEtE,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QAEnB,IAAI,SAAS,EAAE,CAAC;YACd,QAAQ,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC,CAAC;YAC/C,OAAO;QACT,CAAC;QAED,IAAI,QAAQ,IAAI,OAAO,IAAI,CAAC,OAAO,EAAE,CAAC;YACpC,QAAQ,CAAC,SAAS,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAExC,OAAO,OAAO,CAAC,CAAC,CAAC,KAAC,MAAM,KAAG,CAAC,CAAC,CAAC,IAAI,CAAC;AACrC,CAAC,CAAC;AAEF,OAAO,EAAE,6BAA6B,EAAE,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useRef } from "react";
|
|
3
|
+
import { useModalWithView, SelectableList, } from "@mintmoney/react/components";
|
|
4
|
+
import { ModalViewContainer } from "../container.js";
|
|
5
|
+
import { useCheckoutStore, ACTIONS, setCheckoutMethod, } from "../../state/checkout/store.js";
|
|
6
|
+
const MethodSelectViewContent = () => {
|
|
7
|
+
const { goToView } = useModalWithView();
|
|
8
|
+
const modalRef = useRef(null);
|
|
9
|
+
const { methods, loading } = useCheckoutStore();
|
|
10
|
+
const handleSelectMethod = (method) => {
|
|
11
|
+
setCheckoutMethod(method);
|
|
12
|
+
goToView(method.intentName);
|
|
13
|
+
};
|
|
14
|
+
return (_jsx(ModalViewContainer, { ref: modalRef, children: _jsx(SelectableList, { title: "Select payment method", items: methods || [], getKey: (method) => method.name, getLabel: (method) => method.name, onSelect: handleSelectMethod, loading: loading[ACTIONS.GET_CHECKOUT_CONFIG] }) }));
|
|
15
|
+
};
|
|
16
|
+
export { MethodSelectViewContent };
|
|
17
|
+
//# sourceMappingURL=method-select.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"method-select.js","sourceRoot":"","sources":["../../../../src/checkout/views/method-select.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,gBAAgB,EAChB,cAAc,GACf,MAAM,6BAA6B,CAAC;AAGrC,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAErD,OAAO,EACL,gBAAgB,EAChB,OAAO,EACP,iBAAiB,GAClB,MAAM,+BAA+B,CAAC;AAEvC,MAAM,uBAAuB,GAAG,GAAG,EAAE;IACnC,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACxC,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC9C,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAEhD,MAAM,kBAAkB,GAAG,CAAC,MAAsB,EAAE,EAAE;QACpD,iBAAiB,CAAC,MAAM,CAAC,CAAC;QAC1B,QAAQ,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,kBAAkB,IAAC,GAAG,EAAE,QAAQ,YAE/B,KAAC,cAAc,IACb,KAAK,EAAE,uBAAuB,EAC9B,KAAK,EAAE,OAAO,IAAI,EAAE,EACpB,MAAM,EAAE,CAAC,MAAsB,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAC/C,QAAQ,EAAE,CAAC,MAAsB,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EACjD,QAAQ,EAAE,kBAAkB,EAC5B,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,mBAAmB,CAAC,GAC7C,GACiB,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,uBAAuB,EAAE,CAAC"}
|
|
@@ -11,5 +11,5 @@ const SelectableList = ({ title, items, getKey, getLabel, onSelect, loading = fa
|
|
|
11
11
|
}
|
|
12
12
|
return (_jsxs(_Fragment, { children: [title && (_jsx(Text, { size: "base", color: config.theme.font.color.secondary, weight: "semibold", children: title })), _jsx("div", { className: "mm-selectable-list__button-group", children: items.length > 0 ? (items.map((item) => (_jsx(StyledButton, { onClick: () => onSelect(item), variant: "primary", children: getLabel(item) }, getKey(item))))) : (_jsx(ListEmpty, { content: noItemsMsg })) })] }));
|
|
13
13
|
};
|
|
14
|
-
export { SelectableList };
|
|
14
|
+
export { SelectableList, ListEmpty };
|
|
15
15
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/lists/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAYvC,MAAM,cAAc,GAAG,CAAK,EAC1B,KAAK,EACL,KAAK,EACL,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,UAAU,GAAG,sBAAsB,GACZ,EAAE,EAAE;IAC3B,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IAEpC,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,KAAC,MAAM,IAAC,OAAO,EAAE,IAAI,GAAI,CAAC;IACnC,CAAC;IAED,OAAO,CACL,8BACG,KAAK,IAAI,CACR,KAAC,IAAI,IACH,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,EACxC,MAAM,EAAE,UAAU,YAEjB,KAAK,GACD,CACR,EACD,cAAK,SAAS,EAAC,kCAAkC,YAC9C,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAClB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAClB,KAAC,YAAY,IAEX,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAC7B,OAAO,EAAE,SAAS,YAEjB,QAAQ,CAAC,IAAI,CAAC,IAJV,MAAM,CAAC,IAAI,CAAC,CAKJ,CAChB,CAAC,CACH,CAAC,CAAC,CAAC,CACF,KAAC,SAAS,IAAC,OAAO,EAAE,UAAU,GAAI,CACnC,GACG,IACL,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/lists/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAYvC,MAAM,cAAc,GAAG,CAAK,EAC1B,KAAK,EACL,KAAK,EACL,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,UAAU,GAAG,sBAAsB,GACZ,EAAE,EAAE;IAC3B,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IAEpC,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,KAAC,MAAM,IAAC,OAAO,EAAE,IAAI,GAAI,CAAC;IACnC,CAAC;IAED,OAAO,CACL,8BACG,KAAK,IAAI,CACR,KAAC,IAAI,IACH,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,EACxC,MAAM,EAAE,UAAU,YAEjB,KAAK,GACD,CACR,EACD,cAAK,SAAS,EAAC,kCAAkC,YAC9C,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAClB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAClB,KAAC,YAAY,IAEX,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAC7B,OAAO,EAAE,SAAS,YAEjB,QAAQ,CAAC,IAAI,CAAC,IAJV,MAAM,CAAC,IAAI,CAAC,CAKJ,CAChB,CAAC,CACH,CAAC,CAAC,CAAC,CACF,KAAC,SAAS,IAAC,OAAO,EAAE,UAAU,GAAI,CACnC,GACG,IACL,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkout.js","sourceRoot":"","sources":["../../../src/exports/checkout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC"}
|
|
@@ -1,2 +1,7 @@
|
|
|
1
|
-
export
|
|
1
|
+
export { StyledButton } from "../components/buttons/index.js";
|
|
2
|
+
export { Text } from "../components/text/index.js";
|
|
3
|
+
export { SelectableList, ListEmpty } from "../components/lists/index.js";
|
|
4
|
+
export { Loader } from "../components/loading/index.js";
|
|
5
|
+
export { useModalWithView, ModalWithView, ModalWithViewProvider, Modal, } from "../components/modals/index.js";
|
|
6
|
+
export { CheckMarkIcon, CloseIcon } from "../components/icons/index.js";
|
|
2
7
|
//# sourceMappingURL=components.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components.js","sourceRoot":"","sources":["../../../src/exports/components.ts"],"names":[],"mappings":"AAAA,cAAc,
|
|
1
|
+
{"version":3,"file":"components.js","sourceRoot":"","sources":["../../../src/exports/components.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACxD,OAAO,EACL,gBAAgB,EAChB,aAAa,EACb,qBAAqB,EACrB,KAAK,GACN,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC"}
|
|
@@ -1,4 +1,10 @@
|
|
|
1
1
|
export { createConfig } from "../config.js";
|
|
2
2
|
export { useMintMoneyConfig, MintMoneyProvider } from "../context.js";
|
|
3
|
-
export
|
|
3
|
+
export { StyledButton } from "../components/buttons/index.js";
|
|
4
|
+
export { Text } from "../components/text/index.js";
|
|
5
|
+
export { SelectableList, ListEmpty } from "../components/lists/index.js";
|
|
6
|
+
export { Loader } from "../components/loading/index.js";
|
|
7
|
+
export { useModalWithView, ModalWithView, ModalWithViewProvider, Modal, } from "../components/modals/index.js";
|
|
8
|
+
export { CheckMarkIcon, CloseIcon } from "../components/icons/index.js";
|
|
9
|
+
export { Checkout } from "../checkout/index.js";
|
|
4
10
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/exports/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAe,YAAY,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEtE,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/exports/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAe,YAAY,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEtE,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACxD,OAAO,EACL,gBAAgB,EAChB,aAAa,EACb,qBAAqB,EACrB,KAAK,GACN,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAExE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC"}
|