@kesha-antonov/react-native-chat 5.0.0 → 6.0.0

package/lib/Theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"Theme.js","sourceRoot":"","sources":["../src/Theme.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Theme.js","names":["avatarPaletteDay","avatarPaletteEndDay","avatarPaletteNight","avatarPaletteEndNight","sharedRadii","bubble","bubbleGrouped","inputField","sendButton","reaction","dayPill","media","mediaInner","mediaTimePill","replyQuote","sharedComposer","minHeight","maxHeight","fieldPaddingH","insetIconSize","sharedVoice","cancelThreshold","lockThreshold","sharedSpacing","bubblePaddingV","bubblePaddingBottom","bubblePaddingH","withinGroup","betweenGroups","screenEdge","left","right","inputToolbarPaddingV","sharedTypography","message","fontSize","lineHeight","fontWeight","time","senderName","day","system","replyName","replyText","reactionCount","composer","sharedBubble","hasTail","isTimeInline","outgoingGradientMode","maxWidthInset","bigEmojiMaxCount","bigEmojiSizes","sharedEmojiKeyboardMetrics","defaultHeight","cellSize","emojiSize","defaultLightTheme","colors","accent","background","incomingBubble","outgoingBubble","incomingText","outgoingText","incomingMeta","outgoingMeta","ticksSent","ticksRead","separator","inputBackground","inputBarBackground","inputText","placeholder","dayPillBackground","dayPillText","surface","reactionBackground","reactionActiveBackground","outgoingOverlay","error","inputFieldBorder","incomingLink","outgoingLink","incomingBubbleShadow","outgoingBubbleShadow","incomingBubbleSelected","outgoingBubbleSelected","selectionBackground","mediaTimeBackground","mediaTimeText","incomingReplyLine","incomingReplyName","outgoingReplyLine","outgoingReplyName","incomingReaction","incomingReactionText","incomingReactionTextChosen","outgoingReaction","outgoingReactionText","outgoingReactionTextChosen","incomingVoiceTrack","incomingVoiceFill","outgoingVoiceTrack","outgoingVoiceFill","composerIcon","inputCursor","scrollToBottomBackground","scrollToBottomIcon","scrollToBottomBadge","scrollToBottomBadgeText","unreadSeparatorBackground","unreadSeparatorText","unreadSeparatorArrow","selectionCheckbox","selectionCheckboxCheck","radii","spacing","typography","avatar","size","palette","paletteEnd","textColor","voice","outgoingGradient","wallpaper","isEnabled","isAnimated","pattern","patternOpacity","nameColors","emojiKeyboard","icon","iconSelected","tabIndicator","sectionTitle","searchBackground","searchIcon","searchText","backspace","shadowLine","popupBackground","selector","contextMenu","text","pressed","destructive","scrim","reactionSelected","chatList","headerBackground","headerText","name","senderPrefix","attachment","typing","draft","date","check","badge","badgeMuted","badgeText","muteIcon","pinIcon","verified","online","divider","selectedRow","checkbox","swipeArchive","swipeUnarchive","archiveAvatar","fab","fabIcon","shimmer","shimmerOpacity","shimmerHighlight","attachments","dim","secondaryText","handle","tabBackground","tabText","tabSelected","tabSelectedText","checkboxCheck","cellBackground","sendButtonIcon","defaultDarkTheme","resolveTheme","colorScheme","light","dark","isDark","mergeTheme","base","override","mergedTypography","key","Object","keys","overrideScreenEdge","mergedScreenEdge","undefined","getUserColorIndex","id","count","Number","isFinite","Math","abs","trunc","String","hash","i","length","charCodeAt","getNameColor","theme"],"sources":["../src/Theme.ts"],"sourcesContent":["import { ImageSourcePropType } from 'react-native'\n\n/**\n * Centralized design tokens for the chat UI.\n *\n * The defaults are a classic day theme (pale green outgoing bubbles over the green swirl\n * wallpaper) and a \"Dark Blue\" night theme (a purple-to-blue outgoing gradient fixed to the\n * screen). Consumers can override any subset through the `theme` /\n * `darkTheme` props on `Chat`; overrides are deep-merged over these defaults, and explicit\n * per-component style props still win over the theme. Components read the resolved theme via\n * the `useTheme` hook.\n */\n\nexport interface ChatThemeColors {\n  /** Accent used for the send button, record button and active states. */\n  accent: string\n  /** Chat background, shown when the wallpaper is off (`theme.wallpaper.isEnabled`). */\n  background: string\n  /** Incoming (left) bubble background. */\n  incomingBubble: string\n  /**\n   * Outgoing (right) bubble background. With `bubble.outgoingGradient` set, the gradient is\n   * drawn instead and this is only the base color media controls are tinted with.\n   */\n  outgoingBubble: string\n  /** Incoming message text. */\n  incomingText: string\n  /** Outgoing message text. */\n  outgoingText: string\n  /** Time/meta text inside incoming bubbles. */\n  incomingMeta: string\n  /** Time/meta text inside outgoing bubbles. */\n  outgoingMeta: string\n  /** Sender name color when `nameColors` is empty. */\n  senderName: string\n  /** Delivery tick color before the message is read. */\n  ticksSent: string\n  /** Delivery tick color once the message is read. */\n  ticksRead: string\n  /** Hairlines and dividers. */\n  separator: string\n  /** The floating composer pill (at 85%). */\n  inputBackground: string\n  /** The band behind the composer pill; transparent so the wallpaper shows through. */\n  inputBarBackground: string\n  /** Composer text color. */\n  inputText: string\n  /** Composer placeholder color. */\n  placeholder: string\n  /** Date and service pill background (stands in for a wallpaper-shaded pill). */\n  dayPillBackground: string\n  /** Date and service pill text. */\n  dayPillText: string\n  /** Surface color for floating elements (menus, sheets). */\n  surface: string\n  /** Neutral tint for secondary surfaces (location card, media card). */\n  reactionBackground: string\n  /** Active tint kept for custom reaction displays. */\n  reactionActiveBackground: string\n  /** Translucent overlay drawn on top of outgoing bubbles (location and media cards). */\n  outgoingOverlay: string\n  /** Errors: the failed-message badge, the recording trash can, destructive actions. */\n  error: string\n  /** Stroke around the composer pill and the glass buttons. */\n  inputFieldBorder: string\n\n  /** Links in incoming messages. */\n  incomingLink: string\n  /** Links in outgoing messages. */\n  outgoingLink: string\n  /** The 1px drop under incoming bubbles; transparent to turn it off. */\n  incomingBubbleShadow: string\n  /** The 1px drop under outgoing bubbles; transparent to turn it off. */\n  outgoingBubbleShadow: string\n  /** Incoming bubble tint while selected or flashed after a quote jump. */\n  incomingBubbleSelected: string\n  /** Outgoing bubble tint while selected or flashed after a quote jump. */\n  outgoingBubbleSelected: string\n  /** The band across a highlighted row. */\n  selectionBackground: string\n  /** Time pill over photos. */\n  mediaTimeBackground: string\n  /** Time and ticks on that pill. */\n  mediaTimeText: string\n  /** Reply quote line in incoming bubbles when `nameColors` is empty. */\n  incomingReplyLine: string\n  /** Reply quote name in incoming bubbles when `nameColors` is empty. */\n  incomingReplyName: string\n  /** Reply quote line in outgoing bubbles. */\n  outgoingReplyLine: string\n  /** Reply quote name in outgoing bubbles. */\n  outgoingReplyName: string\n  /** Reaction pill accent in incoming bubbles: solid when chosen, 15.6% when not. */\n  incomingReaction: string\n  /** Reaction count on an unchosen pill in incoming bubbles. */\n  incomingReactionText: string\n  /** Reaction count on a chosen pill in incoming bubbles. */\n  incomingReactionTextChosen: string\n  /** Reaction pill accent in outgoing bubbles. */\n  outgoingReaction: string\n  /** Reaction count on an unchosen pill in outgoing bubbles. */\n  outgoingReactionText: string\n  /** Reaction count on a chosen pill in outgoing bubbles. */\n  outgoingReactionTextChosen: string\n  /** Unplayed voice bars and audio track in incoming bubbles. */\n  incomingVoiceTrack: string\n  /** Played bars and the play button in incoming bubbles. */\n  incomingVoiceFill: string\n  /** Unplayed voice bars and audio track in outgoing bubbles. */\n  outgoingVoiceTrack: string\n  /** Played bars and the play button in outgoing bubbles. */\n  outgoingVoiceFill: string\n  /** Emoji and attach icons in the composer (`glass_defaultIcon`). */\n  composerIcon: string\n  /** Composer caret. */\n  inputCursor: string\n  /** Scroll-to-bottom glass circle. */\n  scrollToBottomBackground: string\n  /** Scroll-to-bottom chevron. */\n  scrollToBottomIcon: string\n  /** Unread counter on the scroll-to-bottom button. */\n  scrollToBottomBadge: string\n  /** Unread counter text. */\n  scrollToBottomBadgeText: string\n  /** The \"Unread Messages\" bar. */\n  unreadSeparatorBackground: string\n  /** Its label. */\n  unreadSeparatorText: string\n  /** Its arrow. */\n  unreadSeparatorArrow: string\n  /** A selected message's check circle in selection mode (`checkbox`). */\n  selectionCheckbox: string\n  /** The check mark and the empty circle's ring (`checkboxCheck`). */\n  selectionCheckboxCheck: string\n}\n\nexport interface ChatThemeAvatar {\n  size: number\n  /** Initials avatar colors, picked per user id; the top of the gradient. */\n  palette: string[]\n  /** Bottom of each initials gradient, matched to `palette` by index; empty draws flat colors. */\n  paletteEnd: string[]\n  /** Initials text color drawn on a palette background. */\n  textColor: string\n}\n\nexport interface ChatThemeRadii {\n  bubble: number\n  /** The tail-side corners of a bubble facing a grouped neighbour. */\n  bubbleGrouped: number\n  inputField: number\n  sendButton: number\n  reaction: number\n  dayPill: number\n  /** Photo corners inside a bubble. */\n  media: number\n  /** Photo corners next to other content (a name, a reply, a caption). */\n  mediaInner: number\n  /** The time pill over a photo. */\n  mediaTimePill: number\n  /** The reply quote box. */\n  replyQuote: number\n}\n\nexport interface ChatThemeHorizontalEdge {\n  left: number\n  right: number\n}\n\nexport interface ChatThemeSpacing {\n  /** Space above the first line of a bubble's text. */\n  bubblePaddingV: number\n  /** Space below the last line of a bubble's text. */\n  bubblePaddingBottom: number\n  bubblePaddingH: number\n  withinGroup: number\n  betweenGroups: number\n  /** Horizontal inset applied to the input bar and its accessories (e.g. the reply preview). */\n  screenEdge: ChatThemeHorizontalEdge\n  /** Gap between the composer pill and the bottom of the chat. */\n  inputToolbarPaddingV: number\n}\n\n/** Accepted shape for a `screenEdge` override: a single value for both sides, or either side individually. */\nexport type ChatThemeScreenEdgeOverride = number | Partial<ChatThemeHorizontalEdge>\n\nexport interface ChatThemeTextStyle {\n  fontSize: number\n  lineHeight?: number\n  fontWeight?:\n    | 'normal'\n    | 'bold'\n    | '100'\n    | '200'\n    | '300'\n    | '400'\n    | '500'\n    | '600'\n    | '700'\n    | '800'\n    | '900'\n}\n\nexport interface ChatThemeTypography {\n  message: ChatThemeTextStyle\n  time: ChatThemeTextStyle\n  senderName: ChatThemeTextStyle\n  day: ChatThemeTextStyle\n  system: ChatThemeTextStyle\n  /** Name in a reply quote. */\n  replyName: ChatThemeTextStyle\n  /** Text in a reply quote. */\n  replyText: ChatThemeTextStyle\n  /** Count on a reaction pill. */\n  reactionCount: ChatThemeTextStyle\n  /** Composer text. */\n  composer: ChatThemeTextStyle\n}\n\nexport interface ChatThemeComposer {\n  /** Resting height of the composer field (single line). */\n  minHeight: number\n  /** Max height before the field scrolls internally instead of growing. */\n  maxHeight: number\n  /** Horizontal padding inside the field pill. */\n  fieldPaddingH: number\n  /** Size of the inset icons (emoji, attachment, camera). */\n  insetIconSize: number\n}\n\nexport interface ChatThemeVoice {\n  /**\n   * Full slide-to-cancel distance (px), capped at 35% of the window width.\n   * Reaching it cancels the take mid-drag; releasing past 55% of\n   * it cancels too.\n   */\n  cancelThreshold: number\n  /** Vertical slide distance (px) to lock hands-free recording. */\n  lockThreshold: number\n}\n\nexport interface ChatThemeBubble {\n  /** Draw a curled tail on the last bubble of each run. */\n  hasTail: boolean\n  /** Put the time on the last line of text when it fits; `false` gives it a row. */\n  isTimeInline: boolean\n  /**\n   * Gradient stops for outgoing bubbles, top to bottom, or `null` for the solid\n   * `colors.outgoingBubble`.\n   */\n  outgoingGradient: string[] | null\n  /**\n   * `'screen'`: one gradient spans the message list and each bubble shows its slice, so a\n   * bubble changes color as it scrolls. `'bubble'`: every bubble carries the whole\n   * gradient, which costs nothing while scrolling.\n   */\n  outgoingGradientMode: 'screen' | 'bubble'\n  /**\n   * Text column inset: a bubble's text is at most `min(width, height) - maxWidthInset` wide\n   * (80 by default), and narrower by the avatar column when avatars show.\n   */\n  maxWidthInset: number\n  /**\n   * Big emoji: a message of at most this many emoji (and nothing else) drops its\n   * bubble and draws them large. `0` turns it off.\n   */\n  bigEmojiMaxCount: number\n  /** Font size of big emoji by count: index 0 for one emoji, the last entry for that many or more. */\n  bigEmojiSizes: number[]\n}\n\nexport interface ChatThemeWallpaper {\n  /** Draw the wallpaper; off, the chat shows `colors.background`. */\n  isEnabled: boolean\n  /** Three or four colors for the swirl gradient. */\n  colors: string[]\n  /** Shift the gradient one step per outgoing message (500ms, bezier(0.33, 0, 0, 1)). */\n  isAnimated: boolean\n  /** An image tiled over the gradient, e.g. a doodle pattern; none is bundled. */\n  pattern?: ImageSourcePropType | null\n  /** Pattern opacity (0.34 day, 0.38 night). */\n  patternOpacity: number\n  /** Pattern tint; defaults to black over a light wallpaper and white over a dark one. */\n  patternColor?: string\n}\n\nexport interface ChatThemeEmojiKeyboard {\n  /** Panel background. */\n  background: string\n  /** Tab icons. */\n  icon: string\n  /** The selected tab's icon. */\n  iconSelected: string\n  /** The round-rect behind the selected tab (the tab icon color at 18%). */\n  tabIndicator: string\n  /** Section headers (\"Smileys & People\"). */\n  sectionTitle: string\n  /** The search pill. */\n  searchBackground: string\n  /** Search icon and hint. */\n  searchIcon: string\n  /** Text typed into search. */\n  searchText: string\n  /** The backspace key. */\n  backspace: string\n  /** The hairline above the tab strip. */\n  shadowLine: string\n  /** The skin-tone popup (`dialogBackground`). */\n  popupBackground: string\n  /** The press highlight in the popup and on cells. */\n  selector: string\n  /** Panel height before any system keyboard has been seen (200). */\n  defaultHeight: number\n  /** Target width of a grid cell; the column count is `max(1, width / cellSize)` (45). */\n  cellSize: number\n  /** Emoji glyph size in a cell. */\n  emojiSize: number\n}\n\nexport interface ChatThemeContextMenu {\n  /** Menu and reactions bar fill (`actionBarDefaultSubmenuBackground`). */\n  background: string\n  /** Item text (`actionBarDefaultSubmenuItem`). */\n  text: string\n  /** Item icons (`actionBarDefaultSubmenuItemIcon`). */\n  icon: string\n  /** The 8dp gap between item groups (`actionBarDefaultSubmenuSeparator`). */\n  separator: string\n  /** Pressed item (`dialogButtonSelector`). */\n  pressed: string\n  /** A `destructive` item (`text_RedRegular`). */\n  destructive: string\n  /** The dim over the chat while the menu is open (black at 0.2). */\n  scrim: string\n  /** The circle behind a reaction you already chose. */\n  reactionSelected: string\n}\n\n/** `ChatList`: the list of chats. */\nexport interface ChatThemeChatList {\n  background: string\n  headerBackground: string\n  /** Header title and icons. */\n  headerText: string\n  /** Chat names. */\n  name: string\n  /** The last message's text. */\n  message: string\n  /** \"You:\" / \"Anna:\" before a group's last message. */\n  senderPrefix: string\n  /** \"Photo\", \"Voice message\"... when the last message has no text. */\n  attachment: string\n  /** \"typing…\". */\n  typing: string\n  /** \"Draft:\". */\n  draft: string\n  /** The last message's time. */\n  date: string\n  /** Sent / read checks on your last message. */\n  check: string\n  /** Unread counter. */\n  badge: string\n  /** Unread counter of a muted chat. */\n  badgeMuted: string\n  badgeText: string\n  muteIcon: string\n  /** The pin and the reorder handle. */\n  pinIcon: string\n  verified: string\n  /** The online dot on an avatar. */\n  online: string\n  divider: string\n  /** A pressed row. */\n  pressed: string\n  /** A selected row. */\n  selectedRow: string\n  /** The selection check on an avatar. */\n  checkbox: string\n  /** Behind a row swiped to archive, and the circle that grows past the threshold. */\n  swipeArchive: string\n  swipeUnarchive: string\n  /** The \"Archived Chats\" folder avatar. */\n  archiveAvatar: string\n  /** The new-chat button. */\n  fab: string\n  fabIcon: string\n  /** The loading placeholder: its bars (and their opacity), and the band sweeping over them. */\n  shimmer: string\n  shimmerOpacity: number\n  shimmerHighlight: string\n}\n\nexport interface ChatThemeAttachments {\n  /** Sheet background (`dialogBackground`). */\n  background: string\n  /** The dim behind the sheet (black at 51/255). */\n  dim: string\n  /** Titles and the caption text (`dialogTextBlack`). */\n  text: string\n  /** Secondary text: file sizes, hints, the caption placeholder. */\n  secondaryText: string\n  /** The drag handle. */\n  handle: string\n  /** The floating tab pill (`windowBackgroundWhite` at 0.85). */\n  tabBackground: string\n  /** Unselected tab icon and label (`glass_tabUnselected`). */\n  tabText: string\n  /** Selected tab icon, and its capsule at 9% (`glass_tabSelected`). */\n  tabSelected: string\n  /** Selected tab label. */\n  tabSelectedText: string\n  /** Selection disc. */\n  checkbox: string\n  /** Number / check on the disc. */\n  checkboxCheck: string\n  /** Empty photo cell. */\n  cellBackground: string\n  /** Send button (`dialogFloatingButton`). */\n  sendButton: string\n  /** Send button icon. */\n  sendButtonIcon: string\n}\n\nexport interface ChatTheme {\n  colors: ChatThemeColors\n  radii: ChatThemeRadii\n  spacing: ChatThemeSpacing\n  typography: ChatThemeTypography\n  avatar: ChatThemeAvatar\n  sendButton: { size: number }\n  composer: ChatThemeComposer\n  voice: ChatThemeVoice\n  bubble: ChatThemeBubble\n  wallpaper: ChatThemeWallpaper\n  /** The built-in emoji keyboard. */\n  emojiKeyboard: ChatThemeEmojiKeyboard\n  /** The long-press menu and reactions bar. */\n  contextMenu: ChatThemeContextMenu\n  /** The built-in attachment menu. */\n  attachments: ChatThemeAttachments\n  /** The chat list (`ChatList`). */\n  chatList: ChatThemeChatList\n  /** Sender name colors, picked per user id (`avatar_nameInMessage*`); empty uses `colors.senderName`. */\n  nameColors: string[]\n}\n\nexport type PartialChatTheme = {\n  colors?: Partial<ChatThemeColors>\n  radii?: Partial<ChatThemeRadii>\n  spacing?: Partial<Omit<ChatThemeSpacing, 'screenEdge'>> & { screenEdge?: ChatThemeScreenEdgeOverride }\n  typography?: Partial<Record<keyof ChatThemeTypography, Partial<ChatThemeTextStyle>>>\n  avatar?: Partial<ChatThemeAvatar>\n  sendButton?: Partial<{ size: number }>\n  composer?: Partial<ChatThemeComposer>\n  voice?: Partial<ChatThemeVoice>\n  bubble?: Partial<ChatThemeBubble>\n  wallpaper?: Partial<ChatThemeWallpaper>\n  emojiKeyboard?: Partial<ChatThemeEmojiKeyboard>\n  contextMenu?: Partial<ChatThemeContextMenu>\n  attachments?: Partial<ChatThemeAttachments>\n  chatList?: Partial<ChatThemeChatList>\n  nameColors?: string[]\n}\n\n// Avatars: a vertical gradient per color, `abs(id % 7)` -> red, orange, violet, green,\n// cyan, blue, pink.\nconst avatarPaletteDay = ['#FF845E', '#FEBB5B', '#B694F9', '#9AD164', '#5BCBE3', '#5CAFFA', '#FF8AAC']\nconst avatarPaletteEndDay = ['#D45246', '#F68136', '#6C61DF', '#46BA43', '#359AD4', '#408ACF', '#D95574']\n// Dark Blue overrides only red and orange.\nconst avatarPaletteNight = ['#E86C6A', '#F2BC64', '#B694F9', '#9AD164', '#5BCBE3', '#5CAFFA', '#FF8AAC']\nconst avatarPaletteEndNight = ['#E14747', '#E58943', '#6C61DF', '#46BA43', '#359AD4', '#408ACF', '#D95574']\n\nconst sharedRadii: ChatThemeRadii = {\n  // 17, and `min(6, bubble)` near a grouped neighbour.\n  bubble: 17,\n  bubbleGrouped: 6,\n  // The composer island.\n  inputField: 22,\n  sendButton: 18,\n  // Reaction pills are full capsules: 26 tall, radius 13.\n  reaction: 13,\n  // Date / service pill radius.\n  dayPill: 11,\n  // Photos: `bubbleRadius - 2`, 4 next to other content.\n  media: 15,\n  mediaInner: 4,\n  mediaTimePill: 8,\n  replyQuote: 5,\n}\n\nconst sharedComposer: ChatThemeComposer = {\n  // One line at rest; the field grows to 6 lines of 21.\n  minHeight: 44,\n  maxHeight: 149,\n  fieldPaddingH: 12,\n  insetIconSize: 24,\n}\n\n// The slide-to-cancel distance (140dp, capped at 35% of the width) and the\n// lock distance (57dp).\nconst sharedVoice: ChatThemeVoice = {\n  cancelThreshold: 140,\n  lockThreshold: 57,\n}\n\nconst sharedSpacing: ChatThemeSpacing = {\n  // 5 above the first line, 8.5 below the last, 9 either side.\n  bubblePaddingV: 5,\n  bubblePaddingBottom: 8.5,\n  bubblePaddingH: 9,\n  // 2 inside a run, 6 between runs.\n  withinGroup: 2,\n  betweenGroups: 6,\n  // The composer island's 7 side margins and 9 above the bottom inset.\n  screenEdge: { left: 7, right: 7 },\n  inputToolbarPaddingV: 9,\n}\n\nconst sharedTypography: ChatThemeTypography = {\n  // 16 body, line spacing 1.0: Roboto's natural ~19.\n  message: { fontSize: 16, lineHeight: 19, fontWeight: '400' },\n  time: { fontSize: 12, lineHeight: 14, fontWeight: '400' },\n  // `(2 * 16 + 10) / 3` = 14, Roboto Medium - the only emphasis weight.\n  senderName: { fontSize: 14, lineHeight: 17, fontWeight: '500' },\n  day: { fontSize: 14, lineHeight: 17, fontWeight: '500' },\n  system: { fontSize: 14, lineHeight: 17, fontWeight: '500' },\n  replyName: { fontSize: 14, lineHeight: 17, fontWeight: '500' },\n  replyText: { fontSize: 14, lineHeight: 17, fontWeight: '400' },\n  reactionCount: { fontSize: 12, fontWeight: '500' },\n  // The input field is 18.\n  composer: { fontSize: 18, lineHeight: 21, fontWeight: '400' },\n}\n\nconst sharedBubble: Omit<ChatThemeBubble, 'outgoingGradient'> = {\n  hasTail: true,\n  isTimeInline: true,\n  outgoingGradientMode: 'screen',\n  maxWidthInset: 80,\n  // Past a screenful a lone-emoji message stops being a\n  // sticker-like moment and is just a lot of emoji, so the default stops at 20.\n  bigEmojiMaxCount: 20,\n  // `.34/.28/.22/.19 × 120dp`: plain emoji use the non-animated sizes, 1-2 emoji at [2],\n  // 3 at [3], 4 at [4], 5+ at [5].\n  bigEmojiSizes: [40.8, 40.8, 33.6, 26.4, 22.8],\n}\n\n// The emoji panel: 200 before any keyboard was measured, 45 per column, 32 glyphs.\nconst sharedEmojiKeyboardMetrics = { defaultHeight: 200, cellSize: 45, emojiSize: 30 }\n\nexport const defaultLightTheme: ChatTheme = {\n  colors: {\n    accent: '#229AF0',\n    // The fallback when no wallpaper can be drawn.\n    background: '#D6E4EF',\n    incomingBubble: '#FFFFFF',\n    outgoingBubble: '#EFFFDE',\n    incomingText: '#000000',\n    outgoingText: '#000000',\n    incomingMeta: '#A1AAB3',\n    outgoingMeta: '#70B15C',\n    senderName: '#298ACF',\n    ticksSent: '#5DB050',\n    ticksRead: '#5DB050',\n    separator: 'rgba(0, 0, 0, 0.08)',\n    // #FFFFFF at 216/255.\n    inputBackground: 'rgba(255, 255, 255, 0.847)',\n    inputBarBackground: 'transparent',\n    inputText: '#000000',\n    placeholder: '#858A84',\n    dayPillBackground: 'rgba(0, 0, 0, 0.18)',\n    dayPillText: '#FFFFFF',\n    surface: '#FFFFFF',\n    reactionBackground: 'rgba(0, 0, 0, 0.06)',\n    reactionActiveBackground: 'rgba(34, 154, 240, 0.15)',\n    outgoingOverlay: 'rgba(110, 185, 105, 0.1)',\n    error: '#DB3535',\n    inputFieldBorder: '#FFFFFF',\n\n    incomingLink: '#2678B6',\n    outgoingLink: '#2678B6',\n    incomingBubbleShadow: 'rgba(29, 55, 83, 0.16)',\n    outgoingBubbleShadow: 'rgba(30, 117, 12, 0.16)',\n    incomingBubbleSelected: '#ECF7FD',\n    outgoingBubbleSelected: '#D9F7C5',\n    selectionBackground: 'rgba(10, 144, 240, 0.157)',\n    mediaTimeBackground: 'rgba(0, 0, 0, 0.4)',\n    mediaTimeText: '#FFFFFF',\n    incomingReplyLine: '#599FD8',\n    incomingReplyName: '#298ACF',\n    outgoingReplyLine: '#6EB969',\n    outgoingReplyName: '#55AB4F',\n    incomingReaction: '#229AF0',\n    incomingReactionText: '#298ACF',\n    incomingReactionTextChosen: '#FFFFFF',\n    outgoingReaction: '#78C272',\n    outgoingReactionText: '#55AB4F',\n    outgoingReactionTextChosen: '#FFFFFF',\n    incomingVoiceTrack: '#DEE5EB',\n    incomingVoiceFill: '#229AF0',\n    outgoingVoiceTrack: '#BBE3AC',\n    outgoingVoiceFill: '#78C272',\n    composerIcon: 'rgba(27, 34, 39, 0.6)',\n    inputCursor: '#54A1DB',\n    scrollToBottomBackground: 'rgba(255, 255, 255, 0.847)',\n    scrollToBottomIcon: 'rgba(27, 34, 39, 0.6)',\n    scrollToBottomBadge: '#229AF0',\n    scrollToBottomBadgeText: '#FFFFFF',\n    unreadSeparatorBackground: '#FFFFFF',\n    unreadSeparatorText: '#5695CC',\n    unreadSeparatorArrow: '#A2B5C7',\n    selectionCheckbox: '#5EC245',\n    selectionCheckboxCheck: '#FFFFFF',\n  },\n  radii: sharedRadii,\n  spacing: sharedSpacing,\n  typography: sharedTypography,\n  avatar: { size: 42, palette: avatarPaletteDay, paletteEnd: avatarPaletteEndDay, textColor: '#FFFFFF' },\n  sendButton: { size: 36 },\n  composer: sharedComposer,\n  voice: sharedVoice,\n  bubble: { ...sharedBubble, outgoingGradient: null },\n  wallpaper: {\n    isEnabled: true,\n    colors: ['#DBDDBB', '#6BA587', '#D5D88D', '#88B884'],\n    isAnimated: true,\n    pattern: null,\n    patternOpacity: 0.34,\n  },\n  nameColors: ['#CC5049', '#D67722', '#955CDB', '#40A920', '#309EBA', '#368AD1', '#C7508B'],\n  emojiKeyboard: {\n    ...sharedEmojiKeyboardMetrics,\n    background: '#F0F2F5',\n    icon: '#9DA4AB',\n    iconSelected: '#5E6976',\n    tabIndicator: 'rgba(157, 164, 171, 0.18)',\n    sectionTitle: '#828B94',\n    searchBackground: '#E5E9EE',\n    searchIcon: '#94A1AF',\n    searchText: '#000000',\n    backspace: '#8C9197',\n    shadowLine: 'rgba(0, 0, 0, 0.07)',\n    popupBackground: '#FFFFFF',\n    selector: 'rgba(0, 0, 0, 0.06)',\n  },\n  contextMenu: {\n    background: '#FFFFFF',\n    text: '#1A1D21',\n    icon: '#1A1D21',\n    separator: '#F5F5F5',\n    pressed: 'rgba(0, 0, 0, 0.06)',\n    destructive: '#CC2929',\n    scrim: 'rgba(0, 0, 0, 0.2)',\n    reactionSelected: 'rgba(0, 0, 0, 0.06)',\n  },\n  chatList: {\n    background: '#FFFFFF',\n    headerBackground: '#FFFFFF',\n    headerText: '#1A1D21',\n    name: '#1A1D21',\n    message: '#8E9091',\n    senderPrefix: '#298ACF',\n    attachment: '#298ACF',\n    typing: '#298ACF',\n    draft: '#DD4B39',\n    date: '#848688',\n    check: '#46AA36',\n    badge: '#229AF0',\n    badgeMuted: '#BEC3C7',\n    badgeText: '#FFFFFF',\n    muteIcon: '#BDC1C4',\n    pinIcon: '#919294',\n    verified: '#33A8E6',\n    online: '#4BCB1C',\n    divider: '#D9D9D9',\n    pressed: 'rgba(0, 0, 0, 0.06)',\n    selectedRow: 'rgba(10, 144, 240, 0.08)',\n    checkbox: '#5EC245',\n    swipeArchive: '#229AF0',\n    swipeUnarchive: '#9FAAB3',\n    archiveAvatar: '#B8C2CC',\n    fab: '#229AF0',\n    fabIcon: '#FFFFFF',\n    shimmer: '#000000',\n    shimmerOpacity: 0.06,\n    shimmerHighlight: '#FFFFFF',\n  },\n  attachments: {\n    background: '#FFFFFF',\n    dim: 'rgba(0, 0, 0, 0.2)',\n    text: '#222222',\n    secondaryText: '#8A8A8A',\n    handle: 'rgba(0, 0, 0, 0.15)',\n    tabBackground: 'rgba(255, 255, 255, 0.85)',\n    tabText: '#1A1D21',\n    tabSelected: '#1A91E6',\n    tabSelectedText: '#0D7FCF',\n    checkbox: '#229AF0',\n    checkboxCheck: '#FFFFFF',\n    cellBackground: 'rgba(0, 0, 0, 0.047)',\n    sendButton: '#229AF0',\n    sendButtonIcon: '#FFFFFF',\n  },\n}\n\nexport const defaultDarkTheme: ChatTheme = {\n  colors: {\n    accent: '#229AF0',\n    background: '#0E141A',\n    incomingBubble: '#232E3B',\n    // The gradient's bottom stop; the bubble itself draws `bubble.outgoingGradient`.\n    outgoingBubble: '#258DE5',\n    incomingText: '#FAFAFA',\n    outgoingText: '#FFFFFF',\n    incomingMeta: 'rgba(128, 145, 160, 0.85)',\n    outgoingMeta: '#FFFFFF',\n    senderName: '#79C4FC',\n    ticksSent: '#FFFFFF',\n    ticksRead: '#FFFFFF',\n    separator: 'rgba(255, 255, 255, 0.1)',\n    inputBackground: 'rgba(33, 45, 59, 0.85)',\n    inputBarBackground: 'transparent',\n    inputText: '#FFFFFF',\n    placeholder: 'rgba(219, 239, 255, 0.431)',\n    dayPillBackground: 'rgba(53, 66, 81, 0.51)',\n    dayPillText: '#FFFFFF',\n    surface: '#212D3B',\n    reactionBackground: 'rgba(255, 255, 255, 0.08)',\n    reactionActiveBackground: 'rgba(96, 157, 210, 0.22)',\n    outgoingOverlay: 'rgba(255, 255, 255, 0.12)',\n    error: '#F6574E',\n    inputFieldBorder: 'rgba(255, 255, 255, 0.157)',\n\n    incomingLink: '#79C4FC',\n    outgoingLink: '#FFFFFF',\n    incomingBubbleShadow: 'rgba(0, 0, 0, 0.196)',\n    outgoingBubbleShadow: 'transparent',\n    incomingBubbleSelected: '#314A61',\n    // Drawn over the gradient.\n    outgoingBubbleSelected: 'rgba(255, 255, 255, 0.078)',\n    selectionBackground: 'rgba(95, 157, 227, 0.165)',\n    mediaTimeBackground: 'rgba(0, 0, 0, 0.4)',\n    mediaTimeText: '#FFFFFF',\n    incomingReplyLine: '#79C4FC',\n    incomingReplyName: '#79C4FC',\n    outgoingReplyLine: '#FFFFFF',\n    outgoingReplyName: '#FFFFFF',\n    incomingReaction: '#609DD2',\n    incomingReactionText: '#FFFFFF',\n    incomingReactionTextChosen: '#FFFFFF',\n    outgoingReaction: '#FFFFFF',\n    outgoingReactionText: '#FFFFFF',\n    outgoingReactionTextChosen: '#1D2733',\n    incomingVoiceTrack: '#5D6F80',\n    incomingVoiceFill: '#64B5EF',\n    outgoingVoiceTrack: 'rgba(255, 255, 255, 0.3)',\n    outgoingVoiceFill: '#FFFFFF',\n    composerIcon: 'rgba(255, 255, 255, 0.627)',\n    inputCursor: '#54A1DB',\n    scrollToBottomBackground: 'rgba(33, 45, 59, 0.85)',\n    scrollToBottomIcon: 'rgba(255, 255, 255, 0.627)',\n    scrollToBottomBadge: '#51AAEE',\n    scrollToBottomBadgeText: '#FFFFFF',\n    unreadSeparatorBackground: '#253442',\n    unreadSeparatorText: 'rgba(255, 255, 255, 0.855)',\n    unreadSeparatorArrow: '#5A6B7A',\n    selectionCheckbox: '#5EC245',\n    selectionCheckboxCheck: '#FFFFFF',\n  },\n  radii: sharedRadii,\n  spacing: sharedSpacing,\n  typography: sharedTypography,\n  avatar: { size: 42, palette: avatarPaletteNight, paletteEnd: avatarPaletteEndNight, textColor: '#FFFFFF' },\n  sendButton: { size: 36 },\n  composer: sharedComposer,\n  voice: sharedVoice,\n  bubble: {\n    ...sharedBubble,\n    // Purple at the top of the list, blue at the bottom.\n    outgoingGradient: ['#9F3EAA', '#8146D7', '#4272DF', '#258DE5'],\n  },\n  wallpaper: {\n    isEnabled: true,\n    colors: ['#0E141A', '#172431', '#0F171E', '#141C2B'],\n    isAnimated: true,\n    pattern: null,\n    patternOpacity: 0.38,\n  },\n  nameColors: ['#E88878', '#E8AB5A', '#8C8DEA', '#7DD071', '#53CCC6', '#5CADEA', '#E8749A'],\n  emojiKeyboard: {\n    ...sharedEmojiKeyboardMetrics,\n    background: '#1D2733',\n    icon: '#677687',\n    iconSelected: '#64B5EF',\n    tabIndicator: 'rgba(103, 118, 135, 0.18)',\n    sectionTitle: '#828B94',\n    // Dark Blue leaves the search pill at the day color; in the chat's glass panel it is the\n    // icon color at 6%, which is what reads right on the dark sheet.\n    searchBackground: 'rgba(255, 255, 255, 0.06)',\n    searchIcon: '#94A1AF',\n    searchText: '#FFFFFF',\n    backspace: '#677687',\n    shadowLine: 'rgba(0, 0, 0, 0.196)',\n    popupBackground: '#212D3B',\n    selector: 'rgba(255, 255, 255, 0.08)',\n  },\n  contextMenu: {\n    background: '#283848',\n    text: '#FFFFFF',\n    icon: '#FFFFFF',\n    separator: '#1F2E3F',\n    pressed: '#324156',\n    destructive: '#EE686F',\n    scrim: 'rgba(0, 0, 0, 0.2)',\n    reactionSelected: 'rgba(255, 255, 255, 0.08)',\n  },\n  chatList: {\n    background: '#1D2733',\n    headerBackground: '#242D39',\n    headerText: '#FFFFFF',\n    name: '#E9EEF4',\n    message: '#7D8B99',\n    senderPrefix: '#E9EEF4',\n    attachment: '#7D8E98',\n    typing: '#64AFE9',\n    draft: 'rgba(252, 71, 74, 0.85)',\n    date: '#737F8B',\n    check: '#64B5EF',\n    badge: '#64B5EF',\n    badgeMuted: '#3E5263',\n    badgeText: '#FFFFFF',\n    muteIcon: '#4E5F6A',\n    pinIcon: '#586D80',\n    verified: '#64B5EF',\n    online: '#64B5EF',\n    divider: 'rgba(0, 0, 0, 0.58)',\n    pressed: 'rgba(255, 255, 255, 0.05)',\n    selectedRow: 'rgba(95, 157, 227, 0.16)',\n    checkbox: '#5EC245',\n    swipeArchive: '#5796CC',\n    swipeUnarchive: '#2E3E4B',\n    archiveAvatar: '#384B5A',\n    fab: '#229AF0',\n    fabIcon: '#FFFFFF',\n    shimmer: '#E6F7FF',\n    shimmerOpacity: 0.08,\n    shimmerHighlight: '#283848',\n  },\n  attachments: {\n    background: '#212D3B',\n    dim: 'rgba(0, 0, 0, 0.2)',\n    text: '#FFFFFF',\n    secondaryText: '#7D8B99',\n    handle: 'rgba(255, 255, 255, 0.15)',\n    tabBackground: 'rgba(29, 39, 51, 0.85)',\n    tabText: '#FFFFFF',\n    tabSelected: '#229AF0',\n    tabSelectedText: '#229AF0',\n    checkbox: '#229AF0',\n    checkboxCheck: '#FFFFFF',\n    cellBackground: 'rgba(255, 255, 255, 0.05)',\n    sendButton: '#229AF0',\n    sendButtonIcon: '#FFFFFF',\n  },\n}\n\nexport interface ChatThemeOverrides {\n  light?: PartialChatTheme\n  dark?: PartialChatTheme\n}\n\n/**\n * Resolve the active theme for a color scheme, applying the matching override.\n * Used by `Chat` to compute the theme once per change and share it via context.\n */\nexport function resolveTheme (\n  colorScheme: 'light' | 'dark' | null | undefined,\n  light?: PartialChatTheme,\n  dark?: PartialChatTheme\n): ChatTheme {\n  const isDark = colorScheme === 'dark'\n  return mergeTheme(isDark ? defaultDarkTheme : defaultLightTheme, isDark ? dark : light)\n}\n\n/** Deep-merge a partial theme over a base theme (two levels deep; arrays are replaced). */\nexport function mergeTheme (base: ChatTheme, override?: PartialChatTheme): ChatTheme {\n  if (!override)\n    return base\n\n  const mergedTypography = { ...base.typography }\n  if (override.typography)\n    for (const key of Object.keys(override.typography) as Array<keyof ChatThemeTypography>)\n      mergedTypography[key] = { ...base.typography[key], ...override.typography[key] }\n\n  const overrideScreenEdge = override.spacing?.screenEdge\n  const mergedScreenEdge: ChatThemeHorizontalEdge = typeof overrideScreenEdge === 'number'\n    ? { left: overrideScreenEdge, right: overrideScreenEdge }\n    : { ...base.spacing.screenEdge, ...overrideScreenEdge }\n\n  // An app that picks its own outgoing color, sender color or avatar palette keeps seeing it:\n  // the gradient, the per-user name colors and the avatar gradients would otherwise paint over\n  // the override.\n  const bubble = { ...base.bubble, ...override.bubble }\n  if (override.colors?.outgoingBubble && override.bubble?.outgoingGradient === undefined)\n    bubble.outgoingGradient = null\n\n  const avatar = { ...base.avatar, ...override.avatar }\n  if (override.avatar?.palette && override.avatar.paletteEnd === undefined)\n    avatar.paletteEnd = []\n\n  const nameColors = override.nameColors ??\n    (override.colors?.senderName ? [] : base.nameColors)\n\n  return {\n    colors: { ...base.colors, ...override.colors },\n    radii: { ...base.radii, ...override.radii },\n    spacing: { ...base.spacing, ...override.spacing, screenEdge: mergedScreenEdge },\n    typography: mergedTypography,\n    avatar,\n    sendButton: { ...base.sendButton, ...override.sendButton },\n    composer: { ...base.composer, ...override.composer },\n    voice: { ...base.voice, ...override.voice },\n    bubble,\n    wallpaper: { ...base.wallpaper, ...override.wallpaper },\n    emojiKeyboard: { ...base.emojiKeyboard, ...override.emojiKeyboard },\n    contextMenu: { ...base.contextMenu, ...override.contextMenu },\n    attachments: { ...base.attachments, ...override.attachments },\n    chatList: { ...base.chatList, ...override.chatList },\n    nameColors,\n  }\n}\n\n/** The per-user color index: `abs(id % 7)` for numeric ids, a stable hash for strings. */\nexport function getUserColorIndex (id: string | number | undefined, count: number): number {\n  if (count <= 0 || id == null)\n    return 0\n\n  if (typeof id === 'number' && Number.isFinite(id))\n    return Math.abs(Math.trunc(id) % count)\n\n  const text = String(id)\n  let hash = 0\n  for (let i = 0; i < text.length; i += 1)\n    hash = (hash * 31 + text.charCodeAt(i)) | 0\n\n  return Math.abs(hash % count)\n}\n\n/** The sender name color for a user: their slot in `nameColors`, or `colors.senderName`. */\nexport function getNameColor (theme: ChatTheme, id: string | number | undefined): string {\n  if (!theme.nameColors.length)\n    return theme.colors.senderName\n\n  return theme.nameColors[getUserColorIndex(id, theme.nameColors.length)]\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/Time.d.ts

@@ -1,6 +1,13 @@
 import React from 'react';
 import { ViewStyle, TextStyle } from 'react-native';
 import { LeftRightStyle, IMessage } from './Models';
+/** Whether a message carries the "edited" mark. */
+export declare const isMessageEdited: (message: IMessage | null | undefined) => boolean;
+/**
+ * The text of a message's time, prefixed with the edited mark ("edited 14:05") in the same
+ * style.
+ */
+export declare function formatMessageTime(message: IMessage, locale: string, timeFormat: string, editedLabel: string): string;
 export interface TimeProps<TMessage extends IMessage> {
     position?: 'left' | 'right';
     currentMessage: TMessage;

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;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"}
+{"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,EAAQ,MAAM,cAAc,CAAA;AAM3E,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAmBnD,mDAAmD;AACnD,eAAO,MAAM,eAAe,GAAI,SAAS,QAAQ,GAAG,IAAI,GAAG,SAAS,YACL,CAAA;AAE/D;;;GAGG;AACH,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,QAAQ,EACjB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,MAAM,EAClB,WAAW,EAAE,MAAM,GAClB,MAAM,CAGR;AAqBD,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,6BA2BrB,CAAA"}

package/lib/Time.js

@@ -1,40 +1,132 @@
+import { c as _c } from "react/compiler-runtime";
 import React, { useMemo } from 'react';
 import { StyleSheet, View, Text } from 'react-native';
 import dayjs from 'dayjs';
 import { useChatContext } from './ChatContext';
 import { TIME_FORMAT } from './Constant';
+import { useLabels } from './hooks/useLabels';
 import { useThemedStyles } from './hooks/useTheme';
 import { getStyleWithPosition } from './styles';
-const createStyles = (theme) => StyleSheet.create({
-    text: {
-        fontSize: theme.typography.time.fontSize,
-        fontWeight: theme.typography.time.fontWeight,
-        textAlign: 'right',
-    },
-    text_left: {
-        color: theme.colors.incomingMeta,
-    },
-    text_right: {
-        color: theme.colors.outgoingMeta,
-    },
+const createStyles = theme => StyleSheet.create({
+  text: {
+    fontSize: theme.typography.time.fontSize,
+    lineHeight: theme.typography.time.lineHeight,
+    fontWeight: theme.typography.time.fontWeight,
+    textAlign: 'right'
+  },
+  text_left: {
+    color: theme.colors.incomingMeta
+  },
+  text_right: {
+    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;
-        return dayjs(currentMessage.createdAt).locale(getLocale()).format(timeFormat);
-    }, [currentMessage, getLocale, timeFormat]);
-    if (!currentMessage)
-        return null;
-    return (<View style={containerStyle?.[position]}>
-      <Text style={[
-            getStyleWithPosition(styles, 'text', position),
-            timeTextStyle?.[position],
-        ]}>
-        {formattedTime}
-      </Text>
-    </View>);
+
+/** Whether a message carries the "edited" mark. */
+export const isMessageEdited = message => !!message && (!!message.isEdited || message.editedAt != null);
+
+/**
+ * The text of a message's time, prefixed with the edited mark ("edited 14:05") in the same
+ * style.
+ */
+export function formatMessageTime(message, locale, timeFormat, editedLabel) {
+  const time = formatTimeCached(message.createdAt, locale, timeFormat);
+  return isMessageEdited(message) ? `${editedLabel} ${time}` : time;
+}
+
+// Every row formats its time (twice: the visible label and the space it reserves on the last
+// line), and again whenever its message object changes - a status tick, a reaction, every frame
+// of a streamed reply. The label depends only on the timestamp, locale and format.
+const timeCache = new Map();
+const TIME_CACHE_MAX = 2000;
+function formatTimeCached(createdAt, locale, timeFormat) {
+  const at = createdAt instanceof Date ? createdAt.getTime() : typeof createdAt === 'number' ? createdAt : String(createdAt);
+  const key = `${at}|${locale}|${timeFormat}`;
+  let time = timeCache.get(key);
+  if (time === undefined) {
+    time = dayjs(createdAt).locale(locale).format(timeFormat);
+    if (timeCache.size >= TIME_CACHE_MAX) timeCache.clear();
+    timeCache.set(key, time);
+  }
+  return time;
+}
+export const Time = t0 => {
+  const $ = _c(17);
+  const {
+    position: t1,
+    containerStyle,
+    currentMessage,
+    timeFormat: t2,
+    timeTextStyle
+  } = t0;
+  const position = t1 === undefined ? "left" : t1;
+  const timeFormat = t2 === undefined ? TIME_FORMAT : t2;
+  const {
+    getLocale
+  } = useChatContext();
+  const labels = useLabels();
+  const styles = useThemedStyles(createStyles);
+  let t3;
+  bb0: {
+    if (!currentMessage) {
+      t3 = null;
+      break bb0;
+    }
+    let t4;
+    if ($[0] !== currentMessage || $[1] !== getLocale || $[2] !== labels.edited || $[3] !== timeFormat) {
+      t4 = formatMessageTime(currentMessage, getLocale(), timeFormat, labels.edited);
+      $[0] = currentMessage;
+      $[1] = getLocale;
+      $[2] = labels.edited;
+      $[3] = timeFormat;
+      $[4] = t4;
+    } else {
+      t4 = $[4];
+    }
+    t3 = t4;
+  }
+  const formattedTime = t3;
+  if (!currentMessage) {
+    return null;
+  }
+  const t4 = containerStyle?.[position];
+  let t5;
+  if ($[5] !== position || $[6] !== styles) {
+    t5 = getStyleWithPosition(styles, "text", position);
+    $[5] = position;
+    $[6] = styles;
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  const t6 = timeTextStyle?.[position];
+  let t7;
+  if ($[8] !== t5 || $[9] !== t6) {
+    t7 = [t5, t6];
+    $[8] = t5;
+    $[9] = t6;
+    $[10] = t7;
+  } else {
+    t7 = $[10];
+  }
+  let t8;
+  if ($[11] !== formattedTime || $[12] !== t7) {
+    t8 = <Text style={t7}>{formattedTime}</Text>;
+    $[11] = formattedTime;
+    $[12] = t7;
+    $[13] = t8;
+  } else {
+    t8 = $[13];
+  }
+  let t9;
+  if ($[14] !== t4 || $[15] !== t8) {
+    t9 = <View style={t4}>{t8}</View>;
+    $[14] = t4;
+    $[15] = t8;
+    $[16] = t9;
+  } else {
+    t9 = $[16];
+  }
+  return t9;
 };
 //# sourceMappingURL=Time.js.map

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,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"}
+{"version":3,"file":"Time.js","names":["React","useMemo","StyleSheet","View","Text","dayjs","useChatContext","TIME_FORMAT","useLabels","useThemedStyles","getStyleWithPosition","createStyles","theme","create","text","fontSize","typography","time","lineHeight","fontWeight","textAlign","text_left","color","colors","incomingMeta","text_right","outgoingMeta","isMessageEdited","message","isEdited","editedAt","formatMessageTime","locale","timeFormat","editedLabel","formatTimeCached","createdAt","timeCache","Map","TIME_CACHE_MAX","at","Date","getTime","String","key","get","undefined","format","size","clear","set","Time","t0","$","_c","position","t1","containerStyle","currentMessage","t2","timeTextStyle","getLocale","labels","styles","t3","bb0","t4","edited","formattedTime","t5","t6","t7","t8","t9"],"sources":["../src/Time.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\nimport { StyleSheet, View, ViewStyle, TextStyle, Text } from 'react-native'\nimport dayjs from 'dayjs'\nimport { useChatContext } from './ChatContext'\nimport { TIME_FORMAT } from './Constant'\nimport { useLabels } from './hooks/useLabels'\nimport { useThemedStyles } from './hooks/useTheme'\nimport { LeftRightStyle, IMessage } from './Models'\nimport { getStyleWithPosition } from './styles'\nimport { ChatTheme } from './Theme'\n\nconst createStyles = (theme: ChatTheme) => StyleSheet.create({\n  text: {\n    fontSize: theme.typography.time.fontSize,\n    lineHeight: theme.typography.time.lineHeight,\n    fontWeight: theme.typography.time.fontWeight,\n    textAlign: 'right',\n  },\n  text_left: {\n    color: theme.colors.incomingMeta,\n  },\n  text_right: {\n    color: theme.colors.outgoingMeta,\n  },\n})\n\n/** Whether a message carries the \"edited\" mark. */\nexport const isMessageEdited = (message: IMessage | null | undefined) =>\n  !!message && (!!message.isEdited || message.editedAt != null)\n\n/**\n * The text of a message's time, prefixed with the edited mark (\"edited 14:05\") in the same\n * style.\n */\nexport function formatMessageTime (\n  message: IMessage,\n  locale: string,\n  timeFormat: string,\n  editedLabel: string\n): string {\n  const time = formatTimeCached(message.createdAt, locale, timeFormat)\n  return isMessageEdited(message) ? `${editedLabel} ${time}` : time\n}\n\n// Every row formats its time (twice: the visible label and the space it reserves on the last\n// line), and again whenever its message object changes - a status tick, a reaction, every frame\n// of a streamed reply. The label depends only on the timestamp, locale and format.\nconst timeCache = new Map<string, string>()\nconst TIME_CACHE_MAX = 2000\n\nfunction formatTimeCached (createdAt: IMessage['createdAt'], locale: string, timeFormat: string) {\n  const at = createdAt instanceof Date ? createdAt.getTime() : typeof createdAt === 'number' ? createdAt : String(createdAt)\n  const key = `${at}|${locale}|${timeFormat}`\n  let time = timeCache.get(key)\n  if (time === undefined) {\n    time = dayjs(createdAt).locale(locale).format(timeFormat)\n    if (timeCache.size >= TIME_CACHE_MAX)\n      timeCache.clear()\n    timeCache.set(key, time)\n  }\n  return time\n}\n\nexport interface TimeProps<TMessage extends IMessage> {\n  position?: 'left' | 'right'\n  currentMessage: TMessage\n  containerStyle?: LeftRightStyle<ViewStyle>\n  timeTextStyle?: LeftRightStyle<TextStyle>\n  timeFormat?: string\n}\n\nexport const Time = <TMessage extends IMessage = IMessage>({\n  position = 'left',\n  containerStyle,\n  currentMessage,\n  timeFormat = TIME_FORMAT,\n  timeTextStyle,\n}: TimeProps<TMessage>) => {\n  const { getLocale } = useChatContext()\n  const labels = useLabels()\n  const styles = useThemedStyles(createStyles)\n\n  const formattedTime = useMemo(() => {\n    if (!currentMessage)\n      return null\n\n    return formatMessageTime(currentMessage, getLocale(), timeFormat, labels.edited)\n  }, [currentMessage, getLocale, timeFormat, labels.edited])\n\n  if (!currentMessage)\n    return null\n\n  return (\n    <View style={containerStyle?.[position]}>\n      <Text\n        style={[\n          getStyleWithPosition(styles, 'text', position),\n          timeTextStyle?.[position],\n        ]}\n      >\n        {formattedTime}\n      </Text>\n    </View>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/TypingIndicator/index.d.ts

@@ -1,5 +1,13 @@
 import React from 'react';
 import { TypingIndicatorProps } from './types';
 export * from './types';
-export declare const TypingIndicator: ({ isTyping, style }: TypingIndicatorProps) => React.JSX.Element | null;
+/**
+ * Set by a message list that animates its own rows into place. The indicator then just
+ * mounts and unmounts, and the rows around it slide, instead of it growing its own height:
+ * two animations of the same gap would fight (the rows chasing a height that changes every
+ * frame), and when a reply replaces the indicator in one render the collapse ran after the
+ * new bubble had already pushed everything up.
+ */
+export declare const TypingIndicatorListAnimationContext: React.Context<boolean>;
+export declare const TypingIndicator: (props: TypingIndicatorProps) => React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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;AAexE,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAE9C,cAAc,SAAS,CAAA;AAqFvB,eAAO,MAAM,eAAe,GAAI,qBAAqB,oBAAoB,6BAgExE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TypingIndicator/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsE,MAAM,OAAO,CAAA;AAmB1F,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAE9C,cAAc,SAAS,CAAA;AAEvB;;;;;;GAMG;AACH,eAAO,MAAM,mCAAmC,wBAAuB,CAAA;AAiJvE,eAAO,MAAM,eAAe,GAAI,OAAO,oBAAoB,sBAM1D,CAAA"}