@b3dotfun/sdk 0.0.35 → 0.0.36

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

@@ -25,7 +25,6 @@ function LoginStep({ onSuccess, onError, partnerId, chain }) {
     });
     const { theme } = (0, react_1.useB3)();
     const setIsAuthenticating = (0, react_1.useAuthStore)(state => state.setIsAuthenticating);
-    const setIsAuthenticatingV2 = (0, react_1.useAuthStore)(state => state.setIsAuthenticatingV2);
     const setIsAuthenticated = (0, react_1.useAuthStore)(state => state.setIsAuthenticated);
     const { logout } = (0, react_1.useAuthentication)(partnerId);
     return ((0, jsx_runtime_1.jsx)(LoginStepContainer, { partnerId: partnerId, children: (0, jsx_runtime_1.jsx)(react_2.ConnectEmbed, { showThirdwebBranding: false, client: thirdweb_1.client, chain: chain, wallets: [wallet], theme: theme === "light"
@@ -66,7 +65,6 @@ function LoginStep({ onSuccess, onError, partnerId, chain }) {
             }, className: "b3-login-step", onConnect: async (wallet) => {
                 try {
                     setIsAuthenticating(true);
-                    setIsAuthenticatingV2(true);
                     (0, debug_1.debug)("setIsAuthenticating:true:6");
                     const account = wallet.getAccount();
                     if (!account)
@@ -83,7 +81,6 @@ function LoginStep({ onSuccess, onError, partnerId, chain }) {
                 finally {
                     (0, debug_1.debug)("setIsAuthenticating:false:6");
                     setIsAuthenticating(false);
-                    setIsAuthenticatingV2(false);
                 }
             } }) }));
 }

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

@@ -13,7 +13,6 @@ function LoginStepCustom({ onSuccess, onError, partnerId, chain, strategies, max
     const [showAllWallets, setShowAllWallets] = (0, react_2.useState)(false);
     const { connect } = (0, react_1.useConnect)(partnerId, chain);
     const setIsAuthenticating = (0, react_1.useAuthStore)(state => state.setIsAuthenticating);
-    const setIsAuthenticatingV2 = (0, react_1.useAuthStore)(state => state.setIsAuthenticatingV2);
     const setIsAuthenticated = (0, react_1.useAuthStore)(state => state.setIsAuthenticated);
     const { logout } = (0, react_1.useAuthentication)(partnerId);
     const { connect: connectTW } = (0, react_3.useConnect)();
@@ -27,7 +26,6 @@ function LoginStepCustom({ onSuccess, onError, partnerId, chain, strategies, max
             setIsLoading(true);
             (0, debug_1.debug)("setIsAuthenticating:true:3");
             setIsAuthenticating(true);
-            setIsAuthenticatingV2(true);
             const options = (0, react_1.getConnectOptionsFromStrategy)(strategy);
             let connectResult;
             if (automaticallySetFirstEoa) {
@@ -62,7 +60,6 @@ function LoginStepCustom({ onSuccess, onError, partnerId, chain, strategies, max
             setIsLoading(false);
             (0, debug_1.debug)("setIsAuthenticating:false:3");
             setIsAuthenticating(false);
-            setIsAuthenticatingV2(false);
         }
     };
     return ((0, jsx_runtime_1.jsxs)(react_1.LoginStepContainer, { partnerId: partnerId, children: [authStrategies.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "mb-6 grid w-full grid-cols-4 gap-4", children: authStrategies.map(strategy => {

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

@@ -0,0 +1,9 @@
+import React from "react";
+export interface AppleIconProps {
+    className?: string;
+    size?: number;
+    color?: string;
+    style?: React.CSSProperties;
+}
+export declare function AppleIcon({ className, size, color, style }: AppleIconProps): import("react/jsx-runtime").JSX.Element;
+export default AppleIcon;

package/dist/cjs/global-account/react/components/icons/AppleIcon.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppleIcon = AppleIcon;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function AppleIcon({ className, size = 24, color = "currentColor", style }) {
+    return ((0, jsx_runtime_1.jsx)("svg", { width: size, height: size, viewBox: "0 0 41.5 51", xmlns: "http://www.w3.org/2000/svg", className: className, style: style, children: (0, jsx_runtime_1.jsx)("g", { children: (0, jsx_runtime_1.jsx)("path", { fill: color, d: "M40.2,17.4c-3.4,2.1-5.5,5.7-5.5,9.7c0,4.5,2.7,8.6,6.8,10.3c-0.8,2.6-2,5-3.5,7.2c-2.2,3.1-4.5,6.3-7.9,6.3s-4.4-2-8.4-2\n\t\tc-3.9,0-5.3,2.1-8.5,2.1s-5.4-2.9-7.9-6.5C2,39.5,0.1,33.7,0,27.6c0-9.9,6.4-15.2,12.8-15.2c3.4,0,6.2,2.2,8.3,2.2\n\t\tc2,0,5.2-2.3,9-2.3C34.1,12.2,37.9,14.1,40.2,17.4z M28.3,8.1C30,6.1,30.9,3.6,31,1c0-0.3,0-0.7-0.1-1c-2.9,0.3-5.6,1.7-7.5,3.9\n\t\tc-1.7,1.9-2.7,4.3-2.8,6.9c0,0.3,0,0.6,0.1,0.9c0.2,0,0.5,0.1,0.7,0.1C24.1,11.6,26.6,10.2,28.3,8.1z" }) }) }));
+}
+exports.default = AppleIcon;

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

@@ -0,0 +1,9 @@
+import React from "react";
+export interface DiscordIconProps {
+    className?: string;
+    size?: number;
+    color?: string;
+    style?: React.CSSProperties;
+}
+export declare function DiscordIcon({ className, size, color, style }: DiscordIconProps): import("react/jsx-runtime").JSX.Element;
+export default DiscordIcon;

package/dist/cjs/global-account/react/components/icons/DiscordIcon.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DiscordIcon = DiscordIcon;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function DiscordIcon({ className, size = 24, color = "#5865F2", style }) {
+    return ((0, jsx_runtime_1.jsx)("svg", { width: size, height: size, viewBox: "0 -28.5 256 256", xmlns: "http://www.w3.org/2000/svg", className: className, style: style, preserveAspectRatio: "xMidYMid", children: (0, jsx_runtime_1.jsx)("g", { children: (0, jsx_runtime_1.jsx)("path", { d: "M216.856339,16.5966031 C200.285002,8.84328665 182.566144,3.2084988 164.041564,0 C161.766523,4.11318106 159.108624,9.64549908 157.276099,14.0464379 C137.583995,11.0849896 118.072967,11.0849896 98.7430163,14.0464379 C96.9108417,9.64549908 94.1925838,4.11318106 91.8971895,0 C73.3526068,3.2084988 55.6133949,8.86399117 39.0420583,16.6376612 C5.61752293,67.146514 -3.4433191,116.400813 1.08711069,164.955721 C23.2560196,181.510915 44.7403634,191.567697 65.8621325,198.148576 C71.0772151,190.971126 75.7283628,183.341335 79.7352139,175.300261 C72.104019,172.400575 64.7949724,168.822202 57.8887866,164.667963 C59.7209612,163.310589 61.5131304,161.891452 63.2445898,160.431257 C105.36741,180.133187 151.134928,180.133187 192.754523,160.431257 C194.506336,161.891452 196.298154,163.310589 198.110326,164.667963 C191.183787,168.842556 183.854737,172.420929 176.223542,175.320965 C180.230393,183.341335 184.861538,190.991831 190.096624,198.16893 C211.238746,191.588051 232.743023,181.531619 254.911949,164.955721 C260.227747,108.668201 245.831087,59.8662432 216.856339,16.5966031 Z M85.4738752,135.09489 C72.8290281,135.09489 62.4592217,123.290155 62.4592217,108.914901 C62.4592217,94.5396472 72.607595,82.7145587 85.4738752,82.7145587 C98.3405064,82.7145587 108.709962,94.5189427 108.488529,108.914901 C108.508531,123.290155 98.3405064,135.09489 85.4738752,135.09489 Z M170.525237,135.09489 C157.88039,135.09489 147.510584,123.290155 147.510584,108.914901 C147.510584,94.5396472 157.658606,82.7145587 170.525237,82.7145587 C183.391518,82.7145587 193.761324,94.5189427 193.539891,108.914901 C193.539891,123.290155 183.391518,135.09489 170.525237,135.09489 Z", fill: color, fillRule: "nonzero" }) }) }));
+}
+exports.default = DiscordIcon;

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

@@ -0,0 +1,9 @@
+import React from "react";
+export interface FarcasterIconProps {
+    className?: string;
+    size?: number;
+    color?: string;
+    style?: React.CSSProperties;
+}
+export declare function FarcasterIcon({ className, size, color, style }: FarcasterIconProps): import("react/jsx-runtime").JSX.Element;
+export default FarcasterIcon;

package/dist/cjs/global-account/react/components/icons/FarcasterIcon.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FarcasterIcon = FarcasterIcon;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function FarcasterIcon({ className, size = 24, color = "#855DCD", style }) {
+    return ((0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 1000 1000", xmlns: "http://www.w3.org/2000/svg", className: className, style: style, children: [(0, jsx_runtime_1.jsx)("rect", { width: "1000", height: "1000", rx: "200", fill: color }), (0, jsx_runtime_1.jsx)("path", { d: "M257.778 155.556H742.222V844.444H671.111V528.889H670.414C662.554 441.677 589.258 373.333 500 373.333C410.742 373.333 337.446 441.677 329.586 528.889H328.889V844.444H257.778V155.556Z", fill: "white" }), (0, jsx_runtime_1.jsx)("path", { d: "M128.889 253.333L157.778 351.111H182.222V746.667C169.949 746.667 160 756.616 160 768.889V795.556H155.556C143.283 795.556 133.333 805.505 133.333 817.778V844.444H382.222V817.778C382.222 805.505 372.273 795.556 360 795.556H355.556V768.889C355.556 756.616 345.606 746.667 333.333 746.667H306.667V253.333H128.889Z", fill: "white" }), (0, jsx_runtime_1.jsx)("path", { d: "M675.556 746.667C663.283 746.667 653.333 756.616 653.333 768.889V795.556H648.889C636.616 795.556 626.667 805.505 626.667 817.778V844.444H875.556V817.778C875.556 805.505 865.606 795.556 853.333 795.556H848.889V768.889C848.889 756.616 838.94 746.667 826.667 746.667V351.111H851.111L880 253.333H702.222V746.667H675.556Z", fill: "white" })] }));
+}
+exports.default = FarcasterIcon;

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

@@ -0,0 +1,8 @@
+import React from "react";
+export interface GoogleIconProps {
+    className?: string;
+    size?: number;
+    style?: React.CSSProperties;
+}
+export declare function GoogleIcon({ className, size, style }: GoogleIconProps): import("react/jsx-runtime").JSX.Element;
+export default GoogleIcon;

package/dist/cjs/global-account/react/components/icons/GoogleIcon.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GoogleIcon = GoogleIcon;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function GoogleIcon({ className, size = 24, style }) {
+    return ((0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", className: className, style: style, children: [(0, jsx_runtime_1.jsx)("path", { fill: "#EA4335", d: "M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z" }), (0, jsx_runtime_1.jsx)("path", { fill: "#4285F4", d: "M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z" }), (0, jsx_runtime_1.jsx)("path", { fill: "#FBBC05", d: "M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z" }), (0, jsx_runtime_1.jsx)("path", { fill: "#34A853", d: "M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z" }), (0, jsx_runtime_1.jsx)("path", { fill: "none", d: "M0 0h48v48H0z" })] }));
+}
+exports.default = GoogleIcon;

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

@@ -0,0 +1,9 @@
+import React from "react";
+export interface XIconProps {
+    className?: string;
+    size?: number;
+    color?: string;
+    style?: React.CSSProperties;
+}
+export declare function XIcon({ className, size, color, style }: XIconProps): import("react/jsx-runtime").JSX.Element;
+export default XIcon;

package/dist/cjs/global-account/react/components/icons/XIcon.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.XIcon = XIcon;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function XIcon({ className, size = 24, color = "currentColor", style }) {
+    return ((0, jsx_runtime_1.jsx)("svg", { width: size, height: size, viewBox: "0 0 300 300.251", xmlns: "http://www.w3.org/2000/svg", className: className, style: style, children: (0, jsx_runtime_1.jsx)("path", { d: "M178.57 127.15 290.27 0h-26.46l-97.03 110.38L89.34 0H0l117.13 166.93L0 300.25h26.46l102.4-116.59 81.8 116.59h89.34M36.01 19.54H76.66l187.13 262.13h-40.66", fill: color }) }));
+}
+exports.default = XIcon;

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

@@ -4,6 +4,7 @@ exports.useAccountWallet = useAccountWallet;
 const react_1 = require("../../../global-account/react");
 const constants_1 = require("../../../shared/constants");
 const debug_1 = require("../../../shared/utils/debug");
+const ipfs_1 = require("../../../shared/utils/ipfs");
 const react_2 = require("react");
 const react_3 = require("thirdweb/react");
 const in_app_1 = require("thirdweb/wallets/in-app");
@@ -20,7 +21,7 @@ function useLastAuthProvider() {
     return lastAuthProvider;
 }
 function useAccountWallet() {
-    const { account } = (0, react_1.useB3)();
+    const { account, user } = (0, react_1.useB3)();
     const activeWallet = (0, react_3.useActiveWallet)();
     const connectedWallets = (0, react_3.useConnectedWallets)();
     const connectedSmartWallet = connectedWallets.find(wallet => wallet.id === constants_1.ecosystemWalletId);
@@ -41,7 +42,7 @@ function useAccountWallet() {
         : "https://gradvatar.com/0x0000000000000000000000000000000000000000"; // show smart wallet of eoa wallet is gradvatar
     const { data: profileData } = (0, react_1.useProfile)({ address: account?.address });
     const ensName = profileData?.displayName?.replace(/\.b3\.fun/g, "");
-    const avatarUrl = profileData?.avatar;
+    const avatarUrl = user?.avatar ? (0, ipfs_1.getIpfsUrl)(user?.avatar) : profileData?.avatar;
     const res = (0, react_2.useMemo)(() => ({
         wallet: {
             ...account,

package/dist/cjs/global-account/react/hooks/useAuthentication.d.ts

@@ -1,7 +1,6 @@
 import { preAuthenticate } from "thirdweb/wallets/in-app";
 export declare function useAuthentication(partnerId: string, loginWithSiwe?: boolean): {
     logout: (callback?: () => void) => Promise<void>;
-    isAuthenticating: boolean;
     isAuthenticated: boolean;
     isReady: boolean;
     isConnecting: boolean;
@@ -9,5 +8,5 @@ export declare function useAuthentication(partnerId: string, loginWithSiwe?: boo
     wallet: import("thirdweb/dist/types/wallets/in-app/core/wallet/types").EcosystemWallet;
     preAuthenticate: typeof preAuthenticate;
     connect: (strategyOptions?: import("thirdweb/wallets").SingleStepAuthArgsType) => Promise<import("thirdweb/wallets").Wallet | null>;
-    isAuthenticatingV2: boolean;
+    isAuthenticating: boolean;
 };

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

@@ -5,6 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAuthentication = useAuthentication;
 const app_1 = __importDefault(require("../../../global-account/app"));
+const bsmnt_1 = require("../../../global-account/bsmnt");
 const react_1 = require("../../../global-account/react");
 const constants_1 = require("../../../shared/constants");
 const supported_1 = require("../../../shared/constants/chains/supported");
@@ -23,17 +24,15 @@ function useAuthentication(partnerId, loginWithSiwe) {
     const activeWallet = (0, react_3.useActiveWallet)();
     const { authenticate } = (0, useSiwe_1.useSiwe)();
     const { setUser } = (0, react_1.useB3)();
-    const isAuthenticating = (0, react_1.useAuthStore)(state => state.isAuthenticating);
     const isAuthenticated = (0, react_1.useAuthStore)(state => state.isAuthenticated);
     const setIsAuthenticated = (0, react_1.useAuthStore)(state => state.setIsAuthenticated);
-    const setIsAuthenticating = (0, react_1.useAuthStore)(state => state.setIsAuthenticating);
     const setIsConnecting = (0, react_1.useAuthStore)(state => state.setIsConnecting);
     const setIsConnected = (0, react_1.useAuthStore)(state => state.setIsConnected);
     const isConnecting = (0, react_1.useAuthStore)(state => state.isConnecting);
     const isConnected = (0, react_1.useAuthStore)(state => state.isConnected);
     const useAutoConnectLoadingPrevious = (0, react_2.useRef)(false);
-    const setIsAuthenticatingV2 = (0, react_1.useAuthStore)(state => state.setIsAuthenticatingV2);
-    const isAuthenticatingV2 = (0, react_1.useAuthStore)(state => state.isAuthenticatingV2);
+    const setIsAuthenticating = (0, react_1.useAuthStore)(state => state.setIsAuthenticating);
+    const isAuthenticating = (0, react_1.useAuthStore)(state => state.isAuthenticating);
     const hasStartedConnecting = (0, react_1.useAuthStore)(state => state.hasStartedConnecting);
     const setHasStartedConnecting = (0, react_1.useAuthStore)(state => state.setHasStartedConnecting);
     const { connect } = (0, useConnect_1.useConnect)(partnerId, supported_1.b3MainnetThirdWeb);
@@ -50,11 +49,10 @@ function useAuthentication(partnerId, loginWithSiwe) {
                 if (!loginWithSiwe) {
                     debug("Skipping SIWE login", { loginWithSiwe });
                     setIsAuthenticated(true);
-                    setIsAuthenticatingV2(false);
+                    setIsAuthenticating(false);
                     return;
                 }
                 debug("setIsAuthenticating:true:4");
-                setIsAuthenticating(true);
                 const account = await wallet.getAccount();
                 if (!account) {
                     throw new Error("No account found during auto-connect");
@@ -64,8 +62,11 @@ function useAuthentication(partnerId, loginWithSiwe) {
                     const userAuth = await app_1.default.reAuthenticate();
                     setUser(userAuth.user);
                     setIsAuthenticated(true);
-                    setIsAuthenticatingV2(false);
+                    setIsAuthenticating(false);
                     debug("Re-authenticated successfully", { userAuth });
+                    // Authenticate on BSMNT with B3 JWT
+                    const b3Jwt = await (0, bsmnt_1.authenticateWithB3JWT)(userAuth.accessToken);
+                    console.log("@@b3Jwt", b3Jwt);
                 }
                 catch (error) {
                     // If re-authentication fails, try fresh authentication
@@ -73,8 +74,11 @@ function useAuthentication(partnerId, loginWithSiwe) {
                     const userAuth = await authenticate(account, partnerId);
                     setUser(userAuth.user);
                     setIsAuthenticated(true);
-                    setIsAuthenticatingV2(false);
+                    setIsAuthenticating(false);
                     debug("Fresh authentication successful", { userAuth });
+                    // Authenticate on BSMNT with B3 JWT
+                    const b3Jwt = await (0, bsmnt_1.authenticateWithB3JWT)(userAuth.accessToken);
+                    console.log("@@b3Jwt", b3Jwt);
                 }
             }
             catch (error) {
@@ -83,7 +87,7 @@ function useAuthentication(partnerId, loginWithSiwe) {
                 debug("setIsAuthenticating:false:4");
                 setUser();
             }
-            setIsAuthenticatingV2(false);
+            setIsAuthenticating(false);
         },
     });
     /**
@@ -91,7 +95,7 @@ function useAuthentication(partnerId, loginWithSiwe) {
      */
     (0, react_2.useEffect)(() => {
         if (!useAutoConnectLoading && useAutoConnectLoadingPrevious.current && !hasStartedConnecting) {
-            setIsAuthenticatingV2(false);
+            setIsAuthenticating(false);
         }
         useAutoConnectLoadingPrevious.current = useAutoConnectLoading;
     }, [useAutoConnectLoading]);
@@ -105,17 +109,15 @@ function useAuthentication(partnerId, loginWithSiwe) {
             // This prevents the flicker state where both isAuthenticating and isAuthenticated are false
             const timeout = setTimeout(() => {
                 debug("setIsAuthenticating:false:5a");
-                setIsAuthenticating(false);
                 setIsConnecting(false);
             }, 100); // Add a small delay to prevent quick flickers
             return () => clearTimeout(timeout);
         }
         else {
             debug("setIsAuthenticating:false:5b");
-            setIsAuthenticating(false);
             setIsConnecting(false);
         }
-    }, [useAutoConnectLoading, isAuthenticated, setIsAuthenticating, setIsConnecting, setIsConnected]);
+    }, [useAutoConnectLoading, isAuthenticated, setIsConnecting, setIsConnected]);
     const logout = async (callback) => {
         if (activeWallet) {
             debug("@@logout:activeWallet", activeWallet);
@@ -145,7 +147,6 @@ function useAuthentication(partnerId, loginWithSiwe) {
     const isReady = isAuthenticated && !useAutoConnectLoading && !isAuthenticating;
     return {
         logout,
-        isAuthenticating: useAutoConnectLoading || isAuthenticating,
         isAuthenticated,
         isReady,
         isConnecting,
@@ -153,6 +154,6 @@ function useAuthentication(partnerId, loginWithSiwe) {
         wallet,
         preAuthenticate: in_app_1.preAuthenticate,
         connect,
-        isAuthenticatingV2,
+        isAuthenticating,
     };
 }

package/dist/cjs/global-account/react/hooks/useProfile.d.ts

@@ -9,7 +9,7 @@ export interface Profile {
 export interface CombinedProfile {
     name: string | null;
     address: string | null;
-    avatar: string | null;
+    avatar: string | undefined;
     bio: string | null;
     displayName: string | null;
     profiles: Profile[];

package/dist/cjs/global-account/react/hooks/useRPMToken.d.ts

@@ -0,0 +1,7 @@
+export declare function useRPMToken(): {
+    token: string;
+    accountId: string;
+    refetch: (queryParams: undefined) => Promise<any>;
+    isLoading: boolean;
+    isError: Error | null;
+};

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

@@ -0,0 +1,11 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRPMToken = useRPMToken;
+const useQueryBSMNT_1 = require("../../../global-account/react/hooks/useQueryBSMNT");
+function useRPMToken() {
+    const { data, runQuery: refetch, isLoading, error: isError, } = (0, useQueryBSMNT_1.useQueryBSMNT)("profiles", "getReadyPlayerMeToken", undefined, true);
+    const token = data?.token || "";
+    const accountId = data?.accountId || "";
+    return { token, accountId, refetch, isLoading, isError };
+}

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

@@ -5,7 +5,6 @@ interface AuthState {
     provider?: string;
     accessToken?: string;
     chain?: Chain;
-    isAuthenticating: boolean;
     isAuthenticated: boolean;
     isConnecting: boolean;
     isConnected: boolean;
@@ -15,7 +14,6 @@ interface AuthState {
     setStep: (step: "login" | "permissions") => void;
     setIsConnecting: (isConnecting: boolean) => void;
     setIsConnected: (isConnected: boolean) => void;
-    setIsAuthenticating: (isAuthenticating: boolean) => void;
     setIsAuthenticated: (isAuthenticated: boolean) => void;
     startAuth: (params: {
         provider: string;
@@ -25,8 +23,8 @@ interface AuthState {
         onError?: (error: Error) => void;
     }) => void;
     reset: () => void;
-    isAuthenticatingV2: boolean;
-    setIsAuthenticatingV2: (isAuthenticating: boolean) => void;
+    isAuthenticating: boolean;
+    setIsAuthenticating: (isAuthenticating: boolean) => void;
     hasStartedConnecting: boolean;
     setHasStartedConnecting: (hasStartedConnecting: boolean) => void;
 }

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

@@ -8,7 +8,6 @@ exports.useAuthStore = (0, zustand_1.create)(set => ({
     provider: undefined,
     accessToken: undefined,
     chain: undefined,
-    isAuthenticating: false,
     isAuthenticated: false,
     isConnecting: false,
     isConnected: false,
@@ -18,7 +17,6 @@ exports.useAuthStore = (0, zustand_1.create)(set => ({
     setStep: step => set({ step }),
     setIsConnecting: isConnecting => set({ isConnecting }),
     setIsConnected: isConnected => set({ isConnected }),
-    setIsAuthenticating: isAuthenticating => set({ isAuthenticating }),
     setIsAuthenticated: isAuthenticated => set({ isAuthenticated }),
     startAuth: params => set({
         isOpen: true,
@@ -40,8 +38,8 @@ exports.useAuthStore = (0, zustand_1.create)(set => ({
         onSuccess: undefined,
         onError: undefined,
     }),
-    isAuthenticatingV2: true,
-    setIsAuthenticatingV2: isAuthenticating => set({ isAuthenticatingV2: isAuthenticating }),
+    isAuthenticating: true,
+    setIsAuthenticating: isAuthenticating => set({ isAuthenticating: isAuthenticating }),
     hasStartedConnecting: false,
     setHasStartedConnecting: hasStartedConnecting => set({ hasStartedConnecting }),
 }));

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

@@ -84,6 +84,10 @@ export interface ManageAccountModalProps extends BaseModalProps {
     setActiveTab?: (tab: "overview" | "tokens" | "nfts" | "apps" | "settings") => void;
     /** Whether to show the referral information */
     showReferralInfo?: boolean;
+    /** Whether to show the swap button */
+    showSwap?: boolean;
+    /** Whether to show the deposit button */
+    showDeposit?: boolean;
 }
 /**
  * Props for the AnySpend modal
@@ -287,10 +291,16 @@ export interface AnySpendDepositHypeProps extends BaseModalProps {
     /** Callback function called when the deposit is successful */
     onSuccess?: (amount?: string) => void;
 }
+export interface AvatarEditorModalProps extends BaseModalProps {
+    /** Modal type identifier */
+    type: "avatarEditor";
+    /** Callback function called when avatar is successfully set */
+    onSuccess?: () => void;
+}
 /**
  * Union type of all possible modal content types
  */
-export type ModalContentType = SignInWithB3ModalProps | RequestPermissionsModalProps | ManageAccountModalProps | AnySpendModalProps | AnyspendOrderDetailsProps | AnySpendNftProps | AnySpendJoinTournamentProps | AnySpendFundTournamentProps | AnySpendOrderHistoryProps | AnySpendStakeB3Props | AnySpendBuySpinProps | AnySpendSignatureMintProps | AnySpendBondKitProps | LinkAccountModalProps | AnySpendDepositHypeProps;
+export type ModalContentType = SignInWithB3ModalProps | RequestPermissionsModalProps | ManageAccountModalProps | AnySpendModalProps | AnyspendOrderDetailsProps | AnySpendNftProps | AnySpendJoinTournamentProps | AnySpendFundTournamentProps | AnySpendOrderHistoryProps | AnySpendStakeB3Props | AnySpendBuySpinProps | AnySpendSignatureMintProps | AnySpendBondKitProps | LinkAccountModalProps | AnySpendDepositHypeProps | AvatarEditorModalProps;
 /**
  * State interface for the modal store
  */

package/dist/cjs/global-account/react/utils/updateAvatar.d.ts

@@ -0,0 +1,4 @@
+export declare function updateAvatar(avatar: string): Promise<{
+    success: boolean;
+    error?: string;
+}>;

package/dist/cjs/global-account/react/utils/updateAvatar.js

@@ -0,0 +1,54 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateAvatar = updateAvatar;
+const bsmnt_1 = __importStar(require("../../../global-account/bsmnt"));
+const debug_1 = require("../../../shared/utils/debug");
+const debug = (0, debug_1.debugB3React)("updateAvatar");
+async function updateAvatar(avatar) {
+    try {
+        // Extract avatar ID from URL
+        const avatarID = (0, bsmnt_1.extractAvatarIdFromUrl)(avatar);
+        if (!avatarID) {
+            throw new Error("Invalid avatar URL");
+        }
+        // Set the avatar in the profiles service
+        return await bsmnt_1.default.service("profiles").setAvatar({ avatarUrl: String(avatar), avatarID: String(avatarID) }, {});
+    }
+    catch (error) {
+        debug("Failed to update avatar:", error);
+        throw error; // Re-throw to handle in component
+    }
+}

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

@@ -14,6 +14,7 @@ import { parseUnits } from "viem";
 import { base, mainnet } from "viem/chains";
 import { AnySpendFingerprintWrapper, getFingerprintConfig } from "./AnySpendFingerprintWrapper.js";
 import { CryptoPaymentMethod, CryptoPaymentMethodType } from "./common/CryptoPaymentMethod.js";
+import { CryptoPaySection } from "./common/CryptoPaySection.js";
 import { CryptoReceiveSection } from "./common/CryptoReceiveSection.js";
 import { ErrorSection } from "./common/ErrorSection.js";
 import { FiatPaymentMethod, FiatPaymentMethodComponent } from "./common/FiatPaymentMethod.js";
@@ -22,7 +23,6 @@ import { OrderHistory } from "./common/OrderHistory.js";
 import { OrderStatus } from "./common/OrderStatus.js";
 import { PanelOnramp } from "./common/PanelOnramp.js";
 import { PanelOnrampPayment } from "./common/PanelOnrampPayment.js";
-import { PaySection } from "./common/PaySection.js";
 import { RecipientSelection } from "./common/RecipientSelection.js";
 import { TabSection } from "./common/TabSection.js";
 export var PanelView;
@@ -444,7 +444,8 @@ function AnySpendInner({ destinationTokenAddress, destinationTokenChainId, mode
                 return { text: "Choose payment method", disable: false, error: false };
             }
             // If payment method selected, show appropriate action
-            if (selectedCryptoPaymentMethod === CryptoPaymentMethodType.CONNECT_WALLET) {
+            if (selectedCryptoPaymentMethod === CryptoPaymentMethodType.CONNECT_WALLET ||
+                selectedCryptoPaymentMethod === CryptoPaymentMethodType.GLOBAL_WALLET) {
                 return { text: "Swap", disable: false, error: false };
             }
             if (selectedCryptoPaymentMethod === CryptoPaymentMethodType.TRANSFER_CRYPTO) {
@@ -501,6 +502,7 @@ function AnySpendInner({ destinationTokenAddress, destinationTokenChainId, mode
                 }
                 // If payment method is selected, create order with payment method info
                 if (selectedCryptoPaymentMethod === CryptoPaymentMethodType.CONNECT_WALLET ||
+                    selectedCryptoPaymentMethod === CryptoPaymentMethodType.GLOBAL_WALLET ||
                     selectedCryptoPaymentMethod === CryptoPaymentMethodType.TRANSFER_CRYPTO) {
                     console.log("Creating crypto order with payment method:", selectedCryptoPaymentMethod);
                     await handleCryptoSwap(selectedCryptoPaymentMethod);
@@ -655,7 +657,7 @@ function AnySpendInner({ destinationTokenAddress, destinationTokenChainId, mode
                             setActivePanel(PanelView.MAIN);
                             setSelectedCryptoPaymentMethod(CryptoPaymentMethodType.NONE); // Reset payment method when going back
                         } })] })) }) }));
-    const mainView = (_jsxs("div", { className: "mx-auto flex w-[460px] max-w-full flex-col items-center gap-2", children: [isBuyMode && (_jsxs("div", { className: "mb-4 flex flex-col items-center gap-3 text-center", children: [selectedDstToken.metadata?.logoURI && (_jsx("div", { className: "relative", children: _jsx("img", { src: selectedDstToken.metadata.logoURI, alt: selectedDstToken.symbol, className: "border-as-stroke h-12 w-12 rounded-full border-2 shadow-md" }) })), _jsx("div", { children: _jsxs("h1", { className: "text-as-primary text-xl font-bold", children: ["Buy ", selectedDstToken.symbol] }) })] })), _jsx(TabSection, { activeTab: activeTab, setActiveTab: setActiveTab, setSelectedCryptoPaymentMethod: setSelectedCryptoPaymentMethod, setSelectedFiatPaymentMethod: setSelectedFiatPaymentMethod }), _jsxs("div", { className: "relative flex w-full max-w-[calc(100vw-32px)] flex-col gap-2", children: [activeTab === "crypto" ? (_jsx(PaySection, { paymentType: "crypto", selectedSrcChainId: selectedSrcChainId, setSelectedSrcChainId: setSelectedSrcChainId, selectedSrcToken: selectedSrcToken, setSelectedSrcToken: setSelectedSrcToken, srcAmount: srcAmount, setSrcAmount: setSrcAmount, setIsSrcInputDirty: setIsSrcInputDirty, selectedCryptoPaymentMethod: selectedCryptoPaymentMethod, selectedFiatPaymentMethod: selectedFiatPaymentMethod, onSelectCryptoPaymentMethod: () => setActivePanel(PanelView.CRYPTO_PAYMENT_METHOD), onSelectFiatPaymentMethod: () => setActivePanel(PanelView.FIAT_PAYMENT_METHOD), anyspendQuote: anyspendQuote })) : (_jsx(motion.div, { 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: _jsx(PanelOnramp, { srcAmountOnRamp: srcAmountOnRamp, setSrcAmountOnRamp: setSrcAmountOnRamp, selectedPaymentMethod: selectedFiatPaymentMethod, setActivePanel: setActivePanel, _recipientAddress: recipientAddress, destinationToken: selectedDstToken, destinationChainId: selectedDstChainId, destinationAmount: dstAmount, onDestinationTokenChange: setSelectedDstToken, onDestinationChainChange: setSelectedDstChainId, fiatPaymentMethodIndex: PanelView.FIAT_PAYMENT_METHOD, recipientSelectionPanelIndex: PanelView.RECIPIENT_SELECTION, hideDstToken: isBuyMode }) })), _jsx(Button, { variant: "ghost", className: cn("border-as-stroke bg-as-surface-primary absolute left-1/2 top-1/2 z-10 h-10 w-10 -translate-x-1/2 -translate-y-1/2 rounded-xl border-2 sm:h-8 sm:w-8 sm:rounded-xl", isBuyMode && "top-[calc(50%+56px)] cursor-default", activeTab === "fiat" && "hidden"), onClick: () => {
+    const mainView = (_jsxs("div", { className: "mx-auto flex w-[460px] max-w-full flex-col items-center gap-2", children: [isBuyMode && (_jsxs("div", { className: "mb-4 flex flex-col items-center gap-3 text-center", children: [selectedDstToken.metadata?.logoURI && (_jsx("div", { className: "relative", children: _jsx("img", { src: selectedDstToken.metadata.logoURI, alt: selectedDstToken.symbol, className: "border-as-stroke h-12 w-12 rounded-full border-2 shadow-md" }) })), _jsx("div", { children: _jsxs("h1", { className: "text-as-primary text-xl font-bold", children: ["Buy ", selectedDstToken.symbol] }) })] })), _jsx(TabSection, { activeTab: activeTab, setActiveTab: setActiveTab, setSelectedCryptoPaymentMethod: setSelectedCryptoPaymentMethod, setSelectedFiatPaymentMethod: setSelectedFiatPaymentMethod }), _jsxs("div", { className: "relative flex w-full max-w-[calc(100vw-32px)] flex-col gap-2", children: [activeTab === "crypto" ? (_jsx(CryptoPaySection, { selectedSrcChainId: selectedSrcChainId, setSelectedSrcChainId: setSelectedSrcChainId, selectedSrcToken: selectedSrcToken, setSelectedSrcToken: setSelectedSrcToken, srcAmount: srcAmount, setSrcAmount: setSrcAmount, setIsSrcInputDirty: setIsSrcInputDirty, selectedCryptoPaymentMethod: selectedCryptoPaymentMethod, onSelectCryptoPaymentMethod: () => setActivePanel(PanelView.CRYPTO_PAYMENT_METHOD), anyspendQuote: anyspendQuote })) : (_jsx(motion.div, { 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: _jsx(PanelOnramp, { srcAmountOnRamp: srcAmountOnRamp, setSrcAmountOnRamp: setSrcAmountOnRamp, selectedPaymentMethod: selectedFiatPaymentMethod, setActivePanel: setActivePanel, _recipientAddress: recipientAddress, destinationToken: selectedDstToken, destinationChainId: selectedDstChainId, destinationAmount: dstAmount, onDestinationTokenChange: setSelectedDstToken, onDestinationChainChange: setSelectedDstChainId, fiatPaymentMethodIndex: PanelView.FIAT_PAYMENT_METHOD, recipientSelectionPanelIndex: PanelView.RECIPIENT_SELECTION, hideDstToken: isBuyMode }) })), _jsx(Button, { variant: "ghost", className: cn("border-as-stroke bg-as-surface-primary absolute left-1/2 top-1/2 z-10 h-10 w-10 -translate-x-1/2 -translate-y-1/2 rounded-xl border-2 sm:h-8 sm:w-8 sm:rounded-xl", isBuyMode && "top-[calc(50%+56px)] cursor-default", activeTab === "fiat" && "hidden"), onClick: () => {
                             if (activeTab === "fiat" || isBuyMode) {
                                 return;
                             }

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

@@ -9,13 +9,13 @@ import { toast } from "sonner";
 import { base } from "viem/chains";
 import { PanelView, useAnyspendFlow } from "../hooks/useAnyspendFlow.js";
 import { AnySpendFingerprintWrapper, getFingerprintConfig } from "./AnySpendFingerprintWrapper.js";
+import { CryptoPaySection } from "./common/CryptoPaySection.js";
 import { CryptoPaymentMethod, CryptoPaymentMethodType } from "./common/CryptoPaymentMethod.js";
 import { CryptoReceiveSection } from "./common/CryptoReceiveSection.js";
 import { ErrorSection } from "./common/ErrorSection.js";
 import { FiatPaymentMethod, FiatPaymentMethodComponent } from "./common/FiatPaymentMethod.js";
 import { OrderDetails } from "./common/OrderDetails.js";
 import { OrderStatus } from "./common/OrderStatus.js";
-import { PaySection } from "./common/PaySection.js";
 import { RecipientSelection } from "./common/RecipientSelection.js";
 import { ArrowDown } from "lucide-react";
 import { PanelOnramp } from "./common/PanelOnramp.js";
@@ -112,7 +112,7 @@ function AnySpendDepositHypeInner({ loadOrder, mode = "modal", recipientAddress,
             await handleFiatOrder();
         }
     };
-    const mainView = (_jsxs("div", { className: "mx-auto flex w-[460px] max-w-full flex-col items-center gap-2", children: [_jsx("div", { className: "mb-4 flex flex-col items-center gap-3 text-center", children: _jsx("div", { children: _jsx("h1", { className: "text-as-primary text-xl font-bold", children: paymentType === "crypto" ? "Deposit Crypto" : "Fund with Fiat" }) }) }), _jsx("div", { className: "relative flex w-full max-w-[calc(100vw-32px)] flex-col gap-2", children: _jsxs("div", { className: "relative flex w-full max-w-[calc(100vw-32px)] flex-col gap-2", children: [paymentType === "crypto" ? (_jsx(PaySection, { paymentType: "crypto", selectedSrcChainId: selectedSrcChainId, setSelectedSrcChainId: setSelectedSrcChainId, selectedSrcToken: selectedSrcToken, setSelectedSrcToken: setSelectedSrcToken, srcAmount: srcAmount, setSrcAmount: setSrcAmount, setIsSrcInputDirty: setIsSrcInputDirty, selectedCryptoPaymentMethod: selectedCryptoPaymentMethod, selectedFiatPaymentMethod: selectedFiatPaymentMethod, onSelectCryptoPaymentMethod: () => setActivePanel(PanelView.CRYPTO_PAYMENT_METHOD), onSelectFiatPaymentMethod: () => setActivePanel(PanelView.FIAT_PAYMENT_METHOD), anyspendQuote: anyspendQuote })) : (_jsx(motion.div, { 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: _jsx(PanelOnramp, { srcAmountOnRamp: srcAmount, setSrcAmountOnRamp: setSrcAmount, selectedPaymentMethod: selectedFiatPaymentMethod, setActivePanel: setActivePanel, _recipientAddress: recipientAddress, destinationToken: B3_TOKEN, destinationChainId: base.id, dstTokenSymbol: HYPE_TOKEN_DETAILS.SYMBOL, hideDstToken: true, destinationAmount: dstAmount, onDestinationTokenChange: () => { }, onDestinationChainChange: () => { }, fiatPaymentMethodIndex: PanelView.FIAT_PAYMENT_METHOD, recipientSelectionPanelIndex: PanelView.RECIPIENT_SELECTION }) })), _jsx("div", { className: cn("relative -my-1 flex h-0 items-center justify-center", paymentType === "fiat" && "hidden"), children: _jsx(Button, { variant: "ghost", className: cn("swap-direction-button border-as-stroke bg-as-surface-primary z-10 h-10 w-10 cursor-default rounded-xl border-2 sm:h-8 sm:w-8 sm:rounded-xl"), children: _jsx("div", { className: "relative flex items-center justify-center transition-opacity", children: _jsx(ArrowDown, { className: "text-as-primary/50 h-5 w-5" }) }) }) }), paymentType === "crypto" && (_jsx(CryptoReceiveSection, { isDepositMode: false, isBuyMode: true, selectedRecipientAddress: recipientAddress, recipientName: recipientName || undefined, onSelectRecipient: () => setActivePanel(PanelView.RECIPIENT_SELECTION), dstAmount: dstAmount, dstToken: B3_TOKEN, dstTokenSymbol: HYPE_TOKEN_DETAILS.SYMBOL, dstTokenLogoURI: HYPE_TOKEN_DETAILS.LOGO_URI, selectedDstChainId: base.id, setSelectedDstChainId: () => { }, setSelectedDstToken: () => { }, onChangeDstAmount: value => {
+    const mainView = (_jsxs("div", { className: "mx-auto flex w-[460px] max-w-full flex-col items-center gap-2", children: [_jsx("div", { className: "mb-4 flex flex-col items-center gap-3 text-center", children: _jsx("div", { children: _jsx("h1", { className: "text-as-primary text-xl font-bold", children: paymentType === "crypto" ? "Deposit Crypto" : "Fund with Fiat" }) }) }), _jsx("div", { className: "relative flex w-full max-w-[calc(100vw-32px)] flex-col gap-2", children: _jsxs("div", { className: "relative flex w-full max-w-[calc(100vw-32px)] flex-col gap-2", children: [paymentType === "crypto" ? (_jsx(CryptoPaySection, { selectedSrcChainId: selectedSrcChainId, setSelectedSrcChainId: setSelectedSrcChainId, selectedSrcToken: selectedSrcToken, setSelectedSrcToken: setSelectedSrcToken, srcAmount: srcAmount, setSrcAmount: setSrcAmount, setIsSrcInputDirty: setIsSrcInputDirty, selectedCryptoPaymentMethod: selectedCryptoPaymentMethod, onSelectCryptoPaymentMethod: () => setActivePanel(PanelView.CRYPTO_PAYMENT_METHOD), anyspendQuote: anyspendQuote })) : (_jsx(motion.div, { 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: _jsx(PanelOnramp, { srcAmountOnRamp: srcAmount, setSrcAmountOnRamp: setSrcAmount, selectedPaymentMethod: selectedFiatPaymentMethod, setActivePanel: setActivePanel, _recipientAddress: recipientAddress, destinationToken: B3_TOKEN, destinationChainId: base.id, dstTokenSymbol: HYPE_TOKEN_DETAILS.SYMBOL, hideDstToken: true, destinationAmount: dstAmount, onDestinationTokenChange: () => { }, onDestinationChainChange: () => { }, fiatPaymentMethodIndex: PanelView.FIAT_PAYMENT_METHOD, recipientSelectionPanelIndex: PanelView.RECIPIENT_SELECTION }) })), _jsx("div", { className: cn("relative -my-1 flex h-0 items-center justify-center", paymentType === "fiat" && "hidden"), children: _jsx(Button, { variant: "ghost", className: cn("swap-direction-button border-as-stroke bg-as-surface-primary z-10 h-10 w-10 cursor-default rounded-xl border-2 sm:h-8 sm:w-8 sm:rounded-xl"), children: _jsx("div", { className: "relative flex items-center justify-center transition-opacity", children: _jsx(ArrowDown, { className: "text-as-primary/50 h-5 w-5" }) }) }) }), paymentType === "crypto" && (_jsx(CryptoReceiveSection, { isDepositMode: false, isBuyMode: true, selectedRecipientAddress: recipientAddress, recipientName: recipientName || undefined, onSelectRecipient: () => setActivePanel(PanelView.RECIPIENT_SELECTION), dstAmount: dstAmount, dstToken: B3_TOKEN, dstTokenSymbol: HYPE_TOKEN_DETAILS.SYMBOL, dstTokenLogoURI: HYPE_TOKEN_DETAILS.LOGO_URI, selectedDstChainId: base.id, setSelectedDstChainId: () => { }, setSelectedDstToken: () => { }, onChangeDstAmount: value => {
                                 setIsSrcInputDirty(false);
                                 setSrcAmount(value);
                             }, anyspendQuote: anyspendQuote }))] }) }), _jsx(ErrorSection, { error: getAnyspendQuoteError }), _jsx(motion.div, { initial: { opacity: 0, y: 20, filter: "blur(10px)" }, animate: { opacity: 1, y: 0, filter: "blur(0px)" }, transition: { duration: 0.3, delay: 0.2, ease: "easeInOut" }, className: cn("mt-4 flex w-full max-w-[460px] flex-col gap-2", getAnyspendQuoteError && "mt-0"), children: _jsx(ShinyButton, { accentColor: "hsl(var(--as-brand))", disabled: btnInfo.disable, onClick: onMainButtonClick, className: cn("as-main-button relative w-full", btnInfo.error ? "!bg-as-red" : btnInfo.disable ? "!bg-as-on-surface-2" : "!bg-as-brand"), textClassName: cn(btnInfo.error ? "text-white" : btnInfo.disable ? "text-as-secondary" : "text-white"), children: btnInfo.text }) }), mainFooter ? mainFooter : null] }));

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

@@ -1,4 +1,5 @@
 import { components } from "../../../../anyspend/types/api";
+import { CryptoPaymentMethodType } from "./CryptoPaymentMethod";
 type Tournament = components["schemas"]["Tournament"];
 type NFT = components["schemas"]["NFT"];
 interface ConnectWalletPaymentProps {
@@ -10,6 +11,7 @@ interface ConnectWalletPaymentProps {
     phantomWalletAddress?: string | null;
     tournament?: Tournament;
     nft?: NFT;
+    cryptoPaymentMethod: CryptoPaymentMethodType;
 }
-export default function ConnectWalletPayment({ order, onPayment, txLoading, isSwitchingOrExecuting, phantomWalletAddress, tournament, nft, }: ConnectWalletPaymentProps): import("react/jsx-runtime").JSX.Element;
+export default function ConnectWalletPayment({ order, onPayment, txLoading, isSwitchingOrExecuting, phantomWalletAddress, tournament, nft, cryptoPaymentMethod, }: ConnectWalletPaymentProps): import("react/jsx-runtime").JSX.Element;
 export {};