@ethora/chat-component-rn 26.8.2 → 26.8.3

package/src/i18n/strings.ts

@@ -84,6 +84,9 @@ const en: UiStringTable = {
   'action.save': 'Save',
   'action.delete': 'Delete',
   'action.leave': 'Leave',
+  'action.muted': 'Muted',
+  'action.unmuted': 'Unmuted',
+  'toast.muteFailed': 'Could not update notifications for this chat',
   'action.create': 'Create',
   'action.submit': 'Submit',
   'action.translate': 'Translate',
@@ -332,6 +335,9 @@ const fr: UiStringTable = {
   'action.save': 'Enregistrer',
   'action.delete': 'Supprimer',
   'action.leave': 'Quitter',
+  'action.muted': 'En sourdine',
+  'action.unmuted': 'Activé',
+  'toast.muteFailed': 'Impossible de modifier les notifications de ce chat',
   'action.create': 'Créer',
   'action.submit': 'Soumettre',
   'action.translate': 'Traduire',
@@ -580,6 +586,9 @@ const es: UiStringTable = {
   'action.save': 'Guardar',
   'action.delete': 'Eliminar',
   'action.leave': 'Salir',
+  'action.muted': 'Silenciado',
+  'action.unmuted': 'Activado',
+  'toast.muteFailed': 'No se pudieron cambiar las notificaciones de este chat',
   'action.create': 'Crear',
   'action.submit': 'Enviar',
   'action.translate': 'Traducir',
@@ -828,6 +837,9 @@ const pt: UiStringTable = {
   'action.save': 'Guardar',
   'action.delete': 'Eliminar',
   'action.leave': 'Sair',
+  'action.muted': 'Muted',
+  'action.unmuted': 'Unmuted',
+  'toast.muteFailed': 'Could not update notifications for this chat',
   'action.create': 'Criar',
   'action.submit': 'Enviar',
   'action.translate': 'Traduzir',
@@ -1076,6 +1088,9 @@ const ht: UiStringTable = {
   'action.save': 'Anrejistre',
   'action.delete': 'Efase',
   'action.leave': 'Kite',
+  'action.muted': 'Muted',
+  'action.unmuted': 'Unmuted',
+  'toast.muteFailed': 'Could not update notifications for this chat',
   'action.create': 'Kreye',
   'action.submit': 'Soumèt',
   'action.translate': 'Tradui',
@@ -1324,6 +1339,9 @@ const zh: UiStringTable = {
   'action.save': '保存',
   'action.delete': '删除',
   'action.leave': '退出',
+  'action.muted': 'Muted',
+  'action.unmuted': 'Unmuted',
+  'toast.muteFailed': 'Could not update notifications for this chat',
   'action.create': '创建',
   'action.submit': '提交',
   'action.translate': '翻译',

package/src/main.ts

@@ -34,6 +34,28 @@ export { useUnread } from './hooks/useUnreadMessagesCounter';
 
 export { handlePushPayload, openRoomFromPush } from './helpers/pushPayload';
 export type { PushPayloadOutcome } from './helpers/pushPayload';
+export {
+  registerPushToken,
+  unregisterPushToken,
+  getRegisteredPushToken,
+  getRegisteredPushTokens,
+} from './services/pushRegistration';
+export type {
+  RegisterPushTokenOptions,
+  RegisterPushTokenOutcome,
+  UnregisterPushTokenOutcome,
+  RegisteredPushToken,
+} from './services/pushRegistration';
+export {
+  detectPushTokenType,
+  PushRegistrationError,
+  isPushRegistrationError,
+} from './networking/api-requests/push.api';
+export type {
+  PushDeviceType,
+  PushSubscriptionPayload,
+} from './networking/api-requests/push.api';
+export type { PushTokenType, PushTokenRegistration } from './types/types';
 export { useChatRoomFocus } from './hooks/useChatRoomFocus';
 export { logoutService, useLogout } from './hooks/useLogout';
 export { useQRCodeChat, handleQRChatId } from './hooks/useQRCodeChatHandler';
@@ -90,3 +112,12 @@ export type {
   RefreshResult,
   RefreshOptions,
 } from './networking/authRefresh';
+
+export {
+  LIGHT_THEME,
+  DARK_THEME,
+  resolveTheme,
+  isDarkTheme,
+  useTheme,
+} from './theme';
+export type { ChatTheme, ChatThemeColors, ChatThemeOverrides } from './theme';

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

@@ -1,86 +1,209 @@
 import axios from 'axios';
 import { Platform } from 'react-native';
 import { store } from '../../roomStore';
+import http from '../apiClient';
+import type { PushTokenType } from '../../types/types';
 
-// Both of these used to be hardcoded to the ethoradev environment
-// (push.ethoradev.com, @xmpp.ethoradev.com). That is a development
-// deployment: shipping it inside the SDK meant every host app, including
-// production ones, registered its device against dev infrastructure and
-// then quietly received no pushes. They are resolved from the host's own
-// config now, with the production cluster as the fallback.
-const DEFAULT_PUSH_API_URL = 'https://push.chat.ethora.com/api/v1';
-const DEFAULT_XMPP_HOST = 'xmpp.chat.ethora.com';
+export type { PushTokenType } from '../../types/types';
+
+export type PushDeviceType = 'ios' | 'android' | 'web';
 
 /**
- * Push service base URL. `config.pushNotifications.apiUrl` wins, so a
- * self-hosted or enterprise deployment can point at its own service
- * without forking the SDK.
+ * Registration failed in a way the host should know about: the backend
+ * refused the payload (`status` + `body` carry its answer) or the request
+ * never got there (`status` undefined).
  */
-const resolvePushApiUrl = (): string => {
-  const config = store.getState().chatSettingStore?.config;
-  return (
-    (config?.pushNotifications?.apiUrl || '').trim() || DEFAULT_PUSH_API_URL
+export class PushRegistrationError extends Error {
+  readonly status?: number;
+  readonly body?: unknown;
+
+  constructor(message: string, status?: number, body?: unknown) {
+    super(message);
+    this.name = 'PushRegistrationError';
+    this.status = status;
+    this.body = body;
+  }
+}
+
+export const isPushRegistrationError = (
+  error: unknown
+): error is PushRegistrationError =>
+  (error as PushRegistrationError)?.name === 'PushRegistrationError';
+
+const EXPO_PUSH_TOKEN = /^Expo(?:nent)?PushToken\[[^\]]+\]$/;
+const APNS_TOKEN = /^[0-9a-f]{64,}$/i;
+
+export const detectPushTokenType = (token: string): PushTokenType => {
+  const t = token.trim();
+  if (EXPO_PUSH_TOKEN.test(t)) {
+    return 'expo';
+  }
+  if (APNS_TOKEN.test(t)) {
+    return 'apns';
+  }
+  return 'fcm';
+};
+
+export const resolvePushDeviceType = (): PushDeviceType =>
+  Platform.OS === 'ios' ? 'ios' : 'android';
+
+const toRegistrationError = (error: any, what: string): PushRegistrationError => {
+  const status: number | undefined = error?.response?.status;
+  const body = error?.response?.data;
+  const detail =
+    (typeof body?.error === 'string' && body.error) ||
+    error?.message ||
+    'unknown error';
+  return new PushRegistrationError(
+    status
+      ? `${what} refused (HTTP ${status}): ${detail}`
+      : `${what} failed: ${detail}`,
+    status,
+    body
   );
 };
 
-/**
- * The XMPP host the JID is qualified with. Must match the host the client
- * actually connects to, or the push service files the subscription under a
- * JID nothing ever sends to.
- */
+const isUnknownFieldError = (error: any): boolean =>
+  error?.response?.status === 422 &&
+  /not allowed/i.test(String(error?.response?.data?.error ?? ''));
+
+export interface PushSubscriptionPayload {
+  registrationToken: string;
+  deviceType: PushDeviceType;
+  tokenType?: PushTokenType;
+}
+
+export interface RegisterPushSubscriptionArgs {
+  appId: string;
+  token: string;
+  tokenType: PushTokenType;
+  authToken: string;
+}
+
+export const buildPushSubscriptionPayload = (
+  token: string,
+  tokenType: PushTokenType
+): PushSubscriptionPayload => ({
+  registrationToken: token,
+  deviceType: resolvePushDeviceType(),
+  tokenType,
+});
+
+export async function registerPushSubscription({
+  appId,
+  token,
+  tokenType,
+  authToken,
+}: RegisterPushSubscriptionArgs): Promise<void> {
+  const path = `/v1/push/subscription/${encodeURIComponent(appId)}`;
+  const headers = { Authorization: authToken };
+  const payload = buildPushSubscriptionPayload(token, tokenType);
+
+  try {
+    await http.post(path, payload, { headers });
+    return;
+  } catch (error: any) {
+    const canDowngrade = tokenType === 'apns' || tokenType === 'fcm';
+    if (!(canDowngrade && isUnknownFieldError(error))) {
+      throw toRegistrationError(
+        error,
+        tokenType === 'expo'
+          ? 'Push registration (the backend does not accept Expo push tokens yet)'
+          : 'Push registration'
+      );
+    }
+  }
+
+  try {
+    await http.post(
+      path,
+      { registrationToken: payload.registrationToken, deviceType: payload.deviceType },
+      { headers }
+    );
+  } catch (error: any) {
+    throw toRegistrationError(error, 'Push registration');
+  }
+}
+
+export interface UnregisterPushSubscriptionArgs {
+  appId: string;
+  token: string;
+  authToken: string;
+}
+
+export async function unregisterPushSubscription({
+  appId,
+  token,
+  authToken,
+}: UnregisterPushSubscriptionArgs): Promise<void> {
+  const headers = { Authorization: authToken };
+  try {
+    await http.delete(`/v1/push/subscription/${encodeURIComponent(appId)}`, {
+      headers,
+      data: { registrationToken: token },
+    });
+    return;
+  } catch (error: any) {
+    if (error?.response?.status !== 404) {
+      throw toRegistrationError(error, 'Push unregistration');
+    }
+  }
+  try {
+    await http.delete('/v1/users/endpoints', {
+      headers,
+      data: { endpoint: token },
+    });
+  } catch (error: any) {
+    throw toRegistrationError(error, 'Push unregistration');
+  }
+}
+
+const DEFAULT_XMPP_HOST = 'xmpp.chat.ethora.com';
+
+export interface PushGatewaySubscriptionPayload {
+  projectName: string;
+  registrationToken: string;
+  deviceType: PushDeviceType;
+  jid: string;
+}
+
+export interface GatewaySubscribeArgs {
+  apiUrl: string;
+  token: string;
+  userJid: string;
+  projectName: string;
+  authToken: string;
+}
+
 const resolveXmppHost = (): string => {
   const config = store.getState().chatSettingStore?.config;
   return (config?.xmppSettings?.host || '').trim() || DEFAULT_XMPP_HOST;
 };
 
-const pushAxios = axios.create({
-  headers: {
-    'Content-Type': 'application/json',
-  },
+const gatewayAxios = axios.create({
+  headers: { 'Content-Type': 'application/json' },
 });
 
-export interface PushSubscriptionPayload {
-  projectId: string;
-  registrationToken: string;
-  deviceType: 'web' | 'android' | 'ios';
-  jid: string;
-}
+export const buildPushGatewayPayload = ({
+  token,
+  userJid,
+  projectName,
+}: Pick<GatewaySubscribeArgs, 'token' | 'userJid' | 'projectName'>): PushGatewaySubscriptionPayload => ({
+  projectName,
+  registrationToken: token,
+  deviceType: resolvePushDeviceType(),
+  jid: userJid.includes('@') ? userJid : `${userJid}@${resolveXmppHost()}`,
+});
 
-export async function subscribeToPushNotifications(
-  fcmToken: string,
-  userJid: string,
-  projectName: string = ''
+export async function subscribeToPushGateway(
+  args: GatewaySubscribeArgs
 ): Promise<void> {
-  const deviceType: 'web' | 'android' | 'ios' = Platform.select({
-    ios: 'ios',
-    android: 'android',
-    default: 'web',
-  }) as 'web' | 'android' | 'ios';
-
-  // `userJid` arrives as either a bare localpart or an already-qualified
-  // JID depending on the caller; don't double-qualify it.
-  const jid = userJid.includes('@')
-    ? userJid
-    : `${userJid}@${resolveXmppHost()}`;
-
-  const payload: PushSubscriptionPayload = {
-    projectId: projectName,
-    registrationToken: fcmToken,
-    deviceType,
-    jid,
-  };
-
   try {
-    const token = store.getState().chatSettingStore?.user?.token || '';
-
-    const response = await pushAxios.post('/subscriptions', payload, {
-      baseURL: resolvePushApiUrl(),
-      headers: {
-        Authorization: `Bearer ${token}`,
-      },
+    await gatewayAxios.post('/subscriptions', buildPushGatewayPayload(args), {
+      baseURL: args.apiUrl,
+      headers: { Authorization: `Bearer ${args.authToken}` },
     });
-    return response.data;
   } catch (error: any) {
-    console.error('Failed to subscribe to push notifications:', error);
+    throw toRegistrationError(error, 'Push gateway registration');
   }
 }

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

@@ -130,6 +130,7 @@ function dispatchRoomsFromRestItems(items: ApiRoom[]): void {
       icon: item.picture || item.icon,
       createdAt: item.createdAt,
       updatedAt: item.updatedAt,
+      muted: item.muted === true,
       description: (item as any).description,
       type: (item as any).type,
       // ChatProfileModal renders this list under the description/type
@@ -254,6 +255,14 @@ export async function postPrivateRoom(
   }
 }
 
+export async function setRoomMuted(chatName: string, muted: boolean): Promise<boolean> {
+  const token = store.getState().chatSettingStore.user.token || '';
+  const url = `/v1/chats/my/${encodeURIComponent(chatName)}/mute`;
+  const config = { headers: { Authorization: token } };
+  const response = muted ? await http.put(url, {}, config) : await http.delete(url, config);
+  return response.data?.result?.muted ?? muted;
+}
+
 export async function postReportRoom(data: PostReportRoom) {
   const { chatName, category, text } = data;
   const token = store.getState().chatSettingStore.user.token || '';