@b3dotfun/sdk 0.0.7-alpha.27 → 0.0.7-alpha.3

package/src/anyspend/utils/orderPayload.ts

@@ -1,4 +1,4 @@
-import { Nft, NftType, OrderType, Token, Tournament } from "@b3dotfun/sdk/anyspend/types";
+import { Nft, OrderType, Token, Tournament } from "@b3dotfun/sdk/anyspend/types";
 import { normalizeAddress } from "@b3dotfun/sdk/anyspend/utils";
 
 export type OrderParams = {
@@ -17,34 +17,22 @@ export const buildPayload = (orderType: OrderType, params: OrderParams) => {
     case OrderType.Swap:
       return {
         expectedDstAmount,
-        actualDstAmount: null,
+        actualDstAmount: null
       };
     case OrderType.MintNFT:
-      if (nft?.type === NftType.ERC1155) {
-        return {
-          contractAddress: normalizeAddress(nft.contractAddress),
-          nftPrice: nft?.price || "",
-          tokenId: nft?.tokenId!,
-          contractType: nft?.type,
-        };
-      } else if (nft?.type === NftType.ERC721) {
-        return {
-          contractAddress: normalizeAddress(nft.contractAddress),
-          nftPrice: nft?.price || "",
-          contractType: nft?.type,
-        };
-      } else {
-        throw new Error(`Invalid nft payload: ${JSON.stringify(nft)}`);
-      }
+      return {
+        contractAddress: nft ? normalizeAddress(nft.contractAddress) : "",
+        nftPrice: nft?.price || ""
+      };
     case OrderType.JoinTournament:
       return {
         contractAddress: tournament?.contractAddress,
-        entryPrice: tournament?.entryPriceOrFundAmount,
+        entryPrice: tournament?.entryPriceOrFundAmount
       };
     case OrderType.FundTournament:
       return {
         contractAddress: tournament?.contractAddress,
-        fundAmount: tournament?.entryPriceOrFundAmount,
+        fundAmount: tournament?.entryPriceOrFundAmount
       };
     case OrderType.Custom:
       return { ...payload };
@@ -57,7 +45,7 @@ export const buildMetadata = (orderType: OrderType, params: OrderParams) => {
   const { srcToken, dstToken, nft, tournament, payload } = params;
   const baseMetadata = {
     srcToken,
-    dstToken,
+    dstToken
   };
   switch (orderType) {
     case OrderType.Swap:

package/src/anyspend/utils/token.ts

@@ -14,8 +14,8 @@ export function getSolanaToken(): Token {
     name: "Solana",
     decimals: 9,
     metadata: {
-      logoURI: "https://assets.relay.link/icons/square/792703809/light.png",
-    },
+      logoURI: "https://assets.relay.link/icons/square/792703809/light.png"
+    }
   };
 }
 
@@ -27,8 +27,8 @@ export function getEthToken(chainId: number): Token {
     name: "Ethereum",
     decimals: 18,
     metadata: {
-      logoURI: "https://assets.relay.link/icons/square/1/light.png",
-    },
+      logoURI: "https://assets.relay.link/icons/square/1/light.png"
+    }
   };
 }
 
@@ -40,8 +40,8 @@ export function getPolToken(): Token {
     name: "Polygon",
     decimals: 18,
     metadata: {
-      logoURI: "https://s2.coinmarketcap.com/static/img/coins/64x64/28321.png",
-    },
+      logoURI: "https://s2.coinmarketcap.com/static/img/coins/64x64/28321.png"
+    }
   };
 }
 
@@ -53,8 +53,8 @@ export function getBnbToken(): Token {
     name: "BNB",
     decimals: 18,
     metadata: {
-      logoURI: "https://s2.coinmarketcap.com/static/img/coins/64x64/1839.png",
-    },
+      logoURI: "https://s2.coinmarketcap.com/static/img/coins/64x64/1839.png"
+    }
   };
 }
 
@@ -66,7 +66,7 @@ export function getAvaxToken(): Token {
     name: "AVAX",
     decimals: 18,
     metadata: {
-      logoURI: "https://s2.coinmarketcap.com/static/img/coins/64x64/5805.png",
-    },
+      logoURI: "https://s2.coinmarketcap.com/static/img/coins/64x64/5805.png"
+    }
   };
 }

package/src/global-account/app.native.ts

@@ -72,9 +72,9 @@ const app = createClient(socketio(socket), {
     },
     removeItem: (key: string) => {
       localStorage.deleteItem(key);
-    },
+    }
   },
-  storageKey: B3_AUTH_COOKIE_NAME,
+  storageKey: B3_AUTH_COOKIE_NAME
 });
 
 export const authenticate = async (accessToken: string, identityToken: string, params?: Record<string, any>) => {
@@ -90,11 +90,11 @@ export const authenticate = async (accessToken: string, identityToken: string, p
     const response = await app.authenticate(
       {
         strategy: "jwt",
-        accessToken: fullToken,
+        accessToken: fullToken
       },
       {
-        query: params || {},
-      },
+        query: params || {}
+      }
     );
     return response;
   } catch (error) {

package/src/global-account/app.ts

@@ -29,9 +29,9 @@ const app = createClient(socketio(socket), {
     },
     removeItem: (key: string) => {
       Cookies.remove(key);
-    },
+    }
   },
-  storageKey: B3_AUTH_COOKIE_NAME,
+  storageKey: B3_AUTH_COOKIE_NAME
 });
 
 export const authenticate = async (accessToken: string, identityToken: string, params?: Record<string, any>) => {
@@ -47,11 +47,11 @@ export const authenticate = async (accessToken: string, identityToken: string, p
     const response = await app.authenticate(
       {
         strategy: "jwt",
-        accessToken: fullToken,
+        accessToken: fullToken
       },
       {
-        query: params || {},
-      },
+        query: params || {}
+      }
     );
     return response;
   } catch (error) {

package/src/global-account/bsmnt.native.ts

@@ -75,9 +75,9 @@ const app = createClient(socketio(socket), {
     },
     removeItem: (key: string) => {
       localStorage.deleteItem(key);
-    },
+    }
   },
-  storageKey: BSMNT_AUTH_COOKIE_NAME,
+  storageKey: BSMNT_AUTH_COOKIE_NAME
 });
 
 export const authenticate = async (accessToken: string, identityToken: string, params?: Record<string, any>) => {
@@ -93,11 +93,11 @@ export const authenticate = async (accessToken: string, identityToken: string, p
     const response = await app.authenticate(
       {
         strategy: "jwt",
-        accessToken: fullToken,
+        accessToken: fullToken
       },
       {
-        query: params || {},
-      },
+        query: params || {}
+      }
     );
     return response;
   } catch (error) {

package/src/global-account/bsmnt.ts

@@ -34,9 +34,9 @@ const app = createClient(socketio(socket), {
     },
     removeItem: (key: string) => {
       Cookies.remove(key);
-    },
+    }
   },
-  storageKey: BSMNT_AUTH_COOKIE_NAME,
+  storageKey: BSMNT_AUTH_COOKIE_NAME
 });
 
 export const authenticate = async (accessToken: string, identityToken: string, params?: Record<string, any>) => {
@@ -52,11 +52,11 @@ export const authenticate = async (accessToken: string, identityToken: string, p
     const response = await app.authenticate(
       {
         strategy: "b3-jwt",
-        accessToken: fullToken,
+        accessToken: fullToken
       },
       {
-        query: params || {},
-      },
+        query: params || {}
+      }
     );
     return response;
   } catch (error) {

package/src/global-account/react/components/B3DynamicModal.tsx

@@ -4,8 +4,7 @@ import {
   AnySpendNFT,
   AnySpendStakeB3,
   AnySpendTournament,
-  AnyspendSignatureMint,
-  OrderHistory,
+  OrderHistory
 } from "@b3dotfun/sdk/anyspend/react";
 import { useIsMobile, useModalStore } from "@b3dotfun/sdk/global-account/react";
 import { debugB3React } from "@b3dotfun/sdk/shared/utils/debug";
@@ -35,22 +34,16 @@ export function B3DynamicModal() {
       "anySpendStakeB3",
       "anySpendBuySpin",
       "anySpendOrderHistory",
-      "signInWithB3",
-      "anySpendSignatureMint",
+      "signInWithB3"
     ].find(type => contentType?.type === type)
   ) {
     contentClass += " max-h-[90dvh] overflow-y-auto no-scrollbar w-full";
   }
 
   if (
-    [
-      "anySpendNft",
-      "anySpendJoinTournament",
-      "anySpendFundTournament",
-      "anySpendStakeB3",
-      "anySpendBuySpin",
-      "anySpendSignatureMint",
-    ].find(type => contentType?.type === type)
+    ["anySpendNft", "anySpendJoinTournament", "anySpendFundTournament", "anySpendStakeB3", "anySpendBuySpin"].find(
+      type => contentType?.type === type
+    )
   ) {
     // Due to the dynamic of (Pay with crypto),(Pay with fiat), we want the height fixed to 90dvh but still scrollable.
     // NOTE: Just leave it here in case we want the fixed height
@@ -92,8 +85,6 @@ export function B3DynamicModal() {
         return <AnySpendStakeB3 {...contentType} mode="modal" />;
       case "anySpendBuySpin":
         return <AnySpendBuySpin {...contentType} mode="modal" />;
-      case "anySpendSignatureMint":
-        return <AnyspendSignatureMint {...contentType} mode="modal" />;
       // Add other modal types here
       default:
         return null;
@@ -110,7 +101,7 @@ export function B3DynamicModal() {
       <ModalContent className={contentClass} hideCloseButton={hideCloseButton}>
         <ModalTitle className="sr-only hidden">{contentType?.type || "Modal"}</ModalTitle>
         <ModalDescription className="sr-only hidden">{contentType?.type || "Modal Body"}</ModalDescription>
-        <div className="overflow-auto">
+        <div className="overflow-hidden">
           {history.length > 0 && contentType?.showBackButton && (
             <button
               onClick={navigateBack}

package/src/global-account/react/components/B3Provider/B3Provider.native.tsx

@@ -15,7 +15,7 @@ const DEFAULT_PERMISSIONS = {
   approvedTargets: ["0xa8e42121e318e3D3BeD7f5969AF6D360045317DD"], // Example contract
   nativeTokenLimitPerTransaction: 0.1, // in ETH
   startDate: new Date(),
-  endDate: new Date(Date.now() + 1000 * 60 * 60 * 24 * 365), // 1 year from now
+  endDate: new Date(Date.now() + 1000 * 60 * 60 * 24 * 365) // 1 year from now
 };
 
 // Create queryClient instance
@@ -29,7 +29,7 @@ export function B3Provider({
   theme = "light",
   children,
   accountOverride,
-  environment,
+  environment
 }: {
   isMainnetAnySpend?: boolean;
   theme: "light" | "dark";
@@ -58,7 +58,7 @@ export function InnerProvider({
   accountOverride,
   environment,
   defaultPermissions = DEFAULT_PERMISSIONS,
-  theme = "light",
+  theme = "light"
 }: {
   children: React.ReactNode;
   accountOverride?: Account;
@@ -91,7 +91,7 @@ export function InnerProvider({
         ready: !!effectiveAccount,
         environment,
         defaultPermissions,
-        theme,
+        theme
       }}
     >
       {children}

package/src/global-account/react/components/B3Provider/B3Provider.tsx

@@ -1,4 +1,3 @@
-import { TooltipProvider } from "@b3dotfun/sdk/global-account/react";
 import { User } from "@b3dotfun/sdk/global-account/types/b3-api.types";
 import { PermissionsConfig } from "@b3dotfun/sdk/global-account/types/permissions";
 import { supportedChains } from "@b3dotfun/sdk/shared/constants/chains/supported";
@@ -10,9 +9,9 @@ import { Account, Wallet } from "thirdweb/wallets";
 import { createConfig, http, WagmiProvider } from "wagmi";
 import { RelayKitProviderWrapper } from "../RelayKitProviderWrapper";
 import { StyleRoot } from "../StyleRoot";
-import { B3Context, B3ContextType } from "./types";
 
 import "@reservoir0x/relay-kit-ui/styles.css";
+import { B3Context, B3ContextType } from "./types";
 
 /**
  * Default permissions configuration for B3 provider
@@ -21,12 +20,12 @@ const DEFAULT_PERMISSIONS = {
   approvedTargets: ["0xa8e42121e318e3D3BeD7f5969AF6D360045317DD"], // Example contract
   nativeTokenLimitPerTransaction: 0.1, // in ETH
   startDate: new Date(),
-  endDate: new Date(Date.now() + 1000 * 60 * 60 * 24 * 365), // 1 year from now
+  endDate: new Date(Date.now() + 1000 * 60 * 60 * 24 * 365) // 1 year from now
 };
 
 export const wagmiConfig = createConfig({
   chains: [supportedChains[0], ...supportedChains.slice(1)],
-  transports: Object.fromEntries(supportedChains.map(chain => [chain.id, http()])) as any,
+  transports: Object.fromEntries(supportedChains.map(chain => [chain.id, http()])) as any
 });
 
 // Create queryClient instance
@@ -41,7 +40,7 @@ export function B3Provider({
   children,
   accountOverride,
   environment,
-  automaticallySetFirstEoa,
+  automaticallySetFirstEoa
 }: {
   isMainnetAnySpend?: boolean;
   theme: "light" | "dark";
@@ -54,21 +53,20 @@ export function B3Provider({
     <WagmiProvider config={wagmiConfig}>
       <QueryClientProvider client={queryClient}>
         <ThirdwebProvider>
-          <TooltipProvider>
-            <InnerProvider
-              accountOverride={accountOverride}
-              environment={environment}
-              theme={theme}
-              automaticallySetFirstEoa={!!automaticallySetFirstEoa}
-            >
-              <RelayKitProviderWrapper isMainnet={isMainnetAnySpend}>
-                {children}
-                {/* For the modal https://github.com/b3-fun/b3/blob/main/packages/sdk/src/global-account/react/components/ui/dialog.tsx#L46 */}
-                <StyleRoot id="b3-root" />
-                <Toaster theme={theme} />
-              </RelayKitProviderWrapper>
-            </InnerProvider>
-          </TooltipProvider>
+          <InnerProvider
+            accountOverride={accountOverride}
+            environment={environment}
+            theme={theme}
+            automaticallySetFirstEoa={!!automaticallySetFirstEoa}
+          >
+            <RelayKitProviderWrapper isMainnet={isMainnetAnySpend}>
+              {children}
+              {/* eslint-disable-next-line tailwindcss/no-custom-classname */}
+              <StyleRoot id="b3-root" />
+              {/* For the modal https://github.com/b3-fun/b3-mono/blob/main/packages/react/src/components/ui/dialog.tsx#L46 */}
+              <Toaster theme={theme} />
+            </RelayKitProviderWrapper>
+          </InnerProvider>
         </ThirdwebProvider>
       </QueryClientProvider>
     </WagmiProvider>
@@ -84,7 +82,7 @@ export function InnerProvider({
   environment,
   defaultPermissions = DEFAULT_PERMISSIONS,
   automaticallySetFirstEoa,
-  theme = "light",
+  theme = "light"
 }: {
   children: React.ReactNode;
   accountOverride?: Account;
@@ -145,7 +143,7 @@ export function InnerProvider({
         automaticallySetFirstEoa,
         environment,
         defaultPermissions,
-        theme,
+        theme
       }}
     >
       {children}

package/src/global-account/react/components/B3Provider/types.ts

@@ -36,5 +36,5 @@ export const B3Context = createContext<B3ContextType>({
   initialized: false,
   ready: false,
   environment: "development",
-  theme: "light",
+  theme: "light"
 });

package/src/global-account/react/components/ManageAccount/ManageAccount.tsx

@@ -12,7 +12,7 @@ import {
   TabsPrimitive,
   TabsContentPrimitive,
   TabsListPrimitive,
-  TabTriggerPrimitive,
+  TabTriggerPrimitive
 } from "@b3dotfun/sdk/global-account/react";
 import { formatAddress } from "@b3dotfun/sdk/shared/utils/formatAddress";
 import { formatNumber } from "@b3dotfun/sdk/shared/utils/formatNumber";
@@ -42,7 +42,7 @@ export function ManageAccount({
   onSwap: _onSwap,
   onDeposit: _onDeposit,
   chain,
-  partnerId,
+  partnerId
 }: ManageAccountProps) {
   const [activeTab, setActiveTab] = useState("balance");
   const [revokingSignerId, setRevokingSignerId] = useState<string | null>(null);
@@ -52,7 +52,7 @@ export function ManageAccount({
   const { data: nativeBalance } = useNativeBalance(account?.address);
   const { data: signers, refetch: refetchSigners } = useGetAllTWSigners({
     chain,
-    accountAddress: account?.address,
+    accountAddress: account?.address
   });
   const { setB3ModalOpen, setB3ModalContentType } = useModalStore();
   const { logout } = useAuthentication(partnerId);
@@ -70,7 +70,7 @@ export function ManageAccount({
       console.error("Error revoking access:", error);
       setRevokingSignerId(null);
     },
-    refetchSigners: () => refetchSigners(),
+    refetchSigners: () => refetchSigners()
   });
 
   const handleRevoke = async (signer: TWSignerWithMetadata) => {
@@ -126,7 +126,7 @@ export function ManageAccount({
             setB3ModalContentType({
               type: "anySpend",
               defaultActiveTab: "fiat",
-              showBackButton: true,
+              showBackButton: true
             });
           }}
         >
@@ -139,7 +139,7 @@ export function ManageAccount({
             setB3ModalOpen(true);
             setB3ModalContentType({
               type: "anySpend",
-              showBackButton: true,
+              showBackButton: true
             });
           }}
         >

package/src/global-account/react/components/MintButton/MintButton.tsx

@@ -28,7 +28,7 @@ export function MintButton({
   className,
   children = "Mint",
   onSuccess,
-  onError,
+  onError
 }: MintButtonProps) {
   const ecoSystemWallet = useActiveAccount();
   console.log("@@ecoSystemWallet", ecoSystemWallet);
@@ -38,7 +38,7 @@ export function MintButton({
     quantity,
     chain,
     to,
-    tokenId,
+    tokenId
   });
 
   const smartAccountWithSignerOverride = ecoSystemWallet?.address !== to;
@@ -50,13 +50,13 @@ export function MintButton({
           chain,
           sponsorGas: true,
           overrides: {
-            accountAddress: ecoSystemWallet?.address,
-          },
+            accountAddress: ecoSystemWallet?.address
+          }
         });
 
         const smartAccountWithSigner = await wallet.connect({
           client,
-          personalAccount: account,
+          personalAccount: account
         });
 
         const tx = await claim(smartAccountWithSigner);

package/src/global-account/react/components/RelayKitProviderWrapper.tsx

@@ -20,12 +20,12 @@ export function RelayKitProviderWrapper({ isMainnet, children }: { isMainnet: bo
         source: "anyspend",
         duneConfig: {
           apiKey: "OkvN2bWlBPwXkvtmnTeYMQR1hYZBGDJt",
-          apiBaseUrl: "https://api.dune.com",
+          apiBaseUrl: "https://api.dune.com"
         },
         chains: relayChains,
         privateChainIds: undefined,
         appName: "AnySpend",
-        useGasFeeEstimations: true,
+        useGasFeeEstimations: true
       }}
     >
       <>{children}</>

package/src/global-account/react/components/RequestPermissions/RequestPermissions.tsx

@@ -3,7 +3,7 @@ import {
   useB3,
   useAddTWSessionKey,
   useGetAllTWSigners,
-  RequestPermissionsModalProps,
+  RequestPermissionsModalProps
 } from "@b3dotfun/sdk/global-account/react";
 import { PermissionItem } from "@b3dotfun/sdk/global-account/react";
 import { PermissionsConfig } from "@b3dotfun/sdk/global-account/types/permissions";
@@ -26,19 +26,19 @@ export function RequestPermissions({
   onError,
   chain,
   sessionKeyAddress,
-  permissions,
+  permissions
 }: RequestPermissionsModalProps) {
   const [isApproving, setIsApproving] = useState(false);
   const account = useActiveAccount();
   const { defaultPermissions } = useB3();
   const DEFAULT_PERMISSIONS = useMemo(
     () => permissions ?? (defaultPermissions as PermissionsConfig),
-    [defaultPermissions, permissions],
+    [defaultPermissions, permissions]
   );
 
   const { refetch: refetchSigners } = useGetAllTWSigners({
     chain,
-    accountAddress: account?.address,
+    accountAddress: account?.address
   });
   const { newSessionKey } = useAddTWSessionKey({
     onSuccess: transactionResult => {
@@ -52,7 +52,7 @@ export function RequestPermissions({
     refetchSigners: () => {
       return refetchSigners();
     },
-    chain,
+    chain
   });
 
   const handleApprove = useCallback(async () => {
@@ -68,7 +68,7 @@ export function RequestPermissions({
         approvedTargets: DEFAULT_PERMISSIONS.approvedTargets as Address[],
         nativeTokenLimitPerTransaction: DEFAULT_PERMISSIONS.nativeTokenLimitPerTransaction,
         permissionStartTimestamp: DEFAULT_PERMISSIONS.startDate,
-        permissionEndTimestamp: DEFAULT_PERMISSIONS.endDate,
+        permissionEndTimestamp: DEFAULT_PERMISSIONS.endDate
       });
     } catch (error) {
       console.error("@@error:", error);
@@ -81,7 +81,7 @@ export function RequestPermissions({
   const formatDate = (date: Date) => {
     return new Intl.DateTimeFormat("en-US", {
       dateStyle: "medium",
-      timeStyle: "short",
+      timeStyle: "short"
     }).format(date);
   };
   return (

package/src/global-account/react/components/RequestPermissions/RequestPermissionsButton.tsx

@@ -16,7 +16,7 @@ export function RequestPermissionsButton({
   onSuccess,
   onError,
   permissions,
-  closeOnSuccess = true,
+  closeOnSuccess = true
 }: RequestPermissionsButtonProps) {
   const { setB3ModalOpen, setB3ModalContentType } = useModalStore();
 
@@ -32,7 +32,7 @@ export function RequestPermissionsButton({
         }
       },
       onError,
-      permissions,
+      permissions
     });
     setB3ModalOpen(true);
   };

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

@@ -1,17 +1,9 @@
-import {
-  Button,
-  SignInWithB3ModalProps,
-  StyleRoot,
-  useAuthentication,
-  useIsMobile,
-  useModalStore,
-} from "@b3dotfun/sdk/global-account/react";
+import { useAuthentication } from "@b3dotfun/sdk/global-account/react";
+import { Button, StyleRoot, SignInWithB3ModalProps, useModalStore } from "@b3dotfun/sdk/global-account/react";
 import { ReactNode, useEffect } from "react";
 import { useActiveAccount } from "thirdweb/react";
-import { ManageAccountButton } from "../custom/ManageAccountButton";
-import { Loading } from "../ui/Loading";
 
-export type SignInWithB3Props = Omit<SignInWithB3ModalProps, "type" | "showBackButton"> & {
+type SignInWithB3Props = Omit<SignInWithB3ModalProps, "type" | "showBackButton"> & {
   buttonText?: string | ReactNode;
   loggedInButtonText?: string | ReactNode;
   loadingButtonText?: string | ReactNode;
@@ -22,7 +14,6 @@ export function SignInWithB3(props: SignInWithB3Props) {
   const { setB3ModalOpen, setB3ModalContentType, setEcoSystemAccountAddress } = useModalStore();
   const account = useActiveAccount();
   const { isAuthenticating, isAuthenticated } = useAuthentication(props.partnerId, props.loginWithSiwe);
-  const isMobile = useIsMobile();
 
   useEffect(() => {
     if (account) {
@@ -34,13 +25,34 @@ export function SignInWithB3(props: SignInWithB3Props) {
     setB3ModalContentType({
       ...props,
       type: "signInWithB3",
-      showBackButton: false,
+      showBackButton: false
+    });
+    setB3ModalOpen(true);
+  };
+
+  const handleClickManageAccount = () => {
+    setB3ModalContentType({
+      ...props,
+      type: "manageAccount"
     });
     setB3ModalOpen(true);
   };
 
   if (isAuthenticated) {
-    return <ManageAccountButton {...props} />;
+    return (
+      <StyleRoot>
+        <Button
+          onClick={handleClickManageAccount}
+          style={{ backgroundColor: "#3368ef" }}
+          className="flex items-center gap-2 text-white"
+        >
+          {props.withLogo !== false && (
+            <img src="https://cdn.b3.fun/b3_logo_white.svg" alt="B3 Logo" className="h-5 w-5" />
+          )}
+          {props.loggedInButtonText || "Manage Account"}
+        </Button>
+      </StyleRoot>
+    );
   }
 
   if (isAuthenticating) {
@@ -50,7 +62,7 @@ export function SignInWithB3(props: SignInWithB3Props) {
           {props.withLogo !== false && (
             <img src="https://cdn.b3.fun/b3_logo_white.svg" alt="B3 Logo" className="h-5 w-5" />
           )}
-          {props.loadingButtonText || (isMobile ? <Loading size="sm" /> : "Signing in…")}
+          {props.loadingButtonText || "Signing in..."}
         </Button>
       </StyleRoot>
     );
@@ -61,7 +73,7 @@ export function SignInWithB3(props: SignInWithB3Props) {
       <Button
         onClick={handleClick}
         style={{ backgroundColor: "#3368ef" }}
-        className="b3-sign-in-button flex items-center gap-2 font-medium text-white"
+        className="flex items-center gap-2 font-medium text-white"
       >
         {props.buttonText ? (
           props.buttonText