@b3dotfun/sdk 0.1.69 → 0.1.70-alpha.10

package/dist/types/global-account/react/hooks/useHandleConnectWithPrivy.d.ts

@@ -1,11 +0,0 @@
-import { Chain } from "thirdweb";
-import { Account } from "thirdweb/wallets";
-/**
- * This essentially wraps our useConnect hook to handle the Privy auth flow.
- * Currently, this is for the basement-privy strategy
- */
-export declare function useHandleConnectWithPrivy(chain?: Chain, onSuccess?: (account: Account) => void): {
-    connectTw: () => Promise<import("thirdweb/wallets").Wallet | null | undefined>;
-    isLoading: boolean;
-    fullToken: string | null;
-};

package/dist/types/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/types/global-account/react/utils/updateAvatar.d.ts

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

package/dist/types/global-account/types/chain-networks.d.ts

@@ -1,44 +0,0 @@
-import { Static } from "@feathersjs/typebox";
-export declare const chainNetworksSchema: import("@feathersjs/typebox").TObject<{
-    _id: import("@feathersjs/typebox").TUnion<[import("@feathersjs/typebox").TString<string>, import("@feathersjs/typebox").TObject<{}>]>;
-    id: import("@feathersjs/typebox").TInteger;
-    name: import("@feathersjs/typebox").TString<string>;
-    rpcUrls: import("@feathersjs/typebox").TObject<{
-        default: import("@feathersjs/typebox").TObject<{
-            http: import("@feathersjs/typebox").TString<"uri">;
-            ws: import("@feathersjs/typebox").TString<"uri">;
-        }>;
-        backups: import("@feathersjs/typebox").TArray<import("@feathersjs/typebox").TObject<{
-            type: import("@feathersjs/typebox").TUnion<[import("@feathersjs/typebox").TLiteral<"http">, import("@feathersjs/typebox").TLiteral<"ws">]>;
-            uri: import("@feathersjs/typebox").TString<string>;
-        }>>;
-    }>;
-    icon: import("@feathersjs/typebox").TObject<{
-        url: import("@feathersjs/typebox").TString<"uri">;
-        width: import("@feathersjs/typebox").TInteger;
-        height: import("@feathersjs/typebox").TInteger;
-        format: import("@feathersjs/typebox").TString<string>;
-    }>;
-    blockExplorers: import("@feathersjs/typebox").TObject<{
-        explorerTitle: import("@feathersjs/typebox").TString<string>;
-        default: import("@feathersjs/typebox").TString<"uri">;
-    }>;
-    nativeCurrency: import("@feathersjs/typebox").TObject<{
-        name: import("@feathersjs/typebox").TString<string>;
-        symbol: import("@feathersjs/typebox").TString<string>;
-        decimals: import("@feathersjs/typebox").TInteger;
-    }>;
-    testnet: import("@feathersjs/typebox").TOptional<import("@feathersjs/typebox").TBoolean>;
-    testnetConfigID: import("@feathersjs/typebox").TOptional<import("@feathersjs/typebox").TInteger>;
-    sourceId: import("@feathersjs/typebox").TOptional<import("@feathersjs/typebox").TInteger>;
-    contracts: import("@feathersjs/typebox").TOptional<import("@feathersjs/typebox").TRecord<import("@feathersjs/typebox").TString<string>, import("@feathersjs/typebox").TObject<{
-        address: import("@feathersjs/typebox").TString<string>;
-        blockCreated: import("@feathersjs/typebox").TOptional<import("@feathersjs/typebox").TInteger>;
-    }>>>;
-    formatters: import("@feathersjs/typebox").TOptional<import("@feathersjs/typebox").TRecord<import("@feathersjs/typebox").TString<string>, import("@feathersjs/typebox").TAny>>;
-    fees: import("@feathersjs/typebox").TOptional<import("@feathersjs/typebox").TRecord<import("@feathersjs/typebox").TString<string>, import("@feathersjs/typebox").TAny>>;
-    badge: import("@feathersjs/typebox").TOptional<import("@feathersjs/typebox").TString<"uri">>;
-    color: import("@feathersjs/typebox").TOptional<import("@feathersjs/typebox").TString<string>>;
-    enabledFeatures: import("@feathersjs/typebox").TOptional<import("@feathersjs/typebox").TArray<import("@feathersjs/typebox").TString<string>>>;
-}>;
-export type ChainNetworks = Static<typeof chainNetworksSchema>;

package/src/global-account/react/components/AvatarCreator/AvatarCreator.tsx

@@ -1,90 +0,0 @@
-"use client";
-
-import { toast, useProfile } from "@b3dotfun/sdk/global-account/react";
-import { useRPMToken } from "@b3dotfun/sdk/global-account/react/hooks/useRPMToken";
-import { updateAvatar } from "@b3dotfun/sdk/global-account/react/utils/updateAvatar";
-import { cn } from "@b3dotfun/sdk/shared/utils/cn";
-import { debugB3React } from "@b3dotfun/sdk/shared/utils/debug";
-import {
-  AvatarCreatorConfig,
-  AvatarCreator as AvatarCreatorRPM,
-  AvatarExportedEvent,
-} from "@readyplayerme/react-avatar-creator";
-import { useState } from "react";
-
-import { useActiveAccount } from "thirdweb/react";
-
-const debug = debugB3React("AvatarCreator");
-
-const config: AvatarCreatorConfig = {
-  clearCache: true,
-  bodyType: "fullbody",
-  quickStart: true,
-  language: "en",
-};
-
-interface AvatarCreatorProps {
-  onSetAvatar?: () => void;
-  className?: string;
-}
-
-export function AvatarCreator({ onSetAvatar, className }: AvatarCreatorProps) {
-  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: AvatarExportedEvent) => {
-    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 (
-      <div className="flex h-[80vh] w-full flex-col items-center justify-center gap-4">
-        <div className="border-primary h-8 w-8 animate-spin rounded-full border-4 border-t-transparent" />
-        <p className="text-muted-foreground text-sm font-medium">Saving your avatar</p>
-      </div>
-    );
-  }
-
-  if (!token) {
-    return (
-      <div className="flex h-[80vh] w-full flex-col items-center justify-center gap-4">
-        <div className="border-primary h-8 w-8 animate-spin rounded-full border-4 border-t-transparent" />
-        <p className="text-muted-foreground text-sm font-medium">Loading avatar creator</p>
-      </div>
-    );
-  }
-
-  return (
-    <div className={cn("h-[calc(90vh-2px)] w-full", className)}>
-      <AvatarCreatorRPM
-        className="h-full w-full"
-        subdomain="b3"
-        config={{ ...config, token }}
-        onAvatarExported={handleOnAvatarExported}
-      />
-    </div>
-  );
-}

package/src/global-account/react/components/ProfileAvatar.tsx

@@ -1,138 +0,0 @@
-// "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/src/global-account/react/components/SignInWithB3/SignInWithB3Privy.tsx

@@ -1,63 +0,0 @@
-import {
-  Loading,
-  useAuthentication,
-  useAuthStore,
-  useB3Config,
-  useHandleConnectWithPrivy,
-} from "@b3dotfun/sdk/global-account/react";
-import { debugB3React } from "@b3dotfun/sdk/shared/utils/debug";
-import { useEffect } from "react";
-import type { Chain } from "thirdweb";
-import { Account } from "thirdweb/wallets";
-
-const debug = debugB3React("SignInWithB3Privy");
-interface SignInWithB3PrivyProps {
-  onError?: (error: Error) => Promise<void>;
-  onSuccess: (account: Account) => Promise<void>;
-  accessToken?: string;
-  chain: Chain;
-}
-
-export function SignInWithB3Privy({ onSuccess, onError, chain }: SignInWithB3PrivyProps) {
-  const { partnerId } = useB3Config();
-  const { isLoading, connectTw, fullToken } = useHandleConnectWithPrivy(chain, onSuccess);
-  const setIsAuthenticating = useAuthStore(state => state.setIsAuthenticating);
-  const setIsAuthenticated = useAuthStore(state => state.setIsAuthenticated);
-  const { logout } = useAuthentication(partnerId, { skipAutoConnect: true });
-
-  debug("@@SignInWithB3Privy", {
-    isLoading,
-    fullToken,
-  });
-
-  useEffect(() => {
-    async function autoConnect() {
-      try {
-        const connectResult = await connectTw();
-        const account = connectResult?.getAccount();
-        if (!account) {
-          setIsAuthenticated(false);
-          return;
-        }
-        await onSuccess(account);
-        setIsAuthenticated(true);
-      } catch (error) {
-        console.error("Failed to connect:", error);
-        await onError?.(error as Error);
-        await logout();
-        setIsAuthenticated(false);
-      } finally {
-        debug("setIsAuthenticating:false:7");
-        setIsAuthenticating(false);
-      }
-    }
-    autoConnect();
-  }, [connectTw, onSuccess, onError, setIsAuthenticated, logout, setIsAuthenticating]);
-
-  // Currently we auto login, so we can show loading immediately and the onSuccess will proceed to the next modal
-  return (
-    <div className="flex aspect-square items-center justify-center p-6">
-      <Loading variant="white" size="lg" />
-    </div>
-  );
-}

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

@@ -1,79 +0,0 @@
-import { useB3Config, useConnect } from "@b3dotfun/sdk/global-account/react";
-import { debugB3React } from "@b3dotfun/sdk/shared/utils/debug";
-import { useIdentityToken, usePrivy } from "@privy-io/react-auth";
-import { useCallback, useRef, useState } from "react";
-import { Chain } from "thirdweb";
-import { Account } from "thirdweb/wallets";
-const debug = debugB3React("@@b3:useHandleConnectWithPrivy");
-
-/**
- * This essentially wraps our useConnect hook to handle the Privy auth flow.
- * Currently, this is for the basement-privy strategy
- */
-export function useHandleConnectWithPrivy(chain?: Chain, onSuccess?: (account: Account) => void) {
-  const { partnerId } = useB3Config();
-  if (!chain) {
-    throw new Error("Chain is required");
-  }
-
-  const { connect } = useConnect(partnerId, chain);
-  const [isLoading, setIsLoading] = useState(true);
-  const isConnecting = useRef(false);
-  const { identityToken } = useIdentityToken();
-  const { getAccessToken } = usePrivy();
-  const [fullToken, setFullToken] = useState<string | null>(null);
-
-  const connectTw = useCallback(async () => {
-    if (isConnecting.current) {
-      debug("@@connectTw:skipping:isConnecting", isConnecting.current);
-      return;
-    }
-    setIsLoading(true);
-    isConnecting.current = true;
-
-    // Form token
-    const accessToken = await getAccessToken();
-    const fullToken = `${accessToken}+${identityToken}`;
-    setFullToken(fullToken);
-    debug("@@connectTw:fullToken", fullToken);
-    if (!fullToken) throw new Error("Token is not set");
-
-    // Connect to TW via privy
-    const wallet = await connect({
-      strategy: "auth_endpoint",
-      payload: JSON.stringify({
-        strategy: "basement",
-        accessToken: fullToken,
-      }),
-    });
-
-    debug("@@useHandleConnectWithPrivy:connect:return", wallet);
-    setIsLoading(false);
-
-    // Handle onsuccess & more
-    try {
-      debug("@@autoLogin:starting", fullToken);
-
-      const account = wallet?.getAccount();
-
-      if (!account) {
-        throw new Error("Failed to connect");
-      }
-
-      onSuccess?.(account);
-
-      if (!account) {
-        throw new Error("Failed to connect");
-      }
-    } catch (error) {
-      console.error("@@Error signing in with Privy", error);
-    } finally {
-      isConnecting.current = false;
-      setIsLoading(false);
-    }
-
-    return wallet;
-  }, [connect, getAccessToken, identityToken, onSuccess]);
-
-  return { connectTw, isLoading, fullToken };
-}

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

@@ -1,17 +0,0 @@
-"use client";
-
-import { useQueryBSMNT } from "@b3dotfun/sdk/global-account/react/hooks/useQueryBSMNT";
-
-export function useRPMToken() {
-  const {
-    data,
-    runQuery: refetch,
-    isLoading,
-    error: isError,
-  } = useQueryBSMNT("profiles", "getReadyPlayerMeToken", undefined, true);
-
-  const token = data?.token || "";
-  const accountId = data?.accountId || "";
-
-  return { token, accountId, refetch, isLoading, isError };
-}

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

@@ -1,21 +0,0 @@
-import app, { extractAvatarIdFromUrl } from "@b3dotfun/sdk/global-account/bsmnt";
-import { debugB3React } from "@b3dotfun/sdk/shared/utils/debug";
-
-const debug = debugB3React("updateAvatar");
-
-export async function updateAvatar(avatar: string) {
-  try {
-    // Extract avatar ID from URL
-    const avatarID = extractAvatarIdFromUrl(avatar);
-
-    if (!avatarID) {
-      throw new Error("Invalid avatar URL");
-    }
-
-    // Set the avatar in the profiles service
-    return await app.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/src/global-account/types/chain-networks.ts

@@ -1,54 +0,0 @@
-import { ObjectIdSchema, Static, Type } from "@feathersjs/typebox";
-
-const ChainContractSchema = Type.Object({
-  address: Type.String(),
-  blockCreated: Type.Optional(Type.Integer()),
-});
-
-export const chainNetworksSchema = Type.Object(
-  {
-    _id: ObjectIdSchema(),
-    id: Type.Integer(),
-    name: Type.String(),
-    rpcUrls: Type.Object({
-      default: Type.Object({
-        http: Type.String({ format: "uri" }),
-        ws: Type.String({ format: "uri" }),
-      }),
-      backups: Type.Array(
-        Type.Object({
-          type: Type.Union([Type.Literal("http"), Type.Literal("ws")]),
-          uri: Type.String(),
-        }),
-      ),
-    }),
-    icon: Type.Object({
-      url: Type.String({ format: "uri" }),
-      width: Type.Integer(),
-      height: Type.Integer(),
-      format: Type.String(),
-    }),
-    blockExplorers: Type.Object({
-      explorerTitle: Type.String(),
-      default: Type.String({ format: "uri" }),
-    }),
-    nativeCurrency: Type.Object({
-      name: Type.String(),
-      symbol: Type.String(),
-      decimals: Type.Integer(),
-    }),
-    testnet: Type.Optional(Type.Boolean()),
-    testnetConfigID: Type.Optional(Type.Integer()),
-    // Additional required Viem fields that can't be derived
-    sourceId: Type.Optional(Type.Integer()),
-    contracts: Type.Optional(Type.Record(Type.String(), ChainContractSchema)),
-    formatters: Type.Optional(Type.Record(Type.String(), Type.Any())),
-    fees: Type.Optional(Type.Record(Type.String(), Type.Any())),
-    badge: Type.Optional(Type.String({ format: "uri" })),
-    color: Type.Optional(Type.String()),
-    enabledFeatures: Type.Optional(Type.Array(Type.String())),
-  },
-  { $id: "ChainNetworks", additionalProperties: false },
-);
-
-export type ChainNetworks = Static<typeof chainNetworksSchema>;