@mintmoney/react 0.1.0-alpha.2 → 0.1.0-alpha.21

package/dist/esm/api/payments.js

@@ -0,0 +1,33 @@
+import { api } from "./index.js";
+const paymentDTO = (data) => {
+    return {
+        ...data.data,
+    };
+};
+export async function createPayment({ amount, checkoutId, }) {
+    const resp = await api.v1.paymentsCreate({
+        currency: "USD",
+        amount: amount,
+        checkout_id: checkoutId,
+    });
+    return paymentDTO(resp.data);
+}
+export async function createPaymentAttempt(paymentId, currency, confirmations = 1) {
+    const data = { ...currency, required_confirmations: confirmations };
+    const resp = await api.v1.paymentsCryptoPayCreate(paymentId, data);
+    return resp.data.data;
+}
+export async function createTestPaymentAttempt(paymentId, address) {
+    const data = {
+        address,
+        asset: "eip155:1/erc20:0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",
+        chain: "eip155:1",
+    }; // Hardcoded currency for test payments, possibly want to pass through the payout currency for the checkout
+    const resp = await api.v1.paymentsCryptoPayCreate(paymentId, data);
+    return resp.data.data;
+}
+export async function getPaymentById(id) {
+    const resp = await api.v1.paymentsDetail(id);
+    return paymentDTO(resp.data);
+}
+//# sourceMappingURL=payments.js.map

package/dist/esm/api/payments.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"payments.js","sourceRoot":"","sources":["../../../src/api/payments.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAEjC,MAAM,UAAU,GAAG,CAAC,IAAwB,EAAE,EAAE;IAC9C,OAAO;QACL,GAAG,IAAI,CAAC,IAAI;KACF,CAAC;AACf,CAAC,CAAC;AAEF,MAAM,CAAC,KAAK,UAAU,aAAa,CAAC,EAClC,MAAM,EACN,UAAU,GACU;IACpB,MAAM,IAAI,GAAG,MAAM,GAAG,CAAC,EAAE,CAAC,cAAc,CAAC;QACvC,QAAQ,EAAE,KAAK;QACf,MAAM,EAAE,MAAM;QACd,WAAW,EAAE,UAAU;KACxB,CAAC,CAAC;IACH,OAAO,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC/B,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,oBAAoB,CACxC,SAAiB,EACjB,QAAwB,EACxB,gBAAwB,CAAC;IAEzB,MAAM,IAAI,GAAG,EAAE,GAAG,QAAQ,EAAE,sBAAsB,EAAE,aAAa,EAAE,CAAC;IACpE,MAAM,IAAI,GAAG,MAAM,GAAG,CAAC,EAAE,CAAC,uBAAuB,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;IACnE,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;AACxB,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,wBAAwB,CAC5C,SAAiB,EACjB,OAA+B;IAE/B,MAAM,IAAI,GAAG;QACX,OAAO;QACP,KAAK,EAAE,2DAA2D;QAClE,KAAK,EAAE,UAAU;KAClB,CAAC,CAAC,2GAA2G;IAC9G,MAAM,IAAI,GAAG,MAAM,GAAG,CAAC,EAAE,CAAC,uBAAuB,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;IACnE,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;AACxB,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,cAAc,CAAC,EAAU;IAC7C,MAAM,IAAI,GAAG,MAAM,GAAG,CAAC,EAAE,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;IAC7C,OAAO,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC/B,CAAC"}

package/dist/esm/api/types.js

@@ -0,0 +1,8 @@
+export var PaymentStatus;
+(function (PaymentStatus) {
+    PaymentStatus["PENDING"] = "pending";
+    PaymentStatus["CONFIRMING_PAYMENT"] = "confirming_payment";
+    PaymentStatus["PAID"] = "paid";
+    PaymentStatus["FAILED"] = "failed";
+})(PaymentStatus || (PaymentStatus = {}));
+//# sourceMappingURL=types.js.map

package/dist/esm/api/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/api/types.ts"],"names":[],"mappings":"AAQA,MAAM,CAAN,IAAY,aAKX;AALD,WAAY,aAAa;IACvB,oCAAmB,CAAA;IACnB,0DAAyC,CAAA;IACzC,8BAAa,CAAA;IACb,kCAAiB,CAAA;AACnB,CAAC,EALW,aAAa,KAAb,aAAa,QAKxB"}

package/dist/esm/checkout/container.js

@@ -0,0 +1,10 @@
+import { styled } from "styled-components";
+export const ModalViewContainer = styled.div `
+  position: relative;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: 16px;
+  width: 100%;
+`;
+//# sourceMappingURL=container.js.map

package/dist/esm/checkout/container.js.map

@@ -0,0 +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"}

package/dist/esm/checkout/index.js

@@ -0,0 +1,44 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { useState, cloneElement, useRef } from "react";
+import { mainnet, sepolia } from "viem/chains";
+import { createConfig, http, WagmiProvider } from "wagmi";
+import { StyledButton } from "../components/index.js";
+import { WalletProvider } from "../components/wallet-selector/provider.js";
+import { CheckoutModal } from "./modal.js";
+export function Checkout({ createPayment, onError, onSuccess, asChild, children, }) {
+    const [isOpen, openModal] = useState(false);
+    const [payment, setPayment] = useState(null);
+    const wagmi = useRef();
+    const queryClient = useRef(new QueryClient());
+    //TOD we need to handle more chains here and provide custom rpc node urls.
+    const wagmiConfig = createConfig({
+        chains: [mainnet, sepolia],
+        transports: {
+            [mainnet.id]: http(),
+            [sepolia.id]: http(),
+        },
+    });
+    if (!wagmi.current) {
+        wagmi.current = wagmiConfig;
+    }
+    const handleCheckout = async () => {
+        try {
+            const payment = await createPayment();
+            setPayment(payment);
+            openModal(true);
+        }
+        catch (error) {
+            console.error("Error creating payment:", error);
+            if (onError) {
+                await onError(error);
+            }
+        }
+    };
+    const trigger = asChild && children ? (cloneElement(children, {
+        onClick: handleCheckout,
+    })) : (_jsx(StyledButton, { variant: "primary", onClick: handleCheckout, children: "Pay Now" }));
+    return (_jsx(WalletProvider, { children: _jsx(QueryClientProvider, { client: queryClient.current, children: _jsxs(WagmiProvider, { config: wagmi.current, reconnectOnMount: true, children: [trigger, payment && (_jsx(CheckoutModal, { open: isOpen, onOpenChange: openModal, payment: payment, onSuccess: onSuccess, restartCheckout: handleCheckout }))] }) }) }));
+}
+//# sourceMappingURL=index.js.map

package/dist/esm/checkout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/checkout/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAa,MAAM,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAU,YAAY,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAGlE,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAC;AAE3E,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAU3C,MAAM,UAAU,QAAQ,CAAC,EACvB,aAAa,EACb,OAAO,EACP,SAAS,EACT,OAAO,EACP,QAAQ,GACM;IACd,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACrD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAiB,IAAI,CAAC,CAAC;IAE7D,MAAM,KAAK,GAAG,MAAM,EAAU,CAAC;IAC/B,MAAM,WAAW,GAAG,MAAM,CAAc,IAAI,WAAW,EAAE,CAAC,CAAC;IAE3D,0EAA0E;IAC1E,MAAM,WAAW,GAAG,YAAY,CAAC;QAC/B,MAAM,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;QAC1B,UAAU,EAAE;YACV,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE;YACpB,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE;SACrB;KACF,CAAC,CAAC;IAEH,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;QACnB,KAAK,CAAC,OAAO,GAAG,WAAW,CAAC;IAC9B,CAAC;IAED,MAAM,cAAc,GAAG,KAAK,IAAI,EAAE;QAChC,IAAI,CAAC;YACH,MAAM,OAAO,GAAG,MAAM,aAAa,EAAE,CAAC;YACtC,UAAU,CAAC,OAAO,CAAC,CAAC;YACpB,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,yBAAyB,EAAE,KAAK,CAAC,CAAC;YAChD,IAAI,OAAO,EAAE,CAAC;gBACZ,MAAM,OAAO,CAAC,KAAc,CAAC,CAAC;YAChC,CAAC;QACH,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,OAAO,GACX,OAAO,IAAI,QAAQ,CAAC,CAAC,CAAC,CACpB,YAAY,CAAC,QAA8B,EAAE;QAC3C,OAAO,EAAE,cAAc;KACxB,CAAC,CACH,CAAC,CAAC,CAAC,CACF,KAAC,YAAY,IAAC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,cAAc,wBAE1C,CAChB,CAAC;IAEJ,OAAO,CACL,KAAC,cAAc,cACb,KAAC,mBAAmB,IAAC,MAAM,EAAE,WAAW,CAAC,OAAO,YAC9C,MAAC,aAAa,IAAC,MAAM,EAAE,KAAK,CAAC,OAAO,EAAE,gBAAgB,EAAE,IAAI,aACzD,OAAO,EAEP,OAAO,IAAI,CACV,KAAC,aAAa,IACZ,IAAI,EAAE,MAAM,EACZ,YAAY,EAAE,SAAS,EACvB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,cAAc,GAC/B,CACH,IACa,GACI,GACP,CAClB,CAAC;AACJ,CAAC"}

package/dist/esm/checkout/modal.js

@@ -0,0 +1,88 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { ModalWithView } from "../components/modals/modal-with-views.js";
+import { CheckoutAmountHeader } from "./views/amount-header.js";
+import { ModalBackButton } from "./views/back.js";
+import { CardIntentViewContent } from "./views/card-intent/details.js";
+import { CryptoIntentSelectCurrencyViewContent } from "./views/crypto-intent/currency-select.js";
+import { CryptoIntentDirectDetailsViewContent } from "./views/crypto-intent/direct-details.js";
+import { CryptoIntentViewContent } from "./views/crypto-intent/methods.js";
+import { CryptoIntentPaymentStatusViewContent } from "./views/crypto-intent/processing.js";
+import { CryptoIntentPaymentSuccessViewContent } from "./views/crypto-intent/success.js";
+import { TestPayment } from "./views/crypto-intent/test-payment.js";
+import { CryptoIntentSelectWalletViewContent } from "./views/crypto-intent/wallet-select.js";
+import { FailedViewContent } from "./views/failed.js";
+import { InitialiseCheckoutViewContent } from "./views/initial.js";
+import { MethodSelectViewContent } from "./views/method-select.js";
+import { RestartCheckoutButton } from "./views/restart.js";
+export const CheckoutModal = (props) => {
+    const header = () => (_jsx(CheckoutAmountHeader, { amount: props.payment.amount, currency: props.payment.currency }));
+    return (_jsx(ModalWithView, { className: "mm-checkout-modal", initialView: "initial", isOpen: props.open, onOpenChange: props.onOpenChange, views: {
+            initial: {
+                title: "Order Summary",
+                header,
+                content: () => (_jsx(InitialiseCheckoutViewContent, { payment: props.payment })),
+            },
+            methods: {
+                title: "Order Summary",
+                header,
+                content: () => _jsx(MethodSelectViewContent, {}),
+            },
+            cryptoIntent: {
+                title: "Pay with Crypto",
+                header,
+                content: () => _jsx(CryptoIntentViewContent, {}),
+                footer: () => _jsx(ModalBackButton, { view: "methods" }),
+            },
+            cryptoIntentSelectCurrency: {
+                title: "Select Currency",
+                header,
+                content: () => _jsx(CryptoIntentSelectCurrencyViewContent, {}),
+            },
+            cryptoIntentDirectDetails: {
+                title: "Pay Direct",
+                header,
+                content: () => _jsx(CryptoIntentDirectDetailsViewContent, {}),
+                footer: () => _jsx(ModalBackButton, { view: "cryptoIntent" }),
+            },
+            cryptoIntentSelectWallet: {
+                title: "Connect Wallet",
+                header,
+                content: () => _jsx(CryptoIntentSelectWalletViewContent, {}),
+                footer: () => _jsx(ModalBackButton, { view: "cryptoIntent" }),
+            },
+            cryptoIntentPaymentStatus: {
+                title: "Payment Processing",
+                header,
+                content: () => _jsx(CryptoIntentPaymentStatusViewContent, {}),
+            },
+            cryptoIntentPaymentSuccess: {
+                title: "Payment Successful",
+                header,
+                content: () => (_jsx(CryptoIntentPaymentSuccessViewContent, { onClose: props.onOpenChange, onSuccess: props.onSuccess })),
+            },
+            cardIntent: {
+                title: "Pay by Card",
+                header,
+                content: () => _jsx(CardIntentViewContent, {}),
+                footer: () => _jsx(ModalBackButton, { view: "methods" }),
+            },
+            success: {
+                title: "Payment Successful",
+                header: () => (_jsxs(_Fragment, { children: [header(), _jsx("p", { className: "", children: "Transfer complete" })] })),
+                content: () => _jsx(_Fragment, {}),
+                footer: () => _jsx("button", { className: "", children: "Success" }),
+            },
+            failed: {
+                title: "Payment Failed",
+                header,
+                content: () => _jsx(FailedViewContent, {}),
+                footer: () => (_jsx(RestartCheckoutButton, { restartCheckout: props.restartCheckout })),
+            },
+            cryptoTestPayment: {
+                title: "Test Your Checkout",
+                header,
+                content: () => _jsx(TestPayment, {}),
+            },
+        } }));
+};
+//# sourceMappingURL=modal.js.map

package/dist/esm/checkout/modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../src/checkout/modal.tsx"],"names":[],"mappings":"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"}

package/dist/esm/checkout/views/amount-header.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { styled } from "styled-components";
+import { useModalWithView } from "../../components/modals/use-modal-with-views.js";
+const HeaderContainer = styled.div `
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  margin-bottom: 1rem;
+  padding-bottom: 1rem;
+  border-bottom: 1px solid #e0e0e0;
+  font-family: var(--mm-font-family);
+`;
+const Label = styled.span `
+  font-size: 0.7rem;
+  line-height: 1;
+  color: #888;
+  font-weight: 500;
+  text-transform: uppercase;
+`;
+const Value = styled.span `
+  font-weight: bold;
+  color: #222;
+  display: block;
+  font-size: ${({ $isSmall }) => ($isSmall ? "1.2rem" : "2.5rem")};
+  transition: font-size 0.2s ease-out;
+`;
+export const CheckoutAmountHeader = ({ amount, currency, }) => {
+    const { currentView } = useModalWithView();
+    const isSmall = !["initial", "methods"].includes(currentView);
+    return (_jsxs(HeaderContainer, { children: [_jsx(Label, { children: "Amount" }), _jsxs(Value, { "$isSmall": isSmall, children: [amount.toLocaleString(undefined, {
+                        minimumFractionDigits: 2,
+                        maximumFractionDigits: 2,
+                    }), " ", currency] })] }));
+};
+//# sourceMappingURL=amount-header.js.map

package/dist/esm/checkout/views/amount-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"amount-header.js","sourceRoot":"","sources":["../../../../src/checkout/views/amount-header.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iDAAiD,CAAC;AAOnF,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;CAQjC,CAAC;AAEF,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;;CAMxB,CAAC;AAEF,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAuB;;;;eAIjC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC;;CAEhE,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAwC,CAAC,EACxE,MAAM,EACN,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,EAAE,WAAW,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAC3C,MAAM,OAAO,GAAG,CAAC,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;IAE9D,OAAO,CACL,MAAC,eAAe,eACd,KAAC,KAAK,yBAAe,EACrB,MAAC,KAAK,gBAAW,OAAO,aACrB,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE;wBAChC,qBAAqB,EAAE,CAAC;wBACxB,qBAAqB,EAAE,CAAC;qBACzB,CAAC,EAAE,GAAG,EACN,QAAQ,IACH,IACQ,CACnB,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/checkout/views/back.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useModalWithView, StyledButton } from "../../components/index.js";
+const ModalBackButton = ({ view, disabled }) => {
+    const { goToView } = useModalWithView();
+    return (_jsx(StyledButton, { onClick: () => goToView(view), variant: "secondary", disabled: disabled, children: "Back" }));
+};
+export { ModalBackButton };
+//# sourceMappingURL=back.js.map

package/dist/esm/checkout/views/back.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"back.js","sourceRoot":"","sources":["../../../../src/checkout/views/back.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAO3E,MAAM,eAAe,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAmB,EAAE,EAAE;IAC9D,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAExC,OAAO,CACL,KAAC,YAAY,IACX,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAC7B,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,qBAGL,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/esm/checkout/views/card-intent/details.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
+import { StyledButton } from "../../../components/buttons/index.js";
+import { useMintMoneyConfig } from "../../../context.js";
+import { ModalViewContainer } from "../../container.js";
+const CardIntentViewContent = () => {
+    const modalRef = useRef(null);
+    const config = useMintMoneyConfig();
+    return (_jsx(ModalViewContainer, { ref: modalRef, children: _jsxs("div", { className: "button-group", children: [_jsx(StyledButton, { variant: "primary", theme: config.theme, children: "Connect Wallet" }), _jsx(StyledButton, { variant: "primary", theme: config.theme, children: "Direct Payment" })] }) }));
+};
+export { CardIntentViewContent };
+//# sourceMappingURL=details.js.map

package/dist/esm/checkout/views/card-intent/details.js.map

@@ -0,0 +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;AAE/B,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,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,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,+BAEtC,EACf,KAAC,YAAY,IAAC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,+BAEtC,IACX,GACa,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,qBAAqB,EAAE,CAAC"}

package/dist/esm/checkout/views/crypto-intent/currency-select.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useContext, useEffect } from "react";
+import { CurrencySelector } from "../../../components/crypto/currency-selector.js";
+import { DefaultCurrencySelector } from "../../../components/crypto/default-currency-selector.js";
+import { useModalWithView, Text } from "../../../components/index.js";
+import { WalletContext } from "../../../components/wallet-selector/provider.js";
+import { useWalletActions, useWalletBalances, } from "../../../components/wallet-selector/store.js";
+import { useMintMoneyConfig } from "../../../context.js";
+import { useCheckoutStore } from "../../../state/checkout/store.js";
+import { ModalViewContainer } from "../../container.js";
+import { ModalBackButton } from "../back.js";
+const getDefaultCurrency = (cryptoCurrencies, checkout) => {
+    if (!cryptoCurrencies || !checkout?.checkout_config?.crypto?.assets)
+        return null;
+    // Find the first currency in the user's wallet that matches a configured asset
+    return (cryptoCurrencies.find((currency) => (checkout.checkout_config.crypto?.assets ?? []).some((asset) => asset.chain === currency.chain && asset.asset === currency.asset)) || null);
+};
+const CryptoIntentSelectCurrencyViewContent = () => {
+    const modalRef = useRef(null);
+    const { goToView } = useModalWithView();
+    const { checkout, cryptoCurrencies } = useCheckoutStore();
+    const config = useMintMoneyConfig();
+    const { fetchBalances } = useWalletActions();
+    const { wallet } = useContext(WalletContext);
+    const balances = useWalletBalances();
+    const processing = useCheckoutStore((state) => state.processing);
+    // If crypto is not enabled for this checkout, redirect to failed view
+    if (checkout && !checkout.checkout_config.crypto?.enabled) {
+        goToView("failed", { reason: "crypto_not_enabled" });
+        return null;
+    }
+    useEffect(() => {
+        if (!wallet || !cryptoCurrencies)
+            return;
+        void fetchBalances(cryptoCurrencies);
+    }, [wallet, cryptoCurrencies, fetchBalances]);
+    const defaultCurrency = getDefaultCurrency(cryptoCurrencies ?? [], checkout);
+    const otherCurrencies = cryptoCurrencies && cryptoCurrencies.length > 1
+        ? cryptoCurrencies.filter((c) => !(defaultCurrency &&
+            c.chain === defaultCurrency.chain &&
+            c.asset === defaultCurrency.asset))
+        : [];
+    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 () => {
+                            return Promise.resolve();
+                        }, buttonVariant: "secondary", buttonDisabled: true }, `${currency.chain}-${currency.asset}`)))] })), _jsx(ModalBackButton, { view: "cryptoIntent", disabled: processing })] }));
+};
+export { CryptoIntentSelectCurrencyViewContent };
+//# sourceMappingURL=currency-select.js.map

package/dist/esm/checkout/views/crypto-intent/currency-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"currency-select.js","sourceRoot":"","sources":["../../../../../src/checkout/views/crypto-intent/currency-select.tsx"],"names":[],"mappings":"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"}

package/dist/esm/checkout/views/crypto-intent/direct-details.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
+//@ts-expect-error import error
+import { QRCode } from "react-qr-code";
+import { useModalWithView, StyledButton, Text, } from "../../../components/index.js";
+import { useMintMoneyConfig } from "../../../context.js";
+import { useCheckoutStore } from "../../../state/checkout/store.js";
+import { ModalViewContainer } from "../../container.js";
+const CryptoIntentDirectDetailsViewContent = () => {
+    const modalRef = useRef(null);
+    const { goToView } = useModalWithView();
+    const { cryptoPaymentAttempt } = useCheckoutStore();
+    const config = useMintMoneyConfig();
+    const handleConfirm = () => {
+        goToView("cryptoIntentPaymentStatus");
+    };
+    if (!cryptoPaymentAttempt) {
+        return null;
+    }
+    const copyToClipboard = async () => {
+        await navigator.clipboard.writeText(cryptoPaymentAttempt.destination_address);
+    };
+    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" })] }));
+};
+export { CryptoIntentDirectDetailsViewContent };
+//# sourceMappingURL=direct-details.js.map

package/dist/esm/checkout/views/crypto-intent/direct-details.js.map

@@ -0,0 +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,+BAA+B;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC,OAAO,EACL,gBAAgB,EAChB,YAAY,EACZ,IAAI,GACL,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAExD,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,KAAK,IAAI,EAAE;QACjC,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CACjC,oBAAoB,CAAC,mBAAmB,CACzC,CAAC;IACJ,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"}

package/dist/esm/checkout/views/crypto-intent/methods.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef } from "react";
+import { useModalWithView, SelectableList } from "../../../components/index.js";
+import { ModalViewContainer } from "../../container.js";
+const CryptoIntentViewContent = () => {
+    const modalRef = useRef(null);
+    const { goToView } = useModalWithView();
+    const methods = [
+        {
+            key: "wallet",
+            label: "Connect Wallet",
+            view: "cryptoIntentSelectWallet",
+        },
+        {
+            key: "direct",
+            label: "Direct Payment",
+            view: "cryptoIntentSelectCurrency",
+        },
+    ];
+    const handleMethodSelect = (selectedMethod) => {
+        goToView(selectedMethod.view);
+    };
+    return (_jsx(ModalViewContainer, { ref: modalRef, children: _jsx(SelectableList, { items: methods, getKey: (method) => method.key, getLabel: (method) => method.label, onSelect: handleMethodSelect }) }));
+};
+export { CryptoIntentViewContent };
+//# sourceMappingURL=methods.js.map

package/dist/esm/checkout/views/crypto-intent/methods.js.map

@@ -0,0 +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,8BAA8B,CAAC;AAChF,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,0BAA0B;SACjC;QACD;YACE,GAAG,EAAE,QAAQ;YACb,KAAK,EAAE,gBAAgB;YACvB,IAAI,EAAE,4BAA4B;SACnC;KACF,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,cAAgC,EAAE,EAAE;QAC9D,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;IAChC,CAAC,CAAC;IAEF,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"}

package/dist/esm/checkout/views/crypto-intent/processing.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { styled } from "styled-components";
+import { PaymentStatus } from "../../../api/types.js";
+import { useModalWithView, Loader, Text } from "../../../components/index.js";
+import { useMintMoneyConfig } from "../../../context.js";
+import { useCheckoutStore, startPaymentPolling, stopPaymentPolling, isTestMode, } from "../../../state/checkout/store.js";
+const Container = styled("div") `
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 1.5rem;
+  padding: 1rem;
+  margin: 0 auto;
+`;
+const CryptoIntentPaymentStatusViewContent = () => {
+    const { goToView } = useModalWithView();
+    const config = useMintMoneyConfig();
+    const { transfer } = useCheckoutStore();
+    useEffect(() => {
+        if (!transfer.transactionHash && !isTestMode())
+            return;
+        const poller = startPaymentPolling((status) => {
+            if (status === PaymentStatus.PAID) {
+                goToView("cryptoIntentPaymentSuccess");
+            }
+            else if (status === PaymentStatus.FAILED) {
+                goToView("failed");
+            }
+        });
+        return () => {
+            poller.stop();
+            stopPaymentPolling();
+        };
+    }, [transfer.transactionHash, goToView]);
+    return (_jsxs(Container, { children: [_jsx(Loader, { asChild: true }), _jsx(Text, { size: "base", color: config.theme.font.color.tertiary, children: "Waiting for payment confirmation..." })] }));
+};
+export { CryptoIntentPaymentStatusViewContent };
+//# sourceMappingURL=processing.js.map

package/dist/esm/checkout/views/crypto-intent/processing.js.map

@@ -0,0 +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,4BAA4B,CAAC,CAAC;YACzC,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"}

package/dist/esm/checkout/views/crypto-intent/success.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { styled } from "styled-components";
+import { StyledButton, CheckMarkIcon, useModalWithView, } from "../../../components/index.js";
+import { useCheckoutStore } from "../../../state/checkout/store.js";
+import { ModalViewContainer } from "../../container.js";
+const Container = styled.div `
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  gap: 1rem;
+`;
+const CheckmarkContainer = styled.div `
+  display: flex;
+  justify-content: center;
+`;
+const CryptoIntentPaymentSuccessViewContent = ({ onClose, onSuccess, }) => {
+    const { goToView } = useModalWithView();
+    const { payment } = useCheckoutStore();
+    useEffect(() => {
+        const handleSuccess = async () => {
+            if (onSuccess && payment?.id) {
+                try {
+                    await onSuccess(payment.id);
+                    onClose(false);
+                }
+                catch (error) {
+                    console.error("Error in onSuccess callback:", error);
+                }
+            }
+        };
+        void handleSuccess();
+    }, [onSuccess, payment?.id, onClose]);
+    const handleClose = () => {
+        goToView("initial");
+        onClose(false);
+    };
+    return (_jsx(ModalViewContainer, { children: _jsxs(Container, { children: [_jsx(CheckmarkContainer, { children: _jsx(CheckMarkIcon, { size: 64 }) }), _jsx(StyledButton, { variant: "primary", onClick: handleClose, children: "Complete" })] }) }));
+};
+export { CryptoIntentPaymentSuccessViewContent };
+//# sourceMappingURL=success.js.map

package/dist/esm/checkout/views/crypto-intent/success.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"success.js","sourceRoot":"","sources":["../../../../../src/checkout/views/crypto-intent/success.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EACL,YAAY,EACZ,aAAa,EACb,gBAAgB,GACjB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAOxD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAK3B,CAAC;AAEF,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGpC,CAAC;AAEF,MAAM,qCAAqC,GAAG,CAAC,EAC7C,OAAO,EACP,SAAS,GACH,EAAE,EAAE;IACV,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACxC,MAAM,EAAE,OAAO,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAEvC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,aAAa,GAAG,KAAK,IAAI,EAAE;YAC/B,IAAI,SAAS,IAAI,OAAO,EAAE,EAAE,EAAE,CAAC;gBAC7B,IAAI,CAAC;oBACH,MAAM,SAAS,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;oBAC5B,OAAO,CAAC,KAAK,CAAC,CAAC;gBACjB,CAAC;gBAAC,OAAO,KAAK,EAAE,CAAC;oBACf,OAAO,CAAC,KAAK,CAAC,8BAA8B,EAAE,KAAK,CAAC,CAAC;gBACvD,CAAC;YACH,CAAC;QACH,CAAC,CAAC;QAEF,KAAK,aAAa,EAAE,CAAC;IACvB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,CAAC,CAAC,CAAC;IAEtC,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,QAAQ,CAAC,SAAS,CAAC,CAAC;QACpB,OAAO,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,kBAAkB,cACjB,MAAC,SAAS,eACR,KAAC,kBAAkB,cACjB,KAAC,aAAa,IAAC,IAAI,EAAE,EAAE,GAAI,GACR,EACrB,KAAC,YAAY,IAAC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,yBAEvC,IACL,GACO,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,qCAAqC,EAAE,CAAC"}

package/dist/esm/checkout/views/crypto-intent/test-payment.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
+import { AsyncButton } from "../../../components/buttons/async-button.js";
+import { useModalWithView, Text } from "../../../components/index.js";
+import { useMintMoneyConfig } from "../../../context.js";
+import { createSuccessfulTestPaymentAttempt, createFailedTestPaymentAttempt, } from "../../../state/checkout/store.js";
+import { ModalViewContainer } from "../../container.js";
+const TestPayment = () => {
+    const modalRef = useRef(null);
+    const { goToView } = useModalWithView();
+    const config = useMintMoneyConfig();
+    const handleSuccess = async () => {
+        try {
+            await createSuccessfulTestPaymentAttempt();
+            goToView("cryptoIntentPaymentStatus");
+        }
+        catch (error) {
+            goToView("failed", { reason: "test_success" });
+            console.error("Failed to create test payment attempt:", error);
+        }
+    };
+    const handleFailure = async () => {
+        try {
+            await createFailedTestPaymentAttempt();
+            goToView("cryptoIntentPaymentStatus");
+        }
+        catch (error) {
+            goToView("failed", { reason: "test_failure" });
+            console.error("Failed to create test payment attempt:", error);
+        }
+    };
+    return (_jsxs(ModalViewContainer, { ref: modalRef, children: [_jsx(Text, { size: "xl", weight: "semibold", style: { marginBottom: 8 }, color: config.theme.font.color.primary, children: "Test Payment Status" }), _jsx(Text, { size: "base", color: config.theme.font.color.secondary, style: { marginBottom: 24 }, children: "This is a test payment, you can manually specify the status" }), _jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [_jsx(AsyncButton, { onAsyncClick: handleSuccess, children: "Success" }), _jsx(AsyncButton, { onAsyncClick: handleFailure, children: "Failed" })] })] }));
+};
+export { TestPayment };
+//# sourceMappingURL=test-payment.js.map

package/dist/esm/checkout/views/crypto-intent/test-payment.js.map

@@ -0,0 +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,2BAA2B,CAAC,CAAC;QACxC,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,2BAA2B,CAAC,CAAC;QACxC,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"}

package/dist/esm/checkout/views/crypto-intent/wallet-select.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useRef, useContext } from "react";
+import { useConfig } from "wagmi";
+import { Text, useModalWithView } from "../../../components/index.js";
+import WalletSelector from "../../../components/wallet-selector/component.js";
+import { WagmiWallets, } from "../../../components/wallet-selector/index.js";
+import { WalletContext } from "../../../components/wallet-selector/provider.js";
+import { useWalletActions } from "../../../components/wallet-selector/store.js";
+import { useMintMoneyConfig } from "../../../context.js";
+import { ModalViewContainer } from "../../container.js";
+const CryptoIntentSelectWalletViewContent = () => {
+    const modalRef = useRef(null);
+    const config = useMintMoneyConfig();
+    const wagmiConfig = useConfig();
+    const { goToView } = useModalWithView();
+    const { setWallet } = useContext(WalletContext);
+    const { initialiseWallets } = useWalletActions();
+    const providers = useMemo(() => [WagmiWallets(wagmiConfig)], [wagmiConfig]);
+    const handleConfirm = async (wallet) => {
+        try {
+            const address = await wallet.connect();
+            if (address) {
+                setWallet(wallet);
+                initialiseWallets([() => wallet]);
+                goToView("cryptoIntentSelectCurrency");
+            }
+        }
+        catch (error) {
+            console.error("[WalletSelect] Failed to connect wallet:", error);
+        }
+    };
+    return (_jsxs(ModalViewContainer, { ref: modalRef, children: [_jsx(Text, { size: "base", weight: "normal", color: config.theme.font.color.secondary, children: "Select a Wallet provider" }), _jsx(WalletSelector, { className: "mm-selectable-list__button-group", onWalletSelect: handleConfirm, walletProviders: providers })] }));
+};
+export { CryptoIntentSelectWalletViewContent };
+//# sourceMappingURL=wallet-select.js.map

package/dist/esm/checkout/views/crypto-intent/wallet-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wallet-select.js","sourceRoot":"","sources":["../../../../../src/checkout/views/crypto-intent/wallet-select.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,cAAc,MAAM,kDAAkD,CAAC;AAC9E,OAAO,EACL,YAAY,GAEb,MAAM,8CAA8C,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iDAAiD,CAAC;AAChF,OAAO,EAAE,gBAAgB,EAAE,MAAM,8CAA8C,CAAC;AAChF,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAExD,MAAM,mCAAmC,GAAG,GAAG,EAAE;IAC/C,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC9C,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IACpC,MAAM,WAAW,GAAG,SAAS,EAAE,CAAC;IAChC,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACxC,MAAM,EAAE,SAAS,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAChD,MAAM,EAAE,iBAAiB,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACjD,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAE5E,MAAM,aAAa,GAAG,KAAK,EAAE,MAAuB,EAAE,EAAE;QACtD,IAAI,CAAC;YACH,MAAM,OAAO,GAAG,MAAM,MAAM,CAAC,OAAO,EAAE,CAAC;YACvC,IAAI,OAAO,EAAE,CAAC;gBACZ,SAAS,CAAC,MAAM,CAAC,CAAC;gBAClB,iBAAiB,CAAC,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;gBAClC,QAAQ,CAAC,4BAA4B,CAAC,CAAC;YACzC,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,0CAA0C,EAAE,KAAK,CAAC,CAAC;QACnE,CAAC;IACH,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,yCAGnC,EACP,KAAC,cAAc,IACb,SAAS,EAAC,kCAAkC,EAC5C,cAAc,EAAE,aAAa,EAC7B,eAAe,EAAE,SAAS,GAC1B,IACiB,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,mCAAmC,EAAE,CAAC"}

package/dist/esm/checkout/views/failed.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { styled } from "styled-components";
+import { AlertCircleIcon } from "../../components/icons/alert.js";
+import { useModalWithView } from "../../components/modals/use-modal-with-views.js";
+import { Text } from "../../components/text/index.js";
+const FailedContainer = styled.div `
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 2rem 1rem;
+  text-align: center;
+  flex: 1;
+`;
+const IconContainer = styled.div `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: 1rem;
+`;
+export const FailedViewContent = () => {
+    const { viewProps } = useModalWithView();
+    const reason = viewProps.reason;
+    return (_jsxs(FailedContainer, { children: [_jsx(IconContainer, { children: _jsx(AlertCircleIcon, { size: 32, color: "#ef4444" }) }), _jsx(Text, { size: "lg", weight: "semibold", color: "#111827", style: { marginBottom: "0.5rem" }, children: "Payment Failed" }), reason && (_jsx(Text, { size: "sm", color: "#6b7280", style: { maxWidth: "16rem" }, children: reason }))] }));
+};
+//# sourceMappingURL=failed.js.map