@b3dotfun/sdk 0.0.87 → 0.0.88

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

@@ -16,19 +16,26 @@ const lucide_react_1 = require("lucide-react");
 const react_2 = require("motion/react");
 const react_3 = require("react");
 const chains_1 = require("viem/chains");
-exports.OrderDetailsCollapsible = (0, react_3.memo)(function OrderDetailsCollapsible({ order, dstToken, tournament, nft, recipientName, formattedExpectedDstAmount, className, showTotal = false, totalAmount, points, }) {
-    const [showOrderDetails, setShowOrderDetails] = (0, react_3.useState)(true);
+exports.OrderDetailsCollapsible = (0, react_3.memo)(function OrderDetailsCollapsible({ order, dstToken, tournament, nft, recipientName, formattedExpectedDstAmount, className, showTotal = false, totalAmount, points, isOpen, onOpenChange, }) {
+    const [internalOpen, setInternalOpen] = (0, react_3.useState)(true);
+    // Use controlled mode if isOpen is provided, otherwise use internal state
+    const showOrderDetails = isOpen !== undefined ? isOpen : internalOpen;
+    const setShowOrderDetails = onOpenChange || setInternalOpen;
     // Calculate expected amount if not provided
     const expectedDstAmount = order.type === "mint_nft" ||
         order.type === "join_tournament" ||
         order.type === "fund_tournament" ||
-        order.type === "custom"
+        order.type === "custom" ||
+        order.type === "deposit_first"
         ? "0"
         : order.payload.expectedDstAmount.toString();
     const finalFormattedExpectedDstAmount = formattedExpectedDstAmount || (0, number_1.formatTokenAmount)(BigInt(expectedDstAmount), dstToken.decimals);
     return ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("order-details-collapsible bg-as-surface-secondary border-as-border-secondary rounded-xl border px-4 py-2", className), children: showOrderDetails ? ((0, jsx_runtime_1.jsx)(react_2.motion.div, { className: "order-details-expanded 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: (0, jsx_runtime_1.jsxs)("div", { className: "order-details-content flex w-full flex-col items-center gap-3 whitespace-nowrap py-2 text-sm", children: [(0, jsx_runtime_1.jsxs)("div", { className: "order-details-recipient-section flex w-full justify-between gap-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "order-details-recipient-label text-as-tertiarry", children: "Recipient" }), (0, jsx_runtime_1.jsxs)("div", { className: "order-details-recipient-info flex flex-col items-end gap-1", children: [recipientName && ((0, jsx_runtime_1.jsx)("div", { className: "order-details-recipient-name text-as-primary font-semibold", children: recipientName })), (0, jsx_runtime_1.jsx)(react_1.CopyToClipboard, { text: order.recipientAddress, onCopy: () => {
                                             react_1.toast.success("Copied recipient address to clipboard");
-                                        }, children: (0, jsx_runtime_1.jsxs)("div", { className: "order-details-recipient-address 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: "order-details-recipient-copy-icon text-as-primary/50 hover:text-as-primary h-4 w-4 cursor-pointer transition-all duration-200" })] }) })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "order-details-divider divider w-full" }), (0, jsx_runtime_1.jsxs)("div", { className: "order-details-expected-section flex w-full items-center justify-between gap-2", children: [(0, jsx_runtime_1.jsx)("div", { className: "order-details-expected-label text-as-tertiarry", children: order.type === "swap" || order.type === "mint_nft" || order.type === "hype_duel"
+                                        }, children: (0, jsx_runtime_1.jsxs)("div", { className: "order-details-recipient-address 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: "order-details-recipient-copy-icon text-as-primary/50 hover:text-as-primary h-4 w-4 cursor-pointer transition-all duration-200" })] }) })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "order-details-divider divider w-full" }), (0, jsx_runtime_1.jsxs)("div", { className: "order-details-expected-section flex w-full items-start justify-between gap-2", children: [(0, jsx_runtime_1.jsx)("div", { className: "order-details-expected-label text-as-tertiarry shrink-0", children: order.type === "swap" ||
+                                    order.type === "deposit_first" ||
+                                    order.type === "mint_nft" ||
+                                    order.type === "hype_duel"
                                     ? "Expected to receive"
                                     : order.type === "join_tournament"
                                         ? "Join tournament"
@@ -38,5 +45,5 @@ exports.OrderDetailsCollapsible = (0, react_3.memo)(function OrderDetailsCollaps
                                                 ? order.metadata.action
                                                     ? (0, anyspend_1.capitalizeFirstLetter)(order.metadata.action)
                                                     : "Contract execution"
-                                                : "" }), (0, jsx_runtime_1.jsxs)("div", { className: "order-details-expected-value flex items-end gap-2", children: [order.type === "swap" ? (`~${finalFormattedExpectedDstAmount} ${dstToken.symbol}`) : order.type === "mint_nft" ? ((0, jsx_runtime_1.jsxs)("div", { className: "order-details-nft-info flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("img", { src: nft?.imageUrl, alt: nft?.name || "NFT", className: "order-details-nft-image h-5 w-5" }), (0, jsx_runtime_1.jsx)("div", { className: "order-details-nft-name", children: nft?.name || "NFT" })] })) : order.type === "join_tournament" || order.type === "fund_tournament" ? ((0, jsx_runtime_1.jsxs)("div", { className: "order-details-tournament-info flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("img", { src: tournament?.imageUrl, alt: tournament?.name || "Tournament", className: "order-details-tournament-image h-5 w-5" }), (0, jsx_runtime_1.jsx)("div", { className: "order-details-tournament-name", children: tournament?.name || "Tournament" })] })) : order.type === "hype_duel" ? ((0, jsx_runtime_1.jsx)("div", { className: "order-details-hype-info flex items-center gap-2", children: (0, jsx_runtime_1.jsxs)("div", { className: "order-details-hype-amount", children: [(0, number_1.formatTokenAmount)(BigInt(order.payload.expectedDstAmount), dstToken.decimals), " HYPE"] }) })) : null, (0, jsx_runtime_1.jsxs)("div", { className: "order-details-chain-info text-as-primary/50 flex items-center gap-2", children: [(0, jsx_runtime_1.jsxs)("span", { className: "order-details-chain-text", children: ["on ", order.dstChain !== chains_1.b3.id && (0, anyspend_1.getChainName)(order.dstChain)] }), (0, jsx_runtime_1.jsx)("img", { src: anyspend_1.ALL_CHAINS[order.dstChain].logoUrl, alt: (0, anyspend_1.getChainName)(order.dstChain), className: (0, utils_1.cn)("order-details-chain-logo h-3", order.dstChain !== chains_1.b3.id && "w-3 rounded-full", order.dstChain === chains_1.b3.id && "h-4") })] })] })] }), points !== undefined && points !== null && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "order-details-divider divider w-full" }), (0, jsx_runtime_1.jsxs)("div", { className: "order-details-points-section flex w-full justify-between gap-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "order-details-points-label text-as-tertiarry", children: "Points" }), (0, jsx_runtime_1.jsxs)("div", { className: "order-details-points-value text-as-brand font-semibold", children: ["+", (0, formatNumber_1.formatNumber)(points), " pts"] })] })] })), (0, jsx_runtime_1.jsx)("div", { className: "order-details-divider divider w-full" }), (0, jsx_runtime_1.jsxs)("div", { className: "order-details-id-total-section flex w-full justify-between gap-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "order-details-id-total-label text-as-tertiarry", children: showTotal ? "Total (included fee)" : "Order ID" }), (0, jsx_runtime_1.jsx)("div", { className: "order-details-id-total-value text-as-primary overflow-hidden text-ellipsis whitespace-nowrap", children: showTotal && totalAmount ? totalAmount : order.id })] })] }) })) : ((0, jsx_runtime_1.jsxs)("div", { className: "order-details-collapsed flex w-full items-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "order-details-collapsed-divider divider w-full" }), (0, jsx_runtime_1.jsx)("button", { className: "order-details-collapsed-button whitespace-nowrap text-sm", onClick: () => setShowOrderDetails(true), children: "Order Details" }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { className: "order-details-collapsed-chevron text-as-primary mx-1 h-4 min-h-4 w-4 min-w-4" }), (0, jsx_runtime_1.jsx)("div", { className: "order-details-collapsed-divider divider w-full" })] })) }));
+                                                : "" }), (0, jsx_runtime_1.jsxs)("div", { className: "order-details-expected-value flex flex-wrap items-center justify-end gap-2", children: [order.type === "swap" || order.type === "deposit_first" ? ((0, jsx_runtime_1.jsx)("span", { className: "order-details-amount-text", children: `~${finalFormattedExpectedDstAmount} ${dstToken.symbol}` })) : order.type === "mint_nft" ? ((0, jsx_runtime_1.jsxs)("div", { className: "order-details-nft-info flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("img", { src: nft?.imageUrl, alt: nft?.name || "NFT", className: "order-details-nft-image h-5 w-5" }), (0, jsx_runtime_1.jsx)("div", { className: "order-details-nft-name", children: nft?.name || "NFT" })] })) : order.type === "join_tournament" || order.type === "fund_tournament" ? ((0, jsx_runtime_1.jsxs)("div", { className: "order-details-tournament-info flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("img", { src: tournament?.imageUrl, alt: tournament?.name || "Tournament", className: "order-details-tournament-image h-5 w-5" }), (0, jsx_runtime_1.jsx)("div", { className: "order-details-tournament-name", children: tournament?.name || "Tournament" })] })) : order.type === "hype_duel" ? ((0, jsx_runtime_1.jsx)("div", { className: "order-details-hype-info flex items-center gap-2", children: (0, jsx_runtime_1.jsxs)("div", { className: "order-details-hype-amount", children: [(0, number_1.formatTokenAmount)(BigInt(order.payload.expectedDstAmount), dstToken.decimals), " HYPE"] }) })) : null, (0, jsx_runtime_1.jsxs)("div", { className: "order-details-chain-info text-as-primary/50 flex items-center gap-2", children: [(0, jsx_runtime_1.jsxs)("span", { className: "order-details-chain-text", children: ["on ", order.dstChain !== chains_1.b3.id && (0, anyspend_1.getChainName)(order.dstChain)] }), (0, jsx_runtime_1.jsx)("img", { src: anyspend_1.ALL_CHAINS[order.dstChain].logoUrl, alt: (0, anyspend_1.getChainName)(order.dstChain), className: (0, utils_1.cn)("order-details-chain-logo h-3", order.dstChain !== chains_1.b3.id && "w-3 rounded-full", order.dstChain === chains_1.b3.id && "h-4") })] })] })] }), points !== undefined && points !== null && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "order-details-divider divider w-full" }), (0, jsx_runtime_1.jsxs)("div", { className: "order-details-points-section flex w-full justify-between gap-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "order-details-points-label text-as-tertiarry", children: "Points" }), (0, jsx_runtime_1.jsxs)("div", { className: "order-details-points-value text-as-brand font-semibold", children: ["+", (0, formatNumber_1.formatNumber)(points), " pts"] })] })] })), (0, jsx_runtime_1.jsx)("div", { className: "order-details-divider divider w-full" }), (0, jsx_runtime_1.jsxs)("div", { className: "order-details-id-total-section flex w-full justify-between gap-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "order-details-id-total-label text-as-tertiarry", children: showTotal ? "Total (included fee)" : "Order ID" }), (0, jsx_runtime_1.jsx)("div", { className: "order-details-id-total-value text-as-primary overflow-hidden text-ellipsis whitespace-nowrap", children: showTotal && totalAmount ? totalAmount : order.id })] })] }) })) : ((0, jsx_runtime_1.jsxs)("div", { className: "order-details-collapsed flex w-full items-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "order-details-collapsed-divider divider w-full" }), (0, jsx_runtime_1.jsx)("button", { className: "order-details-collapsed-button whitespace-nowrap text-sm", onClick: () => setShowOrderDetails(true), children: "Order Details" }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { className: "order-details-collapsed-chevron text-as-primary mx-1 h-4 min-h-4 w-4 min-w-4" }), (0, jsx_runtime_1.jsx)("div", { className: "order-details-collapsed-divider divider w-full" })] })) }));
 });

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

@@ -8,7 +8,7 @@ const lucide_react_1 = require("lucide-react");
 const react_2 = require("react");
 const StepProgress_1 = require("./StepProgress");
 exports.OrderStatus = (0, react_2.memo)(function OrderStatus({ order, selectedCryptoPaymentMethod, }) {
-    const isComplete = order.status === "executed";
+    const showCheck = order.status === "executed" || order.status === "quoting_after_deposit";
     const { text, status: displayStatus, description } = (0, anyspend_1.getStatusDisplay)(order);
     const searchParams = (0, react_1.useSearchParams)();
     const cryptoPaymentMethod = selectedCryptoPaymentMethod || searchParams.get("cryptoPaymentMethod");
@@ -38,5 +38,5 @@ exports.OrderStatus = (0, react_2.memo)(function OrderStatus({ order, selectedCr
     if (selectedCryptoPaymentMethod === "transfer_crypto" && order.status === "scanning_deposit_transaction") {
         return null;
     }
-    return ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center gap-2", children: isComplete ? ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center", children: [(0, jsx_runtime_1.jsx)("div", { className: `bg-as-success-secondary relative flex h-10 w-10 items-center justify-center rounded-full`, children: (0, jsx_runtime_1.jsx)(lucide_react_1.Check, { className: "text-as-content-icon-success h-6 w-6" }) }), (0, jsx_runtime_1.jsx)("h2", { className: "text-as-primary mt-4 text-xl font-semibold", children: text }), (0, jsx_runtime_1.jsx)("div", { className: "text-as-tertiarry mt-1 text-center", children: description })] })) : ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "bg-as-error-secondary flex h-10 w-10 items-center justify-center rounded-full text-base", children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "text-as-content-icon-error h-5 w-5" }) }), (0, jsx_runtime_1.jsx)("div", { className: "font-sf-rounded text-as-content-primary mt-4 text-lg font-semibold", children: text }), (0, jsx_runtime_1.jsx)("div", { className: "text-as-tertiarry text-center", style: { whiteSpace: "normal" }, children: description })] })) }));
+    return ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center gap-2", children: showCheck ? ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center", children: [(0, jsx_runtime_1.jsx)("div", { className: `bg-as-success-secondary relative flex h-10 w-10 items-center justify-center rounded-full`, children: (0, jsx_runtime_1.jsx)(lucide_react_1.Check, { className: "text-as-content-icon-success h-6 w-6" }) }), (0, jsx_runtime_1.jsx)("h2", { className: "text-as-primary mt-4 text-xl font-semibold", children: text }), (0, jsx_runtime_1.jsx)("div", { className: "text-as-tertiarry mt-1 text-center", children: description })] })) : ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "bg-as-error-secondary flex h-10 w-10 items-center justify-center rounded-full text-base", children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "text-as-content-icon-error h-5 w-5" }) }), (0, jsx_runtime_1.jsx)("div", { className: "font-sf-rounded text-as-content-primary mt-4 text-lg font-semibold", children: text }), (0, jsx_runtime_1.jsx)("div", { className: "text-as-tertiarry text-center", style: { whiteSpace: "normal" }, children: description })] })) }));
 });

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

@@ -0,0 +1,32 @@
+export interface WarningTextProps {
+    /** The warning message content */
+    children: React.ReactNode;
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * A generic warning text component with consistent styling.
+ *
+ * @example
+ * <WarningText>
+ *   Custom warning message
+ * </WarningText>
+ */
+export declare function WarningText({ children, className }: WarningTextProps): import("react/jsx-runtime").JSX.Element;
+export interface ChainWarningTextProps {
+    /** The chain ID to display warning for */
+    chainId: number;
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * A chain-aware warning text component that displays chain-specific warnings.
+ * Returns null if there's no warning for the given chain.
+ *
+ * @example
+ * <ChainWarningText chainId={HYPERLIQUID_CHAIN_ID} />
+ *
+ * @example
+ * <ChainWarningText chainId={destinationChainId} className="mt-4" />
+ */
+export declare function ChainWarningText({ chainId, className }: ChainWarningTextProps): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WarningText = WarningText;
+exports.ChainWarningText = ChainWarningText;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const anyspend_1 = require("../../../../anyspend");
+const cn_1 = require("../../../../shared/utils/cn");
+/**
+ * A generic warning text component with consistent styling.
+ *
+ * @example
+ * <WarningText>
+ *   Custom warning message
+ * </WarningText>
+ */
+function WarningText({ children, className }) {
+    return (0, jsx_runtime_1.jsx)("p", { className: (0, cn_1.cn)("anyspend-warning text-center text-xs italic text-red-500", className), children: children });
+}
+/**
+ * A chain-aware warning text component that displays chain-specific warnings.
+ * Returns null if there's no warning for the given chain.
+ *
+ * @example
+ * <ChainWarningText chainId={HYPERLIQUID_CHAIN_ID} />
+ *
+ * @example
+ * <ChainWarningText chainId={destinationChainId} className="mt-4" />
+ */
+function ChainWarningText({ chainId, className }) {
+    // Chain-specific warning messages
+    if (chainId === anyspend_1.HYPERLIQUID_CHAIN_ID) {
+        return ((0, jsx_runtime_1.jsxs)(WarningText, { className: className, children: ["Minimum deposit amount: ", (0, jsx_runtime_1.jsx)("b", { children: "$1" })] }));
+    }
+    // No warning for this chain
+    return null;
+}

package/dist/cjs/anyspend/react/components/icons/CreditCardIcon.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface CreditCardIconProps {
+    className?: string;
+}
+export declare const CreditCardIcon: React.FC<CreditCardIconProps>;
+export {};

package/dist/cjs/anyspend/react/components/icons/CreditCardIcon.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CreditCardIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const CreditCardIcon = ({ className }) => ((0, jsx_runtime_1.jsxs)("svg", { width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: [(0, jsx_runtime_1.jsx)("path", { d: "M8 0.5H32C36.1421 0.5 39.5 3.85786 39.5 8V32C39.5 36.1421 36.1421 39.5 32 39.5H8C3.85786 39.5 0.5 36.1421 0.5 32V8C0.5 3.85786 3.85786 0.5 8 0.5Z", fill: "#F4F4F5" }), (0, jsx_runtime_1.jsx)("path", { d: "M8 0.5H32C36.1421 0.5 39.5 3.85786 39.5 8V32C39.5 36.1421 36.1421 39.5 32 39.5H8C3.85786 39.5 0.5 36.1421 0.5 32V8C0.5 3.85786 3.85786 0.5 8 0.5Z", stroke: "#E4E4E7" }), (0, jsx_runtime_1.jsx)("path", { d: "M30 18H10M19 22H14M10 16.2L10 23.8C10 24.9201 10 25.4802 10.218 25.908C10.4097 26.2843 10.7157 26.5903 11.092 26.782C11.5198 27 12.0799 27 13.2 27L26.8 27C27.9201 27 28.4802 27 28.908 26.782C29.2843 26.5903 29.5903 26.2843 29.782 25.908C30 25.4802 30 24.9201 30 23.8V16.2C30 15.0799 30 14.5198 29.782 14.092C29.5903 13.7157 29.2843 13.4097 28.908 13.218C28.4802 13 27.9201 13 26.8 13L13.2 13C12.0799 13 11.5198 13 11.092 13.218C10.7157 13.4097 10.4097 13.7157 10.218 14.092C10 14.5198 10 15.0799 10 16.2Z", stroke: "#51525C", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
+exports.CreditCardIcon = CreditCardIcon;

package/dist/cjs/anyspend/react/components/icons/QrCodeIcon.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface QrCodeIconProps {
+    className?: string;
+}
+export declare const QrCodeIcon: React.FC<QrCodeIconProps>;
+export {};

package/dist/cjs/anyspend/react/components/icons/QrCodeIcon.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QrCodeIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const QrCodeIcon = ({ className }) => ((0, jsx_runtime_1.jsxs)("svg", { width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: [(0, jsx_runtime_1.jsx)("path", { d: "M8 0.5H32C36.1421 0.5 39.5 3.85786 39.5 8V32C39.5 36.1421 36.1421 39.5 32 39.5H8C3.85786 39.5 0.5 36.1421 0.5 32V8C0.5 3.85786 3.85786 0.5 8 0.5Z", fill: "#F4F4F5" }), (0, jsx_runtime_1.jsx)("path", { d: "M8 0.5H32C36.1421 0.5 39.5 3.85786 39.5 8V32C39.5 36.1421 36.1421 39.5 32 39.5H8C3.85786 39.5 0.5 36.1421 0.5 32V8C0.5 3.85786 3.85786 0.5 8 0.5Z", stroke: "#E4E4E7" }), (0, jsx_runtime_1.jsx)("path", { d: "M15 20H20V25M11.01 20H11M16.01 25H16M20.01 29H20M29.01 20H29M11 25H12.5M23.5 20H25.5M11 29H16M20 10V16M25.6 29H27.4C27.9601 29 28.2401 29 28.454 28.891C28.6422 28.7951 28.7951 28.6422 28.891 28.454C29 28.2401 29 27.9601 29 27.4V25.6C29 25.0399 29 24.7599 28.891 24.546C28.7951 24.3578 28.6422 24.2049 28.454 24.109C28.2401 24 27.9601 24 27.4 24H25.6C25.0399 24 24.7599 24 24.546 24.109C24.3578 24.2049 24.2049 24.3578 24.109 24.546C24 24.7599 24 25.0399 24 25.6V27.4C24 27.9601 24 28.2401 24.109 28.454C24.2049 28.6422 24.3578 28.7951 24.546 28.891C24.7599 29 25.0399 29 25.6 29ZM25.6 16H27.4C27.9601 16 28.2401 16 28.454 15.891C28.6422 15.7951 28.7951 15.6422 28.891 15.454C29 15.2401 29 14.9601 29 14.4V12.6C29 12.0399 29 11.7599 28.891 11.546C28.7951 11.3578 28.6422 11.2049 28.454 11.109C28.2401 11 27.9601 11 27.4 11H25.6C25.0399 11 24.7599 11 24.546 11.109C24.3578 11.2049 24.2049 11.3578 24.109 11.546C24 11.7599 24 12.0399 24 12.6V14.4C24 14.9601 24 15.2401 24.109 15.454C24.2049 15.6422 24.3578 15.7951 24.546 15.891C24.7599 16 25.0399 16 25.6 16ZM12.6 16H14.4C14.9601 16 15.2401 16 15.454 15.891C15.6422 15.7951 15.7951 15.6422 15.891 15.454C16 15.2401 16 14.9601 16 14.4V12.6C16 12.0399 16 11.7599 15.891 11.546C15.7951 11.3578 15.6422 11.2049 15.454 11.109C15.2401 11 14.9601 11 14.4 11H12.6C12.0399 11 11.7599 11 11.546 11.109C11.3578 11.2049 11.2049 11.3578 11.109 11.546C11 11.7599 11 12.0399 11 12.6V14.4C11 14.9601 11 15.2401 11.109 15.454C11.2049 15.6422 11.3578 15.7951 11.546 15.891C11.7599 16 12.0399 16 12.6 16Z", stroke: "#51525C", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
+exports.QrCodeIcon = QrCodeIcon;

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

@@ -4,6 +4,8 @@ export { AnySpendBuySpin } from "./AnySpendBuySpin";
 export { AnySpendCollectorClubPurchase } from "./AnySpendCollectorClubPurchase";
 export { AnySpendCustom } from "./AnySpendCustom";
 export { AnySpendCustomExactIn } from "./AnySpendCustomExactIn";
+export { AnySpendDeposit } from "./AnySpendDeposit";
+export type { AnySpendDepositProps, ChainConfig, DepositContractConfig } from "./AnySpendDeposit";
 export { AnySpendDepositHype, HYPE_TOKEN_DETAILS } from "./AnyspendDepositHype";
 export * from "./AnySpendFingerprintWrapper";
 export { AnySpendNFT } from "./AnySpendNFT";

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

@@ -14,7 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.WebviewOnrampPayment = exports.WebviewOnrampOrderStatus = exports.TransferCryptoDetails = exports.TokenBalance = exports.StepProgress = exports.RecipientSelection = exports.OrderTokenAmount = exports.OrderToken = exports.OrderStatus = exports.OrderHistoryItem = exports.OrderHistory = exports.OrderDetailsCollapsible = exports.OrderDetails = exports.CryptoReceiveSection = exports.CryptoPaySection = exports.ChainTokenIcon = exports.AnySpendNFTButton = exports.AnySpendTournament = exports.AnySpendStakeUpsideExactIn = exports.AnySpendStakeUpside = exports.AnySpendStakeB3ExactIn = exports.AnySpendStakeB3 = exports.AnyspendSignatureMint = exports.AnySpendNFT = exports.HYPE_TOKEN_DETAILS = exports.AnySpendDepositHype = exports.AnySpendCustomExactIn = exports.AnySpendCustom = exports.AnySpendCollectorClubPurchase = exports.AnySpendBuySpin = exports.AnySpendBondKit = exports.AnySpend = void 0;
+exports.WebviewOnrampPayment = exports.WebviewOnrampOrderStatus = exports.TransferCryptoDetails = exports.TokenBalance = exports.StepProgress = exports.RecipientSelection = exports.OrderTokenAmount = exports.OrderToken = exports.OrderStatus = exports.OrderHistoryItem = exports.OrderHistory = exports.OrderDetailsCollapsible = exports.OrderDetails = exports.CryptoReceiveSection = exports.CryptoPaySection = exports.ChainTokenIcon = exports.AnySpendNFTButton = exports.AnySpendTournament = exports.AnySpendStakeUpsideExactIn = exports.AnySpendStakeUpside = exports.AnySpendStakeB3ExactIn = exports.AnySpendStakeB3 = exports.AnyspendSignatureMint = exports.AnySpendNFT = exports.HYPE_TOKEN_DETAILS = exports.AnySpendDepositHype = exports.AnySpendDeposit = exports.AnySpendCustomExactIn = exports.AnySpendCustom = exports.AnySpendCollectorClubPurchase = exports.AnySpendBuySpin = exports.AnySpendBondKit = exports.AnySpend = void 0;
 // Components
 var AnySpend_1 = require("./AnySpend");
 Object.defineProperty(exports, "AnySpend", { enumerable: true, get: function () { return AnySpend_1.AnySpend; } });
@@ -28,6 +28,8 @@ var AnySpendCustom_1 = require("./AnySpendCustom");
 Object.defineProperty(exports, "AnySpendCustom", { enumerable: true, get: function () { return AnySpendCustom_1.AnySpendCustom; } });
 var AnySpendCustomExactIn_1 = require("./AnySpendCustomExactIn");
 Object.defineProperty(exports, "AnySpendCustomExactIn", { enumerable: true, get: function () { return AnySpendCustomExactIn_1.AnySpendCustomExactIn; } });
+var AnySpendDeposit_1 = require("./AnySpendDeposit");
+Object.defineProperty(exports, "AnySpendDeposit", { enumerable: true, get: function () { return AnySpendDeposit_1.AnySpendDeposit; } });
 var AnyspendDepositHype_1 = require("./AnyspendDepositHype");
 Object.defineProperty(exports, "AnySpendDepositHype", { enumerable: true, get: function () { return AnyspendDepositHype_1.AnySpendDepositHype; } });
 Object.defineProperty(exports, "HYPE_TOKEN_DETAILS", { enumerable: true, get: function () { return AnyspendDepositHype_1.HYPE_TOKEN_DETAILS; } });

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

@@ -1,5 +1,6 @@
 export * from "./useAnyspendCreateOnrampOrder";
 export * from "./useAnyspendCreateOrder";
+export * from "./useCreateDepositFirstOrder";
 export * from "./useAnyspendOrderAndTransactions";
 export * from "./useAnyspendOrderHistory";
 export * from "./useAnyspendQuote";

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

@@ -16,6 +16,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./useAnyspendCreateOnrampOrder"), exports);
 __exportStar(require("./useAnyspendCreateOrder"), exports);
+__exportStar(require("./useCreateDepositFirstOrder"), exports);
 __exportStar(require("./useAnyspendOrderAndTransactions"), exports);
 __exportStar(require("./useAnyspendOrderHistory"), exports);
 __exportStar(require("./useAnyspendQuote"), exports);

package/dist/cjs/anyspend/react/hooks/useAnyspendFlow.d.ts

@@ -24,9 +24,9 @@ interface UseAnyspendFlowProps {
     destinationTokenChainId?: number;
     slippage?: number;
     disableUrlParamManagement?: boolean;
-    orderType?: "hype_duel" | "custom_exact_in";
+    orderType?: "hype_duel" | "custom_exact_in" | "swap";
 }
-export declare function useAnyspendFlow({ paymentType, recipientAddress, loadOrder, isDepositMode, onOrderSuccess, onTransactionSuccess, sourceTokenAddress, sourceTokenChainId, destinationTokenAddress, destinationTokenChainId, slippage, disableUrlParamManagement, orderType, }: UseAnyspendFlowProps): {
+export declare function useAnyspendFlow({ paymentType, recipientAddress, loadOrder, onOrderSuccess, onTransactionSuccess, sourceTokenAddress, sourceTokenChainId, destinationTokenAddress, destinationTokenChainId, slippage, disableUrlParamManagement, orderType, }: UseAnyspendFlowProps): {
     activePanel: PanelView;
     setActivePanel: import("react").Dispatch<import("react").SetStateAction<PanelView>>;
     orderId: string | undefined;

package/dist/cjs/anyspend/react/hooks/useAnyspendFlow.js

@@ -28,7 +28,7 @@ var PanelView;
     PanelView[PanelView["FEE_DETAIL"] = 7] = "FEE_DETAIL";
 })(PanelView || (exports.PanelView = PanelView = {}));
 // This hook serves for order hype_duel and custom_exact_in
-function useAnyspendFlow({ paymentType = "crypto", recipientAddress, loadOrder, isDepositMode = false, onOrderSuccess, onTransactionSuccess, sourceTokenAddress, sourceTokenChainId, destinationTokenAddress, destinationTokenChainId, slippage = 0, disableUrlParamManagement = false, orderType = "hype_duel", }) {
+function useAnyspendFlow({ paymentType = "crypto", recipientAddress, loadOrder, onOrderSuccess, onTransactionSuccess, sourceTokenAddress, sourceTokenChainId, destinationTokenAddress, destinationTokenChainId, slippage = 0, disableUrlParamManagement = false, orderType = "hype_duel", }) {
     const searchParams = (0, react_2.useSearchParamsSSR)();
     const router = (0, react_2.useRouter)();
     // Panel and order state
@@ -135,16 +135,40 @@ function useAnyspendFlow({ paymentType = "crypto", recipientAddress, loadOrder,
     // For fiat payments, always use USDC decimals (6) regardless of selectedSrcToken
     const effectiveDecimals = paymentType === "fiat" ? anyspend_1.USDC_BASE.decimals : selectedSrcToken.decimals;
     const activeInputAmountInWei = (0, viem_1.parseUnits)(srcAmount.replace(/,/g, ""), effectiveDecimals).toString();
-    const { anyspendQuote, isLoadingAnyspendQuote, getAnyspendQuoteError } = (0, react_1.useAnyspendQuote)({
-        srcChain: paymentType === "fiat" ? chains_1.base.id : selectedSrcChainId,
-        dstChain: isDepositMode ? chains_1.base.id : selectedDstChainId, // For deposits, always Base; for swaps, use selected destination
-        srcTokenAddress: paymentType === "fiat" ? anyspend_1.USDC_BASE.address : selectedSrcToken.address,
-        dstTokenAddress: selectedDstToken.address,
-        type: orderType,
-        amount: activeInputAmountInWei,
-        recipientAddress: effectiveRecipientAddress,
-        onrampVendor: paymentType === "fiat" ? getOnrampVendor(selectedFiatPaymentMethod) : undefined,
-    });
+    // Build quote request based on order type
+    const quoteRequest = (() => {
+        const baseParams = {
+            srcChain: paymentType === "fiat" ? chains_1.base.id : selectedSrcChainId,
+            dstChain: selectedDstChainId ?? chains_1.base.id,
+            srcTokenAddress: paymentType === "fiat" ? anyspend_1.USDC_BASE.address : selectedSrcToken.address,
+            dstTokenAddress: selectedDstToken.address,
+            recipientAddress: effectiveRecipientAddress,
+            onrampVendor: paymentType === "fiat" ? getOnrampVendor(selectedFiatPaymentMethod) : undefined,
+        };
+        if (orderType === "swap") {
+            return {
+                ...baseParams,
+                type: "swap",
+                tradeType: "EXACT_INPUT",
+                amount: activeInputAmountInWei,
+            };
+        }
+        else if (orderType === "hype_duel") {
+            return {
+                ...baseParams,
+                type: "hype_duel",
+                amount: activeInputAmountInWei,
+            };
+        }
+        else {
+            return {
+                ...baseParams,
+                type: "custom_exact_in",
+                amount: activeInputAmountInWei,
+            };
+        }
+    })();
+    const { anyspendQuote, isLoadingAnyspendQuote, getAnyspendQuoteError } = (0, react_1.useAnyspendQuote)(quoteRequest);
     // Get geo options for fiat
     const { geoData, coinbaseAvailablePaymentMethods, stripeWeb2Support } = (0, react_1.useGeoOnrampOptions)(paymentType === "fiat" ? (0, number_1.formatUnits)(activeInputAmountInWei, anyspend_1.USDC_BASE.decimals) : "0");
     // Update destination amount when quote changes

package/dist/cjs/anyspend/react/hooks/useCreateDepositFirstOrder.d.ts

@@ -0,0 +1,24 @@
+import { components } from "../../../anyspend/types/api";
+import { DepositContractConfig } from "../components/AnySpendDeposit";
+export type CreateDepositFirstOrderParams = {
+    recipientAddress: string;
+    srcChain: number;
+    dstChain: number;
+    srcToken: components["schemas"]["Token"];
+    dstToken: components["schemas"]["Token"];
+    creatorAddress?: string;
+    /** Optional contract config for custom execution after deposit */
+    contractConfig?: DepositContractConfig;
+};
+export type UseCreateDepositFirstOrderProps = {
+    onSuccess?: (data: any) => void;
+    onError?: (error: Error) => void;
+};
+/**
+ * Hook for creating deposit_first orders in the Anyspend protocol.
+ * This order type doesn't require srcAmount - the user deposits tokens after the order is created.
+ */
+export declare function useCreateDepositFirstOrder({ onSuccess, onError }?: UseCreateDepositFirstOrderProps): {
+    createOrder: import("@tanstack/react-query").UseMutateFunction<any, Error, CreateDepositFirstOrderParams, unknown>;
+    isCreatingOrder: boolean;
+};

package/dist/cjs/anyspend/react/hooks/useCreateDepositFirstOrder.js

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCreateDepositFirstOrder = useCreateDepositFirstOrder;
+const anyspend_1 = require("../../../anyspend/services/anyspend");
+const utils_1 = require("../../../anyspend/utils");
+const react_1 = require("../../../global-account/react");
+const fingerprintjs_pro_react_1 = require("@fingerprintjs/fingerprintjs-pro-react");
+const react_query_1 = require("@tanstack/react-query");
+const react_2 = require("react");
+/**
+ * Hook for creating deposit_first orders in the Anyspend protocol.
+ * This order type doesn't require srcAmount - the user deposits tokens after the order is created.
+ */
+function useCreateDepositFirstOrder({ onSuccess, onError } = {}) {
+    const { partnerId } = (0, react_1.useB3)();
+    const { data: fpData } = (0, fingerprintjs_pro_react_1.useVisitorData)({ extendedResult: true }, { immediate: true });
+    const visitorData = fpData && {
+        requestId: fpData.requestId,
+        visitorId: fpData.visitorId,
+    };
+    const { mutate: createOrder, isPending } = (0, react_query_1.useMutation)({
+        mutationFn: async (params) => {
+            const { recipientAddress, srcChain, dstChain, srcToken, dstToken, creatorAddress, contractConfig } = params;
+            // Build payload based on whether we have a contract config
+            const payload = contractConfig
+                ? {
+                    functionAbi: contractConfig.functionAbi,
+                    functionName: contractConfig.functionName,
+                    functionArgs: contractConfig.functionArgs,
+                    to: (0, utils_1.normalizeAddress)(contractConfig.to),
+                    spenderAddress: contractConfig.spenderAddress ? (0, utils_1.normalizeAddress)(contractConfig.spenderAddress) : undefined,
+                    action: contractConfig.action,
+                }
+                : {};
+            try {
+                return await anyspend_1.anyspendService.createOrder({
+                    recipientAddress: (0, utils_1.normalizeAddress)(recipientAddress),
+                    type: "deposit_first",
+                    srcChain,
+                    dstChain,
+                    srcTokenAddress: (0, utils_1.normalizeAddress)(srcToken.address),
+                    dstTokenAddress: (0, utils_1.normalizeAddress)(dstToken.address),
+                    srcAmount: "", // Not required for deposit_first
+                    payload,
+                    metadata: {
+                        srcToken: {
+                            chainId: srcToken.chainId,
+                            address: srcToken.address,
+                            symbol: srcToken.symbol,
+                            name: srcToken.name,
+                            decimals: srcToken.decimals,
+                            metadata: srcToken.metadata || {},
+                        },
+                        dstToken: {
+                            chainId: dstToken.chainId,
+                            address: dstToken.address,
+                            symbol: dstToken.symbol,
+                            name: dstToken.name,
+                            decimals: dstToken.decimals,
+                            metadata: dstToken.metadata || {},
+                        },
+                    },
+                    creatorAddress: creatorAddress ? (0, utils_1.normalizeAddress)(creatorAddress) : undefined,
+                    partnerId,
+                    visitorData,
+                });
+            }
+            catch (error) {
+                if (error?.data) {
+                    throw error.data;
+                }
+                throw error;
+            }
+        },
+        onSuccess: (data) => {
+            onSuccess?.(data);
+        },
+        onError: (error) => {
+            onError?.(error);
+        },
+    });
+    return (0, react_2.useMemo)(() => ({
+        createOrder,
+        isCreatingOrder: isPending,
+    }), [createOrder, isPending]);
+}

package/dist/cjs/anyspend/react/hooks/useSigMint.d.ts

@@ -48,8 +48,8 @@ export declare const useGenerateSigMintData: ({ recipientAddress, contractAddres
             creatorMap?: {} | undefined;
             chainId: number;
             address: string;
-            _id: string | {};
             title: string;
+            _id: string | {};
         };
     } | null;
     error: Error | null;

package/dist/cjs/anyspend/utils/format.js

@@ -1,13 +1,25 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getErrorDisplay = exports.getStatusDisplay = void 0;
+const number_1 = require("../../shared/utils/number");
 const getStatusDisplay = (order) => {
+    const srcToken = order.metadata?.srcToken;
+    const dstToken = order.metadata?.dstToken;
+    const formattedSrcAmount = srcToken ? (0, number_1.formatTokenAmount)(BigInt(order.srcAmount), srcToken.decimals) : undefined;
+    const actualDstAmount = order.settlement?.actualDstAmount;
+    const formattedActualDstAmount = actualDstAmount && dstToken ? (0, number_1.formatTokenAmount)(BigInt(actualDstAmount), dstToken.decimals) : undefined;
     switch (order.status) {
-        case "scanning_deposit_transaction":
+        case "scanning_deposit_transaction": {
+            const depositText = formattedSrcAmount && srcToken
+                ? `Awaiting ${formattedSrcAmount} ${srcToken.symbol}`
+                : order.onrampMetadata
+                    ? "Awaiting Payment"
+                    : "Awaiting Deposit";
             return {
-                text: order.onrampMetadata ? "Awaiting Payment" : "Awaiting Deposit",
+                text: depositText,
                 status: "processing",
             };
+        }
         case "waiting_stripe_payment":
             return {
                 text: "Awaiting Payment",
@@ -30,15 +42,16 @@ const getStatusDisplay = (order) => {
                 description: "It will take approximately one minute to complete.",
             };
         case "executed": {
+            const receivedText = formattedActualDstAmount && dstToken ? `Received ${formattedActualDstAmount} ${dstToken.symbol}` : undefined;
             const { text, description } = order.type === "swap"
-                ? { text: "Swap Complete", description: "Your swap has been completed successfully." }
+                ? { text: receivedText || "Swap Complete", description: "Your swap has been completed successfully." }
                 : order.type === "mint_nft"
                     ? { text: "NFT Minted", description: "Your NFT has been minted" }
                     : order.type === "join_tournament"
                         ? { text: "Tournament Joined", description: "You have joined the tournament" }
                         : order.type === "fund_tournament"
                             ? { text: "Tournament Funded", description: "You have funded the tournament" }
-                            : { text: "Order Complete", description: "Your order has been completed" };
+                            : { text: receivedText || "Order Complete", description: "Your order has been completed" };
             return { text, status: "success", description };
         }
         case "refunding":
@@ -51,8 +64,18 @@ const getStatusDisplay = (order) => {
                 status: "failure",
                 description: "This order has failed. Please try again or contact support.",
             };
+        case "quoting_after_deposit": {
+            return {
+                text: "Quoting After Deposit",
+                status: "processing",
+                description: "Getting quote for the order",
+            };
+        }
         default:
-            throw new Error("Invalid order status");
+            return {
+                text: order.status,
+                status: "processing",
+            };
     }
 };
 exports.getStatusDisplay = getStatusDisplay;

package/dist/cjs/global-account/react/components/AvatarEditor/AvatarEditor.js

@@ -43,7 +43,8 @@ function AvatarEditor({ onSetAvatar, className }) {
     const [zoom, setZoom] = (0, react_2.useState)(1);
     const [croppedAreaPixels, setCroppedAreaPixels] = (0, react_2.useState)(null);
     const fileInputRef = (0, react_2.useRef)(null);
-    const { setUser, user, partnerId } = (0, react_1.useB3)();
+    const { partnerId } = (0, react_1.useB3Config)();
+    const { user, setUser } = (0, react_1.useAuthentication)(partnerId);
     const setB3ModalContentType = (0, stores_1.useModalStore)(state => state.setB3ModalContentType);
     const contentType = (0, stores_1.useModalStore)(state => state.contentType);
     const account = (0, react_3.useActiveAccount)();

package/dist/cjs/global-account/react/components/B3Provider/B3Provider.js

@@ -4,9 +4,9 @@ exports.B3Provider = B3Provider;
 exports.InnerProvider = InnerProvider;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("../../../../global-account/react");
+const useAutoSelectWallet_1 = require("../../../../global-account/react/hooks/useAutoSelectWallet");
 const createWagmiConfig_1 = require("../../../../global-account/react/utils/createWagmiConfig");
 const analytics_1 = require("../../../../global-account/utils/analytics");
-const debug_1 = require("../../../../shared/utils/debug");
 require("@relayprotocol/relay-kit-ui/styles.css");
 const react_query_1 = require("@tanstack/react-query");
 const react_2 = require("react");
@@ -17,7 +17,6 @@ const StyleRoot_1 = require("../StyleRoot");
 const index_1 = require("../Toast/index");
 const LocalSDKProvider_1 = require("./LocalSDKProvider");
 const types_1 = require("./types");
-const debug = (0, debug_1.debugB3React)("B3Provider");
 /**
  * Default permissions configuration for B3 provider
  */
@@ -51,52 +50,26 @@ toaster: _toaster, clientType = "rest", rpcUrls, partnerId, stripePublishableKey
  */
 function InnerProvider({ children, accountOverride, environment, defaultPermissions = DEFAULT_PERMISSIONS, automaticallySetFirstEoa, theme = "light", clientType = "socket", partnerId, stripePublishableKey, createClientReferenceId, enableTurnkey, }) {
     const activeAccount = (0, react_3.useActiveAccount)();
-    const [manuallySelectedWallet, setManuallySelectedWallet] = (0, react_2.useState)(undefined);
-    const wallets = (0, react_3.useConnectedWallets)();
     const isAuthenticated = (0, react_1.useAuthStore)(state => state.isAuthenticated);
-    const isConnected = (0, react_1.useAuthStore)(state => state.isConnected);
-    const justCompletedLogin = (0, react_1.useAuthStore)(state => state.justCompletedLogin);
-    const setActiveWallet = (0, react_3.useSetActiveWallet)();
-    const { user, setUser, refetchUser } = (0, react_1.useAuthentication)(partnerId);
-    debug("@@B3Provider:isConnected", isConnected);
-    debug("@@wallets", wallets);
-    debug("@@B3Provider:user", user);
-    debug("@@B3Provider:justCompletedLogin", justCompletedLogin);
+    //const isConnected = useAuthStore(state => state.isConnected);
+    //const justCompletedLogin = useAuthStore(state => state.justCompletedLogin);
     // Use given accountOverride or activeAccount from thirdweb
+    // WOJ: why if isAuthenticated is false, we don't use activeAccount, which should be undefined?
+    // skip isAuthenticated check ?
     const effectiveAccount = isAuthenticated ? accountOverride || activeAccount : undefined;
-    const setWallet = (0, react_2.useCallback)((wallet) => {
-        setManuallySelectedWallet(wallet);
-        const account = wallet.getAccount();
-        debug("@@setWallet", wallet.id, account?.address);
-        setActiveWallet(wallet);
-    }, [setManuallySelectedWallet, setActiveWallet]);
-    (0, react_2.useEffect)(() => {
-        const autoSelectFirstEOAWallet = async () => {
-            // Only proceed if auto-selection is enabled and user is authenticated
-            if (!automaticallySetFirstEoa || !isAuthenticated) {
-                return;
-            }
-            // Find the first EOA wallet (excluding ecosystem wallets)
-            const isEOAWallet = (wallet) => !wallet.id.startsWith("ecosystem.");
-            const firstEOAWallet = wallets.find(isEOAWallet);
-            if (firstEOAWallet) {
-                // Only auto-select if the last auth was via wallet or no previous auth provider
-                const lastAuthProvider = await (0, react_3.getLastAuthProvider)();
-                const shouldAutoSelect = lastAuthProvider === null || lastAuthProvider === "wallet";
-                if (shouldAutoSelect) {
-                    setWallet(firstEOAWallet);
-                }
-            }
-        };
-        autoSelectFirstEOAWallet();
-    }, [automaticallySetFirstEoa, isAuthenticated, setWallet, wallets]);
+    // Wrapper to set active wallet via thirdweb
+    // Note: `wallet` in context is deprecated - use useActiveWallet() from thirdweb/react instead
+    // Auto-select first EOA wallet when enabled
+    (0, useAutoSelectWallet_1.useAutoSelectWallet)({
+        enabled: automaticallySetFirstEoa,
+    });
     return ((0, jsx_runtime_1.jsx)(types_1.B3Context.Provider, { value: {
             account: effectiveAccount,
-            setWallet,
-            wallet: manuallySelectedWallet,
-            user,
-            setUser,
-            refetchUser,
+            // setWallet,
+            //wallet: undefined, // Deprecated: use useActiveWallet() from thirdweb/react instead
+            //user,
+            //setUser,
+            //refetchUser,
             initialized: true,
             ready: !!effectiveAccount,
             automaticallySetFirstEoa,
@@ -108,11 +81,8 @@ function InnerProvider({ children, accountOverride, environment, defaultPermissi
             stripePublishableKey,
             createClientReferenceId,
             enableTurnkey,
-        }, children: (0, jsx_runtime_1.jsx)(InnerProvider2, { children: children }) }));
+        }, children: children }));
 }
-const InnerProvider2 = ({ children }) => {
-    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
-};
 /**
  * Component to connect the toast context to the global toast API
  */