@dubsdotapp/expo 0.2.74 → 0.2.76

package/dist/index.mjs

@@ -2128,6 +2128,12 @@ async function getDeviceInfo() {
   }
 }
 
+// src/utils/avatarUrl.ts
+function ensurePngAvatar(url) {
+  if (!url) return void 0;
+  return url.replace("/svg?", "/png?");
+}
+
 // src/hooks/useAuth.ts
 function useAuth() {
   const sharedAuth = useContext3(AuthContext);
@@ -2138,6 +2144,10 @@ function useAuth() {
   const [token, setToken] = useState11(null);
   const [error, setError] = useState11(null);
   const pendingAuth = useRef2(null);
+  const normalizeUser = (u) => ({
+    ...u,
+    avatar: ensurePngAvatar(u.avatar) ?? u.avatar
+  });
   const reset = useCallback10(() => {
     setStatus("idle");
     setUser(null);
@@ -2171,7 +2181,7 @@ function useAuth() {
         setStatus("needsRegistration");
         return;
       }
-      setUser(result.user);
+      setUser(normalizeUser(result.user));
       setToken(result.token);
       setStatus("authenticated");
     } catch (err) {
@@ -2206,7 +2216,7 @@ function useAuth() {
       });
       pendingAuth.current = null;
       const user2 = avatarUrl && !result.user.avatar ? { ...result.user, avatar: avatarUrl } : result.user;
-      setUser(user2);
+      setUser(normalizeUser(user2));
       setToken(result.token);
       setStatus("authenticated");
     } catch (err) {
@@ -2229,7 +2239,7 @@ function useAuth() {
     try {
       client.setToken(savedToken);
       const me = await client.getMe();
-      setUser(me);
+      setUser(normalizeUser(me));
       setToken(savedToken);
       setStatus("authenticated");
       return true;
@@ -2244,7 +2254,7 @@ function useAuth() {
   const refreshUser = useCallback10(async () => {
     try {
       const me = await client.getMe();
-      setUser(me);
+      setUser(normalizeUser(me));
     } catch {
     }
   }, [client]);
@@ -3300,7 +3310,7 @@ function UserProfileCard({
 }) {
   const t = useDubsTheme();
   const imageUri = useMemo3(
-    () => avatarUrl || `https://api.dicebear.com/9.x/avataaars/png?seed=${walletAddress}&size=128`,
+    () => ensurePngAvatar(avatarUrl) || `https://api.dicebear.com/9.x/avataaars/png?seed=${walletAddress}&size=128`,
     [avatarUrl, walletAddress]
   );
   return /* @__PURE__ */ jsxs3(View3, { style: [styles2.card, { backgroundColor: t.surface, borderColor: t.border }], children: [
@@ -3532,7 +3542,7 @@ function getAvatarUrl2(style, seed, size = 256) {
 function parseAvatarUrl(url) {
   if (!url) return { style: "adventurer", seed: generateSeed2() };
   try {
-    const match = url.match(/\/9\.x\/([^/]+)\/png\?seed=([^&]+)/);
+    const match = url.match(/\/\d+\.x\/([^/]+)\/(?:png|svg)\?seed=([^&]+)/);
     if (match) return { style: match[1], seed: match[2] };
   } catch {
   }
@@ -3812,7 +3822,8 @@ var styles4 = StyleSheet5.create({
   },
   avatar: {
     width: "100%",
-    height: "100%"
+    height: "100%",
+    backgroundColor: "#1a1a2e"
   },
   avatarLoading: {
     ...StyleSheet5.absoluteFillObject,
@@ -3863,7 +3874,8 @@ var styles4 = StyleSheet5.create({
   },
   styleTileImage: {
     width: "100%",
-    height: "100%"
+    height: "100%",
+    backgroundColor: "#1a1a2e"
   },
   // Error
   errorBox: {
@@ -4318,7 +4330,7 @@ function BettorRow({
   const showAvatar = bettor.avatar && !imgFailed;
   return /* @__PURE__ */ jsxs9(View9, { style: [styles8.row, !isFirst && { borderTopColor: t.border, borderTopWidth: 1 }], children: [
     /* @__PURE__ */ jsx11(View9, { style: [styles8.dot, { backgroundColor: dotColor }] }),
-    showAvatar ? /* @__PURE__ */ jsx11(Img, { source: { uri: bettor.avatar }, style: styles8.avatar, resizeMode: "cover", onError: () => setImgFailed(true) }) : /* @__PURE__ */ jsx11(View9, { style: [styles8.avatar, styles8.avatarPlaceholder] }),
+    showAvatar ? /* @__PURE__ */ jsx11(Img, { source: { uri: ensurePngAvatar(bettor.avatar) }, style: styles8.avatar, resizeMode: "cover", onError: () => setImgFailed(true) }) : /* @__PURE__ */ jsx11(View9, { style: [styles8.avatar, styles8.avatarPlaceholder] }),
     /* @__PURE__ */ jsx11(View9, { style: styles8.nameCol, children: /* @__PURE__ */ jsx11(Text9, { style: [styles8.username, { color: t.text }], numberOfLines: 1, children: bettor.username || truncateWallet(bettor.wallet, truncateChars) }) }),
     /* @__PURE__ */ jsxs9(Text9, { style: [styles8.amount, { color: t.textSecondary }], children: [
       bettor.amount,
@@ -5611,6 +5623,7 @@ export {
   UserProfileCard,
   UserProfileSheet,
   createSecureStoreStorage,
+  ensurePngAvatar,
   getDeviceInfo,
   isSolanaSeeker,
   mergeTheme,