@mintmoney/react 0.1.0-alpha.11 → 0.1.0-alpha.12

package/dist/esm/api/index.js

@@ -1,15 +1,15 @@
 import { Api } from "./generated.js";
 const api = new Api({
-  securityWorker: (publicKey) => {
-    const headers = {};
-    headers["x-api-key"] = publicKey;
-    return { headers };
-  },
-  baseUrl: "https://api.getmint.money",
-  baseApiParams: {
-    secure: true,
-  },
+    securityWorker: (publicKey) => {
+        const headers = {};
+        headers["x-api-key"] = publicKey;
+        return { headers };
+    },
+    baseUrl: "https://api.getmint.money",
+    baseApiParams: {
+        secure: true,
+    },
 });
 export { api };
 export * from "./generated.js";
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/esm/api/payments.js

@@ -1,28 +1,24 @@
 import { api } from "./index.js";
 const paymentDTO = (data) => {
-  return {
-    ...data.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 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 = 5,
-) {
-  const data = { ...currency, required_confirmations: confirmations };
-  const resp = await api.v1.paymentsCryptoPayCreate(paymentId, data);
-  return resp.data.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 getPaymentById(id) {
-  const resp = await api.v1.paymentsDetail(id);
-  return resp.data.data;
+    const resp = await api.v1.paymentsDetail(id);
+    return resp.data.data;
 }
-//# sourceMappingURL=payments.js.map
+//# sourceMappingURL=payments.js.map

package/dist/esm/api/types.js

@@ -1,2 +1,8 @@
-export {};
-//# sourceMappingURL=types.js.map
+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

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

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

package/dist/esm/checkout/index.js

@@ -1,44 +1,24 @@
 "use client";
-import {
-  jsx as _jsx,
-  Fragment as _Fragment,
-  jsxs as _jsxs,
-} from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, cloneElement } from "react";
 import { StyledButton } from "../components/index.js";
 import { CheckoutModal } from "./modal.js";
 export function Checkout({ createPayment, asChild, children }) {
-  const [isOpen, openModal] = useState(false);
-  const [payment, setPayment] = useState(null);
-  const handleCheckout = async () => {
-    try {
-      const payment = await createPayment();
-      setPayment(payment);
-      openModal(true);
-    } catch (error) {
-      console.error("Error creating payment:", error);
-    }
-  };
-  const trigger =
-    asChild && children
-      ? cloneElement(children, {
-          onClick: handleCheckout,
-        })
-      : _jsx(StyledButton, {
-          variant: "primary",
-          onClick: handleCheckout,
-          children: "Pay Now",
-        });
-  return _jsxs(_Fragment, {
-    children: [
-      trigger,
-      payment &&
-        _jsx(CheckoutModal, {
-          open: isOpen,
-          onOpenChange: openModal,
-          payment: payment,
-        }),
-    ],
-  });
+    const [isOpen, openModal] = useState(false);
+    const [payment, setPayment] = useState(null);
+    const handleCheckout = async () => {
+        try {
+            const payment = await createPayment();
+            setPayment(payment);
+            openModal(true);
+        }
+        catch (error) {
+            console.error("Error creating payment:", error);
+        }
+    };
+    const trigger = asChild && children ? (cloneElement(children, {
+        onClick: handleCheckout,
+    })) : (_jsx(StyledButton, { variant: "primary", onClick: handleCheckout, children: "Pay Now" }));
+    return (_jsxs(_Fragment, { children: [trigger, payment && (_jsx(CheckoutModal, { open: isOpen, onOpenChange: openModal, payment: payment }))] }));
 }
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/esm/checkout/modal.js

@@ -10,67 +10,56 @@ import { CryptoIntentPaymentSuccessViewContent } from "./views/crypto-intent/suc
 import { InitialiseCheckoutViewContent } from "./views/initial.js";
 import { MethodSelectViewContent } from "./views/method-select.js";
 export const CheckoutModal = (props) => {
-  return _jsx(ModalWithView, {
-    className: "mm-checkout-modal",
-    initialView: "initial",
-    isOpen: props.open,
-    onOpenChange: props.onOpenChange,
-    views: {
-      initial: {
-        title: "",
-        content: () =>
-          _jsx(InitialiseCheckoutViewContent, { payment: props.payment }),
-      },
-      methods: {
-        title: "Order Summary",
-        content: () => _jsx(MethodSelectViewContent, {}),
-      },
-      cryptoIntent: {
-        title: "Pay with Crypto",
-        content: () => _jsx(CryptoIntentViewContent, {}),
-        footer: () => _jsx(ModalBackButton, { view: "methods" }),
-      },
-      cryptoIntentSelectCurrency: {
-        title: "Select Currency",
-        content: () => _jsx(CryptontentSelectCurrencyViewContent, {}),
-        footer: () => _jsx(ModalBackButton, { view: "cryptoIntent" }),
-      },
-      cryptoIntentDirectDetails: {
-        title: "Pay Direct",
-        content: () => _jsx(CryptoIntentDirectDetailsViewContent, {}),
-        footer: () => _jsx(ModalBackButton, { view: "cryptoIntent" }),
-      },
-      cryptoIntentPaymentStatus: {
-        title: "Payment Processing",
-        content: () => _jsx(CryptoIntentPaymentStatusViewContent, {}),
-      },
-      cryptoIntentPaymentSuccess: {
-        title: "Payment Successful",
-        content: () =>
-          _jsx(CryptoIntentPaymentSuccessViewContent, {
-            onClose: props.onOpenChange,
-          }),
-      },
-      cardIntent: {
-        title: "Pay by Card",
-        content: () => _jsx(CardIntentViewContent, {}),
-        footer: () => _jsx(ModalBackButton, { view: "methods" }),
-      },
-      success: {
-        title: "Payment Successful",
-        header: () =>
-          _jsx("p", { className: "", children: "Transfer complete" }),
-        content: () => _jsx(_Fragment, {}),
-        footer: () => _jsx("button", { className: "", children: "Success" }),
-      },
-      failed: {
-        title: "Payment Failed",
-        header: () => _jsx("p", { className: "", children: "Failed" }),
-        content: () => _jsx(_Fragment, {}),
-        navigateButtonPosition: "center",
-        navigateShouldGoToView: "methods",
-      },
-    },
-  });
+    return (_jsx(ModalWithView, { className: "mm-checkout-modal", initialView: "initial", isOpen: props.open, onOpenChange: props.onOpenChange, views: {
+            initial: {
+                title: "",
+                content: () => (_jsx(InitialiseCheckoutViewContent, { payment: props.payment })),
+            },
+            methods: {
+                title: "Order Summary",
+                content: () => _jsx(MethodSelectViewContent, {}),
+            },
+            cryptoIntent: {
+                title: "Pay with Crypto",
+                content: () => _jsx(CryptoIntentViewContent, {}),
+                footer: () => _jsx(ModalBackButton, { view: "methods" }),
+            },
+            cryptoIntentSelectCurrency: {
+                title: "Select Currency",
+                content: () => _jsx(CryptontentSelectCurrencyViewContent, {}),
+                footer: () => _jsx(ModalBackButton, { view: "cryptoIntent" }),
+            },
+            cryptoIntentDirectDetails: {
+                title: "Pay Direct",
+                content: () => _jsx(CryptoIntentDirectDetailsViewContent, {}),
+                footer: () => _jsx(ModalBackButton, { view: "cryptoIntent" }),
+            },
+            cryptoIntentPaymentStatus: {
+                title: "Payment Processing",
+                content: () => _jsx(CryptoIntentPaymentStatusViewContent, {}),
+            },
+            cryptoIntentPaymentSuccess: {
+                title: "Payment Successful",
+                content: () => (_jsx(CryptoIntentPaymentSuccessViewContent, { onClose: props.onOpenChange })),
+            },
+            cardIntent: {
+                title: "Pay by Card",
+                content: () => _jsx(CardIntentViewContent, {}),
+                footer: () => _jsx(ModalBackButton, { view: "methods" }),
+            },
+            success: {
+                title: "Payment Successful",
+                header: () => _jsx("p", { className: "", children: "Transfer complete" }),
+                content: () => _jsx(_Fragment, {}),
+                footer: () => _jsx("button", { className: "", children: "Success" }),
+            },
+            failed: {
+                title: "Payment Failed",
+                header: () => _jsx("p", { className: "", children: "Failed" }),
+                content: () => _jsx(_Fragment, {}),
+                navigateButtonPosition: "center",
+                navigateShouldGoToView: "methods",
+            },
+        } }));
 };
-//# sourceMappingURL=modal.js.map
+//# sourceMappingURL=modal.js.map

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

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

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

@@ -4,26 +4,9 @@ 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",
-        }),
-      ],
-    }),
-  });
+    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
+//# sourceMappingURL=details.js.map

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

@@ -1,50 +1,25 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRef } from "react";
-import {
-  useModalWithView,
-  SelectableList,
-  Text,
-  Loader,
-} from "../../../components/index.js";
+import { useModalWithView, SelectableList, Text, Loader, } from "../../../components/index.js";
 import { useMintMoneyConfig } from "../../../context.js";
-import {
-  useCheckoutStore,
-  ACTIONS,
-  createCheckoutCryptoPaymentAttempt,
-} from "../../../state/checkout/store.js";
+import { useCheckoutStore, ACTIONS, createCheckoutCryptoPaymentAttempt, } from "../../../state/checkout/store.js";
 import { ModalViewContainer } from "../../container.js";
 const CryptontentSelectCurrencyViewContent = () => {
-  const modalRef = useRef(null);
-  const { goToView } = useModalWithView();
-  const { checkout, cryptoCurrencies, loading } = useCheckoutStore();
-  const config = useMintMoneyConfig();
-  const isLoading =
-    loading[ACTIONS.GET_CRYPTO_CURRENCIES] ||
-    loading[ACTIONS.CREATE_PAYMENT_ATTEMPT];
-  if (checkout && !checkout.checkout_config.crypto?.enabled)
-    goToView("failed", { reason: "crypto_not_enabled" });
-  const handleSelectCurrency = async (currency) => {
-    await createCheckoutCryptoPaymentAttempt(currency);
-    goToView("cryptoIntentDirectDetails");
-  };
-  if (isLoading) return _jsx(Loader, {});
-  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,
-      }),
-    ],
-  });
+    const modalRef = useRef(null);
+    const { goToView } = useModalWithView();
+    const { checkout, cryptoCurrencies, loading } = useCheckoutStore();
+    const config = useMintMoneyConfig();
+    const isLoading = loading[ACTIONS.GET_CRYPTO_CURRENCIES] ||
+        loading[ACTIONS.CREATE_PAYMENT_ATTEMPT];
+    if (checkout && !checkout.checkout_config.crypto?.enabled)
+        goToView("failed", { reason: "crypto_not_enabled" });
+    const handleSelectCurrency = async (currency) => {
+        await createCheckoutCryptoPaymentAttempt(currency, config.cryptoCheckoutConfig.numBlockConfirmations);
+        goToView("cryptoIntentDirectDetails");
+    };
+    if (isLoading)
+        return _jsx(Loader, {});
+    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 })] }));
 };
 export { CryptontentSelectCurrencyViewContent };
-//# sourceMappingURL=curreny.js.map
+//# sourceMappingURL=curreny.js.map

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

@@ -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;AAG/B,OAAO,EACL,gBAAgB,EAChB,cAAc,EACd,IAAI,EACJ,MAAM,GACP,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EACL,gBAAgB,EAChB,OAAO,EACP,kCAAkC,GACnC,MAAM,kCAAkC,CAAC;AAC1C,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,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,MAAM,kCAAkC,CAAC,QAAQ,CAAC,CAAC;QACnD,QAAQ,CAAC,2BAA2B,CAAC,CAAC;IACxC,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"}
+{"version":3,"file":"curreny.js","sourceRoot":"","sources":["../../../../../src/checkout/views/crypto-intent/curreny.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAG/B,OAAO,EACL,gBAAgB,EAChB,cAAc,EACd,IAAI,EACJ,MAAM,GACP,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EACL,gBAAgB,EAChB,OAAO,EACP,kCAAkC,GACnC,MAAM,kCAAkC,CAAC;AAC1C,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,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,MAAM,kCAAkC,CACtC,QAAQ,EACR,MAAM,CAAC,oBAAoB,CAAC,qBAAqB,CAClD,CAAC;QACF,QAAQ,CAAC,2BAA2B,CAAC,CAAC;IACxC,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"}

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

@@ -2,69 +2,25 @@ 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 { 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",
-      }),
-    ],
-  });
+    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
+//# sourceMappingURL=direct-details.js.map

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

@@ -3,32 +3,24 @@ 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: "cryptoIntentSelectCurrency",
-    },
-    {
-      key: "direct",
-      label: "Direct Payment",
-      view: "cryptoIntentSelectCurrency",
-    },
-  ];
-  const handleMethodSelect = () => {
-    goToView("cryptoIntentSelectCurrency");
-  };
-  return _jsx(ModalViewContainer, {
-    ref: modalRef,
-    children: _jsx(SelectableList, {
-      items: methods,
-      getKey: (method) => method.key,
-      getLabel: (method) => method.label,
-      onSelect: handleMethodSelect,
-    }),
-  });
+    const modalRef = useRef(null);
+    const { goToView } = useModalWithView();
+    const methods = [
+        {
+            key: "wallet",
+            label: "Connect Wallet",
+            view: "cryptoIntentSelectCurrency",
+        },
+        {
+            key: "direct",
+            label: "Direct Payment",
+            view: "cryptoIntentSelectCurrency",
+        },
+    ];
+    const handleMethodSelect = () => {
+        goToView("cryptoIntentSelectCurrency");
+    };
+    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
+//# sourceMappingURL=methods.js.map

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

@@ -1,48 +1,40 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect } from "react";
+import { PaymentStatus } from "../../../api/types.js";
 import { useModalWithView, Loader, Text } from "../../../components/index.js";
 import { useMintMoneyConfig } from "../../../context.js";
 import { getPayment } from "../../../state/checkout/store.js";
 const POLL_INTERVAL = 5000;
 const CryptoIntentPaymentStatusViewContent = () => {
-  const { goToView } = useModalWithView();
-  const config = useMintMoneyConfig();
-  useEffect(() => {
-    let isMounted = true;
-    const pollPaymentStatus = async () => {
-      try {
-        const updatedPayment = await getPayment();
-        if (!updatedPayment || !isMounted) return;
-        if (updatedPayment.status === "paid") {
-          goToView("cryptoIntentPaymentSuccess");
-        } else if (updatedPayment.status === "failed") {
-          goToView("failed");
-        }
-      } catch (error) {
-        console.error("Error fetching payment status:", error);
-      }
-    };
-    void pollPaymentStatus();
-    const interval = setInterval(
-      async () => await pollPaymentStatus(),
-      POLL_INTERVAL,
-    );
-    return () => {
-      isMounted = false;
-      clearInterval(interval);
-    };
-  }, []);
-  return _jsxs("div", {
-    className: "loading-container",
-    children: [
-      _jsx(Loader, { asChild: true }),
-      _jsx(Text, {
-        size: "base",
-        color: config.theme.font.color.tertiary,
-        children: "Payment pending...",
-      }),
-    ],
-  });
+    const { goToView } = useModalWithView();
+    const config = useMintMoneyConfig();
+    useEffect(() => {
+        let isMounted = true;
+        const pollPaymentStatus = async () => {
+            try {
+                const updatedPayment = await getPayment();
+                if (!updatedPayment || !isMounted)
+                    return;
+                if (updatedPayment.status ===
+                    config.cryptoCheckoutConfig.paymentConfirmationStatus) {
+                    goToView("cryptoIntentPaymentSuccess");
+                }
+                else if (updatedPayment.status === PaymentStatus.FAILED) {
+                    goToView("failed");
+                }
+            }
+            catch (error) {
+                console.error("Error fetching payment status:", error);
+            }
+        };
+        void pollPaymentStatus();
+        const interval = setInterval(async () => await pollPaymentStatus(), POLL_INTERVAL);
+        return () => {
+            isMounted = false;
+            clearInterval(interval);
+        };
+    }, []);
+    return (_jsxs("div", { className: "loading-container", children: [_jsx(Loader, { asChild: true }), _jsx(Text, { size: "base", color: config.theme.font.color.tertiary, children: "Payment pending..." })] }));
 };
 export { CryptoIntentPaymentStatusViewContent };
-//# sourceMappingURL=processing.js.map
+//# sourceMappingURL=processing.js.map