@ethora/chat-component-rn 26.5.18 → 26.5.20

package/src/hooks/useSendMessage.tsx

@@ -22,21 +22,21 @@ import type { IConfig, IMessage } from '../types/types';
 // case (e.g. device offline before the message ever made it to the
 // XMPP socket) — bug #18.
 //
-// 5s window: a brief network blip that reconnects inside this window
+// 10s window: a brief network blip that reconnects inside this window
 // still resolves on its own — the offline send is buffered in the
 // outbound queue (OUTBOUND_QUEUE_TTL_MS, kept in lockstep) and replayed
 // the moment the stream comes back, so the server echo flips the bubble
-// to delivered. Only a drop that outlasts 5s flips it to "Failed → tap
+// to delivered. Only a drop that outlasts 10s flips it to "Failed → tap
 // to retry". If a slow send completes just after the window, the
 // delivery clears the failed flag (see newMessageMidlleware) so it
 // doesn't get stuck showing "Failed".
-const PENDING_WATCHDOG_MS = 30_000;
+const PENDING_WATCHDOG_MS = 10_000;
 
 // Media gets a longer window than text: the optimistic bubble appears before
 // the file upload even starts, and a large file (up to the 50MB cap) over a
-// slow link can legitimately take far longer than 5s to upload + send. Failing
-// it at 5s mid-upload would flash a wrong "Failed" and let the user kick off a
-// duplicate upload. The text watchdog stays at 5s per product spec.
+// slow link can legitimately take far longer than 10s to upload + send. Failing
+// it at 10s mid-upload would flash a wrong "Failed" and let the user kick off a
+// duplicate upload.
 const MEDIA_PENDING_WATCHDOG_MS = 30_000;
 
 // Monotonic counter for stanza ids. Bumped on each send within a single

package/src/main.ts

@@ -47,4 +47,5 @@ export type {
   MessageProps,
   TypographyConfig,
   RNFontSource,
+  ChatTextStyle,
 } from './types/types';

package/src/networking/outboundQueue.ts

@@ -41,7 +41,7 @@ export interface QueuedSend {
    * Per-item replay window. Kept in lockstep with the matching send
    * watchdog so a reconnect inside the window replays the buffered send,
    * while a longer drop lets the watchdog own the failure (no duplicate).
-   * Text uses 5s, media 30s (large uploads need longer). Falls back to
+   * Text uses 10s, media 30s (large uploads need longer). Falls back to
    * OUTBOUND_QUEUE_TTL_MS when omitted.
    */
   ttlMs?: number;
@@ -51,7 +51,7 @@ export interface QueuedSend {
 
 // Default replay window (text). Mirrors PENDING_WATCHDOG_MS in useSendMessage.
 // Media enqueues a longer per-item ttlMs (see QueuedSend.ttlMs).
-export const OUTBOUND_QUEUE_TTL_MS = 30_000;
+export const OUTBOUND_QUEUE_TTL_MS = 10_000;
 
 let queue: QueuedSend[] = [];
 

package/src/types/types.ts

@@ -1,4 +1,4 @@
-import type { ViewStyle, ImageSourcePropType } from 'react-native';
+import type { ViewStyle, ImageSourcePropType, TextStyle } from 'react-native';
 import type { Iso639_1Codes } from './models/language.model';
 import type { IMessage, IReply } from './models/message.model';
 import type { RoomMember } from './models/room.model';
@@ -248,10 +248,31 @@ export interface RNFontSource {
  * itself (e.g. via `@expo-google-fonts/*` or its own `useFonts`), pass only
  * `fontFamily` and leave `fonts` empty.
  */
+/**
+ * Per-element font size / weight override.
+ *
+ * `fontWeight` is honoured even with a custom `fontFamily`: when
+ * `weightFamilies` is configured, the chat maps the requested weight to the
+ * matching family variant at render time (a single font file can't synthesise
+ * 500/600 — only fake-bold ~700 — so the variant family is what actually
+ * renders medium/semibold). Omit a field to keep the component default.
+ */
+export interface ChatTextStyle {
+  /** Point size. */
+  fontSize?: number;
+  /** '400' | '500' | '600' | '700' | 'normal' | 'bold' | number. */
+  fontWeight?: TextStyle['fontWeight'];
+}
+
 export interface TypographyConfig {
   /** Family applied across the chat UI. Must be loaded (via `fonts` or by the host). */
   fontFamily?: string;
-  /** Optional per-weight families, used where the chat renders bolder text. */
+  /**
+   * Optional per-weight families. REQUIRED for `fontWeight` overrides to take
+   * visible effect when a custom `fontFamily` is set — RN can't synthesise
+   * intermediate weights from one font file, so each weight needs its own
+   * loaded family (and a matching entry in `fonts`).
+   */
   weightFamilies?: {
     regular?: string;
     medium?: string;
@@ -260,6 +281,39 @@ export interface TypographyConfig {
   };
   /** Fonts for the SDK to load with expo-font before applying `fontFamily`. */
   fonts?: RNFontSource[];
+
+  // ----- per-element size / weight overrides -----
+  /** Message body text inside chat bubbles. Default 16. */
+  messageText?: ChatTextStyle;
+  /** Sender name shown above incoming messages. Default 14 / "500". */
+  senderName?: ChatTextStyle;
+  /** Room title in the chat header. Default 16 / "600". */
+  headerTitle?: ChatTextStyle;
+  /** Message composer: the input/placeholder text plus its layout sizing. */
+  input?: ChatTextStyle & {
+    /** Min height of the input box in px. Default 40. */
+    minHeight?: number;
+    /** Max height before the input scrolls in px. Default 120. */
+    maxHeight?: number;
+    /** Width & height of the round send button in px. Default 40. */
+    sendButtonSize?: number;
+  };
+  /** Chat profile screen (opens when tapping the room name in the header). */
+  profile?: {
+    /** Big room-name title at the top of the profile screen. Default 24 / "400". */
+    title?: ChatTextStyle;
+    /** Member name rows. Default 16 / "600". */
+    memberName?: ChatTextStyle;
+  };
+  /** Attach (photo/document picker) bottom sheet. */
+  attachSheet?: {
+    /** "Attach" header label. Default 13 / "600". */
+    title?: ChatTextStyle;
+    /** Row labels (Camera / Gallery / Document). Default 16 / "500". */
+    rowLabel?: ChatTextStyle;
+    /** Cancel button. Default 16 / "600". */
+    cancelButton?: ChatTextStyle;
+  };
 }
 
 export interface IConfig {