@b3dotfun/sdk 0.0.8-alpha.8 → 0.0.9-alpha.0

package/dist/esm/anyspend/react/components/AnyspendSignatureMint.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { OrderType } from "../../../anyspend/index.js";
-import { StyleRoot, useHasMounted, useTokenData } from "../../../global-account/react/index.js";
+import { StyleRoot, useTokenData } from "../../../global-account/react/index.js";
 import invariant from "../../../shared/utils/debug.js";
 import { useMemo } from "react";
 import { encodeFunctionData, parseEther } from "viem";
@@ -37,7 +36,6 @@ function generateEncodedDataForSignatureMint(signatureData) {
     return encodedData;
 }
 export function AnyspendSignatureMint({ loadOrder, mode = "modal", signatureData, imageUrl, onSuccess, }) {
-    const hasMounted = useHasMounted();
     // Get token data
     const { data: tokenData, isError: isTokenError, isLoading, } = useTokenData(signatureData.collection.chainId, signatureData.collection.signatureRequestBody?.currency);
     // Convert token data to AnySpend Token type
@@ -68,8 +66,8 @@ export function AnyspendSignatureMint({ loadOrder, mode = "modal", signatureData
     }
     const encodedData = generateEncodedDataForSignatureMint(signatureData);
     const price = parseEther(signatureData.payload.price?.toString() || "0");
-    return (_jsx(AnySpendCustom, { isMainnet: true, loadOrder: loadOrder, mode: mode, recipientAddress: signatureData.payload.to, orderType: OrderType.Custom, dstChainId: signatureData.collection.chainId, dstToken: dstToken, dstAmount: price.toString(), contractAddress: signatureData.collection.address, encodedData: encodedData, metadata: {
-            type: OrderType.Custom,
+    return (_jsx(AnySpendCustom, { isMainnet: true, loadOrder: loadOrder, mode: mode, recipientAddress: signatureData.payload.to, orderType: "custom", dstChainId: signatureData.collection.chainId, dstToken: dstToken, dstAmount: price.toString(), contractAddress: signatureData.collection.address, encodedData: encodedData, metadata: {
+            type: "custom",
             action: "Signature Mint",
         }, header: header, onSuccess: onSuccess, showRecipient: true }));
 }

package/dist/esm/anyspend/react/components/common/AnySpendNFTButton.d.ts

@@ -1,6 +1,6 @@
-import { NftContract } from "../../../../anyspend/types";
+import { components } from "../../../../anyspend/types/api";
 type AnySpendNFTButtonProps = {
-    nftContract?: NftContract;
+    nftContract?: components["schemas"]["NftContract"];
     recipientAddress?: string;
 };
 export declare function AnySpendNFTButton({ nftContract, recipientAddress }: AnySpendNFTButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/anyspend/react/components/common/OrderDetails.d.ts

@@ -1,12 +1,12 @@
-import { DepositTransaction, ExecuteTransaction, Order, RefundTransaction, RelayTransaction } from "../../../../anyspend";
+import { components } from "../../../../anyspend/types/api";
 interface OrderDetailsProps {
     isMainnet: boolean;
     mode?: "modal" | "page";
-    order: Order;
-    depositTxs: DepositTransaction[] | null;
-    relayTx: RelayTransaction | null;
-    executeTx: ExecuteTransaction | null;
-    refundTxs: RefundTransaction[] | null;
+    order: components["schemas"]["Order"];
+    depositTxs: components["schemas"]["DepositTx"][] | null;
+    relayTx: components["schemas"]["RelayTx"] | null;
+    executeTx: components["schemas"]["ExecuteTx"] | null;
+    refundTxs: components["schemas"]["RefundTx"][] | null;
     onBack?: () => void;
 }
 export declare const OrderDetails: import("react").NamedExoticComponent<OrderDetailsProps>;

package/dist/esm/anyspend/react/components/common/OrderDetails.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { ALL_CHAINS, capitalizeFirstLetter, EVM_CHAINS, getChainName, getErrorDisplay, getExplorerTxUrl, getPaymentUrl, getStatusDisplay, isNativeToken, OnrampVendor, OrderStatus, OrderType, RELAY_ETH_ADDRESS, zNft, zToken, zTournament, } from "../../../../anyspend/index.js";
+import { ALL_CHAINS, capitalizeFirstLetter, EVM_CHAINS, getChainName, getErrorDisplay, getExplorerTxUrl, getPaymentUrl, getStatusDisplay, isNativeToken, RELAY_ETH_ADDRESS, } from "../../../../anyspend/index.js";
 import { Badge, Button, CopyToClipboard, ShinyButton, Skeleton, TextLoop, TextShimmer, useAccountWallet, useChainSwitchWithAction, useModalStore, useOnchainName, } from "../../../../global-account/react/index.js";
 import { useRouter, useSearchParams } from "../../../../shared/react/hooks/index.js";
 import { cn } from "../../../../shared/utils/index.js";
@@ -23,19 +23,19 @@ function getOrderSuccessText({ order, tournament, formattedActualDstAmount, dstT
     const recipient = recipientName || centerTruncate(order.recipientAddress, 8);
     let actionText = "";
     switch (order.type) {
-        case OrderType.Swap:
+        case "swap":
             actionText = `sent ${formattedActualDstAmount || "--"} ${dstToken.symbol}`;
             return `Successfully ${actionText} to ${recipient}`;
-        case OrderType.MintNFT:
+        case "mint_nft":
             actionText = `minted ${order.metadata.nft.name}`;
             return `Successfully ${actionText} to ${recipient}`;
-        case OrderType.JoinTournament:
+        case "join_tournament":
             actionText = `joined ${tournament?.name}`;
             return `Successfully ${actionText} for ${recipient}`;
-        case OrderType.FundTournament:
+        case "fund_tournament":
             actionText = `funded ${tournament?.name}`;
             return `Successfully ${actionText}`;
-        case OrderType.Custom:
+        case "custom":
             actionText = order.metadata.action || `executed contract`;
             return `Successfully ${actionText}`;
         default:
@@ -118,12 +118,10 @@ export const OrderDetails = memo(function OrderDetails({ isMainnet, mode = "moda
     const router = useRouter();
     const searchParams = useSearchParams();
     const setB3ModalOpen = useModalStore(state => state.setB3ModalOpen);
-    const srcToken = zToken.parse(order.metadata.srcToken);
-    const dstToken = zToken.parse(order.metadata.dstToken);
-    const nft = order.type === OrderType.MintNFT ? zNft.parse(order.metadata.nft) : undefined;
-    const tournament = order.type === OrderType.JoinTournament || order.type === OrderType.FundTournament
-        ? zTournament.parse(order.metadata.tournament)
-        : undefined;
+    const srcToken = order.metadata.srcToken;
+    const dstToken = order.metadata.dstToken;
+    const nft = order.type === "mint_nft" ? order.metadata.nft : undefined;
+    const tournament = order.type === "join_tournament" || order.type === "fund_tournament" ? order.metadata.tournament : undefined;
     const { name: recipientName } = useOnchainName(order.recipientAddress);
     const account = useAccountWallet();
     const { data: walletClient } = useWalletClient();
@@ -211,17 +209,17 @@ export const OrderDetails = memo(function OrderDetails({ isMainnet, mode = "moda
     if (!srcToken || !dstToken) {
         return _jsx("div", { children: "Loading..." });
     }
-    const expectedDstAmount = order.type === OrderType.MintNFT ||
-        order.type === OrderType.JoinTournament ||
-        order.type === OrderType.FundTournament ||
-        order.type === OrderType.Custom
+    const expectedDstAmount = order.type === "mint_nft" ||
+        order.type === "join_tournament" ||
+        order.type === "fund_tournament" ||
+        order.type === "custom"
         ? "0"
         : order.payload.expectedDstAmount.toString();
     const formattedExpectedDstAmount = formatTokenAmount(BigInt(expectedDstAmount), dstToken.decimals);
-    const actualDstAmount = order.type === OrderType.MintNFT ||
-        order.type === OrderType.JoinTournament ||
-        order.type === OrderType.FundTournament ||
-        order.type === OrderType.Custom
+    const actualDstAmount = order.type === "mint_nft" ||
+        order.type === "join_tournament" ||
+        order.type === "fund_tournament" ||
+        order.type === "custom"
         ? undefined
         : order.payload.actualDstAmount;
     const formattedActualDstAmount = actualDstAmount
@@ -247,7 +245,7 @@ export const OrderDetails = memo(function OrderDetails({ isMainnet, mode = "moda
     };
     if (refundTxs) {
         return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "relative mt-4 flex w-full flex-col gap-4", children: [_jsx("div", { className: "bg-b3-react-background absolute bottom-2 left-4 top-2 z-[5] w-2", children: _jsx(motion.div, { className: "from-as-brand/50 absolute left-[2px] top-0 z-10 w-[3px] bg-gradient-to-b from-20% via-purple-500/50 via-80% to-transparent", initial: { height: "0%" }, animate: { height: "100%" }, transition: { duration: 1.5, ease: "easeInOut" } }) }), depositTxs
-                            ? depositTxs.map(dTx => (_jsx(TransactionDetails, { title: order.onrampMetadata?.vendor === OnrampVendor.StripeWeb2
+                            ? depositTxs.map(dTx => (_jsx(TransactionDetails, { title: order.onrampMetadata?.vendor === "stripe-web2"
                                     ? `Received payment`
                                     : `Received ${formatTokenAmount(BigInt(dTx.amount), srcToken.decimals)} ${srcToken.symbol}`, chainId: order.srcChain, tx: dTx, isProcessing: false }, dTx.txHash)))
                             : null, refundTxs
@@ -256,16 +254,16 @@ export const OrderDetails = memo(function OrderDetails({ isMainnet, mode = "moda
     }
     if (executeTx) {
         return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "relative mt-4 flex w-full flex-col gap-4", children: [_jsx("div", { className: "bg-b3-react-background absolute bottom-2 left-4 top-2 z-[5] w-2", children: _jsx(motion.div, { className: "from-as-brand/50 absolute left-[2px] top-0 z-10 w-[3px] bg-gradient-to-b from-20% via-purple-500/50 via-80% to-transparent", initial: { height: "0%" }, animate: { height: "100%" }, transition: { duration: 1.5, ease: "easeInOut" } }) }), depositTxs
-                            ? depositTxs.map(dTxs => (_jsx(TransactionDetails, { title: order.onrampMetadata?.vendor === OnrampVendor.StripeWeb2
+                            ? depositTxs.map(dTxs => (_jsx(TransactionDetails, { title: order.onrampMetadata?.vendor === "stripe-web2"
                                     ? `Received payment`
                                     : `Received ${formatTokenAmount(BigInt(dTxs.amount), srcToken.decimals)} ${srcToken.symbol}`, chainId: order.srcChain, tx: dTxs, isProcessing: false }, dTxs.txHash)))
-                            : null, _jsx(TransactionDetails, { title: "Processed Transaction", chainId: order.srcChain, tx: relayTx, delay: 0.5, isProcessing: false }), _jsx(TransactionDetails, { title: order.type === OrderType.Swap
+                            : null, _jsx(TransactionDetails, { title: "Processed Transaction", chainId: order.srcChain, tx: relayTx, delay: 0.5, isProcessing: false }), _jsx(TransactionDetails, { title: order.type === "swap"
                                 ? "Processed Swap"
-                                : order.type === OrderType.MintNFT
+                                : order.type === "mint_nft"
                                     ? "Minted NFT"
-                                    : order.type === OrderType.JoinTournament
+                                    : order.type === "join_tournament"
                                         ? "Joined Tournament"
-                                        : order.type === OrderType.FundTournament
+                                        : order.type === "fund_tournament"
                                             ? "Funded Tournament"
                                             : "Processed Order", chainId: order.dstChain, tx: executeTx, isProcessing: false, delay: 1 })] }), _jsx("div", { className: "flex w-full flex-col gap-8", children: _jsx(Button, { variant: "link", asChild: true, children: _jsxs("a", { href: getExplorerTxUrl(order.dstChain, executeTx.txHash), target: "_blank", className: "text-as-primary/70 hover:text-as-primary", style: { whiteSpace: "normal" }, children: [getOrderSuccessText({
                                     order,
@@ -274,28 +272,28 @@ export const OrderDetails = memo(function OrderDetails({ isMainnet, mode = "moda
                                     dstToken,
                                     recipientName,
                                     centerTruncate,
-                                }), _jsx(ExternalLink, { className: "ml-2 h-4 w-4" })] }) }) }), order.type === OrderType.JoinTournament && order.status === OrderStatus.Executed && (_jsxs(ShinyButton, { accentColor: "hsl(var(--as-brand))", textColor: "text-white", className: "flex w-full items-center gap-2", disabled: txLoading || isSwitchingOrExecuting, onClick: handleCloseModal, children: [_jsx("span", { className: "pl-4", children: "Continue to Tournament" }), _jsx(ChevronRight, { className: "h-4 w-4" })] })), order.status === OrderStatus.Executed && (_jsx("button", { className: "bg-as-on-surface-2 text-as-secondary flex w-full items-center justify-center gap-2 rounded-lg p-2", onClick: mode === "page" ? handleBack : handleCloseModal, children: mode === "page" ? (_jsxs(_Fragment, { children: ["Return to Home ", _jsx(Home, { className: "ml-2 h-4 w-4" })] })) : ("Close") }))] }));
+                                }), _jsx(ExternalLink, { className: "ml-2 h-4 w-4" })] }) }) }), order.type === "join_tournament" && order.status === "executed" && (_jsxs(ShinyButton, { accentColor: "hsl(var(--as-brand))", textColor: "text-white", className: "flex w-full items-center gap-2", disabled: txLoading || isSwitchingOrExecuting, onClick: handleCloseModal, children: [_jsx("span", { className: "pl-4", children: "Continue to Tournament" }), _jsx(ChevronRight, { className: "h-4 w-4" })] })), order.status === "executed" && (_jsx("button", { className: "bg-as-on-surface-2 text-as-secondary flex w-full items-center justify-center gap-2 rounded-lg p-2", onClick: mode === "page" ? handleBack : handleCloseModal, children: mode === "page" ? (_jsxs(_Fragment, { children: ["Return to Home ", _jsx(Home, { className: "ml-2 h-4 w-4" })] })) : ("Close") }))] }));
     }
     if (relayTx && relayTx.status === "success") {
         return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "relative mt-4 flex w-full flex-col gap-4", children: [_jsx("div", { className: "bg-b3-react-background absolute bottom-2 left-4 top-2 z-[5] w-2", children: _jsx(motion.div, { className: "from-as-brand/50 absolute left-[2px] top-0 z-10 w-[3px] bg-gradient-to-b from-20% via-purple-500/50 via-80% to-transparent", initial: { height: "0%" }, animate: { height: "100%" }, transition: { duration: 1.5, ease: "easeInOut" } }) }), depositTxs
-                            ? depositTxs.map(dTxs => (_jsx(TransactionDetails, { title: order.onrampMetadata?.vendor === OnrampVendor.StripeWeb2
+                            ? depositTxs.map(dTxs => (_jsx(TransactionDetails, { title: order.onrampMetadata?.vendor === "stripe-web2"
                                     ? `Received payment`
                                     : `Received ${formatTokenAmount(BigInt(dTxs.amount), srcToken.decimals)} ${srcToken.symbol}`, chainId: order.srcChain, tx: dTxs, isProcessing: false }, dTxs.txHash)))
-                            : null, order.srcChain === order.dstChain ? (_jsx(TransactionDetails, { title: order.type === OrderType.Swap
+                            : null, order.srcChain === order.dstChain ? (_jsx(TransactionDetails, { title: order.type === "swap"
                                 ? "Processed Swap"
-                                : order.type === OrderType.MintNFT
+                                : order.type === "mint_nft"
                                     ? "Minted NFT"
-                                    : order.type === OrderType.JoinTournament
+                                    : order.type === "join_tournament"
                                         ? "Joined Tournament"
-                                        : order.type === OrderType.FundTournament
+                                        : order.type === "fund_tournament"
                                             ? "Funded Tournament"
-                                            : "Processed Transaction", chainId: order.srcChain, isProcessing: false, tx: relayTx, delay: 0.5 })) : (_jsxs(_Fragment, { children: [_jsx(TransactionDetails, { title: "Processed Transaction", chainId: order.srcChain, isProcessing: false, tx: relayTx, delay: 0.5 }), _jsx(TransactionDetails, { title: order.type === OrderType.Swap
+                                            : "Processed Transaction", chainId: order.srcChain, isProcessing: false, tx: relayTx, delay: 0.5 })) : (_jsxs(_Fragment, { children: [_jsx(TransactionDetails, { title: "Processed Transaction", chainId: order.srcChain, isProcessing: false, tx: relayTx, delay: 0.5 }), _jsx(TransactionDetails, { title: order.type === "swap"
                                         ? "Processing Swap"
-                                        : order.type === OrderType.MintNFT
+                                        : order.type === "mint_nft"
                                             ? "Minting NFT"
-                                            : order.type === OrderType.JoinTournament
+                                            : order.type === "join_tournament"
                                                 ? "Joining Tournament"
-                                                : order.type === OrderType.FundTournament
+                                                : order.type === "fund_tournament"
                                                     ? "Funding Tournament"
                                                     : "Processing Bridge", chainId: order.dstChain, isProcessing: true, tx: executeTx, delay: 1 })] }))] }), _jsx("div", { className: "flex w-full flex-col gap-8", children: _jsx(Button, { variant: "link", asChild: true, children: _jsxs("a", { href: getExplorerTxUrl(order.dstChain, relayTx.txHash), target: "_blank", className: "text-as-primary/70 hover:text-as-primary", style: { whiteSpace: "normal" }, children: [getOrderSuccessText({
                                     order,
@@ -304,22 +302,22 @@ export const OrderDetails = memo(function OrderDetails({ isMainnet, mode = "moda
                                     dstToken,
                                     recipientName,
                                     centerTruncate,
-                                }), _jsx(ExternalLink, { className: "ml-2 h-4 w-4" })] }) }) }), order.type === OrderType.JoinTournament && order.status === OrderStatus.Executed && (_jsxs(ShinyButton, { accentColor: "hsl(var(--as-brand))", textColor: "text-white", className: "flex w-full items-center gap-2", disabled: txLoading || isSwitchingOrExecuting, onClick: handleCloseModal, children: [_jsx("span", { className: "pl-4", children: "Continue to Tournament" }), _jsx(ChevronRight, { className: "h-4 w-4" })] })), order.status === OrderStatus.Executed && (_jsx("button", { className: "bg-as-on-surface-2 text-as-secondary flex w-full items-center justify-center gap-2 rounded-lg p-2", onClick: mode === "page" ? handleBack : handleCloseModal, children: mode === "page" ? (_jsxs(_Fragment, { children: ["Return to Home ", _jsx(Home, { className: "ml-2 h-4 w-4" })] })) : ("Close") }))] }));
+                                }), _jsx(ExternalLink, { className: "ml-2 h-4 w-4" })] }) }) }), order.type === "join_tournament" && order.status === "executed" && (_jsxs(ShinyButton, { accentColor: "hsl(var(--as-brand))", textColor: "text-white", className: "flex w-full items-center gap-2", disabled: txLoading || isSwitchingOrExecuting, onClick: handleCloseModal, children: [_jsx("span", { className: "pl-4", children: "Continue to Tournament" }), _jsx(ChevronRight, { className: "h-4 w-4" })] })), order.status === "executed" && (_jsx("button", { className: "bg-as-on-surface-2 text-as-secondary flex w-full items-center justify-center gap-2 rounded-lg p-2", onClick: mode === "page" ? handleBack : handleCloseModal, children: mode === "page" ? (_jsxs(_Fragment, { children: ["Return to Home ", _jsx(Home, { className: "ml-2 h-4 w-4" })] })) : ("Close") }))] }));
     }
     // This boolean indicates that user finish payment, and waiting for the deposit to be confirmed. We get this from query params (waitingForDeposit=true)
     const waitingForDeposit = new URLSearchParams(window.location.search).get("waitingForDeposit") === "true";
     if (depositTxs?.length || waitingForDeposit) {
-        return (_jsx(_Fragment, { children: _jsxs("div", { className: "relative mt-4 flex w-full flex-col gap-6", children: [_jsx("div", { className: "bg-b3-react-background absolute bottom-2 left-4 top-2 z-[5] w-2", children: _jsx(motion.div, { className: "from-as-brand/50 absolute left-[2px] top-0 z-10 w-[3px] bg-gradient-to-b from-20% via-purple-500/50 via-80% to-transparent", initial: { height: "0%" }, animate: { height: "100%" }, transition: { duration: 1, ease: "easeInOut" } }) }), (depositTxs || []).map((dTxs, index) => (_jsx(TransactionDetails, { title: order.onrampMetadata?.vendor === OnrampVendor.StripeWeb2
+        return (_jsx(_Fragment, { children: _jsxs("div", { className: "relative mt-4 flex w-full flex-col gap-6", children: [_jsx("div", { className: "bg-b3-react-background absolute bottom-2 left-4 top-2 z-[5] w-2", children: _jsx(motion.div, { className: "from-as-brand/50 absolute left-[2px] top-0 z-10 w-[3px] bg-gradient-to-b from-20% via-purple-500/50 via-80% to-transparent", initial: { height: "0%" }, animate: { height: "100%" }, transition: { duration: 1, ease: "easeInOut" } }) }), (depositTxs || []).map((dTxs, index) => (_jsx(TransactionDetails, { title: order.onrampMetadata?.vendor === "stripe-web2"
                             ? `Received payment`
-                            : `Received ${formatTokenAmount(BigInt(dTxs.amount), srcToken.decimals)} ${srcToken.symbol}`, chainId: order.srcChain, tx: dTxs, isProcessing: index < (depositTxs || []).length - 1 ? false : !depositEnoughAmount }, dTxs.txHash))), statusDisplay === "failure" ? (_jsx(TransactionDetails, { title: statusText, chainId: order.srcChain, tx: null, isProcessing: false, delay: 0.5 })) : depositEnoughAmount ? (_jsx(TransactionDetails, { title: order.type === OrderType.Swap
+                            : `Received ${formatTokenAmount(BigInt(dTxs.amount), srcToken.decimals)} ${srcToken.symbol}`, chainId: order.srcChain, tx: dTxs, isProcessing: index < (depositTxs || []).length - 1 ? false : !depositEnoughAmount }, dTxs.txHash))), statusDisplay === "failure" ? (_jsx(TransactionDetails, { title: statusText, chainId: order.srcChain, tx: null, isProcessing: false, delay: 0.5 })) : depositEnoughAmount ? (_jsx(TransactionDetails, { title: order.type === "swap"
                             ? "Processing Swap"
-                            : order.type === OrderType.MintNFT
+                            : order.type === "mint_nft"
                                 ? "Minting NFT"
-                                : order.type === OrderType.JoinTournament
+                                : order.type === "join_tournament"
                                     ? "Joining Tournament"
-                                    : order.type === OrderType.FundTournament
+                                    : order.type === "fund_tournament"
                                         ? "Funding Tournament"
-                                        : "Processing Transaction", chainId: order.srcChain, tx: null, isProcessing: true, delay: 0.5 })) : (_jsx(TransactionDetails, { title: order.onrampMetadata?.vendor === OnrampVendor.StripeWeb2
+                                        : "Processing Transaction", chainId: order.srcChain, tx: null, isProcessing: true, delay: 0.5 })) : (_jsx(TransactionDetails, { title: order.onrampMetadata?.vendor === "stripe-web2"
                             ? `Waiting for payment`
                             : `Waiting for deposit ${formattedDepositDeficit} ${srcToken.symbol}`, chainId: order.srcChain, tx: null, isProcessing: true, delay: 0.5 }))] }) }));
     }
@@ -342,17 +340,17 @@ export const OrderDetails = memo(function OrderDetails({ isMainnet, mode = "moda
                                             else {
                                                 toast.error("Web Share API is not supported on this browser");
                                             }
-                                        }, children: ["Send Link ", _jsx(SquareArrowOutUpRight, { className: "ml-2 h-3 w-3" })] })] })] })] })), _jsxs("div", { className: "flex w-full items-center justify-center gap-1 text-sm", children: [_jsx("div", { className: "text-as-primary/30", children: "Time remaining:" }), _jsx("div", { className: "text-as-primary", children: depositEnoughAmount ? ("Received") : order.status === OrderStatus.Expired ? ("Expired") : (_jsx(TimeAgo, { date: new Date(order.expiredAt), live: true })) })] }), showOrderDetails ? (_jsx(motion.div, { className: "w-full", initial: { opacity: 0, y: 20, filter: "blur(10px)" }, animate: { opacity: 1, y: 0, filter: "blur(0px)" }, transition: { duration: 0.3, delay: 0, ease: "easeInOut" }, children: _jsxs("div", { className: "flex w-full flex-col items-center gap-3 whitespace-nowrap py-2 text-sm", children: [_jsxs("div", { className: "flex w-full items-center justify-between gap-2", children: [_jsx("div", { className: "text-as-primary/30", children: order.type === OrderType.Swap || order.type === OrderType.MintNFT
+                                        }, children: ["Send Link ", _jsx(SquareArrowOutUpRight, { className: "ml-2 h-3 w-3" })] })] })] })] })), _jsxs("div", { className: "flex w-full items-center justify-center gap-1 text-sm", children: [_jsx("div", { className: "text-as-primary/30", children: "Time remaining:" }), _jsx("div", { className: "text-as-primary", children: depositEnoughAmount ? ("Received") : order.status === "expired" ? ("Expired") : (_jsx(TimeAgo, { date: new Date(order.expiredAt), live: true })) })] }), showOrderDetails ? (_jsx(motion.div, { className: "w-full", initial: { opacity: 0, y: 20, filter: "blur(10px)" }, animate: { opacity: 1, y: 0, filter: "blur(0px)" }, transition: { duration: 0.3, delay: 0, ease: "easeInOut" }, children: _jsxs("div", { className: "flex w-full flex-col items-center gap-3 whitespace-nowrap py-2 text-sm", children: [_jsxs("div", { className: "flex w-full items-center justify-between gap-2", children: [_jsx("div", { className: "text-as-primary/30", children: order.type === "swap" || order.type === "mint_nft"
                                         ? "Expected to receive"
-                                        : order.type === OrderType.JoinTournament
+                                        : order.type === "join_tournament"
                                             ? "Join tournament"
-                                            : order.type === OrderType.FundTournament
+                                            : order.type === "fund_tournament"
                                                 ? "Fund tournament"
-                                                : order.type === OrderType.Custom
+                                                : order.type === "custom"
                                                     ? order.metadata.action
                                                         ? capitalizeFirstLetter(order.metadata.action)
                                                         : "Contract execution"
-                                                    : "" }), _jsxs("div", { className: "flex items-end gap-2", children: [order.type === OrderType.Swap ? (`~${formattedExpectedDstAmount} ${dstToken.symbol}`) : order.type === OrderType.MintNFT ? (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("img", { src: nft?.imageUrl, alt: nft?.name || "NFT", className: "h-5 w-5" }), _jsx("div", { children: nft?.name || "NFT" })] })) : order.type === OrderType.JoinTournament || order.type === OrderType.FundTournament ? (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("img", { src: tournament?.imageUrl, alt: tournament?.name || "Tournament", className: "h-5 w-5" }), _jsx("div", { children: tournament?.name || "Tournament" })] })) : null, _jsxs("div", { className: "text-as-primary/50 flex items-center gap-2", children: [_jsxs("span", { children: ["on ", order.dstChain !== b3.id && getChainName(order.dstChain)] }), _jsx("img", { src: ALL_CHAINS[order.dstChain].logoUrl, alt: getChainName(order.dstChain), className: cn("h-3", order.dstChain !== b3.id && "w-3 rounded-full", order.dstChain === b3.id && "h-4") })] })] })] }), _jsx("div", { className: "divider w-full" }), _jsxs("div", { className: "flex w-full justify-between gap-4", children: [_jsx("div", { className: "text-as-primary/30", children: "Order ID" }), _jsx("div", { className: "text-as-primary overflow-hidden text-ellipsis whitespace-nowrap", children: order.id })] }), _jsx("div", { className: "divider w-full" }), _jsxs("div", { className: "flex w-full justify-between gap-4", children: [_jsx("div", { className: "text-as-primary/30", children: "Recipient" }), _jsxs("div", { className: "flex flex-col items-end gap-1", children: [recipientName && _jsx("div", { className: "text-as-primary font-semibold", children: recipientName }), _jsx(CopyToClipboard, { text: order.recipientAddress, onCopy: () => {
+                                                    : "" }), _jsxs("div", { className: "flex items-end gap-2", children: [order.type === "swap" ? (`~${formattedExpectedDstAmount} ${dstToken.symbol}`) : order.type === "mint_nft" ? (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("img", { src: nft?.imageUrl, alt: nft?.name || "NFT", className: "h-5 w-5" }), _jsx("div", { children: nft?.name || "NFT" })] })) : order.type === "join_tournament" || order.type === "fund_tournament" ? (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("img", { src: tournament?.imageUrl, alt: tournament?.name || "Tournament", className: "h-5 w-5" }), _jsx("div", { children: tournament?.name || "Tournament" })] })) : null, _jsxs("div", { className: "text-as-primary/50 flex items-center gap-2", children: [_jsxs("span", { children: ["on ", order.dstChain !== b3.id && getChainName(order.dstChain)] }), _jsx("img", { src: ALL_CHAINS[order.dstChain].logoUrl, alt: getChainName(order.dstChain), className: cn("h-3", order.dstChain !== b3.id && "w-3 rounded-full", order.dstChain === b3.id && "h-4") })] })] })] }), _jsx("div", { className: "divider w-full" }), _jsxs("div", { className: "flex w-full justify-between gap-4", children: [_jsx("div", { className: "text-as-primary/30", children: "Order ID" }), _jsx("div", { className: "text-as-primary overflow-hidden text-ellipsis whitespace-nowrap", children: order.id })] }), _jsx("div", { className: "divider w-full" }), _jsxs("div", { className: "flex w-full justify-between gap-4", children: [_jsx("div", { className: "text-as-primary/30", children: "Recipient" }), _jsxs("div", { className: "flex flex-col items-end gap-1", children: [recipientName && _jsx("div", { className: "text-as-primary font-semibold", children: recipientName }), _jsx(CopyToClipboard, { text: order.recipientAddress, onCopy: () => {
                                                 toast.success("Copied recipient address to clipboard");
                                             }, children: _jsxs("div", { className: "text-as-primary flex items-center gap-2", children: [centerTruncate(order.recipientAddress, 10), _jsx(Copy, { className: "text-as-primary/50 hover:text-as-primary h-4 w-4 cursor-pointer transition-all duration-200" })] }) })] })] })] }) })) : (_jsxs("div", { className: "flex w-full items-center", children: [_jsx("div", { className: "divider w-full" }), _jsx("button", { className: "whitespace-nowrap text-sm", onClick: () => setShowOrderDetails(true), children: "Order Details" }), _jsx(ChevronDown, { className: "text-as-primary mx-1 h-4 min-h-4 w-4 min-w-4" }), _jsx("div", { className: "divider w-full" })] })), _jsxs("button", { className: "bg-as-on-surface-2 text-as-secondary flex w-full items-center justify-center gap-2 rounded-lg p-2", onClick: handleBack, children: ["Cancel and start over ", _jsx(RefreshCcw, { className: "ml-2 h-4 w-4" })] })] }));
 });

package/dist/esm/anyspend/react/components/common/OrderHistoryItem.d.ts

@@ -1,6 +1,6 @@
-import { Order } from "../../../../anyspend";
+import { components } from "../../../../anyspend/types/api";
 interface OrderHistoryItemProps {
-    order: Order;
+    order: components["schemas"]["Order"];
     onSelectOrder?: (orderId: string) => void;
     mode: "modal" | "page";
 }

package/dist/esm/anyspend/react/components/common/OrderHistoryItem.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { ALL_CHAINS, getChainName, getStatusDisplay, OrderType } from "../../../../anyspend/index.js";
+import { ALL_CHAINS, getChainName, getStatusDisplay } from "../../../../anyspend/index.js";
 import { Badge, Button, useIsMobile } from "../../../../global-account/react/index.js";
 import { cn } from "../../../../shared/utils/index.js";
 import { formatTokenAmount } from "../../../../shared/utils/number.js";
@@ -7,21 +7,19 @@ import { ArrowRight, ChevronDown } from "lucide-react";
 import TimeAgo from "react-timeago";
 import { b3 } from "viem/chains";
 export function OrderHistoryItem({ order, onSelectOrder, mode }) {
-    const nft = order.type === OrderType.MintNFT ? order.metadata.nft : undefined;
-    const tournament = order.type === OrderType.JoinTournament || order.type === OrderType.FundTournament
-        ? order.metadata.tournament
-        : undefined;
+    const nft = order.type === "mint_nft" ? order.metadata.nft : undefined;
+    const tournament = order.type === "join_tournament" || order.type === "fund_tournament" ? order.metadata.tournament : undefined;
     const dstToken = order.metadata.dstToken;
-    const actualDstAmount = order.type === OrderType.MintNFT ||
-        order.type === OrderType.JoinTournament ||
-        order.type === OrderType.FundTournament ||
-        order.type === OrderType.Custom
+    const actualDstAmount = order.type === "mint_nft" ||
+        order.type === "join_tournament" ||
+        order.type === "fund_tournament" ||
+        order.type === "custom"
         ? undefined
         : order.payload.actualDstAmount;
-    const expectedDstAmount = order.type === OrderType.MintNFT ||
-        order.type === OrderType.JoinTournament ||
-        order.type === OrderType.FundTournament ||
-        order.type === OrderType.Custom
+    const expectedDstAmount = order.type === "mint_nft" ||
+        order.type === "join_tournament" ||
+        order.type === "fund_tournament" ||
+        order.type === "custom"
         ? undefined
         : order.payload.expectedDstAmount;
     const { text: orderStatusText, status: orderDisplayStatus } = getStatusDisplay(order);

package/dist/esm/anyspend/react/components/common/OrderStatus.d.ts

@@ -1,4 +1,4 @@
-import { Order } from "../../../../anyspend";
+import { components } from "../../../../anyspend/types/api";
 export declare const OrderStatus: import("react").NamedExoticComponent<{
-    order: Order;
+    order: components["schemas"]["Order"];
 }>;

package/dist/esm/anyspend/react/components/common/OrderStatus.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { OrderStatus as OrderStatusEnum, getStatusDisplay } from "../../../../anyspend/index.js";
+import { getStatusDisplay } from "../../../../anyspend/index.js";
 import { Badge, TextShimmer } from "../../../../global-account/react/index.js";
 import { Check, Loader2 } from "lucide-react";
 import { memo } from "react";
 export const OrderStatus = memo(function OrderStatus({ order }) {
-    const isComplete = order.status === OrderStatusEnum.Executed;
+    const isComplete = order.status === "executed";
     const { text, status: displayStatus } = getStatusDisplay(order);
     return (_jsx("div", { className: "flex items-center justify-center gap-2", children: isComplete ? (_jsxs(Badge, { variant: "outline", className: "flex items-center gap-3 border-green-500/50 bg-green-500/20 px-4 py-1 text-base transition-colors", children: [_jsx(Check, { className: "h-6 w-6 text-green-500" }), _jsx("span", { className: "font-medium", children: text })] })) : displayStatus === "failure" ? (_jsx(Badge, { variant: "destructive", className: "border-red-400/50 bg-red-400/20 px-4 py-1 text-base", children: _jsx("div", { className: "font-sf-rounded text-base font-semibold text-red-400/50", children: text }) })) : (_jsxs(Badge, { variant: "default", className: "border-as-stroke/20 bg-as-primary/10 flex items-center gap-3 px-4 py-1 text-base transition-colors", children: [displayStatus === "processing" && _jsx(Loader2, { className: "text-as-primary h-4 w-4 animate-spin" }), _jsx(TextShimmer, { duration: 1, className: "font-sf-rounded text-base font-semibold", children: text })] })) }));
 });

package/dist/esm/anyspend/react/components/common/OrderToken.d.ts

@@ -1,9 +1,9 @@
-import { Token } from "../../../../anyspend";
+import { components } from "../../../../anyspend/types/api";
 export declare function OrderToken({ context, address, chainId, setChainId, token, setToken, requiredAmount, tokenSelectClassName, }: {
     context: "from" | "to";
     address: string | undefined;
-    token: Token;
-    setToken: (token: Token) => void;
+    token: components["schemas"]["Token"];
+    setToken: (token: components["schemas"]["Token"]) => void;
     chainId: number;
     setChainId: (chainId: number) => void;
     requiredAmount: bigint | undefined;

package/dist/esm/anyspend/react/components/common/OrderTokenAmount.d.ts

@@ -1,12 +1,12 @@
-import { Token } from "../../../../anyspend";
+import { components } from "../../../../anyspend/types/api";
 export declare function OrderTokenAmount({ disabled, inputValue, onChangeInput, context, address, chainId, setChainId, token, setToken, hideTokenSelect, canEditAmount, className, innerClassName, amountClassName, tokenSelectClassName, }: {
     disabled?: boolean;
     inputValue: string;
     onChangeInput: (value: string) => void;
     context: "from" | "to";
     address: string | undefined;
-    token: Token;
-    setToken: (token: Token) => void;
+    token: components["schemas"]["Token"];
+    setToken: (token: components["schemas"]["Token"]) => void;
     chainId: number;
     setChainId: (chainId: number) => void;
     hideTokenSelect?: boolean;

package/dist/esm/anyspend/react/components/common/PanelOnrampPayment.d.ts

@@ -1,4 +1,5 @@
-import { GetQuoteResponse, Nft, OrderType, Token, Tournament } from "../../../../anyspend";
+import { components } from "../../../../anyspend/types/api";
+import { GetQuoteResponse } from "../../../../anyspend/types/api_req_res";
 interface PanelOnrampPaymentProps {
     srcAmountOnRamp: string;
     recipientName?: string;
@@ -8,16 +9,16 @@ interface PanelOnrampPaymentProps {
     destinationTokenChainId?: number;
     destinationTokenAddress?: string;
     selectedDstChainId: number;
-    selectedDstToken: Token;
+    selectedDstToken: components["schemas"]["Token"];
     anyspendQuote: GetQuoteResponse | undefined;
     globalAddress?: string;
     onOrderCreated: (orderId: string) => void;
     onBack: () => void;
-    orderType: OrderType;
-    nft?: Nft & {
+    orderType: components["schemas"]["Order"]["type"];
+    nft?: components["schemas"]["NFT"] & {
         price: string;
     };
-    tournament?: Tournament & {
+    tournament?: components["schemas"]["Tournament"] & {
         contractAddress: string;
         entryPriceOrFundAmount: string;
     };

package/dist/esm/anyspend/react/components/common/PanelOnrampPayment.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { OnrampVendor, OrderType } from "../../../../anyspend/index.js";
 import { useAnyspendCreateOnrampOrder, useGeoOnrampOptions } from "../../../../anyspend/react/index.js";
 import { Button } from "../../../../global-account/react/index.js";
 import centerTruncate from "../../../../shared/utils/centerTruncate.js";
@@ -42,15 +41,15 @@ recipientAddress, isMainnet, isBuyMode, destinationTokenChainId, destinationToke
                 toast.error("Please enter a valid amount");
                 return;
             }
-            if (vendor === OnrampVendor.Coinbase && !coinbaseOnrampOptions) {
+            if (vendor === "coinbase" && !coinbaseOnrampOptions) {
                 toast.error("Onramp options not available");
                 return;
             }
-            if (vendor === OnrampVendor.Stripe && !isStripeOnrampSupported) {
+            if (vendor === "stripe" && !isStripeOnrampSupported) {
                 toast.error("Stripe onramp not available");
                 return;
             }
-            if (vendor === OnrampVendor.StripeWeb2 && !isStripeWeb2Supported) {
+            if (vendor === "stripe-web2" && !isStripeWeb2Supported) {
                 toast.error("Stripe credit card not available");
                 return;
             }
@@ -99,11 +98,11 @@ recipientAddress, isMainnet, isBuyMode, destinationTokenChainId, destinationToke
                                     opacity: 1,
                                     y: 0,
                                     filter: "blur(0px)",
-                                }, transition: { duration: 0.3, delay: 0.2, ease: "easeInOut" }, className: "flex items-center justify-between", children: [_jsx("p", { className: "text-b3-react-foreground/60", children: orderType === OrderType.Swap
+                                }, transition: { duration: 0.3, delay: 0.2, ease: "easeInOut" }, className: "flex items-center justify-between", children: [_jsx("p", { className: "text-b3-react-foreground/60", children: orderType === "swap"
                                             ? "Recipient"
-                                            : orderType === OrderType.MintNFT
+                                            : orderType === "mint_nft"
                                                 ? "Receive NFT at"
-                                                : orderType === OrderType.JoinTournament
+                                                : orderType === "join_tournament"
                                                     ? "Join for"
                                                     : "Recipient" }), _jsxs("div", { className: "flex items-center gap-2", children: [recipientImageUrl && (_jsx("img", { src: recipientImageUrl, alt: recipientImageUrl, className: "bg-b3-react-foreground size-7 rounded-full object-cover opacity-100" })), _jsxs("div", { className: "flex flex-col items-end gap-1", children: [recipientEnsName && _jsxs("span", { className: "text-b3-react-foreground/80", children: ["@", recipientEnsName] }), _jsx("span", { className: "text-b3-react-foreground/80", children: centerTruncate(recipientAddress) })] })] })] })), _jsx("div", { className: "border-b3-react-border border-t pt-3", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("p", { className: "text-b3-react-foreground font-semibold", children: "Amount" }), _jsxs("p", { className: "text-b3-react-foreground hover:text-b3-react-foreground/80 cursor-pointer text-xl font-semibold transition-colors", onClick: onBack, children: ["$", parseFloat(srcAmountOnRamp).toFixed(2)] })] }) })] })] }), isCreatingOrder ? (_jsxs("div", { className: "bg-b3-react-background border-b3-react-border flex items-center justify-center gap-3 rounded-lg border p-6", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), _jsx("span", { className: "text-as-primary/70", children: "Creating onramp order..." })] })) : isLoadingGeoOnramp ? (_jsxs("div", { className: "bg-b3-react-background border-b3-react-border flex items-center justify-center gap-3 rounded-lg border p-6", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), _jsx("span", { className: "text-as-primary/70", children: "Loading payment options..." })] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "mb-3 flex items-center justify-between", children: [_jsx("h2", { className: "text-lg font-semibold", children: "Payment method" }), _jsx("div", { className: "flex items-center gap-1", children: coinbaseAvailablePaymentMethods.length > 0 &&
                                     (() => {
@@ -114,6 +113,6 @@ recipientAddress, isMainnet, isBuyMode, destinationTokenChainId, destinationToke
                                     })() })] }), _jsxs("div", { className: "flex flex-col gap-3", children: [coinbaseAvailablePaymentMethods.length > 0 &&
                                 (() => {
                                     const method = coinbaseAvailablePaymentMethods[0];
-                                    return (_jsxs("button", { onClick: () => handlePaymentMethodClick(OnrampVendor.Coinbase, method.id), disabled: isCreatingOrder, className: "bg-b3-react-background border-b3-react-border hover:border-as-brand disabled:hover:border-b3-react-border group flex w-full items-center justify-between gap-4 rounded-xl border p-5 transition-all duration-200 hover:shadow-md disabled:cursor-not-allowed disabled:opacity-50", children: [_jsxs("div", { className: "flex items-center gap-4", children: [_jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-blue-50", children: _jsx("img", { src: "https://cdn.b3.fun/coinbase-wordmark-blue.svg", alt: "Coinbase", className: "h-6" }) }), _jsxs("div", { className: "flex flex-col items-start text-left", children: [_jsx("h4", { className: "text-b3-react-foreground text-lg font-semibold", children: "Coinbase Pay" }), _jsxs("p", { className: "text-b3-react-foreground/60 text-sm", children: [method.id === "CARD" && "Debit card, bank account, or Coinbase Account", method.id === "FIAT_WALLET" && "Pay with your Coinbase account balance", method.id === "APPLE_PAY" && "Quick payment with Apple Pay", method.id === "ACH_BANK_ACCOUNT" && "Direct bank account transfer"] }), _jsx("div", { className: "mt-1 flex items-center gap-1", children: _jsx("span", { className: "text-xs font-medium text-green-600", children: "Free" }) })] })] }), _jsx(ChevronRight, { className: "text-b3-react-foreground/40 group-hover:text-b3-react-foreground/60 h-5 w-5 transition-colors" })] }));
-                                })(), isStripeWeb2Supported && (_jsxs("button", { onClick: () => handlePaymentMethodClick(OnrampVendor.StripeWeb2), className: "bg-b3-react-background border-b3-react-border hover:border-as-brand group flex w-full items-center justify-between gap-4 rounded-xl border p-5 transition-all duration-200 hover:shadow-md", children: [_jsxs("div", { className: "flex items-center gap-4", children: [_jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-purple-50", children: _jsx("img", { src: "https://raw.githubusercontent.com/stripe/stripe.github.io/455f506a628dc3f6c505e3001db45a64e29e9fc3/images/stripe-logo.svg", alt: "Stripe", className: "h-5" }) }), _jsxs("div", { className: "flex flex-col items-start text-left", children: [_jsx("h4", { className: "text-b3-react-foreground text-lg font-semibold", children: "Stripe" }), _jsx("p", { className: "text-b3-react-foreground/60 text-sm", children: "Credit or debit card payment" }), _jsx("div", { className: "mt-1 flex items-center gap-1", children: _jsx("span", { className: "text-xs font-medium text-orange-600", children: "Fee Applied" }) })] })] }), _jsx(ChevronRight, { className: "text-b3-react-foreground/40 group-hover:text-b3-react-foreground/60 h-5 w-5 transition-colors" })] })), _jsxs(Button, { variant: "link", onClick: onBack, className: "text-b3-react-foreground/70 hover:text-b3-react-foreground/90 mt-2 w-full", children: [_jsx(ChevronLeft, { className: "mr-2 h-4 w-4" }), "Back"] })] })] }))] }));
+                                    return (_jsxs("button", { onClick: () => handlePaymentMethodClick("coinbase", method.id), disabled: isCreatingOrder, className: "bg-b3-react-background border-b3-react-border hover:border-as-brand disabled:hover:border-b3-react-border group flex w-full items-center justify-between gap-4 rounded-xl border p-5 transition-all duration-200 hover:shadow-md disabled:cursor-not-allowed disabled:opacity-50", children: [_jsxs("div", { className: "flex items-center gap-4", children: [_jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-blue-50", children: _jsx("img", { src: "https://cdn.b3.fun/coinbase-wordmark-blue.svg", alt: "Coinbase", className: "h-6" }) }), _jsxs("div", { className: "flex flex-col items-start text-left", children: [_jsx("h4", { className: "text-b3-react-foreground text-lg font-semibold", children: "Coinbase Pay" }), _jsxs("p", { className: "text-b3-react-foreground/60 text-sm", children: [method.id === "CARD" && "Debit card, bank account, or Coinbase Account", method.id === "FIAT_WALLET" && "Pay with your Coinbase account balance", method.id === "APPLE_PAY" && "Quick payment with Apple Pay", method.id === "ACH_BANK_ACCOUNT" && "Direct bank account transfer"] }), _jsx("div", { className: "mt-1 flex items-center gap-1", children: _jsx("span", { className: "text-xs font-medium text-green-600", children: "Free" }) })] })] }), _jsx(ChevronRight, { className: "text-b3-react-foreground/40 group-hover:text-b3-react-foreground/60 h-5 w-5 transition-colors" })] }));
+                                })(), isStripeWeb2Supported && (_jsxs("button", { onClick: () => handlePaymentMethodClick("stripe-web2"), className: "bg-b3-react-background border-b3-react-border hover:border-as-brand group flex w-full items-center justify-between gap-4 rounded-xl border p-5 transition-all duration-200 hover:shadow-md", children: [_jsxs("div", { className: "flex items-center gap-4", children: [_jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-purple-50", children: _jsx("img", { src: "https://raw.githubusercontent.com/stripe/stripe.github.io/455f506a628dc3f6c505e3001db45a64e29e9fc3/images/stripe-logo.svg", alt: "Stripe", className: "h-5" }) }), _jsxs("div", { className: "flex flex-col items-start text-left", children: [_jsx("h4", { className: "text-b3-react-foreground text-lg font-semibold", children: "Stripe" }), _jsx("p", { className: "text-b3-react-foreground/60 text-sm", children: "Credit or debit card payment" }), _jsx("div", { className: "mt-1 flex items-center gap-1", children: _jsx("span", { className: "text-xs font-medium text-orange-600", children: "Fee Applied" }) })] })] }), _jsx(ChevronRight, { className: "text-b3-react-foreground/40 group-hover:text-b3-react-foreground/60 h-5 w-5 transition-colors" })] })), _jsxs(Button, { variant: "link", onClick: onBack, className: "text-b3-react-foreground/70 hover:text-b3-react-foreground/90 mt-2 w-full", children: [_jsx(ChevronLeft, { className: "mr-2 h-4 w-4" }), "Back"] })] })] }))] }));
 }

package/dist/esm/anyspend/react/components/common/PaymentOneClick.d.ts

@@ -1,6 +1,6 @@
-import { Order } from "../../../../anyspend";
+import { components } from "../../../../anyspend/types/api";
 interface PaymentOneClickProps {
-    order: Order;
+    order: components["schemas"]["Order"];
     dstTokenSymbol: string;
 }
 export default function PaymentOneClick({ order }: PaymentOneClickProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/anyspend/react/components/common/PaymentStripeWeb2.d.ts

@@ -1,7 +1,7 @@
-import { Order } from "../../../../anyspend";
+import { components } from "../../../../anyspend/types/api";
 interface PaymentStripeWeb2Props {
     isMainnet: boolean;
-    order: Order;
+    order: components["schemas"]["Order"];
     onPaymentSuccess?: (paymentIntent: any) => void;
 }
 export default function PaymentStripeWeb2({ isMainnet, order, onPaymentSuccess }: PaymentStripeWeb2Props): import("react/jsx-runtime").JSX.Element;

package/dist/esm/anyspend/react/components/common/PaymentVendorUI.d.ts

@@ -1,7 +1,7 @@
-import { Order } from "../../../../anyspend";
+import { components } from "../../../../anyspend/types/api";
 interface PaymentVendorUIProps {
     isMainnet: boolean;
-    order: Order;
+    order: components["schemas"]["Order"];
     dstTokenSymbol: string;
 }
 export default function PaymentVendorUI({ isMainnet, order, dstTokenSymbol }: PaymentVendorUIProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/esm/anyspend/react/components/common/PaymentVendorUI.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { OnrampVendor } from "../../../../anyspend/index.js";
 import PaymentOneClick from "./PaymentOneClick.js";
 import PaymentStripeWeb2 from "./PaymentStripeWeb2.js";
 export default function PaymentVendorUI({ isMainnet, order, dstTokenSymbol }) {
@@ -9,7 +8,7 @@ export default function PaymentVendorUI({ isMainnet, order, dstTokenSymbol }) {
         return _jsx(PaymentOneClick, { order: order, dstTokenSymbol: dstTokenSymbol });
     }
     // Handle Stripe Web2 payment flow
-    if (vendor === OnrampVendor.StripeWeb2) {
+    if (vendor === "stripe-web2") {
         return _jsx(PaymentStripeWeb2, { isMainnet: isMainnet, order: order });
     }
     // Return null for unsupported vendors

package/dist/esm/anyspend/react/components/common/TokenBalance.d.ts

@@ -1,6 +1,6 @@
-import { Token } from "../../../../anyspend";
+import { components } from "../../../../anyspend/types/api";
 export declare function TokenBalance({ token, walletAddress, onChangeInput, }: {
-    token: Token;
+    token: components["schemas"]["Token"];
     walletAddress: string | undefined;
     onChangeInput: (value: string) => void;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/esm/anyspend/react/components/webview/WebviewOnrampOrderStatus.d.ts

@@ -1,6 +1,6 @@
-import { Order } from "../../../../anyspend";
+import { components } from "../../../../anyspend/types/api";
 interface WebviewOnrampOrderStatusProps {
-    order: Order;
+    order: components["schemas"]["Order"];
 }
 export declare function WebviewOnrampOrderStatus({ order }: WebviewOnrampOrderStatusProps): import("react/jsx-runtime").JSX.Element;
 export {};