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

package/lib/Chat/ChatSelectionBar.js

@@ -0,0 +1,141 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { useMemo } from 'react';
+import { useSelectedIds } from '../components/messageSelection';
+import { SelectionBar } from '../components/SelectionBar';
+/** Oldest first, the order a selection is copied and forwarded in. */
+const byDate = (a, b) => new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime();
+
+/**
+ * The bar in the composer's place while messages are selected. Only this re-renders as messages
+ * are checked; `Chat` itself re-renders once on the way in and once on the way out.
+ */
+export function ChatSelectionBar(t0) {
+  const $ = _c(26);
+  const {
+    store,
+    messages: allMessages,
+    canCopy,
+    onCopy,
+    onForward,
+    onDelete,
+    renderSelectionBar
+  } = t0;
+  const ids = useSelectedIds(store);
+  let t1;
+  if ($[0] !== allMessages || $[1] !== ids) {
+    let t2;
+    if ($[3] !== allMessages) {
+      t2 = id => allMessages.find(message => message._id === id);
+      $[3] = allMessages;
+      $[4] = t2;
+    } else {
+      t2 = $[4];
+    }
+    t1 = ids.map(t2).filter(_temp);
+    $[0] = allMessages;
+    $[1] = ids;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const messages = t1;
+  let t2;
+  if ($[5] !== messages) {
+    t2 = [...messages].sort(byDate);
+    $[5] = messages;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  const ordered = t2;
+  let t3;
+  let t4;
+  if ($[7] !== canCopy || $[8] !== ids.length || $[9] !== onCopy || $[10] !== onDelete || $[11] !== onForward || $[12] !== ordered || $[13] !== renderSelectionBar || $[14] !== store.clear) {
+    t4 = Symbol.for("react.early_return_sentinel");
+    bb0: {
+      const actions = [];
+      if (canCopy && ordered.some(_temp2)) {
+        let t5;
+        if ($[17] !== onCopy || $[18] !== ordered) {
+          t5 = () => onCopy(ordered);
+          $[17] = onCopy;
+          $[18] = ordered;
+          $[19] = t5;
+        } else {
+          t5 = $[19];
+        }
+        actions.push({
+          key: "copy",
+          onPress: t5
+        });
+      }
+      if (onForward) {
+        let t5;
+        if ($[20] !== onForward || $[21] !== ordered) {
+          t5 = () => onForward(ordered);
+          $[20] = onForward;
+          $[21] = ordered;
+          $[22] = t5;
+        } else {
+          t5 = $[22];
+        }
+        actions.push({
+          key: "forward",
+          onPress: t5
+        });
+      }
+      if (onDelete) {
+        let t5;
+        if ($[23] !== onDelete || $[24] !== ordered) {
+          t5 = () => onDelete(ordered);
+          $[23] = onDelete;
+          $[24] = ordered;
+          $[25] = t5;
+        } else {
+          t5 = $[25];
+        }
+        actions.push({
+          key: "delete",
+          onPress: t5
+        });
+      }
+      const props = {
+        count: ids.length,
+        onClose: store.clear,
+        actions
+      };
+      if (renderSelectionBar) {
+        t4 = <>{renderSelectionBar({
+            ...props,
+            messages: ordered
+          })}</>;
+        break bb0;
+      }
+      t3 = <SelectionBar {...props} />;
+    }
+    $[7] = canCopy;
+    $[8] = ids.length;
+    $[9] = onCopy;
+    $[10] = onDelete;
+    $[11] = onForward;
+    $[12] = ordered;
+    $[13] = renderSelectionBar;
+    $[14] = store.clear;
+    $[15] = t3;
+    $[16] = t4;
+  } else {
+    t3 = $[15];
+    t4 = $[16];
+  }
+  if (t4 !== Symbol.for("react.early_return_sentinel")) {
+    return t4;
+  }
+  return t3;
+}
+function _temp2(message_1) {
+  return !!message_1.text;
+}
+function _temp(message_0) {
+  return !!message_0;
+}
+//# sourceMappingURL=ChatSelectionBar.js.map

package/lib/Chat/ChatSelectionBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatSelectionBar.js","names":["React","useMemo","useSelectedIds","SelectionBar","byDate","a","b","Date","createdAt","getTime","ChatSelectionBar","t0","$","_c","store","messages","allMessages","canCopy","onCopy","onForward","onDelete","renderSelectionBar","ids","t1","t2","id","find","message","_id","map","filter","_temp","sort","ordered","t3","t4","length","clear","Symbol","for","bb0","actions","some","_temp2","t5","push","key","onPress","props","count","onClose","message_1","text","message_0"],"sources":["../../src/Chat/ChatSelectionBar.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\nimport { MessageSelectionStore, useSelectedIds } from '../components/messageSelection'\nimport { SelectionBar, SelectionBarAction, SelectionBarProps } from '../components/SelectionBar'\nimport { IMessage } from '../Models'\n\n/** Oldest first, the order a selection is copied and forwarded in. */\nconst byDate = <TMessage extends IMessage>(a: TMessage, b: TMessage) =>\n  new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime()\n\n/**\n * The bar in the composer's place while messages are selected. Only this re-renders as messages\n * are checked; `Chat` itself re-renders once on the way in and once on the way out.\n */\nexport function ChatSelectionBar<TMessage extends IMessage> ({\n  store,\n  messages: allMessages,\n  canCopy,\n  onCopy,\n  onForward,\n  onDelete,\n  renderSelectionBar,\n}: {\n  store: MessageSelectionStore\n  messages: TMessage[]\n  canCopy: boolean\n  onCopy: (messages: TMessage[]) => void\n  onForward?: (messages: TMessage[]) => void\n  onDelete?: (messages: TMessage[]) => void\n  renderSelectionBar?: ((props: SelectionBarProps & { messages: TMessage[] }) => React.ReactNode) | null\n}) {\n  const ids = useSelectedIds(store)\n  const messages = useMemo(() => ids\n    .map(id => allMessages.find(message => message._id === id))\n    .filter((message): message is TMessage => !!message)\n  , [ids, allMessages])\n  const ordered = useMemo(() => [...messages].sort(byDate), [messages])\n\n  const actions: SelectionBarAction[] = []\n  if (canCopy && ordered.some(message => !!message.text))\n    actions.push({ key: 'copy', onPress: () => onCopy(ordered) })\n  if (onForward)\n    actions.push({ key: 'forward', onPress: () => onForward(ordered) })\n  if (onDelete)\n    actions.push({ key: 'delete', onPress: () => onDelete(ordered) })\n\n  const props = { count: ids.length, onClose: store.clear, actions }\n  if (renderSelectionBar)\n    return <>{renderSelectionBar({ ...props, messages: ordered })}</>\n\n  return <SelectionBar {...props} />\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/Chat/ChatWrapper.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { appendMessages, prependMessages } from '../messageUtils';
+import { IMessage } from '../Models';
+import { ChatProps } from './types';
+export declare function ChatWrapper<TMessage extends IMessage = IMessage>(props: ChatProps<TMessage>): React.JSX.Element;
+export declare namespace ChatWrapper {
+    var append: typeof appendMessages;
+    var prepend: typeof prependMessages;
+    var toggleReaction: typeof import("..").toggleReaction;
+}
+//# sourceMappingURL=ChatWrapper.d.ts.map

package/lib/Chat/ChatWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatWrapper.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAKvC,OAAO,EAAE,cAAc,EAAE,eAAe,EAAkB,MAAM,iBAAiB,CAAA;AACjF,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA;AAIpC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnC,wBAAgB,WAAW,CAAC,QAAQ,SAAS,QAAQ,GAAG,QAAQ,EAAG,KAAK,EAAE,SAAS,CAAC,QAAQ,CAAC,qBAmE5F;yBAnEe,WAAW"}

package/lib/Chat/ChatWrapper.js

@@ -0,0 +1,98 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { useState } from 'react';
+import { View } from 'react-native';
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
+import { KeyboardProvider } from 'react-native-keyboard-controller';
+import { useHasKeyboardProvider } from '../hooks/useHasKeyboardProvider';
+import { appendMessages, prependMessages, toggleReaction } from '../messageUtils';
+import { Chat } from './Chat';
+import { ChatSafeAreaProvider } from './ChatSafeAreaProvider';
+import styles from './styles';
+export function ChatWrapper(props) {
+  const $ = _c(16);
+  let keyboardProviderProps;
+  let rest;
+  let t0;
+  let t1;
+  if ($[0] !== props) {
+    ({
+      keyboardProviderProps,
+      enableKeyboardProvider: t0,
+      enableGestureHandlerRootView: t1,
+      ...rest
+    } = props);
+    $[0] = props;
+    $[1] = keyboardProviderProps;
+    $[2] = rest;
+    $[3] = t0;
+    $[4] = t1;
+  } else {
+    keyboardProviderProps = $[1];
+    rest = $[2];
+    t0 = $[3];
+    t1 = $[4];
+  }
+  const enableKeyboardProvider = t0 === undefined ? true : t0;
+  const enableGestureHandlerRootView = t1 === undefined ? true : t1;
+  const [hasKeyboardProvider] = useState(useHasKeyboardProvider());
+  let t2;
+  if ($[5] !== rest) {
+    t2 = <Chat {...rest} />;
+    $[5] = rest;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  const chat = t2;
+  let t3;
+  if ($[7] !== chat || $[8] !== enableKeyboardProvider || $[9] !== hasKeyboardProvider || $[10] !== keyboardProviderProps) {
+    const withKeyboardProvider = <>{!enableKeyboardProvider || hasKeyboardProvider ? chat : <KeyboardProvider {...keyboardProviderProps}>{chat}</KeyboardProvider>}</>;
+    t3 = <ChatSafeAreaProvider>{withKeyboardProvider}</ChatSafeAreaProvider>;
+    $[7] = chat;
+    $[8] = enableKeyboardProvider;
+    $[9] = hasKeyboardProvider;
+    $[10] = keyboardProviderProps;
+    $[11] = t3;
+  } else {
+    t3 = $[11];
+  }
+  const content = t3;
+  if (!enableGestureHandlerRootView) {
+    let t4;
+    if ($[12] !== content) {
+      t4 = <View style={styles.fill}>{content}</View>;
+      $[12] = content;
+      $[13] = t4;
+    } else {
+      t4 = $[13];
+    }
+    return t4;
+  }
+  let t4;
+  if ($[14] !== content) {
+    t4 = <GestureHandlerRootView style={styles.fill}>{content}</GestureHandlerRootView>;
+    $[14] = content;
+    $[15] = t4;
+  } else {
+    t4 = $[15];
+  }
+  return t4;
+}
+
+/** Append messages at the newest end of the list (the end `onSend` messages go to). */
+ChatWrapper.append = appendMessages;
+
+/** Prepend messages at the oldest end of the list (for loading history). */
+ChatWrapper.prepend = prependMessages;
+
+/**
+ * Add or remove a user's reaction on one message, returning a new messages array - the
+ * reducer behind `reactions.onReactionPress`:
+ *
+ * ```ts
+ * onReactionPress: (message, emoji) =>
+ *   setMessages(previous => Chat.toggleReaction(previous, message._id, emoji, user._id))
+ * ```
+ */
+ChatWrapper.toggleReaction = toggleReaction;
+//# sourceMappingURL=ChatWrapper.js.map

package/lib/Chat/ChatWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatWrapper.js","names":["React","useState","View","GestureHandlerRootView","KeyboardProvider","useHasKeyboardProvider","appendMessages","prependMessages","toggleReaction","Chat","ChatSafeAreaProvider","styles","ChatWrapper","props","$","_c","keyboardProviderProps","rest","t0","t1","enableKeyboardProvider","enableGestureHandlerRootView","undefined","hasKeyboardProvider","t2","chat","t3","withKeyboardProvider","content","t4","fill","append","prepend"],"sources":["../../src/Chat/ChatWrapper.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { View } from 'react-native'\nimport { GestureHandlerRootView } from 'react-native-gesture-handler'\nimport { KeyboardProvider } from 'react-native-keyboard-controller'\nimport { useHasKeyboardProvider } from '../hooks/useHasKeyboardProvider'\nimport { appendMessages, prependMessages, toggleReaction } from '../messageUtils'\nimport { IMessage } from '../Models'\nimport { Chat } from './Chat'\nimport { ChatSafeAreaProvider } from './ChatSafeAreaProvider'\nimport styles from './styles'\nimport { ChatProps } from './types'\n\nexport function ChatWrapper<TMessage extends IMessage = IMessage> (props: ChatProps<TMessage>) {\n  const {\n    keyboardProviderProps,\n    enableKeyboardProvider = true,\n    enableGestureHandlerRootView = true,\n    ...rest\n  } = props\n\n  // Apps are meant to mount `KeyboardProvider` once, at the root. Nesting a second one\n  // breaks keyboard handling on Android, so we only provide one when the app has none.\n  //\n  // Locked in on mount rather than read fresh every render: Chat is often portaled in\n  // and out of the tree (a bottom sheet, a conditional screen), and if this ever flipped\n  // on a later render, `chat` below would move from being a direct child of the fragment\n  // to a child of `KeyboardProvider` (or back) - a structural change React can only handle\n  // by unmounting and remounting the whole subtree. That kind of surprise remount, with a\n  // shared element reused across both branches, is exactly the shape of hazard reported in\n  // #17 alongside a rare Fabric/Yoga layout assertion; locking the choice removes it even\n  // though it wasn't confirmed as that bug's root cause.\n  const [hasKeyboardProvider] = useState(useHasKeyboardProvider())\n  const chat = <Chat<TMessage> {...rest} />\n\n  const withKeyboardProvider = (\n    <>\n      {!enableKeyboardProvider || hasKeyboardProvider\n        ? chat\n        : (\n      // No `statusBarTranslucent` / `navigationBarTranslucent` here on purpose.\n      // On Android those tell the provider that the app already draws behind the\n      // system bars, and it answers by zeroing the *activity* content view's\n      // margins - a window-level change it never undoes, so a chat screen would\n      // leave the whole app under the navigation bar after you navigate away\n      // (#2755). react-native-keyboard-controller turns both on by itself when\n      // the app really is edge-to-edge, so forcing them only ever mismatches a\n      // window that is not. Override via `keyboardProviderProps` if needed.\n          <KeyboardProvider {...keyboardProviderProps}>\n            {chat}\n          </KeyboardProvider>\n        )}\n    </>\n  )\n\n  const content = (\n    // Chat measures its *own* insets rather than reusing the app's. Reusing them\n    // double-pads: a navigator has usually already inset the screen, so the\n    // window's bottom inset is consumed before the chat even renders. The provider\n    // is seeded from where the chat sits in the window, so the first frame already\n    // has the insets the native measurement will report.\n    <ChatSafeAreaProvider>\n      {withKeyboardProvider}\n    </ChatSafeAreaProvider>\n  )\n\n  // Apps are meant to mount `GestureHandlerRootView` once, at the root, same as\n  // `KeyboardProvider` above - a nested one changes the native view hierarchy around\n  // the composer for no benefit. Unlike `KeyboardProvider`, this can't be auto-detected:\n  // `react-native-gesture-handler` doesn't publicly expose whether one is already\n  // mounted above, so an app that has its own (directly, or via something like a bottom\n  // sheet library) needs to opt out explicitly.\n  if (!enableGestureHandlerRootView)\n    return <View style={styles.fill}>{content}</View>\n\n  return (\n    <GestureHandlerRootView style={styles.fill}>\n      {content}\n    </GestureHandlerRootView>\n  )\n}\n\n/** Append messages at the newest end of the list (the end `onSend` messages go to). */\nChatWrapper.append = appendMessages\n\n/** Prepend messages at the oldest end of the list (for loading history). */\nChatWrapper.prepend = prependMessages\n\n/**\n * Add or remove a user's reaction on one message, returning a new messages array - the\n * reducer behind `reactions.onReactionPress`:\n *\n * ```ts\n * onReactionPress: (message, emoji) =>\n *   setMessages(previous => Chat.toggleReaction(previous, message._id, emoji, user._id))\n * ```\n */\nChatWrapper.toggleReaction = toggleReaction\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,sBAAsB,QAAQ,8BAA8B;AACrE,SAASC,gBAAgB,QAAQ,kCAAkC;AACnE,SAASC,sBAAsB,QAAQ,iCAAiC;AACxE,SAASC,cAAc,EAAEC,eAAe,EAAEC,cAAc,QAAQ,iBAAiB;AAEjF,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,OAAOC,MAAM,MAAM,UAAU;AAG7B,OAAO,SAAAC,YAAAC,KAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EAAA,IAAAC,qBAAA;EAAA,IAAAC,IAAA;EAAA,IAAAC,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAL,CAAA,QAAAD,KAAA;IACL;MAAAG,qBAAA;MAAAI,sBAAA,EAAAF,EAAA;MAAAG,4BAAA,EAAAF,EAAA;MAAA,GAAAF;IAAA,IAKIJ,KAAK;IAAAC,CAAA,MAAAD,KAAA;IAAAC,CAAA,MAAAE,qBAAA;IAAAF,CAAA,MAAAG,IAAA;IAAAH,CAAA,MAAAI,EAAA;IAAAJ,CAAA,MAAAK,EAAA;EAAA;IAAAH,qBAAA,GAAAF,CAAA;IAAAG,IAAA,GAAAH,CAAA;IAAAI,EAAA,GAAAJ,CAAA;IAAAK,EAAA,GAAAL,CAAA;EAAA;EAHP,MAAAM,sBAAA,GAAAF,EAA6B,KAA7BI,SAA6B,GAA7B,IAA6B,GAA7BJ,EAA6B;EAC7B,MAAAG,4BAAA,GAAAF,EAAmC,KAAnCG,SAAmC,GAAnC,IAAmC,GAAnCH,EAAmC;EAerC,OAAAI,mBAAA,IAA8BtB,QAAQ,CAACI,sBAAsB,CAAC,CAAC,CAAC;EAAA,IAAAmB,EAAA;EAAA,IAAAV,CAAA,QAAAG,IAAA;IACnDO,EAAA,IAAC,IAAI,KAAeP,IAAI,IAAI;IAAAH,CAAA,MAAAG,IAAA;IAAAH,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EAAzC,MAAAW,IAAA,GAAaD,EAA4B;EAAA,IAAAE,EAAA;EAAA,IAAAZ,CAAA,QAAAW,IAAA,IAAAX,CAAA,QAAAM,sBAAA,IAAAN,CAAA,QAAAS,mBAAA,IAAAT,CAAA,SAAAE,qBAAA;IAEzC,MAAAW,oBAAA,GACE,EACG,EAACP,sBAA6C,IAA9CG,mBAcE,GAdFE,IAcE,GAHC,CAAC,gBAAgB,KAAKT,qBAAqB,EACxCS,KAAG,CACN,EAFC,gBAAgB,CAGnB,CAAC,GACF;IASHC,EAAA,IAAC,oBAAoB,CAClBC,qBAAmB,CACtB,EAFC,oBAAoB,CAEE;IAAAb,CAAA,MAAAW,IAAA;IAAAX,CAAA,MAAAM,sBAAA;IAAAN,CAAA,MAAAS,mBAAA;IAAAT,CAAA,OAAAE,qBAAA;IAAAF,CAAA,OAAAY,EAAA;EAAA;IAAAA,EAAA,GAAAZ,CAAA;EAAA;EARzB,MAAAc,OAAA,GAMEF,EAEuB;EASzB,IAAI,CAACL,4BAA4B;IAAA,IAAAQ,EAAA;IAAA,IAAAf,CAAA,SAAAc,OAAA;MACxBC,EAAA,IAAC,IAAI,CAAQ,KAAW,CAAX,CAAAlB,MAAM,CAAAmB,IAAI,CAAC,CAAGF,QAAM,CAAE,EAAlC,IAAI,CAAqC;MAAAd,CAAA,OAAAc,OAAA;MAAAd,CAAA,OAAAe,EAAA;IAAA;MAAAA,EAAA,GAAAf,CAAA;IAAA;IAAA,OAA1Ce,EAA0C;EAAA;EAAA,IAAAA,EAAA;EAAA,IAAAf,CAAA,SAAAc,OAAA;IAGjDC,EAAA,IAAC,sBAAsB,CAAQ,KAAW,CAAX,CAAAlB,MAAM,CAAAmB,IAAI,CAAC,CACvCF,QAAM,CACT,EAFC,sBAAsB,CAEE;IAAAd,CAAA,OAAAc,OAAA;IAAAd,CAAA,OAAAe,EAAA;EAAA;IAAAA,EAAA,GAAAf,CAAA;EAAA;EAAA,OAFzBe,EAEyB;AAAA;;AAI7B;AACAjB,WAAW,CAACmB,MAAM,GAAGzB,cAAc;;AAEnC;AACAM,WAAW,CAACoB,OAAO,GAAGzB,eAAe;;AAErC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACAK,WAAW,CAACJ,cAAc,GAAGA,cAAc","ignoreList":[]}

package/lib/Chat/ComposerHost.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { IMessage, ReplyMessage } from '../Models';
+import { Store } from '../store';
+import { renderComponentOrElement } from '../utils';
+/**
+ * The composer, and the only part of the chat a keystroke re-renders: the typed text lives in a
+ * store this host reads, not in `Chat`'s state, so typing leaves `Chat`, the keyboard-avoiding
+ * view and the overlay provider alone. A controlled `text` prop still wins over the store.
+ */
+export declare function ComposerHost<TProps extends Record<string, any>>({ textStore, controlledText, replyStore, controlledReply, editStore, render, props, }: {
+    textStore: Store<string>;
+    controlledText: string | undefined;
+    replyStore: Store<ReplyMessage | null>;
+    /** The app's `reply.message`; `undefined` leaves the reply to the store. */
+    controlledReply: ReplyMessage | null | undefined;
+    editStore: Store<IMessage | null>;
+    render: Parameters<typeof renderComponentOrElement<TProps>>[0] | undefined;
+    props: TProps;
+}): React.JSX.Element;
+//# sourceMappingURL=ComposerHost.d.ts.map

package/lib/Chat/ComposerHost.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposerHost.d.ts","sourceRoot":"","sources":["../../src/Chat/ComposerHost.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAClD,OAAO,EAAE,KAAK,EAAY,MAAM,UAAU,CAAA;AAC1C,OAAO,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAA;AAoBnD;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAG,EAChE,SAAS,EACT,cAAc,EACd,UAAU,EACV,eAAe,EACf,SAAS,EACT,MAAM,EACN,KAAK,GACN,EAAE;IACD,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;IACxB,cAAc,EAAE,MAAM,GAAG,SAAS,CAAA;IAClC,UAAU,EAAE,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC,CAAA;IACtC,4EAA4E;IAC5E,eAAe,EAAE,YAAY,GAAG,IAAI,GAAG,SAAS,CAAA;IAChD,SAAS,EAAE,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAA;IACjC,MAAM,EAAE,UAAU,CAAC,OAAO,wBAAwB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS,CAAA;IAC1E,KAAK,EAAE,MAAM,CAAA;CACd,qBAsBA"}

package/lib/Chat/ComposerHost.js

@@ -0,0 +1,118 @@
+import { c as _c } from "react/compiler-runtime";
+import React from 'react';
+import { InputToolbar } from '../InputToolbar';
+import { useStore } from '../store';
+import { renderComponentOrElement } from '../utils';
+
+// Memoized: the composer re-renders on its own state, not because the chat around it did.
+const MemoInputToolbar = React.memo(InputToolbar);
+
+/**
+ * An app's `renderInputToolbar`, called from a component of its own. Its props carry the
+ * composer's ref and ref-backed handlers, which must not be handed to a function called while
+ * `Chat` renders.
+ */
+function CustomInputToolbar(t0) {
+  const $ = _c(5);
+  const {
+    render,
+    props
+  } = t0;
+  let t1;
+  if ($[0] !== props || $[1] !== render) {
+    t1 = renderComponentOrElement(render, props);
+    $[0] = props;
+    $[1] = render;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  if ($[3] !== t1) {
+    t2 = <>{t1}</>;
+    $[3] = t1;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  return t2;
+}
+const sameText = text => text;
+const sameValue = value => value;
+
+/**
+ * The composer, and the only part of the chat a keystroke re-renders: the typed text lives in a
+ * store this host reads, not in `Chat`'s state, so typing leaves `Chat`, the keyboard-avoiding
+ * view and the overlay provider alone. A controlled `text` prop still wins over the store.
+ */
+export function ComposerHost(t0) {
+  const $ = _c(15);
+  const {
+    textStore,
+    controlledText,
+    replyStore,
+    controlledReply,
+    editStore,
+    render,
+    props
+  } = t0;
+  const storedText = useStore(textStore, sameText, "");
+  const text = controlledText === undefined ? storedText : controlledText;
+  const storedReply = useStore(replyStore, sameValue, null);
+  const replyMessage = controlledReply === undefined ? storedReply : controlledReply;
+  const editMessage = useStore(editStore, sameValue, null);
+  if (render) {
+    let t1;
+    if ($[0] !== editMessage || $[1] !== props || $[2] !== replyMessage || $[3] !== text) {
+      t1 = {
+        ...props,
+        text,
+        replyMessage,
+        editMessage
+      };
+      $[0] = editMessage;
+      $[1] = props;
+      $[2] = replyMessage;
+      $[3] = text;
+      $[4] = t1;
+    } else {
+      t1 = $[4];
+    }
+    let t2;
+    if ($[5] !== render || $[6] !== t1) {
+      t2 = <CustomInputToolbar render={render} props={t1} />;
+      $[5] = render;
+      $[6] = t1;
+      $[7] = t2;
+    } else {
+      t2 = $[7];
+    }
+    return t2;
+  }
+  let composerProps;
+  if ($[8] !== props) {
+    const {
+      messages: _messages,
+      ...t1
+    } = props;
+    composerProps = t1;
+    $[8] = props;
+    $[9] = composerProps;
+  } else {
+    composerProps = $[9];
+  }
+  const t1 = composerProps;
+  let t2;
+  if ($[10] !== editMessage || $[11] !== replyMessage || $[12] !== t1 || $[13] !== text) {
+    t2 = <MemoInputToolbar {...t1} text={text} replyMessage={replyMessage} editMessage={editMessage} />;
+    $[10] = editMessage;
+    $[11] = replyMessage;
+    $[12] = t1;
+    $[13] = text;
+    $[14] = t2;
+  } else {
+    t2 = $[14];
+  }
+  return t2;
+}
+//# sourceMappingURL=ComposerHost.js.map

package/lib/Chat/ComposerHost.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposerHost.js","names":["React","InputToolbar","useStore","renderComponentOrElement","MemoInputToolbar","memo","CustomInputToolbar","t0","$","_c","render","props","t1","t2","sameText","text","sameValue","value","ComposerHost","textStore","controlledText","replyStore","controlledReply","editStore","storedText","undefined","storedReply","replyMessage","editMessage","composerProps","messages","_messages"],"sources":["../../src/Chat/ComposerHost.tsx"],"sourcesContent":["import React from 'react'\nimport { InputToolbar, InputToolbarProps } from '../InputToolbar'\nimport { IMessage, ReplyMessage } from '../Models'\nimport { Store, useStore } from '../store'\nimport { renderComponentOrElement } from '../utils'\n\n// Memoized: the composer re-renders on its own state, not because the chat around it did.\nconst MemoInputToolbar = React.memo(InputToolbar) as typeof InputToolbar\n\n/**\n * An app's `renderInputToolbar`, called from a component of its own. Its props carry the\n * composer's ref and ref-backed handlers, which must not be handed to a function called while\n * `Chat` renders.\n */\nfunction CustomInputToolbar<TProps extends Record<string, any>> ({ render, props }: {\n  render: Parameters<typeof renderComponentOrElement<TProps>>[0]\n  props: TProps\n}) {\n  return <>{renderComponentOrElement(render, props)}</>\n}\n\nconst sameText = (text: string) => text\nconst sameValue = <T, >(value: T) => value\n\n/**\n * The composer, and the only part of the chat a keystroke re-renders: the typed text lives in a\n * store this host reads, not in `Chat`'s state, so typing leaves `Chat`, the keyboard-avoiding\n * view and the overlay provider alone. A controlled `text` prop still wins over the store.\n */\nexport function ComposerHost<TProps extends Record<string, any>> ({\n  textStore,\n  controlledText,\n  replyStore,\n  controlledReply,\n  editStore,\n  render,\n  props,\n}: {\n  textStore: Store<string>\n  controlledText: string | undefined\n  replyStore: Store<ReplyMessage | null>\n  /** The app's `reply.message`; `undefined` leaves the reply to the store. */\n  controlledReply: ReplyMessage | null | undefined\n  editStore: Store<IMessage | null>\n  render: Parameters<typeof renderComponentOrElement<TProps>>[0] | undefined\n  props: TProps\n}) {\n  const storedText = useStore(textStore, sameText, '')\n  const text = controlledText === undefined ? storedText : controlledText\n  const storedReply = useStore(replyStore, sameValue, null)\n  const replyMessage = controlledReply === undefined ? storedReply : controlledReply\n  const editMessage = useStore(editStore, sameValue, null)\n\n  if (render)\n    return <CustomInputToolbar render={render} props={{ ...props, text, replyMessage, editMessage }} />\n\n  // The built-in composer has no use for the messages, and leaving them out lets its memo\n  // skip the render a new message would otherwise cost it.\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const { messages: _messages, ...composerProps } = props\n  return (\n    <MemoInputToolbar\n      {...(composerProps as unknown as InputToolbarProps<IMessage>)}\n      text={text}\n      replyMessage={replyMessage}\n      editMessage={editMessage}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/Chat/index.d.ts

@@ -1,11 +1,4 @@
-import React from 'react';
 import '../dayjsLocales';
-import { IMessage } from '../Models';
-import { ChatProps } from './types';
-declare function ChatWrapper<TMessage extends IMessage = IMessage>(props: ChatProps<TMessage>): React.JSX.Element;
-declare namespace ChatWrapper {
-    var append: <TMessage extends IMessage>(currentMessages: TMessage[] | undefined, messages: TMessage[], isInverted?: boolean) => TMessage[];
-    var prepend: <TMessage extends IMessage>(currentMessages: TMessage[] | undefined, messages: TMessage[], isInverted?: boolean) => TMessage[];
-}
+import { ChatWrapper } from './ChatWrapper';
 export { ChatWrapper as Chat };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Chat/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAQN,MAAM,OAAO,CAAA;AAQd,OAAO,iBAAiB,CAAA;AAYxB,OAAO,EAAE,QAAQ,EAAgB,MAAM,WAAW,CAAA;AAOlD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAoYnC,iBAAS,WAAW,CAAC,QAAQ,SAAS,QAAQ,GAAG,QAAQ,EAAG,KAAK,EAAE,SAAS,CAAC,QAAQ,CAAC,qBAyErF;kBAzEQ,WAAW;iBA2EE,QAAQ,SAAS,QAAQ,mBAC5B,QAAQ,EAAE,wBACjB,QAAQ,EAAE;kBAWC,QAAQ,SAAS,QAAQ,mBAC7B,QAAQ,EAAE,wBACjB,QAAQ,EAAE;;AAWtB,OAAO,EACL,WAAW,IAAI,IAAI,EACpB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Chat/index.tsx"],"names":[],"mappings":"AAEA,OAAO,iBAAiB,CAAA;AACxB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAI3C,OAAO,EACL,WAAW,IAAI,IAAI,EACpB,CAAA"}