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

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

@@ -4,7 +4,7 @@ import {
   useGetAllTWSigners,
   useSiwe,
   SignInWithB3ModalProps,
-  useModalStore,
+  useModalStore
 } from "@b3dotfun/sdk/global-account/react";
 import { debugB3React } from "@b3dotfun/sdk/shared/utils/debug";
 import { useCallback, useEffect, useState } from "react";
@@ -32,7 +32,7 @@ export function SignInWithB3Flow({
   closeAfterLogin = false,
   loginWithSiwe = false,
   source = "signInWithB3Button",
-  signersEnabled = false,
+  signersEnabled = false
 }: SignInWithB3ModalProps) {
   const { setUser, automaticallySetFirstEoa } = useB3();
   const [step, setStep] = useState<"login" | "permissions" | null>(source === "requestPermissions" ? null : "login");
@@ -45,13 +45,13 @@ export function SignInWithB3Flow({
   const {
     data: signers,
     refetch: refetchSigners,
-    isFetching: isFetchingSigners,
+    isFetching: isFetchingSigners
   } = useGetAllTWSigners({
     chain,
     accountAddress: account?.address,
     queryOptions: {
-      enabled: signersEnabled,
-    },
+      enabled: signersEnabled
+    }
   });
   const { authenticate } = useSiwe();
   const [authenticatingWithB3, setAuthenticatingWithB3] = useState(false);
@@ -88,7 +88,7 @@ export function SignInWithB3Flow({
     debug("@@SignInWithB3Flow:useEffect", {
       loginComplete,
       isFetchingSigners,
-      source,
+      source
     });
 
     if (loginComplete && !isFetchingSigners) {
@@ -103,7 +103,7 @@ export function SignInWithB3Flow({
           setB3ModalContentType({
             type: "manageAccount",
             chain,
-            partnerId,
+            partnerId
           });
         }
       } else if (source !== "requestPermissions") {
@@ -121,7 +121,7 @@ export function SignInWithB3Flow({
       setB3ModalContentType({
         type: "manageAccount",
         chain,
-        partnerId,
+        partnerId
       });
     }
   }, [
@@ -136,7 +136,7 @@ export function SignInWithB3Flow({
     chain,
     onSessionKeySuccess,
     setB3ModalOpen,
-    signersEnabled,
+    signersEnabled
   ]);
 
   debug("render", {
@@ -145,7 +145,7 @@ export function SignInWithB3Flow({
     account,
     signers,
     refetchCount,
-    refetchError,
+    refetchError
   });
 
   // Keep this effect for handling closeAfterLogin when adding new session keys
@@ -168,7 +168,7 @@ export function SignInWithB3Flow({
       partnerId,
       closeAfterLogin,
       loginWithSiwe,
-      source: "requestPermissions",
+      source: "requestPermissions"
     });
   }, [
     chain,
@@ -180,7 +180,7 @@ export function SignInWithB3Flow({
     partnerId,
     sessionKeyAddress,
     setB3ModalContentType,
-    strategies,
+    strategies
   ]);
 
   const handleLoginSuccess = useCallback(
@@ -196,7 +196,7 @@ export function SignInWithB3Flow({
       setLoginComplete(true);
       setAuthenticatingWithB3(false);
     },
-    [authenticate, loginWithSiwe, onLoginSuccess, setUser],
+    [authenticate, loginWithSiwe, onLoginSuccess, setUser]
   );
 
   useEffect(() => {
@@ -206,7 +206,7 @@ export function SignInWithB3Flow({
         chain,
         sessionKeyAddress,
         onSuccess: onSessionKeySuccessEnhanced,
-        onError,
+        onError
       });
     }
   }, [chain, onError, onSessionKeySuccessEnhanced, sessionKeyAddress, setB3ModalContentType, step]);

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

@@ -2,7 +2,7 @@ import {
   Loading,
   useAuthentication,
   useHandleConnectWithPrivy,
-  useAuthStore,
+  useAuthStore
 } from "@b3dotfun/sdk/global-account/react";
 import { debugB3React } from "@b3dotfun/sdk/shared/utils/debug";
 import { useEffect } from "react";
@@ -26,7 +26,7 @@ export function SignInWithB3Privy({ onSuccess, onError, partnerId, chain }: Sign
 
   debug("@@SignInWithB3Privy", {
     isLoading,
-    fullToken,
+    fullToken
   });
 
   useEffect(() => {

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

@@ -4,7 +4,7 @@ import { strategyIcons } from "../utils/signInUtils";
 export function AuthButton({
   strategy,
   onClick,
-  isLoading,
+  isLoading
 }: {
   strategy: string;
   onClick: () => void;

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

@@ -5,7 +5,7 @@ import { Button } from "../../custom/Button";
 export function WalletRow({
   walletId,
   onClick,
-  isLoading,
+  isLoading
 }: {
   walletId: WalletId;
   onClick: () => void;

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

@@ -32,10 +32,10 @@ export function LoginStepContainer({ children, partnerId }: LoginStepContainerPr
     {
       query: {
         partnerId,
-        $limit: 1,
-      },
+        $limit: 1
+      }
     },
-    !!partnerId,
+    !!partnerId
   );
 
   const partnerLogo = partner?.data?.[0]?.loginCustomization?.logoUrl;
@@ -55,7 +55,7 @@ export function LoginStepContainer({ children, partnerId }: LoginStepContainerPr
 
 export function LoginStep({ onSuccess, onError, partnerId, chain }: LoginStepProps) {
   const wallet = ecosystemWallet(ecosystemWalletId, {
-    partnerId: partnerId,
+    partnerId: partnerId
   });
 
   const { theme } = useB3();
@@ -74,20 +74,20 @@ export function LoginStep({ onSuccess, onError, partnerId, chain }: LoginStepPro
           theme === "light"
             ? lightTheme({
                 colors: {
-                  modalBg: "hsl(var(--b3-react-background))",
-                },
+                  modalBg: "hsl(var(--b3-react-background))"
+                }
               })
             : darkTheme({
                 colors: {
-                  modalBg: "hsl(var(--b3-react-background))",
-                },
+                  modalBg: "hsl(var(--b3-react-background))"
+                }
               })
         }
         autoConnect
         style={{
           width: "100%",
           height: "100%",
-          border: 0,
+          border: 0
         }}
         // TODO: Integrate with SIWE in useSIWE
         // auth={{
@@ -108,7 +108,7 @@ export function LoginStep({ onSuccess, onError, partnerId, chain }: LoginStepPro
         // }}
         header={{
           title: "Sign in with B3",
-          titleIcon: "https://cdn.b3.fun/b3_logo.svg",
+          titleIcon: "https://cdn.b3.fun/b3_logo.svg"
         }}
         onConnect={async wallet => {
           try {

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

@@ -8,7 +8,7 @@ import {
   useAuthStore,
   AllowedStrategy,
   getConnectOptionsFromStrategy,
-  isWalletType,
+  isWalletType
 } from "@b3dotfun/sdk/global-account/react";
 import { client } from "@b3dotfun/sdk/shared/utils/thirdweb";
 import { useState } from "react";
@@ -33,7 +33,7 @@ export function LoginStepCustom({
   chain,
   strategies,
   maxInitialWallets = 2,
-  automaticallySetFirstEoa,
+  automaticallySetFirstEoa
 }: LoginStepCustomProps) {
   const [isLoading, setIsLoading] = useState(false);
   const [showAllWallets, setShowAllWallets] = useState(false);
@@ -63,7 +63,7 @@ export function LoginStepCustom({
         connectResult = await connectTW(async () => {
           const wallet = createWallet(options.wallet?.id as WalletId);
           await wallet.connect({
-            client,
+            client
           });
 
           return wallet;

package/src/global-account/react/components/SignInWithB3/utils/signInUtils.ts

@@ -25,7 +25,7 @@ export const allowedStrategies = [
 
   // Custom strategies
   // TODO: Audit we don't use "privy" directly anymore
-  ...customStrategies,
+  ...customStrategies
 ] as const;
 
 export type AllowedStrategy = (typeof allowedStrategies)[number];
@@ -62,7 +62,7 @@ export const strategyIcons: Record<string, string> = {
   x: "https://cdn.b3.fun/x.svg?1",
   discord: "https://cdn.b3.fun/discord.svg",
   apple: "https://cdn.b3.fun/apple.svg",
-  guest: "https://cdn.b3.fun/incognito.svg",
+  guest: "https://cdn.b3.fun/incognito.svg"
   // Add more strategies as needed
 };
 // Test it

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

@@ -3,6 +3,7 @@ import { useB3 } from "./B3Provider/useB3";
 
 export function StyleRoot({ children, id }: PropsWithChildren<{ id?: string }>) {
   const { theme: b3Theme } = useB3();
+  // eslint-disable-next-line tailwindcss/no-custom-classname
   return (
     <div className="b3-root" id={id} data-theme={b3Theme}>
       {children}

package/src/global-account/react/components/Transak/TransakModal.tsx

@@ -31,7 +31,7 @@ export function TransakModal() {
       exchangeScreenTitle: "Buy ETH on B3",
       isFeeCalculationHidden: true,
       cryptoCurrencyCode: "ETH",
-      network: "b3",
+      network: "b3"
     };
   }, [environment]);
 
@@ -53,7 +53,7 @@ export function TransakModal() {
       defaultCryptoAmount,
       disableWalletAddressForm: !!destinationWalletAddress || !!account?.address, // Only disable the form if we have an address
       fiatAmount: fiatAmount,
-      countryCode: countryCode,
+      countryCode: countryCode
     };
 
     const transak = new Transak(config);
@@ -105,7 +105,7 @@ export function TransakModal() {
     onSuccess,
     fiatAmount,
     transakConfig,
-    countryCode,
+    countryCode
   ]);
 
   return (
@@ -123,7 +123,7 @@ export function TransakModal() {
           width: "100%",
           height: "650px",
           borderRadius: "25px",
-          overflow: "hidden",
+          overflow: "hidden"
         }}
       />
     </>

package/src/global-account/react/components/custom/Button.tsx

@@ -14,20 +14,20 @@ const buttonVariants = cva(
         secondary: "bg-secondary text-secondary-b3-react-foreground shadow-sm hover:bg-secondary/80",
         ghost: "hover:bg-accent hover:text-accent-b3-react-foreground",
         link: "text-b3-react-primary underline-offset-4 hover:underline",
-        b3: "bg-[#3368ef] text-white hover:bg-[#3368ef]/90",
+        b3: "bg-[#3368ef] text-white hover:bg-[#3368ef]/90"
       },
       size: {
         default: "h-9 px-4 py-2",
         sm: "h-8 rounded-md px-3 text-xs",
         lg: "h-10 rounded-md px-8",
-        icon: "h-9 w-9",
-      },
+        icon: "h-9 w-9"
+      }
     },
     defaultVariants: {
       variant: "default",
-      size: "default",
-    },
-  },
+      size: "default"
+    }
+  }
 );
 
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
@@ -44,7 +44,7 @@ export function Button({ variant = "default", className, ...props }: ButtonProps
         variant === "default" && "bg-b3-react-primary text-b3-react-primary-foreground hover:bg-b3-react-primary/90",
         variant === "outline" &&
           "border-input bg-b3-react-background hover:bg-accent hover:text-accent-b3-react-foreground border",
-        className,
+        className
       )}
       {...props}
     />

package/src/global-account/react/components/custom/StaggeredFadeLoader.tsx

@@ -3,7 +3,7 @@ import { motion } from "framer-motion";
 export function StaggeredFadeLoader({ className = "bg-white/50", size = 4 }: { className?: string; size?: number }) {
   const circleVariants = {
     hidden: { opacity: 0 },
-    visible: { opacity: 1 },
+    visible: { opacity: 1 }
   };
 
   const sizeClass =
@@ -12,7 +12,7 @@ export function StaggeredFadeLoader({ className = "bg-white/50", size = 4 }: { c
       2: "h-2 w-2",
       3: "h-3 w-3",
       4: "h-4 w-4",
-      5: "h-5 w-5",
+      5: "h-5 w-5"
     }?.[size] || "h-4 w-4";
 
   return (
@@ -28,7 +28,7 @@ export function StaggeredFadeLoader({ className = "bg-white/50", size = 4 }: { c
             duration: 0.9,
             delay: index * 0.2,
             repeat: Infinity,
-            repeatType: "reverse",
+            repeatType: "reverse"
           }}
         ></motion.div>
       ))}

package/src/global-account/react/components/custom/WalletConnectorIcon.tsx

@@ -4,7 +4,7 @@ import {
   WalletPhantom,
   WalletRabby,
   WalletRainbow,
-  WalletWalletConnect,
+  WalletWalletConnect
 } from "@web3icons/react";
 import { Wallet } from "lucide-react";
 

package/src/global-account/react/components/index.ts

@@ -51,7 +51,7 @@ export {
   CommandItem,
   CommandList,
   CommandSeparator,
-  CommandShortcut,
+  CommandShortcut
 } from "./ui/command";
 export {
   Dialog,
@@ -63,7 +63,7 @@ export {
   DialogOverlay,
   DialogPortal,
   DialogTitle,
-  DialogTrigger,
+  DialogTrigger
 } from "./ui/dialog";
 export {
   Drawer,
@@ -75,7 +75,7 @@ export {
   DrawerOverlay,
   DrawerPortal,
   DrawerTitle,
-  DrawerTrigger,
+  DrawerTrigger
 } from "./ui/drawer";
 export { GlareCard } from "./ui/glare-card";
 export { GlareCardRounded } from "./ui/glare-card-rounded";
@@ -89,7 +89,7 @@ export {
   TabsContent as TabsContentPrimitive,
   TabsList as TabsListPrimitive,
   Tabs as TabsPrimitive,
-  TabTrigger as TabTriggerPrimitive,
+  TabTrigger as TabTriggerPrimitive
 } from "./ui/Tabs";
 export { Tabs, TabsContent, TabsList, TabsTransitionWrapper, TabTrigger } from "./ui/TabSystem";
 export { TextLoop } from "./ui/text-loop";

package/src/global-account/react/components/magicui/AnimatedLottie.tsx

@@ -51,11 +51,11 @@ export const AnimatedLottie: React.FC<AnimatedLottieProps> = React.memo(
                 console.error("Failed to play animation:", error);
               }
             },
-            delay ? delay * 1000 : 0,
+            delay ? delay * 1000 : 0
           );
         }
       },
-      [autoplay, delay],
+      [autoplay, delay]
     );
 
     const handleMouseEnter = useCallback(() => {
@@ -73,9 +73,9 @@ export const AnimatedLottie: React.FC<AnimatedLottieProps> = React.memo(
 
     const animateProps = useMemo(
       () => ({
-        scale: animateBounce ? [1, 0.95, 1.05, 1] : 1,
+        scale: animateBounce ? [1, 0.95, 1.05, 1] : 1
       }),
-      [animateBounce],
+      [animateBounce]
     );
 
     return (
@@ -98,7 +98,7 @@ export const AnimatedLottie: React.FC<AnimatedLottieProps> = React.memo(
         />
       </motion.div>
     );
-  },
+  }
 );
 
 AnimatedLottie.displayName = "AnimatedLottie";

package/src/global-account/react/components/ui/Loading.tsx

@@ -11,12 +11,12 @@ export function Loading({ className, size = "md", variant = "white" }: LoadingPr
   const sizeClass = {
     sm: "h-6 w-6",
     md: "h-8 w-8",
-    lg: "h-12 w-12",
+    lg: "h-12 w-12"
   }[size];
 
   const variantClass = {
     primary: "text-b3-react-primary",
-    white: "text-white opacity-50",
+    white: "text-white opacity-50"
   }[variant];
 
   return (

package/src/global-account/react/components/ui/ShinyButton.tsx

@@ -16,7 +16,7 @@ export const ShinyButton = ({
   disabled,
   textColor = "",
   textClassName = "",
-  type = "button",
+  type = "button"
 }: {
   text?: string;
   accentColor?: string;
@@ -32,7 +32,7 @@ export const ShinyButton = ({
 }) => {
   const { ref, inView } = useInView({
     triggerOnce: false,
-    threshold: 0.1,
+    threshold: 0.1
   });
 
   const computedTextColor =
@@ -51,10 +51,10 @@ export const ShinyButton = ({
         disabled
           ? "grayscale-20 cursor-not-allowed opacity-60"
           : "hover:border-black/30 hover:shadow-[0_0_20px_rgb(0,0,0,20%)]",
-        animatedPulse && inView && "animated-pulse",
+        animatedPulse && inView && "animated-pulse"
       )}
       style={{
-        backgroundColor: disabled ? "#94A3B8" : accentColor,
+        backgroundColor: disabled ? "#94A3B8" : accentColor
       }}
       onClick={!disabled ? onClick : undefined}
       onClickCapture={onClickCapture}
@@ -66,7 +66,7 @@ export const ShinyButton = ({
       <span
         className={cn(
           "font-sf-rounded relative block h-full w-full text-lg font-semibold tracking-wide",
-          computedTextColor,
+          computedTextColor
         )}
       >
         <div className={cn("flex items-center justify-center gap-2", textClassName)}>

package/src/global-account/react/components/ui/TabSystem.tsx

@@ -138,7 +138,7 @@ export function TabsTransitionWrapper({ children }: { children: ReactNode }) {
     child =>
       React.isValidElement(child) &&
       "value" in (child.props as any) &&
-      (child.props as any).value === context.selectedTab,
+      (child.props as any).value === context.selectedTab
   );
 
   return (
@@ -149,7 +149,7 @@ export function TabsTransitionWrapper({ children }: { children: ReactNode }) {
       variants={{
         enter: { opacity: 0, filter: "blur(10px)", x: 20 },
         center: { opacity: 1, filter: "blur(0px)", x: 0 },
-        exit: { opacity: 0, filter: "blur(10px)", x: -20 },
+        exit: { opacity: 0, filter: "blur(10px)", x: -20 }
       }}
     >
       {childrenArray}

package/src/global-account/react/components/ui/Tabs.tsx

@@ -4,7 +4,7 @@ import * as TabsPrimitive from "@radix-ui/react-tabs";
 export const Tabs = ({
   defaultValue,
   onValueChange,
-  children,
+  children
 }: {
   defaultValue: string;
   onValueChange?: (value: string) => void;
@@ -20,7 +20,7 @@ export function TabsList({ className, ...props }: React.ComponentProps<typeof Ta
     <TabsPrimitive.List
       className={cn(
         "border-b3-react-border bg-b3-react-background inline-flex h-12 w-full items-center justify-center rounded-lg border",
-        className,
+        className
       )}
       {...props}
     />
@@ -36,7 +36,7 @@ export function TabTrigger({ className, ...props }: React.ComponentProps<typeof
         "data-[state=active]:bg-b3-react-subtle data-[state=active]:text-b3-react-primary data-[state=active]:font-bold",
         "border-b3-react-border hover:text-b3-react-foreground data-[state=inactive]:border-b3-react-border data-[state=inactive]:text-b3-react-muted-foreground",
         "flex-1 border-r",
-        className,
+        className
       )}
       {...props}
     />
@@ -48,7 +48,7 @@ export function TabsContent({ className, ...props }: React.ComponentProps<typeof
     <TabsPrimitive.Content
       className={cn(
         "ring-offset-b3-react-background focus-visible:ring-b3-react-ring mt-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
-        className,
+        className
       )}
       {...props}
     />

package/src/global-account/react/components/ui/badge.tsx

@@ -12,13 +12,13 @@ const badgeVariants = cva(
         secondary: "border-transparent bg-secondary text-secondary-b3-react-foreground hover:bg-secondary/80",
         destructive:
           "border-destructive bg-destructive/50 text-destructive-b3-react-foreground hover:bg-destructive/80",
-        outline: "text-b3-react-foreground",
-      },
+        outline: "text-b3-react-foreground"
+      }
     },
     defaultVariants: {
-      variant: "default",
-    },
-  },
+      variant: "default"
+    }
+  }
 );
 
 export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {}

package/src/global-account/react/components/ui/button.tsx

@@ -15,20 +15,20 @@ const buttonVariants = cva(
         outline: "border border-input bg-b3-react-background hover:bg-accent hover:text-accent-b3-react-foreground",
         secondary: "bg-secondary text-secondary-b3-react-foreground hover:bg-secondary/80",
         ghost: "hover:bg-accent hover:text-accent-b3-react-foreground",
-        link: "text-b3-react-primary underline-offset-4 hover:underline",
+        link: "text-b3-react-primary underline-offset-4 hover:underline"
       },
       size: {
         default: "h-10 px-4 py-2",
         sm: "h-9 rounded-md px-3",
         lg: "h-11 rounded-md px-8",
-        icon: "h-10 w-10",
-      },
+        icon: "h-10 w-10"
+      }
     },
     defaultVariants: {
       variant: "default",
-      size: "default",
-    },
-  },
+      size: "default"
+    }
+  }
 );
 
 export interface ButtonProps
@@ -50,7 +50,7 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
     }
 
     return <button className={cn(buttonVariants({ variant, size, className }))} ref={ref} {...props} />;
-  },
+  }
 );
 Button.displayName = "Button";
 

package/src/global-account/react/components/ui/command.tsx

@@ -17,7 +17,7 @@ const Command = React.forwardRef<
     ref={ref}
     className={cn(
       "bg-popover text-popover-b3-react-foreground flex h-full w-full flex-col overflow-hidden rounded-md",
-      className,
+      className
     )}
     {...props}
   />
@@ -51,7 +51,7 @@ const CommandInput = React.forwardRef<
       ref={ref}
       className={cn(
         "placeholder:text-b3-react-muted-foreground flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50",
-        className,
+        className
       )}
       {...props}
     />
@@ -88,7 +88,7 @@ const CommandGroup = React.forwardRef<
     ref={ref}
     className={cn(
       "text-b3-react-foreground [&_[cmdk-group-heading]]:text-b3-react-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",
-      className,
+      className
     )}
     {...props}
   />
@@ -112,7 +112,7 @@ const CommandItem = React.forwardRef<
     ref={ref}
     className={cn(
       "data-[selected='true']:bg-accent data-[selected=true]:text-accent-b3-react-foreground relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-      className,
+      className
     )}
     {...props}
   />
@@ -136,5 +136,5 @@ export {
   CommandItem,
   CommandList,
   CommandSeparator,
-  CommandShortcut,
+  CommandShortcut
 };