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

package/lib/ChatList/utils.js

@@ -0,0 +1,60 @@
+import dayjs from 'dayjs';
+const timeOf = message => message?.createdAt ? new Date(message.createdAt).getTime() : 0;
+
+/** Pinned chats first, in the order given, then the rest by their newest message. */
+export function sortChats(chats) {
+  const pinned = chats.filter(chat => chat.isPinned);
+  const rest = chats.filter(chat => !chat.isPinned).sort((a, b) => timeOf(b.lastMessage) - timeOf(a.lastMessage));
+  return [...pinned, ...rest];
+}
+
+/** The default search: the title or the last message's text contains the query. */
+export function matchesChatQuery(chat, query) {
+  const needle = query.trim().toLowerCase();
+  if (!needle) return true;
+  return chat.title.toLowerCase().includes(needle) || !!chat.lastMessage?.text?.toLowerCase().includes(needle);
+}
+
+/**
+ * The time on a row: the time today, the weekday within a week, the day and month this year,
+ * and the full date before that.
+ */
+export function formatChatListDate(date, locale) {
+  const value = locale ? dayjs(date).locale(locale) : dayjs(date);
+  const now = dayjs();
+  if (value.isSame(now, 'day')) return value.format('LT');
+  if (now.diff(value, 'day') < 7) return value.format('ddd');
+  if (value.isSame(now, 'year')) return value.format('MMM D');
+  return value.format('L');
+}
+
+/** Initials: the first letters of the first two words. */
+export function getInitials(title) {
+  // A chat whose title has not loaded yet draws an empty circle rather than throwing.
+  const words = (title ?? '').replace(/[^\p{L}\p{N}\s]/gu, '').trim().split(/\s+/).filter(Boolean);
+  return words.slice(0, 2).map(word => word[0]).join('').toUpperCase();
+}
+const firstName = name => (name ?? '').split(' ')[0];
+
+/** Markdown as plain text, for a one-line preview: links keep their text, markers go. */
+export function stripMarkdown(text) {
+  return text.replace(/```[\s\S]*?```/g, match => match.replace(/```\w*/g, '')).replace(/!?\[([^\]]*)\]\([^)]*\)/g, '$1').replace(/^\s{0,3}(#{1,6}|>|[-*+]|\d+\.)\s+/gm, '').replace(/(\*\*|__|~~|`)(.+?)\1/g, '$2').replace(/(^|[^\w*])[*_]([^*_\n]+)[*_](?=[^\w*]|$)/g, '$1$2');
+}
+
+/** The second line of a row for its newest message. */
+export function getChatPreview(chat, labels, user) {
+  const message = chat.lastMessage;
+  if (!message) return {
+    text: ''
+  };
+  const isMine = user != null && message.user?._id === user._id;
+  const prefix = chat.kind === 'group' && !message.system ? `${isMine ? labels.chatListYou : firstName(message.user?.name)}: ` : undefined;
+  const attachment = message.image ? labels.chatListPhoto : message.videoNote ? labels.videoMessage : message.video ? labels.video : message.audio ? labels.voiceMessage : message.file ? message.file.name || labels.chatListFile : message.location ? labels.location : undefined;
+  return {
+    prefix,
+    attachment: attachment && message.text ? undefined : attachment,
+    text: message.text ? stripMarkdown(message.text).replace(/\s+/g, ' ').trim() : '',
+    thumbnail: message.image
+  };
+}
+//# sourceMappingURL=utils.js.map

package/lib/ChatList/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":["dayjs","timeOf","message","createdAt","Date","getTime","sortChats","chats","pinned","filter","chat","isPinned","rest","sort","a","b","lastMessage","matchesChatQuery","query","needle","trim","toLowerCase","title","includes","text","formatChatListDate","date","locale","value","now","isSame","format","diff","getInitials","words","replace","split","Boolean","slice","map","word","join","toUpperCase","firstName","name","stripMarkdown","match","getChatPreview","labels","user","isMine","_id","prefix","kind","system","chatListYou","undefined","attachment","image","chatListPhoto","videoNote","videoMessage","video","audio","voiceMessage","file","chatListFile","location","thumbnail"],"sources":["../../src/ChatList/utils.ts"],"sourcesContent":["import dayjs from 'dayjs'\n\nimport { ChatLabels } from '../i18n'\nimport { IMessage, User } from '../Models'\nimport { ChatListItem } from './types'\n\nconst timeOf = (message?: IMessage) => (message?.createdAt ? new Date(message.createdAt).getTime() : 0)\n\n/** Pinned chats first, in the order given, then the rest by their newest message. */\nexport function sortChats<TChat extends ChatListItem> (chats: TChat[]): TChat[] {\n  const pinned = chats.filter(chat => chat.isPinned)\n  const rest = chats\n    .filter(chat => !chat.isPinned)\n    .sort((a, b) => timeOf(b.lastMessage) - timeOf(a.lastMessage))\n  return [...pinned, ...rest]\n}\n\n/** The default search: the title or the last message's text contains the query. */\nexport function matchesChatQuery (chat: ChatListItem, query: string): boolean {\n  const needle = query.trim().toLowerCase()\n  if (!needle)\n    return true\n  return chat.title.toLowerCase().includes(needle) ||\n    !!chat.lastMessage?.text?.toLowerCase().includes(needle)\n}\n\n/**\n * The time on a row: the time today, the weekday within a week, the day and month this year,\n * and the full date before that.\n */\nexport function formatChatListDate (date: Date | number, locale?: string): string {\n  const value = locale ? dayjs(date).locale(locale) : dayjs(date)\n  const now = dayjs()\n  if (value.isSame(now, 'day'))\n    return value.format('LT')\n  if (now.diff(value, 'day') < 7)\n    return value.format('ddd')\n  if (value.isSame(now, 'year'))\n    return value.format('MMM D')\n  return value.format('L')\n}\n\n/** Initials: the first letters of the first two words. */\nexport function getInitials (title: string | undefined): string {\n  // A chat whose title has not loaded yet draws an empty circle rather than throwing.\n  const words = (title ?? '').replace(/[^\\p{L}\\p{N}\\s]/gu, '').trim().split(/\\s+/).filter(Boolean)\n  return words.slice(0, 2).map(word => word[0]).join('').toUpperCase()\n}\n\nexport interface ChatPreview {\n  /** \"You: \" or \"Anna: \" in groups. */\n  prefix?: string\n  /** \"Photo\", \"Voice message\"... when the message has no text. */\n  attachment?: string\n  text: string\n  /** A photo's thumbnail, drawn before the text. */\n  thumbnail?: string\n}\n\nconst firstName = (name?: string) => (name ?? '').split(' ')[0]\n\n/** Markdown as plain text, for a one-line preview: links keep their text, markers go. */\nexport function stripMarkdown (text: string): string {\n  return text\n    .replace(/```[\\s\\S]*?```/g, match => match.replace(/```\\w*/g, ''))\n    .replace(/!?\\[([^\\]]*)\\]\\([^)]*\\)/g, '$1')\n    .replace(/^\\s{0,3}(#{1,6}|>|[-*+]|\\d+\\.)\\s+/gm, '')\n    .replace(/(\\*\\*|__|~~|`)(.+?)\\1/g, '$2')\n    .replace(/(^|[^\\w*])[*_]([^*_\\n]+)[*_](?=[^\\w*]|$)/g, '$1$2')\n}\n\n/** The second line of a row for its newest message. */\nexport function getChatPreview (chat: ChatListItem, labels: ChatLabels, user?: User): ChatPreview {\n  const message = chat.lastMessage\n  if (!message)\n    return { text: '' }\n\n  const isMine = user != null && message.user?._id === user._id\n  const prefix = chat.kind === 'group' && !message.system\n    ? `${isMine ? labels.chatListYou : firstName(message.user?.name)}: `\n    : undefined\n\n  const attachment = message.image\n    ? labels.chatListPhoto\n    : message.videoNote\n      ? labels.videoMessage\n      : message.video\n        ? labels.video\n        : message.audio\n          ? labels.voiceMessage\n          : message.file\n            ? message.file.name || labels.chatListFile\n            : message.location\n              ? labels.location\n              : undefined\n\n  return {\n    prefix,\n    attachment: attachment && message.text ? undefined : attachment,\n    text: message.text ? stripMarkdown(message.text).replace(/\\s+/g, ' ').trim() : '',\n    thumbnail: message.image,\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/Color.js

@@ -1,22 +1,22 @@
 export const Color = {
-    defaultColor: '#b2b2b2',
-    backgroundTransparent: 'transparent',
-    // Modern azure accent (Telegram-style), replacing the old Messenger blue.
-    // Also exposed as `theme.colors.accent`; kept here for components that read
-    // Color directly (reply preview, swipe-to-reply icon) so the accent stays
-    // consistent across the whole UI.
-    defaultBlue: '#3390EC',
-    leftBubbleBackground: '#FFFFFF',
-    black: '#000',
-    white: '#fff',
-    carrot: '#e67e22',
-    emerald: '#2ecc71',
-    peterRiver: '#3498db',
-    wisteria: '#8e44ad',
-    alizarin: '#e74c3c',
-    turquoise: '#1abc9c',
-    midnightBlue: '#2c3e50',
-    optionTintColor: '#007AFF',
-    timeTextColor: '#aaa',
+  defaultColor: '#b2b2b2',
+  backgroundTransparent: 'transparent',
+  // Modern azure accent, replacing the old Messenger blue.
+  // Also exposed as `theme.colors.accent`; kept here for components that read
+  // Color directly (reply preview, swipe-to-reply icon) so the accent stays
+  // consistent across the whole UI.
+  defaultBlue: '#3390EC',
+  leftBubbleBackground: '#FFFFFF',
+  black: '#000',
+  white: '#fff',
+  carrot: '#e67e22',
+  emerald: '#2ecc71',
+  peterRiver: '#3498db',
+  wisteria: '#8e44ad',
+  alizarin: '#e74c3c',
+  turquoise: '#1abc9c',
+  midnightBlue: '#2c3e50',
+  optionTintColor: '#007AFF',
+  timeTextColor: '#aaa'
 };
 //# sourceMappingURL=Color.js.map

package/lib/Color.js.map

@@ -1 +1 @@
-{"version":3,"file":"Color.js","sourceRoot":"","sources":["../src/Color.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,YAAY,EAAE,SAAS;IACvB,qBAAqB,EAAE,aAAa;IACpC,0EAA0E;IAC1E,4EAA4E;IAC5E,0EAA0E;IAC1E,kCAAkC;IAClC,WAAW,EAAE,SAAS;IACtB,oBAAoB,EAAE,SAAS;IAC/B,KAAK,EAAE,MAAM;IACb,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,SAAS;IAClB,UAAU,EAAE,SAAS;IACrB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,SAAS,EAAE,SAAS;IACpB,YAAY,EAAE,SAAS;IACvB,eAAe,EAAE,SAAS;IAC1B,aAAa,EAAE,MAAM;CACtB,CAAA"}
+{"version":3,"file":"Color.js","names":["Color","defaultColor","backgroundTransparent","defaultBlue","leftBubbleBackground","black","white","carrot","emerald","peterRiver","wisteria","alizarin","turquoise","midnightBlue","optionTintColor","timeTextColor"],"sources":["../src/Color.ts"],"sourcesContent":["export const Color = {\n  defaultColor: '#b2b2b2',\n  backgroundTransparent: 'transparent',\n  // Modern azure accent, replacing the old Messenger blue.\n  // Also exposed as `theme.colors.accent`; kept here for components that read\n  // Color directly (reply preview, swipe-to-reply icon) so the accent stays\n  // consistent across the whole UI.\n  defaultBlue: '#3390EC',\n  leftBubbleBackground: '#FFFFFF',\n  black: '#000',\n  white: '#fff',\n  carrot: '#e67e22',\n  emerald: '#2ecc71',\n  peterRiver: '#3498db',\n  wisteria: '#8e44ad',\n  alizarin: '#e74c3c',\n  turquoise: '#1abc9c',\n  midnightBlue: '#2c3e50',\n  optionTintColor: '#007AFF',\n  timeTextColor: '#aaa',\n}\n"],"mappings":"AAAA,OAAO,MAAMA,KAAK,GAAG;EACnBC,YAAY,EAAE,SAAS;EACvBC,qBAAqB,EAAE,aAAa;EACpC;EACA;EACA;EACA;EACAC,WAAW,EAAE,SAAS;EACtBC,oBAAoB,EAAE,SAAS;EAC/BC,KAAK,EAAE,MAAM;EACbC,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE,SAAS;EACjBC,OAAO,EAAE,SAAS;EAClBC,UAAU,EAAE,SAAS;EACrBC,QAAQ,EAAE,SAAS;EACnBC,QAAQ,EAAE,SAAS;EACnBC,SAAS,EAAE,SAAS;EACpBC,YAAY,EAAE,SAAS;EACvBC,eAAe,EAAE,SAAS;EAC1BC,aAAa,EAAE;AACjB,CAAC","ignoreList":[]}

package/lib/Composer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Composer.d.ts","sourceRoot":"","sources":["../src/Composer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAC1C,OAAO,EAEL,cAAc,EAEf,MAAM,cAAc,CAAA;AAMrB,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAGnC,MAAM,WAAW,aAAa;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,cAAc,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAA;IACxC;;;;;;;OAOG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,yDAAyD;IACzD,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,MAAM,CAAC,CACL,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,EAAE,EACjD,uBAAuB,EAAE,OAAO,GAC/B,IAAI,CAAA;CACR;AAWD,wBAAgB,QAAQ,CAAE,EACxB,IAAS,EACT,cAAc,EACd,WAAkB,EAClB,cAAsB,EACtB,MAAM,GACP,EAAE,aAAa,GAAG,KAAK,CAAC,YAAY,CAyDpC"}
+{"version":3,"file":"Composer.d.ts","sourceRoot":"","sources":["../src/Composer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAC1C,OAAO,EAEL,cAAc,EAEf,MAAM,cAAc,CAAA;AAMrB,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAGnC,MAAM,WAAW,aAAa;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,cAAc,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAA;IACxC;;;;;;;OAOG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,yDAAyD;IACzD,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,MAAM,CAAC,CACL,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,EAAE,EACjD,uBAAuB,EAAE,OAAO,GAC/B,IAAI,CAAA;CACR;AAOD,wBAAgB,QAAQ,CAAE,EACxB,IAAS,EACT,cAAc,EACd,WAAkB,EAClB,cAAsB,EACtB,MAAM,GACP,EAAE,aAAa,GAAG,KAAK,CAAC,YAAY,CA2DpC"}

package/lib/Composer.js

@@ -1,81 +1,159 @@
+import { c as _c } from "react/compiler-runtime";
 import React, { useCallback } from 'react';
-import { StyleSheet, View, } from 'react-native';
+import { StyleSheet, View } from 'react-native';
 import { TextInput } from 'react-native-gesture-handler';
 import { useColorScheme } from './hooks/useColorScheme';
 import { useIsRTL } from './hooks/useIsRTL';
 import { useLabels } from './hooks/useLabels';
 import { useTheme, useThemedStyles } from './hooks/useTheme';
-// Static text-input metrics. lineHeight matches typography.message.lineHeight
-// (21) so composed text and sent bubbles share identical metrics. The vertical
-// padding is derived from the bar height (see createStyles) so a single line of
-// text is vertically centered in the field.
-const TEXT_INPUT_METRICS = {
-    fontSize: 16,
-    lineHeight: 21,
-};
-export function Composer({ text = '', textInputProps, isMultiline = true, isTextOptional = false, onSend, }) {
-    const colorScheme = useColorScheme();
-    const theme = useTheme();
-    const labels = useLabels();
-    const styles = useThemedStyles(createStyles);
-    const isDark = colorScheme === 'dark';
-    const isRTL = useIsRTL();
-    const maxHeight = theme.composer.maxHeight;
-    const placeholder = textInputProps?.placeholder ?? labels.placeholder;
-    // A single line fills the bar height so its text sits centered (symmetric
-    // padding); it grows from there up to maxHeight.
-    const ONE_LINE = theme.composer.minHeight;
-    // Single-line mode: the return key sends, mirroring the send button exactly.
-    const handleSubmitEditing = useCallback(() => {
-        const trimmedText = text.trim();
-        if (onSend && (trimmedText.length || isTextOptional))
-            onSend({ text: trimmedText }, true);
-    }, [text, onSend, isTextOptional]);
-    return (<View style={styles.field}>
-      <TextInput testID={placeholder} accessible accessibilityLabel={placeholder} placeholderTextColor={textInputProps?.placeholderTextColor ?? theme.colors.placeholder} value={text} enablesReturnKeyAutomatically underlineColorAndroid='transparent' keyboardAppearance={isDark ? 'dark' : 'default'} multiline={isMultiline} placeholder={placeholder} {...(isMultiline
-        ? null
-        : {
-            returnKeyType: 'send',
-            onSubmitEditing: handleSubmitEditing,
-            // Keep the keyboard up after sending, the way a chat should behave.
-            submitBehavior: 'submit',
-        })} {...textInputProps} style={[
-            styles.textInput,
-            stylesWeb.textInput,
-            { minHeight: ONE_LINE, maxHeight },
-            // Otherwise an empty RTL-locale field has nothing to auto-detect
-            // direction from: the caret and placeholder would default to LTR.
-            isRTL && { writingDirection: 'rtl', textAlign: 'right' },
-            textInputProps?.style,
-        ]}/>
-    </View>);
+// The input text is 18, from `theme.typography.composer`. The vertical
+// padding is derived from the island height (see createStyles) so a single line of text is
+// vertically centered in it.
+const DEFAULT_LINE_HEIGHT = 21;
+export function Composer(t0) {
+  const $ = _c(30);
+  const {
+    text: t1,
+    textInputProps,
+    isMultiline: t2,
+    isTextOptional: t3,
+    onSend
+  } = t0;
+  const text = t1 === undefined ? "" : t1;
+  const isMultiline = t2 === undefined ? true : t2;
+  const isTextOptional = t3 === undefined ? false : t3;
+  const colorScheme = useColorScheme();
+  const theme = useTheme();
+  const labels = useLabels();
+  const styles = useThemedStyles(createStyles);
+  const isDark = colorScheme === "dark";
+  const isRTL = useIsRTL();
+  const maxHeight = theme.composer.maxHeight;
+  const placeholder = textInputProps?.placeholder ?? labels.placeholder;
+  const ONE_LINE = theme.composer.minHeight;
+  let t4;
+  if ($[0] !== isTextOptional || $[1] !== onSend || $[2] !== text) {
+    t4 = () => {
+      const trimmedText = text.trim();
+      if (onSend && (trimmedText.length || isTextOptional)) {
+        onSend({
+          text: trimmedText
+        }, true);
+      }
+    };
+    $[0] = isTextOptional;
+    $[1] = onSend;
+    $[2] = text;
+    $[3] = t4;
+  } else {
+    t4 = $[3];
+  }
+  const handleSubmitEditing = t4;
+  const t5 = textInputProps?.placeholderTextColor ?? theme.colors.placeholder;
+  const t6 = isDark ? "dark" : "default";
+  let t7;
+  if ($[4] !== handleSubmitEditing || $[5] !== isMultiline) {
+    t7 = isMultiline ? null : {
+      returnKeyType: "send",
+      onSubmitEditing: handleSubmitEditing,
+      submitBehavior: "submit"
+    };
+    $[4] = handleSubmitEditing;
+    $[5] = isMultiline;
+    $[6] = t7;
+  } else {
+    t7 = $[6];
+  }
+  let t8;
+  if ($[7] !== ONE_LINE || $[8] !== maxHeight) {
+    t8 = {
+      minHeight: ONE_LINE,
+      maxHeight
+    };
+    $[7] = ONE_LINE;
+    $[8] = maxHeight;
+    $[9] = t8;
+  } else {
+    t8 = $[9];
+  }
+  let t9;
+  if ($[10] !== isRTL) {
+    t9 = isRTL && {
+      writingDirection: "rtl",
+      textAlign: "right"
+    };
+    $[10] = isRTL;
+    $[11] = t9;
+  } else {
+    t9 = $[11];
+  }
+  const t10 = textInputProps?.style;
+  let t11;
+  if ($[12] !== styles.textInput || $[13] !== t10 || $[14] !== t8 || $[15] !== t9) {
+    t11 = [styles.textInput, stylesWeb.textInput, t8, t9, t10];
+    $[12] = styles.textInput;
+    $[13] = t10;
+    $[14] = t8;
+    $[15] = t9;
+    $[16] = t11;
+  } else {
+    t11 = $[16];
+  }
+  let t12;
+  if ($[17] !== isMultiline || $[18] !== placeholder || $[19] !== t11 || $[20] !== t5 || $[21] !== t6 || $[22] !== t7 || $[23] !== text || $[24] !== textInputProps || $[25] !== theme.colors.inputCursor) {
+    t12 = <TextInput testID={placeholder} accessible={true} accessibilityLabel={placeholder} placeholderTextColor={t5} selectionColor={theme.colors.inputCursor} cursorColor={theme.colors.inputCursor} value={text} enablesReturnKeyAutomatically={true} underlineColorAndroid="transparent" keyboardAppearance={t6} multiline={isMultiline} placeholder={placeholder} {...t7} {...textInputProps} style={t11} />;
+    $[17] = isMultiline;
+    $[18] = placeholder;
+    $[19] = t11;
+    $[20] = t5;
+    $[21] = t6;
+    $[22] = t7;
+    $[23] = text;
+    $[24] = textInputProps;
+    $[25] = theme.colors.inputCursor;
+    $[26] = t12;
+  } else {
+    t12 = $[26];
+  }
+  let t13;
+  if ($[27] !== styles.field || $[28] !== t12) {
+    t13 = <View style={styles.field}>{t12}</View>;
+    $[27] = styles.field;
+    $[28] = t12;
+    $[29] = t13;
+  } else {
+    t13 = $[29];
+  }
+  return t13;
 }
-const createStyles = (theme) => {
-    // Center a single line vertically: split the leftover space (bar height minus
-    // one line of text) into equal top/bottom padding.
-    const paddingVertical = Math.max(4, (theme.composer.minHeight - TEXT_INPUT_METRICS.lineHeight) / 2);
-    return StyleSheet.create({
-        // Transparent slot: the rounded pill is provided by the InputToolbar field
-        // group so the inset emoji/attachment buttons share the pill surface.
-        field: {
-            flex: 1,
-            justifyContent: 'center',
-            minHeight: theme.composer.minHeight,
-        },
-        textInput: {
-            fontSize: TEXT_INPUT_METRICS.fontSize,
-            lineHeight: TEXT_INPUT_METRICS.lineHeight,
-            paddingTop: paddingVertical,
-            paddingBottom: paddingVertical,
-            paddingHorizontal: 0,
-            color: theme.colors.inputText,
-        },
-    });
+const createStyles = theme => {
+  // Center a single line vertically: split the leftover space (bar height minus
+  // one line of text) into equal top/bottom padding.
+  const lineHeight = theme.typography.composer.lineHeight ?? DEFAULT_LINE_HEIGHT;
+  const paddingVertical = Math.max(4, (theme.composer.minHeight - lineHeight) / 2);
+  return StyleSheet.create({
+    // Transparent slot: the rounded pill is provided by the InputToolbar field
+    // group so the inset emoji/attachment buttons share the pill surface.
+    field: {
+      flex: 1,
+      justifyContent: 'center',
+      minHeight: theme.composer.minHeight
+    },
+    textInput: {
+      fontSize: theme.typography.composer.fontSize,
+      lineHeight,
+      fontWeight: theme.typography.composer.fontWeight,
+      paddingTop: paddingVertical,
+      paddingBottom: paddingVertical,
+      paddingHorizontal: 0,
+      color: theme.colors.inputText
+    }
+  });
 };
 const stylesWeb = StyleSheet.create({
-    textInput: {
-        /* @ts-expect-error - web-specific styles */
-        outlineStyle: 'none',
-    },
+  textInput: {
+    /* @ts-expect-error - web-specific styles */
+    outlineStyle: 'none'
+  }
 });
 //# sourceMappingURL=Composer.js.map

package/lib/Composer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Composer.js","sourceRoot":"","sources":["../src/Composer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Composer.js","names":["React","useCallback","StyleSheet","View","TextInput","useColorScheme","useIsRTL","useLabels","useTheme","useThemedStyles","DEFAULT_LINE_HEIGHT","Composer","t0","$","_c","text","t1","textInputProps","isMultiline","t2","isTextOptional","t3","onSend","undefined","colorScheme","theme","labels","styles","createStyles","isDark","isRTL","maxHeight","composer","placeholder","ONE_LINE","minHeight","t4","trimmedText","trim","length","handleSubmitEditing","t5","placeholderTextColor","colors","t6","t7","returnKeyType","onSubmitEditing","submitBehavior","t8","t9","writingDirection","textAlign","t10","style","t11","textInput","stylesWeb","t12","inputCursor","t13","field","lineHeight","typography","paddingVertical","Math","max","create","flex","justifyContent","fontSize","fontWeight","paddingTop","paddingBottom","paddingHorizontal","color","inputText","outlineStyle"],"sources":["../src/Composer.tsx"],"sourcesContent":["import React, { useCallback } from 'react'\nimport {\n  StyleSheet,\n  TextInputProps,\n  View,\n} from 'react-native'\nimport { TextInput } from 'react-native-gesture-handler'\nimport { useColorScheme } from './hooks/useColorScheme'\nimport { useIsRTL } from './hooks/useIsRTL'\nimport { useLabels } from './hooks/useLabels'\nimport { useTheme, useThemedStyles } from './hooks/useTheme'\nimport { IMessage } from './Models'\nimport { ChatTheme } from './Theme'\n\nexport interface ComposerProps {\n  composerHeight?: number\n  text?: string\n  textInputProps?: Partial<TextInputProps>\n  /**\n   * Whether the field accepts multiple lines.\n   *\n   * `true` (default) keeps the return key inserting a newline - send with the\n   * send button. `false` turns the return key into Send, which is what a\n   * single-line composer should do. Previously the field was always multiline\n   * with no submit handler, so the return key could never send at all.\n   */\n  isMultiline?: boolean\n  /** Allow sending an empty message (media-only sends). */\n  isTextOptional?: boolean\n  onSend?(\n    messages: Partial<IMessage> | Partial<IMessage>[],\n    shouldResetInputToolbar: boolean,\n  ): void\n}\n\n// The input text is 18, from `theme.typography.composer`. The vertical\n// padding is derived from the island height (see createStyles) so a single line of text is\n// vertically centered in it.\nconst DEFAULT_LINE_HEIGHT = 21\n\nexport function Composer ({\n  text = '',\n  textInputProps,\n  isMultiline = true,\n  isTextOptional = false,\n  onSend,\n}: ComposerProps): React.ReactElement {\n  const colorScheme = useColorScheme()\n  const theme = useTheme()\n  const labels = useLabels()\n  const styles = useThemedStyles(createStyles)\n  const isDark = colorScheme === 'dark'\n  const isRTL = useIsRTL()\n\n  const maxHeight = theme.composer.maxHeight\n  const placeholder = textInputProps?.placeholder ?? labels.placeholder\n\n  // A single line fills the bar height so its text sits centered (symmetric\n  // padding); it grows from there up to maxHeight.\n  const ONE_LINE = theme.composer.minHeight\n\n  // Single-line mode: the return key sends, mirroring the send button exactly.\n  const handleSubmitEditing = useCallback(() => {\n    const trimmedText = text.trim()\n\n    if (onSend && (trimmedText.length || isTextOptional))\n      onSend({ text: trimmedText } as Partial<IMessage>, true)\n  }, [text, onSend, isTextOptional])\n\n  return (\n    <View style={styles.field}>\n      <TextInput\n        testID={placeholder}\n        accessible\n        accessibilityLabel={placeholder}\n        placeholderTextColor={textInputProps?.placeholderTextColor ?? theme.colors.placeholder}\n        selectionColor={theme.colors.inputCursor}\n        cursorColor={theme.colors.inputCursor}\n        value={text}\n        enablesReturnKeyAutomatically\n        underlineColorAndroid='transparent'\n        keyboardAppearance={isDark ? 'dark' : 'default'}\n        multiline={isMultiline}\n        placeholder={placeholder}\n        {...(isMultiline\n          ? null\n          : {\n            returnKeyType: 'send' as const,\n            onSubmitEditing: handleSubmitEditing,\n            // Keep the keyboard up after sending, the way a chat should behave.\n            submitBehavior: 'submit' as const,\n          })}\n        {...textInputProps}\n        style={[\n          styles.textInput,\n          stylesWeb.textInput,\n          { minHeight: ONE_LINE, maxHeight },\n          // Otherwise an empty RTL-locale field has nothing to auto-detect\n          // direction from: the caret and placeholder would default to LTR.\n          isRTL && { writingDirection: 'rtl', textAlign: 'right' },\n          textInputProps?.style,\n        ]}\n      />\n    </View>\n  )\n}\n\nconst createStyles = (theme: ChatTheme) => {\n  // Center a single line vertically: split the leftover space (bar height minus\n  // one line of text) into equal top/bottom padding.\n  const lineHeight = theme.typography.composer.lineHeight ?? DEFAULT_LINE_HEIGHT\n  const paddingVertical = Math.max(4, (theme.composer.minHeight - lineHeight) / 2)\n\n  return StyleSheet.create({\n    // Transparent slot: the rounded pill is provided by the InputToolbar field\n    // group so the inset emoji/attachment buttons share the pill surface.\n    field: {\n      flex: 1,\n      justifyContent: 'center',\n      minHeight: theme.composer.minHeight,\n    },\n    textInput: {\n      fontSize: theme.typography.composer.fontSize,\n      lineHeight,\n      fontWeight: theme.typography.composer.fontWeight,\n      paddingTop: paddingVertical,\n      paddingBottom: paddingVertical,\n      paddingHorizontal: 0,\n      color: theme.colors.inputText,\n    },\n  })\n}\n\nconst stylesWeb = StyleSheet.create({\n  textInput: {\n    /* @ts-expect-error - web-specific styles */\n    outlineStyle: 'none',\n  },\n})\n"],"mappings":"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","ignoreList":[]}

package/lib/Constant.js

@@ -1,9 +1,9 @@
 export const DATE_FORMAT = 'D MMMM';
 export const TIME_FORMAT = 'LT';
 export const TEST_ID = {
-    WRAPPER: 'GC_WRAPPER',
-    CONTENT: 'GC_CONTENT',
-    LOADING_WRAPPER: 'GC_LOADING_CONTAINER',
-    SEND_TOUCHABLE: 'GC_SEND_TOUCHABLE',
+  WRAPPER: 'GC_WRAPPER',
+  CONTENT: 'GC_CONTENT',
+  LOADING_WRAPPER: 'GC_LOADING_CONTAINER',
+  SEND_TOUCHABLE: 'GC_SEND_TOUCHABLE'
 };
 //# sourceMappingURL=Constant.js.map

package/lib/Constant.js.map

@@ -1 +1 @@
-{"version":3,"file":"Constant.js","sourceRoot":"","sources":["../src/Constant.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAA;AACnC,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,CAAA;AAE/B,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,OAAO,EAAE,YAAY;IACrB,OAAO,EAAE,YAAY;IACrB,eAAe,EAAE,sBAAsB;IACvC,cAAc,EAAE,mBAAmB;CACpC,CAAA"}
+{"version":3,"file":"Constant.js","names":["DATE_FORMAT","TIME_FORMAT","TEST_ID","WRAPPER","CONTENT","LOADING_WRAPPER","SEND_TOUCHABLE"],"sources":["../src/Constant.ts"],"sourcesContent":["export const DATE_FORMAT = 'D MMMM'\nexport const TIME_FORMAT = 'LT'\n\nexport const TEST_ID = {\n  WRAPPER: 'GC_WRAPPER',\n  CONTENT: 'GC_CONTENT',\n  LOADING_WRAPPER: 'GC_LOADING_CONTAINER',\n  SEND_TOUCHABLE: 'GC_SEND_TOUCHABLE',\n}\n"],"mappings":"AAAA,OAAO,MAAMA,WAAW,GAAG,QAAQ;AACnC,OAAO,MAAMC,WAAW,GAAG,IAAI;AAE/B,OAAO,MAAMC,OAAO,GAAG;EACrBC,OAAO,EAAE,YAAY;EACrBC,OAAO,EAAE,YAAY;EACrBC,eAAe,EAAE,sBAAsB;EACvCC,cAAc,EAAE;AAClB,CAAC","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Day/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAatC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAElC,cAAc,SAAS,CAAA;AAKvB,wBAAgB,GAAG,CAAE,EACnB,UAAwB,EACxB,kBAAkB,EAClB,SAAS,EACT,cAAc,EACd,YAAY,EACZ,SAAS,GACV,EAAE,QAAQ,4BAoCV"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Day/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAczB,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAElC,cAAc,SAAS,CAAA;AA0CvB,wBAAgB,GAAG,CAAE,EACnB,UAAwB,EACxB,kBAAkB,EAClB,SAAS,EACT,cAAc,EACd,YAAY,EACZ,SAAS,GACV,EAAE,QAAQ,4BAqBV"}

package/lib/Day/index.js

@@ -1,4 +1,5 @@
-import React, { useMemo } from 'react';
+import { c as _c } from "react/compiler-runtime";
+import React from 'react';
 import { View, Text } from 'react-native';
 import dayjs from 'dayjs';
 import calendar from 'dayjs/plugin/calendar';
@@ -8,36 +9,122 @@ import { DATE_FORMAT } from '../Constant';
 import { useLabels } from '../hooks/useLabels';
 import { useThemedStyles } from '../hooks/useTheme';
 import stylesCommon from '../styles';
+import { localDayKey } from '../utils';
 import { createDayStyles } from './styles';
 export * from './types';
 dayjs.extend(relativeTime);
 dayjs.extend(calendar);
-export function Day({ dateFormat = DATE_FORMAT, dateFormatCalendar, createdAt, containerStyle, wrapperStyle, textProps, }) {
-    const { getLocale } = useChatContext();
-    const labels = useLabels();
-    const styles = useThemedStyles(createDayStyles);
-    const dateStr = useMemo(() => {
-        if (createdAt == null)
-            return null;
-        const now = dayjs().startOf('day');
-        const date = dayjs(createdAt).locale(getLocale()).startOf('day');
-        if (!now.isSame(date, 'year'))
-            return date.format('D MMMM YYYY');
-        if (now.diff(date, 'days') < 1)
-            return date.calendar(now, {
-                sameDay: `[${labels.today}]`,
-                ...dateFormatCalendar,
-            });
-        return date.format(dateFormat);
-    }, [createdAt, dateFormat, getLocale, dateFormatCalendar, labels.today]);
-    if (!dateStr)
-        return null;
-    return (<View style={[stylesCommon.centerItems, styles.container, containerStyle]}>
-      <View style={[styles.wrapper, wrapperStyle]}>
-        <Text {...textProps} style={[styles.text, textProps?.style]}>
-          {dateStr}
-        </Text>
-      </View>
-    </View>);
+
+// A separator's label depends only on its day, today, the locale and the format, yet dayjs
+// builds, localises and formats two dates for it - a few milliseconds per separator on every
+// mount while a chat opens or a list scrolls. The common case (no custom calendar formats) is
+// cached by those inputs.
+const dayCache = new Map();
+const DAY_CACHE_MAX = 500;
+function formatDayLabel(createdAt, locale, dateFormat, todayLabel, dateFormatCalendar) {
+  const key = dateFormatCalendar ? undefined : `${localDayKey(createdAt)}|${localDayKey(Date.now())}|${locale}|${dateFormat}|${todayLabel}`;
+  const cached = key && dayCache.get(key);
+  if (cached) return cached;
+  const now = dayjs().startOf('day');
+  const date = dayjs(createdAt).locale(locale).startOf('day');
+  const label = !now.isSame(date, 'year') ? date.format('D MMMM YYYY') : now.diff(date, 'days') < 1 ? date.calendar(now, {
+    sameDay: `[${todayLabel}]`,
+    ...dateFormatCalendar
+  }) : date.format(dateFormat);
+  if (key) {
+    if (dayCache.size >= DAY_CACHE_MAX) dayCache.clear();
+    dayCache.set(key, label);
+  }
+  return label;
+}
+export function Day(t0) {
+  const $ = _c(25);
+  const {
+    dateFormat: t1,
+    dateFormatCalendar,
+    createdAt,
+    containerStyle,
+    wrapperStyle,
+    textProps
+  } = t0;
+  const dateFormat = t1 === undefined ? DATE_FORMAT : t1;
+  const {
+    getLocale
+  } = useChatContext();
+  const labels = useLabels();
+  const styles = useThemedStyles(createDayStyles);
+  let t2;
+  if ($[0] !== createdAt || $[1] !== dateFormat || $[2] !== dateFormatCalendar || $[3] !== getLocale || $[4] !== labels) {
+    t2 = createdAt == null ? null : formatDayLabel(createdAt, getLocale(), dateFormat, labels.today, dateFormatCalendar);
+    $[0] = createdAt;
+    $[1] = dateFormat;
+    $[2] = dateFormatCalendar;
+    $[3] = getLocale;
+    $[4] = labels;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  const dateStr = t2;
+  if (!dateStr) {
+    return null;
+  }
+  let t3;
+  if ($[6] !== containerStyle || $[7] !== styles.container) {
+    t3 = [stylesCommon.centerItems, styles.container, containerStyle];
+    $[6] = containerStyle;
+    $[7] = styles.container;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  let t4;
+  if ($[9] !== styles.wrapper || $[10] !== wrapperStyle) {
+    t4 = [styles.wrapper, wrapperStyle];
+    $[9] = styles.wrapper;
+    $[10] = wrapperStyle;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  const t5 = textProps?.style;
+  let t6;
+  if ($[12] !== styles.text || $[13] !== t5) {
+    t6 = [styles.text, t5];
+    $[12] = styles.text;
+    $[13] = t5;
+    $[14] = t6;
+  } else {
+    t6 = $[14];
+  }
+  let t7;
+  if ($[15] !== dateStr || $[16] !== t6 || $[17] !== textProps) {
+    t7 = <Text {...textProps} style={t6}>{dateStr}</Text>;
+    $[15] = dateStr;
+    $[16] = t6;
+    $[17] = textProps;
+    $[18] = t7;
+  } else {
+    t7 = $[18];
+  }
+  let t8;
+  if ($[19] !== t4 || $[20] !== t7) {
+    t8 = <View style={t4}>{t7}</View>;
+    $[19] = t4;
+    $[20] = t7;
+    $[21] = t8;
+  } else {
+    t8 = $[21];
+  }
+  let t9;
+  if ($[22] !== t3 || $[23] !== t8) {
+    t9 = <View style={t3}>{t8}</View>;
+    $[22] = t3;
+    $[23] = t8;
+    $[24] = t9;
+  } else {
+    t9 = $[24];
+  }
+  return t9;
 }
 //# sourceMappingURL=index.js.map

package/lib/Day/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Day/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EACL,IAAI,EACJ,IAAI,EAAE,MAAM,cAAc,CAAA;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,QAAQ,MAAM,uBAAuB,CAAA;AAC5C,OAAO,YAAY,MAAM,2BAA2B,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,YAAY,MAAM,WAAW,CAAA;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAG1C,cAAc,SAAS,CAAA;AAEvB,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAAA;AAC1B,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;AAEtB,MAAM,UAAU,GAAG,CAAE,EACnB,UAAU,GAAG,WAAW,EACxB,kBAAkB,EAClB,SAAS,EACT,cAAc,EACd,YAAY,EACZ,SAAS,GACA;IACT,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAA;IACtC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,MAAM,GAAG,eAAe,CAAC,eAAe,CAAC,CAAA;IAE/C,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B,IAAI,SAAS,IAAI,IAAI;YACnB,OAAO,IAAI,CAAA;QAEb,MAAM,GAAG,GAAG,KAAK,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;QAClC,MAAM,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;QAEhE,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC;YAC3B,OAAO,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,CAAA;QAEnC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC;YAC5B,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE;gBACxB,OAAO,EAAE,IAAI,MAAM,CAAC,KAAK,GAAG;gBAC5B,GAAG,kBAAkB;aACtB,CAAC,CAAA;QAEJ,OAAO,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAA;IAChC,CAAC,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAA;IAExE,IAAI,CAAC,OAAO;QACV,OAAO,IAAI,CAAA;IAEb,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,WAAW,EAAE,MAAM,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC,CACxE;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,CAC1C;QAAA,CAAC,IAAI,CAAC,IAAI,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC,CAC1D;UAAA,CAAC,OAAO,CACV;QAAA,EAAE,IAAI,CACR;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC"}
+{"version":3,"file":"index.js","names":["React","View","Text","dayjs","calendar","relativeTime","useChatContext","DATE_FORMAT","useLabels","useThemedStyles","stylesCommon","localDayKey","createDayStyles","extend","dayCache","Map","DAY_CACHE_MAX","formatDayLabel","createdAt","locale","dateFormat","todayLabel","dateFormatCalendar","key","undefined","Date","now","cached","get","startOf","date","label","isSame","format","diff","sameDay","size","clear","set","Day","t0","$","_c","t1","containerStyle","wrapperStyle","textProps","getLocale","labels","styles","t2","today","dateStr","t3","container","centerItems","t4","wrapper","t5","style","t6","text","t7","t8","t9"],"sources":["../../src/Day/index.tsx"],"sourcesContent":["import React from 'react'\nimport {\n  View,\n  Text } from 'react-native'\nimport dayjs from 'dayjs'\nimport calendar from 'dayjs/plugin/calendar'\nimport relativeTime from 'dayjs/plugin/relativeTime'\nimport { useChatContext } from '../ChatContext'\nimport { DATE_FORMAT } from '../Constant'\nimport { useLabels } from '../hooks/useLabels'\nimport { useThemedStyles } from '../hooks/useTheme'\nimport stylesCommon from '../styles'\nimport { localDayKey } from '../utils'\nimport { createDayStyles } from './styles'\nimport { DayProps } from './types'\n\nexport * from './types'\n\ndayjs.extend(relativeTime)\ndayjs.extend(calendar)\n\n// A separator's label depends only on its day, today, the locale and the format, yet dayjs\n// builds, localises and formats two dates for it - a few milliseconds per separator on every\n// mount while a chat opens or a list scrolls. The common case (no custom calendar formats) is\n// cached by those inputs.\nconst dayCache = new Map<string, string>()\nconst DAY_CACHE_MAX = 500\n\nfunction formatDayLabel (\n  createdAt: NonNullable<DayProps['createdAt']>,\n  locale: string,\n  dateFormat: string,\n  todayLabel: string,\n  dateFormatCalendar: DayProps['dateFormatCalendar']\n) {\n  const key = dateFormatCalendar\n    ? undefined\n    : `${localDayKey(createdAt)}|${localDayKey(Date.now())}|${locale}|${dateFormat}|${todayLabel}`\n  const cached = key && dayCache.get(key)\n  if (cached)\n    return cached\n\n  const now = dayjs().startOf('day')\n  const date = dayjs(createdAt).locale(locale).startOf('day')\n  const label = !now.isSame(date, 'year')\n    ? date.format('D MMMM YYYY')\n    : now.diff(date, 'days') < 1\n      ? date.calendar(now, { sameDay: `[${todayLabel}]`, ...dateFormatCalendar })\n      : date.format(dateFormat)\n\n  if (key) {\n    if (dayCache.size >= DAY_CACHE_MAX)\n      dayCache.clear()\n    dayCache.set(key, label)\n  }\n  return label\n}\n\nexport function Day ({\n  dateFormat = DATE_FORMAT,\n  dateFormatCalendar,\n  createdAt,\n  containerStyle,\n  wrapperStyle,\n  textProps,\n}: DayProps) {\n  const { getLocale } = useChatContext()\n  const labels = useLabels()\n  const styles = useThemedStyles(createDayStyles)\n\n  const dateStr = createdAt == null\n    ? null\n    : formatDayLabel(createdAt, getLocale(), dateFormat, labels.today, dateFormatCalendar)\n\n  if (!dateStr)\n    return null\n\n  return (\n    <View style={[stylesCommon.centerItems, styles.container, containerStyle]}>\n      <View style={[styles.wrapper, wrapperStyle]}>\n        <Text {...textProps} style={[styles.text, textProps?.style]}>\n          {dateStr}\n        </Text>\n      </View>\n    </View>\n  )\n}\n"],"mappings":"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","ignoreList":[]}