@b3dotfun/sdk 0.1.69-alpha.1 → 0.1.69-alpha.11

package/src/global-account/react/hooks/useAuthentication.ts

@@ -6,7 +6,7 @@ import { debugB3React } from "@b3dotfun/sdk/shared/utils/debug";
 import { client } from "@b3dotfun/sdk/shared/utils/thirdweb";
 import { ConnectionOptions } from "@thirdweb-dev/wagmi-adapter";
 import { getConnectors } from "@wagmi/core";
-import { useCallback, useContext, useEffect, useRef } from "react";
+import { useCallback, useContext, useEffect, useMemo, useRef } from "react";
 import {
   useActiveWallet,
   useAutoConnect,
@@ -25,7 +25,7 @@ import { useUserQuery } from "./useUserQuery";
 const debug = debugB3React("useAuthentication");
 
 export function useAuthentication(partnerId: string, { skipAutoConnect = false }: { skipAutoConnect?: boolean } = {}) {
-  const { onConnectCallback, onLogoutCallback } = useContext(LocalSDKContext);
+  const { onConnectCallback, onLogoutCallback, disableBSMNTAuthentication } = useContext(LocalSDKContext);
   const { disconnect } = useDisconnect();
   const wallets = useConnectedWallets();
   // Keep refs so logout() always disconnects current wallets, not stale closure values.
@@ -57,7 +57,7 @@ export function useAuthentication(partnerId: string, { skipAutoConnect = false }
   const { authenticate } = useTWAuth();
   const { user, setUser } = useUserQuery();
   const useAutoConnectLoadingPrevious = useRef(false);
-  const wagmiConfig = createWagmiConfig({ partnerId });
+  const wagmiConfig = useMemo(() => createWagmiConfig({ partnerId }), [partnerId]);
   const { connect } = useConnect();
   const activeWagmiAccount = useAccount();
   const { switchAccount } = useSwitchAccount();
@@ -113,9 +113,7 @@ export function useAuthentication(partnerId: string, { skipAutoConnect = false }
       });
     }
     syncWagmiFunc();
-    // wagmi config shouldn't change
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [partnerId, wallets]);
+  }, [wagmiConfig, wallets, connect, switchAccount]);
 
   useEffect(() => {
     syncWagmi();
@@ -142,9 +140,11 @@ export function useAuthentication(partnerId: string, { skipAutoConnect = false }
         setIsAuthenticating(false);
         debug("Re-authenticated successfully", { userAuth });
 
-        // Authenticate on BSMNT with B3 JWT
-        const b3Jwt = await authenticateWithB3JWT(userAuth.accessToken);
-        debug("@@b3Jwt", b3Jwt);
+        if (!disableBSMNTAuthentication) {
+          // Authenticate on BSMNT with B3 JWT
+          const b3Jwt = await authenticateWithB3JWT(userAuth.accessToken);
+          debug("@@b3Jwt", b3Jwt);
+        }
 
         return userAuth;
       } catch (error) {
@@ -156,14 +156,25 @@ export function useAuthentication(partnerId: string, { skipAutoConnect = false }
         setIsAuthenticating(false);
         debug("Fresh authentication successful", { userAuth });
 
-        // Authenticate on BSMNT with B3 JWT
-        const b3Jwt = await authenticateWithB3JWT(userAuth.accessToken);
-        debug("@@b3Jwt", b3Jwt);
+        if (!disableBSMNTAuthentication) {
+          // Authenticate on BSMNT with B3 JWT
+          const b3Jwt = await authenticateWithB3JWT(userAuth.accessToken);
+          debug("@@b3Jwt", b3Jwt);
+        }
 
         return userAuth;
       }
     },
-    [activeWallet, partnerId, authenticate, setIsAuthenticated, setIsAuthenticating, setUser, setHasStartedConnecting],
+    [
+      activeWallet,
+      partnerId,
+      authenticate,
+      setIsAuthenticated,
+      setIsAuthenticating,
+      setUser,
+      setHasStartedConnecting,
+      disableBSMNTAuthentication,
+    ],
   );
 
   const logout = useCallback(

package/src/global-account/react/hooks/useConnect.tsx

@@ -4,7 +4,7 @@ import { client } from "@b3dotfun/sdk/shared/utils/thirdweb";
 import { useCallback, useState } from "react";
 import { Chain } from "thirdweb";
 import { useConnect as useConnectTW } from "thirdweb/react";
-import { ecosystemWallet, SingleStepAuthArgsType } from "thirdweb/wallets";
+import { ecosystemWallet, MultiStepAuthArgsType, SingleStepAuthArgsType } from "thirdweb/wallets";
 const debug = debugB3React("useConnect");
 
 /**
@@ -23,7 +23,7 @@ export function useConnect(partnerId: string, chain?: Chain) {
    * It is used to connect to a wallet using the thirdweb client.
    */
   const connectTw = useCallback(
-    async (strategyOptions?: SingleStepAuthArgsType) => {
+    async (strategyOptions?: MultiStepAuthArgsType | SingleStepAuthArgsType) => {
       setIsLoading(true);
       return await connect(async () => {
         if (!strategyOptions) throw new Error("Strategy options are required");

package/src/global-account/react/hooks/useTWAuth.tsx

@@ -12,7 +12,6 @@ import { useSearchParam } from "./useSearchParamsSSR";
  * @deprecated Use useAuth() instead
  */
 export function useTWAuth() {
-  console.warn("useTWAuth is deprecated. Please migrate to useAuth() for authentication.");
   const referralCode = useSearchParam("referralCode");
 
   const authenticate = useCallback(

package/src/global-account/react/stores/useModalStore.ts

@@ -451,6 +451,16 @@ export interface SendModalProps extends BaseModalProps {
   onSuccess?: (txHash?: string) => void;
 }
 
+/**
+ * Props for the Session Duration modal
+ * Allows users to configure how long they stay signed in
+ */
+export interface SessionDurationModalProps extends BaseModalProps {
+  type: "sessionDuration";
+  partnerId: string;
+  chain: Chain;
+}
+
 /**
  * Props for the Notifications modal
  * Allows users to manage notification settings and channels
@@ -677,6 +687,7 @@ export type ModalContentType =
   | DepositModalProps
   | SendModalProps
   | NotificationsModalProps
+  | SessionDurationModalProps
   | AnySpendCollectorClubPurchaseProps
   | AnySpendDepositModalProps
   | AnySpendWorkflowTriggerModalProps

package/src/global-account/react/utils/createWagmiConfig.tsx

@@ -38,21 +38,3 @@ export function createWagmiConfig(options: CreateWagmiConfigOptions) {
     connectors: finalConnectors,
   });
 }
-
-/** Module-level cache — wagmi configs must not be recreated on every render. */
-const wagmiConfigCache = new Map<string, ReturnType<typeof createWagmiConfig>>();
-
-/**
- * Returns a cached wagmi config for the given partnerId.
- * Use this instead of calling createWagmiConfig() directly inside React components or hooks
- * to avoid registering duplicate EventEmitter listeners on every render.
- */
-export function getCachedWagmiConfig(options: CreateWagmiConfigOptions) {
-  const key = options.partnerId;
-  let config = wagmiConfigCache.get(key);
-  if (!config) {
-    config = createWagmiConfig(options);
-    wagmiConfigCache.set(key, config);
-  }
-  return config;
-}

package/src/global-account/react/utils/index.ts

@@ -1,4 +1,3 @@
 export * from "./notificationsAPI";
 export * from "./profileDisplay";
 export * from "./toast";
-export * from "./updateAvatar";

package/src/shared/utils/session-duration.ts

@@ -0,0 +1,64 @@
+const STORAGE_KEY_PREFIX = "b3-session-duration";
+const DEFAULT_DAYS = 7;
+
+// 0 = session cookie (expires when browser closes)
+export const SESSION_DURATION_OPTIONS = [0, 1, 7, 14, 30] as const;
+export type SessionDurationDays = (typeof SESSION_DURATION_OPTIONS)[number];
+
+function storageKey(partnerId?: string) {
+  return partnerId ? `${STORAGE_KEY_PREFIX}_${partnerId}` : STORAGE_KEY_PREFIX;
+}
+
+/**
+ * Read session duration for a specific partner.
+ *
+ * preferences shape: { [partnerId]: { sessionDuration: number }, sessionDuration?: number }
+ *
+ * Priority: user.preferences[partnerId].sessionDuration
+ *           → user.preferences.sessionDuration (global fallback)
+ *           → localStorage (per-partner) → localStorage (global) → default 7d
+ */
+export function getSessionDurationDays(userPreferences?: Record<string, any>, partnerId?: string): SessionDurationDays {
+  if (userPreferences) {
+    if (partnerId) {
+      const v = userPreferences[partnerId]?.sessionDuration;
+      if (SESSION_DURATION_OPTIONS.includes(v as SessionDurationDays)) return v as SessionDurationDays;
+    }
+    const v = userPreferences["sessionDuration"];
+    if (SESSION_DURATION_OPTIONS.includes(v as SessionDurationDays)) return v as SessionDurationDays;
+  }
+  try {
+    if (partnerId) {
+      const stored = localStorage.getItem(storageKey(partnerId));
+      if (stored !== null) {
+        const parsed = Number(stored);
+        if (SESSION_DURATION_OPTIONS.includes(parsed as SessionDurationDays)) return parsed as SessionDurationDays;
+      }
+    }
+    const stored = localStorage.getItem(STORAGE_KEY_PREFIX);
+    if (stored !== null) {
+      const parsed = Number(stored);
+      if (SESSION_DURATION_OPTIONS.includes(parsed as SessionDurationDays)) return parsed as SessionDurationDays;
+    }
+  } catch {
+    // localStorage unavailable (e.g. SSR)
+  }
+  return DEFAULT_DAYS;
+}
+
+export const SESSION_DURATION_LABELS: Record<SessionDurationDays, string> = {
+  0: "Session only",
+  1: "1 day",
+  7: "7 days",
+  14: "14 days",
+  30: "30 days",
+};
+
+/** Cache the preference locally so it's available immediately on next login */
+export function setSessionDurationDays(days: SessionDurationDays, partnerId?: string): void {
+  try {
+    localStorage.setItem(storageKey(partnerId), String(days));
+  } catch {
+    // ignore
+  }
+}

package/src/types/torph.d.ts

@@ -0,0 +1,4 @@
+declare module "torph/react" {
+  import type { JSX } from "react";
+  export function TextMorph(props: { children: string; className?: string }): JSX.Element;
+}

package/dist/cjs/global-account/react/components/AvatarCreator/AvatarCreator.d.ts

@@ -1,6 +0,0 @@
-interface AvatarCreatorProps {
-    onSetAvatar?: () => void;
-    className?: string;
-}
-export declare function AvatarCreator({ onSetAvatar, className }: AvatarCreatorProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/cjs/global-account/react/components/AvatarCreator/AvatarCreator.js

@@ -1,54 +0,0 @@
-"use strict";
-"use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AvatarCreator = AvatarCreator;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("../../../../global-account/react");
-const useRPMToken_1 = require("../../../../global-account/react/hooks/useRPMToken");
-const updateAvatar_1 = require("../../../../global-account/react/utils/updateAvatar");
-const cn_1 = require("../../../../shared/utils/cn");
-const debug_1 = require("../../../../shared/utils/debug");
-const react_avatar_creator_1 = require("@readyplayerme/react-avatar-creator");
-const react_2 = require("react");
-const react_3 = require("thirdweb/react");
-const debug = (0, debug_1.debugB3React)("AvatarCreator");
-const config = {
-    clearCache: true,
-    bodyType: "fullbody",
-    quickStart: true,
-    language: "en",
-};
-function AvatarCreator({ onSetAvatar, className }) {
-    const { token, refetch: refetchRPMToken } = (0, useRPMToken_1.useRPMToken)();
-    const [loading, setIsLoading] = (0, react_2.useState)(false);
-    const account = (0, react_3.useActiveAccount)();
-    const { data: profile, refetch: refreshProfile } = (0, react_1.useProfile)({
-        address: account?.address,
-        fresh: true,
-    });
-    const hasAvatar = profile?.avatar;
-    const handleOnAvatarExported = async (event) => {
-        setIsLoading(true);
-        debug("@@AvatarExportedEvent", event);
-        try {
-            const avatarUpload = await (0, updateAvatar_1.updateAvatar)(event.data.url);
-            debug("@@avatarUpload", avatarUpload);
-            await refreshProfile();
-            react_1.toast.success(hasAvatar ? "Nice look! Your avatar has been updated!" : "Looks great! Your avatar has been saved!");
-            onSetAvatar?.();
-            await refetchRPMToken(undefined);
-        }
-        catch (e) {
-            debug("@@error:AvatarCreator", e);
-            react_1.toast.error("Failed to update avatar. Please try again.");
-        }
-        setIsLoading(false);
-    };
-    if (loading) {
-        return ((0, jsx_runtime_1.jsxs)("div", { className: "flex h-[80vh] w-full flex-col items-center justify-center gap-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "border-primary h-8 w-8 animate-spin rounded-full border-4 border-t-transparent" }), (0, jsx_runtime_1.jsx)("p", { className: "text-muted-foreground text-sm font-medium", children: "Saving your avatar" })] }));
-    }
-    if (!token) {
-        return ((0, jsx_runtime_1.jsxs)("div", { className: "flex h-[80vh] w-full flex-col items-center justify-center gap-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "border-primary h-8 w-8 animate-spin rounded-full border-4 border-t-transparent" }), (0, jsx_runtime_1.jsx)("p", { className: "text-muted-foreground text-sm font-medium", children: "Loading avatar creator" })] }));
-    }
-    return ((0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)("h-[calc(90vh-2px)] w-full", className), children: (0, jsx_runtime_1.jsx)(react_avatar_creator_1.AvatarCreator, { className: "h-full w-full", subdomain: "b3", config: { ...config, token }, onAvatarExported: handleOnAvatarExported }) }));
-}

package/dist/cjs/global-account/react/components/ProfileAvatar.js

@@ -1,127 +0,0 @@
-"use strict";
-// "use client";
-// import { AnimatePresence, motion } from "motion/react";
-// import { useEffect, useState } from "react";
-// import ClientOnly from "./custom/ClientOnly";
-// interface ProfileAvatarProps {
-//   avatarId: string;
-//   timestamp?: number;
-// }
-// // this function was taken from b3-shared
-// function createUrlFromAvatarId(avatarId: string, extension: string = "png"): string {
-//   if (extension === "png") {
-//     return `https://avatars.basement.fun/${avatarId}.png`;
-//   }
-//   return `https://models.readyplayer.me/${avatarId}.${extension}`;
-// }
-// // Sub component for the avatar image
-// const ProfileAvatar = ({ avatarId, timestamp }: ProfileAvatarProps) => {
-//   const [avatarLoading, setAvatarLoading] = useState(true);
-//   const [avatarError, setAvatarError] = useState(false);
-//   const [ReadyPlayerMeAvatar, setReadyPlayerMeAvatar] = useState<any>(null);
-//   const [Vector3, setVector3] = useState<any>(null);
-//   const [dependenciesLoaded, setDependenciesLoaded] = useState(false);
-//   // Dynamically import dependencies only when component is used
-//   useEffect(() => {
-//     let isMounted = true;
-//     const loadDependencies = async () => {
-//       try {
-//         const [visageModule, threeModule] = await Promise.all([
-//           // @ts-ignore - Optional peer dependency
-//           import("@readyplayerme/visage"),
-//           // @ts-ignore - Optional peer dependency
-//           import("three")
-//         ]);
-//         if (isMounted) {
-//           setReadyPlayerMeAvatar(() => visageModule.Avatar);
-//           setVector3(() => threeModule.Vector3);
-//           setDependenciesLoaded(true);
-//         }
-//       } catch (error) {
-//         console.warn("ProfileAvatar: 3D dependencies not available, falling back to 2D avatar:", error);
-//         if (isMounted) {
-//           setAvatarLoading(false);
-//           setDependenciesLoaded(false);
-//         }
-//       }
-//     };
-//     loadDependencies();
-//     return () => {
-//       isMounted = false;
-//     };
-//   }, []);
-//   if (!avatarId) {
-//     return (
-//       <div className="flex h-full w-full items-center justify-center">
-//         <p className="text-white/50">No avatar available</p>
-//       </div>
-//     );
-//   }
-//   return (
-//     <AnimatePresence mode="wait">
-//       {(avatarLoading || !dependenciesLoaded) && !avatarError && (
-//         <motion.img
-//           key="avatar-image"
-//           src={`https://models.readyplayer.me/${avatarId}.png?camera=fullbody&size=1024&expression=happy&t=${timestamp || ""}`}
-//           alt="avatar"
-//           className="absolute left-0 top-0 h-full w-full object-cover"
-//           initial={{ opacity: 0 }}
-//           animate={{ opacity: 1 }}
-//           exit={{ opacity: 0 }}
-//           transition={{ duration: 0.3, ease: "easeInOut" }}
-//           onError={() => setAvatarError(true)}
-//         />
-//       )}
-//       {dependenciesLoaded && (
-//         <ClientOnly>
-//           <motion.div
-//             key={`avatar-3d-${timestamp}`}
-//             className="absolute left-0 top-0 h-full w-full"
-//             initial={{ opacity: 0 }}
-//             animate={{ opacity: avatarLoading ? 0 : 1 }}
-//             exit={{ opacity: 0 }}
-//             transition={{ duration: 0.3, ease: "easeInOut" }}
-//           >
-//             {ReadyPlayerMeAvatar && Vector3 && (
-//               <ReadyPlayerMeAvatar
-//                 animationSrc="https://readyplayerme-assets.s3.amazonaws.com/animations/visage/male-idle.glb"
-//                 onLoadedAnimation={{
-//                   src: "https://readyplayerme-assets.s3.amazonaws.com/animations/visage/male-spawn-animation.fbx",
-//                   loop: 4
-//                 }}
-//                 modelSrc={createUrlFromAvatarId(avatarId, "glb")}
-//                 idleRotation={true}
-//                 headMovement={true}
-//                 scale={0.9}
-//                 keyLightColor="#bca1f4"
-//                 keyLightIntensity={1}
-//                 fillLightColor="#8d4cf6"
-//                 fov={50}
-//                 emotion={{
-//                   browInnerUp: 0.3,
-//                   browOuterUpLeft: 0.37,
-//                   browOuterUpRight: 0.49,
-//                   eyeSquintLeft: 0.4,
-//                   eyeSquintRight: 0.2,
-//                   mouthShrugUpper: 0.27,
-//                   mouthSmileLeft: 0.37,
-//                   mouthSmileRight: 0.36
-//                 }}
-//                 cameraZoomTarget={new Vector3(0, 0.1, 3.2)}
-//                 cameraInitialDistance={3.2}
-//                 cameraTarget={1.55}
-//                 className="h-full w-full"
-//                 onLoaded={() => {
-//                   setAvatarLoading(false);
-//                   setAvatarError(false);
-//                 }}
-//                 shadows
-//               />
-//             )}
-//           </motion.div>
-//         </ClientOnly>
-//       )}
-//     </AnimatePresence>
-//   );
-// };
-// export default ProfileAvatar;

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

@@ -1,7 +0,0 @@
-export declare function useRPMToken(): {
-    token: string;
-    accountId: string;
-    refetch: (queryParams: undefined) => Promise<any>;
-    isLoading: boolean;
-    isError: Error | null;
-};

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

@@ -1,11 +0,0 @@
-"use strict";
-"use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRPMToken = useRPMToken;
-const useQueryBSMNT_1 = require("../../../global-account/react/hooks/useQueryBSMNT");
-function useRPMToken() {
-    const { data, runQuery: refetch, isLoading, error: isError, } = (0, useQueryBSMNT_1.useQueryBSMNT)("profiles", "getReadyPlayerMeToken", undefined, true);
-    const token = data?.token || "";
-    const accountId = data?.accountId || "";
-    return { token, accountId, refetch, isLoading, isError };
-}

package/dist/cjs/global-account/react/utils/updateAvatar.d.ts

@@ -1,4 +0,0 @@
-export declare function updateAvatar(avatar: string): Promise<{
-    success: boolean;
-    error?: string;
-}>;

package/dist/cjs/global-account/react/utils/updateAvatar.js

@@ -1,54 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.updateAvatar = updateAvatar;
-const bsmnt_1 = __importStar(require("../../../global-account/bsmnt"));
-const debug_1 = require("../../../shared/utils/debug");
-const debug = (0, debug_1.debugB3React)("updateAvatar");
-async function updateAvatar(avatar) {
-    try {
-        // Extract avatar ID from URL
-        const avatarID = (0, bsmnt_1.extractAvatarIdFromUrl)(avatar);
-        if (!avatarID) {
-            throw new Error("Invalid avatar URL");
-        }
-        // Set the avatar in the profiles service
-        return await bsmnt_1.default.service("profiles").setAvatar({ avatarUrl: String(avatar), avatarID: String(avatarID) }, {});
-    }
-    catch (error) {
-        debug("Failed to update avatar:", error);
-        throw error; // Re-throw to handle in component
-    }
-}

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

@@ -1,6 +0,0 @@
-interface AvatarCreatorProps {
-    onSetAvatar?: () => void;
-    className?: string;
-}
-export declare function AvatarCreator({ onSetAvatar, className }: AvatarCreatorProps): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,51 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { toast, useProfile } from "../../../../global-account/react/index.js";
-import { useRPMToken } from "../../../../global-account/react/hooks/useRPMToken.js";
-import { updateAvatar } from "../../../../global-account/react/utils/updateAvatar.js";
-import { cn } from "../../../../shared/utils/cn.js";
-import { debugB3React } from "../../../../shared/utils/debug.js";
-import { AvatarCreator as AvatarCreatorRPM, } from "@readyplayerme/react-avatar-creator";
-import { useState } from "react";
-import { useActiveAccount } from "thirdweb/react";
-const debug = debugB3React("AvatarCreator");
-const config = {
-    clearCache: true,
-    bodyType: "fullbody",
-    quickStart: true,
-    language: "en",
-};
-export function AvatarCreator({ onSetAvatar, className }) {
-    const { token, refetch: refetchRPMToken } = useRPMToken();
-    const [loading, setIsLoading] = useState(false);
-    const account = useActiveAccount();
-    const { data: profile, refetch: refreshProfile } = useProfile({
-        address: account?.address,
-        fresh: true,
-    });
-    const hasAvatar = profile?.avatar;
-    const handleOnAvatarExported = async (event) => {
-        setIsLoading(true);
-        debug("@@AvatarExportedEvent", event);
-        try {
-            const avatarUpload = await updateAvatar(event.data.url);
-            debug("@@avatarUpload", avatarUpload);
-            await refreshProfile();
-            toast.success(hasAvatar ? "Nice look! Your avatar has been updated!" : "Looks great! Your avatar has been saved!");
-            onSetAvatar?.();
-            await refetchRPMToken(undefined);
-        }
-        catch (e) {
-            debug("@@error:AvatarCreator", e);
-            toast.error("Failed to update avatar. Please try again.");
-        }
-        setIsLoading(false);
-    };
-    if (loading) {
-        return (_jsxs("div", { className: "flex h-[80vh] w-full flex-col items-center justify-center gap-4", children: [_jsx("div", { className: "border-primary h-8 w-8 animate-spin rounded-full border-4 border-t-transparent" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: "Saving your avatar" })] }));
-    }
-    if (!token) {
-        return (_jsxs("div", { className: "flex h-[80vh] w-full flex-col items-center justify-center gap-4", children: [_jsx("div", { className: "border-primary h-8 w-8 animate-spin rounded-full border-4 border-t-transparent" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: "Loading avatar creator" })] }));
-    }
-    return (_jsx("div", { className: cn("h-[calc(90vh-2px)] w-full", className), children: _jsx(AvatarCreatorRPM, { className: "h-full w-full", subdomain: "b3", config: { ...config, token }, onAvatarExported: handleOnAvatarExported }) }));
-}