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

package/lib/store.d.ts

@@ -0,0 +1,40 @@
+/**
+ * The one state container behind the chat's shared state (docs/ARCHITECTURE.md, rule 4).
+ *
+ * A store holds a value outside React; components read slices of it with `useStore`, and only
+ * a component whose slice changed re-renders. A keyed store holds one value per key (a message
+ * id) and wakes only that key's readers, so flipping one message's state costs one row, not a
+ * selector run in every mounted row.
+ */
+type Listener = () => void;
+export interface Store<T> {
+    get: () => T;
+    /** Replaces the value; readers are notified only if it changed (`Object.is`). */
+    set: (next: T | ((prev: T) => T)) => void;
+    subscribe: (listener: Listener) => () => void;
+}
+export declare function createStore<T>(initial: T): Store<T>;
+export interface KeyedStore<K, V> {
+    get: (key: K) => V | undefined;
+    has: (key: K) => boolean;
+    /** Sets one key; only that key's readers (and whole-store subscribers) are notified. */
+    set: (key: K, value: V) => void;
+    delete: (key: K) => void;
+    /** Removes every key, notifying the readers of each key that had a value. */
+    clear: () => void;
+    keys: () => K[];
+    subscribeKey: (key: K, listener: Listener) => () => void;
+    /** Notified on any change, for the few readers that need the whole map. */
+    subscribe: (listener: Listener) => () => void;
+}
+export declare function createKeyedStore<K, V>(): KeyedStore<K, V>;
+/**
+ * A slice of a store. The selector should return a primitive or a reference the store keeps
+ * (not a new object per call), or the component re-renders on every change of the store.
+ * `fallback` is returned when there is no store (a component rendered outside a `Chat`).
+ */
+export declare function useStore<T, S>(store: Store<T> | null | undefined, selector: (value: T) => S, fallback: S): S;
+/** One key's value; re-renders only when that key changes. */
+export declare function useKeyedValue<K, V>(store: KeyedStore<K, V> | null | undefined, key: K | undefined): V | undefined;
+export {};
+//# sourceMappingURL=store.d.ts.map

package/lib/store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../src/store.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,KAAK,QAAQ,GAAG,MAAM,IAAI,CAAA;AAE1B,MAAM,WAAW,KAAK,CAAC,CAAC;IACtB,GAAG,EAAE,MAAM,CAAC,CAAA;IACZ,iFAAiF;IACjF,GAAG,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,KAAK,IAAI,CAAA;IACzC,SAAS,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,MAAM,IAAI,CAAA;CAC9C;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAG,OAAO,EAAE,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAoBpD;AAED,MAAM,WAAW,UAAU,CAAC,CAAC,EAAE,CAAC;IAC9B,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,GAAG,SAAS,CAAA;IAC9B,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,OAAO,CAAA;IACxB,wFAAwF;IACxF,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,KAAK,IAAI,CAAA;IAC/B,MAAM,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAA;IACxB,6EAA6E;IAC7E,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,IAAI,EAAE,MAAM,CAAC,EAAE,CAAA;IACf,YAAY,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,KAAK,MAAM,IAAI,CAAA;IACxD,2EAA2E;IAC3E,SAAS,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,MAAM,IAAI,CAAA;CAC9C;AAED,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,CAAC,KAAM,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,CAoD1D;AAID;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAG,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,CAG7G;AAED,8DAA8D;AAC9D,wBAAgB,aAAa,CAAC,CAAC,EAAE,CAAC,EAAG,KAAK,EAAE,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,EAAE,GAAG,EAAE,CAAC,GAAG,SAAS,GAAG,CAAC,GAAG,SAAS,CAOlH"}

package/lib/store.js

@@ -0,0 +1,127 @@
+import { c as _c } from "react/compiler-runtime";
+import { useCallback, useSyncExternalStore } from 'react';
+
+/**
+ * The one state container behind the chat's shared state (docs/ARCHITECTURE.md, rule 4).
+ *
+ * A store holds a value outside React; components read slices of it with `useStore`, and only
+ * a component whose slice changed re-renders. A keyed store holds one value per key (a message
+ * id) and wakes only that key's readers, so flipping one message's state costs one row, not a
+ * selector run in every mounted row.
+ */
+
+export function createStore(initial) {
+  let value = initial;
+  const listeners = new Set();
+  return {
+    get: () => value,
+    set: next => {
+      const resolved = typeof next === 'function' ? next(value) : next;
+      if (Object.is(resolved, value)) return;
+      value = resolved;
+      listeners.forEach(listener => listener());
+    },
+    subscribe: listener => {
+      listeners.add(listener);
+      return () => {
+        listeners.delete(listener);
+      };
+    }
+  };
+}
+export function createKeyedStore() {
+  const values = new Map();
+  const keyListeners = new Map();
+  const listeners = new Set();
+  const notify = key => {
+    keyListeners.get(key)?.forEach(listener => listener());
+    listeners.forEach(listener => listener());
+  };
+  return {
+    get: key => values.get(key),
+    has: key => values.has(key),
+    set: (key, value) => {
+      if (values.has(key) && Object.is(values.get(key), value)) return;
+      values.set(key, value);
+      notify(key);
+    },
+    delete: key => {
+      if (!values.delete(key)) return;
+      notify(key);
+    },
+    clear: () => {
+      const keys = [...values.keys()];
+      values.clear();
+      keys.forEach(key => keyListeners.get(key)?.forEach(listener => listener()));
+      if (keys.length) listeners.forEach(listener => listener());
+    },
+    keys: () => [...values.keys()],
+    subscribeKey: (key, listener) => {
+      let set = keyListeners.get(key);
+      if (!set) {
+        set = new Set();
+        keyListeners.set(key, set);
+      }
+      set.add(listener);
+      return () => {
+        set.delete(listener);
+        if (set.size === 0 && keyListeners.get(key) === set) keyListeners.delete(key);
+      };
+    },
+    subscribe: listener => {
+      listeners.add(listener);
+      return () => {
+        listeners.delete(listener);
+      };
+    }
+  };
+}
+const noopSubscribe = () => () => {};
+
+/**
+ * A slice of a store. The selector should return a primitive or a reference the store keeps
+ * (not a new object per call), or the component re-renders on every change of the store.
+ * `fallback` is returned when there is no store (a component rendered outside a `Chat`).
+ */
+export function useStore(store, selector, fallback) {
+  const $ = _c(4);
+  let t0;
+  if ($[0] !== fallback || $[1] !== selector || $[2] !== store) {
+    t0 = () => store ? selector(store.get()) : fallback;
+    $[0] = fallback;
+    $[1] = selector;
+    $[2] = store;
+    $[3] = t0;
+  } else {
+    t0 = $[3];
+  }
+  const getSnapshot = t0;
+  return useSyncExternalStore(store?.subscribe ?? noopSubscribe, getSnapshot, getSnapshot);
+}
+
+/** One key's value; re-renders only when that key changes. */
+export function useKeyedValue(store, key) {
+  const $ = _c(6);
+  let t0;
+  if ($[0] !== key || $[1] !== store) {
+    t0 = listener => store && key !== undefined ? store.subscribeKey(key, listener) : noopSubscribe();
+    $[0] = key;
+    $[1] = store;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  const subscribe = t0;
+  let t1;
+  if ($[3] !== key || $[4] !== store) {
+    t1 = () => store && key !== undefined ? store.get(key) : undefined;
+    $[3] = key;
+    $[4] = store;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  const getSnapshot = t1;
+  return useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+}
+//# sourceMappingURL=store.js.map

package/lib/store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.js","names":["useCallback","useSyncExternalStore","createStore","initial","value","listeners","Set","get","set","next","resolved","Object","is","forEach","listener","subscribe","add","delete","createKeyedStore","values","Map","keyListeners","notify","key","has","clear","keys","length","subscribeKey","size","noopSubscribe","useStore","store","selector","fallback","$","_c","t0","getSnapshot","useKeyedValue","undefined","t1"],"sources":["../src/store.ts"],"sourcesContent":["import { useCallback, useSyncExternalStore } from 'react'\n\n/**\n * The one state container behind the chat's shared state (docs/ARCHITECTURE.md, rule 4).\n *\n * A store holds a value outside React; components read slices of it with `useStore`, and only\n * a component whose slice changed re-renders. A keyed store holds one value per key (a message\n * id) and wakes only that key's readers, so flipping one message's state costs one row, not a\n * selector run in every mounted row.\n */\n\ntype Listener = () => void\n\nexport interface Store<T> {\n  get: () => T\n  /** Replaces the value; readers are notified only if it changed (`Object.is`). */\n  set: (next: T | ((prev: T) => T)) => void\n  subscribe: (listener: Listener) => () => void\n}\n\nexport function createStore<T> (initial: T): Store<T> {\n  let value = initial\n  const listeners = new Set<Listener>()\n\n  return {\n    get: () => value,\n    set: next => {\n      const resolved = typeof next === 'function' ? (next as (prev: T) => T)(value) : next\n      if (Object.is(resolved, value))\n        return\n      value = resolved\n      listeners.forEach(listener => listener())\n    },\n    subscribe: listener => {\n      listeners.add(listener)\n      return () => {\n        listeners.delete(listener)\n      }\n    },\n  }\n}\n\nexport interface KeyedStore<K, V> {\n  get: (key: K) => V | undefined\n  has: (key: K) => boolean\n  /** Sets one key; only that key's readers (and whole-store subscribers) are notified. */\n  set: (key: K, value: V) => void\n  delete: (key: K) => void\n  /** Removes every key, notifying the readers of each key that had a value. */\n  clear: () => void\n  keys: () => K[]\n  subscribeKey: (key: K, listener: Listener) => () => void\n  /** Notified on any change, for the few readers that need the whole map. */\n  subscribe: (listener: Listener) => () => void\n}\n\nexport function createKeyedStore<K, V> (): KeyedStore<K, V> {\n  const values = new Map<K, V>()\n  const keyListeners = new Map<K, Set<Listener>>()\n  const listeners = new Set<Listener>()\n\n  const notify = (key: K) => {\n    keyListeners.get(key)?.forEach(listener => listener())\n    listeners.forEach(listener => listener())\n  }\n\n  return {\n    get: key => values.get(key),\n    has: key => values.has(key),\n    set: (key, value) => {\n      if (values.has(key) && Object.is(values.get(key), value))\n        return\n      values.set(key, value)\n      notify(key)\n    },\n    delete: key => {\n      if (!values.delete(key))\n        return\n      notify(key)\n    },\n    clear: () => {\n      const keys = [...values.keys()]\n      values.clear()\n      keys.forEach(key => keyListeners.get(key)?.forEach(listener => listener()))\n      if (keys.length)\n        listeners.forEach(listener => listener())\n    },\n    keys: () => [...values.keys()],\n    subscribeKey: (key, listener) => {\n      let set = keyListeners.get(key)\n      if (!set) {\n        set = new Set()\n        keyListeners.set(key, set)\n      }\n      set.add(listener)\n      return () => {\n        set.delete(listener)\n        if (set.size === 0 && keyListeners.get(key) === set)\n          keyListeners.delete(key)\n      }\n    },\n    subscribe: listener => {\n      listeners.add(listener)\n      return () => {\n        listeners.delete(listener)\n      }\n    },\n  }\n}\n\nconst noopSubscribe = () => () => {}\n\n/**\n * A slice of a store. The selector should return a primitive or a reference the store keeps\n * (not a new object per call), or the component re-renders on every change of the store.\n * `fallback` is returned when there is no store (a component rendered outside a `Chat`).\n */\nexport function useStore<T, S> (store: Store<T> | null | undefined, selector: (value: T) => S, fallback: S): S {\n  const getSnapshot = () => (store ? selector(store.get()) : fallback)\n  return useSyncExternalStore(store?.subscribe ?? noopSubscribe, getSnapshot, getSnapshot)\n}\n\n/** One key's value; re-renders only when that key changes. */\nexport function useKeyedValue<K, V> (store: KeyedStore<K, V> | null | undefined, key: K | undefined): V | undefined {\n  const subscribe = useCallback(\n    (listener: Listener) => (store && key !== undefined ? store.subscribeKey(key, listener) : noopSubscribe()),\n    [store, key]\n  )\n  const getSnapshot = () => (store && key !== undefined ? store.get(key) : undefined)\n  return useSyncExternalStore(subscribe, getSnapshot, getSnapshot)\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/styles.d.ts

@@ -1,5 +1,5 @@
 import { StyleProp, TextStyle, ViewStyle } from 'react-native';
-declare const _default: {
+declare const _default: Readonly<{
     fill: {
         flex: number;
     };
@@ -7,7 +7,7 @@ declare const _default: {
         justifyContent: "center";
         alignItems: "center";
     };
-};
+}>;
 export default _default;
 export declare function getColorSchemeStyle<T>(styles: T, baseName: string, colorScheme?: string | null): T[keyof T][];
 export declare function getStyleWithPosition<T>(styles: T, baseName: string, position?: 'left' | 'right' | null): StyleProp<ViewStyle> | StyleProp<TextStyle>;

package/lib/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAc,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;;;;;;;;;;AAE1E,wBAQE;AAEF,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,gBAG9F;AAED,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,GAM3D,SAAS,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC,SAAS,CAAC,CACtF"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAc,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;;;;;;;;;;AAE1E,wBAQE;AAEF,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,gBAG9F;AAED,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,GAMvB,SAAS,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC,SAAS,CAAC,CAC1H"}

package/lib/styles.js

@@ -1,23 +1,23 @@
 import { StyleSheet } from 'react-native';
 export default StyleSheet.create({
-    fill: {
-        flex: 1,
-    },
-    centerItems: {
-        justifyContent: 'center',
-        alignItems: 'center',
-    },
+  fill: {
+    flex: 1
+  },
+  centerItems: {
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
 });
 export function getColorSchemeStyle(styles, baseName, colorScheme) {
-    const key = `${baseName}_${colorScheme}`;
-    return [styles[baseName], styles[key]];
+  const key = `${baseName}_${colorScheme}`;
+  return [styles[baseName], styles[key]];
 }
 export function getStyleWithPosition(styles, baseName, position) {
-    const stylesArray = [styles[baseName]];
-    if (position) {
-        const key = `${baseName}_${position}`;
-        stylesArray.push(styles[key]);
-    }
-    return StyleSheet.flatten(stylesArray);
+  const stylesArray = [styles[baseName]];
+  if (position) {
+    const key = `${baseName}_${position}`;
+    stylesArray.push(styles[key]);
+  }
+  return StyleSheet.flatten(stylesArray);
 }
 //# sourceMappingURL=styles.js.map

package/lib/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAwB,MAAM,cAAc,CAAA;AAE1E,eAAe,UAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE;QACJ,IAAI,EAAE,CAAC;KACR;IACD,WAAW,EAAE;QACX,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;KACrB;CACF,CAAC,CAAA;AAEF,MAAM,UAAU,mBAAmB,CAAI,MAAS,EAAE,QAAgB,EAAE,WAA2B;IAC7F,MAAM,GAAG,GAAG,GAAG,QAAQ,IAAI,WAAW,EAAa,CAAA;IACnD,OAAO,CAAC,MAAM,CAAC,QAAmB,CAAC,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAA;AACnD,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAI,MAAS,EAAE,QAAgB,EAAE,QAAkC;IACrG,MAAM,WAAW,GAAG,CAAC,MAAM,CAAC,QAAmB,CAAC,CAAC,CAAA;IACjD,IAAI,QAAQ,EAAE,CAAC;QACb,MAAM,GAAG,GAAG,GAAG,QAAQ,IAAI,QAAQ,EAAa,CAAA;QAChD,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAA;IAC/B,CAAC;IACD,OAAO,UAAU,CAAC,OAAO,CAAC,WAAW,CAAgD,CAAA;AACvF,CAAC"}
+{"version":3,"file":"styles.js","names":["StyleSheet","create","fill","flex","centerItems","justifyContent","alignItems","getColorSchemeStyle","styles","baseName","colorScheme","key","getStyleWithPosition","position","stylesArray","push","flatten"],"sources":["../src/styles.ts"],"sourcesContent":["import { StyleProp, StyleSheet, TextStyle, ViewStyle } from 'react-native'\n\nexport default StyleSheet.create({\n  fill: {\n    flex: 1,\n  },\n  centerItems: {\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n})\n\nexport function getColorSchemeStyle<T>(styles: T, baseName: string, colorScheme?: string | null) {\n  const key = `${baseName}_${colorScheme}` as keyof T\n  return [styles[baseName as keyof T], styles[key]]\n}\n\nexport function getStyleWithPosition<T>(styles: T, baseName: string, position?: 'left' | 'right' | null) {\n  const stylesArray = [styles[baseName as keyof T]]\n  if (position) {\n    const key = `${baseName}_${position}` as keyof T\n    stylesArray.push(styles[key])\n  }\n  return StyleSheet.flatten(stylesArray as StyleProp<ViewStyle | TextStyle>) as StyleProp<ViewStyle> | StyleProp<TextStyle>\n}\n"],"mappings":"AAAA,SAAoBA,UAAU,QAA8B,cAAc;AAE1E,eAAeA,UAAU,CAACC,MAAM,CAAC;EAC/BC,IAAI,EAAE;IACJC,IAAI,EAAE;EACR,CAAC;EACDC,WAAW,EAAE;IACXC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,OAAO,SAASC,mBAAmBA,CAAIC,MAAS,EAAEC,QAAgB,EAAEC,WAA2B,EAAE;EAC/F,MAAMC,GAAG,GAAG,GAAGF,QAAQ,IAAIC,WAAW,EAAa;EACnD,OAAO,CAACF,MAAM,CAACC,QAAQ,CAAY,EAAED,MAAM,CAACG,GAAG,CAAC,CAAC;AACnD;AAEA,OAAO,SAASC,oBAAoBA,CAAIJ,MAAS,EAAEC,QAAgB,EAAEI,QAAkC,EAAE;EACvG,MAAMC,WAAW,GAAG,CAACN,MAAM,CAACC,QAAQ,CAAY,CAAC;EACjD,IAAII,QAAQ,EAAE;IACZ,MAAMF,GAAG,GAAG,GAAGF,QAAQ,IAAII,QAAQ,EAAa;IAChDC,WAAW,CAACC,IAAI,CAACP,MAAM,CAACG,GAAG,CAAC,CAAC;EAC/B;EACA,OAAOX,UAAU,CAACgB,OAAO,CAACF,WAA+C,CAAC;AAC5E","ignoreList":[]}

package/lib/types.js

@@ -1,2 +1,3 @@
 export * from './Models';
+export {};
 //# sourceMappingURL=types.js.map

package/lib/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA"}
+{"version":3,"file":"types.js","names":[],"sources":["../src/types.ts"],"sourcesContent":["export * from './Models'\n\nexport type { ActionsProps } from './Actions'\nexport type { AvatarProps } from './Avatar'\nexport type {\n  BubbleProps,\n  RenderMessageImageProps,\n  RenderMessageVideoProps,\n  RenderMessageAudioProps,\n  RenderMessageLocationProps,\n  RenderMessageTextProps\n} from './Bubble'\nexport type { ComposerProps } from './Composer'\nexport type { AttachmentAction, AttachmentSheetProps } from './components/AttachmentSheet'\nexport type { DayProps } from './Day'\nexport type { ChatAvatarProps } from './ChatAvatar'\nexport type { InputToolbarProps, ReplyPreviewProps } from './InputToolbar'\nexport type { LoadEarlierMessagesProps } from './LoadEarlierMessages'\nexport type { MessageProps } from './Message'\nexport type { MessagesContainerProps } from './MessagesContainer'\nexport type { MessageImageProps } from './MessageImage'\nexport type { MessageTextProps } from './MessageText'\nexport type { MessageReplyProps } from './components/MessageReply'\nexport type { QuickRepliesProps } from './QuickReplies'\nexport type { SendProps } from './Send'\nexport type { SystemMessageProps } from './SystemMessage'\nexport type { TimeProps } from './Time'\n"],"mappings":"AAAA,cAAc,UAAU;AAAA","ignoreList":[]}

package/lib/utils.d.ts

@@ -2,7 +2,22 @@ import React from 'react';
 import { IMessage } from './Models';
 export declare function renderComponentOrElement<TProps extends Record<string, any>>(component: React.ComponentType<TProps> | React.ReactElement | ((props: TProps) => React.ReactNode) | null | undefined, props: TProps): React.ReactNode;
 export declare function isSameDay(currentMessage: IMessage, diffMessage: IMessage | null | undefined): boolean;
+/**
+ * The local calendar day of a timestamp as one number (20261102), NaN when it is not a date.
+ * Grouping and the date separators compare neighbours' days for every message on each change
+ * to the list (a send, a status tick, every frame of a streamed reply); two dayjs objects and
+ * an `isSame('day')` per comparison made that the costliest part of a list update.
+ */
+export declare function localDayKey(value: Date | number | string | undefined): number;
 export declare function isSameUser(currentMessage: IMessage, diffMessage: IMessage | null | undefined): boolean;
+/** Bubbles sent within five minutes of each other are grouped into one run. */
+export declare const GROUP_MAX_GAP_MS: number;
+/**
+ * Whether two adjacent messages belong to one run of bubbles: the same sender, the same day,
+ * at most five minutes apart, and neither a system message. A run shares one tail, one
+ * avatar and one sender name, with 2pt between its bubbles instead of 6.
+ */
+export declare function isSameGroup(currentMessage: IMessage | null | undefined, diffMessage: IMessage | null | undefined): boolean;
 export declare function useCallbackDebounced<T extends (...args: any[]) => any>(callbackFunc: T, deps: React.DependencyList | undefined, time: number): (...args: Parameters<T>) => void;
 export declare function useCallbackThrottled<T extends (...args: any[]) => any>(callbackFunc: T, deps: React.DependencyList | undefined, time: number): (...args: Parameters<T>) => void;
 //# sourceMappingURL=utils.d.ts.map

package/lib/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAE7D,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAEnC,wBAAgB,wBAAwB,CAAC,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACzE,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,YAAY,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,IAAI,GAAG,SAAS,EACrH,KAAK,EAAE,MAAM,GACZ,KAAK,CAAC,SAAS,CA6BjB;AAED,wBAAgB,SAAS,CACvB,cAAc,EAAE,QAAQ,EACxB,WAAW,EAAE,QAAQ,GAAG,IAAI,GAAG,SAAS,WAYzC;AAED,wBAAgB,UAAU,CACxB,cAAc,EAAE,QAAQ,EACxB,WAAW,EAAE,QAAQ,GAAG,IAAI,GAAG,SAAS,WAQzC;AAkBD,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,EAAE,YAAY,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,cAAc,YAAK,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAqBxK;AAED,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,EAAE,YAAY,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,cAAc,YAAK,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAiCxK"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAA;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAEnC,wBAAgB,wBAAwB,CAAC,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACzE,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,YAAY,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,IAAI,GAAG,SAAS,EACrH,KAAK,EAAE,MAAM,GACZ,KAAK,CAAC,SAAS,CA6BjB;AAED,wBAAgB,SAAS,CACvB,cAAc,EAAE,QAAQ,EACxB,WAAW,EAAE,QAAQ,GAAG,IAAI,GAAG,SAAS,WAOzC;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAE,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,UAQrE;AAED,wBAAgB,UAAU,CACxB,cAAc,EAAE,QAAQ,EACxB,WAAW,EAAE,QAAQ,GAAG,IAAI,GAAG,SAAS,WAQzC;AAED,+EAA+E;AAC/E,eAAO,MAAM,gBAAgB,QAAgB,CAAA;AAS7C;;;;GAIG;AACH,wBAAgB,WAAW,CACzB,cAAc,EAAE,QAAQ,GAAG,IAAI,GAAG,SAAS,EAC3C,WAAW,EAAE,QAAQ,GAAG,IAAI,GAAG,SAAS,WAazC;AA4CD,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,EAAE,YAAY,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,cAAc,YAAK,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAuBxK;AAED,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,EAAE,YAAY,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,cAAc,YAAK,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAkCxK"}

package/lib/utils.js

@@ -1,105 +1,210 @@
-import React, { useCallback, useEffect, useRef } from 'react';
-import dayjs from 'dayjs';
+import { c as _c } from "react/compiler-runtime";
+import React, { useCallback, useEffect, useRef, useState } from 'react';
 export function renderComponentOrElement(component, props) {
-    if (!component)
-        return null;
-    if (React.isValidElement(component))
-        // If it's already a React element, clone it with props
-        return React.cloneElement(component, props);
-    if (typeof component === 'function') {
-        // Check if it's a class component (has prototype.isReactComponent)
-        // Class components must use React.createElement
-        const isClassComponent = component.prototype && component.prototype.isReactComponent;
-        if (isClassComponent)
-            return React.createElement(component, props);
-        // For function components and render functions, call directly
-        // Using createElement with inline arrow functions causes unmount/remount
-        // when function reference changes, this matches v2.x behavior
-        return component(props);
-    }
-    // Check for React.memo or React.forwardRef wrapped components
-    // These have $$typeof property and should be rendered with createElement
-    if (typeof component === 'object' && component !== null && '$$typeof' in component)
-        return React.createElement(component, props);
-    // If it's neither, return it as-is
-    return component;
+  if (!component) return null;
+  if (React.isValidElement(component))
+    // If it's already a React element, clone it with props
+    return React.cloneElement(component, props);
+  if (typeof component === 'function') {
+    // Check if it's a class component (has prototype.isReactComponent)
+    // Class components must use React.createElement
+    const isClassComponent = component.prototype && component.prototype.isReactComponent;
+    if (isClassComponent) return React.createElement(component, props);
+
+    // For function components and render functions, call directly
+    // Using createElement with inline arrow functions causes unmount/remount
+    // when function reference changes, this matches v2.x behavior
+    return component(props);
+  }
+
+  // Check for React.memo or React.forwardRef wrapped components
+  // These have $$typeof property and should be rendered with createElement
+  if (typeof component === 'object' && component !== null && '$$typeof' in component) return React.createElement(component, props);
+
+  // If it's neither, return it as-is
+  return component;
 }
 export function isSameDay(currentMessage, diffMessage) {
-    if (!diffMessage || !diffMessage.createdAt)
-        return false;
-    const currentCreatedAt = dayjs(currentMessage.createdAt);
-    const diffCreatedAt = dayjs(diffMessage.createdAt);
-    if (!currentCreatedAt.isValid() || !diffCreatedAt.isValid())
-        return false;
-    return currentCreatedAt.isSame(diffCreatedAt, 'day');
+  if (!diffMessage || !diffMessage.createdAt) return false;
+  const current = localDayKey(currentMessage.createdAt);
+  return !Number.isNaN(current) && current === localDayKey(diffMessage.createdAt);
+}
+
+/**
+ * The local calendar day of a timestamp as one number (20261102), NaN when it is not a date.
+ * Grouping and the date separators compare neighbours' days for every message on each change
+ * to the list (a send, a status tick, every frame of a streamed reply); two dayjs objects and
+ * an `isSame('day')` per comparison made that the costliest part of a list update.
+ */
+export function localDayKey(value) {
+  if (value == null) return NaN;
+  const date = value instanceof Date ? value : new Date(value);
+  const time = date.getTime();
+  if (Number.isNaN(time)) return NaN;
+  return date.getFullYear() * 10000 + date.getMonth() * 100 + date.getDate();
 }
 export function isSameUser(currentMessage, diffMessage) {
-    return !!(diffMessage &&
-        diffMessage.user &&
-        currentMessage.user &&
-        diffMessage.user._id === currentMessage.user._id);
+  return !!(diffMessage && diffMessage.user && currentMessage.user && diffMessage.user._id === currentMessage.user._id);
+}
+
+/** Bubbles sent within five minutes of each other are grouped into one run. */
+export const GROUP_MAX_GAP_MS = 5 * 60 * 1000;
+const toTime = value => {
+  if (value == null) return NaN;
+  return typeof value === 'number' ? value : new Date(value).getTime();
+};
+
+/**
+ * Whether two adjacent messages belong to one run of bubbles: the same sender, the same day,
+ * at most five minutes apart, and neither a system message. A run shares one tail, one
+ * avatar and one sender name, with 2pt between its bubbles instead of 6.
+ */
+export function isSameGroup(currentMessage, diffMessage) {
+  if (!currentMessage || !diffMessage) return false;
+  if (currentMessage.system || diffMessage.system) return false;
+  if (!isSameUser(currentMessage, diffMessage) || !isSameDay(currentMessage, diffMessage)) return false;
+  const gap = Math.abs(toTime(currentMessage.createdAt) - toTime(diffMessage.createdAt));
+  return Number.isFinite(gap) && gap <= GROUP_MAX_GAP_MS;
 }
 function processCallbackArguments(args) {
-    const [e, ...rest] = args;
-    const { nativeEvent } = e || {};
-    let params = [];
-    if (e) {
-        if (nativeEvent)
-            params.push({ nativeEvent });
-        else
-            params.push(e);
-        if (rest)
-            params = params.concat(rest);
-    }
-    return params;
+  const [e, ...rest] = args;
+  const {
+    nativeEvent
+  } = e || {};
+  let params = [];
+  if (e) {
+    if (nativeEvent) params.push({
+      nativeEvent
+    });else params.push(e);
+    if (rest) params = params.concat(rest);
+  }
+  return params;
 }
-export function useCallbackDebounced(callbackFunc, deps = [], time) {
-    const timeoutId = useRef(undefined);
-    const savedFunc = useCallback((...args) => {
-        const params = processCallbackArguments(args);
-        if (timeoutId.current)
-            clearTimeout(timeoutId.current);
-        timeoutId.current = setTimeout(() => {
-            callbackFunc(...params);
-        }, time);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [callbackFunc, time, ...deps]);
-    useEffect(() => {
-        return () => {
-            if (timeoutId.current)
-                clearTimeout(timeoutId.current);
-        };
-    }, []);
-    return savedFunc;
+function areDepsEqual(a, b) {
+  if (a.length !== b.length) return false;
+  for (let i = 0; i < a.length; i++) if (!Object.is(a[i], b[i])) return false;
+  return true;
 }
-export function useCallbackThrottled(callbackFunc, deps = [], time) {
-    const lastExecution = useRef(0);
-    const timeoutId = useRef(undefined);
-    // we use function instead of arrow to access arguments object
-    const savedFunc = useCallback((...args) => {
-        const params = processCallbackArguments(args);
-        const now = Date.now();
-        const timeSinceLastExecution = now - lastExecution.current;
-        if (timeSinceLastExecution >= time) {
-            // Execute immediately if enough time has passed
-            lastExecution.current = now;
-            callbackFunc(...params);
-        }
-        else {
-            // Schedule execution for the remaining time
-            clearTimeout(timeoutId.current);
-            timeoutId.current = setTimeout(() => {
-                lastExecution.current = Date.now();
-                callbackFunc(...params);
-            }, time - timeSinceLastExecution);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [callbackFunc, time, ...deps]);
-    useEffect(() => {
-        return () => {
-            clearTimeout(timeoutId.current);
-        };
-    }, []);
-    return savedFunc;
+
+/**
+ * A number that changes whenever `deps` changes (compared like React compares a dependency
+ * list). The hooks below take a caller-owned `deps` list, which cannot be spread into a
+ * memo's dependency array without making React Compiler skip the whole hook; folding it into
+ * one value keeps the array a literal.
+ */
+function useDepsVersion(deps) {
+  const [prevDeps, setPrevDeps] = useState(deps);
+  const [version, setVersion] = useState(0);
+  if (!areDepsEqual(prevDeps, deps)) {
+    setPrevDeps(deps);
+    setVersion(version + 1);
+    return version + 1;
+  }
+  return version;
+}
+export function useCallbackDebounced(callbackFunc, t0, time) {
+  const $ = _c(7);
+  let t1;
+  if ($[0] !== t0) {
+    t1 = t0 === undefined ? [] : t0;
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const deps = t1;
+  const timeoutId = useRef(undefined);
+  const depsVersion = useDepsVersion(deps);
+  let t2;
+  if ($[2] !== callbackFunc || $[3] !== time) {
+    t2 = (...t3) => {
+      const args = t3;
+      const params = processCallbackArguments(args);
+      if (timeoutId.current) {
+        clearTimeout(timeoutId.current);
+      }
+      timeoutId.current = setTimeout(() => {
+        callbackFunc(...params);
+      }, time);
+    };
+    $[2] = callbackFunc;
+    $[3] = time;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  const savedFunc = t2;
+  let t3;
+  let t4;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = () => () => {
+      if (timeoutId.current) {
+        clearTimeout(timeoutId.current);
+      }
+    };
+    t4 = [];
+    $[5] = t3;
+    $[6] = t4;
+  } else {
+    t3 = $[5];
+    t4 = $[6];
+  }
+  useEffect(t3, t4);
+  return savedFunc;
+}
+export function useCallbackThrottled(callbackFunc, t0, time) {
+  const $ = _c(7);
+  let t1;
+  if ($[0] !== t0) {
+    t1 = t0 === undefined ? [] : t0;
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const deps = t1;
+  const lastExecution = useRef(0);
+  const timeoutId = useRef(undefined);
+  const depsVersion = useDepsVersion(deps);
+  let t2;
+  if ($[2] !== callbackFunc || $[3] !== time) {
+    t2 = (...t3) => {
+      const args = t3;
+      const params = processCallbackArguments(args);
+      const now = Date.now();
+      const timeSinceLastExecution = now - lastExecution.current;
+      if (timeSinceLastExecution >= time) {
+        lastExecution.current = now;
+        callbackFunc(...params);
+      } else {
+        clearTimeout(timeoutId.current);
+        timeoutId.current = setTimeout(() => {
+          lastExecution.current = Date.now();
+          callbackFunc(...params);
+        }, time - timeSinceLastExecution);
+      }
+    };
+    $[2] = callbackFunc;
+    $[3] = time;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  const savedFunc = t2;
+  let t3;
+  let t4;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = () => () => {
+      clearTimeout(timeoutId.current);
+    };
+    t4 = [];
+    $[5] = t3;
+    $[6] = t4;
+  } else {
+    t3 = $[5];
+    t4 = $[6];
+  }
+  useEffect(t3, t4);
+  return savedFunc;
 }
 //# sourceMappingURL=utils.js.map