@ethora/chat-component-rn 26.5.16 → 26.5.18

package/src/types/models/message.model.ts

@@ -33,6 +33,9 @@ export interface IMessage {
   xmppId?: string;
   xmppFrom?: string;
   deleted?: boolean;
+  // Set once a message has been corrected via XEP-0308 (<replace>), so the
+  // bubble can show a small "edited" marker (Slack/WhatsApp style).
+  isEdited?: boolean;
 }
 
 export interface ReactionMessage {

package/src/types/types.ts

@@ -223,6 +223,45 @@ export interface PartialRoomWithMandatoryKeys {
   pinned?: boolean;
 }
 
+/**
+ * A custom font to register at runtime via `expo-font`. On React Native a
+ * font must be loaded before it can be referenced by name — there is no
+ * web-style runtime `@font-face`. Each weight is typically its own file and
+ * its own family name (RN does not synthesise weights reliably).
+ *
+ * `source` accepts what `Font.loadAsync` accepts: a remote URL string (e.g. a
+ * hosted e-Ukraine `.ttf`), or a bundled asset via `require('./e-Ukraine.ttf')`.
+ */
+export interface RNFontSource {
+  /** Family name used in text styles, e.g. "e-Ukraine" or "e-Ukraine-Medium". */
+  family: string;
+  /** Remote URL string or `require(...)` module for the font file. */
+  source: string | number;
+}
+
+/**
+ * Font configuration for the chat UI. When omitted, the component keeps the
+ * platform's default system font, so existing integrations are unaffected.
+ *
+ * Provide `fonts` for the SDK to load via expo-font, then set `fontFamily` to
+ * the family the chat should render in. If the host already loaded the font
+ * itself (e.g. via `@expo-google-fonts/*` or its own `useFonts`), pass only
+ * `fontFamily` and leave `fonts` empty.
+ */
+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. */
+  weightFamilies?: {
+    regular?: string;
+    medium?: string;
+    semibold?: string;
+    bold?: string;
+  };
+  /** Fonts for the SDK to load with expo-font before applying `fontFamily`. */
+  fonts?: RNFontSource[];
+}
+
 export interface IConfig {
   // ----- identity / network -----
   appId?: string;
@@ -231,7 +270,26 @@ export interface IConfig {
   projectName?: string;
 
   // ----- theming -----
-  colors?: { primary: string; secondary: string };
+  colors?: {
+    primary: string;
+    secondary: string;
+    /** Tint for chrome icons (attach, mic/send, burger menu, edit banner,
+     * scroll-to-bottom FAB). Falls back to `primary`, then `#0052CD`. */
+    icon?: string;
+    /** Color of the sender's name above incoming message bubbles.
+     * Falls back to `primary`, then `#0052CD`. */
+    senderName?: string;
+    /** Background of initials avatars (message bubbles, chat header,
+     * profile modals). When omitted, each user keeps their per-name
+     * pastel color from the hash palette (current default). */
+    avatar?: string;
+    /** Text color of the day-separator pill ("Today", "June 8") in the
+     * message list; the pill background is a light tint of it. Falls
+     * back to `primary`, then `#0052CD`. */
+    dateLabel?: string;
+  };
+  /** Configurable font family / weights for the chat UI. See TypographyConfig. */
+  typography?: TypographyConfig;
   messageColor?: {
     backgroundMessage: string;
     backgroundMessageUser: string;