@b3dotfun/sdk 0.0.7-alpha.12 → 0.0.7-alpha.14

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/SignIn.tsx

@@ -5,7 +5,7 @@ import {
   useAccountWallet,
   useAuthentication,
   useB3,
-  useIsMobile
+  useIsMobile,
 } from "@b3dotfun/sdk/global-account/react";
 import Icon from "@b3dotfun/sdk/global-account/react/components/custom/Icon";
 import { ecosystemWalletId } from "@b3dotfun/sdk/shared/constants";
@@ -39,7 +39,7 @@ export function SignIn(props: SignInWithB3Props) {
     isActiveSmartWallet,
     isActiveEOAWallet,
     smartWalletIcon,
-    eoaWalletIcon
+    eoaWalletIcon,
   } = useAccountWallet();
 
   const isMobile = useIsMobile();
@@ -110,7 +110,7 @@ export function SignIn(props: SignInWithB3Props) {
                     <div
                       className={cn(
                         "border-b3-react-subtle bg-b3-react-background flex cursor-pointer items-center justify-between rounded-xl p-3",
-                        "hover:bg-theme-on-surface-2"
+                        "hover:bg-theme-on-surface-2",
                       )}
                       onClick={() => handleSetActiveAccount(connectedEOAWallet?.id)}
                     >
@@ -133,7 +133,7 @@ export function SignIn(props: SignInWithB3Props) {
                       <div
                         className={cn(
                           "mb-2 flex cursor-pointer items-center justify-between rounded-xl p-3",
-                          isActiveSmartWallet ? "bg-theme-n-8" : "bg-b3-react-background hover:bg-theme-on-surface-2"
+                          isActiveSmartWallet ? "bg-theme-n-8" : "bg-b3-react-background hover:bg-theme-on-surface-2",
                         )}
                         onClick={() => handleSetActiveAccount(connectedSmartWallet?.id)}
                       >

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

@@ -4,7 +4,7 @@ import {
   StyleRoot,
   useAuthentication,
   useIsMobile,
-  useModalStore
+  useModalStore,
 } from "@b3dotfun/sdk/global-account/react";
 import { ReactNode, useEffect } from "react";
 import { useActiveAccount } from "thirdweb/react";
@@ -34,7 +34,7 @@ export function SignInWithB3(props: SignInWithB3Props) {
     setB3ModalContentType({
       ...props,
       type: "signInWithB3",
-      showBackButton: false
+      showBackButton: false,
     });
     setB3ModalOpen(true);
   };

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/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/Icon.tsx

@@ -84,7 +84,7 @@ const icons: IconsType = {
   "triangle-up":
     "M11.291 8.493l-5.586 5.586c-.63.63-.184 1.707.707 1.707h11.172c.891 0 1.337-1.077.707-1.707l-5.586-5.586a1 1 0 0 0-1.414 0z",
   wallet:
-    "M13.31 2.362c1.204-.556 1.457-.645 2.025-.549a2 2 0 0 1 1.314.841c.326.476.35.743.35 2.069v2.498l.8.001c1.517 0 1.938.028 2.472.282l.09.045a3 3 0 0 1 1.311 1.311c.296.581.327.961.327 2.562v6.6c0 1.601-.031 1.981-.327 2.562a3 3 0 0 1-1.311 1.311c-.581.296-.961.327-2.562.327H5.957c-1.399-.004-1.769-.046-2.319-.327a3 3 0 0 1-1.311-1.311C2.031 20.004 2 19.624 2 18.023v-6.6-1.152c0-1.065.017-1.333.173-1.773a3 3 0 0 1 .73-1.141 2.71 2.71 0 0 1 .482-.371c.237-.146.429-.24 1.054-.529l8.87-4.094zm4.49 6.86H6.2c-1.199 0-1.486.023-1.654.109a1 1 0 0 0-.437.437c-.086.168-.109.455-.109 1.654v6.802c.003 1.03.028 1.294.109 1.452a1 1 0 0 0 .437.437c.168.086.455.109 1.654.109h11.802c1.03-.003 1.294-.028 1.452-.109a1 1 0 0 0 .437-.437c.086-.168.109-.455.109-1.654v-6.6c0-1.199-.023-1.486-.109-1.654a1 1 0 0 0-.437-.437c-.168-.086-.455-.109-1.654-.109zm-1.3 4a1.5 1.5 0 1 1 0 3 1.5 1.5 0 1 1 0-3zm0 1a.5.5 0 1 0 0 1 .5.5 0 1 0 0-1zM14.987 3.8c-.062.033-.301.13-.838.378L7.553 7.222H15V4.723l-.008-.818v-.078-.024l.001-.008-.006.004z"
+    "M13.31 2.362c1.204-.556 1.457-.645 2.025-.549a2 2 0 0 1 1.314.841c.326.476.35.743.35 2.069v2.498l.8.001c1.517 0 1.938.028 2.472.282l.09.045a3 3 0 0 1 1.311 1.311c.296.581.327.961.327 2.562v6.6c0 1.601-.031 1.981-.327 2.562a3 3 0 0 1-1.311 1.311c-.581.296-.961.327-2.562.327H5.957c-1.399-.004-1.769-.046-2.319-.327a3 3 0 0 1-1.311-1.311C2.031 20.004 2 19.624 2 18.023v-6.6-1.152c0-1.065.017-1.333.173-1.773a3 3 0 0 1 .73-1.141 2.71 2.71 0 0 1 .482-.371c.237-.146.429-.24 1.054-.529l8.87-4.094zm4.49 6.86H6.2c-1.199 0-1.486.023-1.654.109a1 1 0 0 0-.437.437c-.086.168-.109.455-.109 1.654v6.802c.003 1.03.028 1.294.109 1.452a1 1 0 0 0 .437.437c.168.086.455.109 1.654.109h11.802c1.03-.003 1.294-.028 1.452-.109a1 1 0 0 0 .437-.437c.086-.168.109-.455.109-1.654v-6.6c0-1.199-.023-1.486-.109-1.654a1 1 0 0 0-.437-.437c-.168-.086-.455-.109-1.654-.109zm-1.3 4a1.5 1.5 0 1 1 0 3 1.5 1.5 0 1 1 0-3zm0 1a.5.5 0 1 0 0 1 .5.5 0 1 0 0-1zM14.987 3.8c-.062.033-.301.13-.838.378L7.553 7.222H15V4.723l-.008-.818v-.078-.024l.001-.008-.006.004z",
 };
 
 type IconProps = {

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

@@ -9,7 +9,7 @@ export function ManageAccountButton(props: SignInWithB3Props & { className?: str
   const handleClickManageAccount = () => {
     setB3ModalContentType({
       ...props,
-      type: "manageAccount"
+      type: "manageAccount",
     });
     setB3ModalOpen(true);
   };

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}