@kesha-antonov/react-native-chat 4.2.0 → 4.4.0

package/lib/Theme.d.ts

@@ -0,0 +1,159 @@
+/**
+ * Centralized design tokens for the chat UI.
+ *
+ * The defaults below produce a modern, Telegram-inspired look (azure accent,
+ * soft 18px bubbles, rounded composer, inline time + vector ticks). Consumers
+ * can override any subset through the `theme` / `darkTheme` props on `Chat`;
+ * overrides are deep-merged over these defaults, and explicit per-component
+ * style props still win over the theme. Components read the resolved theme via
+ * the `useTheme` hook.
+ */
+export interface ChatThemeColors {
+    /** Accent used for the send button, links, read ticks and active states. */
+    accent: string;
+    /** Chat list background. Lets white incoming bubbles read on light themes. */
+    background: string;
+    /** Incoming (left) bubble background. */
+    incomingBubble: string;
+    /** Outgoing (right) bubble background. */
+    outgoingBubble: string;
+    /** Incoming message text. */
+    incomingText: string;
+    /** Outgoing message text. */
+    outgoingText: string;
+    /** Time/meta text inside incoming bubbles. */
+    incomingMeta: string;
+    /** Time/meta text inside outgoing bubbles. */
+    outgoingMeta: string;
+    /** Sender name shown above grouped incoming messages. */
+    senderName: string;
+    /** Delivery tick color before the message is read. */
+    ticksSent: string;
+    /** Delivery tick color once the message is read. */
+    ticksRead: string;
+    /** Hairlines and dividers. */
+    separator: string;
+    /** Background of the rounded composer field. */
+    inputBackground: string;
+    /** Background of the whole input bar surrounding the field. */
+    inputBarBackground: string;
+    /** Composer text color. */
+    inputText: string;
+    /** Composer placeholder color. */
+    placeholder: string;
+    /** Translucent day-separator pill background. */
+    dayPillBackground: string;
+    /** Day-separator pill text. */
+    dayPillText: string;
+    /** Surface color for floating elements (scroll-to-bottom button, picker). */
+    surface: string;
+    /** Inactive reaction pill background. */
+    reactionBackground: string;
+    /** Active (selected) reaction pill background. */
+    reactionActiveBackground: string;
+    /** Translucent overlay drawn on top of outgoing bubbles (e.g. reply quotes). */
+    outgoingOverlay: string;
+    /** Error / "not implemented" placeholder text. */
+    error: string;
+    /** Optional border around the composer field (default transparent). */
+    inputFieldBorder: string;
+}
+export interface ChatThemeAvatar {
+    size: number;
+    /** Background palette for initials avatars, picked deterministically per user. */
+    palette: string[];
+    /** Initials text color drawn on a palette background. */
+    textColor: string;
+}
+export interface ChatThemeRadii {
+    bubble: number;
+    bubbleGrouped: number;
+    inputField: number;
+    sendButton: number;
+    reaction: number;
+    dayPill: number;
+}
+export interface ChatThemeHorizontalEdge {
+    left: number;
+    right: number;
+}
+export interface ChatThemeSpacing {
+    bubblePaddingV: number;
+    bubblePaddingH: number;
+    withinGroup: number;
+    betweenGroups: number;
+    /** Horizontal inset applied to the input bar and its accessories (e.g. the reply preview). */
+    screenEdge: ChatThemeHorizontalEdge;
+    /** Vertical padding of the input bar's primary row (around the composer/actions). */
+    inputToolbarPaddingV: number;
+}
+/** Accepted shape for a `screenEdge` override: a single value for both sides, or either side individually. */
+export type ChatThemeScreenEdgeOverride = number | Partial<ChatThemeHorizontalEdge>;
+export interface ChatThemeTextStyle {
+    fontSize: number;
+    lineHeight?: number;
+    fontWeight?: 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
+}
+export interface ChatThemeTypography {
+    message: ChatThemeTextStyle;
+    time: ChatThemeTextStyle;
+    senderName: ChatThemeTextStyle;
+    day: ChatThemeTextStyle;
+    system: ChatThemeTextStyle;
+}
+export interface ChatThemeComposer {
+    /** Resting height of the composer field (single line). */
+    minHeight: number;
+    /** Max height before the field scrolls internally instead of growing. */
+    maxHeight: number;
+    /** Horizontal padding inside the field pill. */
+    fieldPaddingH: number;
+    /** Size of the inset icons (emoji, attachment, camera). */
+    insetIconSize: number;
+}
+export interface ChatThemeVoice {
+    /** Horizontal slide distance (px) to cancel a recording. */
+    cancelThreshold: number;
+    /** Vertical slide distance (px) to lock hands-free recording. */
+    lockThreshold: number;
+}
+export interface ChatTheme {
+    colors: ChatThemeColors;
+    radii: ChatThemeRadii;
+    spacing: ChatThemeSpacing;
+    typography: ChatThemeTypography;
+    avatar: ChatThemeAvatar;
+    sendButton: {
+        size: number;
+    };
+    composer: ChatThemeComposer;
+    voice: ChatThemeVoice;
+}
+export type PartialChatTheme = {
+    colors?: Partial<ChatThemeColors>;
+    radii?: Partial<ChatThemeRadii>;
+    spacing?: Partial<Omit<ChatThemeSpacing, 'screenEdge'>> & {
+        screenEdge?: ChatThemeScreenEdgeOverride;
+    };
+    typography?: Partial<Record<keyof ChatThemeTypography, Partial<ChatThemeTextStyle>>>;
+    avatar?: Partial<ChatThemeAvatar>;
+    sendButton?: Partial<{
+        size: number;
+    }>;
+    composer?: Partial<ChatThemeComposer>;
+    voice?: Partial<ChatThemeVoice>;
+};
+export declare const defaultLightTheme: ChatTheme;
+export declare const defaultDarkTheme: ChatTheme;
+export interface ChatThemeOverrides {
+    light?: PartialChatTheme;
+    dark?: PartialChatTheme;
+}
+/**
+ * Resolve the active theme for a color scheme, applying the matching override.
+ * Used by `Chat` to compute the theme once per change and share it via context.
+ */
+export declare function resolveTheme(colorScheme: 'light' | 'dark' | null | undefined, light?: PartialChatTheme, dark?: PartialChatTheme): ChatTheme;
+/** Deep-merge a partial theme over a base theme (two levels deep). */
+export declare function mergeTheme(base: ChatTheme, override?: PartialChatTheme): ChatTheme;
+//# sourceMappingURL=Theme.d.ts.map

package/lib/Theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../src/Theme.ts"],"names":[],"mappings":"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"}

package/lib/Theme.js

@@ -0,0 +1,147 @@
+/**
+ * Centralized design tokens for the chat UI.
+ *
+ * The defaults below produce a modern, Telegram-inspired look (azure accent,
+ * soft 18px bubbles, rounded composer, inline time + vector ticks). Consumers
+ * can override any subset through the `theme` / `darkTheme` props on `Chat`;
+ * overrides are deep-merged over these defaults, and explicit per-component
+ * style props still win over the theme. Components read the resolved theme via
+ * the `useTheme` hook.
+ */
+// Decorative palette for initials avatars (flatuicolors.com), shared by themes.
+const avatarPalette = ['#E67E22', '#2ECC71', '#3498DB', '#8E44AD', '#E74C3C', '#1ABC9C', '#2C3E50'];
+const sharedRadii = {
+    bubble: 18,
+    bubbleGrouped: 6,
+    inputField: 18,
+    sendButton: 18,
+    reaction: 14,
+    dayPill: 14,
+};
+const sharedComposer = {
+    minHeight: 44,
+    maxHeight: 120,
+    fieldPaddingH: 12,
+    insetIconSize: 24,
+};
+const sharedVoice = {
+    cancelThreshold: 80,
+    lockThreshold: 90,
+};
+const sharedSpacing = {
+    bubblePaddingV: 6,
+    bubblePaddingH: 12,
+    withinGroup: 2,
+    betweenGroups: 8,
+    screenEdge: { left: 8, right: 8 },
+    inputToolbarPaddingV: 8,
+};
+const sharedTypography = {
+    message: { fontSize: 16, lineHeight: 21, fontWeight: '400' },
+    time: { fontSize: 12, fontWeight: '400' },
+    senderName: { fontSize: 13, fontWeight: '600' },
+    day: { fontSize: 13, fontWeight: '600' },
+    system: { fontSize: 13, fontWeight: '400' },
+};
+export const defaultLightTheme = {
+    colors: {
+        accent: '#3390EC',
+        background: '#EFEFF4',
+        incomingBubble: '#FFFFFF',
+        outgoingBubble: '#3390EC',
+        incomingText: '#000000',
+        outgoingText: '#FFFFFF',
+        incomingMeta: '#8E8E93',
+        outgoingMeta: 'rgba(255, 255, 255, 0.7)',
+        senderName: '#3390EC',
+        ticksSent: 'rgba(255, 255, 255, 0.6)',
+        ticksRead: '#FFFFFF',
+        separator: 'rgba(0, 0, 0, 0.08)',
+        inputBackground: '#F2F2F7',
+        inputBarBackground: '#FFFFFF',
+        inputText: '#000000',
+        placeholder: '#8E8E93',
+        dayPillBackground: 'rgba(0, 0, 0, 0.3)',
+        dayPillText: '#FFFFFF',
+        surface: '#FFFFFF',
+        reactionBackground: 'rgba(0, 0, 0, 0.06)',
+        reactionActiveBackground: 'rgba(51, 144, 236, 0.15)',
+        outgoingOverlay: 'rgba(255, 255, 255, 0.15)',
+        error: '#E74C3C',
+        inputFieldBorder: 'transparent',
+    },
+    radii: sharedRadii,
+    spacing: sharedSpacing,
+    typography: sharedTypography,
+    avatar: { size: 34, palette: avatarPalette, textColor: '#FFFFFF' },
+    sendButton: { size: 36 },
+    composer: sharedComposer,
+    voice: sharedVoice,
+};
+export const defaultDarkTheme = {
+    colors: {
+        accent: '#3390EC',
+        background: '#0E1621',
+        incomingBubble: '#182533',
+        outgoingBubble: '#2B5278',
+        incomingText: '#FFFFFF',
+        outgoingText: '#FFFFFF',
+        incomingMeta: '#6D7F8F',
+        outgoingMeta: 'rgba(255, 255, 255, 0.55)',
+        senderName: '#6FB2F0',
+        ticksSent: 'rgba(255, 255, 255, 0.55)',
+        ticksRead: '#59ABE8',
+        separator: 'rgba(255, 255, 255, 0.1)',
+        inputBackground: '#243140',
+        inputBarBackground: '#17212B',
+        inputText: '#FFFFFF',
+        placeholder: '#708499',
+        dayPillBackground: 'rgba(255, 255, 255, 0.12)',
+        dayPillText: '#FFFFFF',
+        surface: '#17212B',
+        reactionBackground: 'rgba(255, 255, 255, 0.08)',
+        reactionActiveBackground: 'rgba(51, 144, 236, 0.22)',
+        outgoingOverlay: 'rgba(255, 255, 255, 0.1)',
+        error: '#E74C3C',
+        inputFieldBorder: 'transparent',
+    },
+    radii: sharedRadii,
+    spacing: sharedSpacing,
+    typography: sharedTypography,
+    avatar: { size: 34, palette: avatarPalette, textColor: '#FFFFFF' },
+    sendButton: { size: 36 },
+    composer: sharedComposer,
+    voice: sharedVoice,
+};
+/**
+ * Resolve the active theme for a color scheme, applying the matching override.
+ * Used by `Chat` to compute the theme once per change and share it via context.
+ */
+export function resolveTheme(colorScheme, light, dark) {
+    const isDark = colorScheme === 'dark';
+    return mergeTheme(isDark ? defaultDarkTheme : defaultLightTheme, isDark ? dark : light);
+}
+/** Deep-merge a partial theme over a base theme (two levels deep). */
+export function mergeTheme(base, override) {
+    if (!override)
+        return base;
+    const mergedTypography = { ...base.typography };
+    if (override.typography)
+        for (const key of Object.keys(override.typography))
+            mergedTypography[key] = { ...base.typography[key], ...override.typography[key] };
+    const overrideScreenEdge = override.spacing?.screenEdge;
+    const mergedScreenEdge = typeof overrideScreenEdge === 'number'
+        ? { left: overrideScreenEdge, right: overrideScreenEdge }
+        : { ...base.spacing.screenEdge, ...overrideScreenEdge };
+    return {
+        colors: { ...base.colors, ...override.colors },
+        radii: { ...base.radii, ...override.radii },
+        spacing: { ...base.spacing, ...override.spacing, screenEdge: mergedScreenEdge },
+        typography: mergedTypography,
+        avatar: { ...base.avatar, ...override.avatar },
+        sendButton: { ...base.sendButton, ...override.sendButton },
+        composer: { ...base.composer, ...override.composer },
+        voice: { ...base.voice, ...override.voice },
+    };
+}
+//# sourceMappingURL=Theme.js.map

package/lib/Theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Theme.js","sourceRoot":"","sources":["../src/Theme.ts"],"names":[],"mappings":"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"}

package/lib/Time.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Time.d.ts","sourceRoot":"","sources":["../src/Time.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AACtC,OAAO,EAAoB,SAAS,EAAE,SAAS,EAAS,MAAM,cAAc,CAAA;AAK5E,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAgBnD,MAAM,WAAW,SAAS,CAAC,QAAQ,SAAS,QAAQ;IAClD,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC3B,cAAc,EAAE,QAAQ,CAAA;IACxB,cAAc,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IAC1C,aAAa,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IACzC,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,eAAO,MAAM,IAAI,GAAI,QAAQ,SAAS,QAAQ,GAAG,QAAQ,EAAE,0EAMxD,SAAS,CAAC,QAAQ,CAAC,6BAyBrB,CAAA"}
+{"version":3,"file":"Time.d.ts","sourceRoot":"","sources":["../src/Time.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AACtC,OAAO,EAAoB,SAAS,EAAE,SAAS,EAAS,MAAM,cAAc,CAAA;AAK5E,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAkBnD,MAAM,WAAW,SAAS,CAAC,QAAQ,SAAS,QAAQ;IAClD,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC3B,cAAc,EAAE,QAAQ,CAAA;IACxB,cAAc,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IAC1C,aAAa,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IACzC,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,eAAO,MAAM,IAAI,GAAI,QAAQ,SAAS,QAAQ,GAAG,QAAQ,EAAE,0EAMxD,SAAS,CAAC,QAAQ,CAAC,6BA0BrB,CAAA"}

package/lib/Time.js

@@ -2,23 +2,25 @@ import React, { useMemo } from 'react';
 import { StyleSheet, View, Text } from 'react-native';
 import dayjs from 'dayjs';
 import { useChatContext } from './ChatContext';
-import { Color } from './Color';
 import { TIME_FORMAT } from './Constant';
+import { useThemedStyles } from './hooks/useTheme';
 import { getStyleWithPosition } from './styles';
-const styles = StyleSheet.create({
+const createStyles = (theme) => StyleSheet.create({
     text: {
-        fontSize: 10,
+        fontSize: theme.typography.time.fontSize,
+        fontWeight: theme.typography.time.fontWeight,
         textAlign: 'right',
     },
     text_left: {
-        color: Color.timeTextColor,
+        color: theme.colors.incomingMeta,
     },
     text_right: {
-        color: Color.white,
+        color: theme.colors.outgoingMeta,
     },
 });
 export const Time = ({ position = 'left', containerStyle, currentMessage, timeFormat = TIME_FORMAT, timeTextStyle, }) => {
     const { getLocale } = useChatContext();
+    const styles = useThemedStyles(createStyles);
     const formattedTime = useMemo(() => {
         if (!currentMessage)
             return null;

package/lib/Time.js.map

@@ -1 +1 @@
-{"version":3,"file":"Time.js","sourceRoot":"","sources":["../src/Time.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,UAAU,EAAE,IAAI,EAAyB,IAAI,EAAE,MAAM,cAAc,CAAA;AAC5E,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAExC,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAE/C,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE;QACJ,QAAQ,EAAE,EAAE;QACZ,SAAS,EAAE,OAAO;KACnB;IACD,SAAS,EAAE;QACT,KAAK,EAAE,KAAK,CAAC,aAAa;KAC3B;IACD,UAAU,EAAE;QACV,KAAK,EAAE,KAAK,CAAC,KAAK;KACnB;CACF,CAAC,CAAA;AAUF,MAAM,CAAC,MAAM,IAAI,GAAG,CAAuC,EACzD,QAAQ,GAAG,MAAM,EACjB,cAAc,EACd,cAAc,EACd,UAAU,GAAG,WAAW,EACxB,aAAa,GACO,EAAE,EAAE;IACxB,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAA;IAEtC,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,IAAI,CAAC,cAAc;YACjB,OAAO,IAAI,CAAA;QAEb,OAAO,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAA;IAC/E,CAAC,EAAE,CAAC,cAAc,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC,CAAA;IAE3C,IAAI,CAAC,cAAc;QACjB,OAAO,IAAI,CAAA;IAEb,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,cAAc,EAAE,CAAC,QAAQ,CAAC,CAAC,CACtC;MAAA,CAAC,IAAI,CACH,KAAK,CAAC,CAAC;YACL,oBAAoB,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC;YAC9C,aAAa,EAAE,CAAC,QAAQ,CAAC;SAC1B,CAAC,CAEF;QAAA,CAAC,aAAa,CAChB;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"Time.js","sourceRoot":"","sources":["../src/Time.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,UAAU,EAAE,IAAI,EAAyB,IAAI,EAAE,MAAM,cAAc,CAAA;AAC5E,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAElD,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAG/C,MAAM,YAAY,GAAG,CAAC,KAAgB,EAAE,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC;IAC3D,IAAI,EAAE;QACJ,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ;QACxC,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU;QAC5C,SAAS,EAAE,OAAO;KACnB;IACD,SAAS,EAAE;QACT,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,YAAY;KACjC;IACD,UAAU,EAAE;QACV,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,YAAY;KACjC;CACF,CAAC,CAAA;AAUF,MAAM,CAAC,MAAM,IAAI,GAAG,CAAuC,EACzD,QAAQ,GAAG,MAAM,EACjB,cAAc,EACd,cAAc,EACd,UAAU,GAAG,WAAW,EACxB,aAAa,GACO,EAAE,EAAE;IACxB,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAA;IACtC,MAAM,MAAM,GAAG,eAAe,CAAC,YAAY,CAAC,CAAA;IAE5C,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,IAAI,CAAC,cAAc;YACjB,OAAO,IAAI,CAAA;QAEb,OAAO,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAA;IAC/E,CAAC,EAAE,CAAC,cAAc,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC,CAAA;IAE3C,IAAI,CAAC,cAAc;QACjB,OAAO,IAAI,CAAA;IAEb,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,cAAc,EAAE,CAAC,QAAQ,CAAC,CAAC,CACtC;MAAA,CAAC,IAAI,CACH,KAAK,CAAC,CAAC;YACL,oBAAoB,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC;YAC9C,aAAa,EAAE,CAAC,QAAQ,CAAC;SAC1B,CAAC,CAEF;QAAA,CAAC,aAAa,CAChB;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA"}

package/lib/TypingIndicator/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TypingIndicator/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAA;AAaxE,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAE9C,cAAc,SAAS,CAAA;AA2EvB,eAAO,MAAM,eAAe,GAAI,qBAAqB,oBAAoB,6BA+DxE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TypingIndicator/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAA;AAcxE,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAE9C,cAAc,SAAS,CAAA;AA4EvB,eAAO,MAAM,eAAe,GAAI,qBAAqB,oBAAoB,6BAgExE,CAAA"}

package/lib/TypingIndicator/index.js

@@ -1,10 +1,12 @@
 import React, { useCallback, useEffect, useState, useMemo } from 'react';
 import { View } from 'react-native';
 import Animated, { runOnJS, useAnimatedStyle, useSharedValue, withDelay, withRepeat, withSequence, withTiming, } from 'react-native-reanimated';
+import { useThemedStyles } from '../hooks/useTheme';
 import stylesCommon from '../styles';
-import styles from './styles';
+import { createTypingIndicatorStyles } from './styles';
 export * from './types';
 const DotsAnimation = () => {
+    const styles = useThemedStyles(createTypingIndicatorStyles);
     const dot1 = useSharedValue(0);
     const dot2 = useSharedValue(0);
     const dot3 = useSharedValue(0);
@@ -42,6 +44,7 @@ const DotsAnimation = () => {
     </View>);
 };
 export const TypingIndicator = ({ isTyping, style }) => {
+    const styles = useThemedStyles(createTypingIndicatorStyles);
     const yCoords = useSharedValue(200);
     const heightScale = useSharedValue(0);
     const marginScale = useSharedValue(0);

package/lib/TypingIndicator/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/TypingIndicator/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/TypingIndicator/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,QAAQ,EAAE,EACf,OAAO,EACP,gBAAgB,EAChB,cAAc,EACd,SAAS,EACT,UAAU,EACV,YAAY,EACZ,UAAU,GACX,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,YAAY,MAAM,WAAW,CAAA;AACpC,OAAO,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAA;AAGtD,cAAc,SAAS,CAAA;AAEvB,MAAM,aAAa,GAAG,GAAG,EAAE;IACzB,MAAM,MAAM,GAAG,eAAe,CAAC,2BAA2B,CAAC,CAAA;IAC3D,MAAM,IAAI,GAAG,cAAc,CAAC,CAAC,CAAC,CAAA;IAC9B,MAAM,IAAI,GAAG,cAAc,CAAC,CAAC,CAAC,CAAA;IAC9B,MAAM,IAAI,GAAG,cAAc,CAAC,CAAC,CAAC,CAAA;IAE9B,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;IAClC,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;IACpC,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,CAAA;IAEvC,MAAM,SAAS,GAAG,gBAAgB,CAAC,GAAG,EAAE,CAAC,CAAC;QACxC,SAAS,EAAE,CAAC;gBACV,UAAU,EAAE,IAAI,CAAC,KAAK;aACvB,CAAC;KACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEX,MAAM,SAAS,GAAG,gBAAgB,CAAC,GAAG,EAAE,CAAC,CAAC;QACxC,SAAS,EAAE,CAAC;gBACV,UAAU,EAAE,IAAI,CAAC,KAAK;aACvB,CAAC;KACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEX,MAAM,SAAS,GAAG,gBAAgB,CAAC,GAAG,EAAE,CAAC,CAAC;QACxC,SAAS,EAAE,CAAC;gBACV,UAAU,EAAE,IAAI,CAAC,KAAK;aACvB,CAAC;KACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEX,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,KAAK,GAAG,UAAU,CACrB,YAAY,CACV,UAAU,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,CAAC,EAC9B,UAAU,CAAC,OAAO,EAAE,EAAE,QAAQ,EAAE,CAAC,CAClC,EACD,CAAC,EACD,IAAI,CACL,CAAA;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEnC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC,GAAG,EACxB,UAAU,CACR,YAAY,CACV,UAAU,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,CAAC,EAC9B,UAAU,CAAC,OAAO,EAAE,EAAE,QAAQ,EAAE,CAAC,CAClC,EACD,CAAC,EACD,IAAI,CACL,CACF,CAAA;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEnC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC,GAAG,EACxB,UAAU,CACR,YAAY,CACV,UAAU,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,CAAC,EAC9B,UAAU,CAAC,OAAO,EAAE,EAAE,QAAQ,EAAE,CAAC,CAClC,EACD,CAAC,EACD,IAAI,CACL,CACF,CAAA;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEnC,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,EAAE,YAAY,CAAC,WAAW,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CACtE;MAAA,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC,EAC9C;MAAA,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC,EAC9C;MAAA,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC,EAChD;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAwB,EAAE,EAAE;IAC3E,MAAM,MAAM,GAAG,eAAe,CAAC,2BAA2B,CAAC,CAAA;IAC3D,MAAM,OAAO,GAAG,cAAc,CAAC,GAAG,CAAC,CAAA;IACnC,MAAM,WAAW,GAAG,cAAc,CAAC,CAAC,CAAC,CAAA;IACrC,MAAM,WAAW,GAAG,cAAc,CAAC,CAAC,CAAC,CAAA;IAErC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAA;IAEpD,MAAM,cAAc,GAAG,gBAAgB,CAAC,GAAG,EAAE,CAAC,CAAC;QAC7C,SAAS,EAAE;YACT;gBACE,UAAU,EAAE,OAAO,CAAC,KAAK;aAC1B;SACF;QACD,MAAM,EAAE,WAAW,CAAC,KAAK;QACzB,YAAY,EAAE,WAAW,CAAC,KAAK;KAChC,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC,CAAA;IAExC,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,MAAM,QAAQ,GAAG,GAAG,CAAA;QAEpB,OAAO,CAAC,KAAK,GAAG,UAAU,CAAC,CAAC,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAA;QAC3C,WAAW,CAAC,KAAK,GAAG,UAAU,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAA;QAChD,WAAW,CAAC,KAAK,GAAG,UAAU,CAAC,CAAC,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAA;IACjD,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC,CAAA;IAEvC,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;QAChC,MAAM,QAAQ,GAAG,GAAG,CAAA;QAEpB,OAAO,CAAC,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,EAAE,UAAU,CAAC,EAAE;YACzD,IAAI,UAAU;gBACZ,OAAO,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,CAAA;QAChC,CAAC,CAAC,CAAA;QACF,WAAW,CAAC,KAAK,GAAG,UAAU,CAAC,CAAC,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAA;QAC/C,WAAW,CAAC,KAAK,GAAG,UAAU,CAAC,CAAC,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAA;IACjD,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC,CAAA;IAEvC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS;YACX,IAAI,QAAQ;gBACV,OAAO,EAAE,CAAA;;gBAET,QAAQ,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE5C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ;YACV,YAAY,CAAC,IAAI,CAAC,CAAA;IACtB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,IAAI,CAAC,SAAS;QACZ,OAAO,IAAI,CAAA;IAEb,OAAO,CACL,CAAC,QAAQ,CAAC,IAAI,CACZ,KAAK,CAAC,CAAC;YACL,MAAM,CAAC,SAAS;YAChB,cAAc;YACd,KAAK;SACN,CAAC,CAEF;MAAA,CAAC,aAAa,CAAC,AAAD,EAChB;IAAA,EAAE,QAAQ,CAAC,IAAI,CAAC,CACjB,CAAA;AACH,CAAC,CAAA"}

package/lib/TypingIndicator/styles.d.ts

@@ -1,4 +1,5 @@
-declare const _default: {
+import { ChatTheme } from '../Theme';
+export declare const createTypingIndicatorStyles: (theme: ChatTheme) => {
     container: {
         marginLeft: number;
         width: number;
@@ -17,5 +18,4 @@ declare const _default: {
         backgroundColor: string;
     };
 };
-export default _default;
 //# sourceMappingURL=styles.d.ts.map

package/lib/TypingIndicator/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/TypingIndicator/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAGA,wBAkBE"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/TypingIndicator/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAEpC,eAAO,MAAM,2BAA2B,GAAI,OAAO,SAAS;;;;;;;;;;;;;;;;;;CAkB1D,CAAA"}

package/lib/TypingIndicator/styles.js

@@ -1,11 +1,10 @@
 import { StyleSheet } from 'react-native';
-import { Color } from '../Color';
-export default StyleSheet.create({
+export const createTypingIndicatorStyles = (theme) => StyleSheet.create({
     container: {
         marginLeft: 8,
         width: 45,
-        borderRadius: 15,
-        backgroundColor: Color.leftBubbleBackground,
+        borderRadius: theme.radii.bubble,
+        backgroundColor: theme.colors.incomingBubble,
     },
     dots: {
         flexDirection: 'row',
@@ -16,7 +15,7 @@ export default StyleSheet.create({
         borderRadius: 4,
         width: 8,
         height: 8,
-        backgroundColor: 'rgba(0, 0, 0, 0.38)',
+        backgroundColor: theme.colors.incomingMeta,
     },
 });
 //# sourceMappingURL=styles.js.map

package/lib/TypingIndicator/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/TypingIndicator/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC,eAAe,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,UAAU,EAAE,CAAC;QACb,KAAK,EAAE,EAAE;QACT,YAAY,EAAE,EAAE;QAChB,eAAe,EAAE,KAAK,CAAC,oBAAoB;KAC5C;IACD,IAAI,EAAE;QACJ,aAAa,EAAE,KAAK;KACrB;IACD,GAAG,EAAE;QACH,UAAU,EAAE,CAAC;QACb,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,CAAC;QACf,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,eAAe,EAAE,qBAAqB;KACvC;CACF,CAAC,CAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/TypingIndicator/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAGzC,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,KAAgB,EAAE,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC;IACjF,SAAS,EAAE;QACT,UAAU,EAAE,CAAC;QACb,KAAK,EAAE,EAAE;QACT,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM;QAChC,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,cAAc;KAC7C;IACD,IAAI,EAAE;QACJ,aAAa,EAAE,KAAK;KACrB;IACD,GAAG,EAAE;QACH,UAAU,EAAE,CAAC;QACb,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,CAAC;QACf,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,YAAY;KAC3C;CACF,CAAC,CAAA"}

package/lib/components/AttachmentSheet.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { IconRenderer } from '../Icons';
+export declare const isTrueSheetAvailable: boolean;
+export interface AttachmentAction {
+    title: string;
+    action: () => void;
+    /** Render the title in the destructive color. */
+    destructive?: boolean;
+    /** Optional icon - when any action has one, the sheet renders as a grid. */
+    icon?: IconRenderer;
+    /** Tile tint for the grid icon (defaults to the theme accent). */
+    color?: string;
+}
+export interface AttachmentSheetProps {
+    visible: boolean;
+    actions: AttachmentAction[];
+    onClose: () => void;
+    /** Optional tint for the action labels (defaults to the theme accent). */
+    tintColor?: string;
+}
+/**
+ * Telegram-style attachment sheet. Uses the native `react-native-true-sheet`
+ * when installed (native grabber, dimmed backdrop, drag-to-dismiss); otherwise
+ * falls back to a dependency-free Modal sheet. No Cancel button - dismiss by
+ * dragging down or tapping the backdrop.
+ */
+export declare const AttachmentSheet: (props: AttachmentSheetProps) => React.JSX.Element;
+//# sourceMappingURL=AttachmentSheet.d.ts.map

package/lib/components/AttachmentSheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentSheet.d.ts","sourceRoot":"","sources":["../../src/components/AttachmentSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAK7D,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAcvC,eAAO,MAAM,oBAAoB,SAAc,CAAA;AAE/C,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,iDAAiD;IACjD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,4EAA4E;IAC5E,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,kEAAkE;IAClE,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,gBAAgB,EAAE,CAAA;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,0EAA0E;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AA2HD;;;;;GAKG;AACH,eAAO,MAAM,eAAe,GAAI,OAAO,oBAAoB,sBACiC,CAAA"}