@b3dotfun/sdk 0.0.7 → 0.0.8

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

@@ -7,10 +7,10 @@ const react_1 = require("../../../../global-account/react");
 const utils_1 = require("../../../../shared/utils");
 const colors_1 = require("../../../../shared/utils/colors");
 const react_intersection_observer_1 = require("react-intersection-observer");
-const ShinyButton = ({ text = "shiny-button", accentColor, animatedPulse = true, className = "", children, onClick, onClickCapture, disabled, textColor = "", textClassName = "", type = "button" }) => {
+const ShinyButton = ({ text = "shiny-button", accentColor, animatedPulse = true, className = "", children, onClick, onClickCapture, disabled, textColor = "", textClassName = "", type = "button", }) => {
     const { ref, inView } = (0, react_intersection_observer_1.useInView)({
         triggerOnce: false,
-        threshold: 0.1
+        threshold: 0.1,
     });
     const computedTextColor = textColor ||
         (accentColor?.startsWith("hsl")
@@ -21,7 +21,7 @@ const ShinyButton = ({ text = "shiny-button", accentColor, animatedPulse = true,
     return ((0, jsx_runtime_1.jsxs)("button", { ref: ref, className: (0, utils_1.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: [(0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 bottom-0 left-0 right-0 top-0 rounded-2xl border border-white/10" }), (0, jsx_runtime_1.jsx)("span", { className: (0, utils_1.cn)("font-sf-rounded relative block h-full w-full text-lg font-semibold tracking-wide", computedTextColor), children: (0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)("flex items-center justify-center gap-2", textClassName), children: [children || text, text === "Loading" && (0, jsx_runtime_1.jsx)(react_1.StaggeredFadeLoader, { size: 2 })] }) }), (0, jsx_runtime_1.jsx)("span", { className: "shiny-overlay" })] }));
 };
 exports.ShinyButton = ShinyButton;

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

@@ -81,6 +81,6 @@ function TabsTransitionWrapper({ children }) {
     return ((0, jsx_runtime_1.jsx)(react_1.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/cjs/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/cjs/global-account/react/components/ui/Tabs.js

@@ -40,7 +40,7 @@ exports.TabsContent = TabsContent;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const utils_1 = require("../../../../shared/utils");
 const TabsPrimitive = __importStar(require("@radix-ui/react-tabs"));
-const Tabs = ({ defaultValue, onValueChange, children }) => ((0, jsx_runtime_1.jsx)(TabsPrimitive.Root, { defaultValue: defaultValue, onValueChange: onValueChange, children: children }));
+const Tabs = ({ defaultValue, onValueChange, children, }) => ((0, jsx_runtime_1.jsx)(TabsPrimitive.Root, { defaultValue: defaultValue, onValueChange: onValueChange, children: children }));
 exports.Tabs = Tabs;
 function TabsList({ className, ...props }) {
     return ((0, jsx_runtime_1.jsx)(TabsPrimitive.List, { className: (0, utils_1.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/cjs/global-account/react/components/ui/badge.js

@@ -11,12 +11,12 @@ const badgeVariants = (0, class_variance_authority_1.cva)("inline-flex items-cen
             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",
+    },
 });
 exports.badgeVariants = badgeVariants;
 function Badge({ className, variant, ...props }) {

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/components/ui/tooltip.js

@@ -45,6 +45,6 @@ const Tooltip = TooltipPrimitive.Root;
 exports.Tooltip = Tooltip;
 const TooltipTrigger = TooltipPrimitive.Trigger;
 exports.TooltipTrigger = TooltipTrigger;
-const TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => ((0, jsx_runtime_1.jsx)(TooltipPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: (0, cn_1.cn)("bg-popover text-popover-b3-react-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 overflow-hidden rounded-md border px-3 py-1.5 text-sm shadow-md", className), ...props })));
+const TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => ((0, jsx_runtime_1.jsx)(TooltipPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: (0, cn_1.cn)("bg-b3-react-popover text-b3-react-popover-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 overflow-hidden rounded-md border px-3 py-1.5 text-sm shadow-md", className), ...props })));
 exports.TooltipContent = TooltipContent;
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;

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,
     ]);
-    // useEffect(() => {
-    //   console.log(`account`, account);
-    //   console.log(`useAccountWallet`, res);
-    // }, [account, res]);
+    (0, react_2.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,9 +1,13 @@
 export declare const useB3EnsName: () => {
-    registerEns: (username: string, message: string, hash: string) => Promise<{
-        success: boolean;
-        error?: string;
-    }>;
+    registerEns: (name: `${string}.b3.fun`, address: string, hash: string) => Promise<Response>;
     getEns: (address: string) => Promise<{
         name: string;
     }>;
+    lookupEnsName: (name: `${string}.b3.fun`) => 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,39 +1,48 @@
 "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 = (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
-        }, {});
+    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,
+                },
+            }),
+        });
         return response;
-    }, [bsmnt_1.default.authentication.authenticated]);
-    const getEns = (0, react_1.useCallback)(async (address) => {
-        const response = await fetch(`https://ens-gateway.b3.fun/address/${address}`);
+    };
+    const getEns = async (address) => {
+        const response = await fetch(`${constants_1.ENS_GATEWAY_URL}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
-    }), [registerEns, getEns]);
+        getEns,
+        lookupEnsName,
+    }), []);
 };
 exports.useB3EnsName = useB3EnsName;