@kesha-antonov/react-native-chat 6.0.1 → 6.1.1

package/lib/Chat/Chat.js

@@ -1,9 +1,10 @@
 import { c as _c } from "react/compiler-runtime";
-import React, { createRef, useEffect, useMemo, useState } from 'react';
+import React, { createRef, useEffect, useImperativeHandle, useMemo, useState } from 'react';
 import { View } from 'react-native';
 import { ChatContext } from '../ChatContext';
 import { createComposerPanelsStore } from '../components/composerPanels';
 import { MediaViewerHost } from '../components/mediaViewer/MediaViewerHost';
+import { TextHighlightContext } from '../components/textHighlight';
 import { TEST_ID } from '../Constant';
 import stylesCommon from '../styles';
 import { renderComponentOrElement } from '../utils';
@@ -24,7 +25,7 @@ import { useMessageNavigation } from './useMessageNavigation';
 import { useOptionalPeerHints } from './useOptionalPeerHints';
 import { useIsGroupChat, useResolvedReactions } from './useResolvedReactions';
 export function Chat(props) {
-  const $ = _c(128);
+  const $ = _c(138);
   const {
     messages: t0,
     initialText: t1,
@@ -155,62 +156,87 @@ export function Chat(props) {
     jumpToQuotedMessage,
     pageDownReturn
   } = useMessageNavigation(t10);
+  let t11;
+  let t12;
+  if ($[21] !== highlightStore || $[22] !== messagesContainerRef) {
+    t11 = () => ({
+      scrollToMessage: (messageId, options) => {
+        messagesContainerRef.current?.scrollToKey({
+          key: String(messageId),
+          animated: options?.animated ?? true,
+          viewPosition: options?.viewPosition ?? 0.5
+        });
+        if (options?.isHighlighted) {
+          highlightStore.highlight(messageId);
+        }
+      }
+    });
+    t12 = [messagesContainerRef, highlightStore];
+    $[21] = highlightStore;
+    $[22] = messagesContainerRef;
+    $[23] = t11;
+    $[24] = t12;
+  } else {
+    t11 = $[23];
+    t12 = $[24];
+  }
+  useImperativeHandle(props.chatRef, t11, t12);
   const isSwipeEnabled = isReplyEnabled && (reply?.swipe?.isEnabled ?? true);
-  const t11 = reply?.onPress ?? jumpToQuotedMessage;
-  const t12 = reply?.swipe;
-  let t13;
-  if ($[21] !== handleSwipeToReply || $[22] !== isSwipeEnabled || $[23] !== t12) {
-    t13 = {
-      ...t12,
+  const t13 = reply?.onPress ?? jumpToQuotedMessage;
+  const t14 = reply?.swipe;
+  let t15;
+  if ($[25] !== handleSwipeToReply || $[26] !== isSwipeEnabled || $[27] !== t14) {
+    t15 = {
+      ...t14,
       isEnabled: isSwipeEnabled,
       onSwipe: handleSwipeToReply
     };
-    $[21] = handleSwipeToReply;
-    $[22] = isSwipeEnabled;
-    $[23] = t12;
-    $[24] = t13;
+    $[25] = handleSwipeToReply;
+    $[26] = isSwipeEnabled;
+    $[27] = t14;
+    $[28] = t15;
   } else {
-    t13 = $[24];
+    t15 = $[28];
   }
-  let t14;
-  if ($[25] !== reply || $[26] !== t11 || $[27] !== t13) {
-    t14 = {
+  let t16;
+  if ($[29] !== reply || $[30] !== t13 || $[31] !== t15) {
+    t16 = {
       ...reply,
-      onPress: t11,
-      swipe: t13
+      onPress: t13,
+      swipe: t15
     };
-    $[25] = reply;
-    $[26] = t11;
-    $[27] = t13;
-    $[28] = t14;
+    $[29] = reply;
+    $[30] = t13;
+    $[31] = t15;
+    $[32] = t16;
   } else {
-    t14 = $[28];
+    t16 = $[32];
   }
-  const replyForList = t14;
+  const replyForList = t16;
   const userId = user?._id;
   const isGroupChat = useIsGroupChat(messages, userId, isGroupChatProp);
   const isAvatarVisible = isAvatarVisibleProp ?? (renderAvatar ? true : isGroupChat);
   const isUsernameVisible = isUsernameVisibleProp ?? isGroupChat;
-  let t15;
-  if ($[29] !== isGroupChat || $[30] !== messages || $[31] !== reactions || $[32] !== user) {
-    t15 = {
+  let t17;
+  if ($[33] !== isGroupChat || $[34] !== messages || $[35] !== reactions || $[36] !== user) {
+    t17 = {
       reactions,
       messages,
       user,
       isGroupChat
     };
-    $[29] = isGroupChat;
-    $[30] = messages;
-    $[31] = reactions;
-    $[32] = user;
-    $[33] = t15;
+    $[33] = isGroupChat;
+    $[34] = messages;
+    $[35] = reactions;
+    $[36] = user;
+    $[37] = t17;
   } else {
-    t15 = $[33];
+    t17 = $[37];
   }
-  const resolvedReactions = useResolvedReactions(t15);
-  let t16;
-  if ($[34] !== composerPanels || $[35] !== editStore || $[36] !== isReplyEnabled || $[37] !== props || $[38] !== resolvedLabels || $[39] !== selectionStore || $[40] !== startEdit || $[41] !== startReply || $[42] !== stopEdit || $[43] !== userId) {
-    t16 = {
+  const resolvedReactions = useResolvedReactions(t17);
+  let t18;
+  if ($[38] !== composerPanels || $[39] !== editStore || $[40] !== isReplyEnabled || $[41] !== props || $[42] !== resolvedLabels || $[43] !== selectionStore || $[44] !== startEdit || $[45] !== startReply || $[46] !== stopEdit || $[47] !== userId) {
+    t18 = {
       props,
       userId,
       resolvedLabels,
@@ -222,19 +248,19 @@ export function Chat(props) {
       composerPanels,
       selectionStore
     };
-    $[34] = composerPanels;
-    $[35] = editStore;
-    $[36] = isReplyEnabled;
-    $[37] = props;
-    $[38] = resolvedLabels;
-    $[39] = selectionStore;
-    $[40] = startEdit;
-    $[41] = startReply;
-    $[42] = stopEdit;
-    $[43] = userId;
-    $[44] = t16;
+    $[38] = composerPanels;
+    $[39] = editStore;
+    $[40] = isReplyEnabled;
+    $[41] = props;
+    $[42] = resolvedLabels;
+    $[43] = selectionStore;
+    $[44] = startEdit;
+    $[45] = startReply;
+    $[46] = stopEdit;
+    $[47] = userId;
+    $[48] = t18;
   } else {
-    t16 = $[44];
+    t18 = $[48];
   }
   const {
     resolvedMessageActions,
@@ -243,222 +269,246 @@ export function Chat(props) {
     copySelection,
     forwardSelection,
     deleteSelection
-  } = useMessageActions(t16);
-  let t17;
-  if ($[45] !== actionCallbacksRef || $[46] !== composer || $[47] !== messagesContainerRef || $[48] !== props || $[49] !== textInputRef) {
-    t17 = {
+  } = useMessageActions(t18);
+  let t19;
+  if ($[49] !== actionCallbacksRef || $[50] !== composer || $[51] !== messagesContainerRef || $[52] !== props || $[53] !== textInputRef) {
+    t19 = {
       ...composer,
       props,
       textInputRef,
       messagesContainerRef,
       actionCallbacksRef
     };
-    $[45] = actionCallbacksRef;
-    $[46] = composer;
-    $[47] = messagesContainerRef;
-    $[48] = props;
-    $[49] = textInputRef;
-    $[50] = t17;
+    $[49] = actionCallbacksRef;
+    $[50] = composer;
+    $[51] = messagesContainerRef;
+    $[52] = props;
+    $[53] = textInputRef;
+    $[54] = t19;
   } else {
-    t17 = $[50];
+    t19 = $[54];
   }
   const {
     inputToolbarFragment,
     sendGreeting,
     notifyInputTextReset
-  } = useComposerHandlers(t17);
+  } = useComposerHandlers(t19);
   const [isListMounted, setIsListMounted] = useState(false);
-  let t18;
-  let t19;
-  if ($[51] === Symbol.for("react.memo_cache_sentinel")) {
-    t18 = () => {
+  let t20;
+  let t21;
+  if ($[55] === Symbol.for("react.memo_cache_sentinel")) {
+    t20 = () => {
       const frame = requestAnimationFrame(() => setIsListMounted(true));
       return () => cancelAnimationFrame(frame);
     };
-    t19 = [];
-    $[51] = t18;
-    $[52] = t19;
+    t21 = [];
+    $[55] = t20;
+    $[56] = t21;
   } else {
-    t18 = $[51];
-    t19 = $[52];
+    t20 = $[55];
+    t21 = $[56];
   }
-  useEffect(t18, t19);
+  useEffect(t20, t21);
   useOptionalPeerHints(props.audioRecording, props.videoRecording);
-  let t20;
-  if ($[53] !== composer.getTextFromProp || $[54] !== initialText || $[55] !== notifyInputTextReset || $[56] !== textStore) {
-    t20 = {
+  let t22;
+  if ($[57] !== composer.getTextFromProp || $[58] !== initialText || $[59] !== notifyInputTextReset || $[60] !== textStore) {
+    t22 = {
       initialText,
       textStore,
       getTextFromProp: composer.getTextFromProp,
       notifyInputTextReset
     };
-    $[53] = composer.getTextFromProp;
-    $[54] = initialText;
-    $[55] = notifyInputTextReset;
-    $[56] = textStore;
-    $[57] = t20;
+    $[57] = composer.getTextFromProp;
+    $[58] = initialText;
+    $[59] = notifyInputTextReset;
+    $[60] = textStore;
+    $[61] = t22;
   } else {
-    t20 = $[57];
+    t22 = $[61];
   }
   const {
     isReady,
     keyboardOffsetRef,
     keyboardVerticalOffset,
     onInitialLayoutViewLayout
-  } = useInitialLayout(t20);
+  } = useInitialLayout(t22);
   const isSelectionBarShown = isSelecting && renderSelectionBar !== null;
-  let t21;
-  if ($[58] !== resolvedTheme.colors.background) {
-    t21 = [stylesCommon.fill, styles.contentContainer, {
-      backgroundColor: resolvedTheme.colors.background
-    }];
-    $[58] = resolvedTheme.colors.background;
-    $[59] = t21;
+  const highlightText = props.highlightText;
+  const highlightTextStyle = props.highlightTextStyle;
+  let t23;
+  if ($[62] !== highlightText || $[63] !== highlightTextStyle) {
+    t23 = highlightText?.trim() ? {
+      text: highlightText,
+      style: highlightTextStyle
+    } : null;
+    $[62] = highlightText;
+    $[63] = highlightTextStyle;
+    $[64] = t23;
   } else {
-    t21 = $[59];
+    t23 = $[64];
   }
-  let t22;
-  if ($[60] !== isInverted || $[61] !== messages || $[62] !== renderWallpaper || $[63] !== resolvedTheme || $[64] !== userId) {
-    t22 = <ChatBackground messages={messages} userId={userId} isInverted={isInverted} theme={resolvedTheme} renderWallpaper={renderWallpaper} />;
-    $[60] = isInverted;
-    $[61] = messages;
-    $[62] = renderWallpaper;
-    $[63] = resolvedTheme;
-    $[64] = userId;
-    $[65] = t22;
-  } else {
-    t22 = $[65];
-  }
-  const t23 = !isReady && styles.hidden;
+  const textHighlight = t23;
   let t24;
-  if ($[66] !== t23) {
-    t24 = [stylesCommon.fill, t23];
-    $[66] = t23;
-    $[67] = t24;
+  if ($[65] !== resolvedTheme.colors.background) {
+    t24 = [stylesCommon.fill, styles.contentContainer, {
+      backgroundColor: resolvedTheme.colors.background
+    }];
+    $[65] = resolvedTheme.colors.background;
+    $[66] = t24;
   } else {
-    t24 = $[67];
+    t24 = $[66];
   }
   let t25;
-  if ($[68] !== getSenderName || $[69] !== isAvatarVisible || $[70] !== isInverted || $[71] !== isListMounted || $[72] !== isUsernameVisible || $[73] !== messages || $[74] !== messagesContainerRef || $[75] !== pageDownReturn || $[76] !== props || $[77] !== replyForList || $[78] !== resolvedMessageActions || $[79] !== resolvedReactions || $[80] !== scrollToMessage || $[81] !== sendGreeting) {
-    t25 = <ChatMessageList isMounted={isListMounted} chatProps={props} messages={messages} isInverted={isInverted} messagesContainerRef={messagesContainerRef} replyForList={replyForList} pageDownReturn={pageDownReturn} getSenderName={getSenderName} scrollToMessage={scrollToMessage} resolvedMessageActions={resolvedMessageActions} resolvedReactions={resolvedReactions} isAvatarVisible={isAvatarVisible} isUsernameVisible={isUsernameVisible} sendGreeting={sendGreeting} />;
-    $[68] = getSenderName;
-    $[69] = isAvatarVisible;
-    $[70] = isInverted;
-    $[71] = isListMounted;
-    $[72] = isUsernameVisible;
-    $[73] = messages;
-    $[74] = messagesContainerRef;
-    $[75] = pageDownReturn;
-    $[76] = props;
-    $[77] = replyForList;
-    $[78] = resolvedMessageActions;
-    $[79] = resolvedReactions;
-    $[80] = scrollToMessage;
-    $[81] = sendGreeting;
-    $[82] = t25;
+  if ($[67] !== isInverted || $[68] !== messages || $[69] !== renderWallpaper || $[70] !== resolvedTheme || $[71] !== userId) {
+    t25 = <ChatBackground messages={messages} userId={userId} isInverted={isInverted} theme={resolvedTheme} renderWallpaper={renderWallpaper} />;
+    $[67] = isInverted;
+    $[68] = messages;
+    $[69] = renderWallpaper;
+    $[70] = resolvedTheme;
+    $[71] = userId;
+    $[72] = t25;
   } else {
-    t25 = $[82];
+    t25 = $[72];
   }
-  let t26;
-  if ($[83] !== copySelection || $[84] !== deleteSelection || $[85] !== forwardSelection || $[86] !== hasClipboard || $[87] !== isSelectionBarShown || $[88] !== messages || $[89] !== renderSelectionBar || $[90] !== selectionStore) {
-    t26 = isSelectionBarShown && <ChatSelectionBar store={selectionStore} messages={messages} canCopy={hasClipboard} onCopy={copySelection} onForward={forwardSelection} onDelete={deleteSelection} renderSelectionBar={renderSelectionBar} />;
-    $[83] = copySelection;
-    $[84] = deleteSelection;
-    $[85] = forwardSelection;
-    $[86] = hasClipboard;
-    $[87] = isSelectionBarShown;
-    $[88] = messages;
-    $[89] = renderSelectionBar;
-    $[90] = selectionStore;
-    $[91] = t26;
+  const t26 = !isReady && styles.hidden;
+  let t27;
+  if ($[73] !== t26) {
+    t27 = [stylesCommon.fill, t26];
+    $[73] = t26;
+    $[74] = t27;
   } else {
-    t26 = $[91];
+    t27 = $[74];
   }
-  const t27 = isSelectionBarShown ? styles.composerAway : undefined;
   let t28;
-  if ($[92] !== inputToolbarFragment || $[93] !== t27) {
-    t28 = <View collapsable={false} style={t27}>{inputToolbarFragment}</View>;
-    $[92] = inputToolbarFragment;
-    $[93] = t27;
-    $[94] = t28;
+  if ($[75] !== getSenderName || $[76] !== isAvatarVisible || $[77] !== isInverted || $[78] !== isListMounted || $[79] !== isUsernameVisible || $[80] !== messages || $[81] !== messagesContainerRef || $[82] !== pageDownReturn || $[83] !== props || $[84] !== replyForList || $[85] !== resolvedMessageActions || $[86] !== resolvedReactions || $[87] !== scrollToMessage || $[88] !== sendGreeting) {
+    t28 = <ChatMessageList isMounted={isListMounted} chatProps={props} messages={messages} isInverted={isInverted} messagesContainerRef={messagesContainerRef} replyForList={replyForList} pageDownReturn={pageDownReturn} getSenderName={getSenderName} scrollToMessage={scrollToMessage} resolvedMessageActions={resolvedMessageActions} resolvedReactions={resolvedReactions} isAvatarVisible={isAvatarVisible} isUsernameVisible={isUsernameVisible} sendGreeting={sendGreeting} />;
+    $[75] = getSenderName;
+    $[76] = isAvatarVisible;
+    $[77] = isInverted;
+    $[78] = isListMounted;
+    $[79] = isUsernameVisible;
+    $[80] = messages;
+    $[81] = messagesContainerRef;
+    $[82] = pageDownReturn;
+    $[83] = props;
+    $[84] = replyForList;
+    $[85] = resolvedMessageActions;
+    $[86] = resolvedReactions;
+    $[87] = scrollToMessage;
+    $[88] = sendGreeting;
+    $[89] = t28;
   } else {
-    t28 = $[94];
+    t28 = $[89];
   }
   let t29;
-  if ($[95] !== mediaGallery) {
-    t29 = <MediaViewerHost gallery={mediaGallery} />;
-    $[95] = mediaGallery;
-    $[96] = t29;
-  } else {
-    t29 = $[96];
-  }
-  let t30;
-  if ($[97] !== composerPanels || $[98] !== highlightStore || $[99] !== mediaController || $[100] !== mediaGallery || $[101] !== mediaTransferController || $[102] !== selectionStore || $[103] !== t25 || $[104] !== t26 || $[105] !== t28 || $[106] !== t29) {
-    t30 = <ChatProviders mediaController={mediaController} mediaTransferController={mediaTransferController} highlightStore={highlightStore} selectionStore={selectionStore} composerPanels={composerPanels} mediaGallery={mediaGallery}>{t25}{t26}{t28}{t29}</ChatProviders>;
-    $[97] = composerPanels;
-    $[98] = highlightStore;
-    $[99] = mediaController;
-    $[100] = mediaGallery;
-    $[101] = mediaTransferController;
-    $[102] = selectionStore;
-    $[103] = t25;
-    $[104] = t26;
-    $[105] = t28;
-    $[106] = t29;
-    $[107] = t30;
+  if ($[90] !== copySelection || $[91] !== deleteSelection || $[92] !== forwardSelection || $[93] !== hasClipboard || $[94] !== isSelectionBarShown || $[95] !== messages || $[96] !== renderSelectionBar || $[97] !== selectionStore) {
+    t29 = isSelectionBarShown && <ChatSelectionBar store={selectionStore} messages={messages} canCopy={hasClipboard} onCopy={copySelection} onForward={forwardSelection} onDelete={deleteSelection} renderSelectionBar={renderSelectionBar} />;
+    $[90] = copySelection;
+    $[91] = deleteSelection;
+    $[92] = forwardSelection;
+    $[93] = hasClipboard;
+    $[94] = isSelectionBarShown;
+    $[95] = messages;
+    $[96] = renderSelectionBar;
+    $[97] = selectionStore;
+    $[98] = t29;
   } else {
-    t30 = $[107];
+    t29 = $[98];
   }
+  const t30 = isSelectionBarShown ? styles.composerAway : undefined;
   let t31;
-  if ($[108] !== t24 || $[109] !== t30) {
-    t31 = <View testID={TEST_ID.CONTENT} collapsable={false} style={t24}>{t30}</View>;
-    $[108] = t24;
-    $[109] = t30;
-    $[110] = t31;
+  if ($[99] !== inputToolbarFragment || $[100] !== t30) {
+    t31 = <View collapsable={false} style={t30}>{inputToolbarFragment}</View>;
+    $[99] = inputToolbarFragment;
+    $[100] = t30;
+    $[101] = t31;
   } else {
-    t31 = $[110];
+    t31 = $[101];
   }
   let t32;
-  if ($[111] !== isReady || $[112] !== renderLoading) {
-    t32 = !isReady && renderComponentOrElement(renderLoading, {});
-    $[111] = isReady;
-    $[112] = renderLoading;
-    $[113] = t32;
+  if ($[102] !== mediaGallery) {
+    t32 = <MediaViewerHost gallery={mediaGallery} />;
+    $[102] = mediaGallery;
+    $[103] = t32;
   } else {
-    t32 = $[113];
+    t32 = $[103];
   }
   let t33;
-  if ($[114] !== keyboardVerticalOffset || $[115] !== props.keyboardAvoidingViewProps || $[116] !== t31 || $[117] !== t32) {
-    t33 = <ChatKeyboardAvoidingView keyboardVerticalOffset={keyboardVerticalOffset} keyboardAvoidingViewProps={props.keyboardAvoidingViewProps}>{t31}{t32}</ChatKeyboardAvoidingView>;
-    $[114] = keyboardVerticalOffset;
-    $[115] = props.keyboardAvoidingViewProps;
-    $[116] = t31;
-    $[117] = t32;
-    $[118] = t33;
+  if ($[104] !== composerPanels || $[105] !== highlightStore || $[106] !== mediaController || $[107] !== mediaGallery || $[108] !== mediaTransferController || $[109] !== selectionStore || $[110] !== t28 || $[111] !== t29 || $[112] !== t31 || $[113] !== t32) {
+    t33 = <ChatProviders mediaController={mediaController} mediaTransferController={mediaTransferController} highlightStore={highlightStore} selectionStore={selectionStore} composerPanels={composerPanels} mediaGallery={mediaGallery}>{t28}{t29}{t31}{t32}</ChatProviders>;
+    $[104] = composerPanels;
+    $[105] = highlightStore;
+    $[106] = mediaController;
+    $[107] = mediaGallery;
+    $[108] = mediaTransferController;
+    $[109] = selectionStore;
+    $[110] = t28;
+    $[111] = t29;
+    $[112] = t31;
+    $[113] = t32;
+    $[114] = t33;
   } else {
-    t33 = $[118];
+    t33 = $[114];
   }
   let t34;
-  if ($[119] !== keyboardOffsetRef || $[120] !== onInitialLayoutViewLayout || $[121] !== t21 || $[122] !== t22 || $[123] !== t33) {
-    t34 = <View testID={TEST_ID.WRAPPER} ref={keyboardOffsetRef} style={t21} onLayout={onInitialLayoutViewLayout}>{t22}{t33}</View>;
-    $[119] = keyboardOffsetRef;
-    $[120] = onInitialLayoutViewLayout;
-    $[121] = t21;
-    $[122] = t22;
-    $[123] = t33;
-    $[124] = t34;
+  if ($[115] !== t27 || $[116] !== t33) {
+    t34 = <View testID={TEST_ID.CONTENT} collapsable={false} style={t27}>{t33}</View>;
+    $[115] = t27;
+    $[116] = t33;
+    $[117] = t34;
   } else {
-    t34 = $[124];
+    t34 = $[117];
   }
   let t35;
-  if ($[125] !== contextValues || $[126] !== t34) {
-    t35 = <ChatContext.Provider value={contextValues}>{t34}</ChatContext.Provider>;
-    $[125] = contextValues;
-    $[126] = t34;
-    $[127] = t35;
+  if ($[118] !== isReady || $[119] !== renderLoading) {
+    t35 = !isReady && renderComponentOrElement(renderLoading, {});
+    $[118] = isReady;
+    $[119] = renderLoading;
+    $[120] = t35;
+  } else {
+    t35 = $[120];
+  }
+  let t36;
+  if ($[121] !== keyboardVerticalOffset || $[122] !== props.keyboardAvoidingViewProps || $[123] !== t34 || $[124] !== t35) {
+    t36 = <ChatKeyboardAvoidingView keyboardVerticalOffset={keyboardVerticalOffset} keyboardAvoidingViewProps={props.keyboardAvoidingViewProps}>{t34}{t35}</ChatKeyboardAvoidingView>;
+    $[121] = keyboardVerticalOffset;
+    $[122] = props.keyboardAvoidingViewProps;
+    $[123] = t34;
+    $[124] = t35;
+    $[125] = t36;
+  } else {
+    t36 = $[125];
+  }
+  let t37;
+  if ($[126] !== keyboardOffsetRef || $[127] !== onInitialLayoutViewLayout || $[128] !== t24 || $[129] !== t25 || $[130] !== t36) {
+    t37 = <View testID={TEST_ID.WRAPPER} ref={keyboardOffsetRef} style={t24} onLayout={onInitialLayoutViewLayout}>{t25}{t36}</View>;
+    $[126] = keyboardOffsetRef;
+    $[127] = onInitialLayoutViewLayout;
+    $[128] = t24;
+    $[129] = t25;
+    $[130] = t36;
+    $[131] = t37;
+  } else {
+    t37 = $[131];
+  }
+  let t38;
+  if ($[132] !== t37 || $[133] !== textHighlight) {
+    t38 = <TextHighlightContext.Provider value={textHighlight}>{t37}</TextHighlightContext.Provider>;
+    $[132] = t37;
+    $[133] = textHighlight;
+    $[134] = t38;
+  } else {
+    t38 = $[134];
+  }
+  let t39;
+  if ($[135] !== contextValues || $[136] !== t38) {
+    t39 = <ChatContext.Provider value={contextValues}>{t38}</ChatContext.Provider>;
+    $[135] = contextValues;
+    $[136] = t38;
+    $[137] = t39;
   } else {
-    t35 = $[127];
+    t39 = $[137];
   }
-  return t35;
+  return t39;
 }
 //# sourceMappingURL=Chat.js.map