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

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

@@ -1,14 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Button, StyleRoot, useAuthentication, useIsMobile, useModalStore, } from "../../../../global-account/react/index.js";
+import { useAuthentication } from "../../../../global-account/react/index.js";
+import { Button, StyleRoot, useModalStore } from "../../../../global-account/react/index.js";
 import { useEffect } from "react";
 import { useActiveAccount } from "thirdweb/react";
-import { ManageAccountButton } from "../custom/ManageAccountButton.js";
-import { Loading } from "../ui/Loading.js";
 export function SignInWithB3(props) {
     const { setB3ModalOpen, setB3ModalContentType, setEcoSystemAccountAddress } = useModalStore();
     const account = useActiveAccount();
     const { isAuthenticating, isAuthenticated } = useAuthentication(props.partnerId, props.loginWithSiwe);
-    const isMobile = useIsMobile();
     useEffect(() => {
         if (account) {
             setEcoSystemAccountAddress(account.address);
@@ -18,15 +16,22 @@ export function SignInWithB3(props) {
         setB3ModalContentType({
             ...props,
             type: "signInWithB3",
-            showBackButton: false,
+            showBackButton: false
+        });
+        setB3ModalOpen(true);
+    };
+    const handleClickManageAccount = () => {
+        setB3ModalContentType({
+            ...props,
+            type: "manageAccount"
         });
         setB3ModalOpen(true);
     };
     if (isAuthenticated) {
-        return _jsx(ManageAccountButton, { ...props });
+        return (_jsx(StyleRoot, { children: _jsxs(Button, { onClick: handleClickManageAccount, style: { backgroundColor: "#3368ef" }, className: "flex items-center gap-2 text-white", children: [props.withLogo !== false && (_jsx("img", { src: "https://cdn.b3.fun/b3_logo_white.svg", alt: "B3 Logo", className: "h-5 w-5" })), props.loggedInButtonText || "Manage Account"] }) }));
     }
     if (isAuthenticating) {
-        return (_jsx(StyleRoot, { children: _jsxs(Button, { disabled: true, style: { backgroundColor: "#3368ef" }, className: "flex items-center gap-2 text-white", children: [props.withLogo !== false && (_jsx("img", { src: "https://cdn.b3.fun/b3_logo_white.svg", alt: "B3 Logo", className: "h-5 w-5" })), props.loadingButtonText || (isMobile ? _jsx(Loading, { size: "sm" }) : "Signing in…")] }) }));
+        return (_jsx(StyleRoot, { children: _jsxs(Button, { disabled: true, style: { backgroundColor: "#3368ef" }, className: "flex items-center gap-2 text-white", children: [props.withLogo !== false && (_jsx("img", { src: "https://cdn.b3.fun/b3_logo_white.svg", alt: "B3 Logo", className: "h-5 w-5" })), props.loadingButtonText || "Signing in..."] }) }));
     }
-    return (_jsx(StyleRoot, { children: _jsx(Button, { onClick: handleClick, style: { backgroundColor: "#3368ef" }, className: "b3-sign-in-button flex items-center gap-2 font-medium text-white", children: props.buttonText ? (props.buttonText) : (_jsxs(_Fragment, { children: [_jsx("span", { children: "Sign in with" }), props.withLogo !== false && (_jsx("img", { src: "https://cdn.b3.fun/b3_logo_white.svg", alt: "B3 Logo", className: "h-5 w-6" }))] })) }) }));
+    return (_jsx(StyleRoot, { children: _jsx(Button, { onClick: handleClick, style: { backgroundColor: "#3368ef" }, className: "flex items-center gap-2 font-medium text-white", children: props.buttonText ? (props.buttonText) : (_jsxs(_Fragment, { children: [_jsx("span", { children: "Sign in with" }), props.withLogo !== false && (_jsx("img", { src: "https://cdn.b3.fun/b3_logo_white.svg", alt: "B3 Logo", className: "h-5 w-6" }))] })) }) }));
 }

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

@@ -3,4 +3,4 @@ import { SignInWithB3ModalProps } from "../../../../global-account/react";
  * Component that manages the authentication flow for Sign In With B3
  * Handles different login providers, authentication steps, and session key management
  */
-export declare function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onError, chain, sessionKeyAddress, partnerId, closeAfterLogin, loginWithSiwe, source, signersEnabled, }: SignInWithB3ModalProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onError, chain, sessionKeyAddress, partnerId, closeAfterLogin, loginWithSiwe, source, signersEnabled }: SignInWithB3ModalProps): import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useB3, Loading, useGetAllTWSigners, useSiwe, useModalStore, } from "../../../../global-account/react/index.js";
+import { useB3, Loading, useGetAllTWSigners, useSiwe, useModalStore } from "../../../../global-account/react/index.js";
 import { debugB3React } from "../../../../shared/utils/debug.js";
 import { useCallback, useEffect, useState } from "react";
 import { useActiveAccount } from "thirdweb/react";
@@ -12,7 +12,7 @@ const MAX_REFETCH_ATTEMPTS = 20;
  * Component that manages the authentication flow for Sign In With B3
  * Handles different login providers, authentication steps, and session key management
  */
-export function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onError, chain, sessionKeyAddress, partnerId, closeAfterLogin = false, loginWithSiwe = false, source = "signInWithB3Button", signersEnabled = false, }) {
+export function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onError, chain, sessionKeyAddress, partnerId, closeAfterLogin = false, loginWithSiwe = false, source = "signInWithB3Button", signersEnabled = false }) {
     const { setUser, automaticallySetFirstEoa } = useB3();
     const [step, setStep] = useState(source === "requestPermissions" ? null : "login");
     const [sessionKeyAdded, setSessionKeyAdded] = useState(source === "requestPermissions" ? true : false);
@@ -21,12 +21,12 @@ export function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySucce
     const [loginComplete, setLoginComplete] = useState(source === "requestPermissions" ? true : false);
     const [refetchCount, setRefetchCount] = useState(0);
     const [refetchError, setRefetchError] = useState(null);
-    const { data: signers, refetch: refetchSigners, isFetching: isFetchingSigners, } = useGetAllTWSigners({
+    const { data: signers, refetch: refetchSigners, isFetching: isFetchingSigners } = useGetAllTWSigners({
         chain,
         accountAddress: account?.address,
         queryOptions: {
-            enabled: signersEnabled,
-        },
+            enabled: signersEnabled
+        }
     });
     const { authenticate } = useSiwe();
     const [authenticatingWithB3, setAuthenticatingWithB3] = useState(false);
@@ -57,7 +57,7 @@ export function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySucce
         debug("@@SignInWithB3Flow:useEffect", {
             loginComplete,
             isFetchingSigners,
-            source,
+            source
         });
         if (loginComplete && !isFetchingSigners) {
             // Check if we already have a signer for this partner
@@ -72,7 +72,7 @@ export function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySucce
                     setB3ModalContentType({
                         type: "manageAccount",
                         chain,
-                        partnerId,
+                        partnerId
                     });
                 }
             }
@@ -92,7 +92,7 @@ export function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySucce
             setB3ModalContentType({
                 type: "manageAccount",
                 chain,
-                partnerId,
+                partnerId
             });
         }
     }, [
@@ -107,7 +107,7 @@ export function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySucce
         chain,
         onSessionKeySuccess,
         setB3ModalOpen,
-        signersEnabled,
+        signersEnabled
     ]);
     debug("render", {
         step,
@@ -115,7 +115,7 @@ export function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySucce
         account,
         signers,
         refetchCount,
-        refetchError,
+        refetchError
     });
     // Keep this effect for handling closeAfterLogin when adding new session keys
     useEffect(() => {
@@ -136,7 +136,7 @@ export function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySucce
             partnerId,
             closeAfterLogin,
             loginWithSiwe,
-            source: "requestPermissions",
+            source: "requestPermissions"
         });
     }, [
         chain,
@@ -148,7 +148,7 @@ export function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySucce
         partnerId,
         sessionKeyAddress,
         setB3ModalContentType,
-        strategies,
+        strategies
     ]);
     const handleLoginSuccess = useCallback(async (account) => {
         debug("Authenticating with B3 via SIWE");
@@ -169,7 +169,7 @@ export function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySucce
                 chain,
                 sessionKeyAddress,
                 onSuccess: onSessionKeySuccessEnhanced,
-                onError,
+                onError
             });
         }
     }, [chain, onError, onSessionKeySuccessEnhanced, sessionKeyAddress, setB3ModalContentType, step]);

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Loading, useAuthentication, useHandleConnectWithPrivy, useAuthStore, } from "../../../../global-account/react/index.js";
+import { Loading, useAuthentication, useHandleConnectWithPrivy, useAuthStore } from "../../../../global-account/react/index.js";
 import { debugB3React } from "../../../../shared/utils/debug.js";
 import { useEffect } from "react";
 const debug = debugB3React("SignInWithB3Privy");
@@ -10,7 +10,7 @@ export function SignInWithB3Privy({ onSuccess, onError, partnerId, chain }) {
     const { logout } = useAuthentication(partnerId);
     debug("@@SignInWithB3Privy", {
         isLoading,
-        fullToken,
+        fullToken
     });
     useEffect(() => {
         async function autoConnect() {

package/dist/esm/global-account/react/components/SignInWithB3/components/AuthButton.d.ts

@@ -1,4 +1,4 @@
-export declare function AuthButton({ strategy, onClick, isLoading, }: {
+export declare function AuthButton({ strategy, onClick, isLoading }: {
     strategy: string;
     onClick: () => void;
     isLoading: boolean;

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Button } from "../../custom/Button.js";
 import { strategyIcons } from "../utils/signInUtils.js";
-export function AuthButton({ strategy, onClick, isLoading, }) {
+export function AuthButton({ strategy, onClick, isLoading }) {
     return (_jsx(Button, { onClick: onClick, disabled: isLoading, className: "flex w-full items-center justify-center bg-gray-100 px-2 py-3 hover:bg-gray-200 dark:bg-gray-800 dark:hover:bg-gray-700", children: _jsx("img", { src: strategyIcons[strategy], className: "h-9 w-9" }) }, strategy));
 }

package/dist/esm/global-account/react/components/SignInWithB3/components/WalletRow.d.ts

@@ -1,5 +1,5 @@
 import { WalletId } from "thirdweb/wallets";
-export declare function WalletRow({ walletId, onClick, isLoading, }: {
+export declare function WalletRow({ walletId, onClick, isLoading }: {
     walletId: WalletId;
     onClick: () => void;
     isLoading: boolean;

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { WalletIcon, WalletName, WalletProvider } from "thirdweb/react";
 import { Button } from "../../custom/Button.js";
-export function WalletRow({ walletId, onClick, isLoading, }) {
+export function WalletRow({ walletId, onClick, isLoading }) {
     return (_jsx(WalletProvider, { id: walletId, children: _jsxs(Button, { onClick: onClick, disabled: isLoading, className: "flex w-full items-center justify-normal gap-3 rounded-lg border border-gray-200 bg-transparent px-4 py-3 text-gray-900 hover:bg-gray-100 dark:border-gray-700 dark:text-gray-100 dark:hover:bg-gray-800", children: [_jsx(WalletIcon, { className: "h-12 w-12", loadingComponent: _jsx("div", { className: "h-8 w-8 animate-pulse rounded-full bg-gray-200 dark:bg-gray-700" }) }), _jsx(WalletName, { className: "font-bold text-gray-900 dark:text-gray-100", loadingComponent: _jsx("div", { className: "h-4 w-24 animate-pulse rounded bg-gray-200 dark:bg-gray-700" }) })] }) }, walletId));
 }

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

@@ -8,15 +8,15 @@ export function LoginStepContainer({ children, partnerId }) {
     const { data: partner } = useQueryB3("global-accounts-partners", "find", {
         query: {
             partnerId,
-            $limit: 1,
-        },
+            $limit: 1
+        }
     }, !!partnerId);
     const partnerLogo = partner?.data?.[0]?.loginCustomization?.logoUrl;
     return (_jsxs("div", { className: "flex flex-col items-center justify-center py-6", children: [partnerLogo && _jsx("img", { src: partnerLogo, alt: "Partner Logo", className: "mb-4 h-12 w-auto object-contain" }), children, _jsxs("h2", { className: "mt-3 flex items-center gap-2 text-lg font-bold", children: ["Powered by", _jsx("img", { alt: "B3 Logo", className: "h-5", src: "https://cdn.b3.fun/b3_logo.svg" }), "Connect"] })] }));
 }
 export function LoginStep({ onSuccess, onError, partnerId, chain }) {
     const wallet = ecosystemWallet(ecosystemWalletId, {
-        partnerId: partnerId,
+        partnerId: partnerId
     });
     const { theme } = useB3();
     const setIsAuthenticating = useAuthStore(state => state.setIsAuthenticating);
@@ -25,17 +25,17 @@ export function LoginStep({ onSuccess, onError, partnerId, chain }) {
     return (_jsx(LoginStepContainer, { partnerId: partnerId, children: _jsx(ConnectEmbed, { showThirdwebBranding: false, client: client, chain: chain, wallets: [wallet], theme: 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: true, style: {
                 width: "100%",
                 height: "100%",
-                border: 0,
+                border: 0
             }, 
             // TODO: Integrate with SIWE in useSIWE
             // auth={{
@@ -56,7 +56,7 @@ export function LoginStep({ onSuccess, onError, partnerId, chain }) {
             // }}
             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 {
                     setIsAuthenticating(true);

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

@@ -10,5 +10,5 @@ interface LoginStepCustomProps {
     strategies: AllowedStrategy[];
     maxInitialWallets?: number;
 }
-export declare function LoginStepCustom({ onSuccess, onError, partnerId, chain, strategies, maxInitialWallets, automaticallySetFirstEoa, }: LoginStepCustomProps): import("react/jsx-runtime").JSX.Element;
+export declare function LoginStepCustom({ onSuccess, onError, partnerId, chain, strategies, maxInitialWallets, automaticallySetFirstEoa }: LoginStepCustomProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, AuthButton, WalletRow, useAuthentication, useConnect, LoginStepContainer, useAuthStore, getConnectOptionsFromStrategy, isWalletType, } from "../../../../../global-account/react/index.js";
+import { Button, AuthButton, WalletRow, useAuthentication, useConnect, LoginStepContainer, useAuthStore, getConnectOptionsFromStrategy, isWalletType } from "../../../../../global-account/react/index.js";
 import { client } from "../../../../../shared/utils/thirdweb.js";
 import { useState } from "react";
 import { useConnect as useConnectTW } from "thirdweb/react";
 import { createWallet } from "thirdweb/wallets";
-export function LoginStepCustom({ onSuccess, onError, partnerId, chain, strategies, maxInitialWallets = 2, automaticallySetFirstEoa, }) {
+export function LoginStepCustom({ onSuccess, onError, partnerId, chain, strategies, maxInitialWallets = 2, automaticallySetFirstEoa }) {
     const [isLoading, setIsLoading] = useState(false);
     const [showAllWallets, setShowAllWallets] = useState(false);
     const { connect } = useConnect(partnerId, chain);
@@ -30,7 +30,7 @@ export function LoginStepCustom({ onSuccess, onError, partnerId, chain, strategi
                 connectResult = await connectTW(async () => {
                     const wallet = createWallet(options.wallet?.id);
                     await wallet.connect({
-                        client,
+                        client
                     });
                     return wallet;
                 });

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

@@ -15,7 +15,7 @@ export const allowedStrategies = [
     "com.coinbase.wallet",
     // Custom strategies
     // TODO: Audit we don't use "privy" directly anymore
-    ...customStrategies,
+    ...customStrategies
 ];
 export function isWalletType(strategy) {
     // Check if it's a known wallet ID pattern (com.*, io.*, etc.)
@@ -42,7 +42,7 @@ export const strategyIcons = {
     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/dist/esm/global-account/react/components/StyleRoot.js

@@ -2,5 +2,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useB3 } from "./B3Provider/useB3.js";
 export function StyleRoot({ children, id }) {
     const { theme: b3Theme } = useB3();
+    // eslint-disable-next-line tailwindcss/no-custom-classname
     return (_jsx("div", { className: "b3-root", id: id, "data-theme": b3Theme, children: children }));
 }

package/dist/esm/global-account/react/components/Transak/TransakModal.js

@@ -27,7 +27,7 @@ export function TransakModal() {
             exchangeScreenTitle: "Buy ETH on B3",
             isFeeCalculationHidden: true,
             cryptoCurrencyCode: "ETH",
-            network: "b3",
+            network: "b3"
         };
     }, [environment]);
     const { ready } = useB3();
@@ -47,7 +47,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);
         try {
@@ -92,13 +92,13 @@ export function TransakModal() {
         onSuccess,
         fiatAmount,
         transakConfig,
-        countryCode,
+        countryCode
     ]);
     return (_jsxs(_Fragment, { children: [isLoading && (_jsxs("div", { className: "flex h-full min-h-[650px] flex-col items-center justify-center gap-4", children: [_jsx(Loader2, { className: "h-24 w-24 animate-spin opacity-10" }), _jsx(TextShimmer, { children: "Powering up our credit card processor..." })] })), _jsx("div", { id: "transakMount", style: {
                     display: isLoading ? "none" : "block",
                     width: "100%",
                     height: "650px",
                     borderRadius: "25px",
-                    overflow: "hidden",
+                    overflow: "hidden"
                 } })] }));
 }

package/dist/esm/global-account/react/components/custom/Button.js

@@ -11,19 +11,19 @@ const buttonVariants = cva("inline-flex items-center justify-center rounded-md t
             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"
+    }
 });
 export function Button({ variant = "default", className, ...props }) {
     return (_jsx("button", { className: cn("flex items-center justify-center rounded-lg px-4 py-2 font-medium transition-colors", variant === "default" && "bg-b3-react-primary text-b3-react-primary-foreground hover:bg-b3-react-primary/90", variant === "outline" &&

package/dist/esm/global-account/react/components/custom/StaggeredFadeLoader.js

@@ -3,19 +3,19 @@ import { motion } from "framer-motion";
 export function StaggeredFadeLoader({ className = "bg-white/50", size = 4 }) {
     const circleVariants = {
         hidden: { opacity: 0 },
-        visible: { opacity: 1 },
+        visible: { opacity: 1 }
     };
     const sizeClass = {
         1: "h-1 w-1",
         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 (_jsx("div", { className: `flex items-center justify-center ${size <= 2 ? "space-x-1" : "space-x-2"}`, children: [...Array(3)].map((_, index) => (_jsx(motion.div, { className: `${sizeClass} rounded-full ${className}`, variants: circleVariants, initial: "hidden", animate: "visible", transition: {
                 duration: 0.9,
                 delay: index * 0.2,
                 repeat: Infinity,
-                repeatType: "reverse",
+                repeatType: "reverse"
             } }, index))) }));
 }

package/dist/esm/global-account/react/components/custom/WalletConnectorIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { WalletCoinbase, WalletMetamask, WalletPhantom, WalletRabby, WalletRainbow, WalletWalletConnect, } from "@web3icons/react";
+import { WalletCoinbase, WalletMetamask, WalletPhantom, WalletRabby, WalletRainbow, WalletWalletConnect } from "@web3icons/react";
 import { Wallet } from "lucide-react";
 const getWalletIcon = (connectorType, size = 24) => {
     switch (connectorType?.toLowerCase()) {

package/dist/esm/global-account/react/components/index.d.ts

@@ -25,9 +25,9 @@ export { StaggeredFadeLoader } from "./custom/StaggeredFadeLoader";
 export { WalletConnectorIcon } from "./custom/WalletConnectorIcon";
 export { Badge, badgeVariants } from "./ui/badge";
 export { Button, buttonVariants } from "./ui/button";
-export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, } from "./ui/command";
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, } from "./ui/dialog";
-export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, } from "./ui/drawer";
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from "./ui/command";
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./ui/dialog";
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from "./ui/drawer";
 export { GlareCard } from "./ui/glare-card";
 export { GlareCardRounded } from "./ui/glare-card-rounded";
 export { Input } from "./ui/input";
@@ -36,7 +36,7 @@ export { Popover, PopoverContent, PopoverTrigger } from "./ui/popover";
 export { ScrollArea, ScrollBar } from "./ui/scroll-area";
 export { ShinyButton } from "./ui/ShinyButton";
 export { Skeleton } from "./ui/skeleton";
-export { TabsContent as TabsContentPrimitive, TabsList as TabsListPrimitive, Tabs as TabsPrimitive, TabTrigger as TabTriggerPrimitive, } from "./ui/Tabs";
+export { TabsContent as TabsContentPrimitive, TabsList as TabsListPrimitive, Tabs as TabsPrimitive, TabTrigger as TabTriggerPrimitive } from "./ui/Tabs";
 export { Tabs, TabsContent, TabsList, TabsTransitionWrapper, TabTrigger } from "./ui/TabSystem";
 export { TextLoop } from "./ui/text-loop";
 export { TextShimmer } from "./ui/text-shimmer";

package/dist/esm/global-account/react/components/index.js

@@ -34,9 +34,9 @@ export { WalletConnectorIcon } from "./custom/WalletConnectorIcon.js";
 // UI Components
 export { Badge, badgeVariants } from "./ui/badge.js";
 export { Button, buttonVariants } from "./ui/button.js";
-export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, } from "./ui/command.js";
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, } from "./ui/dialog.js";
-export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, } from "./ui/drawer.js";
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from "./ui/command.js";
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./ui/dialog.js";
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from "./ui/drawer.js";
 export { GlareCard } from "./ui/glare-card.js";
 export { GlareCardRounded } from "./ui/glare-card-rounded.js";
 export { Input } from "./ui/input.js";
@@ -45,7 +45,7 @@ export { Popover, PopoverContent, PopoverTrigger } from "./ui/popover.js";
 export { ScrollArea, ScrollBar } from "./ui/scroll-area.js";
 export { ShinyButton } from "./ui/ShinyButton.js";
 export { Skeleton } from "./ui/skeleton.js";
-export { TabsContent as TabsContentPrimitive, TabsList as TabsListPrimitive, Tabs as TabsPrimitive, TabTrigger as TabTriggerPrimitive, } from "./ui/Tabs.js";
+export { TabsContent as TabsContentPrimitive, TabsList as TabsListPrimitive, Tabs as TabsPrimitive, TabTrigger as TabTriggerPrimitive } from "./ui/Tabs.js";
 export { Tabs, TabsContent, TabsList, TabsTransitionWrapper, TabTrigger } from "./ui/TabSystem.js";
 export { TextLoop } from "./ui/text-loop.js";
 export { TextShimmer } from "./ui/text-shimmer.js";

package/dist/esm/global-account/react/components/magicui/AnimatedLottie.js

@@ -50,7 +50,7 @@ export const AnimatedLottie = React.memo(({ src, autoplay = false, loop = false,
         setIsHovered(false);
     }, []);
     const animateProps = useMemo(() => ({
-        scale: animateBounce ? [1, 0.95, 1.05, 1] : 1,
+        scale: animateBounce ? [1, 0.95, 1.05, 1] : 1
     }), [animateBounce]);
     return (_jsx(motion.div, { whileHover: { scale: 1.05 }, initial: { scale: 1 }, animate: animateProps, transition: { duration: 0.3, ease: "easeInOut" }, className: className, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: _jsx(DotLottieReact, { src: src, dotLottieRefCallback: dotLottieRefCallback, style: style, autoplay: autoplay, loop: loop, mode: reverse ? "reverse" : "forward" }) }));
 });

package/dist/esm/global-account/react/components/ui/Loading.js

@@ -5,11 +5,11 @@ export function Loading({ className, size = "md", variant = "white" }) {
     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 (_jsx("div", { className: cn("relative", sizeClass, className), children: _jsx(Loader2, { className: cn("animate-spin", sizeClass, variantClass) }) }));
 }

package/dist/esm/global-account/react/components/ui/ShinyButton.d.ts

@@ -1,4 +1,4 @@
-export declare const ShinyButton: ({ text, accentColor, animatedPulse, className, children, onClick, onClickCapture, disabled, textColor, textClassName, type, }: {
+export declare const ShinyButton: ({ text, accentColor, animatedPulse, className, children, onClick, onClickCapture, disabled, textColor, textClassName, type }: {
     text?: string;
     accentColor?: string;
     animatedPulse?: boolean;

package/dist/esm/global-account/react/components/ui/ShinyButton.js

@@ -4,10 +4,10 @@ import { StaggeredFadeLoader } from "../../../../global-account/react/index.js";
 import { cn } from "../../../../shared/utils/index.js";
 import { isLightColor } from "../../../../shared/utils/colors.js";
 import { useInView } from "react-intersection-observer";
-export const ShinyButton = ({ text = "shiny-button", accentColor, animatedPulse = true, className = "", children, onClick, onClickCapture, disabled, textColor = "", textClassName = "", type = "button", }) => {
+export const ShinyButton = ({ text = "shiny-button", accentColor, animatedPulse = true, className = "", children, onClick, onClickCapture, disabled, textColor = "", textClassName = "", type = "button" }) => {
     const { ref, inView } = useInView({
         triggerOnce: false,
-        threshold: 0.1,
+        threshold: 0.1
     });
     const computedTextColor = textColor ||
         (accentColor?.startsWith("hsl")
@@ -18,6 +18,6 @@ export const ShinyButton = ({ text = "shiny-button", accentColor, animatedPulse
     return (_jsxs("button", { ref: ref, className: cn(`shiny-button relative min-h-fit rounded-2xl border border-black/10 px-6 py-3 tracking-wide backdrop-blur-xl transition-all duration-300 ease-in-out dark:bg-[radial-gradient(ellipse_at_50%_0%,hsl(var(--b3-react-primary)/25%)_0%,transparent_70%)] ${className}`, 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"), style: {
-            backgroundColor: disabled ? "#94A3B8" : accentColor,
+            backgroundColor: disabled ? "#94A3B8" : accentColor
         }, onClick: !disabled ? onClick : undefined, onClickCapture: onClickCapture, disabled: disabled, type: type, children: [_jsx("div", { className: "absolute inset-0 bottom-0 left-0 right-0 top-0 rounded-2xl border border-white/10" }), _jsx("span", { className: cn("font-sf-rounded relative block h-full w-full text-lg font-semibold tracking-wide", computedTextColor), children: _jsxs("div", { className: cn("flex items-center justify-center gap-2", textClassName), children: [children || text, text === "Loading" && _jsx(StaggeredFadeLoader, { size: 2 })] }) }), _jsx("span", { className: "shiny-overlay" })] }));
 };

package/dist/esm/global-account/react/components/ui/TabSystem.js

@@ -41,6 +41,6 @@ export function TabsTransitionWrapper({ children }) {
     return (_jsx(TransitionPanel, { activeIndex: activeIndex, className: "w-full", transition: { type: "spring", stiffness: 300, damping: 30 }, 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 }
         }, children: childrenArray }));
 }

package/dist/esm/global-account/react/components/ui/Tabs.d.ts

@@ -1,5 +1,5 @@
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-export declare const Tabs: ({ defaultValue, onValueChange, children, }: {
+export declare const Tabs: ({ defaultValue, onValueChange, children }: {
     defaultValue: string;
     onValueChange?: (value: string) => void;
     children: React.ReactNode;

package/dist/esm/global-account/react/components/ui/Tabs.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "../../../../shared/utils/index.js";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-export const Tabs = ({ defaultValue, onValueChange, children, }) => (_jsx(TabsPrimitive.Root, { defaultValue: defaultValue, onValueChange: onValueChange, children: children }));
+export const Tabs = ({ defaultValue, onValueChange, children }) => (_jsx(TabsPrimitive.Root, { defaultValue: defaultValue, onValueChange: onValueChange, children: children }));
 export function TabsList({ className, ...props }) {
     return (_jsx(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), ...props }));
 }

package/dist/esm/global-account/react/components/ui/badge.js

@@ -7,12 +7,12 @@ const badgeVariants = cva("inline-flex items-center rounded-full border px-2.5 p
             default: "border-transparent bg-b3-react-primary text-b3-react-primary-foreground hover:bg-b3-react-primary/80",
             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"
+    }
 });
 function Badge({ className, variant, ...props }) {
     return _jsx("div", { className: cn(badgeVariants({ variant }), className), ...props });

package/dist/esm/global-account/react/components/ui/button.js

@@ -11,19 +11,19 @@ const buttonVariants = cva("inline-flex items-center justify-center whitespace-n
             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"
+    }
 });
 const Button = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
     if (asChild) {

package/dist/esm/global-account/react/components/ui/command.d.ts

@@ -79,4 +79,4 @@ declare const CommandShortcut: {
     ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, };
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };

package/dist/esm/global-account/react/components/ui/command.js

@@ -27,4 +27,4 @@ const CommandShortcut = ({ className, ...props }) => {
     return (_jsx("span", { className: cn("text-b3-react-muted-foreground ml-auto text-xs tracking-widest", className), ...props }));
 };
 CommandShortcut.displayName = "CommandShortcut";
-export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, };
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };

package/dist/esm/global-account/react/components/ui/dialog.d.ts

@@ -27,4 +27,4 @@ declare const DialogTitle: React.ForwardRefExoticComponent<DialogTitleProps & Re
 type DialogDescriptionElement = React.ElementRef<typeof DialogPrimitive.Description>;
 type DialogDescriptionProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>;
 declare const DialogDescription: React.ForwardRefExoticComponent<DialogDescriptionProps & React.RefAttributes<DialogDescriptionElement>>;
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };

package/dist/esm/global-account/react/components/ui/dialog.js

@@ -23,4 +23,4 @@ const DialogTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(Dia
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
 const DialogDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Description, { ref: ref, className: cn("text-b3-react-muted-foreground text-sm", className), ...props })));
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };