@b3dotfun/sdk 0.0.7-alpha.12 → 0.0.7-alpha.14

package/dist/cjs/anyspend/react/components/AnySpendStakeB3.js

@@ -22,7 +22,7 @@ const SolIcon_1 = require("./icons/SolIcon");
 const USDCIcon_1 = require("./icons/USDCIcon");
 const basePublicClient = (0, viem_1.createPublicClient)({
     chain: chains_1.base,
-    transport: (0, viem_1.http)()
+    transport: (0, viem_1.http)(),
 });
 const ERC20Staking = "0xbf04200be3cbf371467a539706393c81c470f523";
 function generateEncodedDataForStakingB3(amount, beneficiary) {
@@ -30,16 +30,16 @@ function generateEncodedDataForStakingB3(amount, beneficiary) {
     const encodedData = (0, viem_1.encodeFunctionData)({
         abi: anyspend_1.ABI_ERC20_STAKING,
         functionName: "stake",
-        args: [BigInt(amount), beneficiary]
+        args: [BigInt(amount), beneficiary],
     });
     return encodedData;
 }
-function AnySpendStakeB3({ isMainnet = true, loadOrder, mode = "modal", recipientAddress, stakeAmount, onSuccess }) {
+function AnySpendStakeB3({ isMainnet = true, loadOrder, mode = "modal", recipientAddress, stakeAmount, onSuccess, }) {
     const hasMounted = (0, react_1.useHasMounted)();
     const { setB3ModalOpen } = (0, react_1.useModalStore)();
     // Fetch B3 token balance
-    const { formattedBalance: b3Balance, isLoading: isBalanceLoading, rawBalance: b3RawBalance } = (0, react_1.useTokenBalance)({
-        token: anyspend_1.B3_TOKEN
+    const { formattedBalance: b3Balance, isLoading: isBalanceLoading, rawBalance: b3RawBalance, } = (0, react_1.useTokenBalance)({
+        token: anyspend_1.B3_TOKEN,
     });
     // Wagmi hooks for direct staking
     const { address } = (0, wagmi_1.useAccount)();
@@ -53,8 +53,8 @@ function AnySpendStakeB3({ isMainnet = true, loadOrder, mode = "modal", recipien
     const { isLoading: isTxPending, isSuccess: isTxSuccess } = (0, wagmi_1.useWaitForTransactionReceipt)({
         hash: stakingTxHash,
         query: {
-            structuralSharing: false // Disable to avoid BigInt serialization issues
-        }
+            structuralSharing: false, // Disable to avoid BigInt serialization issues
+        },
     });
     // Show success modal when transaction is confirmed
     (0, react_2.useEffect)(() => {
@@ -154,7 +154,7 @@ function AnySpendStakeB3({ isMainnet = true, loadOrder, mode = "modal", recipien
                     address: anyspend_1.B3_TOKEN.address,
                     abi: viem_1.erc20Abi,
                     functionName: "allowance",
-                    args: [address, ERC20Staking]
+                    args: [address, ERC20Staking],
                 });
                 // If allowance is insufficient, request approval
                 if (allowance < BigInt(userStakeAmount)) {
@@ -163,7 +163,7 @@ function AnySpendStakeB3({ isMainnet = true, loadOrder, mode = "modal", recipien
                         address: anyspend_1.B3_TOKEN.address,
                         abi: viem_1.erc20Abi,
                         functionName: "approve",
-                        args: [ERC20Staking, BigInt(userStakeAmount)]
+                        args: [ERC20Staking, BigInt(userStakeAmount)],
                     });
                     sonner_1.toast.info("Approval confirmed. Proceeding with stake...");
                 }
@@ -173,7 +173,7 @@ function AnySpendStakeB3({ isMainnet = true, loadOrder, mode = "modal", recipien
                     address: ERC20Staking,
                     abi: anyspend_1.ABI_ERC20_STAKING,
                     functionName: "stake",
-                    args: [BigInt(userStakeAmount), recipientAddress]
+                    args: [BigInt(userStakeAmount), recipientAddress],
                 });
                 setStakingTxHash(stakeHash);
                 sonner_1.toast.success("Staking transaction submitted!");
@@ -214,18 +214,18 @@ function AnySpendStakeB3({ isMainnet = true, loadOrder, mode = "modal", recipien
         return ((0, jsx_runtime_1.jsx)(react_1.StyleRoot, { children: (0, jsx_runtime_1.jsxs)("div", { className: "bg-b3-react-background flex w-full flex-col items-center", children: [(0, jsx_runtime_1.jsxs)("div", { className: "w-full px-4", children: [(0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { initial: false, animate: {
                                     opacity: hasMounted ? 1 : 0,
                                     y: hasMounted ? 0 : 20,
-                                    filter: hasMounted ? "blur(0px)" : "blur(10px)"
+                                    filter: hasMounted ? "blur(0px)" : "blur(10px)",
                                 }, transition: { duration: 0.3, delay: 0, ease: "easeInOut" }, className: "relative mx-auto size-48", children: (0, jsx_runtime_1.jsx)("video", { autoPlay: true, muted: true, playsInline: true, className: "size-full", src: "https://cdn.b3.fun/b3-sphere-to-coin.mp4" }) }), (0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { initial: false, animate: {
                                     opacity: hasMounted ? 1 : 0,
                                     y: hasMounted ? 0 : 20,
-                                    filter: hasMounted ? "blur(0px)" : "blur(10px)"
+                                    filter: hasMounted ? "blur(0px)" : "blur(10px)",
                                 }, transition: { duration: 0.3, delay: 0.1, ease: "easeInOut" }, children: (0, jsx_runtime_1.jsx)("h2", { className: "font-sf-rounded font-neue-montreal-medium mb-1 text-center text-2xl font-semibold", children: (() => {
                                         const hasEnoughBalance = b3RawBalance && BigInt(debouncedUserStakeAmount || "0") <= b3RawBalance;
                                         return hasEnoughBalance || !debouncedAmount ? "Stake B3" : "Swap & Stake B3";
                                     })() }) })] }), (0, jsx_runtime_1.jsxs)(framer_motion_1.motion.div, { initial: false, animate: {
                             opacity: hasMounted ? 1 : 0,
                             y: hasMounted ? 0 : 20,
-                            filter: hasMounted ? "blur(0px)" : "blur(10px)"
+                            filter: hasMounted ? "blur(0px)" : "blur(10px)",
                         }, transition: { duration: 0.3, delay: 0.2, ease: "easeInOut" }, className: "bg-b3-react-background w-full p-6", children: [(0, jsx_runtime_1.jsx)("div", { className: "mb-2", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-as-primary/70 text-sm font-medium", children: "I want to stake" }), (0, jsx_runtime_1.jsxs)("span", { className: "text-as-primary/50 flex items-center gap-1 text-sm", children: ["Available: ", isBalanceLoading ? (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "h-3 w-3 animate-spin" }) : `${b3Balance} B3`] })] }) }), (0, jsx_runtime_1.jsxs)("div", { className: "relative", children: [(0, jsx_runtime_1.jsx)(react_1.Input, { onFocus: onFocusStakeAmountInput, type: "text", placeholder: "0.00", value: displayAmount, onChange: e => validateAndSetAmount(e.target.value), className: `h-14 px-4 text-lg ${!isAmountValid && displayAmount ? "border-as-red" : "border-b3-react-border"}` }), (0, jsx_runtime_1.jsx)("div", { className: "font-pack absolute right-4 top-1/2 -translate-y-1/2 text-lg font-medium text-blue-500/70", children: "B3" })] }), !isAmountValid && displayAmount && (0, jsx_runtime_1.jsx)("p", { className: "text-as-red mt-2 text-sm", children: validationError }), (0, jsx_runtime_1.jsx)("div", { className: "mt-4", children: (() => {
                                     const hasEnoughBalance = b3RawBalance && BigInt(debouncedUserStakeAmount || "0") <= b3RawBalance;
                                     if (!hasEnoughBalance || !debouncedAmount) {
@@ -240,15 +240,15 @@ function AnySpendStakeB3({ isMainnet = true, loadOrder, mode = "modal", recipien
         return ((0, jsx_runtime_1.jsx)(react_1.StyleRoot, { children: (0, jsx_runtime_1.jsxs)("div", { className: "bg-b3-react-background flex w-full flex-col items-center", children: [(0, jsx_runtime_1.jsxs)("div", { className: "w-full p-4", children: [(0, jsx_runtime_1.jsxs)(framer_motion_1.motion.div, { initial: false, animate: {
                                     opacity: hasMounted ? 1 : 0,
                                     y: hasMounted ? 0 : 20,
-                                    filter: hasMounted ? "blur(0px)" : "blur(10px)"
+                                    filter: hasMounted ? "blur(0px)" : "blur(10px)",
                                 }, transition: { duration: 0.3, delay: 0, ease: "easeInOut" }, className: "relative mx-auto mb-4 size-[120px]", children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 scale-95 rounded-[50%] bg-black/30 blur-md" }), (0, jsx_runtime_1.jsxs)(react_1.GlareCardRounded, { className: "overflow-hidden rounded-full border-none", children: [(0, jsx_runtime_1.jsx)("img", { alt: "b3 coin", loading: "lazy", width: "64", height: "64", decoding: "async", "data-nimg": "1", className: "size-full shrink-0 bg-transparent text-transparent", src: "https://cdn.b3.fun/b3-coin-3d.png" }), (0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 rounded-[50%] border border-white/10" })] })] }), (0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { initial: false, animate: {
                                     opacity: hasMounted ? 1 : 0,
                                     y: hasMounted ? 0 : 20,
-                                    filter: hasMounted ? "blur(0px)" : "blur(10px)"
+                                    filter: hasMounted ? "blur(0px)" : "blur(10px)",
                                 }, transition: { duration: 0.3, delay: 0.1, ease: "easeInOut" }, children: (0, jsx_runtime_1.jsxs)("h2", { className: "font-sf-rounded mb-1 text-center text-2xl font-semibold", children: ["Staked ", (0, number_1.formatTokenAmount)(BigInt(userStakeAmount), 18), " B3"] }) })] }), (0, jsx_runtime_1.jsxs)(framer_motion_1.motion.div, { initial: false, animate: {
                             opacity: hasMounted ? 1 : 0,
                             y: hasMounted ? 0 : 20,
-                            filter: hasMounted ? "blur(0px)" : "blur(10px)"
+                            filter: hasMounted ? "blur(0px)" : "blur(10px)",
                         }, transition: { duration: 0.3, delay: 0.2, ease: "easeInOut" }, className: "bg-b3-react-background w-full p-6", children: [(0, jsx_runtime_1.jsx)("div", { className: "mb-6", children: (0, jsx_runtime_1.jsx)("a", { href: `https://basescan.org/tx/${stakingTxHash}`, target: "_blank", rel: "noopener noreferrer", className: "text-as-primary/70 hover:text-as-primary block break-all text-center font-mono text-sm underline transition-colors", children: "View transaction" }) }), (0, jsx_runtime_1.jsx)(react_1.Button, { onClick: () => {
                                     setB3ModalOpen(false);
                                     onSuccess?.();
@@ -257,6 +257,6 @@ function AnySpendStakeB3({ isMainnet = true, loadOrder, mode = "modal", recipien
     const encodedData = generateEncodedDataForStakingB3(userStakeAmount, recipientAddress);
     return ((0, jsx_runtime_1.jsx)(AnySpendCustom_1.AnySpendCustom, { isMainnet: isMainnet, loadOrder: loadOrder, mode: mode, recipientAddress: recipientAddress, orderType: anyspend_1.OrderType.Custom, dstChainId: chains_1.base.id, dstToken: anyspend_1.B3_TOKEN, dstAmount: userStakeAmount, contractAddress: ERC20Staking, encodedData: encodedData, metadata: {
             type: anyspend_1.OrderType.Custom,
-            action: "stake B3"
+            action: "stake B3",
         }, header: header, onSuccess: onSuccess, showRecipient: true }));
 }

package/dist/cjs/anyspend/react/components/AnySpendTournament.js

@@ -8,14 +8,14 @@ const number_1 = require("../../../shared/utils/number");
 const framer_motion_1 = require("framer-motion");
 const AnySpendCustom_1 = require("./AnySpendCustom");
 function AnySpendTournament(props) {
-    const { isMainnet = true, mode = "modal", action, loadOrder, tournamentChainId, tournamentContractAddress, tournamentMetadata, onSuccess } = props;
+    const { isMainnet = true, mode = "modal", action, loadOrder, tournamentChainId, tournamentContractAddress, tournamentMetadata, onSuccess, } = props;
     const dstToken = action === "join" ? props.tournamentEntryToken : props.tournamentFundToken;
     const dstAmount = action === "join" ? props.tournamentEntryFee : props.tournamentFundAmount;
-    const header = ({ anyspendPrice, isLoadingAnyspendPrice }) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "z-10 mt-[-100px] flex h-[270px] w-full items-end justify-center", children: (0, jsx_runtime_1.jsx)("img", { src: "https://cdn.b3.fun/tournament-play.svg", alt: "Tournament Play", className: "h-[200px] w-[360px] object-cover object-center" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "from-b3-react-background to-as-on-surface-1 mt-[-100px] w-full rounded-t-lg bg-gradient-to-t", children: [(0, jsx_runtime_1.jsx)("div", { className: "h-[100px] w-full" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex w-full flex-col items-center gap-1 p-6 pt-0", children: [(0, jsx_runtime_1.jsxs)("span", { className: "font-sf-rounded text-center text-lg font-semibold", children: [action === "join" ? "Pay entry fee to join " : "Pay to fund ", " ", tournamentMetadata.name] }), (0, jsx_runtime_1.jsx)("div", { className: "mt-2 flex w-fit items-center gap-1", children: anyspendPrice ? ((0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, { mode: "wait", children: (0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)("text-as-primary group flex items-center text-2xl font-semibold transition-all", {
-                                            "opacity-0": isLoadingAnyspendPrice
+    const header = ({ anyspendPrice, isLoadingAnyspendPrice, }) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "z-10 mt-[-100px] flex h-[270px] w-full items-end justify-center", children: (0, jsx_runtime_1.jsx)("img", { src: "https://cdn.b3.fun/tournament-play.svg", alt: "Tournament Play", className: "h-[200px] w-[360px] object-cover object-center" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "from-b3-react-background to-as-on-surface-1 mt-[-100px] w-full rounded-t-lg bg-gradient-to-t", children: [(0, jsx_runtime_1.jsx)("div", { className: "h-[100px] w-full" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex w-full flex-col items-center gap-1 p-6 pt-0", children: [(0, jsx_runtime_1.jsxs)("span", { className: "font-sf-rounded text-center text-lg font-semibold", children: [action === "join" ? "Pay entry fee to join " : "Pay to fund ", " ", tournamentMetadata.name] }), (0, jsx_runtime_1.jsx)("div", { className: "mt-2 flex w-fit items-center gap-1", children: anyspendPrice ? ((0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, { mode: "wait", children: (0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)("text-as-primary group flex items-center text-2xl font-semibold transition-all", {
+                                            "opacity-0": isLoadingAnyspendPrice,
                                         }), children: [(0, number_1.formatDisplayNumber)(anyspendPrice?.data?.currencyIn?.amountUsd, { style: "currency" }), " (", (0, number_1.formatTokenAmount)(BigInt(dstAmount), dstToken.decimals, 6, true), " ", dstToken.symbol, ")"] }) })) : ((0, jsx_runtime_1.jsx)("div", { className: "h-[32px] w-full" })) })] })] })] }));
     return ((0, jsx_runtime_1.jsx)(AnySpendCustom_1.AnySpendCustom, { isMainnet: isMainnet, loadOrder: loadOrder, mode: mode, recipientAddress: action === "join" ? props.joinFor : undefined, orderType: action === "join" ? anyspend_1.OrderType.JoinTournament : anyspend_1.OrderType.FundTournament, dstChainId: tournamentChainId, dstToken: dstToken, dstAmount: dstAmount, contractAddress: tournamentContractAddress, encodedData: "0x", metadata: {
             type: action === "join" ? anyspend_1.OrderType.JoinTournament : anyspend_1.OrderType.FundTournament,
-            tournament: tournamentMetadata
+            tournament: tournamentMetadata,
         }, header: header, onSuccess: onSuccess, showRecipient: action === "join" }));
 }

package/dist/cjs/anyspend/react/components/common/ChainTokenIcon.d.ts

@@ -1,4 +1,4 @@
-export declare function ChainTokenIcon({ chainUrl, tokenUrl, className }: {
+export declare function ChainTokenIcon({ chainUrl, tokenUrl, className, }: {
     chainUrl: string;
     tokenUrl: string;
     className?: string;

package/dist/cjs/anyspend/react/components/common/ChainTokenIcon.js

@@ -2,6 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ChainTokenIcon = ChainTokenIcon;
 const jsx_runtime_1 = require("react/jsx-runtime");
-function ChainTokenIcon({ chainUrl, tokenUrl, className = "" }) {
+function ChainTokenIcon({ chainUrl, tokenUrl, className = "", }) {
     return ((0, jsx_runtime_1.jsxs)("div", { className: `relative ${className}`, children: [(0, jsx_runtime_1.jsx)("img", { src: tokenUrl, alt: "Token", className: "h-full w-full rounded-full" }), (0, jsx_runtime_1.jsx)("div", { className: "bg-as-on-surface-1 border-as-stroke absolute bottom-0 right-0 h-[45%] w-[45%] rounded border", children: (0, jsx_runtime_1.jsx)("img", { src: chainUrl, alt: "Chain", className: "h-full w-full rounded" }) })] }));
 }

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

@@ -25,7 +25,7 @@ const chains_1 = require("viem/chains");
 const wagmi_1 = require("wagmi");
 const PaymentVendorUI_1 = __importDefault(require("./PaymentVendorUI"));
 // Add this helper function near the top or just above the component
-function getOrderSuccessText({ order, tournament, formattedActualDstAmount, dstToken, recipientName, centerTruncate }) {
+function getOrderSuccessText({ order, tournament, formattedActualDstAmount, dstToken, recipientName, centerTruncate, }) {
     const recipient = recipientName || centerTruncate(order.recipientAddress, 8);
     let actionText = "";
     switch (order.type) {
@@ -120,7 +120,7 @@ function roundTokenAmount(amount) {
     const roundedDecimalPart = digits.join("");
     return `${wholePart}.${roundedDecimalPart}`;
 }
-exports.OrderDetails = (0, react_4.memo)(function OrderDetails({ isMainnet, mode = "modal", order, depositTxs, relayTx, executeTx, refundTxs, onBack }) {
+exports.OrderDetails = (0, react_4.memo)(function OrderDetails({ isMainnet, mode = "modal", order, depositTxs, relayTx, executeTx, refundTxs, onBack, }) {
     const router = (0, navigation_1.useRouter)();
     const searchParams = (0, navigation_1.useSearchParams)();
     const setB3ModalOpen = (0, react_1.useModalStore)(state => state.setB3ModalOpen);
@@ -200,7 +200,7 @@ exports.OrderDetails = (0, react_4.memo)(function OrderDetails({ isMainnet, mode
                 account: signer,
                 chain: anyspend_1.EVM_CHAINS[order.srcChain].viem,
                 to: order.globalAddress,
-                value: BigInt(order.srcAmount)
+                value: BigInt(order.srcAmount),
             });
             setTxHash(hash);
         }
@@ -211,7 +211,7 @@ exports.OrderDetails = (0, react_4.memo)(function OrderDetails({ isMainnet, mode
                 address: order.srcTokenAddress,
                 abi: viem_1.erc20Abi,
                 functionName: "transfer",
-                args: [order.globalAddress, BigInt(order.srcAmount)]
+                args: [order.globalAddress, BigInt(order.srcAmount)],
             });
             setTxHash(hash);
         }
@@ -296,7 +296,7 @@ exports.OrderDetails = (0, react_4.memo)(function OrderDetails({ isMainnet, mode
                                     formattedActualDstAmount: formattedActualDstAmount,
                                     dstToken,
                                     recipientName,
-                                    centerTruncate: centerTruncate_1.default
+                                    centerTruncate: centerTruncate_1.default,
                                 }), (0, jsx_runtime_1.jsx)(lucide_react_1.ExternalLink, { className: "ml-2 h-4 w-4" })] }) }) }), order.type === anyspend_1.OrderType.JoinTournament && order.status === anyspend_1.OrderStatus.Executed && ((0, jsx_runtime_1.jsxs)(react_1.ShinyButton, { accentColor: "hsl(var(--as-brand))", textColor: "text-white", className: "flex w-full items-center gap-2", disabled: txLoading || isSwitchingOrExecuting, onClick: () => setB3ModalOpen(false), children: [(0, jsx_runtime_1.jsx)("span", { className: "pl-4", children: "Continue to Tournament" }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { className: "h-4 w-4" })] })), order.status === anyspend_1.OrderStatus.Executed && ((0, jsx_runtime_1.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" ? onBack : () => setB3ModalOpen(false), children: mode === "page" ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Return to Home ", (0, jsx_runtime_1.jsx)(lucide_react_1.Home, { className: "ml-2 h-4 w-4" })] })) : ("Close") }))] }));
     }
     if (relayTx && relayTx.status === "success") {
@@ -324,7 +324,7 @@ exports.OrderDetails = (0, react_4.memo)(function OrderDetails({ isMainnet, mode
                                     formattedActualDstAmount,
                                     dstToken,
                                     recipientName,
-                                    centerTruncate: centerTruncate_1.default
+                                    centerTruncate: centerTruncate_1.default,
                                 }), (0, jsx_runtime_1.jsx)(lucide_react_1.ExternalLink, { className: "ml-2 h-4 w-4" })] }) }) }), order.type === anyspend_1.OrderType.JoinTournament && order.status === anyspend_1.OrderStatus.Executed && ((0, jsx_runtime_1.jsxs)(react_1.ShinyButton, { accentColor: "hsl(var(--as-brand))", textColor: "text-white", className: "flex w-full items-center gap-2", disabled: txLoading || isSwitchingOrExecuting, onClick: () => setB3ModalOpen(false), children: [(0, jsx_runtime_1.jsx)("span", { className: "pl-4", children: "Continue to Tournament" }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { className: "h-4 w-4" })] })), order.status === anyspend_1.OrderStatus.Executed && ((0, jsx_runtime_1.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" ? onBack : () => setB3ModalOpen(false), children: mode === "page" ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Return to Home ", (0, jsx_runtime_1.jsx)(lucide_react_1.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)
@@ -352,7 +352,7 @@ exports.OrderDetails = (0, react_4.memo)(function OrderDetails({ isMainnet, mode
                                                     .share({
                                                     title: "Complete Deposit",
                                                     text: "Complete your deposit on BSMNT.fun",
-                                                    url: permalink
+                                                    url: permalink,
                                                 })
                                                     .catch(error => console.log("Error sharing:", error));
                                             }
@@ -373,9 +373,9 @@ exports.OrderDetails = (0, react_4.memo)(function OrderDetails({ isMainnet, mode
                                                 sonner_1.toast.success("Copied recipient address to clipboard");
                                             }, children: (0, jsx_runtime_1.jsxs)("div", { className: "text-as-primary flex items-center gap-2", children: [(0, centerTruncate_1.default)(order.recipientAddress, 10), (0, jsx_runtime_1.jsx)(lucide_react_1.Copy, { className: "text-as-primary/50 hover:text-as-primary h-4 w-4 cursor-pointer transition-all duration-200" })] }) })] })] })] }) })) : ((0, jsx_runtime_1.jsxs)("div", { className: "flex w-full items-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "divider w-full" }), (0, jsx_runtime_1.jsx)("button", { className: "whitespace-nowrap text-sm", onClick: () => setShowOrderDetails(true), children: "Order Details" }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { className: "text-as-primary mx-1 h-4 min-h-4 w-4 min-w-4" }), (0, jsx_runtime_1.jsx)("div", { className: "divider w-full" })] })), (0, jsx_runtime_1.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: onBack, children: ["Cancel and start over ", (0, jsx_runtime_1.jsx)(lucide_react_1.RefreshCcw, { className: "ml-2 h-4 w-4" })] })] }));
 });
-function TransactionDetails({ title, chainId, tx, isProcessing, delay }) {
+function TransactionDetails({ title, chainId, tx, isProcessing, delay, }) {
     return ((0, jsx_runtime_1.jsxs)("div", { className: "relative flex w-full flex-1 items-center justify-between gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex grow items-center gap-4", children: [(0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { className: "bg-b3-react-background relative h-10 w-10 rounded-full", children: isProcessing ? ((0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { initial: { opacity: 0, scale: 0.3 }, animate: { opacity: 1, scale: 1 }, transition: { duration: 0.5, ease: "easeInOut", delay }, className: "absolute z-10 m-2 flex h-6 w-6 items-center justify-center rounded-full bg-black/70 shadow-lg backdrop-blur-sm", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "text-as-primary h-4 w-4 animate-spin" }) })) : ((0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { initial: { opacity: 0, scale: 0.3 }, animate: { opacity: 1, scale: 1 }, transition: { duration: 0.5, ease: "easeOut", delay }, className: "bg-as-brand/70 absolute z-10 m-2 flex h-6 w-6 items-center justify-center rounded-full border border-white/30 shadow-lg shadow-purple-500/30 backdrop-blur-sm", style: {
-                                boxShadow: "0 0 15px 5px rgba(138, 43, 226, 0.2)"
+                                boxShadow: "0 0 15px 5px rgba(138, 43, 226, 0.2)",
                             }, children: (0, jsx_runtime_1.jsx)(lucide_react_1.CheckIcon, { className: "text-as-primary h-3 w-3" }) })) }), (0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, transition: { duration: 0.3, ease: "easeInOut", delay }, className: "shrink-0 text-base", children: isProcessing ? ((0, jsx_runtime_1.jsx)(react_1.TextShimmer, { duration: 1, children: title })) : ((0, jsx_runtime_1.jsx)("span", { className: "text-as-primary", children: title })) })] }), (0, jsx_runtime_1.jsx)("div", { className: "flex flex-col gap-1", children: tx ? ((0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, transition: { duration: 0.3, ease: "easeInOut", delay: (delay || 0) + 0.3 }, className: "flex items-center gap-3", children: (0, jsx_runtime_1.jsx)("a", { href: (0, anyspend_1.getExplorerTxUrl)(chainId, tx.txHash), target: "_blank", children: (0, jsx_runtime_1.jsx)("div", { className: "text-as-primary/30 font-mono text-xs", children: (0, centerTruncate_1.default)(tx?.txHash, 6) }) }) })) : null })] }));
 }
 exports.OrderDetailsLoadingView = ((0, jsx_runtime_1.jsxs)("div", { className: "mx-auto flex w-[460px] max-w-full flex-col items-center gap-4", children: [(0, jsx_runtime_1.jsxs)(react_1.Badge, { variant: "default", className: "hover:bg-b3-react-background flex items-center gap-3 border-white/20 bg-white/10 px-4 py-1 text-base transition-colors", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "text-as-primary h-4 w-4 animate-spin" }), (0, jsx_runtime_1.jsx)(react_1.TextShimmer, { duration: 1, className: "font-sf-rounded text-base font-semibold", children: "Loading..." })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex w-full flex-1 flex-col", children: [(0, jsx_runtime_1.jsxs)("div", { className: "mb-4 flex flex-col gap-1", children: [(0, jsx_runtime_1.jsx)(react_1.Skeleton, { className: "h-4 w-24" }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-2 flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(react_1.Skeleton, { className: "h-8 w-48" }), (0, jsx_runtime_1.jsx)(react_1.Skeleton, { className: "ml-4 h-8 w-32" })] }), (0, jsx_runtime_1.jsx)(react_1.Skeleton, { className: "mt-4 h-8 w-24" })] }), (0, jsx_runtime_1.jsx)(react_1.Skeleton, { className: "mb-4 h-12 w-full" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex w-full items-center justify-between gap-4", children: [(0, jsx_runtime_1.jsxs)(react_1.Skeleton, { className: "rounded-lg p-6 pb-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "h-[200px] w-[200px]" }), (0, jsx_runtime_1.jsx)("div", { className: "mt-3 flex items-center justify-center gap-2", children: (0, jsx_runtime_1.jsx)("div", { className: "h-5 w-5 rounded-full" }) })] }), (0, jsx_runtime_1.jsx)("div", { className: "flex flex-1 flex-col gap-2", children: [1, 2, 3].map(i => ((0, jsx_runtime_1.jsx)(react_1.Skeleton, { className: "h-10 w-full" }, i))) })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-b3-react-background mt-8 w-full rounded-lg p-4", children: [(0, jsx_runtime_1.jsx)(react_1.Skeleton, { className: "mb-3 h-4 w-48" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-4", children: [(0, jsx_runtime_1.jsx)(react_1.Skeleton, { className: "h-10 flex-1" }), (0, jsx_runtime_1.jsx)(react_1.Skeleton, { className: "h-10 flex-1" })] })] }), (0, jsx_runtime_1.jsx)(react_1.Skeleton, { className: "h-10 w-full" })] }));

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

@@ -1,5 +1,5 @@
 import { Token } from "../../../../anyspend";
-export declare function OrderToken({ context, address, chainId, setChainId, token, setToken, requiredAmount, tokenSelectClassName }: {
+export declare function OrderToken({ context, address, chainId, setChainId, token, setToken, requiredAmount, tokenSelectClassName, }: {
     context: "from" | "to";
     address: string | undefined;
     token: Token;

package/dist/cjs/anyspend/react/components/common/OrderToken.js

@@ -12,13 +12,13 @@ const relay_kit_ui_1 = require("@reservoir0x/relay-kit-ui");
 const lucide_react_1 = require("lucide-react");
 const react_2 = require("react");
 const ChainTokenIcon_1 = require("./ChainTokenIcon");
-function OrderToken({ context, address, chainId, setChainId, token, setToken, requiredAmount, tokenSelectClassName }) {
+function OrderToken({ context, address, chainId, setChainId, token, setToken, requiredAmount, tokenSelectClassName, }) {
     const { wallet } = (0, react_1.useAccountWallet)();
     const chainName = (0, react_2.useMemo)(() => (0, simplehash_1.simpleHashChainToChainName)(chainId), [chainId]);
     const { nativeTokens, fungibleTokens } = (0, react_1.useTokenBalancesByChain)({
         address: wallet?.address || "",
         chainsIds: [chainId],
-        enabled: !!wallet?.address && !!chainName
+        enabled: !!wallet?.address && !!chainName,
     });
     const { formattedBalance, hasEnoughBalance } = (0, react_2.useMemo)(() => {
         // Get balance for the selected token
@@ -40,7 +40,7 @@ function OrderToken({ context, address, chainId, setChainId, token, setToken, re
         const formattedBalance = balance ? (0, number_1.formatTokenAmount)(balance, token.decimals, 6, false) : null;
         return {
             formattedBalance,
-            hasEnoughBalance
+            hasEnoughBalance,
         };
     }, [chainId, fungibleTokens, nativeTokens, requiredAmount, token, wallet?.address]);
     return ((0, jsx_runtime_1.jsx)(relay_kit_ui_1.TokenSelector, { address: address, chainIdsFilter: Object.values(anyspend_1.ALL_CHAINS).map(chain => chain.id), context: context, fromChainWalletVMSupported: true, isValidAddress: true, lockedChainIds: Object.values(anyspend_1.ALL_CHAINS).map(chain => chain.id), multiWalletSupportEnabled: true, onAnalyticEvent: undefined, popularChainIds: [1, 8453, anyspend_1.RELAY_SOLANA_MAINNET_CHAIN_ID], restrictedToken: undefined, setToken: token => {
@@ -51,7 +51,7 @@ function OrderToken({ context, address, chainId, setChainId, token, setToken, re
                 decimals: token.decimals,
                 metadata: { logoURI: token.logoURI },
                 name: token.name,
-                symbol: token.symbol
+                symbol: token.symbol,
             });
         }, supportedWalletVMs: ["evm", "svm"], token: undefined, trigger: (0, jsx_runtime_1.jsxs)(react_1.Button, { variant: "outline", role: "combobox", className: (0, utils_1.cn)("bg-b3-react-background border-as-stroke flex h-auto w-fit shrink-0 items-center justify-center gap-2 rounded-xl border-2 px-2 py-1 pr-2 text-center", tokenSelectClassName), children: [token.metadata.logoURI ? ((0, jsx_runtime_1.jsx)(ChainTokenIcon_1.ChainTokenIcon, { chainUrl: anyspend_1.ALL_CHAINS[chainId].logoUrl, tokenUrl: token.metadata.logoURI, className: "h-8 min-h-8 w-8 min-w-8" })) : ((0, jsx_runtime_1.jsx)("div", { className: "h-8 w-8 rounded-full bg-gray-700" })), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-start gap-0", children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-as-primary font-semibold", children: [token.symbol, " on ", anyspend_1.ALL_CHAINS[chainId].name] }), formattedBalance && ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1", children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-as-primary/50 text-xs", children: [formattedBalance || "--", " ", token.symbol] }), hasEnoughBalance && (0, jsx_runtime_1.jsx)(lucide_react_1.CheckCircle2, { className: "text-as-brand -mt-0.5 h-4 w-4" })] }))] }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronsUpDown, { className: "h-4 w-4 shrink-0 opacity-70" })] }) }, undefined));
 }

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

@@ -1,5 +1,5 @@
 import { Token } from "../../../../anyspend";
-export declare function OrderTokenAmount({ disabled, inputValue, onChangeInput, context, address, chainId, setChainId, token, setToken, hideTokenSelect, canEditAmount, className, innerClassName, amountClassName, tokenSelectClassName }: {
+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;

package/dist/cjs/anyspend/react/components/common/OrderTokenAmount.js

@@ -11,7 +11,7 @@ const react_2 = require("../../../../global-account/react");
 const utils_1 = require("../../../../shared/utils");
 const relay_kit_ui_1 = require("@reservoir0x/relay-kit-ui");
 const ChainTokenIcon_1 = require("./ChainTokenIcon");
-function OrderTokenAmount({ disabled, inputValue, onChangeInput, context, address, chainId, setChainId, token, setToken, hideTokenSelect = false, canEditAmount = true, className, innerClassName, amountClassName, tokenSelectClassName }) {
+function OrderTokenAmount({ disabled, inputValue, onChangeInput, context, address, chainId, setChainId, token, setToken, hideTokenSelect = false, canEditAmount = true, className, innerClassName, amountClassName, tokenSelectClassName, }) {
     // Track previous token to detect changes
     const prevTokenRef = (0, react_1.useRef)(token.address);
     (0, react_1.useEffect)(() => {
@@ -39,7 +39,7 @@ function OrderTokenAmount({ disabled, inputValue, onChangeInput, context, addres
             decimals: newToken.decimals,
             metadata: { logoURI: newToken.logoURI },
             name: newToken.name,
-            symbol: newToken.symbol
+            symbol: newToken.symbol,
         });
         // If this is the source token, reset the amount immediately
         if (context === "from") {

package/dist/cjs/anyspend/react/components/common/PanelOnramp.d.ts

@@ -1,4 +1,4 @@
-export declare function PanelOnramp({ srcAmountOnRamp, setSrcAmountOnRamp }: {
+export declare function PanelOnramp({ srcAmountOnRamp, setSrcAmountOnRamp, }: {
     srcAmountOnRamp: string;
     setSrcAmountOnRamp: (amount: string) => void;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/anyspend/react/components/common/PanelOnramp.js

@@ -8,7 +8,7 @@ const framer_motion_1 = require("framer-motion");
 const react_2 = require("react");
 const sonner_1 = require("sonner");
 const PaymentOptions_1 = require("./PaymentOptions");
-function PanelOnramp({ srcAmountOnRamp, setSrcAmountOnRamp }) {
+function PanelOnramp({ srcAmountOnRamp, setSrcAmountOnRamp, }) {
     // Get geo data for onramp availability
     const { geoData } = (0, react_1.useGetGeo)();
     const { coinbaseOnrampOptions } = (0, anyspend_1.useCoinbaseOnrampOptions)(true, geoData?.country || "US");
@@ -35,7 +35,7 @@ function PanelOnramp({ srcAmountOnRamp, setSrcAmountOnRamp }) {
                             : 25000) ? ((0, jsx_runtime_1.jsxs)("p", { className: "label-style -mb-3 mt-3 text-xs text-red-400 dark:bg-transparent", children: ["Maximum amount is $", coinbaseOnrampOptions?.paymentCurrencies?.[0]?.limits?.find(l => l.id === "ACH_BANK_ACCOUNT")?.max ||
                                 "25,000"] })) : ((0, jsx_runtime_1.jsx)("p", { className: "label-style text-b3-react-foreground/60 -mb-3 mt-3 text-xs dark:bg-transparent", children: "Buy amount in USD" })), (0, jsx_runtime_1.jsxs)("div", { className: "relative inline-flex items-center dark:bg-transparent", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-b3-react-foreground/60 -ms-3 -mt-2 text-2xl font-semibold dark:bg-transparent", children: "$" }), (0, jsx_runtime_1.jsx)(react_1.Input, { ref: amountInputRef, type: "text", value: srcAmountOnRamp, onChange: handleAmountChange, placeholder: "0.00", className: "placeholder:text-b3-react-foreground/60 h-auto min-w-[70px] border-0 bg-transparent py-6 text-center text-4xl font-semibold focus-visible:ring-0 focus-visible:ring-offset-0 dark:bg-transparent", style: {
                                     width: `${Math.max(50, srcAmountOnRamp.length * 34)}px`,
-                                    minWidth: srcAmountOnRamp ? `auto` : "105px"
+                                    minWidth: srcAmountOnRamp ? `auto` : "105px",
                                 } }), (0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, { mode: "wait", children: (0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { animate: { opacity: !srcAmountOnRamp || parseFloat(srcAmountOnRamp) <= 0 ? 1 : 0 }, exit: { opacity: 0 }, transition: { duration: 0.5, ease: "easeInOut" }, className: "border-b3-react-foreground/10 absolute bottom-3 left-1 h-1 w-[90%] rounded-full border-t-2 border-dashed bg-transparent" }) })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-4 gap-4", children: ["5", "10", "25", "100"].map(value => ((0, jsx_runtime_1.jsxs)("button", { onClick: () => handleQuickAmount(value), className: `rounded-lg border px-4 py-3 ${srcAmountOnRamp === value
                         ? "border-as-brand bg-as-brand/30"
                         : "border-as-stroke hover:border-as-brand hover:bg-as-brand/30"} transition-all duration-200`, children: ["$", value] }, value))) })] }));

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

@@ -25,5 +25,5 @@ interface PanelOnrampPaymentProps {
     recipientEnsName?: string;
     recipientImageUrl?: string;
 }
-export declare function PanelOnrampPayment({ srcAmountOnRamp, recipientAddress, isMainnet, isBuyMode, destinationTokenChainId, destinationTokenAddress, selectedDstChainId, selectedDstToken, anyspendQuote, globalAddress, onOrderCreated, onBack, orderType, nft, tournament, payload, recipientEnsName, recipientImageUrl }: PanelOnrampPaymentProps): import("react/jsx-runtime").JSX.Element;
+export declare function PanelOnrampPayment({ srcAmountOnRamp, recipientAddress, isMainnet, isBuyMode, destinationTokenChainId, destinationTokenAddress, selectedDstChainId, selectedDstToken, anyspendQuote, globalAddress, onOrderCreated, onBack, orderType, nft, tournament, payload, recipientEnsName, recipientImageUrl, }: PanelOnrampPaymentProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -15,7 +15,7 @@ const react_2 = require("react");
 const sonner_1 = require("sonner");
 function PanelOnrampPayment({ srcAmountOnRamp, 
 // recipientName,
-recipientAddress, isMainnet, isBuyMode, destinationTokenChainId, destinationTokenAddress, selectedDstChainId, selectedDstToken, anyspendQuote, globalAddress, onOrderCreated, onBack, orderType, nft, tournament, payload, recipientEnsName, recipientImageUrl }) {
+recipientAddress, isMainnet, isBuyMode, destinationTokenChainId, destinationTokenAddress, selectedDstChainId, selectedDstToken, anyspendQuote, globalAddress, onOrderCreated, onBack, orderType, nft, tournament, payload, recipientEnsName, recipientImageUrl, }) {
     // Use a stable amount for geo onramp options to prevent unnecessary refetches
     const [stableAmountForGeo, setStableAmountForGeo] = (0, react_2.useState)(srcAmountOnRamp);
     const hasInitialized = (0, react_2.useRef)(false);
@@ -26,7 +26,7 @@ recipientAddress, isMainnet, isBuyMode, destinationTokenChainId, destinationToke
             hasInitialized.current = true;
         }
     }, [srcAmountOnRamp]);
-    const { geoData, coinbaseOnrampOptions, coinbaseAvailablePaymentMethods, isStripeOnrampSupported, isStripeWeb2Supported, isLoading: isLoadingGeoOnramp } = (0, anyspend_1.useGeoOnrampOptions)(isMainnet, stableAmountForGeo);
+    const { geoData, coinbaseOnrampOptions, coinbaseAvailablePaymentMethods, isStripeOnrampSupported, isStripeWeb2Supported, isLoading: isLoadingGeoOnramp, } = (0, anyspend_1.useGeoOnrampOptions)(isMainnet, stableAmountForGeo);
     const { createOrder, isCreatingOrder } = (0, anyspend_1.useAnyspendCreateOnrampOrder)({
         onSuccess: data => {
             const orderId = data.data.id;
@@ -35,7 +35,7 @@ recipientAddress, isMainnet, isBuyMode, destinationTokenChainId, destinationToke
         onError: error => {
             console.error(error);
             sonner_1.toast.error("Failed to create order: " + error.message);
-        }
+        },
     });
     const handlePaymentMethodClick = async (vendor, paymentMethod) => {
         try {
@@ -69,7 +69,7 @@ recipientAddress, isMainnet, isBuyMode, destinationTokenChainId, destinationToke
                     return {
                         ...selectedDstToken,
                         chainId: destinationTokenChainId || selectedDstChainId,
-                        address: destinationTokenAddress
+                        address: destinationTokenAddress,
                     };
                 }
                 return selectedDstToken;
@@ -86,13 +86,13 @@ recipientAddress, isMainnet, isBuyMode, destinationTokenChainId, destinationToke
                     paymentMethod: paymentMethod || "",
                     country: geoData?.country || "US",
                     ipAddress: geoData?.ip,
-                    redirectUrl: window.location.origin === "https://basement.fun" ? "https://basement.fun/deposit" : window.location.origin
+                    redirectUrl: window.location.origin === "https://basement.fun" ? "https://basement.fun/deposit" : window.location.origin,
                 },
                 expectedDstAmount: anyspendQuote?.data?.currencyOut?.amount?.toString() || "0",
                 creatorAddress: globalAddress,
                 nft,
                 tournament,
-                payload
+                payload,
             });
         }
         catch (err) {
@@ -103,7 +103,7 @@ recipientAddress, isMainnet, isBuyMode, destinationTokenChainId, destinationToke
     return ((0, jsx_runtime_1.jsxs)("div", { className: "mx-auto flex w-full max-w-[460px] flex-col gap-6", children: [(0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("h2", { className: "-mb-3 text-lg font-semibold", children: "Order summary" }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-b3-react-background border-b3-react-border flex flex-col gap-3 rounded-lg border p-4", children: [recipientAddress && ((0, jsx_runtime_1.jsxs)(framer_motion_1.motion.div, { initial: false, animate: {
                                     opacity: 1,
                                     y: 0,
-                                    filter: "blur(0px)"
+                                    filter: "blur(0px)",
                                 }, transition: { duration: 0.3, delay: 0.2, ease: "easeInOut" }, className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-b3-react-foreground/60", children: orderType === anyspend_1.OrderType.Swap
                                             ? "Recipient"
                                             : orderType === anyspend_1.OrderType.MintNFT

package/dist/cjs/anyspend/react/components/common/PaymentMethodIcons.js

@@ -9,7 +9,7 @@ function PaymentMethodIcons() {
         { name: "Mastercard", src: constants_1.PAYMENT_METHOD_ICONS.mastercard },
         { name: "Amex", src: constants_1.PAYMENT_METHOD_ICONS.amex },
         { name: "Apple Pay", src: constants_1.PAYMENT_METHOD_ICONS.applePay },
-        { name: "Google Pay", src: constants_1.PAYMENT_METHOD_ICONS.googlePay }
+        { name: "Google Pay", src: constants_1.PAYMENT_METHOD_ICONS.googlePay },
     ];
     return ((0, jsx_runtime_1.jsxs)("div", { className: "mt-6 flex w-full flex-col items-center gap-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-as-primary/30 text-xs", children: "Supported payment methods" }), (0, jsx_runtime_1.jsx)("div", { className: "flex items-center gap-3", children: paymentMethods.map(method => ((0, jsx_runtime_1.jsx)("img", { src: method.src, alt: method.name, className: "h-6 opacity-70" }, method.name))) })] }));
 }

package/dist/cjs/anyspend/react/components/common/PaymentOneClick.js

@@ -16,12 +16,12 @@ function PaymentOneClick({ order }) {
     const howItWorksSteps = [
         {
             number: 1,
-            description: `Click the link above to pay with ${paymentDescription}`
+            description: `Click the link above to pay with ${paymentDescription}`,
         },
         {
             number: 2,
-            description: `After payment, you'll be redirected back here, where we continue to execute the order.`
-        }
+            description: `After payment, you'll be redirected back here, where we continue to execute the order.`,
+        },
     ];
     return ((0, jsx_runtime_1.jsxs)("div", { className: "relative my-8 flex w-full flex-1 flex-col items-center justify-center", children: [(0, jsx_runtime_1.jsx)("a", { href: order.oneClickBuyUrl || "", target: "_blank", className: "w-4/5", children: (0, jsx_runtime_1.jsx)(react_1.ShinyButton, { accentColor: "hsl(var(--as-brand))", className: "relative w-full py-6", children: (0, jsx_runtime_1.jsxs)("div", { className: "relative z-10 flex items-center justify-center gap-3", children: [(0, jsx_runtime_1.jsxs)("span", { className: "text-lg font-medium text-white", children: ["Continue to ", vendorName] }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { className: "h-5 w-5 text-white/90" })] }) }) }), (0, jsx_runtime_1.jsx)(HowItWorks_1.default, { steps: howItWorksSteps })] }));
 }

package/dist/cjs/anyspend/react/components/common/PaymentStripeWeb2.js

@@ -27,7 +27,7 @@ function PaymentStripeWeb2({ isMainnet, order, onPaymentSuccess }) {
     }
     return ((0, jsx_runtime_1.jsx)(react_stripe_js_1.Elements, { stripe: stripePromise, options: {
             clientSecret: clientSecret || undefined,
-            appearance: { theme: theme === "light" ? "stripe" : "night" }
+            appearance: { theme: theme === "light" ? "stripe" : "night" },
         }, children: (0, jsx_runtime_1.jsx)(StripePaymentForm, { order: order, clientSecret: clientSecret, onPaymentSuccess: onPaymentSuccess }) }));
 }
 function StripeLoadingState() {
@@ -36,7 +36,7 @@ function StripeLoadingState() {
 function StripeErrorState({ error }) {
     return ((0, jsx_runtime_1.jsx)("div", { className: "relative my-8 flex w-full flex-1 flex-col items-center justify-center", children: (0, jsx_runtime_1.jsxs)("div", { className: "bg-as-red/10 border-as-red/20 flex w-full items-center gap-3 rounded-2xl border p-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "bg-as-red flex h-6 w-6 shrink-0 items-center justify-center rounded-full", children: (0, jsx_runtime_1.jsx)("svg", { className: "h-4 w-4 text-white", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) }), (0, jsx_runtime_1.jsxs)("div", { className: "text-as-red text-sm font-medium", children: ["Error: ", error] })] }) }));
 }
-function StripePaymentForm({ order, clientSecret, onPaymentSuccess }) {
+function StripePaymentForm({ order, clientSecret, onPaymentSuccess, }) {
     const stripe = (0, react_stripe_js_1.useStripe)();
     const elements = (0, react_stripe_js_1.useElements)();
     const [loading, setLoading] = (0, react_2.useState)(false);
@@ -79,7 +79,7 @@ function StripePaymentForm({ order, clientSecret, onPaymentSuccess }) {
             console.log("@@stripe-web2-payment:confirming-payment:", JSON.stringify({ orderId: order.id }, null, 2));
             const { error, paymentIntent } = await stripe.confirmPayment({
                 elements,
-                redirect: "if_required"
+                redirect: "if_required",
             });
             if (error) {
                 console.error("@@stripe-web2-payment:error:", JSON.stringify(error, null, 2));
@@ -113,30 +113,30 @@ function StripePaymentForm({ order, clientSecret, onPaymentSuccess }) {
         defaultValues: {
             billingDetails: {
                 name: "",
-                email: ""
-            }
+                email: "",
+            },
         },
         fields: {
-            billingDetails: "auto"
+            billingDetails: "auto",
         },
         wallets: {
             applePay: "auto",
-            googlePay: "auto"
-        }
+            googlePay: "auto",
+        },
     };
     const howItWorksSteps = [
         {
             number: 1,
-            description: "Enter your payment details securely using Stripe's encrypted form"
+            description: "Enter your payment details securely using Stripe's encrypted form",
         },
         {
             number: 2,
-            description: "Your payment is processed instantly and securely through our payment partner"
+            description: "Your payment is processed instantly and securely through our payment partner",
         },
         {
             number: 3,
-            description: "After payment confirmation, your order will be processed and completed automatically"
-        }
+            description: "After payment confirmation, your order will be processed and completed automatically",
+        },
     ];
     return ((0, jsx_runtime_1.jsxs)("div", { className: "relative my-8 flex w-full flex-1 flex-col items-center justify-center", children: [(0, jsx_runtime_1.jsxs)("form", { onSubmit: handleSubmit, className: "w-full space-y-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "bg-as-on-surface-1 w-full rounded-2xl p-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "mb-4 flex items-center justify-between", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "bg-as-brand/20 flex h-8 w-8 shrink-0 items-center justify-center rounded-full", children: (0, jsx_runtime_1.jsx)("svg", { className: "text-as-brand h-4 w-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" }) }) }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-as-primary text-sm font-medium", children: "Secured by Stripe" }), (0, jsx_runtime_1.jsx)("div", { className: "text-as-primary/50 text-xs", children: "End-to-end encrypted payment" })] })] }), (0, jsx_runtime_1.jsxs)("button", { type: "button", onClick: () => setShowHowItWorks(true), className: "text-as-primary/60 hover:text-as-primary flex items-center gap-1 text-xs transition-colors", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.HelpCircle, { className: "h-4 w-4" }), (0, jsx_runtime_1.jsx)("span", { children: "How it works" })] })] }), amount && ((0, jsx_runtime_1.jsxs)("div", { className: "border-as-stroke border-t pt-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-as-primary/50 mb-3 text-sm", children: "Payment Breakdown" }), (() => {
                                         const originalAmount = Number(order.srcAmount) / 10 ** anyspend_1.USDC_BASE.decimals;

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

@@ -1,5 +1,5 @@
 import { Token } from "../../../../anyspend";
-export declare function TokenBalance({ token, walletAddress, onChangeInput }: {
+export declare function TokenBalance({ token, walletAddress, onChangeInput, }: {
     token: Token;
     walletAddress: string | undefined;
     onChangeInput: (value: string) => void;

package/dist/cjs/anyspend/react/components/common/TokenBalance.js

@@ -4,10 +4,10 @@ exports.TokenBalance = TokenBalance;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("../../../../global-account/react");
 const viem_1 = require("viem");
-function TokenBalance({ token, walletAddress, onChangeInput }) {
+function TokenBalance({ token, walletAddress, onChangeInput, }) {
     const { rawBalance, formattedBalance, isLoading } = (0, react_1.useTokenBalance)({
         token,
-        address: walletAddress
+        address: walletAddress,
     });
     const handlePercentageClick = (percentage) => {
         if (!rawBalance)

package/dist/cjs/anyspend/react/components/index.d.ts

@@ -5,6 +5,7 @@ export { AnySpendNFT } from "./AnySpendNFT";
 export { AnySpendNFTButton } from "./AnySpendNFTButton";
 export { AnySpendStakeB3 } from "./AnySpendStakeB3";
 export { AnySpendTournament } from "./AnySpendTournament";
+export { ChainTokenIcon } from "./common/ChainTokenIcon";
 export { OrderDetails } from "./common/OrderDetails";
 export { OrderHistory } from "./common/OrderHistory";
 export { OrderHistoryItem } from "./common/OrderHistoryItem";

package/dist/cjs/anyspend/react/components/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.WebviewOnrampPayment = exports.WebviewOnrampOrderStatus = exports.TokenBalance = exports.OrderTokenAmount = exports.OrderToken = exports.OrderStatus = exports.OrderHistoryItem = exports.OrderHistory = exports.OrderDetails = exports.AnySpendTournament = exports.AnySpendStakeB3 = exports.AnySpendNFTButton = exports.AnySpendNFT = exports.AnySpendCustom = exports.AnySpendBuySpin = exports.AnySpend = void 0;
+exports.WebviewOnrampPayment = exports.WebviewOnrampOrderStatus = exports.TokenBalance = exports.OrderTokenAmount = exports.OrderToken = exports.OrderStatus = exports.OrderHistoryItem = exports.OrderHistory = exports.OrderDetails = exports.ChainTokenIcon = exports.AnySpendTournament = exports.AnySpendStakeB3 = exports.AnySpendNFTButton = exports.AnySpendNFT = exports.AnySpendCustom = exports.AnySpendBuySpin = exports.AnySpend = void 0;
 // Components
 var AnySpend_1 = require("./AnySpend");
 Object.defineProperty(exports, "AnySpend", { enumerable: true, get: function () { return AnySpend_1.AnySpend; } });
@@ -17,6 +17,8 @@ Object.defineProperty(exports, "AnySpendStakeB3", { enumerable: true, get: funct
 var AnySpendTournament_1 = require("./AnySpendTournament");
 Object.defineProperty(exports, "AnySpendTournament", { enumerable: true, get: function () { return AnySpendTournament_1.AnySpendTournament; } });
 // Common Components
+var ChainTokenIcon_1 = require("./common/ChainTokenIcon");
+Object.defineProperty(exports, "ChainTokenIcon", { enumerable: true, get: function () { return ChainTokenIcon_1.ChainTokenIcon; } });
 var OrderDetails_1 = require("./common/OrderDetails");
 Object.defineProperty(exports, "OrderDetails", { enumerable: true, get: function () { return OrderDetails_1.OrderDetails; } });
 var OrderHistory_1 = require("./common/OrderHistory");

package/dist/cjs/anyspend/react/components/modals/EnterRecipientModal.d.ts

@@ -1,4 +1,4 @@
-export declare function EnterRecipientModal({ isOpenPasteRecipientAddress, setIsOpenPasteRecipientAddress, recipientAddress, setRecipientAddress }: {
+export declare function EnterRecipientModal({ isOpenPasteRecipientAddress, setIsOpenPasteRecipientAddress, recipientAddress, setRecipientAddress, }: {
     isOpenPasteRecipientAddress: boolean;
     setIsOpenPasteRecipientAddress: (isOpen: boolean) => void;
     recipientAddress: string | undefined;

package/dist/cjs/anyspend/react/components/modals/EnterRecipientModal.js

@@ -4,7 +4,7 @@ exports.EnterRecipientModal = EnterRecipientModal;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_2 = require("../../../../global-account/react");
-function EnterRecipientModal({ isOpenPasteRecipientAddress, setIsOpenPasteRecipientAddress, recipientAddress, setRecipientAddress }) {
+function EnterRecipientModal({ isOpenPasteRecipientAddress, setIsOpenPasteRecipientAddress, recipientAddress, setRecipientAddress, }) {
     const [modalRecipientAddress, setModalRecipientAddress] = (0, react_1.useState)(recipientAddress || "");
     (0, react_1.useEffect)(() => {
         setModalRecipientAddress(recipientAddress || "");

package/dist/cjs/anyspend/react/components/webview/WebviewOnrampPayment.d.ts

@@ -8,5 +8,5 @@ interface WebviewOnrampPaymentProps {
     onPaymentSuccess: (orderId: string) => void;
     userId?: string;
 }
-export declare function WebviewOnrampPayment({ srcAmountOnRamp, recipientAddress, destinationToken, anyspendQuote, onPaymentSuccess, userId, partnerId }: WebviewOnrampPaymentProps): import("react/jsx-runtime").JSX.Element;
+export declare function WebviewOnrampPayment({ srcAmountOnRamp, recipientAddress, destinationToken, anyspendQuote, onPaymentSuccess, userId, partnerId, }: WebviewOnrampPaymentProps): import("react/jsx-runtime").JSX.Element;
 export {};