@b3dotfun/sdk 0.0.7 → 0.0.8

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,
 };

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

@@ -27,7 +27,7 @@ const DialogOverlay: React.ForwardRefExoticComponent<DialogOverlayProps & React.
         "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
         "data-[state=closed]:backdrop-blur-none data-[state=open]:backdrop-blur-[20px]",
         "transition-all duration-300",
-        className
+        className,
       )}
       {...props}
     />
@@ -57,7 +57,7 @@ const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.
               "data-[state=closed]:rotate-x-10 data-[state=open]:rotate-x-0",
               "[perspective:1200px] [transform-style:preserve-3d] sm:rounded-xl",
               "ease-spring transition-all",
-              className
+              className,
             )}
             {...props}
           >
@@ -66,7 +66,7 @@ const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.
               <DialogPrimitive.Close
                 className={cn(
                   "data-[state=open]:bg-accent data-[state=open]:text-b3-react-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none dark:data-[state=open]:bg-gray-800 dark:data-[state=open]:text-gray-400",
-                  closeBtnClassName
+                  closeBtnClassName,
                 )}
               >
                 <X className="h-5 w-5" />
@@ -76,7 +76,7 @@ const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.
           </DialogPrimitive.Content>
         </DialogPortal>
       );
-    }
+    },
   );
 DialogContent.displayName = DialogPrimitive.Content.displayName;
 
@@ -127,5 +127,5 @@ export {
   DialogOverlay,
   DialogPortal,
   DialogTitle,
-  DialogTrigger
+  DialogTrigger,
 };

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

@@ -36,7 +36,7 @@ const DrawerContent = React.forwardRef<
         ref={ref}
         className={cn(
           "bg-b3-react-background fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border py-6",
-          className
+          className,
         )}
         {...props}
       >
@@ -93,5 +93,5 @@ export {
   DrawerOverlay,
   DrawerPortal,
   DrawerTitle,
-  DrawerTrigger
+  DrawerTrigger,
 };

package/src/global-account/react/components/ui/glare-card-rounded.tsx

@@ -10,16 +10,16 @@ export const GlareCardRounded = ({ children, className }: { children: React.Reac
   const state = useRef({
     glare: {
       x: 50,
-      y: 50
+      y: 50,
     },
     background: {
       x: 50,
-      y: 50
+      y: 50,
     },
     rotate: {
       x: 0,
-      y: 0
-    }
+      y: 0,
+    },
   });
   const containerStyle = {
     "--m-x": "50%",
@@ -35,7 +35,7 @@ export const GlareCardRounded = ({ children, className }: { children: React.Reac
     "--easing": "ease",
     "--transition": "var(--duration) var(--easing)",
     transition:
-      "transform var(--duration) var(--easing), opacity var(--duration) var(--easing), background var(--duration) var(--easing)"
+      "transform var(--duration) var(--easing), opacity var(--duration) var(--easing), background var(--duration) var(--easing)",
   } as any;
 
   const backgroundStyle = {
@@ -48,7 +48,7 @@ export const GlareCardRounded = ({ children, className }: { children: React.Reac
       "repeating-linear-gradient( 128deg,#0e152e 0%,hsl(180,10%,60%) 3.8%,hsl(180,10%,60%) 4.5%,hsl(180,10%,60%) 5.2%,#0e152e 10%,#0e152e 12% ) var(--bg-x) var(--bg-y)/300% no-repeat",
     "--shade":
       "radial-gradient( farthest-corner circle at var(--m-x) var(--m-y),rgba(255,255,255,0.1) 12%,rgba(255,255,255,0.15) 20%,rgba(255,255,255,0.25) 120% ) var(--bg-x) var(--bg-y)/300% no-repeat",
-    backgroundBlendMode: "hue, hue, hue, overlay"
+    backgroundBlendMode: "hue, hue, hue, overlay",
   };
 
   const updateStyles = () => {
@@ -71,7 +71,7 @@ export const GlareCardRounded = ({ children, className }: { children: React.Reac
       const initialPercentage = { x: 75, y: 75 }; // Example coordinates for initial animation
       const initialDelta = {
         x: initialPercentage.x - 50,
-        y: initialPercentage.y - 50
+        y: initialPercentage.y - 50,
       };
       const rotateFactor = 0.4;
 
@@ -109,7 +109,7 @@ export const GlareCardRounded = ({ children, className }: { children: React.Reac
   return (
     <div
       style={{
-        ...containerStyle
+        ...containerStyle,
       }}
       className="relative isolate h-auto w-full will-change-transform [contain:layout_style] [perspective:600px]"
       ref={refElement}
@@ -118,15 +118,15 @@ export const GlareCardRounded = ({ children, className }: { children: React.Reac
         const rect = event.currentTarget.getBoundingClientRect();
         const position = {
           x: event.clientX - rect.left,
-          y: event.clientY - rect.top
+          y: event.clientY - rect.top,
         };
         const percentage = {
           x: (100 / rect.width) * position.x,
-          y: (100 / rect.height) * position.y
+          y: (100 / rect.height) * position.y,
         };
         const delta = {
           x: percentage.x - 50,
-          y: percentage.y - 50
+          y: percentage.y - 50,
         };
 
         const { background, rotate, glare } = state.current;
@@ -169,7 +169,7 @@ export const GlareCardRounded = ({ children, className }: { children: React.Reac
         <div
           className="grid h-full w-full opacity-[var(--opacity)] mix-blend-soft-light [grid-area:1/1] [background:radial-gradient(farthest-corner_circle_at_var(--m-x)_var(--m-y),_rgba(255,255,255,0.8)_10%,_rgba(255,255,255,0.65)_20%,_rgba(255,255,255,0)_90%)] [clip-path:inset(0_0_1px_0_round_var(--radius))]"
           style={{
-            transition: "opacity var(--duration) var(--easing), background var(--duration) var(--easing)"
+            transition: "opacity var(--duration) var(--easing), background var(--duration) var(--easing)",
           }}
         />
         <div

package/src/global-account/react/components/ui/glare-card.tsx

@@ -9,16 +9,16 @@ export const GlareCard = ({ children, className }: { children: React.ReactNode;
   const state = useRef({
     glare: {
       x: 50,
-      y: 50
+      y: 50,
     },
     background: {
       x: 50,
-      y: 50
+      y: 50,
     },
     rotate: {
       x: 0,
-      y: 0
-    }
+      y: 0,
+    },
   });
   const containerStyle = {
     "--m-x": "50%",
@@ -34,7 +34,7 @@ export const GlareCard = ({ children, className }: { children: React.ReactNode;
     "--easing": "ease",
     "--transition": "var(--duration) var(--easing)",
     transition:
-      "transform var(--duration) var(--easing), opacity var(--duration) var(--easing), background var(--duration) var(--easing)"
+      "transform var(--duration) var(--easing), opacity var(--duration) var(--easing), background var(--duration) var(--easing)",
   } as any;
 
   const backgroundStyle = {
@@ -47,7 +47,7 @@ export const GlareCard = ({ children, className }: { children: React.ReactNode;
       "repeating-linear-gradient( 128deg,#0e152e 0%,hsl(180,10%,60%) 3.8%,hsl(180,10%,60%) 4.5%,hsl(180,10%,60%) 5.2%,#0e152e 10%,#0e152e 12% ) var(--bg-x) var(--bg-y)/300% no-repeat",
     "--shade":
       "radial-gradient( farthest-corner circle at var(--m-x) var(--m-y),rgba(255,255,255,0.1) 12%,rgba(255,255,255,0.15) 20%,rgba(255,255,255,0.25) 120% ) var(--bg-x) var(--bg-y)/300% no-repeat",
-    backgroundBlendMode: "hue, hue, hue, overlay"
+    backgroundBlendMode: "hue, hue, hue, overlay",
   };
 
   const updateStyles = () => {
@@ -65,7 +65,7 @@ export const GlareCard = ({ children, className }: { children: React.ReactNode;
   return (
     <div
       style={{
-        ...containerStyle
+        ...containerStyle,
       }}
       className="relative isolate h-auto w-full will-change-transform [contain:layout_style] [perspective:600px]"
       ref={refElement}
@@ -74,15 +74,15 @@ export const GlareCard = ({ children, className }: { children: React.ReactNode;
         const rect = event.currentTarget.getBoundingClientRect();
         const position = {
           x: event.clientX - rect.left,
-          y: event.clientY - rect.top
+          y: event.clientY - rect.top,
         };
         const percentage = {
           x: (100 / rect.width) * position.x,
-          y: (100 / rect.height) * position.y
+          y: (100 / rect.height) * position.y,
         };
         const delta = {
           x: percentage.x - 50,
-          y: percentage.y - 50
+          y: percentage.y - 50,
         };
 
         const { background, rotate, glare } = state.current;
@@ -125,7 +125,7 @@ export const GlareCard = ({ children, className }: { children: React.ReactNode;
         <div
           className="grid h-full w-full opacity-[var(--opacity)] mix-blend-soft-light [grid-area:1/1] [background:radial-gradient(farthest-corner_circle_at_var(--m-x)_var(--m-y),_rgba(255,255,255,0.8)_10%,_rgba(255,255,255,0.65)_20%,_rgba(255,255,255,0)_90%)] [clip-path:inset(0_0_1px_0_round_var(--radius))]"
           style={{
-            transition: "opacity var(--duration) var(--easing), background var(--duration) var(--easing)"
+            transition: "opacity var(--duration) var(--easing), background var(--duration) var(--easing)",
           }}
         />
         <div

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

@@ -10,10 +10,10 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(({ className, type,
       type={type}
       className={cn(
         "border-b3-react-border bg-b3-react-background ring-offset-b3-react-background placeholder:text-b3-react-muted-foreground focus-visible:ring-b3-react-ring flex h-10 w-full rounded-md border px-3 py-2 text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-        className
+        className,
       )}
       style={{
-        boxShadow: "inset 0 0 0 1px rgba(255, 255, 255, 0.05)"
+        boxShadow: "inset 0 0 0 1px rgba(255, 255, 255, 0.05)",
       }}
       ref={ref}
       {...props}

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

@@ -22,7 +22,7 @@ const PopoverContent = React.forwardRef<
         sideOffset={sideOffset}
         className={cn(
           "bg-b3-react-popover text-as-primary z-50 rounded-md border p-4 shadow-md outline-none",
-          className
+          className,
         )}
         {...props}
       />

package/src/global-account/react/components/ui/scroll-area.tsx

@@ -28,7 +28,7 @@ const ScrollBar = React.forwardRef<
       "flex touch-none select-none transition-colors",
       orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
       orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
-      className
+      className,
     )}
     {...props}
   >

package/src/global-account/react/components/ui/text-loop.tsx

@@ -18,7 +18,7 @@ export function TextLoop({
   interval = 2,
   transition = { duration: 0.3 },
   variants,
-  onIndexChange
+  onIndexChange,
 }: TextLoopProps) {
   const [currentIndex, setCurrentIndex] = useState(0);
   const items = Children.toArray(children);
@@ -39,7 +39,7 @@ export function TextLoop({
   const motionVariants: Variants = {
     initial: { y: 20, opacity: 0 },
     animate: { y: 0, opacity: 1 },
-    exit: { y: -20, opacity: 0 }
+    exit: { y: -20, opacity: 0 },
   };
 
   return (

package/src/global-account/react/components/ui/text-shimmer.tsx

@@ -25,19 +25,19 @@ export function TextShimmer({ children, as: Component = "p", className, duration
         "text-transparent [--base-color:#a1a1aa] [--base-gradient-color:#000]",
         "[--bg:linear-gradient(90deg,#0000_calc(50%-var(--spread)),var(--base-gradient-color),#0000_calc(50%+var(--spread)))] [background-repeat:no-repeat,padding-box]",
         "dark:[--base-color:#71717a] dark:[--base-gradient-color:#ffffff] dark:[--bg:linear-gradient(90deg,#0000_calc(50%-var(--spread)),var(--base-gradient-color),#0000_calc(50%+var(--spread)))]",
-        className
+        className,
       )}
       initial={{ backgroundPosition: "100% center" }}
       animate={{ backgroundPosition: "0% center" }}
       transition={{
         repeat: Infinity,
         duration,
-        ease: "linear"
+        ease: "linear",
       }}
       style={
         {
           "--spread": `${dynamicSpread}px`,
-          backgroundImage: `var(--bg), linear-gradient(var(--base-color), var(--base-color))`
+          backgroundImage: `var(--bg), linear-gradient(var(--base-color), var(--base-color))`,
         } as React.CSSProperties
       }
     >

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

@@ -23,8 +23,8 @@ const TooltipContent: React.ForwardRefExoticComponent<
     ref={ref}
     sideOffset={sideOffset}
     className={cn(
-      "bg-popover text-popover-b3-react-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 overflow-hidden rounded-md border px-3 py-1.5 text-sm shadow-md",
-      className
+      "bg-b3-react-popover text-b3-react-popover-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 overflow-hidden rounded-md border px-3 py-1.5 text-sm shadow-md",
+      className,
     )}
     {...props}
   />

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

@@ -7,8 +7,8 @@ async function fetchAccountAssets(address: string) {
     fetchSimpleHashData(`/v0/nfts/owners`, {
       chains: "b3,b3-sepolia,base",
       wallet_addresses: address,
-      count: true
-    })
+      count: true,
+    }),
     // we are not using the tokenResponse anywhere in the app, let's not call it, if we don't need it
     // getERC20Balances(address, {
     //   chainIds: [8333, 1993, 8453, 84532],
@@ -18,7 +18,7 @@ async function fetchAccountAssets(address: string) {
   ]);
 
   return {
-    nftResponse
+    nftResponse,
     //tokenResponse,
   };
 }
@@ -29,6 +29,6 @@ export function useAccountAssets(address?: string) {
     queryFn: () => fetchAccountAssets(address!),
     enabled: Boolean(address),
     staleTime: 30 * 1000, // Consider data fresh for 30 seconds
-    gcTime: 5 * 60 * 1000 // Keep unused data in cache for 5 minutes
+    gcTime: 5 * 60 * 1000, // Keep unused data in cache for 5 minutes
   });
 }

package/src/global-account/react/hooks/useAccountWallet.tsx

@@ -72,8 +72,8 @@ export function useAccountWallet(): {
         ...account,
         ensName,
         meta: {
-          icon: avatarUrl || (isActiveSmartWallet ? smartWalletIcon : walletImage) || ""
-        }
+          icon: avatarUrl || (isActiveSmartWallet ? smartWalletIcon : walletImage) || "",
+        },
       },
 
       address: account?.address,
@@ -86,7 +86,7 @@ export function useAccountWallet(): {
       isActiveEOAWallet: isActiveEOAWallet,
 
       smartWalletIcon: smartWalletIcon,
-      eoaWalletIcon: walletImage
+      eoaWalletIcon: walletImage,
     }),
     [
       account,
@@ -97,14 +97,14 @@ export function useAccountWallet(): {
       isActiveEOAWallet,
       isActiveSmartWallet,
       smartWalletIcon,
-      walletImage
-    ]
+      walletImage,
+    ],
   );
 
-  // useEffect(() => {
-  //   console.log(`account`, account);
-  //   console.log(`useAccountWallet`, res);
-  // }, [account, res]);
+  useEffect(() => {
+    console.log(`account`, account);
+    console.log(`useAccountWallet`, res);
+  }, [account, res]);
 
   return res;
 }

package/src/global-account/react/hooks/useAddTWSessionKey.tsx

@@ -11,14 +11,14 @@ export function useAddTWSessionKey({
   onSuccess,
   onError,
   refetchSigners,
-  chain
+  chain,
 }: {
   chain?: Chain;
   onSuccess: (
     transactionResult: { transactionHash: Hex } & {
       client: ThirdwebClient;
       chain: Chain;
-    }
+    },
   ) => void;
   onError: (error: Error) => void;
   refetchSigners: () => Promise<any>;
@@ -34,7 +34,7 @@ export function useAddTWSessionKey({
     approvedTargets,
     nativeTokenLimitPerTransaction,
     permissionStartTimestamp,
-    permissionEndTimestamp
+    permissionEndTimestamp,
   }: {
     sessionKeyAddress: Address;
     approvedTargets: Address[];
@@ -49,14 +49,14 @@ export function useAddTWSessionKey({
       approvedTargets,
       nativeTokenLimitPerTransaction,
       permissionStartTimestamp,
-      permissionEndTimestamp
+      permissionEndTimestamp,
     });
     try {
       const transaction = addSessionKey({
         contract: {
           client,
           chain,
-          address: account.address as `0x${string}`
+          address: account.address as `0x${string}`,
         },
         account,
         sessionKeyAddress,
@@ -64,8 +64,8 @@ export function useAddTWSessionKey({
           approvedTargets,
           nativeTokenLimitPerTransaction,
           permissionStartTimestamp,
-          permissionEndTimestamp
-        }
+          permissionEndTimestamp,
+        },
       });
 
       debug("@@ecosystem:newSessionKey:transaction:", transaction);

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

@@ -26,7 +26,7 @@ export function useAuthentication(partnerId: string, loginWithSiwe?: boolean) {
   const { connect } = useConnect(partnerId, b3MainnetThirdWeb);
 
   const wallet = ecosystemWallet(ecosystemWalletId, {
-    partnerId: partnerId
+    partnerId: partnerId,
   });
 
   const { isLoading: useAutoConnectLoading } = useAutoConnect({
@@ -64,7 +64,7 @@ export function useAuthentication(partnerId: string, loginWithSiwe?: boolean) {
         setIsAuthenticated(false);
         setUser();
       }
-    }
+    },
   });
 
   // Ensure isAuthenticating stays true until we're fully ready
@@ -121,6 +121,6 @@ export function useAuthentication(partnerId: string, loginWithSiwe?: boolean) {
     isReady,
     wallet,
     preAuthenticate,
-    connect
+    connect,
   };
 }