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

package/lib/Chat/ChatMessageList.js

@@ -0,0 +1,220 @@
+import { c as _c } from "react/compiler-runtime";
+import React from 'react';
+import { View } from 'react-native';
+import { ChatEmpty } from '../components/ChatEmpty';
+import { ChatLoadingOverlay } from '../components/ChatLoadingOverlay';
+import { ChatOverlaySlot } from '../components/ChatOverlay';
+import { FloatingRoundNote } from '../components/FloatingRoundNote';
+import { NowPlayingBar } from '../components/NowPlayingBar';
+import { MessagesContainer } from '../MessagesContainer';
+import { PageDownReturnContext } from '../MessagesContainer/pageDownReturn';
+import stylesCommon from '../styles';
+import { renderComponentOrElement } from '../utils';
+import styles from './styles';
+/**
+ * The message list and what sits over it: the now-playing bar, the empty-chat card, the history
+ * spinner, the floating round note and the app's footer. Until `isMounted`, an empty view holds
+ * its place, so the list mounts a frame after the rest of the chat.
+ */
+export function ChatMessageList(t0) {
+  const $ = _c(47);
+  const {
+    isMounted,
+    chatProps: props,
+    messages,
+    isInverted,
+    messagesContainerRef,
+    replyForList,
+    pageDownReturn,
+    getSenderName,
+    scrollToMessage,
+    resolvedMessageActions,
+    resolvedReactions,
+    isAvatarVisible,
+    isUsernameVisible,
+    sendGreeting
+  } = t0;
+  if (!isMounted) {
+    let t1;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+      t1 = <View style={stylesCommon.fill} />;
+      $[0] = t1;
+    } else {
+      t1 = $[0];
+    }
+    return t1;
+  }
+  const {
+    isTyping,
+    renderChatFooter,
+    emptyChatGreeting,
+    mediaPlayback
+  } = props;
+  const isHistoryLoading = !!props.isLoading && messages.length === 0;
+  const isChatEmptyShown = messages.length === 0 && props.renderChatEmpty === undefined && !props.isLoading;
+  const isNowPlayingBarEnabled = mediaPlayback?.isNowPlayingBarEnabled ?? true;
+  const isFloatingRoundNoteEnabled = mediaPlayback?.isFloatingRoundNoteEnabled ?? true;
+  let messagesContainerProps;
+  let messagesContainerStyle;
+  if ($[1] !== props) {
+    const {
+      messagesContainerStyle: t1,
+      text: _text,
+      initialText: _initialText,
+      onDraftChange: _onDraftChange,
+      onSend: _onSend,
+      textInputProps: _textInputProps,
+      textInputRef: _textInputRef,
+      messageIdGenerator: _messageIdGenerator,
+      minInputToolbarHeight: _minInputToolbarHeight,
+      minComposerHeight: _minComposerHeight,
+      maxComposerHeight: _maxComposerHeight,
+      isSendButtonAlwaysVisible: _isSendButtonAlwaysVisible,
+      isMultiline: _isMultiline,
+      renderInputToolbar: _renderInputToolbar,
+      renderComposer: _renderComposer,
+      renderActions: _renderActions,
+      renderSend: _renderSend,
+      renderAccessory: _renderAccessory,
+      renderChatFooter: _renderChatFooter,
+      onPressActionButton: _onPressActionButton,
+      actions: _actions,
+      actionSheetOptionTintColor: _actionSheetOptionTintColor,
+      emojiKeyboard: _emojiKeyboard,
+      attachments: _attachments,
+      keyboardProviderProps: _keyboardProviderProps,
+      keyboardAvoidingViewProps: _keyboardAvoidingViewProps,
+      ...t2
+    } = props;
+    messagesContainerStyle = t1;
+    messagesContainerProps = t2;
+    $[1] = props;
+    $[2] = messagesContainerProps;
+    $[3] = messagesContainerStyle;
+  } else {
+    messagesContainerProps = $[2];
+    messagesContainerStyle = $[3];
+  }
+  let t1;
+  if ($[4] !== messagesContainerStyle) {
+    t1 = [stylesCommon.fill, messagesContainerStyle];
+    $[4] = messagesContainerStyle;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  let t2;
+  if ($[6] !== getSenderName || $[7] !== isNowPlayingBarEnabled || $[8] !== scrollToMessage) {
+    t2 = isNowPlayingBarEnabled && <NowPlayingBar getSenderName={getSenderName} onPressTitle={scrollToMessage} />;
+    $[6] = getSenderName;
+    $[7] = isNowPlayingBarEnabled;
+    $[8] = scrollToMessage;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  let t3;
+  if ($[10] !== isAvatarVisible || $[11] !== isUsernameVisible || $[12] !== resolvedMessageActions || $[13] !== resolvedReactions) {
+    t3 = {
+      messageActions: resolvedMessageActions,
+      reactions: resolvedReactions,
+      isAvatarVisible,
+      isUsernameVisible
+    };
+    $[10] = isAvatarVisible;
+    $[11] = isUsernameVisible;
+    $[12] = resolvedMessageActions;
+    $[13] = resolvedReactions;
+    $[14] = t3;
+  } else {
+    t3 = $[14];
+  }
+  let t4;
+  if ($[15] !== isInverted || $[16] !== isTyping || $[17] !== messages || $[18] !== messagesContainerProps || $[19] !== messagesContainerRef || $[20] !== replyForList || $[21] !== t3) {
+    t4 = <MessagesContainer {...messagesContainerProps} {...t3} isInverted={isInverted} messages={messages} forwardRef={messagesContainerRef} isTyping={isTyping} reply={replyForList} />;
+    $[15] = isInverted;
+    $[16] = isTyping;
+    $[17] = messages;
+    $[18] = messagesContainerProps;
+    $[19] = messagesContainerRef;
+    $[20] = replyForList;
+    $[21] = t3;
+    $[22] = t4;
+  } else {
+    t4 = $[22];
+  }
+  let t5;
+  if ($[23] !== pageDownReturn || $[24] !== t4) {
+    t5 = <PageDownReturnContext.Provider value={pageDownReturn}>{t4}</PageDownReturnContext.Provider>;
+    $[23] = pageDownReturn;
+    $[24] = t4;
+    $[25] = t5;
+  } else {
+    t5 = $[25];
+  }
+  let t6;
+  if ($[26] !== emptyChatGreeting || $[27] !== isChatEmptyShown || $[28] !== sendGreeting) {
+    t6 = isChatEmptyShown && <View style={styles.emptyOverlay} pointerEvents="box-none"><ChatEmpty greeting={emptyChatGreeting} onPressGreeting={sendGreeting} /></View>;
+    $[26] = emptyChatGreeting;
+    $[27] = isChatEmptyShown;
+    $[28] = sendGreeting;
+    $[29] = t6;
+  } else {
+    t6 = $[29];
+  }
+  let t7;
+  if ($[30] !== isHistoryLoading) {
+    t7 = <ChatLoadingOverlay isVisible={isHistoryLoading} />;
+    $[30] = isHistoryLoading;
+    $[31] = t7;
+  } else {
+    t7 = $[31];
+  }
+  let t8;
+  if ($[32] !== isFloatingRoundNoteEnabled) {
+    t8 = isFloatingRoundNoteEnabled && <FloatingRoundNote />;
+    $[32] = isFloatingRoundNoteEnabled;
+    $[33] = t8;
+  } else {
+    t8 = $[33];
+  }
+  let t9;
+  if ($[34] !== t5 || $[35] !== t6 || $[36] !== t7 || $[37] !== t8) {
+    t9 = <View style={stylesCommon.fill}>{t5}{t6}{t7}{t8}</View>;
+    $[34] = t5;
+    $[35] = t6;
+    $[36] = t7;
+    $[37] = t8;
+    $[38] = t9;
+  } else {
+    t9 = $[38];
+  }
+  let t10;
+  if ($[39] !== renderChatFooter) {
+    t10 = renderComponentOrElement(renderChatFooter, {});
+    $[39] = renderChatFooter;
+    $[40] = t10;
+  } else {
+    t10 = $[40];
+  }
+  let t11;
+  if ($[41] === Symbol.for("react.memo_cache_sentinel")) {
+    t11 = <ChatOverlaySlot />;
+    $[41] = t11;
+  } else {
+    t11 = $[41];
+  }
+  let t12;
+  if ($[42] !== t1 || $[43] !== t10 || $[44] !== t2 || $[45] !== t9) {
+    t12 = <View style={t1}>{t2}{t9}{t10}{t11}</View>;
+    $[42] = t1;
+    $[43] = t10;
+    $[44] = t2;
+    $[45] = t9;
+    $[46] = t12;
+  } else {
+    t12 = $[46];
+  }
+  return t12;
+}
+//# sourceMappingURL=ChatMessageList.js.map

package/lib/Chat/ChatMessageList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessageList.js","names":["React","View","ChatEmpty","ChatLoadingOverlay","ChatOverlaySlot","FloatingRoundNote","NowPlayingBar","MessagesContainer","PageDownReturnContext","stylesCommon","renderComponentOrElement","styles","ChatMessageList","t0","$","_c","isMounted","chatProps","props","messages","isInverted","messagesContainerRef","replyForList","pageDownReturn","getSenderName","scrollToMessage","resolvedMessageActions","resolvedReactions","isAvatarVisible","isUsernameVisible","sendGreeting","t1","Symbol","for","fill","isTyping","renderChatFooter","emptyChatGreeting","mediaPlayback","isHistoryLoading","isLoading","length","isChatEmptyShown","renderChatEmpty","undefined","isNowPlayingBarEnabled","isFloatingRoundNoteEnabled","messagesContainerProps","messagesContainerStyle","text","_text","initialText","_initialText","onDraftChange","_onDraftChange","onSend","_onSend","textInputProps","_textInputProps","textInputRef","_textInputRef","messageIdGenerator","_messageIdGenerator","minInputToolbarHeight","_minInputToolbarHeight","minComposerHeight","_minComposerHeight","maxComposerHeight","_maxComposerHeight","isSendButtonAlwaysVisible","_isSendButtonAlwaysVisible","isMultiline","_isMultiline","renderInputToolbar","_renderInputToolbar","renderComposer","_renderComposer","renderActions","_renderActions","renderSend","_renderSend","renderAccessory","_renderAccessory","_renderChatFooter","onPressActionButton","_onPressActionButton","actions","_actions","actionSheetOptionTintColor","_actionSheetOptionTintColor","emojiKeyboard","_emojiKeyboard","attachments","_attachments","keyboardProviderProps","_keyboardProviderProps","keyboardAvoidingViewProps","_keyboardAvoidingViewProps","t2","t3","messageActions","reactions","t4","t5","t6","emptyOverlay","t7","t8","t9","t10","t11","t12"],"sources":["../../src/Chat/ChatMessageList.tsx"],"sourcesContent":["import React, { RefObject } from 'react'\nimport { View } from 'react-native'\nimport { ChatEmpty } from '../components/ChatEmpty'\nimport { ChatLoadingOverlay } from '../components/ChatLoadingOverlay'\nimport { ChatOverlaySlot } from '../components/ChatOverlay'\nimport { FloatingRoundNote } from '../components/FloatingRoundNote'\nimport { NowPlayingBar } from '../components/NowPlayingBar'\nimport { AnimatedList, MessagesContainer, MessagesContainerProps } from '../MessagesContainer'\nimport { PageDownReturn, PageDownReturnContext } from '../MessagesContainer/pageDownReturn'\nimport { IMessage, MessageMenuItem } from '../Models'\nimport stylesCommon from '../styles'\nimport { renderComponentOrElement } from '../utils'\nimport styles from './styles'\nimport { ChatProps } from './types'\n\n/**\n * The message list and what sits over it: the now-playing bar, the empty-chat card, the history\n * spinner, the floating round note and the app's footer. Until `isMounted`, an empty view holds\n * its place, so the list mounts a frame after the rest of the chat.\n */\nexport function ChatMessageList<TMessage extends IMessage> ({\n  isMounted,\n  chatProps: props,\n  messages,\n  isInverted,\n  messagesContainerRef,\n  replyForList,\n  pageDownReturn,\n  getSenderName,\n  scrollToMessage,\n  resolvedMessageActions,\n  resolvedReactions,\n  isAvatarVisible,\n  isUsernameVisible,\n  sendGreeting,\n}: {\n  isMounted: boolean\n  chatProps: ChatProps<TMessage>\n  messages: TMessage[]\n  isInverted: boolean\n  messagesContainerRef: RefObject<AnimatedList>\n  replyForList: MessagesContainerProps<TMessage>['reply']\n  pageDownReturn: PageDownReturn\n  getSenderName: (messageId: string | number) => string | undefined\n  scrollToMessage: (messageId: string | number) => void\n  resolvedMessageActions: MessageMenuItem[] | ((message: TMessage) => MessageMenuItem[]) | undefined\n  resolvedReactions: MessagesContainerProps<TMessage>['reactions']\n  isAvatarVisible: boolean\n  isUsernameVisible: boolean\n  sendGreeting: (greeting: string) => void\n}) {\n  if (!isMounted)\n    return <View style={stylesCommon.fill} />\n\n  const { isTyping, renderChatFooter, emptyChatGreeting, mediaPlayback } = props\n\n  // A spinner replaces the empty-chat card while history loads, and only over an empty list:\n  // messages already passed stay visible.\n  const isHistoryLoading = !!props.isLoading && messages.length === 0\n  const isChatEmptyShown = messages.length === 0 && props.renderChatEmpty === undefined && !props.isLoading\n\n  const isNowPlayingBarEnabled = mediaPlayback?.isNowPlayingBarEnabled ?? true\n  const isFloatingRoundNoteEnabled = mediaPlayback?.isFloatingRoundNoteEnabled ?? true\n\n  // The composer's props stay out of the list: whatever reaches `MessagesContainer` is handed\n  // to every row, and `Item` compares each prop by reference, so a consumer's inline `onSend`\n  // or the controlled `text` changing on a keystroke re-rendered every message on screen.\n  const {\n    messagesContainerStyle,\n    /* eslint-disable @typescript-eslint/no-unused-vars */\n    text: _text,\n    initialText: _initialText,\n    onDraftChange: _onDraftChange,\n    onSend: _onSend,\n    textInputProps: _textInputProps,\n    textInputRef: _textInputRef,\n    messageIdGenerator: _messageIdGenerator,\n    minInputToolbarHeight: _minInputToolbarHeight,\n    minComposerHeight: _minComposerHeight,\n    maxComposerHeight: _maxComposerHeight,\n    isSendButtonAlwaysVisible: _isSendButtonAlwaysVisible,\n    isMultiline: _isMultiline,\n    renderInputToolbar: _renderInputToolbar,\n    renderComposer: _renderComposer,\n    renderActions: _renderActions,\n    renderSend: _renderSend,\n    renderAccessory: _renderAccessory,\n    renderChatFooter: _renderChatFooter,\n    onPressActionButton: _onPressActionButton,\n    actions: _actions,\n    actionSheetOptionTintColor: _actionSheetOptionTintColor,\n    emojiKeyboard: _emojiKeyboard,\n    attachments: _attachments,\n    keyboardProviderProps: _keyboardProviderProps,\n    keyboardAvoidingViewProps: _keyboardAvoidingViewProps,\n    /* eslint-enable @typescript-eslint/no-unused-vars */\n    ...messagesContainerProps\n  } = props\n\n  return (\n    <View style={[stylesCommon.fill, messagesContainerStyle]}>\n      {isNowPlayingBarEnabled && (\n        <NowPlayingBar getSenderName={getSenderName} onPressTitle={scrollToMessage} />\n      )}\n      {/* The list's own area, so the floating round note docks to it and\n          not over the \"now playing\" bar above. */}\n      <View style={stylesCommon.fill}>\n        <PageDownReturnContext.Provider value={pageDownReturn}>\n          <MessagesContainer<TMessage>\n            {...messagesContainerProps}\n            {...{\n              messageActions: resolvedMessageActions,\n              reactions: resolvedReactions,\n              isAvatarVisible,\n              isUsernameVisible,\n            }}\n            isInverted={isInverted}\n            messages={messages}\n            forwardRef={messagesContainerRef}\n            isTyping={isTyping}\n            reply={replyForList}\n          />\n        </PageDownReturnContext.Provider>\n        {isChatEmptyShown && (\n          <View style={styles.emptyOverlay} pointerEvents='box-none'>\n            <ChatEmpty greeting={emptyChatGreeting} onPressGreeting={sendGreeting} />\n          </View>\n        )}\n        <ChatLoadingOverlay isVisible={isHistoryLoading} />\n        {isFloatingRoundNoteEnabled && <FloatingRoundNote />}\n      </View>\n      {renderComponentOrElement(renderChatFooter, {})}\n      <ChatOverlaySlot />\n    </View>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/Chat/ChatProviders.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { ComposerPanelsStore } from '../components/composerPanels';
+import { MediaPlaybackController } from '../components/mediaPlayback';
+import { MediaTransferContext } from '../components/mediaTransfer';
+import { MediaGalleryContext } from '../components/mediaViewer/gallery';
+import { MessageHighlightStore } from '../components/messageHighlight';
+import { MessageSelectionStore } from '../components/messageSelection';
+/** The per-chat stores and controllers, handed to everything under the chat by context. */
+export declare function ChatProviders({ mediaController, mediaTransferController, highlightStore, selectionStore, composerPanels, mediaGallery, children, }: {
+    mediaController: MediaPlaybackController;
+    mediaTransferController: React.ContextType<typeof MediaTransferContext>;
+    highlightStore: MessageHighlightStore;
+    selectionStore: MessageSelectionStore;
+    composerPanels: ComposerPanelsStore;
+    mediaGallery: React.ContextType<typeof MediaGalleryContext>;
+    children: React.ReactNode;
+}): React.JSX.Element;
+//# sourceMappingURL=ChatProviders.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatProviders.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatProviders.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAyB,mBAAmB,EAAE,MAAM,8BAA8B,CAAA;AACzF,OAAO,EAAwB,uBAAuB,EAAE,MAAM,6BAA6B,CAAA;AAC3F,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAA;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAA;AACvE,OAAO,EAA2B,qBAAqB,EAAE,MAAM,gCAAgC,CAAA;AAC/F,OAAO,EAA2B,qBAAqB,EAAE,MAAM,gCAAgC,CAAA;AAE/F,2FAA2F;AAC3F,wBAAgB,aAAa,CAAE,EAC7B,eAAe,EACf,uBAAuB,EACvB,cAAc,EACd,cAAc,EACd,cAAc,EACd,YAAY,EACZ,QAAQ,GACT,EAAE;IACD,eAAe,EAAE,uBAAuB,CAAA;IACxC,uBAAuB,EAAE,KAAK,CAAC,WAAW,CAAC,OAAO,oBAAoB,CAAC,CAAA;IACvE,cAAc,EAAE,qBAAqB,CAAA;IACrC,cAAc,EAAE,qBAAqB,CAAA;IACrC,cAAc,EAAE,mBAAmB,CAAA;IACnC,YAAY,EAAE,KAAK,CAAC,WAAW,CAAC,OAAO,mBAAmB,CAAC,CAAA;IAC3D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,qBAkBA"}

package/lib/Chat/ChatProviders.js

@@ -0,0 +1,87 @@
+import { c as _c } from "react/compiler-runtime";
+import React from 'react';
+import { ChatOverlayProvider } from '../components/ChatOverlay';
+import { ComposerPanelsContext } from '../components/composerPanels';
+import { MediaPlaybackContext } from '../components/mediaPlayback';
+import { MediaTransferContext } from '../components/mediaTransfer';
+import { MediaGalleryContext } from '../components/mediaViewer/gallery';
+import { MessageHighlightContext } from '../components/messageHighlight';
+import { MessageSelectionContext } from '../components/messageSelection';
+
+/** The per-chat stores and controllers, handed to everything under the chat by context. */
+export function ChatProviders(t0) {
+  const $ = _c(20);
+  const {
+    mediaController,
+    mediaTransferController,
+    highlightStore,
+    selectionStore,
+    composerPanels,
+    mediaGallery,
+    children
+  } = t0;
+  let t1;
+  if ($[0] !== children) {
+    t1 = <ChatOverlayProvider>{children}</ChatOverlayProvider>;
+    $[0] = children;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== mediaGallery || $[3] !== t1) {
+    t2 = <MediaGalleryContext.Provider value={mediaGallery}>{t1}</MediaGalleryContext.Provider>;
+    $[2] = mediaGallery;
+    $[3] = t1;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  let t3;
+  if ($[5] !== composerPanels || $[6] !== t2) {
+    t3 = <ComposerPanelsContext.Provider value={composerPanels}>{t2}</ComposerPanelsContext.Provider>;
+    $[5] = composerPanels;
+    $[6] = t2;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  let t4;
+  if ($[8] !== selectionStore || $[9] !== t3) {
+    t4 = <MessageSelectionContext.Provider value={selectionStore}>{t3}</MessageSelectionContext.Provider>;
+    $[8] = selectionStore;
+    $[9] = t3;
+    $[10] = t4;
+  } else {
+    t4 = $[10];
+  }
+  let t5;
+  if ($[11] !== highlightStore || $[12] !== t4) {
+    t5 = <MessageHighlightContext.Provider value={highlightStore}>{t4}</MessageHighlightContext.Provider>;
+    $[11] = highlightStore;
+    $[12] = t4;
+    $[13] = t5;
+  } else {
+    t5 = $[13];
+  }
+  let t6;
+  if ($[14] !== mediaTransferController || $[15] !== t5) {
+    t6 = <MediaTransferContext.Provider value={mediaTransferController}>{t5}</MediaTransferContext.Provider>;
+    $[14] = mediaTransferController;
+    $[15] = t5;
+    $[16] = t6;
+  } else {
+    t6 = $[16];
+  }
+  let t7;
+  if ($[17] !== mediaController || $[18] !== t6) {
+    t7 = <MediaPlaybackContext.Provider value={mediaController}>{t6}</MediaPlaybackContext.Provider>;
+    $[17] = mediaController;
+    $[18] = t6;
+    $[19] = t7;
+  } else {
+    t7 = $[19];
+  }
+  return t7;
+}
+//# sourceMappingURL=ChatProviders.js.map

package/lib/Chat/ChatProviders.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatProviders.js","names":["React","ChatOverlayProvider","ComposerPanelsContext","MediaPlaybackContext","MediaTransferContext","MediaGalleryContext","MessageHighlightContext","MessageSelectionContext","ChatProviders","t0","$","_c","mediaController","mediaTransferController","highlightStore","selectionStore","composerPanels","mediaGallery","children","t1","t2","t3","t4","t5","t6","t7"],"sources":["../../src/Chat/ChatProviders.tsx"],"sourcesContent":["import React from 'react'\nimport { ChatOverlayProvider } from '../components/ChatOverlay'\nimport { ComposerPanelsContext, ComposerPanelsStore } from '../components/composerPanels'\nimport { MediaPlaybackContext, MediaPlaybackController } from '../components/mediaPlayback'\nimport { MediaTransferContext } from '../components/mediaTransfer'\nimport { MediaGalleryContext } from '../components/mediaViewer/gallery'\nimport { MessageHighlightContext, MessageHighlightStore } from '../components/messageHighlight'\nimport { MessageSelectionContext, MessageSelectionStore } from '../components/messageSelection'\n\n/** The per-chat stores and controllers, handed to everything under the chat by context. */\nexport function ChatProviders ({\n  mediaController,\n  mediaTransferController,\n  highlightStore,\n  selectionStore,\n  composerPanels,\n  mediaGallery,\n  children,\n}: {\n  mediaController: MediaPlaybackController\n  mediaTransferController: React.ContextType<typeof MediaTransferContext>\n  highlightStore: MessageHighlightStore\n  selectionStore: MessageSelectionStore\n  composerPanels: ComposerPanelsStore\n  mediaGallery: React.ContextType<typeof MediaGalleryContext>\n  children: React.ReactNode\n}) {\n  return (\n    <MediaPlaybackContext.Provider value={mediaController}>\n      <MediaTransferContext.Provider value={mediaTransferController}>\n        <MessageHighlightContext.Provider value={highlightStore}>\n          <MessageSelectionContext.Provider value={selectionStore}>\n            <ComposerPanelsContext.Provider value={composerPanels}>\n              <MediaGalleryContext.Provider value={mediaGallery}>\n                <ChatOverlayProvider>\n                  {children}\n                </ChatOverlayProvider>\n              </MediaGalleryContext.Provider>\n            </ComposerPanelsContext.Provider>\n          </MessageSelectionContext.Provider>\n        </MessageHighlightContext.Provider>\n      </MediaTransferContext.Provider>\n    </MediaPlaybackContext.Provider>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,QAAQ,2BAA2B;AAC/D,SAASC,qBAAqB,QAA6B,8BAA8B;AACzF,SAASC,oBAAoB,QAAiC,6BAA6B;AAC3F,SAASC,oBAAoB,QAAQ,6BAA6B;AAClE,SAASC,mBAAmB,QAAQ,mCAAmC;AACvE,SAASC,uBAAuB,QAA+B,gCAAgC;AAC/F,SAASC,uBAAuB,QAA+B,gCAAgC;;AAE/F;AACA,OAAO,SAAAC,cAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EAAwB;IAAAC,eAAA;IAAAC,uBAAA;IAAAC,cAAA;IAAAC,cAAA;IAAAC,cAAA;IAAAC,YAAA;IAAAC;EAAA,IAAAT,EAgB9B;EAAA,IAAAU,EAAA;EAAA,IAAAT,CAAA,QAAAQ,QAAA;IAQeC,EAAA,IAAC,mBAAmB,CACjBD,SAAO,CACV,EAFC,mBAAmB,CAEE;IAAAR,CAAA,MAAAQ,QAAA;IAAAR,CAAA,MAAAS,EAAA;EAAA;IAAAA,EAAA,GAAAT,CAAA;EAAA;EAAA,IAAAU,EAAA;EAAA,IAAAV,CAAA,QAAAO,YAAA,IAAAP,CAAA,QAAAS,EAAA;IAHxBC,EAAA,iCAAqCH,KAAY,CAAZA,aAAW,CAAC,CAC/C,CAAAE,EAEqB,CACvB,+BAA+B;IAAAT,CAAA,MAAAO,YAAA;IAAAP,CAAA,MAAAS,EAAA;IAAAT,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EAAA,IAAAW,EAAA;EAAA,IAAAX,CAAA,QAAAM,cAAA,IAAAN,CAAA,QAAAU,EAAA;IALjCC,EAAA,mCAAuCL,KAAc,CAAdA,eAAa,CAAC,CACnD,CAAAI,EAI8B,CAChC,iCAAiC;IAAAV,CAAA,MAAAM,cAAA;IAAAN,CAAA,MAAAU,EAAA;IAAAV,CAAA,MAAAW,EAAA;EAAA;IAAAA,EAAA,GAAAX,CAAA;EAAA;EAAA,IAAAY,EAAA;EAAA,IAAAZ,CAAA,QAAAK,cAAA,IAAAL,CAAA,QAAAW,EAAA;IAPnCC,EAAA,qCAAyCP,KAAc,CAAdA,eAAa,CAAC,CACrD,CAAAM,EAMgC,CAClC,mCAAmC;IAAAX,CAAA,MAAAK,cAAA;IAAAL,CAAA,MAAAW,EAAA;IAAAX,CAAA,OAAAY,EAAA;EAAA;IAAAA,EAAA,GAAAZ,CAAA;EAAA;EAAA,IAAAa,EAAA;EAAA,IAAAb,CAAA,SAAAI,cAAA,IAAAJ,CAAA,SAAAY,EAAA;IATrCC,EAAA,qCAAyCT,KAAc,CAAdA,eAAa,CAAC,CACrD,CAAAQ,EAQkC,CACpC,mCAAmC;IAAAZ,CAAA,OAAAI,cAAA;IAAAJ,CAAA,OAAAY,EAAA;IAAAZ,CAAA,OAAAa,EAAA;EAAA;IAAAA,EAAA,GAAAb,CAAA;EAAA;EAAA,IAAAc,EAAA;EAAA,IAAAd,CAAA,SAAAG,uBAAA,IAAAH,CAAA,SAAAa,EAAA;IAXrCC,EAAA,kCAAsCX,KAAuB,CAAvBA,wBAAsB,CAAC,CAC3D,CAAAU,EAUkC,CACpC,gCAAgC;IAAAb,CAAA,OAAAG,uBAAA;IAAAH,CAAA,OAAAa,EAAA;IAAAb,CAAA,OAAAc,EAAA;EAAA;IAAAA,EAAA,GAAAd,CAAA;EAAA;EAAA,IAAAe,EAAA;EAAA,IAAAf,CAAA,SAAAE,eAAA,IAAAF,CAAA,SAAAc,EAAA;IAblCC,EAAA,kCAAsCb,KAAe,CAAfA,gBAAc,CAAC,CACnD,CAAAY,EAY+B,CACjC,gCAAgC;IAAAd,CAAA,OAAAE,eAAA;IAAAF,CAAA,OAAAc,EAAA;IAAAd,CAAA,OAAAe,EAAA;EAAA;IAAAA,EAAA,GAAAf,CAAA;EAAA;EAAA,OAdhCe,EAcgC;AAAA","ignoreList":[]}

package/lib/Chat/ChatSafeAreaProvider.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import { Metrics } from 'react-native-safe-area-context';
+type Frame = Metrics['frame'];
+/**
+ * The insets a provider at `frame` will measure: whatever part of the window's safe area the
+ * frame still overlaps. A chat under a navigator header starts below the top inset, and a chat
+ * above a tab bar ends above the home indicator, so both come out 0 there.
+ */
+export declare const insetsForFrame: (frame: Frame, window: {
+    height: number;
+}, windowInsets: {
+    top: number;
+    bottom: number;
+}) => {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+};
+/**
+ * Chat's own SafeAreaProvider, seeded with the insets it is about to measure.
+ *
+ * react-native-safe-area-context only knows a nested provider's insets after the native view
+ * has been laid out, so the first frame runs on `initialMetrics`. Any fixed seed is wrong
+ * somewhere: zero dropped the composer onto the home indicator for a frame in a full-screen
+ * chat (it then jumped up by the inset while the screen slid in), and the window's insets did
+ * the opposite under a header or above a tab bar. The chat's place in the window is known
+ * before anything is painted - a layout effect can measure synchronously - so the seed is
+ * computed from that, and the native measurement then confirms it instead of moving anything.
+ */
+export declare function ChatSafeAreaProvider({ children }: {
+    children: React.ReactNode;
+}): React.JSX.Element;
+export {};
+//# sourceMappingURL=ChatSafeAreaProvider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatSafeAreaProvider.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatSafeAreaProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwD,MAAM,OAAO,CAAA;AAE5E,OAAO,EACL,OAAO,EAIR,MAAM,gCAAgC,CAAA;AAEvC,KAAK,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,CAAA;AAI7B;;;;GAIG;AACH,eAAO,MAAM,cAAc,GACzB,OAAO,KAAK,EACZ,QAAQ;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,EAC1B,cAAc;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE;;;;;CAK7C,CAAA;AAEF;;;;;;;;;;GAUG;AACH,wBAAgB,oBAAoB,CAAE,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,qBA2ChF"}

package/lib/Chat/ChatSafeAreaProvider.js

@@ -0,0 +1,123 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { useContext, useLayoutEffect, useRef, useState } from 'react';
+import { Dimensions, StyleSheet, View } from 'react-native';
+import { SafeAreaInsetsContext, SafeAreaProvider, initialWindowMetrics } from 'react-native-safe-area-context';
+const ZERO_INSETS = {
+  top: 0,
+  left: 0,
+  right: 0,
+  bottom: 0
+};
+
+/**
+ * The insets a provider at `frame` will measure: whatever part of the window's safe area the
+ * frame still overlaps. A chat under a navigator header starts below the top inset, and a chat
+ * above a tab bar ends above the home indicator, so both come out 0 there.
+ */
+export const insetsForFrame = (frame, window, windowInsets) => ({
+  ...ZERO_INSETS,
+  top: Math.max(0, windowInsets.top - frame.y),
+  bottom: Math.max(0, windowInsets.bottom - (window.height - (frame.y + frame.height)))
+});
+
+/**
+ * Chat's own SafeAreaProvider, seeded with the insets it is about to measure.
+ *
+ * react-native-safe-area-context only knows a nested provider's insets after the native view
+ * has been laid out, so the first frame runs on `initialMetrics`. Any fixed seed is wrong
+ * somewhere: zero dropped the composer onto the home indicator for a frame in a full-screen
+ * chat (it then jumped up by the inset while the screen slid in), and the window's insets did
+ * the opposite under a header or above a tab bar. The chat's place in the window is known
+ * before anything is painted - a layout effect can measure synchronously - so the seed is
+ * computed from that, and the native measurement then confirms it instead of moving anything.
+ */
+export function ChatSafeAreaProvider(t0) {
+  const $ = _c(12);
+  const {
+    children
+  } = t0;
+  const parentInsets = useContext(SafeAreaInsetsContext);
+  const ref = useRef(null);
+  const [metrics, setMetrics] = useState(null);
+  let t1;
+  if ($[0] !== metrics || $[1] !== parentInsets?.bottom || $[2] !== parentInsets?.top) {
+    t1 = () => {
+      if (metrics) {
+        return;
+      }
+      let isSettled = false;
+      ref.current?.measureInWindow?.((x, y, width, height) => {
+        if (isSettled) {
+          return;
+        }
+        isSettled = true;
+        const frame = {
+          x,
+          y,
+          width,
+          height
+        };
+        const windowInsets = {
+          top: Math.max(parentInsets?.top ?? 0, initialWindowMetrics?.insets.top ?? 0),
+          bottom: Math.max(parentInsets?.bottom ?? 0, initialWindowMetrics?.insets.bottom ?? 0)
+        };
+        setMetrics({
+          frame,
+          insets: insetsForFrame(frame, Dimensions.get("window"), windowInsets)
+        });
+      });
+      if (!isSettled) {
+        isSettled = true;
+        setMetrics({
+          frame: initialWindowMetrics?.frame ?? {
+            x: 0,
+            y: 0,
+            width: 0,
+            height: 0
+          },
+          insets: ZERO_INSETS
+        });
+      }
+    };
+    $[0] = metrics;
+    $[1] = parentInsets?.bottom;
+    $[2] = parentInsets?.top;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  let t2;
+  if ($[4] !== metrics || $[5] !== parentInsets) {
+    t2 = [metrics, parentInsets];
+    $[4] = metrics;
+    $[5] = parentInsets;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  useLayoutEffect(t1, t2);
+  let t3;
+  if ($[7] !== children || $[8] !== metrics) {
+    t3 = metrics && <SafeAreaProvider initialMetrics={metrics}>{children}</SafeAreaProvider>;
+    $[7] = children;
+    $[8] = metrics;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  let t4;
+  if ($[10] !== t3) {
+    t4 = <View ref={ref} style={styles.fill} collapsable={false}>{t3}</View>;
+    $[10] = t3;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  return t4;
+}
+const styles = StyleSheet.create({
+  fill: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=ChatSafeAreaProvider.js.map

package/lib/Chat/ChatSafeAreaProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatSafeAreaProvider.js","names":["React","useContext","useLayoutEffect","useRef","useState","Dimensions","StyleSheet","View","SafeAreaInsetsContext","SafeAreaProvider","initialWindowMetrics","ZERO_INSETS","top","left","right","bottom","insetsForFrame","frame","window","windowInsets","Math","max","y","height","ChatSafeAreaProvider","t0","$","_c","children","parentInsets","ref","metrics","setMetrics","t1","isSettled","current","measureInWindow","x","width","insets","get","t2","t3","t4","styles","fill","create","flex"],"sources":["../../src/Chat/ChatSafeAreaProvider.tsx"],"sourcesContent":["import React, { useContext, useLayoutEffect, useRef, useState } from 'react'\nimport { Dimensions, StyleSheet, View } from 'react-native'\nimport {\n  Metrics,\n  SafeAreaInsetsContext,\n  SafeAreaProvider,\n  initialWindowMetrics,\n} from 'react-native-safe-area-context'\n\ntype Frame = Metrics['frame']\n\nconst ZERO_INSETS = { top: 0, left: 0, right: 0, bottom: 0 }\n\n/**\n * The insets a provider at `frame` will measure: whatever part of the window's safe area the\n * frame still overlaps. A chat under a navigator header starts below the top inset, and a chat\n * above a tab bar ends above the home indicator, so both come out 0 there.\n */\nexport const insetsForFrame = (\n  frame: Frame,\n  window: { height: number },\n  windowInsets: { top: number, bottom: number }\n) => ({\n  ...ZERO_INSETS,\n  top: Math.max(0, windowInsets.top - frame.y),\n  bottom: Math.max(0, windowInsets.bottom - (window.height - (frame.y + frame.height))),\n})\n\n/**\n * Chat's own SafeAreaProvider, seeded with the insets it is about to measure.\n *\n * react-native-safe-area-context only knows a nested provider's insets after the native view\n * has been laid out, so the first frame runs on `initialMetrics`. Any fixed seed is wrong\n * somewhere: zero dropped the composer onto the home indicator for a frame in a full-screen\n * chat (it then jumped up by the inset while the screen slid in), and the window's insets did\n * the opposite under a header or above a tab bar. The chat's place in the window is known\n * before anything is painted - a layout effect can measure synchronously - so the seed is\n * computed from that, and the native measurement then confirms it instead of moving anything.\n */\nexport function ChatSafeAreaProvider ({ children }: { children: React.ReactNode }) {\n  const parentInsets = useContext(SafeAreaInsetsContext)\n  const ref = useRef<React.ComponentRef<typeof View>>(null)\n  const [metrics, setMetrics] = useState<Metrics | null>(null)\n\n  useLayoutEffect(() => {\n    if (metrics)\n      return\n\n    let isSettled = false\n    ref.current?.measureInWindow?.((x, y, width, height) => {\n      // A platform that answers asynchronously (web) already got the fallback below, and the\n      // provider only reads `initialMetrics` when it mounts.\n      if (isSettled)\n        return\n\n      isSettled = true\n      const frame = { x, y, width, height }\n      const windowInsets = {\n        top: Math.max(parentInsets?.top ?? 0, initialWindowMetrics?.insets.top ?? 0),\n        bottom: Math.max(parentInsets?.bottom ?? 0, initialWindowMetrics?.insets.bottom ?? 0),\n      }\n      setMetrics({ frame, insets: insetsForFrame(frame, Dimensions.get('window'), windowInsets) })\n    })\n\n    if (!isSettled) {\n      isSettled = true\n      setMetrics({\n        frame: initialWindowMetrics?.frame ?? { x: 0, y: 0, width: 0, height: 0 },\n        insets: ZERO_INSETS,\n      })\n    }\n  }, [metrics, parentInsets])\n\n  return (\n    <View ref={ref} style={styles.fill} collapsable={false}>\n      {metrics && (\n        <SafeAreaProvider initialMetrics={metrics}>\n          {children}\n        </SafeAreaProvider>\n      )}\n    </View>\n  )\n}\n\nconst styles = StyleSheet.create({\n  fill: {\n    flex: 1,\n  },\n})\n"],"mappings":"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","ignoreList":[]}

package/lib/Chat/ChatSelectionBar.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { MessageSelectionStore } from '../components/messageSelection';
+import { SelectionBarProps } from '../components/SelectionBar';
+import { IMessage } from '../Models';
+/**
+ * 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 declare function ChatSelectionBar<TMessage extends IMessage>({ store, messages: allMessages, canCopy, onCopy, onForward, onDelete, renderSelectionBar, }: {
+    store: MessageSelectionStore;
+    messages: TMessage[];
+    canCopy: boolean;
+    onCopy: (messages: TMessage[]) => void;
+    onForward?: (messages: TMessage[]) => void;
+    onDelete?: (messages: TMessage[]) => void;
+    renderSelectionBar?: ((props: SelectionBarProps & {
+        messages: TMessage[];
+    }) => React.ReactNode) | null;
+}): React.JSX.Element;
+//# sourceMappingURL=ChatSelectionBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatSelectionBar.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatSelectionBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,qBAAqB,EAAkB,MAAM,gCAAgC,CAAA;AACtF,OAAO,EAAoC,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAChG,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA;AAMpC;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,SAAS,QAAQ,EAAG,EAC3D,KAAK,EACL,QAAQ,EAAE,WAAW,EACrB,OAAO,EACP,MAAM,EACN,SAAS,EACT,QAAQ,EACR,kBAAkB,GACnB,EAAE;IACD,KAAK,EAAE,qBAAqB,CAAA;IAC5B,QAAQ,EAAE,QAAQ,EAAE,CAAA;IACpB,OAAO,EAAE,OAAO,CAAA;IAChB,MAAM,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAA;IACtC,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAA;IAC1C,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAA;IACzC,kBAAkB,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,iBAAiB,GAAG;QAAE,QAAQ,EAAE,QAAQ,EAAE,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,IAAI,CAAA;CACvG,qBAqBA"}