@b3dotfun/sdk 0.0.26 → 0.0.27-alpha.1

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

@@ -4,6 +4,7 @@ import React from "react";
 export declare function AnySpendCustom(props: {
     loadOrder?: string;
     mode?: "modal" | "page";
+    activeTab?: "crypto" | "fiat";
     recipientAddress?: string;
     spenderAddress?: string;
     orderType: components["schemas"]["Order"]["type"];

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

@@ -40,6 +40,7 @@ var PanelView;
 function generateGetRelayQuoteRequest({ orderType, srcChainId, srcToken, dstChainId, dstToken, dstAmount, contractAddress, tokenId, contractType, encodedData, spenderAddress, }) {
     switch (orderType) {
         case "mint_nft": {
+            (0, invariant_1.default)(contractType, "Contract type is required");
             return {
                 type: "mint_nft",
                 srcChain: srcChainId,
@@ -98,12 +99,12 @@ function AnySpendCustom(props) {
     const fingerprintConfig = (0, AnySpendFingerprintWrapper_1.getFingerprintConfig)();
     return ((0, jsx_runtime_1.jsx)(AnySpendFingerprintWrapper_1.AnySpendFingerprintWrapper, { fingerprint: fingerprintConfig, children: (0, jsx_runtime_1.jsx)(AnySpendCustomInner, { ...props }) }));
 }
-function AnySpendCustomInner({ loadOrder, mode = "modal", recipientAddress: recipientAddressProps, spenderAddress, orderType, dstChainId, dstToken, dstAmount, contractAddress, encodedData, metadata, header, onSuccess, showRecipient = true, }) {
+function AnySpendCustomInner({ loadOrder, mode = "modal", activeTab: activeTabProps = "crypto", recipientAddress: recipientAddressProps, spenderAddress, orderType, dstChainId, dstToken, dstAmount, contractAddress, encodedData, metadata, header, onSuccess, showRecipient = true, }) {
     const hasMounted = (0, react_2.useHasMounted)();
     const searchParams = (0, react_2.useSearchParamsSSR)();
     const router = (0, react_2.useRouter)();
     const [activePanel, setActivePanel] = (0, react_4.useState)(loadOrder ? PanelView.ORDER_DETAILS : PanelView.CONFIRM_ORDER);
-    const [activeTab, setActiveTab] = (0, react_4.useState)("crypto");
+    const [activeTab, setActiveTab] = (0, react_4.useState)(activeTabProps);
     // Add state for selected payment methods
     const [selectedCryptoPaymentMethod, setSelectedCryptoPaymentMethod] = (0, react_4.useState)(CryptoPaymentMethod_1.CryptoPaymentMethodType.NONE);
     const [selectedFiatPaymentMethod, setSelectedFiatPaymentMethod] = (0, react_4.useState)(FiatPaymentMethod_1.FiatPaymentMethod.NONE);

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

@@ -82,11 +82,11 @@ function AnySpendNFT({ loadOrder, mode = "modal", recipientAddress, nftContract,
             }
         }
         fetchContractMetadata();
-    }, [nftContract.contractAddress, nftContract.chainId, nftContract.imageUrl, nftContract.tokenId]);
+    }, [nftContract.contractAddress, nftContract.chainId, nftContract.imageUrl, nftContract.tokenId, isLoadingFallback]);
     const header = ({ anyspendPrice, isLoadingAnyspendPrice, }) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "relative size-[200px]", children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 scale-95 bg-black/30 blur-md" }), (0, jsx_runtime_1.jsxs)(react_1.GlareCard, { className: "overflow-hidden", children: [imageUrlWithFallback && ((0, jsx_runtime_1.jsx)("img", { src: imageUrlWithFallback, alt: nftContract.name, className: "size-full object-cover" })), (0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 rounded-xl border border-white/10" })] }), (0, jsx_runtime_1.jsx)(DropdownMenu, { nftContract: nftContract })] }), (0, jsx_runtime_1.jsxs)("div", { className: "from-b3-react-background to-as-on-surface-1 -mb-5 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: "mb-1 flex w-full flex-col items-center gap-2 p-5", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-sf-rounded text-2xl font-semibold", children: nftContract.name }), (0, jsx_runtime_1.jsx)("div", { className: "flex w-fit items-center gap-1", children: anyspendPrice ? ((0, jsx_runtime_1.jsx)(react_2.AnimatePresence, { mode: "wait", children: (0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("text-as-primary group flex items-center text-3xl font-semibold transition-all", {
                                             "opacity-0": isLoadingAnyspendPrice,
                                         }), children: (0, number_1.formatDisplayNumber)(anyspendPrice?.data?.currencyIn?.amountUsd, { style: "currency" }) }) })) : ((0, jsx_runtime_1.jsx)("div", { className: "h-[36px] w-full" })) })] })] })] }));
-    return ((0, jsx_runtime_1.jsx)(AnySpendCustom_1.AnySpendCustom, { loadOrder: loadOrder, mode: mode, recipientAddress: recipientAddress, orderType: "mint_nft", dstChainId: nftContract.chainId, dstToken: nftContract.currency, dstAmount: nftContract.price, contractAddress: nftContract.contractAddress, encodedData: "0x", metadata: {
+    return ((0, jsx_runtime_1.jsx)(AnySpendCustom_1.AnySpendCustom, { loadOrder: loadOrder, mode: mode, activeTab: "fiat", recipientAddress: recipientAddress, orderType: "mint_nft", dstChainId: nftContract.chainId, dstToken: nftContract.currency, dstAmount: nftContract.price, contractAddress: nftContract.contractAddress, encodedData: "0x", metadata: {
             type: "mint_nft",
             nftContract: nftContract,
         }, header: header, onSuccess: onSuccess }));

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

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

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

@@ -18,10 +18,10 @@ const AnySpendFingerprintWrapper_1 = require("../AnySpendFingerprintWrapper");
 const HowItWorks_1 = __importDefault(require("./HowItWorks"));
 const PaymentMethodIcons_1 = __importDefault(require("./PaymentMethodIcons"));
 const stripePromise = (0, stripe_js_1.loadStripe)(constants_1.STRIPE_CONFIG.publishableKey);
-function PaymentStripeWeb2({ order, onPaymentSuccess }) {
+function PaymentStripeWeb2({ order, stripePaymentIntentId, onPaymentSuccess }) {
     const { theme } = (0, react_2.useB3)();
     const fingerprintConfig = (0, AnySpendFingerprintWrapper_1.getFingerprintConfig)();
-    const { clientSecret, isLoadingStripeClientSecret, stripeClientSecretError } = (0, react_1.useStripeClientSecret)(order.stripePaymentIntentId);
+    const { clientSecret, isLoadingStripeClientSecret, stripeClientSecretError } = (0, react_1.useStripeClientSecret)(stripePaymentIntentId);
     if (isLoadingStripeClientSecret) {
         return (0, jsx_runtime_1.jsx)(StripeLoadingState, {});
     }
@@ -170,7 +170,7 @@ function StripePaymentForm({ order, clientSecret, onPaymentSuccess, }) {
                                     // Validation
                                     validation: {
                                         phone: {
-                                            required: "auto", // or 'always', 'never'
+                                            required: "always", // or 'always', 'never'
                                         },
                                     },
                                 } }))] }), message && ((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.jsx)("div", { className: "text-as-red text-sm font-medium", children: message })] })), (0, jsx_runtime_1.jsx)(react_2.ShinyButton, { type: "submit", accentColor: "hsl(var(--as-brand))", disabled: !stripe || !elements || loading, className: "relative w-full py-4 text-lg font-semibold", children: loading ? ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-center gap-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "h-5 w-5 animate-spin rounded-full border-2 border-current border-t-transparent" }), (0, jsx_runtime_1.jsx)("span", { className: "text-white", children: "Processing Payment..." })] })) : ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-center gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-white", children: "Complete Payment" }), amount && (0, jsx_runtime_1.jsxs)("span", { className: "text-white/90", children: ["$", Number(amount).toFixed(2)] })] })) })] }), showHowItWorks && ((0, jsx_runtime_1.jsx)("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4", children: (0, jsx_runtime_1.jsxs)("div", { className: "bg-as-on-surface-1 relative max-h-[80vh] w-full max-w-2xl overflow-y-auto rounded-2xl p-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "mb-6 flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("h2", { className: "text-as-primary text-xl font-semibold", children: "How it works" }), (0, jsx_runtime_1.jsx)("button", { onClick: () => setShowHowItWorks(false), className: "text-as-primary/60 hover:text-as-primary transition-colors", children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "h-6 w-6" }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-6", children: [(0, jsx_runtime_1.jsx)(PaymentMethodIcons_1.default, {}), (0, jsx_runtime_1.jsx)(HowItWorks_1.default, { steps: howItWorksSteps })] })] }) }))] }));

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

@@ -14,8 +14,8 @@ function PaymentVendorUI({ order, dstTokenSymbol }) {
         return (0, jsx_runtime_1.jsx)(PaymentOneClick_1.default, { order: order, dstTokenSymbol: dstTokenSymbol });
     }
     // Handle Stripe Web2 payment flow
-    if (vendor === "stripe-web2") {
-        return (0, jsx_runtime_1.jsx)(PaymentStripeWeb2_1.default, { order: order });
+    if (vendor === "stripe-web2" && order.stripePaymentIntentId) {
+        return (0, jsx_runtime_1.jsx)(PaymentStripeWeb2_1.default, { order: order, stripePaymentIntentId: order.stripePaymentIntentId });
     }
     // Return null for unsupported vendors
     return null;

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

@@ -113,7 +113,7 @@ exports.EVM_MAINNET = {
         name: chains_1.avalanche.name,
         logoUrl: "https://assets.relay.link/icons/square/43114/light.png",
         type: chain_1.ChainType.EVM,
-        nativeRequired: (0, viem_1.parseEther)("0.005"),
+        nativeRequired: (0, viem_1.parseEther)("0.01"),
         canDepositNative: true,
         defaultToken: (0, token_1.getAvaxToken)(),
         nativeToken: (0, token_1.getAvaxToken)(),
@@ -127,7 +127,7 @@ exports.EVM_MAINNET = {
         name: chains_1.bsc.name,
         logoUrl: "https://avatars.githubusercontent.com/u/45615063?s=280&v=4",
         type: chain_1.ChainType.EVM,
-        nativeRequired: (0, viem_1.parseEther)("0.00001"),
+        nativeRequired: (0, viem_1.parseEther)("0.000025"),
         canDepositNative: true,
         defaultToken: (0, token_1.getBnbToken)(),
         nativeToken: (0, token_1.getBnbToken)(),

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

@@ -7,6 +7,7 @@ const react_2 = require("../../../global-account/react");
 const cn_1 = require("../../../shared/utils/cn");
 const debug_1 = require("../../../shared/utils/debug");
 const useB3_1 = require("./B3Provider/useB3");
+const LinkAccount_1 = require("./LinkAccount/LinkAccount");
 const ManageAccount_1 = require("./ManageAccount/ManageAccount");
 const RequestPermissions_1 = require("./RequestPermissions/RequestPermissions");
 const SignInWithB3Flow_1 = require("./SignInWithB3/SignInWithB3Flow");
@@ -31,6 +32,7 @@ function B3DynamicModal() {
         "signInWithB3",
         "anySpendSignatureMint",
         "anySpendBondKit",
+        "linkAccount",
     ];
     const freestyleTypes = [
         "anySpendNft",
@@ -82,6 +84,8 @@ function B3DynamicModal() {
                 return (0, jsx_runtime_1.jsx)(react_1.AnyspendSignatureMint, { ...contentType, mode: "modal" });
             case "anySpendBondKit":
                 return (0, jsx_runtime_1.jsx)(react_1.AnySpendBondKit, { ...contentType });
+            case "linkAccount":
+                return (0, jsx_runtime_1.jsx)(LinkAccount_1.LinkAccount, { ...contentType });
             // Add other modal types here
             default:
                 return null;

package/dist/cjs/global-account/react/components/LinkAccount/LinkAccount.d.ts

@@ -0,0 +1,2 @@
+import { LinkAccountModalProps } from "../../stores/useModalStore";
+export declare function LinkAccount({ onSuccess: onSuccessCallback, onError, onClose, chain, partnerId, }: LinkAccountModalProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,228 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LinkAccount = LinkAccount;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const thirdweb_1 = require("../../../../shared/utils/thirdweb");
+const lucide_react_1 = require("lucide-react");
+const react_1 = require("react");
+const sonner_1 = require("sonner");
+const react_2 = require("thirdweb/react");
+const wallets_1 = require("thirdweb/wallets");
+const useModalStore_1 = require("../../stores/useModalStore");
+const profileDisplay_1 = require("../../utils/profileDisplay");
+const useB3_1 = require("../B3Provider/useB3");
+const button_1 = require("../ui/button");
+const AUTH_METHODS = [
+    { id: "email", label: "Email", enabled: true },
+    { id: "phone", label: "Phone", enabled: true },
+    { id: "google", label: "Google", enabled: true },
+    { id: "x", label: "X (Twitter)", enabled: true },
+    { id: "discord", label: "Discord", enabled: true },
+    { id: "apple", label: "Apple", enabled: true },
+];
+function LinkAccount({ onSuccess: onSuccessCallback, onError, onClose, chain, partnerId, }) {
+    const { isLinking, linkingMethod, setLinkingState, navigateBack, setB3ModalContentType } = (0, useModalStore_1.useModalStore)();
+    const [selectedMethod, setSelectedMethod] = (0, react_1.useState)(null);
+    const [email, setEmail] = (0, react_1.useState)("");
+    const [phone, setPhone] = (0, react_1.useState)("");
+    const [otp, setOtp] = (0, react_1.useState)("");
+    const [otpSent, setOtpSent] = (0, react_1.useState)(false);
+    const [error, setError] = (0, react_1.useState)(null);
+    const { data: profilesRaw = [] } = (0, react_2.useProfiles)({ client: thirdweb_1.client });
+    // Get connected auth methods
+    const connectedAuthMethods = profilesRaw
+        .filter((profile) => !["custom_auth_endpoint", "siwe"].includes(profile.type))
+        .map((profile) => profile.type);
+    // Filter available auth methods
+    const availableAuthMethods = AUTH_METHODS.filter(method => !connectedAuthMethods.includes(method.id) && method.enabled);
+    const profiles = profilesRaw
+        .filter((profile) => !["custom_auth_endpoint", "siwe"].includes(profile.type))
+        .map((profile) => ({
+        ...(0, profileDisplay_1.getProfileDisplayInfo)(profile),
+        originalProfile: profile,
+    }));
+    const { account } = (0, useB3_1.useB3)();
+    const { mutate: linkProfile } = (0, react_2.useLinkProfile)();
+    const onSuccess = (0, react_1.useCallback)(async () => {
+        await onSuccessCallback?.();
+    }, [onSuccessCallback]);
+    // Reset linking state when component unmounts
+    (0, react_1.useEffect)(() => {
+        return () => {
+            if (isLinking) {
+                setLinkingState(false);
+            }
+        };
+    }, [isLinking, setLinkingState]);
+    const mutationOptions = {
+        onError: (error) => {
+            console.error("Error linking account:", error);
+            sonner_1.toast.error(error.message);
+            setLinkingState(false);
+            onError?.(error);
+        },
+    };
+    const validateInput = () => {
+        if (selectedMethod === "email") {
+            if (!email) {
+                setError("Please enter your email address");
+                return false;
+            }
+            if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
+                setError("Please enter a valid email address");
+                return false;
+            }
+        }
+        else if (selectedMethod === "phone") {
+            if (!phone) {
+                setError("Please enter your phone number");
+                return false;
+            }
+            if (!/^\+?[\d\s-]{10,}$/.test(phone)) {
+                setError("Please enter a valid phone number");
+                return false;
+            }
+        }
+        setError(null);
+        return true;
+    };
+    const handleSendOTP = async () => {
+        if (!validateInput())
+            return;
+        try {
+            setLinkingState(true, selectedMethod);
+            setError(null);
+            if (selectedMethod === "email") {
+                await (0, wallets_1.preAuthenticate)({
+                    client: thirdweb_1.client,
+                    strategy: "email",
+                    email,
+                });
+            }
+            else if (selectedMethod === "phone") {
+                await (0, wallets_1.preAuthenticate)({
+                    client: thirdweb_1.client,
+                    strategy: "phone",
+                    phoneNumber: phone,
+                });
+            }
+            setOtpSent(true);
+        }
+        catch (error) {
+            console.error("Error sending OTP:", error);
+            setError(error instanceof Error ? error.message : "Failed to send OTP");
+            onError?.(error);
+            setLinkingState(false);
+        }
+    };
+    const handleLinkAccount = async () => {
+        if (!otp) {
+            setError("Please enter the verification code");
+            return;
+        }
+        try {
+            setLinkingState(true, selectedMethod);
+            setError(null);
+            if (selectedMethod === "email") {
+                await linkProfile({
+                    client: thirdweb_1.client,
+                    strategy: "email",
+                    email,
+                    verificationCode: otp,
+                }, mutationOptions);
+            }
+            else if (selectedMethod === "phone") {
+                await linkProfile({
+                    client: thirdweb_1.client,
+                    strategy: "phone",
+                    phoneNumber: phone,
+                    verificationCode: otp,
+                }, mutationOptions);
+            }
+            onSuccess?.();
+            onClose?.();
+        }
+        catch (error) {
+            console.error("Error linking account:", error);
+            setError(error instanceof Error ? error.message : "Failed to link account");
+            onError?.(error);
+        }
+        finally {
+            setLinkingState(false);
+        }
+    };
+    const handleSocialLink = async (strategy) => {
+        try {
+            console.log("handleSocialLink", strategy);
+            setLinkingState(true, strategy);
+            setError(null);
+            const result = await linkProfile({
+                client: thirdweb_1.client,
+                strategy,
+            }, mutationOptions);
+            console.log("result", result);
+            // Don't close the modal yet, wait for auth to complete
+            onSuccess?.();
+        }
+        catch (error) {
+            console.error("Error linking with social:", error);
+            setError(error instanceof Error ? error.message : "Failed to link social account");
+            onError?.(error);
+            setLinkingState(false);
+        }
+    };
+    // Add effect to handle social auth completion
+    (0, react_1.useEffect)(() => {
+        if (isLinking && linkingMethod && !selectedMethod) {
+            // This means we're in a social auth flow
+            const checkAuthStatus = async () => {
+                try {
+                    // Wait a bit to ensure auth is complete
+                    await new Promise(resolve => setTimeout(resolve, 1000));
+                    onClose?.();
+                }
+                catch (error) {
+                    console.error("Error checking auth status:", error);
+                    setLinkingState(false);
+                }
+            };
+            checkAuthStatus();
+        }
+    }, [isLinking, linkingMethod, selectedMethod, onClose, setLinkingState]);
+    const handleBack = (0, react_1.useCallback)(() => {
+        if (isLinking)
+            return;
+        setSelectedMethod(null);
+        setEmail("");
+        setPhone("");
+        setOtp("");
+        setOtpSent(false);
+        setError(null);
+        setLinkingState(false);
+    }, [isLinking, setSelectedMethod, setEmail, setPhone, setOtp, setOtpSent, setError, setLinkingState]);
+    (0, react_1.useEffect)(() => {
+        if (isLinking) {
+            setLinkingState(false);
+            navigateBack();
+            setB3ModalContentType({
+                type: "manageAccount",
+                activeTab: "settings",
+                setActiveTab: () => { },
+                chain,
+                partnerId,
+            });
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [profiles.length]);
+    if (!account) {
+        return (0, jsx_runtime_1.jsx)("div", { className: "text-b3-foreground-muted py-8 text-center", children: "Please connect your account first" });
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-6 p-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("h2", { className: "text-b3-grey font-neue-montreal-semibold text-2xl", children: "Link New Account" }), selectedMethod && ((0, jsx_runtime_1.jsx)(button_1.Button, { variant: "ghost", className: "text-b3-grey hover:text-b3-grey/80", onClick: handleBack, children: "Backs" }))] }), !selectedMethod ? ((0, jsx_runtime_1.jsxs)("div", { className: "grid gap-3", children: [availableAuthMethods.map(method => ((0, jsx_runtime_1.jsx)(button_1.Button, { className: "bg-b3-primary-wash hover:bg-b3-primary-wash/70 text-b3-grey font-neue-montreal-semibold h-16 justify-start px-6 text-lg", onClick: () => {
+                            if (method.id === "email" || method.id === "phone") {
+                                setSelectedMethod(method.id);
+                            }
+                            else {
+                                handleSocialLink(method.id);
+                            }
+                        }, disabled: linkingMethod === method.id, children: isLinking && linkingMethod === method.id ? (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "animate-spin" }) : method.label }, method.id))), availableAuthMethods.length === 0 && ((0, jsx_runtime_1.jsx)("div", { className: "text-b3-foreground-muted py-8 text-center", children: "All available authentication methods have been connected" }))] })) : ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [selectedMethod === "email" && ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-2", children: [(0, jsx_runtime_1.jsx)("label", { className: "text-b3-grey font-neue-montreal-medium text-sm", children: "Email Address" }), (0, jsx_runtime_1.jsx)("input", { type: "email", placeholder: "Enter your email", className: "bg-b3-line text-b3-grey font-neue-montreal-medium focus:ring-b3-primary-blue/20 w-full rounded-xl p-4 focus:outline-none focus:ring-2", value: email, onChange: e => setEmail(e.target.value), disabled: otpSent || (isLinking && linkingMethod === "email") })] })), selectedMethod === "phone" && ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-2", children: [(0, jsx_runtime_1.jsx)("label", { className: "text-b3-grey font-neue-montreal-medium text-sm", children: "Phone Number" }), (0, jsx_runtime_1.jsx)("input", { type: "tel", placeholder: "Enter your phone number", className: "bg-b3-line text-b3-grey font-neue-montreal-medium focus:ring-b3-primary-blue/20 w-full rounded-xl p-4 focus:outline-none focus:ring-2", value: phone, onChange: e => setPhone(e.target.value), disabled: otpSent || (isLinking && linkingMethod === "phone") }), (0, jsx_runtime_1.jsx)("p", { className: "text-b3-foreground-muted font-neue-montreal-medium text-sm", children: "Include country code (e.g., +1 for US)" })] })), error && (0, jsx_runtime_1.jsx)("div", { className: "text-b3-negative font-neue-montreal-medium py-2 text-sm", children: error }), otpSent ? ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "space-y-2", children: [(0, jsx_runtime_1.jsx)("label", { className: "text-b3-grey font-neue-montreal-medium text-sm", children: "Verification Code" }), (0, jsx_runtime_1.jsx)("input", { type: "text", placeholder: "Enter verification code", className: "bg-b3-line text-b3-grey font-neue-montreal-medium focus:ring-b3-primary-blue/20 w-full rounded-xl p-4 focus:outline-none focus:ring-2", value: otp, onChange: e => setOtp(e.target.value), disabled: isLinking && linkingMethod === selectedMethod })] }), (0, jsx_runtime_1.jsx)(button_1.Button, { className: "bg-b3-primary-blue hover:bg-b3-primary-blue/90 font-neue-montreal-semibold h-12 w-full text-white", onClick: handleLinkAccount, disabled: !otp || (isLinking && linkingMethod === selectedMethod), children: isLinking && linkingMethod === selectedMethod ? (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "animate-spin" }) : "Link Account" })] })) : ((0, jsx_runtime_1.jsx)(button_1.Button, { className: "bg-b3-primary-blue hover:bg-b3-primary-blue/90 font-neue-montreal-semibold h-12 w-full text-white", onClick: handleSendOTP, disabled: (!email && !phone) || (isLinking && linkingMethod === selectedMethod), children: isLinking && linkingMethod === selectedMethod ? ((0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "animate-spin" })) : ("Send Verification Code") }))] }))] }));
+}

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

@@ -11,11 +11,13 @@ const SignOutIcon_1 = require("../../../../global-account/react/components/icons
 const SwapIcon_1 = require("../../../../global-account/react/components/icons/SwapIcon");
 const utils_1 = require("../../../../shared/utils");
 const formatNumber_1 = require("../../../../shared/utils/formatNumber");
+const thirdweb_1 = require("../../../../shared/utils/thirdweb");
 const lucide_react_1 = require("lucide-react");
 const react_2 = require("react");
 const react_3 = require("thirdweb/react");
 const viem_1 = require("viem");
 const useFirstEOA_1 = __importDefault(require("../../hooks/useFirstEOA"));
+const profileDisplay_1 = require("../../utils/profileDisplay");
 const AccountAssets_1 = require("../AccountAssets/AccountAssets");
 function centerTruncate(str, length = 4) {
     if (str.length <= length * 2)
@@ -23,7 +25,6 @@ function centerTruncate(str, length = 4) {
     return `${str.slice(0, length)}...${str.slice(-length)}`;
 }
 function ManageAccount({ onLogout, onSwap: _onSwap, onDeposit: _onDeposit, chain, partnerId, }) {
-    const [activeTab, setActiveTab] = (0, react_2.useState)("balance");
     const [revokingSignerId, setRevokingSignerId] = (0, react_2.useState)(null);
     const account = (0, react_3.useActiveAccount)();
     const { data: assets, isLoading } = (0, react_1.useAccountAssets)(account?.address);
@@ -40,7 +41,8 @@ function ManageAccount({ onLogout, onSwap: _onSwap, onDeposit: _onDeposit, chain
         chain,
         accountAddress: account?.address,
     });
-    const { setB3ModalOpen, setB3ModalContentType } = (0, react_1.useModalStore)();
+    const { setB3ModalOpen, setB3ModalContentType, contentType } = (0, react_1.useModalStore)();
+    const { activeTab = "balance", setActiveTab } = contentType;
     const { logout } = (0, react_1.useAuthentication)(partnerId);
     const [logoutLoading, setLogoutLoading] = (0, react_2.useState)(false);
     console.log("account", account);
@@ -87,5 +89,56 @@ function ManageAccount({ onLogout, onSwap: _onSwap, onDeposit: _onDeposit, chain
     };
     const AssetsContent = () => ((0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-3 gap-4", children: assets?.nftResponse ? ((0, jsx_runtime_1.jsx)(AccountAssets_1.AccountAssets, { nfts: assets.nftResponse, isLoading: isLoading })) : ((0, jsx_runtime_1.jsx)("div", { className: "col-span-3 py-12 text-center text-gray-500", children: "No NFTs found" })) }));
     const AppsContent = () => ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [signers?.map((signer) => ((0, jsx_runtime_1.jsx)("div", { className: "rounded-xl border border-gray-200 p-4 dark:border-gray-800", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-start justify-between", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-start gap-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex h-10 w-10 items-center justify-center rounded-full bg-gray-100 dark:bg-gray-800", children: (0, jsx_runtime_1.jsx)("span", { className: "text-xs font-medium text-gray-600 dark:text-gray-400", children: "App" }) }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h3", { className: "font-medium text-gray-900 dark:text-white", children: signer.partner.name }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-2 space-y-1", children: [(0, jsx_runtime_1.jsxs)("p", { className: "text-xs text-gray-500", children: ["Added ", new Date(signer.createdAt).toLocaleDateString()] }), (0, jsx_runtime_1.jsxs)("p", { className: "text-xs text-gray-500", children: ["Expires ", new Date(Number(signer.endTimestamp) * 1000).toLocaleDateString()] }), (0, jsx_runtime_1.jsxs)("p", { className: "text-xs text-gray-500", children: ["Max spend: ", (0, formatNumber_1.formatNumber)(Number((0, viem_1.formatUnits)(signer.nativeTokenLimitPerTransaction, 18))), " ETH"] })] })] })] }), (0, jsx_runtime_1.jsx)(react_1.Button, { variant: "outline", size: "sm", className: "border-red-200 text-red-500 hover:border-red-300 hover:text-red-600", onClick: () => handleRevoke(signer), disabled: revokingSignerId === signer.id, children: revokingSignerId === signer.id ? "Revoking..." : "Revoke" })] }) }, signer.id))), !signers?.length && (0, jsx_runtime_1.jsx)("div", { className: "py-12 text-center text-gray-500", children: "No connected apps" })] }));
-    return ((0, jsx_runtime_1.jsx)("div", { className: "b3-manage-account bg-b3-background flex flex-col rounded-xl", children: (0, jsx_runtime_1.jsx)("div", { className: "flex-1", children: (0, jsx_runtime_1.jsxs)(react_1.TabsPrimitive, { defaultValue: activeTab, onValueChange: setActiveTab, children: [(0, jsx_runtime_1.jsxs)(react_1.TabsListPrimitive, { className: "font-neue-montreal-semibold text-b3-grey flex h-8 w-full items-start justify-start gap-8 border-0 text-xl md:p-4", children: [(0, jsx_runtime_1.jsx)(react_1.TabTriggerPrimitive, { value: "balance", className: "data-[state=active]:text-b3-primary-blue data-[state=active]:border-b-b3-primary-blue flex-none rounded-none border-0 p-0 pb-1 text-xl leading-none tracking-wide transition-colors data-[state=active]:border-b data-[state=active]:bg-white md:pb-4", children: "Overview" }), (0, jsx_runtime_1.jsx)(react_1.TabTriggerPrimitive, { value: "assets", className: "data-[state=active]:text-b3-primary-blue data-[state=active]:border-b-b3-primary-blue flex-none rounded-none border-0 p-0 pb-1 text-xl leading-none tracking-wide transition-colors data-[state=active]:border-b data-[state=active]:bg-white md:pb-4", children: "Mints" }), (0, jsx_runtime_1.jsx)(react_1.TabTriggerPrimitive, { value: "apps", className: "data-[state=active]:text-b3-primary-blue data-[state=active]:border-b-b3-primary-blue flex-none rounded-none border-0 p-0 pb-1 text-xl leading-none tracking-wide transition-colors data-[state=active]:border-b data-[state=active]:bg-white md:pb-4", children: "Apps" })] }), (0, jsx_runtime_1.jsx)(react_1.TabsContentPrimitive, { value: "balance", className: "pt-4 md:p-4", children: (0, jsx_runtime_1.jsx)(BalanceContent, {}) }), (0, jsx_runtime_1.jsx)(react_1.TabsContentPrimitive, { value: "assets", className: "pt-4 md:p-4", children: (0, jsx_runtime_1.jsx)(AssetsContent, {}) }), (0, jsx_runtime_1.jsx)(react_1.TabsContentPrimitive, { value: "apps", className: "pt-4 md:p-4", children: (0, jsx_runtime_1.jsx)(AppsContent, {}) })] }) }) }));
+    const SettingsContent = () => {
+        const [unlinkingAccountId, setUnlinkingAccountId] = (0, react_2.useState)(null);
+        const { data: profilesRaw = [], isLoading: isLoadingProfiles } = (0, react_3.useProfiles)({ client: thirdweb_1.client });
+        const { mutate: unlinkProfile, isPending: isUnlinking } = (0, react_3.useUnlinkProfile)();
+        const { setB3ModalOpen, setB3ModalContentType, isLinking } = (0, react_1.useModalStore)();
+        const profiles = profilesRaw
+            .filter((profile) => !["custom_auth_endpoint", "siwe"].includes(profile.type))
+            .map((profile) => ({
+            ...(0, profileDisplay_1.getProfileDisplayInfo)(profile),
+            originalProfile: profile,
+        }));
+        const handleUnlink = async (profile) => {
+            setUnlinkingAccountId(profile.title);
+            try {
+                await unlinkProfile({
+                    client: thirdweb_1.client,
+                    profileToUnlink: profile.originalProfile,
+                });
+            }
+            catch (error) {
+                console.error("Error unlinking account:", error);
+            }
+            finally {
+                setUnlinkingAccountId(null);
+            }
+        };
+        const handleOpenLinkModal = () => {
+            setB3ModalOpen(true);
+            setB3ModalContentType({
+                type: "linkAccount",
+                showBackButton: true,
+                partnerId,
+                chain,
+                onSuccess: async () => {
+                    // Let the LinkAccount component handle modal closing
+                },
+                onError: () => {
+                    // Let the LinkAccount component handle errors
+                },
+                onClose: () => {
+                    // Let the LinkAccount component handle closing
+                },
+            });
+        };
+        return ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-8", children: [(0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("h3", { className: "text-b3-grey font-neue-montreal-semibold text-xl", children: "Linked Accounts" }), (0, jsx_runtime_1.jsxs)(react_1.Button, { className: "bg-b3-primary-wash hover:bg-b3-primary-wash/70 flex items-center gap-2 rounded-full px-4 py-2", onClick: handleOpenLinkModal, disabled: isLinking, children: [isLinking ? ((0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "text-b3-primary-blue animate-spin", size: 16 })) : ((0, jsx_runtime_1.jsx)(lucide_react_1.LinkIcon, { size: 16, className: "text-b3-primary-blue" })), (0, jsx_runtime_1.jsx)("span", { className: "text-b3-grey font-neue-montreal-semibold", children: isLinking ? "Linking..." : "Link New Account" })] })] }), isLoadingProfiles ? ((0, jsx_runtime_1.jsx)("div", { className: "flex justify-center py-8", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "text-b3-grey animate-spin" }) })) : profiles.length > 0 ? ((0, jsx_runtime_1.jsx)("div", { className: "space-y-4", children: profiles.map(profile => ((0, jsx_runtime_1.jsxs)("div", { className: "bg-b3-line flex items-center justify-between rounded-xl p-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3", children: [profile.imageUrl ? ((0, jsx_runtime_1.jsx)("img", { src: profile.imageUrl, alt: profile.title, className: "size-10 rounded-full" })) : ((0, jsx_runtime_1.jsx)("div", { className: "bg-b3-primary-wash flex h-10 w-10 items-center justify-center rounded-full", children: (0, jsx_runtime_1.jsx)("span", { className: "text-b3-grey font-neue-montreal-semibold text-sm uppercase", children: profile.initial }) })), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-b3-grey font-neue-montreal-semibold", children: profile.title }), (0, jsx_runtime_1.jsx)("span", { className: "text-b3-foreground-muted font-neue-montreal-medium bg-b3-primary-wash rounded px-2 py-0.5 text-xs", children: profile.type.toUpperCase() })] }), (0, jsx_runtime_1.jsx)("div", { className: "text-b3-foreground-muted font-neue-montreal-medium text-sm", children: profile.subtitle })] })] }), (0, jsx_runtime_1.jsx)(react_1.Button, { variant: "ghost", size: "icon", className: "text-b3-grey hover:text-b3-negative", onClick: () => handleUnlink(profile), disabled: unlinkingAccountId === profile.title || isUnlinking, children: unlinkingAccountId === profile.title || isUnlinking ? ((0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "animate-spin" })) : ((0, jsx_runtime_1.jsx)(lucide_react_1.UnlinkIcon, { size: 16 })) })] }, profile.title))) })) : ((0, jsx_runtime_1.jsx)("div", { className: "text-b3-foreground-muted py-8 text-center", children: "No linked accounts found" }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)("h3", { className: "text-b3-grey font-neue-montreal-semibold text-xl", children: "Account Preferences" }), (0, jsx_runtime_1.jsx)("div", { className: "bg-b3-line rounded-xl p-4", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-b3-grey font-neue-montreal-semibold", children: "Dark Mode" }), (0, jsx_runtime_1.jsx)("div", { className: "text-b3-foreground-muted font-neue-montreal-medium text-sm", children: "Switch between light and dark theme" })] }), (0, jsx_runtime_1.jsx)("div", { className: "bg-b3-primary-wash h-6 w-12 rounded-full" })] }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "border-b3-line flex items-center justify-between rounded-2xl border p-4", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("img", { src: "https://cdn.b3.fun/b3_logo.svg", alt: "B3", className: "h-4" }), (0, jsx_runtime_1.jsx)("h3", { className: "font-neue-montreal-semibold text-b3-grey", children: "Global Account" })] }), (0, jsx_runtime_1.jsx)("p", { className: "text-b3-foreground-muted font-neue-montreal-medium mt-2 text-sm", children: "Your universal account for all B3-powered apps" })] }), (0, jsx_runtime_1.jsx)("button", { className: "text-b3-grey hover:text-b3-grey/80 hover:bg-b3-line border-b3-line flex size-12 items-center justify-center rounded-full border", onClick: onLogoutEnhanced, children: logoutLoading ? (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "animate-spin" }) : (0, jsx_runtime_1.jsx)(SignOutIcon_1.SignOutIcon, { size: 16, className: "text-b3-grey" }) })] })] }));
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { className: "b3-manage-account bg-b3-background flex flex-col rounded-xl", children: (0, jsx_runtime_1.jsx)("div", { className: "flex-1", children: (0, jsx_runtime_1.jsxs)(react_1.TabsPrimitive, { defaultValue: activeTab, onValueChange: value => {
+                    const tab = value;
+                    if (["balance", "assets", "apps", "settings"].includes(tab)) {
+                        setActiveTab?.(tab);
+                    }
+                }, children: [(0, jsx_runtime_1.jsxs)(react_1.TabsListPrimitive, { className: "font-neue-montreal-semibold text-b3-grey flex h-8 w-full items-start justify-start gap-8 border-0 text-xl md:p-4", children: [(0, jsx_runtime_1.jsx)(react_1.TabTriggerPrimitive, { value: "balance", className: "data-[state=active]:text-b3-primary-blue data-[state=active]:border-b-b3-primary-blue flex-none rounded-none border-0 p-0 pb-1 text-xl leading-none tracking-wide transition-colors data-[state=active]:border-b data-[state=active]:bg-white md:pb-4", children: "Overview" }), (0, jsx_runtime_1.jsx)(react_1.TabTriggerPrimitive, { value: "assets", className: "data-[state=active]:text-b3-primary-blue data-[state=active]:border-b-b3-primary-blue flex-none rounded-none border-0 p-0 pb-1 text-xl leading-none tracking-wide transition-colors data-[state=active]:border-b data-[state=active]:bg-white md:pb-4", children: "Mints" }), (0, jsx_runtime_1.jsx)(react_1.TabTriggerPrimitive, { value: "apps", className: "data-[state=active]:text-b3-primary-blue data-[state=active]:border-b-b3-primary-blue flex-none rounded-none border-0 p-0 pb-1 text-xl leading-none tracking-wide transition-colors data-[state=active]:border-b data-[state=active]:bg-white md:pb-4", children: "Apps" }), (0, jsx_runtime_1.jsx)(react_1.TabTriggerPrimitive, { value: "settings", className: "data-[state=active]:text-b3-primary-blue data-[state=active]:border-b-b3-primary-blue flex-none rounded-none border-0 p-0 pb-1 text-xl leading-none tracking-wide transition-colors data-[state=active]:border-b data-[state=active]:bg-white md:pb-4", children: "Settings" })] }), (0, jsx_runtime_1.jsx)(react_1.TabsContentPrimitive, { value: "balance", className: "pt-4 md:p-4", children: (0, jsx_runtime_1.jsx)(BalanceContent, {}) }), (0, jsx_runtime_1.jsx)(react_1.TabsContentPrimitive, { value: "assets", className: "pt-4 md:p-4", children: (0, jsx_runtime_1.jsx)(AssetsContent, {}) }), (0, jsx_runtime_1.jsx)(react_1.TabsContentPrimitive, { value: "apps", className: "pt-4 md:p-4", children: (0, jsx_runtime_1.jsx)(AppsContent, {}) }), (0, jsx_runtime_1.jsx)(react_1.TabsContentPrimitive, { value: "settings", className: "pt-4 md:p-4", children: (0, jsx_runtime_1.jsx)(SettingsContent, {}) })] }) }) }));
 }

package/dist/cjs/global-account/react/components/SignInWithB3/steps/LoginStep.js

@@ -17,7 +17,7 @@ function LoginStepContainer({ children, partnerId }) {
         },
     }, !!partnerId);
     const partnerLogo = partner?.data?.[0]?.loginCustomization?.logoUrl;
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center justify-center", children: [partnerLogo && (0, jsx_runtime_1.jsx)("img", { src: partnerLogo, alt: "Partner Logo", className: "mb-6 mt-6 h-12 w-auto object-contain" }), children, (0, jsx_runtime_1.jsxs)("h2", { className: "mt-6 flex items-center gap-2 text-lg font-bold", children: ["Powered by", (0, jsx_runtime_1.jsx)("img", { alt: "B3 Logo", className: "h-5", src: "https://cdn.b3.fun/b3_logo.svg" }), "Connect"] })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center justify-center", children: [partnerLogo && ((0, jsx_runtime_1.jsx)("img", { src: partnerLogo, alt: "Partner Logo", className: "partner-logo mb-6 mt-6 h-12 w-auto object-contain" })), children, (0, jsx_runtime_1.jsxs)("h2", { className: "mt-6 flex items-center gap-2 text-lg font-bold", children: ["Powered by", (0, jsx_runtime_1.jsx)("img", { alt: "B3 Logo", className: "h-5", src: "https://cdn.b3.fun/b3_logo.svg" }), "Connect"] })] }));
 }
 function LoginStep({ onSuccess, onError, partnerId, chain }) {
     const wallet = (0, wallets_1.ecosystemWallet)(constants_1.ecosystemWalletId, {

package/dist/cjs/global-account/react/components/custom/Button.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "b3" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: "default" | "outline";

package/dist/cjs/global-account/react/components/ui/button.d.ts

@@ -2,7 +2,7 @@ import { type VariantProps } from "class-variance-authority";
 import * as React from "react";
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;

package/dist/cjs/global-account/react/hooks/useUnifiedChainSwitchAndExecute.js

@@ -40,9 +40,14 @@ function useUnifiedChainSwitchAndExecute() {
             if (!signer) {
                 throw new Error("No account connected");
             }
+            // Get the target chain configuration instead of using potentially stale walletClient.chain
+            const targetChain = supported_1.supportedChains.find(chain => chain.id === targetChainId);
+            if (!targetChain) {
+                throw new Error(`Chain ${targetChainId} is not supported`);
+            }
             const hash = await walletClient.sendTransaction({
                 account: signer,
-                chain: walletClient.chain,
+                chain: targetChain,
                 to: params.to,
                 data: params.data,
                 value: params.value,
@@ -55,7 +60,7 @@ function useUnifiedChainSwitchAndExecute() {
             if (onCorrectChain) {
                 return await executeTransaction();
             }
-            sonner_1.toast.info(`Switching to ${(0, anyspend_1.getChainName)(targetChainId)}…`);
+            const switchingToastId = sonner_1.toast.info(`Switching to ${(0, anyspend_1.getChainName)(targetChainId)}…`);
             const targetChain = supported_1.supportedChains.find(chain => chain.id === targetChainId);
             if (!targetChain) {
                 sonner_1.toast.error(`Chain ${targetChainId} is not supported`);
@@ -77,6 +82,7 @@ function useUnifiedChainSwitchAndExecute() {
                     },
                 },
             });
+            sonner_1.toast.dismiss(switchingToastId);
             return await executeTransaction();
         }
         catch (e) {

package/dist/cjs/global-account/react/stores/useModalStore.d.ts

@@ -78,6 +78,10 @@ export interface ManageAccountModalProps extends BaseModalProps {
     chain: Chain;
     /** Partner ID */
     partnerId: string;
+    /** Active Tab */
+    activeTab?: "balance" | "assets" | "apps" | "settings";
+    /** Function to set the active tab */
+    setActiveTab?: (tab: "balance" | "assets" | "apps" | "settings") => void;
 }
 /**
  * Props for the AnySpend modal
@@ -274,10 +278,19 @@ export interface AnySpendBondKitProps extends BaseModalProps {
     /** Callback function called when purchase is successful */
     onSuccess?: (txHash?: string) => void;
 }
+export interface LinkAccountModalProps extends BaseModalProps {
+    type: "linkAccount";
+    showBackButton?: boolean;
+    onSuccess?: () => void;
+    onError?: (error: Error) => void;
+    onClose?: () => void;
+    partnerId: string;
+    chain: Chain;
+}
 /**
  * Union type of all possible modal content types
  */
-export type ModalContentType = SignInWithB3ModalProps | RequestPermissionsModalProps | ManageAccountModalProps | AnySpendModalProps | AnyspendOrderDetailsProps | AnySpendNftProps | AnySpendJoinTournamentProps | AnySpendFundTournamentProps | TransakProps | AnySpendOrderHistoryProps | AnySpendStakeB3Props | AnySpendBuySpinProps | AnySpendSignatureMintProps | AnySpendBondKitProps;
+export type ModalContentType = SignInWithB3ModalProps | RequestPermissionsModalProps | ManageAccountModalProps | AnySpendModalProps | AnyspendOrderDetailsProps | AnySpendNftProps | AnySpendJoinTournamentProps | AnySpendFundTournamentProps | TransakProps | AnySpendOrderHistoryProps | AnySpendStakeB3Props | AnySpendBuySpinProps | AnySpendSignatureMintProps | AnySpendBondKitProps | LinkAccountModalProps;
 /**
  * State interface for the modal store
  */
@@ -300,6 +313,12 @@ interface ModalState {
     ecoSystemAccountAddress?: Address;
     /** Function to set the ecosystem account address */
     setEcoSystemAccountAddress: (address: Address) => void;
+    /** Whether an account linking operation is in progress */
+    isLinking: boolean;
+    /** The method currently being linked */
+    linkingMethod: string | null;
+    /** Function to set the linking state */
+    setLinkingState: (isLinking: boolean, method?: string | null) => void;
 }
 /**
  * Zustand store for managing modal state

package/dist/cjs/global-account/react/stores/useModalStore.js

@@ -33,4 +33,7 @@ exports.useModalStore = (0, zustand_1.create)(set => ({
     clearHistory: () => set({ history: [] }),
     ecoSystemAccountAddress: undefined,
     setEcoSystemAccountAddress: (address) => set({ ecoSystemAccountAddress: address }),
+    isLinking: false,
+    linkingMethod: null,
+    setLinkingState: (isLinking, method = null) => set({ isLinking, linkingMethod: isLinking ? method : null }),
 }));