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

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

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

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

@@ -15,19 +15,19 @@ const buttonVariants = (0, class_variance_authority_1.cva)("inline-flex items-ce
             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",
+    },
 });
 exports.buttonVariants = buttonVariants;
 function Button({ variant = "default", className, ...props }) {

package/dist/cjs/global-account/react/components/custom/Icon.js

@@ -46,7 +46,7 @@ const icons = {
     trade: "M11.712 22.996c-2.875-.074-5.476-1.251-7.394-3.124l-.08-.08-.015-.014-.015-.016-.079-.079c-1.873-1.919-3.05-4.519-3.124-7.394L1 12l.004-.288c.074-2.875 1.251-5.476 3.124-7.394l.079-.08.015-.015.015-.015.08-.079c1.919-1.873 4.519-3.05 7.394-3.124L12 1l.288.004c2.875.074 5.476 1.251 7.394 3.124l.079.079.016.015.014.015.08.08c1.873 1.919 3.05 4.519 3.124 7.394L23 12c0 2.989-1.192 5.7-3.128 7.683l-.08.079-.014.016-.016.014-.079.08c-1.919 1.873-4.519 3.05-7.394 3.124L12 23l-.288-.004zM13 3.055V4a1 1 0 1 1-2 0v-.945l-.05.006c-1.635.19-3.137.818-4.385 1.765l-.184.143.668.668a1 1 0 0 1 .083 1.32l-.083.094a1 1 0 0 1-1.414 0l-.668-.668-.143.184c-.946 1.247-1.575 2.749-1.765 4.385l-.006.05H4a1 1 0 0 1 .993.883L5 12a1 1 0 0 1-1 1h-.945l.006.05c.19 1.635.818 3.137 1.765 4.385l.143.183.668-.667a1 1 0 0 1 1.32-.083l.094.083a1 1 0 0 1 0 1.414l-.668.668.184.143c1.247.946 2.749 1.575 4.385 1.765l.05.005V20a1 1 0 0 1 .883-.993L12 19a1 1 0 0 1 1 1v.944l.05-.005c1.635-.19 3.137-.818 4.385-1.765l.183-.143-.667-.668a1 1 0 0 1-.083-1.32l.083-.094a1 1 0 0 1 1.414 0l.668.667.143-.183c.946-1.247 1.575-2.749 1.765-4.385l.005-.05H20a1 1 0 0 1-.993-.883L19 12a1 1 0 0 1 1-1h.944l-.005-.05c-.19-1.635-.818-3.137-1.765-4.385l-.143-.184-.668.668a1 1 0 0 1-1.32.083l-.094-.083a1 1 0 0 1 0-1.414l.667-.668-.183-.143c-1.247-.946-2.749-1.575-4.385-1.765L13 3.055zm-1.857 4.431a1 1 0 0 1 1.715 0l1.371 2.285 2.286 1.372a1 1 0 0 1 .108 1.641l-.108.074-2.286 1.371-1.371 2.286a1 1 0 0 1-1.641.108l-.074-.108-1.372-2.286-2.285-1.371a1 1 0 0 1-.108-1.641l.108-.074 2.285-1.372 1.372-2.285zM12 9.943l-.643 1.071a1 1 0 0 1-.343.343L9.943 12l1.071.643a1 1 0 0 1 .274.242l.069.101.643 1.07.643-1.07a1 1 0 0 1 .242-.274l.101-.069 1.07-.643-1.07-.643a1 1 0 0 1-.274-.242l-.069-.101L12 9.943z",
     "triangle-down": "M12.705 15.493l5.586-5.586c.63-.63.184-1.707-.707-1.707H6.412c-.891 0-1.337 1.077-.707 1.707l5.586 5.586a1 1 0 0 0 1.414 0z",
     "triangle-up": "M11.291 8.493l-5.586 5.586c-.63.63-.184 1.707.707 1.707h11.172c.891 0 1.337-1.077.707-1.707l-5.586-5.586a1 1 0 0 0-1.414 0z",
-    wallet: "M13.31 2.362c1.204-.556 1.457-.645 2.025-.549a2 2 0 0 1 1.314.841c.326.476.35.743.35 2.069v2.498l.8.001c1.517 0 1.938.028 2.472.282l.09.045a3 3 0 0 1 1.311 1.311c.296.581.327.961.327 2.562v6.6c0 1.601-.031 1.981-.327 2.562a3 3 0 0 1-1.311 1.311c-.581.296-.961.327-2.562.327H5.957c-1.399-.004-1.769-.046-2.319-.327a3 3 0 0 1-1.311-1.311C2.031 20.004 2 19.624 2 18.023v-6.6-1.152c0-1.065.017-1.333.173-1.773a3 3 0 0 1 .73-1.141 2.71 2.71 0 0 1 .482-.371c.237-.146.429-.24 1.054-.529l8.87-4.094zm4.49 6.86H6.2c-1.199 0-1.486.023-1.654.109a1 1 0 0 0-.437.437c-.086.168-.109.455-.109 1.654v6.802c.003 1.03.028 1.294.109 1.452a1 1 0 0 0 .437.437c.168.086.455.109 1.654.109h11.802c1.03-.003 1.294-.028 1.452-.109a1 1 0 0 0 .437-.437c.086-.168.109-.455.109-1.654v-6.6c0-1.199-.023-1.486-.109-1.654a1 1 0 0 0-.437-.437c-.168-.086-.455-.109-1.654-.109zm-1.3 4a1.5 1.5 0 1 1 0 3 1.5 1.5 0 1 1 0-3zm0 1a.5.5 0 1 0 0 1 .5.5 0 1 0 0-1zM14.987 3.8c-.062.033-.301.13-.838.378L7.553 7.222H15V4.723l-.008-.818v-.078-.024l.001-.008-.006.004z"
+    wallet: "M13.31 2.362c1.204-.556 1.457-.645 2.025-.549a2 2 0 0 1 1.314.841c.326.476.35.743.35 2.069v2.498l.8.001c1.517 0 1.938.028 2.472.282l.09.045a3 3 0 0 1 1.311 1.311c.296.581.327.961.327 2.562v6.6c0 1.601-.031 1.981-.327 2.562a3 3 0 0 1-1.311 1.311c-.581.296-.961.327-2.562.327H5.957c-1.399-.004-1.769-.046-2.319-.327a3 3 0 0 1-1.311-1.311C2.031 20.004 2 19.624 2 18.023v-6.6-1.152c0-1.065.017-1.333.173-1.773a3 3 0 0 1 .73-1.141 2.71 2.71 0 0 1 .482-.371c.237-.146.429-.24 1.054-.529l8.87-4.094zm4.49 6.86H6.2c-1.199 0-1.486.023-1.654.109a1 1 0 0 0-.437.437c-.086.168-.109.455-.109 1.654v6.802c.003 1.03.028 1.294.109 1.452a1 1 0 0 0 .437.437c.168.086.455.109 1.654.109h11.802c1.03-.003 1.294-.028 1.452-.109a1 1 0 0 0 .437-.437c.086-.168.109-.455.109-1.654v-6.6c0-1.199-.023-1.486-.109-1.654a1 1 0 0 0-.437-.437c-.168-.086-.455-.109-1.654-.109zm-1.3 4a1.5 1.5 0 1 1 0 3 1.5 1.5 0 1 1 0-3zm0 1a.5.5 0 1 0 0 1 .5.5 0 1 0 0-1zM14.987 3.8c-.062.033-.301.13-.838.378L7.553 7.222H15V4.723l-.008-.818v-.078-.024l.001-.008-.006.004z",
 };
 const Icon = ({ className, name, fill }) => ((0, jsx_runtime_1.jsx)("svg", { className: `inline-flex h-6 w-6 ${className || ""}`, width: 24, height: 24, viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { fill: fill, d: icons[name] }) }));
 exports.default = Icon;

package/dist/cjs/global-account/react/components/custom/ManageAccountButton.js

@@ -10,7 +10,7 @@ function ManageAccountButton(props) {
     const handleClickManageAccount = () => {
         setB3ModalContentType({
             ...props,
-            type: "manageAccount"
+            type: "manageAccount",
         });
         setB3ModalOpen(true);
     };

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

@@ -6,19 +6,19 @@ const framer_motion_1 = require("framer-motion");
 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 ((0, jsx_runtime_1.jsx)("div", { className: `flex items-center justify-center ${size <= 2 ? "space-x-1" : "space-x-2"}`, children: [...Array(3)].map((_, index) => ((0, jsx_runtime_1.jsx)(framer_motion_1.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/cjs/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/cjs/global-account/react/components/magicui/AnimatedLottie.js

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

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

@@ -8,11 +8,11 @@ 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 ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("relative", sizeClass, className), children: (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: (0, utils_1.cn)("animate-spin", sizeClass, variantClass) }) }));
 }

package/dist/cjs/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/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/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,7 +60,7 @@ function useAccountWallet() {
         isActiveEOAWallet,
         isActiveSmartWallet,
         smartWalletIcon,
-        walletImage
+        walletImage,
     ]);
     // useEffect(() => {
     //   console.log(`account`, account);

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