@mintmoney/react 0.1.0-alpha.3 → 0.1.0-alpha.30

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

@@ -0,0 +1,199 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useState } from "react";
+//@ts-expect-error import error
+import { QRCode } from "react-qr-code";
+import { styled } from "styled-components";
+import { confirmPayment } from "../../../api/payments.js";
+import { useModalWithView, StyledButton, Text, ClipboardAddIcon, ClipboardCheckIcon, } from "../../../components/index.js";
+import { useMintMoneyConfig } from "../../../context.js";
+import { useCheckoutStore } from "../../../state/checkout/store.js";
+import { ModalViewContainer } from "../../container.js";
+import { ModalBackButton } from "../back.js";
+const StepContainer = styled.div `
+  margin-bottom: 16px;
+`;
+const StepHeader = styled.div `
+  display: flex;
+  align-items: center;
+  margin-bottom: 8px;
+`;
+const StepNumber = styled.div `
+  background: ${({ theme }) => theme.btn.primary.default.backgroundColor || "#3b82f6"};
+  color: white;
+  min-width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 12px;
+  font-weight: 600;
+  margin-right: 8px;
+  flex-shrink: 0;
+`;
+const StepTitle = styled.div `
+  font-size: 14px;
+  font-weight: 400;
+  color: ${({ theme }) => theme.font.color.primary};
+  line-height: 1.3;
+`;
+const QRCard = styled.div `
+  background: #f3f7fa;
+  border-radius: 12px;
+  padding: 16px 12px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin: 8px 0;
+`;
+const InfoRow = styled.div `
+  display: flex;
+  align-items: center;
+  background: #f3f7fa;
+  border-radius: 12px;
+  padding: 4px 8px;
+  margin: 4px 0 0 0;
+  cursor: pointer;
+  transition: all 0.2s ease-in-out;
+  border: 2px solid transparent;
+
+  &:hover {
+    background: #e8f2f7;
+  }
+
+  ${({ isCopied }) => isCopied &&
+    `
+    border-color: #10b981;
+    background: #f0fdf4;
+    animation: copySuccess 0.6s ease-in-out;
+  `}
+
+  @keyframes copySuccess {
+    0% {
+      border-color: transparent;
+    }
+    50% {
+      border-color: #10b981;
+    }
+    100% {
+      border-color: #10b981;
+    }
+  }
+`;
+const AddressText = styled.div `
+  font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace;
+  font-size: 12px;
+  color: ${({ theme }) => theme.font.color.tertiary};
+  flex: 1;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`;
+const CopyButton = styled.button `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: none;
+  border: none;
+  cursor: pointer;
+  padding: 4px;
+  border-radius: 4px;
+  transition: all 0.2s ease-in-out;
+
+  &:hover {
+    background-color: rgba(0, 0, 0, 0.05);
+  }
+
+  ${({ isCopied }) => isCopied &&
+    `
+    animation: iconBounce 0.6s ease-in-out;
+  `}
+
+  @keyframes iconBounce {
+    0% {
+      transform: scale(1);
+    }
+    25% {
+      transform: scale(1.2);
+    }
+    50% {
+      transform: scale(0.9);
+    }
+    75% {
+      transform: scale(1.1);
+    }
+    100% {
+      transform: scale(1);
+    }
+  }
+`;
+const WarningCard = styled.div `
+  background: #fef3c7;
+  border: 1px solid #f59e0b;
+  border-radius: 12px;
+  padding: 16px;
+  margin: 8px 0;
+  text-align: center;
+`;
+const CryptoIntentDirectDetailsViewContent = () => {
+    const modalRef = useRef(null);
+    const { goToView } = useModalWithView();
+    const { cryptoPaymentAttempt, cryptoCurrency, payment } = useCheckoutStore();
+    const config = useMintMoneyConfig();
+    const [copiedAddress, setCopiedAddress] = useState(false);
+    const [copiedAmount, setCopiedAmount] = useState(false);
+    const [hasAcknowledged, setHasAcknowledged] = useState(false);
+    const handleConfirm = async () => {
+        if (!payment?.id) {
+            goToView("failed", { reason: "confirm_payment" });
+            return;
+        }
+        try {
+            await confirmPayment(payment.id);
+            goToView("paymentStatus");
+        }
+        catch (error) {
+            console.error("Failed to confirm payment:", error);
+            goToView("failed", { reason: "confirm_payment" });
+        }
+    };
+    if (!cryptoPaymentAttempt || !cryptoCurrency) {
+        return null;
+    }
+    const settlementCurrency = cryptoCurrency;
+    if (!settlementCurrency)
+        return null;
+    const amount = payment?.amount;
+    const currency = settlementCurrency.asset_name;
+    const chain = settlementCurrency.chain_name;
+    const copyToClipboard = async (value, setCopied) => {
+        try {
+            await navigator.clipboard.writeText(value);
+            setCopied(true);
+            setTimeout(() => setCopied(false), 2000); // Reset after 2 seconds
+        }
+        catch (error) {
+            console.error("Failed to copy to clipboard:", error);
+        }
+    };
+    // Show initial warning state
+    if (!hasAcknowledged) {
+        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" })] }));
+    }
+    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) => {
+                            console.error("Failed to copy address:", error);
+                        }), 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) => {
+                                        e.stopPropagation();
+                                        copyToClipboard(cryptoPaymentAttempt.destination_address, setCopiedAddress).catch((error) => {
+                                            console.error("Failed to copy address:", error);
+                                        });
+                                    }, 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) => {
+                            console.error("Failed to copy amount:", error);
+                        }), 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) => {
+                                        e.stopPropagation();
+                                        copyToClipboard(`${amount}`, setCopiedAmount).catch((error) => {
+                                            console.error("Failed to copy amount:", error);
+                                        });
+                                    }, 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" })] }));
+};
+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":"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"}

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

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
+import { styled } from "styled-components";
+import { StyledButton } from "../../../components/buttons/index.js";
+import { useModalWithView, Text } from "../../../components/index.js";
+import { useMintMoneyConfig } from "../../../context.js";
+import { useCheckoutStore, createCheckoutCryptoPaymentAttempt, } from "../../../state/checkout/store.js";
+import { ModalViewContainer } from "../../container.js";
+const OptionContainer = styled.div `
+  background-color: #f9fafb;
+  border-radius: 16px;
+  padding: 12px;
+  display: flex;
+  align-items: center;
+  gap: 16px;
+`;
+const OptionsContainer = styled.div `
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+`;
+const Option = ({ icon, text, buttonLabel, onClick, buttonVariant = "primary", buttonSize = "small", }) => {
+    const { theme } = useMintMoneyConfig();
+    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 })] })] }));
+};
+const CryptoIntentViewContent = () => {
+    const modalRef = useRef(null);
+    const { goToView } = useModalWithView();
+    const { cryptoCurrency } = useCheckoutStore();
+    // Get the settlement currency (single currency object)
+    const settlementCurrency = cryptoCurrency;
+    const handleWalletClick = () => {
+        goToView("cryptoIntentSelectWallet");
+    };
+    const handleDirectPaymentClick = async () => {
+        if (settlementCurrency) {
+            try {
+                await createCheckoutCryptoPaymentAttempt(settlementCurrency);
+                goToView("cryptoIntentDirectDetails");
+            }
+            catch (error) {
+                goToView("failure");
+                console.error(error);
+            }
+        }
+    };
+    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
+                        ? `In ${settlementCurrency.asset_name} on ${settlementCurrency.chain_name}`
+                        : "Direct Payment", buttonLabel: "Direct Payment", onClick: handleDirectPaymentClick, buttonVariant: "primary", buttonSize: "small" })] }) }));
+};
+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;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EACL,gBAAgB,EAChB,kCAAkC,GACnC,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAExD,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAOjC,CAAC;AAEF,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIlC,CAAC;AAWF,MAAM,MAAM,GAA0B,CAAC,EACrC,IAAI,EACJ,IAAI,EACJ,WAAW,EACX,OAAO,EACP,aAAa,GAAG,SAAS,EACzB,UAAU,GAAG,OAAO,GACrB,EAAE,EAAE;IACH,MAAM,EAAE,KAAK,EAAE,GAAG,kBAAkB,EAAE,CAAC;IACvC,OAAO,CACL,MAAC,eAAe,eACb,IAAI,IAAI,cAAK,KAAK,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,YAAG,IAAI,GAAO,EACpD,eAAK,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAAE,aAC1D,KAAC,IAAI,IACH,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAC/B,MAAM,EAAC,QAAQ,EACf,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAAE,YAE9D,IAAI,GACA,EACP,KAAC,YAAY,IACX,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,aAAa,EACtB,IAAI,EAAE,UAAU,EAChB,KAAK,EAAE,KAAK,YAEX,WAAW,GACC,IACX,IACU,CACnB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,uBAAuB,GAAG,GAAG,EAAE;IACnC,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC9C,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACxC,MAAM,EAAE,cAAc,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAE9C,uDAAuD;IACvD,MAAM,kBAAkB,GAAG,cAAc,CAAC;IAE1C,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,QAAQ,CAAC,0BAA0B,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,MAAM,wBAAwB,GAAG,KAAK,IAAI,EAAE;QAC1C,IAAI,kBAAkB,EAAE,CAAC;YACvB,IAAI,CAAC;gBACH,MAAM,kCAAkC,CAAC,kBAAkB,CAAC,CAAC;gBAC7D,QAAQ,CAAC,2BAA2B,CAAC,CAAC;YACxC,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,QAAQ,CAAC,SAAS,CAAC,CAAC;gBACpB,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YACvB,CAAC;QACH,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,kBAAkB,IAAC,GAAG,EAAE,QAAQ,YAC/B,MAAC,gBAAgB,eACf,KAAC,MAAM,IACL,IAAI,EAAC,sCAAsC,EAC3C,WAAW,EAAC,gBAAgB,EAC5B,OAAO,EAAE,iBAAiB,EAC1B,aAAa,EAAC,SAAS,EACvB,UAAU,EAAC,OAAO,GAClB,EAEF,KAAC,MAAM,IACL,IAAI,EACF,kBAAkB;wBAChB,CAAC,CAAC,MAAM,kBAAkB,CAAC,UAAU,OAAO,kBAAkB,CAAC,UAAU,EAAE;wBAC3E,CAAC,CAAC,gBAAgB,EAEtB,WAAW,EAAC,gBAAgB,EAC5B,OAAO,EAAE,wBAAwB,EACjC,aAAa,EAAC,SAAS,EACvB,UAAU,EAAC,OAAO,GAClB,IACe,GACA,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,uBAAuB,EAAE,CAAC"}

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

@@ -0,0 +1,54 @@
+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 { payment } = useCheckoutStore();
+    const confirmationStatus = config.cryptoCheckoutConfig.paymentConfirmationStatus;
+    useEffect(() => {
+        if (!payment || !isTestMode())
+            return;
+        if (payment.status === PaymentStatus.PAID ||
+            payment.status === confirmationStatus) {
+            goToView("paymentSuccess");
+        }
+        else if (payment.status === PaymentStatus.FAILED) {
+            goToView("failed");
+        }
+    }, [payment?.id, payment?.status, goToView, confirmationStatus]);
+    useEffect(() => {
+        if (!payment)
+            return;
+        if (isTestMode())
+            return;
+        const poller = startPaymentPolling((status) => {
+            if (status === PaymentStatus.PAID || status === confirmationStatus) {
+                goToView("paymentSuccess");
+            }
+            else if (status === PaymentStatus.FAILED) {
+                goToView("failed");
+            }
+        }, confirmationStatus);
+        return () => {
+            poller.stop();
+            stopPaymentPolling();
+        };
+    }, [payment?.id, goToView, confirmationStatus]);
+    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,OAAO,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACvC,MAAM,kBAAkB,GACtB,MAAM,CAAC,oBAAoB,CAAC,yBAAyB,CAAC;IAExD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,IAAI,CAAC,UAAU,EAAE;YAAE,OAAO;QAEtC,IACE,OAAO,CAAC,MAAM,KAAK,aAAa,CAAC,IAAI;YACrC,OAAO,CAAC,MAAM,KAAK,kBAAkB,EACrC,CAAC;YACD,QAAQ,CAAC,gBAAgB,CAAC,CAAC;QAC7B,CAAC;aAAM,IAAI,OAAO,CAAC,MAAM,KAAK,aAAa,CAAC,MAAM,EAAE,CAAC;YACnD,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAEjE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO;YAAE,OAAO;QACrB,IAAI,UAAU,EAAE;YAAE,OAAO;QAEzB,MAAM,MAAM,GAAG,mBAAmB,CAAC,CAAC,MAAM,EAAE,EAAE;YAC5C,IAAI,MAAM,KAAK,aAAa,CAAC,IAAI,IAAI,MAAM,KAAK,kBAAkB,EAAE,CAAC;gBACnE,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,EAAE,kBAAkB,CAAC,CAAC;QAEvB,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,IAAI,EAAE,CAAC;YACd,kBAAkB,EAAE,CAAC;QACvB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAEhD,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("paymentStatus");
+        }
+        catch (error) {
+            goToView("failed", { reason: "test_success" });
+            console.error("Failed to create test payment attempt:", error);
+        }
+    };
+    const handleFailure = async () => {
+        try {
+            await createFailedTestPaymentAttempt();
+            goToView("paymentStatus");
+        }
+        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,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"}

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

@@ -0,0 +1,63 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getChainId, switchChain } from "@wagmi/core";
+import { useContext, useMemo, useRef } 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 { useCheckoutStore } from "../../../state/checkout/store.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 { checkout } = useCheckoutStore();
+    const providers = useMemo(() => [WagmiWallets(wagmiConfig)], [wagmiConfig]);
+    const getSettlementChainId = () => {
+        const caip2 = checkout?.checkout_config?.crypto?.settlementConfig?.chain;
+        if (!caip2)
+            return undefined;
+        const parts = caip2.split(":");
+        if (parts.length !== 2)
+            return undefined;
+        const chainId = Number(parts[1]);
+        return Number.isFinite(chainId) ? chainId : undefined;
+    };
+    const handleConfirm = async (wallet) => {
+        try {
+            const chainId = getSettlementChainId();
+            const address = await wallet.connect(chainId);
+            if (address) {
+                if (chainId) {
+                    try {
+                        await switchChain(wagmiConfig, { chainId });
+                        const activeChainId = getChainId(wagmiConfig);
+                        if (activeChainId !== chainId) {
+                            throw new Error("wallet did not switch chains");
+                        }
+                    }
+                    catch (error) {
+                        console.error("[WalletSelect] Failed to switch chain:", error);
+                        goToView("failed", { reason: "switch_chain" });
+                        return;
+                    }
+                }
+                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":"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"}

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"failed.js","sourceRoot":"","sources":["../../../../src/checkout/views/failed.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iDAAiD,CAAC;AACnF,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AAEtD,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;CAQjC,CAAC;AAEF,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAK/B,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACzC,MAAM,MAAM,GAAG,SAAS,CAAC,MAAgB,CAAC;IAE1C,OAAO,CACL,MAAC,eAAe,eACd,KAAC,aAAa,cACZ,KAAC,eAAe,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,SAAS,GAAG,GAC/B,EAEhB,KAAC,IAAI,IACH,IAAI,EAAC,IAAI,EACT,MAAM,EAAC,UAAU,EACjB,KAAK,EAAC,SAAS,EACf,KAAK,EAAE,EAAE,YAAY,EAAE,QAAQ,EAAE,+BAG5B,EAEN,MAAM,IAAI,CACT,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,YACzD,MAAM,GACF,CACR,IACe,CACnB,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/checkout/views/fiat-intent/bank-payment.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useModalWithView } from "../../../components/modals/use-modal-with-views.js";
+import { InstaXchangePayment } from "../../../integrations/instaxchange.js";
+import { useCheckoutStore, createCheckoutFiatPaymentAttempt, ACTIONS, } from "../../../state/checkout/store.js";
+import { ModalViewContainer } from "../../container.js";
+export const BankIntentViewContent = () => {
+    const { payment, fiatPaymentAttempt, error, loading } = useCheckoutStore();
+    const { goToView } = useModalWithView();
+    const [initialised, setInitialised] = useState(false);
+    useEffect(() => {
+        if (!initialised && payment) {
+            setInitialised(true);
+            void createCheckoutFiatPaymentAttempt("bank");
+        }
+    }, [initialised, payment]);
+    useEffect(() => {
+        if (!payment) {
+            goToView("failed", { reason: "Payment not found" });
+        }
+    }, [payment, goToView]);
+    useEffect(() => {
+        if (error && error.CREATE_FIAT_PAYMENT_ATTEMPT) {
+            goToView("failed", { reason: error.CREATE_FIAT_PAYMENT_ATTEMPT });
+        }
+    }, [error, goToView]);
+    if (loading[ACTIONS.CREATE_FIAT_PAYMENT_ATTEMPT] || !fiatPaymentAttempt) {
+        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..." })] }) }));
+    }
+    if (!payment) {
+        return null;
+    }
+    return (_jsx(ModalViewContainer, { children: _jsx(InstaXchangePayment, { onError: () => { }, clientParams: fiatPaymentAttempt.client_params }) }));
+};
+//# sourceMappingURL=bank-payment.js.map

package/dist/esm/checkout/views/fiat-intent/bank-payment.js.map

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

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

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Loader, useModalWithView } from "../../components/index.js";
+import { ACTIONS, initialiseStore, useCheckoutStore, } from "../../state/checkout/store.js";
+const InitialiseCheckoutViewContent = (props) => {
+    const { goToView } = useModalWithView();
+    const { error, checkout, payment } = useCheckoutStore();
+    const [loading, setLoading] = useState(true);
+    useEffect(() => {
+        const setup = async () => {
+            await initialiseStore(props.payment);
+        };
+        void setup();
+        const timeout = setTimeout(() => setLoading(false), 1500);
+        return () => clearTimeout(timeout);
+    }, [props.payment]);
+    useEffect(() => {
+        const hasErrors = error[ACTIONS.GET_CHECKOUT_CONFIG] || error[ACTIONS.CREATE_PAYMENT];
+        if (hasErrors) {
+            goToView("failed", { reason: "get_checkout" });
+            return;
+        }
+        if (checkout && payment && !loading) {
+            goToView("methods");
+        }
+    }, [error, checkout, payment, loading]);
+    return loading ? _jsx(Loader, {}) : null;
+};
+export { InitialiseCheckoutViewContent };
+//# sourceMappingURL=initial.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"initial.js","sourceRoot":"","sources":["../../../../src/checkout/views/initial.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EACL,OAAO,EACP,eAAe,EACf,gBAAgB,GACjB,MAAM,+BAA+B,CAAC;AAMvC,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,OAAO,CAAC,CAAC;QACvC,CAAC,CAAC;QAEF,KAAK,KAAK,EAAE,CAAC;QAEb,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,OAAO,CAAC,CAAC,CAAC;IAEpB,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GACb,KAAK,CAAC,OAAO,CAAC,mBAAmB,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;QAEtE,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"}

package/dist/esm/checkout/views/method-select.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef } from "react";
+import { useModalWithView, SelectableList } from "../../components/index.js";
+import { useCheckoutStore, ACTIONS, setCheckoutMethod, isTestMode, } from "../../state/checkout/store.js";
+import { ModalViewContainer } from "../container.js";
+const MethodSelectViewContent = () => {
+    const { goToView } = useModalWithView();
+    const modalRef = useRef(null);
+    const { methods, loading } = useCheckoutStore();
+    const handleSelectMethod = (method) => {
+        setCheckoutMethod(method);
+        if (isTestMode()) {
+            // go to test payment view
+            goToView("cryptoTestPayment");
+        }
+        else {
+            goToView(method.intentName);
+        }
+    };
+    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] }) }));
+};
+export { MethodSelectViewContent };
+//# sourceMappingURL=method-select.js.map

package/dist/esm/checkout/views/method-select.js.map

@@ -0,0 +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;AAG/B,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC7E,OAAO,EACL,gBAAgB,EAChB,OAAO,EACP,iBAAiB,EACjB,UAAU,GACX,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAErD,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,IAAI,UAAU,EAAE,EAAE,CAAC;YACjB,0BAA0B;YAC1B,QAAQ,CAAC,mBAAmB,CAAC,CAAC;QAChC,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QAC9B,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,kBAAkB,IAAC,GAAG,EAAE,QAAQ,YAC/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"}