@b3dotfun/sdk 0.0.21 → 0.0.22

package/README.md

@@ -418,3 +418,31 @@ try {
 ---
 
 For more detailed examples and advanced usage patterns, refer to the individual module documentation and type definitions.
+
+## Local dev
+
+If you are testing with one of the demos in this repo, simply make changes and they will reflect. If you are testing outside of this repo, follow the instructions below.
+
+Initial setup
+
+```
+yalc publish # run this in sdk folder
+yalc add @b3dotfun/sdk # run this in your other project
+```
+
+After making changes
+
+```
+yalc publish # run this in sdk folder
+yalc update # run this in your other project
+```
+
+## Debugging
+
+If you want to debug with existing logs that we provide, simply run this in your browser console, on the app you are debugging
+
+```
+localStorage.setItem('debug', '@@b3dotfun/sdk**')
+```
+
+Now, if you filter your console logs for `@@b3dotFun`, you will see several logs we provide.

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

@@ -164,12 +164,14 @@ function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onE
         debug("Authenticating with B3 via SIWE");
         setIsConnected(true);
         if (loginWithSiwe) {
+            debug("@@setIsAuthenticating:true:1");
             setIsAuthenticating(true);
             const userAuth = await authenticate(account, partnerId);
             setUser(userAuth.user);
         }
         debug("handleLoginSuccess:account", account);
         onLoginSuccess?.(account);
+        debug("@@setIsAuthenticating:false:1");
         setIsAuthenticating(false);
     }, [loginWithSiwe, onLoginSuccess, setIsAuthenticating, authenticate, partnerId, setUser, setIsConnected]);
     (0, react_2.useEffect)(() => {

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

@@ -18,7 +18,6 @@ function SignInWithB3Privy({ onSuccess, onError, partnerId, chain }) {
     (0, react_2.useEffect)(() => {
         async function autoConnect() {
             try {
-                setIsAuthenticating(true);
                 const connectResult = await connectTw();
                 const account = connectResult?.getAccount();
                 if (!account) {
@@ -35,6 +34,7 @@ function SignInWithB3Privy({ onSuccess, onError, partnerId, chain }) {
                 setIsAuthenticated(false);
             }
             finally {
+                debug("@@setIsAuthenticating:false:7");
                 setIsAuthenticating(false);
             }
         }

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

@@ -5,6 +5,7 @@ exports.LoginStep = LoginStep;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("../../../../../global-account/react");
 const constants_1 = require("../../../../../shared/constants");
+const debug_1 = require("../../../../../shared/utils/debug");
 const thirdweb_1 = require("../../../../../shared/utils/thirdweb");
 const react_2 = require("thirdweb/react");
 const wallets_1 = require("thirdweb/wallets");
@@ -64,6 +65,7 @@ function LoginStep({ onSuccess, onError, partnerId, chain }) {
             }, onConnect: async (wallet) => {
                 try {
                     setIsAuthenticating(true);
+                    (0, debug_1.debug)("@@setIsAuthenticating:true:6");
                     const account = wallet.getAccount();
                     if (!account)
                         throw new Error("No account found");
@@ -77,6 +79,7 @@ function LoginStep({ onSuccess, onError, partnerId, chain }) {
                     setIsAuthenticated(false);
                 }
                 finally {
+                    (0, debug_1.debug)("@@setIsAuthenticating:false:6");
                     setIsAuthenticating(false);
                 }
             } }) }));

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

@@ -3,10 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.LoginStepCustom = LoginStepCustom;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("../../../../../global-account/react");
+const debug_1 = require("../../../../../shared/utils/debug");
+const thirdweb_1 = require("../../../../../shared/utils/thirdweb");
 const react_2 = require("react");
 const react_3 = require("thirdweb/react");
 const wallets_1 = require("thirdweb/wallets");
-const thirdweb_1 = require("../../../../../shared/utils/thirdweb");
 function LoginStepCustom({ onSuccess, onError, partnerId, chain, strategies, maxInitialWallets = 2, automaticallySetFirstEoa, }) {
     const [isLoading, setIsLoading] = (0, react_2.useState)(false);
     const [showAllWallets, setShowAllWallets] = (0, react_2.useState)(false);
@@ -23,6 +24,7 @@ function LoginStepCustom({ onSuccess, onError, partnerId, chain, strategies, max
     const handleConnect = async (strategy) => {
         try {
             setIsLoading(true);
+            (0, debug_1.debug)("@@setIsAuthenticating:true:3");
             setIsAuthenticating(true);
             const options = (0, react_1.getConnectOptionsFromStrategy)(strategy);
             let connectResult;
@@ -56,6 +58,7 @@ function LoginStepCustom({ onSuccess, onError, partnerId, chain, strategies, max
         }
         finally {
             setIsLoading(false);
+            (0, debug_1.debug)("@@setIsAuthenticating:false:3");
             setIsAuthenticating(false);
         }
     };

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

@@ -46,6 +46,7 @@ function useAuthentication(partnerId, loginWithSiwe) {
                     setIsAuthenticated(true);
                     return;
                 }
+                debug("@@setIsAuthenticating:true:4");
                 setIsAuthenticating(true);
                 const account = await wallet.getAccount();
                 if (!account) {
@@ -70,6 +71,7 @@ function useAuthentication(partnerId, loginWithSiwe) {
             catch (error) {
                 debug("Auto-connect authentication failed", { error });
                 setIsAuthenticated(false);
+                debug("@@setIsAuthenticating:false:4");
                 setUser();
             }
         },
@@ -77,19 +79,20 @@ function useAuthentication(partnerId, loginWithSiwe) {
     // Ensure isAuthenticating stays true until we're fully ready
     (0, react_2.useEffect)(() => {
         if (useAutoConnectLoading) {
-            setIsAuthenticating(true);
             setIsConnecting(true);
         }
         else if (!isAuthenticated) {
             // Only set isAuthenticating to false if we're not authenticated
             // 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);
         }

package/dist/esm/global-account/react/components/SignInWithB3/SignInWithB3Flow.js

@@ -161,12 +161,14 @@ export function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySucce
         debug("Authenticating with B3 via SIWE");
         setIsConnected(true);
         if (loginWithSiwe) {
+            debug("@@setIsAuthenticating:true:1");
             setIsAuthenticating(true);
             const userAuth = await authenticate(account, partnerId);
             setUser(userAuth.user);
         }
         debug("handleLoginSuccess:account", account);
         onLoginSuccess?.(account);
+        debug("@@setIsAuthenticating:false:1");
         setIsAuthenticating(false);
     }, [loginWithSiwe, onLoginSuccess, setIsAuthenticating, authenticate, partnerId, setUser, setIsConnected]);
     useEffect(() => {

package/dist/esm/global-account/react/components/SignInWithB3/SignInWithB3Privy.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Loading, useAuthentication, useHandleConnectWithPrivy, useAuthStore, } from "../../../../global-account/react/index.js";
+import { Loading, useAuthentication, useAuthStore, useHandleConnectWithPrivy, } from "../../../../global-account/react/index.js";
 import { debugB3React } from "../../../../shared/utils/debug.js";
 import { useEffect } from "react";
 const debug = debugB3React("SignInWithB3Privy");
@@ -15,7 +15,6 @@ export function SignInWithB3Privy({ onSuccess, onError, partnerId, chain }) {
     useEffect(() => {
         async function autoConnect() {
             try {
-                setIsAuthenticating(true);
                 const connectResult = await connectTw();
                 const account = connectResult?.getAccount();
                 if (!account) {
@@ -32,6 +31,7 @@ export function SignInWithB3Privy({ onSuccess, onError, partnerId, chain }) {
                 setIsAuthenticated(false);
             }
             finally {
+                debug("@@setIsAuthenticating:false:7");
                 setIsAuthenticating(false);
             }
         }

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

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useAuthentication, useQueryB3, useAuthStore, useB3 } from "../../../../../global-account/react/index.js";
+import { useAuthentication, useAuthStore, useB3, useQueryB3 } from "../../../../../global-account/react/index.js";
 import { ecosystemWalletId } from "../../../../../shared/constants/index.js";
+import { debug } from "../../../../../shared/utils/debug.js";
 import { client } from "../../../../../shared/utils/thirdweb.js";
 import { ConnectEmbed, darkTheme, lightTheme } from "thirdweb/react";
 import { ecosystemWallet } from "thirdweb/wallets";
@@ -60,6 +61,7 @@ export function LoginStep({ onSuccess, onError, partnerId, chain }) {
             }, onConnect: async (wallet) => {
                 try {
                     setIsAuthenticating(true);
+                    debug("@@setIsAuthenticating:true:6");
                     const account = wallet.getAccount();
                     if (!account)
                         throw new Error("No account found");
@@ -73,6 +75,7 @@ export function LoginStep({ onSuccess, onError, partnerId, chain }) {
                     setIsAuthenticated(false);
                 }
                 finally {
+                    debug("@@setIsAuthenticating:false:6");
                     setIsAuthenticating(false);
                 }
             } }) }));

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

@@ -1,9 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { AuthButton, Button, getConnectOptionsFromStrategy, isWalletType, LoginStepContainer, useAuthentication, useAuthStore, useConnect, WalletRow, } from "../../../../../global-account/react/index.js";
+import { debug } from "../../../../../shared/utils/debug.js";
+import { client } from "../../../../../shared/utils/thirdweb.js";
 import { useState } from "react";
 import { useConnect as useConnectTW } from "thirdweb/react";
 import { createWallet } from "thirdweb/wallets";
-import { client } from "../../../../../shared/utils/thirdweb.js";
 export function LoginStepCustom({ onSuccess, onError, partnerId, chain, strategies, maxInitialWallets = 2, automaticallySetFirstEoa, }) {
     const [isLoading, setIsLoading] = useState(false);
     const [showAllWallets, setShowAllWallets] = useState(false);
@@ -20,6 +21,7 @@ export function LoginStepCustom({ onSuccess, onError, partnerId, chain, strategi
     const handleConnect = async (strategy) => {
         try {
             setIsLoading(true);
+            debug("@@setIsAuthenticating:true:3");
             setIsAuthenticating(true);
             const options = getConnectOptionsFromStrategy(strategy);
             let connectResult;
@@ -53,6 +55,7 @@ export function LoginStepCustom({ onSuccess, onError, partnerId, chain, strategi
         }
         finally {
             setIsLoading(false);
+            debug("@@setIsAuthenticating:false:3");
             setIsAuthenticating(false);
         }
     };

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

@@ -40,6 +40,7 @@ export function useAuthentication(partnerId, loginWithSiwe) {
                     setIsAuthenticated(true);
                     return;
                 }
+                debug("@@setIsAuthenticating:true:4");
                 setIsAuthenticating(true);
                 const account = await wallet.getAccount();
                 if (!account) {
@@ -64,6 +65,7 @@ export function useAuthentication(partnerId, loginWithSiwe) {
             catch (error) {
                 debug("Auto-connect authentication failed", { error });
                 setIsAuthenticated(false);
+                debug("@@setIsAuthenticating:false:4");
                 setUser();
             }
         },
@@ -71,19 +73,20 @@ export function useAuthentication(partnerId, loginWithSiwe) {
     // Ensure isAuthenticating stays true until we're fully ready
     useEffect(() => {
         if (useAutoConnectLoading) {
-            setIsAuthenticating(true);
             setIsConnecting(true);
         }
         else if (!isAuthenticated) {
             // Only set isAuthenticating to false if we're not authenticated
             // 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);
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@b3dotfun/sdk",
-  "version": "0.0.21",
+  "version": "0.0.22",
   "source": "src/index.ts",
   "main": "./dist/cjs/index.js",
   "react-native": "./dist/cjs/index.native.js",

package/src/global-account/react/components/SignInWithB3/SignInWithB3Flow.tsx

@@ -196,12 +196,14 @@ export function SignInWithB3Flow({
       debug("Authenticating with B3 via SIWE");
       setIsConnected(true);
       if (loginWithSiwe) {
+        debug("@@setIsAuthenticating:true:1");
         setIsAuthenticating(true);
         const userAuth = await authenticate(account, partnerId);
         setUser(userAuth.user);
       }
       debug("handleLoginSuccess:account", account);
       onLoginSuccess?.(account);
+      debug("@@setIsAuthenticating:false:1");
       setIsAuthenticating(false);
     },
     [loginWithSiwe, onLoginSuccess, setIsAuthenticating, authenticate, partnerId, setUser, setIsConnected],

package/src/global-account/react/components/SignInWithB3/SignInWithB3Privy.tsx

@@ -1,8 +1,8 @@
 import {
   Loading,
   useAuthentication,
-  useHandleConnectWithPrivy,
   useAuthStore,
+  useHandleConnectWithPrivy,
 } from "@b3dotfun/sdk/global-account/react";
 import { debugB3React } from "@b3dotfun/sdk/shared/utils/debug";
 import { useEffect } from "react";
@@ -32,7 +32,6 @@ export function SignInWithB3Privy({ onSuccess, onError, partnerId, chain }: Sign
   useEffect(() => {
     async function autoConnect() {
       try {
-        setIsAuthenticating(true);
         const connectResult = await connectTw();
         const account = connectResult?.getAccount();
         if (!account) {
@@ -47,6 +46,7 @@ export function SignInWithB3Privy({ onSuccess, onError, partnerId, chain }: Sign
         await logout();
         setIsAuthenticated(false);
       } finally {
+        debug("@@setIsAuthenticating:false:7");
         setIsAuthenticating(false);
       }
     }

package/src/global-account/react/components/SignInWithB3/steps/LoginStep.tsx

@@ -1,5 +1,6 @@
-import { useAuthentication, useQueryB3, useAuthStore, useB3 } from "@b3dotfun/sdk/global-account/react";
+import { useAuthentication, useAuthStore, useB3, useQueryB3 } from "@b3dotfun/sdk/global-account/react";
 import { ecosystemWalletId } from "@b3dotfun/sdk/shared/constants";
+import { debug } from "@b3dotfun/sdk/shared/utils/debug";
 import { client } from "@b3dotfun/sdk/shared/utils/thirdweb";
 import { Chain } from "thirdweb";
 import { ConnectEmbed, darkTheme, lightTheme } from "thirdweb/react";
@@ -113,6 +114,7 @@ export function LoginStep({ onSuccess, onError, partnerId, chain }: LoginStepPro
         onConnect={async wallet => {
           try {
             setIsAuthenticating(true);
+            debug("@@setIsAuthenticating:true:6");
 
             const account = wallet.getAccount();
             if (!account) throw new Error("No account found");
@@ -126,6 +128,7 @@ export function LoginStep({ onSuccess, onError, partnerId, chain }: LoginStepPro
             await logout();
             setIsAuthenticated(false);
           } finally {
+            debug("@@setIsAuthenticating:false:6");
             setIsAuthenticating(false);
           }
         }}

package/src/global-account/react/components/SignInWithB3/steps/LoginStepCustom.tsx

@@ -10,11 +10,12 @@ import {
   useConnect,
   WalletRow,
 } from "@b3dotfun/sdk/global-account/react";
+import { debug } from "@b3dotfun/sdk/shared/utils/debug";
+import { client } from "@b3dotfun/sdk/shared/utils/thirdweb";
 import { useState } from "react";
 import { Chain } from "thirdweb";
 import { useConnect as useConnectTW } from "thirdweb/react";
 import { Account, createWallet, Wallet, WalletId } from "thirdweb/wallets";
-import { client } from "@b3dotfun/sdk/shared/utils/thirdweb";
 
 interface LoginStepCustomProps {
   automaticallySetFirstEoa: boolean;
@@ -52,6 +53,7 @@ export function LoginStepCustom({
   const handleConnect = async (strategy: AllowedStrategy) => {
     try {
       setIsLoading(true);
+      debug("@@setIsAuthenticating:true:3");
       setIsAuthenticating(true);
       const options = getConnectOptionsFromStrategy(strategy);
       let connectResult: Wallet | null;
@@ -84,6 +86,7 @@ export function LoginStepCustom({
       setIsAuthenticated(false);
     } finally {
       setIsLoading(false);
+      debug("@@setIsAuthenticating:false:3");
       setIsAuthenticating(false);
     }
   };

package/src/global-account/react/hooks/useAuthentication.ts

@@ -44,7 +44,7 @@ export function useAuthentication(partnerId: string, loginWithSiwe?: boolean) {
           setIsAuthenticated(true);
           return;
         }
-
+        debug("@@setIsAuthenticating:true:4");
         setIsAuthenticating(true);
         const account = await wallet.getAccount();
         if (!account) {
@@ -68,6 +68,7 @@ export function useAuthentication(partnerId: string, loginWithSiwe?: boolean) {
       } catch (error) {
         debug("Auto-connect authentication failed", { error });
         setIsAuthenticated(false);
+        debug("@@setIsAuthenticating:false:4");
         setUser();
       }
     },
@@ -76,17 +77,18 @@ export function useAuthentication(partnerId: string, loginWithSiwe?: boolean) {
   // Ensure isAuthenticating stays true until we're fully ready
   useEffect(() => {
     if (useAutoConnectLoading) {
-      setIsAuthenticating(true);
       setIsConnecting(true);
     } else if (!isAuthenticated) {
       // Only set isAuthenticating to false if we're not authenticated
       // 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);
     }