sphere-connect 1.0.1 → 1.0.2

package/dist/index.mjs

@@ -1007,6 +1007,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;
   }
@@ -1053,7 +1061,9 @@ var SphereProvider = ({ children, config }) => {
   const [wallet, setWallet] = useState(null);
   const [walletInfo, setWalletInfo] = useState(null);
   const [balance, setBalance] = useState(null);
-  const [email, setEmail] = useState(null);
+  const [userEmail, setUserEmail] = useState(null);
+  const [userName, setUserName] = useState(null);
+  const [userPicture, setUserPicture] = useState(null);
   const [isLoading, setIsLoading] = useState(true);
   const [error, setError] = useState(null);
   const refreshData = useCallback(async (activeWallet) => {
@@ -1071,12 +1081,17 @@ var SphereProvider = ({ children, config }) => {
   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);
     };
@@ -1088,7 +1103,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) {
@@ -1141,7 +1158,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,
@@ -1358,7 +1379,49 @@ var styles = {
     letterSpacing: "0.5px"
   }
 };
+var SphereAvatar = ({
+  src,
+  name,
+  size = 40,
+  style,
+  className
+}) => {
+  const [imageError, setImageError] = 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__ */ jsx("div", { className, style: containerStyle, children: /* @__PURE__ */ jsx(
+      "img",
+      {
+        src,
+        alt: name || "Avatar",
+        referrerPolicy: "no-referrer",
+        onError: () => setImageError(true),
+        style: {
+          width: "100%",
+          height: "100%",
+          objectFit: "cover"
+        }
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx("div", { className, style: containerStyle, children: initials });
+};
 
-export { ErrorCode, GoogleAuthProvider, KeyDerivation, SecureStorage, SessionManager, SphereAccountAbstraction, SphereModal, SphereProvider, SphereSDKError, SphereWallet, useSphere };
+export { ErrorCode, GoogleAuthProvider, KeyDerivation, SecureStorage, SessionManager, SphereAccountAbstraction, SphereAvatar, SphereModal, SphereProvider, SphereSDKError, SphereWallet, useSphere };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map