@b3dotfun/sdk 0.0.7-alpha.18 → 0.0.7-alpha.2

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

@@ -47,19 +47,19 @@ const buttonVariants = (0, class_variance_authority_1.cva)("inline-flex items-ce
             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"
+    }
 });
 exports.buttonVariants = buttonVariants;
 const Button = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {

package/dist/cjs/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/cjs/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/cjs/global-account/react/components/ui/drawer.d.ts

@@ -19,4 +19,4 @@ declare const DrawerFooter: {
 };
 declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
 declare const DrawerDescription: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, };
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };

package/dist/cjs/global-account/react/components/ui/glare-card-rounded.js

@@ -12,16 +12,16 @@ const GlareCardRounded = ({ children, className }) => {
     const state = (0, react_1.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%",
@@ -36,7 +36,7 @@ const GlareCardRounded = ({ children, className }) => {
         "--radius": "13px",
         "--easing": "ease",
         "--transition": "var(--duration) var(--easing)",
-        transition: "transform var(--duration) var(--easing), opacity var(--duration) var(--easing), background var(--duration) var(--easing)",
+        transition: "transform var(--duration) var(--easing), opacity var(--duration) var(--easing), background var(--duration) var(--easing)"
     };
     const backgroundStyle = {
         "--step": "5%",
@@ -45,7 +45,7 @@ const GlareCardRounded = ({ children, className }) => {
         "--rainbow": "repeating-linear-gradient( 0deg,rgb(255,119,115) calc(var(--step) * 1),rgba(255,237,95,1) calc(var(--step) * 2),rgba(168,255,95,1) calc(var(--step) * 3),rgba(131,255,247,1) calc(var(--step) * 4),rgba(120,148,255,1) calc(var(--step) * 5),rgb(216,117,255) calc(var(--step) * 6),rgb(255,119,115) calc(var(--step) * 7) ) 0% var(--bg-y)/200% 700% no-repeat",
         "--diagonal": "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 = () => {
         if (refElement.current) {
@@ -66,7 +66,7 @@ const GlareCardRounded = ({ children, className }) => {
             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;
             state.current.background.x = 50 + initialPercentage.x / 4 - 12.5;
@@ -97,21 +97,21 @@ const GlareCardRounded = ({ children, className }) => {
         }
     }, []);
     return ((0, jsx_runtime_1.jsx)("div", { style: {
-            ...containerStyle,
+            ...containerStyle
         }, className: "relative isolate h-auto w-full will-change-transform [contain:layout_style] [perspective:600px]", ref: refElement, onPointerMove: event => {
             const rotateFactor = 0.4;
             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;
             background.x = 50 + percentage.x / 4 - 12.5;
@@ -140,7 +140,7 @@ const GlareCardRounded = ({ children, className }) => {
                 refElement.current?.style.setProperty("--r-y", `0deg`);
             }
         }, children: (0, jsx_runtime_1.jsxs)("div", { className: "grid h-full w-full origin-center overflow-hidden rounded-full border-none will-change-transform [transform:rotateY(var(--r-x))_rotateX(var(--r-y))] hover:filter-none hover:[--duration:200ms] hover:[--easing:linear] hover:[--opacity:0.1]", children: [(0, jsx_runtime_1.jsx)("div", { className: "grid h-full w-full mix-blend-soft-light [clip-path:inset(0_0_0_0_round_var(--radius))] [grid-area:1/1]", children: (0, jsx_runtime_1.jsx)("div", { ref: contentRef, className: (0, utils_1.cn)("h-full w-full object-cover", className), children: children }) }), (0, jsx_runtime_1.jsx)("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)"
                     } }), (0, jsx_runtime_1.jsx)("div", { className: "relative grid h-full w-full opacity-[var(--opacity)] mix-blend-color-dodge transition-opacity [grid-area:1/1] [clip-path:inset(0_0_1px_0_round_var(--radius))] [background-blend-mode:hue_hue_hue_overlay] [background:var(--pattern),_var(--rainbow),_var(--diagonal),_var(--shade)] after:bg-[inherit] after:mix-blend-exclusion after:content-[''] after:[background-blend-mode:soft-light,_hue,_hard-light] after:[background-position:center,_0%_var(--bg-y),_calc(var(--bg-x)*_-1)_calc(var(--bg-y)*_-1),_var(--bg-x)_var(--bg-y)] after:[background-size:var(--foil-size),_200%_400%,_800%,_200%]", style: { ...backgroundStyle } })] }) }));
 };
 exports.GlareCardRounded = GlareCardRounded;

package/dist/cjs/global-account/react/components/ui/glare-card.js

@@ -12,16 +12,16 @@ const GlareCard = ({ children, className }) => {
     const state = (0, react_1.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%",
@@ -36,7 +36,7 @@ const GlareCard = ({ children, className }) => {
         "--radius": "13px",
         "--easing": "ease",
         "--transition": "var(--duration) var(--easing)",
-        transition: "transform var(--duration) var(--easing), opacity var(--duration) var(--easing), background var(--duration) var(--easing)",
+        transition: "transform var(--duration) var(--easing), opacity var(--duration) var(--easing), background var(--duration) var(--easing)"
     };
     const backgroundStyle = {
         "--step": "5%",
@@ -45,7 +45,7 @@ const GlareCard = ({ children, className }) => {
         "--rainbow": "repeating-linear-gradient( 0deg,rgb(255,119,115) calc(var(--step) * 1),rgba(255,237,95,1) calc(var(--step) * 2),rgba(168,255,95,1) calc(var(--step) * 3),rgba(131,255,247,1) calc(var(--step) * 4),rgba(120,148,255,1) calc(var(--step) * 5),rgb(216,117,255) calc(var(--step) * 6),rgb(255,119,115) calc(var(--step) * 7) ) 0% var(--bg-y)/200% 700% no-repeat",
         "--diagonal": "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 = () => {
         if (refElement.current) {
@@ -59,21 +59,21 @@ const GlareCard = ({ children, className }) => {
         }
     };
     return ((0, jsx_runtime_1.jsx)("div", { style: {
-            ...containerStyle,
+            ...containerStyle
         }, className: "relative isolate h-auto w-full will-change-transform [contain:layout_style] [perspective:600px]", ref: refElement, onPointerMove: event => {
             const rotateFactor = 0.4;
             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;
             background.x = 50 + percentage.x / 4 - 12.5;
@@ -102,7 +102,7 @@ const GlareCard = ({ children, className }) => {
                 refElement.current?.style.setProperty("--r-y", `0deg`);
             }
         }, children: (0, jsx_runtime_1.jsxs)("div", { className: "grid h-full w-full origin-center overflow-hidden rounded-[var(--radius)] border border-black/50 will-change-transform [transform:rotateY(var(--r-x))_rotateX(var(--r-y))] hover:filter-none hover:[--duration:200ms] hover:[--easing:linear] hover:[--opacity:0.1]", children: [(0, jsx_runtime_1.jsx)("div", { className: "grid h-full w-full mix-blend-soft-light [clip-path:inset(0_0_0_0_round_var(--radius))] [grid-area:1/1]", children: (0, jsx_runtime_1.jsx)("div", { ref: contentRef, className: (0, utils_1.cn)("h-full w-full bg-slate-950 object-cover", className), children: children }) }), (0, jsx_runtime_1.jsx)("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)"
                     } }), (0, jsx_runtime_1.jsx)("div", { className: "relative grid h-full w-full opacity-[var(--opacity)] mix-blend-color-dodge transition-opacity [grid-area:1/1] [clip-path:inset(0_0_1px_0_round_var(--radius))] [background-blend-mode:hue_hue_hue_overlay] [background:var(--pattern),_var(--rainbow),_var(--diagonal),_var(--shade)] after:bg-[inherit] after:mix-blend-exclusion after:content-[''] after:[background-blend-mode:soft-light,_hue,_hard-light] after:[background-position:center,_0%_var(--bg-y),_calc(var(--bg-x)*_-1)_calc(var(--bg-y)*_-1),_var(--bg-x)_var(--bg-y)] after:[background-size:var(--foil-size),_200%_400%,_800%,_200%]", style: { ...backgroundStyle } })] }) }));
 };
 exports.GlareCard = GlareCard;

package/dist/cjs/global-account/react/components/ui/input.js

@@ -39,7 +39,7 @@ const React = __importStar(require("react"));
 const utils_1 = require("../../../../shared/utils");
 const Input = React.forwardRef(({ className, type, ...props }, ref) => {
     return ((0, jsx_runtime_1.jsx)("input", { type: type, className: (0, utils_1.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), 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 }));
 });
 exports.Input = Input;

package/dist/cjs/global-account/react/components/ui/text-loop.d.ts

@@ -7,5 +7,5 @@ type TextLoopProps = {
     variants?: Variants;
     onIndexChange?: (index: number) => void;
 };
-export declare function TextLoop({ children, className, interval, transition, variants, onIndexChange, }: TextLoopProps): import("react/jsx-runtime").JSX.Element;
+export declare function TextLoop({ children, className, interval, transition, variants, onIndexChange }: TextLoopProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/global-account/react/components/ui/text-loop.js

@@ -6,7 +6,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const cn_1 = require("../../../../shared/utils/cn");
 const framer_motion_1 = require("framer-motion");
 const react_1 = require("react");
-function TextLoop({ children, className, interval = 2, transition = { duration: 0.3 }, variants, onIndexChange, }) {
+function TextLoop({ children, className, interval = 2, transition = { duration: 0.3 }, variants, onIndexChange }) {
     const [currentIndex, setCurrentIndex] = (0, react_1.useState)(0);
     const items = react_1.Children.toArray(children);
     (0, react_1.useEffect)(() => {
@@ -23,7 +23,7 @@ function TextLoop({ children, className, interval = 2, transition = { duration:
     const motionVariants = {
         initial: { y: 20, opacity: 0 },
         animate: { y: 0, opacity: 1 },
-        exit: { y: -20, opacity: 0 },
+        exit: { y: -20, opacity: 0 }
     };
     return ((0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)("relative inline-block whitespace-nowrap", className), children: (0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, { mode: "popLayout", initial: false, children: (0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { initial: "initial", animate: "animate", exit: "exit", transition: transition, variants: variants || motionVariants, children: items[currentIndex] }, currentIndex) }) }));
 }

package/dist/cjs/global-account/react/components/ui/text-shimmer.js

@@ -14,9 +14,9 @@ function TextShimmer({ children, as: Component = "p", className, duration = 2, s
     return ((0, jsx_runtime_1.jsx)(MotionComponent, { className: (0, cn_1.cn)("relative inline-block bg-[length:250%_100%,auto] bg-clip-text", "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), 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))`
         }, children: children }));
 }

package/dist/cjs/global-account/react/hooks/useAccountAssets.js

@@ -10,8 +10,8 @@ async function fetchAccountAssets(address) {
         (0, simplehash_1.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],
@@ -20,7 +20,7 @@ async function fetchAccountAssets(address) {
         // }),
     ]);
     return {
-        nftResponse,
+        nftResponse
         //tokenResponse,
     };
 }
@@ -30,6 +30,6 @@ function useAccountAssets(address) {
         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/dist/cjs/global-account/react/hooks/useAccountWallet.js

@@ -40,8 +40,8 @@ function useAccountWallet() {
             ...account,
             ensName,
             meta: {
-                icon: avatarUrl || (isActiveSmartWallet ? smartWalletIcon : walletImage) || "",
-            },
+                icon: avatarUrl || (isActiveSmartWallet ? smartWalletIcon : walletImage) || ""
+            }
         },
         address: account?.address,
         ensName,
@@ -50,7 +50,7 @@ function useAccountWallet() {
         isActiveSmartWallet: isActiveSmartWallet,
         isActiveEOAWallet: isActiveEOAWallet,
         smartWalletIcon: smartWalletIcon,
-        eoaWalletIcon: walletImage,
+        eoaWalletIcon: walletImage
     }), [
         account,
         avatarUrl,
@@ -60,11 +60,11 @@ function useAccountWallet() {
         isActiveEOAWallet,
         isActiveSmartWallet,
         smartWalletIcon,
-        walletImage,
+        walletImage
     ]);
-    (0, react_2.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/dist/cjs/global-account/react/hooks/useAddTWSessionKey.d.ts

@@ -1,6 +1,6 @@
 import { Chain, Hex, ThirdwebClient } from "thirdweb";
 import { Address } from "viem";
-export declare function useAddTWSessionKey({ onSuccess, onError, refetchSigners, chain, }: {
+export declare function useAddTWSessionKey({ onSuccess, onError, refetchSigners, chain }: {
     chain?: Chain;
     onSuccess: (transactionResult: {
         transactionHash: Hex;
@@ -11,7 +11,7 @@ export declare function useAddTWSessionKey({ onSuccess, onError, refetchSigners,
     onError: (error: Error) => void;
     refetchSigners: () => Promise<any>;
 }): {
-    newSessionKey: ({ sessionKeyAddress, approvedTargets, nativeTokenLimitPerTransaction, permissionStartTimestamp, permissionEndTimestamp, }: {
+    newSessionKey: ({ sessionKeyAddress, approvedTargets, nativeTokenLimitPerTransaction, permissionStartTimestamp, permissionEndTimestamp }: {
         sessionKeyAddress: Address;
         approvedTargets: Address[];
         nativeTokenLimitPerTransaction: number;

package/dist/cjs/global-account/react/hooks/useAddTWSessionKey.js

@@ -10,12 +10,12 @@ const thirdweb_2 = require("thirdweb");
 const erc4337_1 = require("thirdweb/extensions/erc4337");
 const react_1 = require("thirdweb/react");
 const debug = (0, debug_1.default)("@@b3:useHandleTWConnect");
-function useAddTWSessionKey({ onSuccess, onError, refetchSigners, chain, }) {
+function useAddTWSessionKey({ onSuccess, onError, refetchSigners, chain }) {
     if (!chain) {
         throw new Error("Chain is required");
     }
     const account = (0, react_1.useActiveAccount)();
-    const newSessionKey = async ({ sessionKeyAddress, approvedTargets, nativeTokenLimitPerTransaction, permissionStartTimestamp, permissionEndTimestamp, }) => {
+    const newSessionKey = async ({ sessionKeyAddress, approvedTargets, nativeTokenLimitPerTransaction, permissionStartTimestamp, permissionEndTimestamp }) => {
         if (!account || !chain)
             return;
         debug("@@newSessionKey:", {
@@ -23,14 +23,14 @@ function useAddTWSessionKey({ onSuccess, onError, refetchSigners, chain, }) {
             approvedTargets,
             nativeTokenLimitPerTransaction,
             permissionStartTimestamp,
-            permissionEndTimestamp,
+            permissionEndTimestamp
         });
         try {
             const transaction = (0, erc4337_1.addSessionKey)({
                 contract: {
                     client: thirdweb_1.client,
                     chain,
-                    address: account.address,
+                    address: account.address
                 },
                 account,
                 sessionKeyAddress,
@@ -38,8 +38,8 @@ function useAddTWSessionKey({ onSuccess, onError, refetchSigners, chain, }) {
                     approvedTargets,
                     nativeTokenLimitPerTransaction,
                     permissionStartTimestamp,
-                    permissionEndTimestamp,
-                },
+                    permissionEndTimestamp
+                }
             });
             debug("@@ecosystem:newSessionKey:transaction:", transaction);
             const transactionResult = await (0, thirdweb_2.sendTransaction)({ transaction, account });

package/dist/cjs/global-account/react/hooks/useAuthentication.js

@@ -29,7 +29,7 @@ function useAuthentication(partnerId, loginWithSiwe) {
     const setIsAuthenticating = (0, react_1.useAuthStore)(state => state.setIsAuthenticating);
     const { connect } = (0, useConnect_1.useConnect)(partnerId, supported_1.b3MainnetThirdWeb);
     const wallet = (0, wallets_1.ecosystemWallet)(constants_1.ecosystemWalletId, {
-        partnerId: partnerId,
+        partnerId: partnerId
     });
     const { isLoading: useAutoConnectLoading } = (0, react_3.useAutoConnect)({
         client: thirdweb_1.client,
@@ -66,7 +66,7 @@ function useAuthentication(partnerId, loginWithSiwe) {
                 setIsAuthenticated(false);
                 setUser();
             }
-        },
+        }
     });
     // Ensure isAuthenticating stays true until we're fully ready
     (0, react_2.useEffect)(() => {
@@ -117,6 +117,6 @@ function useAuthentication(partnerId, loginWithSiwe) {
         isReady,
         wallet,
         preAuthenticate: in_app_1.preAuthenticate,
-        connect,
+        connect
     };
 }

package/dist/cjs/global-account/react/hooks/useB3BalanceFromAddresses.js

@@ -13,13 +13,13 @@ const abi = [
         name: "balanceOf",
         outputs: [{ name: "", type: "uint256" }],
         stateMutability: "view",
-        type: "function",
-    },
+        type: "function"
+    }
 ];
 // Create a public client for Base
 const client = (0, viem_1.createPublicClient)({
     chain: chains_1.base,
-    transport: (0, viem_1.http)(),
+    transport: (0, viem_1.http)()
 });
 async function fetchB3Balances(addresses) {
     try {
@@ -29,12 +29,12 @@ async function fetchB3Balances(addresses) {
                 address: anyspend_1.B3_TOKEN.address,
                 abi,
                 functionName: "balanceOf",
-                args: [address],
+                args: [address]
             });
             return {
                 address,
                 balance,
-                formatted: (0, viem_1.formatUnits)(balance, anyspend_1.B3_TOKEN.decimals),
+                formatted: (0, viem_1.formatUnits)(balance, anyspend_1.B3_TOKEN.decimals)
             };
         }));
         // Calculate total
@@ -42,7 +42,7 @@ async function fetchB3Balances(addresses) {
         return {
             totalBalance,
             formattedTotal: (0, formatNumber_1.formatNumber)(Number((0, viem_1.formatUnits)(totalBalance, anyspend_1.B3_TOKEN.decimals))),
-            breakdown: balances,
+            breakdown: balances
         };
     }
     catch (error) {
@@ -64,7 +64,7 @@ function useB3BalanceFromAddresses(addresses, options) {
         queryFn: () => fetchB3Balances(normalizedAddresses),
         enabled: (options?.enabled ?? true) && normalizedAddresses.length > 0,
         refetchInterval: options?.refetchInterval ?? 30000, // Default 30s refresh
-        staleTime: 10000, // Consider data stale after 10s
+        staleTime: 10000 // Consider data stale after 10s
     });
 }
 exports.default = useB3BalanceFromAddresses;

package/dist/cjs/global-account/react/hooks/useB3EnsName.d.ts

@@ -1,13 +1,9 @@
 export declare const useB3EnsName: () => {
-    registerEns: (name: `${string}.b3.fun`, address: string, hash: string) => Promise<Response>;
-    getEns: (address: string) => Promise<{
-        name: string;
+    registerEns: (username: string, message: string, hash: string) => Promise<{
+        success: boolean;
+        error?: string;
     }>;
-    lookupEnsName: (name: `${string}.b3.fun`) => Promise<{
+    getEns: (address: string) => Promise<{
         name: string;
-        owner: `0x${string}`;
-        addresses: Record<string, `0x${string}`>;
-        createdAt: number;
-        updatedAt: number;
     }>;
 };

package/dist/cjs/global-account/react/hooks/useB3EnsName.js

@@ -1,48 +1,39 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useB3EnsName = void 0;
+const bsmnt_1 = __importDefault(require("../../../global-account/bsmnt"));
 const constants_1 = require("../../../shared/constants");
+const js_cookie_1 = __importDefault(require("js-cookie"));
 const react_1 = require("react");
 const useB3EnsName = () => {
-    const registerEns = async (name, address, hash) => {
-        const message = `Register ${name}`;
-        const response = await fetch(constants_1.ENS_GATEWAY_URL + "set", {
-            method: "POST",
-            headers: {
-                "Content-Type": "application/json",
-            },
-            body: JSON.stringify({
-                name: name,
-                owner: address.toLowerCase(),
-                addresses: { "60": address.toLowerCase() },
-                signature: {
-                    message: message,
-                    hash: hash,
-                },
-            }),
-        });
+    const registerEns = (0, react_1.useCallback)(async (username, message, hash) => {
+        if (!bsmnt_1.default.authentication.authenticated) {
+            await bsmnt_1.default.authentication.authenticate({
+                strategy: "b3-jwt",
+                accessToken: js_cookie_1.default.get(constants_1.B3_AUTH_COOKIE_NAME) || ""
+            });
+        }
+        const response = await bsmnt_1.default.service("profiles").registerUsername({
+            username,
+            message,
+            hash
+        }, {});
         return response;
-    };
-    const getEns = async (address) => {
-        const response = await fetch(`${constants_1.ENS_GATEWAY_URL}address/${address}`);
+    }, [bsmnt_1.default.authentication.authenticated]);
+    const getEns = (0, react_1.useCallback)(async (address) => {
+        const response = await fetch(`https://ens-gateway.b3.fun/address/${address}`);
         if (!response.ok) {
             throw new Error(`Failed to fetch ENS name: ${response.statusText}`);
         }
         const data = await response.json();
         return data;
-    };
-    const lookupEnsName = async (name) => {
-        const response = await fetch(`${constants_1.ENS_GATEWAY_URL}get/${name}`);
-        if (!response.ok) {
-            throw new Error(`Failed to fetch ENS lookup: ${response.statusText}`);
-        }
-        const data = await response.json();
-        return data;
-    };
+    }, []);
     return (0, react_1.useMemo)(() => ({
         registerEns,
-        getEns,
-        lookupEnsName,
-    }), []);
+        getEns
+    }), [registerEns, getEns]);
 };
 exports.useB3EnsName = useB3EnsName;

package/dist/cjs/global-account/react/hooks/useBestTransactionPath.d.ts

@@ -37,5 +37,5 @@ interface UseBestTransactionPathProps {
  * - sprinterOptions: Available chains and balances for bridging
  * @returns TransactionPathResult object containing path information and loading state
  */
-export declare function useBestTransactionPath({ amount, token, address, transactionType: _transactionType, }: UseBestTransactionPathProps): TransactionPathResult;
+export declare function useBestTransactionPath({ amount, token, address, transactionType: _transactionType }: UseBestTransactionPathProps): TransactionPathResult;
 export {};

package/dist/cjs/global-account/react/hooks/useBestTransactionPath.js

@@ -22,7 +22,7 @@ const supportedSprinterTokenSymbols = ["ETH", "USDC", "WETH"];
  * - sprinterOptions: Available chains and balances for bridging
  * @returns TransactionPathResult object containing path information and loading state
  */
-function useBestTransactionPath({ amount, token, address, transactionType: _transactionType = "send", }) {
+function useBestTransactionPath({ amount, token, address, transactionType: _transactionType = "send" }) {
     const account = (0, react_1.useAccountWallet)();
     const effectiveAddress = address || account?.address;
     const isSupportedSprinterToken = supportedSprinterTokenSymbols.includes(token.symbol.toUpperCase());
@@ -31,7 +31,7 @@ function useBestTransactionPath({ amount, token, address, transactionType: _tran
     // Get the token balance using our new hook
     const { rawBalance, isLoading: tokenBalanceLoading } = (0, react_1.useTokenBalance)({
         token,
-        address: effectiveAddress,
+        address: effectiveAddress
     });
     // Check if amount is available natively on destination chain
     const hasNativeBalance = (0, react_2.useMemo)(() => {
@@ -63,7 +63,7 @@ function useBestTransactionPath({ amount, token, address, transactionType: _tran
         isSupportedSprinterToken,
         oneBalanceLoading,
         aggregatedBalances,
-        rawBalance,
+        rawBalance
     ]);
     const totalCrossChainBalance = (0, react_2.useMemo)(() => {
         if (oneBalanceLoading || !aggregatedTokenBalances || !token.symbol)
@@ -87,13 +87,13 @@ function useBestTransactionPath({ amount, token, address, transactionType: _tran
                 options.push({
                     chainId: chainBalance.chainId,
                     balance: balanceBi,
-                    formattedBalance: (0, viem_1.formatUnits)(balanceBi, chainBalance.tokenDecimals),
+                    formattedBalance: (0, viem_1.formatUnits)(balanceBi, chainBalance.tokenDecimals)
                 });
             }
         }
         return {
             hasSprinterPath: options.length > 0,
-            sprinterOptions: options,
+            sprinterOptions: options
         };
     }, [isSupportedSprinterToken, oneBalanceLoading, aggregatedBalances, token.symbol, token.chainId, amount]);
     // Determine the best path
@@ -107,7 +107,7 @@ function useBestTransactionPath({ amount, token, address, transactionType: _tran
                 hasSprinterPath,
                 availableBalance,
                 totalCrossChainBalance,
-                sprinterOptions,
+                sprinterOptions
             };
         }
         // Case 2: Sprinter path if available
@@ -118,7 +118,7 @@ function useBestTransactionPath({ amount, token, address, transactionType: _tran
                 hasSprinterPath: true,
                 availableBalance,
                 totalCrossChainBalance,
-                sprinterOptions,
+                sprinterOptions
             };
         }
         // Case 3: Fallback to anyspend
@@ -128,7 +128,7 @@ function useBestTransactionPath({ amount, token, address, transactionType: _tran
             hasSprinterPath: false,
             availableBalance,
             totalCrossChainBalance,
-            sprinterOptions: [],
+            sprinterOptions: []
         };
     }, [
         token.address,
@@ -137,12 +137,12 @@ function useBestTransactionPath({ amount, token, address, transactionType: _tran
         hasNativeBalance,
         hasSprinterPath,
         totalCrossChainBalance,
-        sprinterOptions,
+        sprinterOptions
     ]);
     // Combine all loading states
     const loading = oneBalanceLoading || tokenBalanceLoading;
     return {
         ...path,
-        loading,
+        loading
     };
 }