sphere-connect 1.0.1 → 1.0.2

package/dist/index.d.mts

@@ -209,6 +209,10 @@ interface AccountAbstractionSDK {
     getCurrentWallet(): SphereWalletMethods | null;
     /** Get current user email (if authenticated) */
     getUserEmail(): string | null;
+    /** Get current user name (if authenticated) */
+    getUserName(): string | null;
+    /** Get current user picture URL (if authenticated) */
+    getUserPicture(): string | null;
     /** Get the ephemeral public key for the current session */
     getEphemeralPublicKey(): string | null;
     /** Update network and RPC endpoint */
@@ -269,6 +273,8 @@ declare class SphereAccountAbstraction extends EventEmitter implements AccountAb
     isAuthenticated(): boolean;
     getCurrentWallet(): SphereWalletMethods | null;
     getUserEmail(): string | null;
+    getUserName(): string | null;
+    getUserPicture(): string | null;
     getEphemeralPublicKey(): string | null;
     updateNetwork(network: Network, rpcEndpoint: string): Promise<void>;
     getIndexerUrl(): string | undefined;
@@ -526,7 +532,11 @@ interface SphereContextType {
     wallet: SphereWalletMethods | null;
     walletInfo: WalletInfo | null;
     balance: BalanceInfo | null;
+    /** @deprecated Use userEmail instead */
     email: string | null;
+    userEmail: string | null;
+    userName: string | null;
+    userPicture: string | null;
     indexerUrl: string | undefined;
     isAuthenticated: boolean;
     isLoading: boolean;
@@ -550,4 +560,13 @@ interface SphereModalProps {
 }
 declare const SphereModal: React.FC<SphereModalProps>;
 
-export { type AccountAbstractionSDK, type BalanceInfo, ErrorCode, type ErrorResponse, type FungibleAssetMetadata, GoogleAuthProvider, type GoogleAuthResponse, KeyDerivation, type KeyDerivationOptions, type KeylessConfig, type Network, type SDKConfig, SecureStorage, type SessionData, SessionManager, SphereAccountAbstraction, SphereModal, SphereProvider, SphereSDKError, SphereWallet, type SphereWalletMethods, type StorageProvider, type TransactionHistoryItem, type TransactionOptions, type TransactionResult, type WalletInfo, useSphere };
+interface SphereAvatarProps {
+    src?: string | null;
+    name?: string | null;
+    size?: number;
+    style?: React.CSSProperties;
+    className?: string;
+}
+declare const SphereAvatar: React.FC<SphereAvatarProps>;
+
+export { type AccountAbstractionSDK, type BalanceInfo, ErrorCode, type ErrorResponse, type FungibleAssetMetadata, GoogleAuthProvider, type GoogleAuthResponse, KeyDerivation, type KeyDerivationOptions, type KeylessConfig, type Network, type SDKConfig, SecureStorage, type SessionData, SessionManager, SphereAccountAbstraction, SphereAvatar, SphereModal, SphereProvider, SphereSDKError, SphereWallet, type SphereWalletMethods, type StorageProvider, type TransactionHistoryItem, type TransactionOptions, type TransactionResult, type WalletInfo, useSphere };

package/dist/index.d.ts

@@ -209,6 +209,10 @@ interface AccountAbstractionSDK {
     getCurrentWallet(): SphereWalletMethods | null;
     /** Get current user email (if authenticated) */
     getUserEmail(): string | null;
+    /** Get current user name (if authenticated) */
+    getUserName(): string | null;
+    /** Get current user picture URL (if authenticated) */
+    getUserPicture(): string | null;
     /** Get the ephemeral public key for the current session */
     getEphemeralPublicKey(): string | null;
     /** Update network and RPC endpoint */
@@ -269,6 +273,8 @@ declare class SphereAccountAbstraction extends EventEmitter implements AccountAb
     isAuthenticated(): boolean;
     getCurrentWallet(): SphereWalletMethods | null;
     getUserEmail(): string | null;
+    getUserName(): string | null;
+    getUserPicture(): string | null;
     getEphemeralPublicKey(): string | null;
     updateNetwork(network: Network, rpcEndpoint: string): Promise<void>;
     getIndexerUrl(): string | undefined;
@@ -526,7 +532,11 @@ interface SphereContextType {
     wallet: SphereWalletMethods | null;
     walletInfo: WalletInfo | null;
     balance: BalanceInfo | null;
+    /** @deprecated Use userEmail instead */
     email: string | null;
+    userEmail: string | null;
+    userName: string | null;
+    userPicture: string | null;
     indexerUrl: string | undefined;
     isAuthenticated: boolean;
     isLoading: boolean;
@@ -550,4 +560,13 @@ interface SphereModalProps {
 }
 declare const SphereModal: React.FC<SphereModalProps>;
 
-export { type AccountAbstractionSDK, type BalanceInfo, ErrorCode, type ErrorResponse, type FungibleAssetMetadata, GoogleAuthProvider, type GoogleAuthResponse, KeyDerivation, type KeyDerivationOptions, type KeylessConfig, type Network, type SDKConfig, SecureStorage, type SessionData, SessionManager, SphereAccountAbstraction, SphereModal, SphereProvider, SphereSDKError, SphereWallet, type SphereWalletMethods, type StorageProvider, type TransactionHistoryItem, type TransactionOptions, type TransactionResult, type WalletInfo, useSphere };
+interface SphereAvatarProps {
+    src?: string | null;
+    name?: string | null;
+    size?: number;
+    style?: React.CSSProperties;
+    className?: string;
+}
+declare const SphereAvatar: React.FC<SphereAvatarProps>;
+
+export { type AccountAbstractionSDK, type BalanceInfo, ErrorCode, type ErrorResponse, type FungibleAssetMetadata, GoogleAuthProvider, type GoogleAuthResponse, KeyDerivation, type KeyDerivationOptions, type KeylessConfig, type Network, type SDKConfig, SecureStorage, type SessionData, SessionManager, SphereAccountAbstraction, SphereAvatar, SphereModal, SphereProvider, SphereSDKError, SphereWallet, type SphereWalletMethods, type StorageProvider, type TransactionHistoryItem, type TransactionOptions, type TransactionResult, type WalletInfo, useSphere };

package/dist/index.js

@@ -1012,6 +1012,14 @@ var SphereAccountAbstraction = class extends EventEmitter {
     const session = this.sessionManager.getCachedSession();
     return session?.userInfo.email || null;
   }
+  getUserName() {
+    const session = this.sessionManager.getCachedSession();
+    return session?.userInfo.name || null;
+  }
+  getUserPicture() {
+    const session = this.sessionManager.getCachedSession();
+    return session?.userInfo.picture || null;
+  }
   getEphemeralPublicKey() {
     return this.currentWallet?.getPublicKey() || null;
   }
@@ -1058,7 +1066,9 @@ var SphereProvider = ({ children, config }) => {
   const [wallet, setWallet] = react.useState(null);
   const [walletInfo, setWalletInfo] = react.useState(null);
   const [balance, setBalance] = react.useState(null);
-  const [email, setEmail] = react.useState(null);
+  const [userEmail, setUserEmail] = react.useState(null);
+  const [userName, setUserName] = react.useState(null);
+  const [userPicture, setUserPicture] = react.useState(null);
   const [isLoading, setIsLoading] = react.useState(true);
   const [error, setError] = react.useState(null);
   const refreshData = react.useCallback(async (activeWallet) => {
@@ -1076,12 +1086,17 @@ var SphereProvider = ({ children, config }) => {
   react.useEffect(() => {
     const onAuth = ({ wallet: wallet2 }) => {
       setWallet(wallet2);
-      setEmail(sdk.getUserEmail());
+      const email = sdk.getUserEmail();
+      setUserEmail(email);
+      setUserName(sdk.getUserName());
+      setUserPicture(sdk.getUserPicture());
       refreshData(wallet2);
     };
     const onLogout = () => {
       setWallet(null);
-      setEmail(null);
+      setUserEmail(null);
+      setUserName(null);
+      setUserPicture(null);
       setWalletInfo(null);
       setBalance(null);
     };
@@ -1093,7 +1108,9 @@ var SphereProvider = ({ children, config }) => {
         const restored = await sdk.restoreSession();
         if (restored) {
           setWallet(restored);
-          setEmail(sdk.getUserEmail());
+          setUserEmail(sdk.getUserEmail());
+          setUserName(sdk.getUserName());
+          setUserPicture(sdk.getUserPicture());
           await refreshData(restored);
         }
       } catch (err) {
@@ -1146,7 +1163,11 @@ var SphereProvider = ({ children, config }) => {
         wallet,
         walletInfo,
         balance,
-        email,
+        email: userEmail,
+        // Restore email for backward compatibility
+        userEmail,
+        userName,
+        userPicture,
         indexerUrl: sdk.getIndexerUrl(),
         isAuthenticated: !!wallet,
         isLoading,
@@ -1363,6 +1384,48 @@ var styles = {
     letterSpacing: "0.5px"
   }
 };
+var SphereAvatar = ({
+  src,
+  name,
+  size = 40,
+  style,
+  className
+}) => {
+  const [imageError, setImageError] = react.useState(false);
+  const containerStyle = {
+    width: `${size}px`,
+    height: `${size}px`,
+    borderRadius: "50%",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    overflow: "hidden",
+    backgroundColor: "#2d3748",
+    color: "white",
+    fontWeight: "600",
+    fontSize: `${size * 0.4}px`,
+    userSelect: "none",
+    ...style
+  };
+  const initials = name ? name.charAt(0).toUpperCase() : "?";
+  if (src && !imageError) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className, style: containerStyle, children: /* @__PURE__ */ jsxRuntime.jsx(
+      "img",
+      {
+        src,
+        alt: name || "Avatar",
+        referrerPolicy: "no-referrer",
+        onError: () => setImageError(true),
+        style: {
+          width: "100%",
+          height: "100%",
+          objectFit: "cover"
+        }
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className, style: containerStyle, children: initials });
+};
 
 Object.defineProperty(exports, "Account", {
   enumerable: true,
@@ -1398,6 +1461,7 @@ exports.KeyDerivation = KeyDerivation;
 exports.SecureStorage = SecureStorage;
 exports.SessionManager = SessionManager;
 exports.SphereAccountAbstraction = SphereAccountAbstraction;
+exports.SphereAvatar = SphereAvatar;
 exports.SphereModal = SphereModal;
 exports.SphereProvider = SphereProvider;
 exports.SphereSDKError = SphereSDKError;