@ethora/chat-component-rn 26.8.1 → 26.8.3

package/src/networking/api-requests/user.api.ts

@@ -1,4 +1,5 @@
 import http from '../apiClient';
+import { normalizeApiPath } from '../apiClient';
 import { store } from '../../roomStore';
 import { User } from '../../types/types';
 
@@ -10,7 +11,7 @@ interface GetMyUserOptions {
 export async function getMyUser(options?: GetMyUserOptions): Promise<User> {
   const token =
     options?.token || store.getState().chatSettingStore.user.token || '';
-  const endpoint = options?.endpoint || '/users/my';
+  const endpoint = normalizeApiPath(options?.endpoint) || '/v1/users/my';
 
   const response = await http.get(endpoint, {
     headers: { Authorization: token },
@@ -24,7 +25,7 @@ export async function getMyUser(options?: GetMyUserOptions): Promise<User> {
 
 export function getDocuments(walletAddress: string) {
   const token = store.getState().chatSettingStore.user.token || '';
-  return http.get(`/docs/${walletAddress}`, {
+  return http.get(`/v1/docs/${walletAddress}`, {
     headers: {
       Authorization: `Bearer ${token}`,
     },
@@ -33,7 +34,7 @@ export function getDocuments(walletAddress: string) {
 
 export function getExportMyData() {
   const token = store.getState().chatSettingStore.user.token || '';
-  return http.get('/users/exportData', {
+  return http.get('/v1/users/exportData', {
     headers: {
       Authorization: token,
       responseType: 'arraybuffer',
@@ -43,7 +44,7 @@ export function getExportMyData() {
 
 export function deleteDocument(fileId: string) {
   const token = store.getState().chatSettingStore.user.token || '';
-  return http.delete(`/files/${fileId}`, {
+  return http.delete(`/v1/files/${fileId}`, {
     headers: {
       Authorization: token,
     },
@@ -51,18 +52,18 @@ export function deleteDocument(fileId: string) {
 }
 
 export function deleteMe() {
-  return http.delete('/users');
+  return http.delete('/v1/users');
 }
 
 export function updateMe(data: any) {
-  return http.put('/users', data);
+  return http.put('/v1/users', data);
 }
 
 export async function updateProfile(fd: FormData): Promise<{ user: User }> {
   const token = store.getState().chatSettingStore.user.token || '';
 
   try {
-    const response = await http.put('/users', fd, {
+    const response = await http.put('/v1/users', fd, {
       headers: {
         Authorization: token,
         'Content-Type': 'multipart/form-data',
@@ -73,3 +74,74 @@ export async function updateProfile(fd: FormData): Promise<{ user: User }> {
     throw new Error('Error updating profile');
   }
 }
+
+/** One entry of `GET /v2/files/`, normalised for the UI. */
+export interface UserFile {
+  id: string;
+  name: string;
+  url: string;
+  mimetype: string;
+  createdAt?: string;
+  size?: number;
+}
+
+/**
+ * Files uploaded by the signed-in user (the JWT owner) — the profile
+ * screen's Media and Documents tabs.
+ *
+ * v2 answers `{ results, pagination }` and, for backward compatibility,
+ * also `{ limit, offset, total, items }`; older deployments only have the
+ * legacy shape. Read whichever is there instead of betting on one. Field
+ * names vary the same way between deployments (`location` vs `locations[]`,
+ * `originalname` vs `filename`), so each one falls through its aliases and
+ * anything without a usable URL is dropped rather than rendered as a dead
+ * row.
+ */
+export async function getUserFiles(options?: {
+  limit?: number;
+  offset?: number;
+}): Promise<UserFile[]> {
+  const token = store.getState().chatSettingStore.user.token || '';
+  const response = await http.get('/v2/files/', {
+    params: {
+      limit: options?.limit ?? 100,
+      offset: options?.offset ?? 0,
+    },
+    headers: { Authorization: token },
+  });
+
+  const payload = response?.data ?? {};
+  const rows: any[] = payload.results ?? payload.items ?? [];
+
+  return rows
+    .map((row: any): UserFile | null => {
+      const url = row?.location || row?.locations?.[0] || row?.url || '';
+      if (!url) {return null;}
+      return {
+        id: String(row?._id ?? row?.id ?? url),
+        name:
+          row?.originalname ||
+          row?.filename ||
+          row?.documentName ||
+          row?.name ||
+          url.split('/').pop() ||
+          'file',
+        url,
+        mimetype: row?.mimetype || row?.mimeType || row?.type || '',
+        createdAt: row?.createdAt || row?.updatedAt,
+        size: typeof row?.size === 'number' ? row.size : undefined,
+      };
+    })
+    .filter(Boolean) as UserFile[];
+}
+
+/** Images and video go to the Media tab, everything else to Documents. */
+export const isMediaFile = (file: UserFile): boolean => {
+  const mime = (file.mimetype || '').toLowerCase();
+  if (mime.startsWith('image/') || mime.startsWith('video/')) {return true;}
+  if (mime) {return false;}
+  // Deployments that don't store a mimetype still name the file.
+  return /\.(jpe?g|png|gif|webp|heic|heif|mp4|mov|m4v|3gp|avi|mkv)$/i.test(
+    file.name
+  );
+};

package/src/networking/apiClient.ts

@@ -1,8 +1,13 @@
 import axios from 'axios';
 import { store } from '../roomStore';
 
-import { logout, refreshTokens } from '../roomStore/chatSettingsSlice';
+import { logout } from '../roomStore/chatSettingsSlice';
 import { installAxiosCapture } from '../utils/devLogger';
+import {
+  refreshAuthTokens,
+  isRefreshFatalError,
+  RefreshResult,
+} from './authRefresh';
 
 // Per product-code-policy: no compiled-in Ethora endpoints or tokens.
 // Consumers must call `setBaseURL(baseUrl, appToken)` (or pass
@@ -21,10 +26,21 @@ const http = axios.create({
 // `http` instance.
 installAxiosCapture(http);
 
+const stripApiVersion = (baseUrl: string): string =>
+  baseUrl.replace(/\/+$/, '').replace(/\/v\d+$/, '');
+
+export const normalizeApiPath = (path?: string): string | undefined => {
+  if (!path) {return path;}
+  if (/^https?:\/\//i.test(path)) {return path;}
+  if (/^\/v\d+\//.test(path)) {return path;}
+  return `/v1${path.startsWith('/') ? '' : '/'}${path}`;
+};
+
 export function setBaseURL(baseUrl?: string, appToken?: string) {
-  if (baseUrl && baseUrl !== currentBaseURL) {
-    currentBaseURL = baseUrl;
-    http.defaults.baseURL = baseUrl;
+  const normalized = baseUrl ? stripApiVersion(baseUrl) : baseUrl;
+  if (normalized && normalized !== currentBaseURL) {
+    currentBaseURL = normalized;
+    http.defaults.baseURL = normalized;
   }
   if (appToken && appToken !== currentAppToken) {
     currentAppToken = appToken;
@@ -39,149 +55,78 @@ export function getCurrentBaseURL() {
   return currentBaseURL;
 }
 
-export function refresh(): Promise<{
-  data: { refreshToken: string; token: string };
-}> {
-  return new Promise((resolve, reject) => {
-    const user = store.getState().chatSettingStore.user;
-    try {
-      http
-        .post(
-          '/users/login/refresh',
-          {},
-          { headers: { Authorization: user.refreshToken } }
-        )
-        .then((response) => {
-          store.dispatch(
-            refreshTokens({
-              token: response.data.token,
-              refreshToken: response.data.refreshToken,
-            })
-          );
-          // BUGFIX: previously the `.then` only dispatched and never
-          // resolved, so every `await refresh()` callsite hung forever
-          // on the happy path. Resolve with the axios response shape so
-          // the interceptor can read `tokens.data.token` to retry.
-          resolve(response);
-        })
-        .catch((error) => {
-          reject(error);
-        });
-    } catch (error) {
-      // BUGFIX: previously the outer-try catch dispatched logout but
-      // never rejected, so a synchronous throw from `http.post` (e.g.
-      // a bad URL) would hang the promise. Reject explicitly.
-      console.log('errr');
-      store.dispatch(logout());
-      reject(error);
-    }
-  });
+/**
+ * @deprecated Import `refreshAuthTokens` from `./authRefresh` instead.
+ *
+ * Kept as a thin forwarder so existing call sites keep working while
+ * they migrate. Declared as a function (not `const refresh =
+ * refreshAuthTokens`) on purpose: this module and `authRefresh` import
+ * each other, and a const would capture the binding before the other
+ * module finished evaluating.
+ */
+export function refresh(): Promise<RefreshResult> {
+  return refreshAuthTokens();
 }
 
-let isRefreshing = false;
-let failedQueue: any[] = [];
-
-const addRequestToQueue = (config: any) => {
-  return new Promise((resolve, reject) => {
-    failedQueue.push({ resolve, reject, config });
-  });
-};
-
-const processQueue = (newAccessToken: string) => {
-  for (const request of failedQueue) {
-    if (newAccessToken) {
-      request.config.headers.Authorization = newAccessToken;
-    }
-
-    request.resolve(http(request.config));
-  }
-
-  failedQueue = [];
-};
-
 http.interceptors.response.use(
   (response) => response,
   async (error) => {
-    // BUGFIX: the original condition was `if (!enabled)` — inverted, so
-    // turning `refreshTokens.enabled: true` actually DISABLED the refresh
-    // path on 401. Use the correct sense.
-    if (!store.getState().chatSettingStore?.config?.refreshTokens?.enabled) {
-      // BUGFIX: previously this branch fell off the end of the async
-      // function and returned `undefined`, which axios treats as a
-      // resolved-with-undefined response. Callers expecting an error
-      // got `undefined` instead, silently swallowing every failure
-      // when the refresh path isn't configured. Re-reject so the
-      // original error reaches the caller.
-      return Promise.reject(error);
-    }
-
     const originalRequest = error.config;
     const status = error.response?.status;
 
     // Refresh paths only fire on 401. Anything else passes through.
-    if (!error.response || status !== 401) {
+    if (!error.response || status !== 401 || !originalRequest) {
       return Promise.reject(error);
     }
 
+    // Never retry twice, and never touch the auth endpoints themselves —
+    // both would recurse. (`_retry` was set but never checked before,
+    // so a request could bounce between 401 and replay indefinitely.)
     if (
-      store.getState().chatSettingStore?.config?.refreshTokens?.refreshFunction
+      originalRequest._retry ||
+      originalRequest.url === '/v1/users/login/refresh' ||
+      originalRequest.url === '/v1/users/login'
     ) {
-      // Consumer-supplied refresh function. Call it, dispatch the new
-      // tokens, retry the original request.
-      try {
-        const fn = store.getState().chatSettingStore?.config?.refreshTokens?.refreshFunction;
-        if (!fn) return Promise.reject(error);
-        const result = await fn();
-        const { refreshToken: newRefreshToken, accessToken } = result || { refreshToken: '', accessToken: '' };
-        store.dispatch(
-          refreshTokens({
-            token: accessToken,
-            refreshToken: newRefreshToken || '',
-          })
-        );
-        // BUGFIX: previously this branch returned `undefined` after
-        // dispatching, so the original request was never retried and
-        // the caller resolved with undefined. Stamp the new token on
-        // the original config and replay.
-        if (originalRequest?.headers) {
-          originalRequest.headers.Authorization = accessToken;
-        }
-        return http(originalRequest);
-      } catch (refreshErr) {
-        return Promise.reject(refreshErr);
-      }
+      return Promise.reject(error);
     }
 
-    // Built-in `/users/login/refresh` path. Skip if the failing request
-    // IS the refresh / login itself — otherwise we'd loop forever.
-    if (
-      originalRequest.url === '/users/login/refresh' ||
-      originalRequest.url === '/users/login'
-    ) {
+    const refreshConfig =
+      store.getState().chatSettingStore?.config?.refreshTokens;
+
+    // BUGFIX (kept): the original condition here was inverted, so
+    // `refreshTokens.enabled: true` actually DISABLED the refresh path.
+    if (!refreshConfig?.enabled) {
       return Promise.reject(error);
     }
 
-    originalRequest._retry = true;
-
-    if (isRefreshing) {
-      const retryOriginalRequest = addRequestToQueue(originalRequest);
-      return retryOriginalRequest;
+    // Nothing to rotate with — reject rather than firing a doomed
+    // refresh that would look like a bad-token event to the backend.
+    const hasRefreshableSession = Boolean(
+      refreshConfig.refreshFunction ||
+        store.getState().chatSettingStore.user?.refreshToken
+    );
+    if (!hasRefreshableSession) {
+      return Promise.reject(error);
     }
 
-    isRefreshing = true;
+    originalRequest._retry = true;
+
     try {
-      const tokens = await refresh();
-      // (was: console.log('tokens', tokens) — dumped the full response
-      // incl. access/refresh/ws tokens on every refresh; removed.)
-      isRefreshing = false;
-      originalRequest.headers.Authorization = tokens.data.token;
-      processQueue(tokens.data.token);
+      // One shared rotation for every 401 in flight — `refreshAuthTokens`
+      // dedupes internally, which replaces the old isRefreshing/
+      // failedQueue machinery entirely.
+      const tokens = await refreshAuthTokens();
+      originalRequest.headers = originalRequest.headers || {};
+      originalRequest.headers.Authorization = tokens.token;
       return http(originalRequest);
     } catch (refreshErr) {
-      isRefreshing = false;
-      // BUGFIX: previously this returned the error (resolving the
-      // promise with the error as value) instead of rejecting, so
-      // axios callers got the error as a "successful" response body.
+      // Only a genuinely dead session logs the user out. A network
+      // blip, a 5xx, or a REFRESH_IN_PROGRESS race must leave the
+      // session alone — logging out on those is exactly the mass-logout
+      // failure mode the new backend scheme would otherwise cause.
+      if (isRefreshFatalError(refreshErr)) {
+        store.dispatch(logout());
+      }
       return Promise.reject(refreshErr);
     }
   }