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

package/lib/attachments/AttachmentMenu/index.js

@@ -7,7 +7,7 @@ import { useWindowInsets } from '../../components/windowInsets';
 import { useColorScheme } from '../../hooks/useColorScheme';
 import { useThemedStyles } from '../../hooks/useTheme';
 import { warning } from '../../logging';
-import { hasMediaLibrary } from '../../optional';
+import { hasImagePickerCamera, hasMediaLibrary } from '../../optional';
 import { getCurrentLocation, pickDocuments, pickFromSystemGallery, takePhoto } from '../buildMessages';
 import { toPickedAttachment, useGallery } from '../gallery';
 import { CaptionBar } from './CaptionBar';
@@ -23,13 +23,19 @@ import { useSheetPresence } from './useSheetPresence';
  * a "Send N" button; File, Camera and (without the grid) Gallery hand over to the system pickers.
  */
 export function AttachmentMenu(t0) {
-  const $ = _c(113);
+  const $ = _c(119);
   const {
     visible,
     tabs,
     onClose,
-    onSend
+    onSend,
+    pickers,
+    isGalleryGridEnabled: t1
   } = t0;
+  const isGalleryGridEnabled = t1 === undefined ? true : t1;
+  const pickFile = pickers?.file ?? pickDocuments;
+  const pickCamera = pickers?.camera ?? (hasImagePickerCamera() ? takePhoto : undefined);
+  const pickGallery = pickers?.gallery ?? pickFromSystemGallery;
   const styles = useThemedStyles(createStyles);
   const isDark = useColorScheme() === "dark";
   const insets = useWindowInsets();
@@ -37,43 +43,44 @@ export function AttachmentMenu(t0) {
     width: screenWidth,
     height: screenHeight
   } = useWindowDimensions();
-  let t1;
-  if ($[0] !== tabs) {
-    t1 = tabs.includes("gallery") && hasMediaLibrary();
-    $[0] = tabs;
-    $[1] = t1;
+  let t2;
+  if ($[0] !== isGalleryGridEnabled || $[1] !== tabs) {
+    t2 = isGalleryGridEnabled && tabs.includes("gallery") && hasMediaLibrary();
+    $[0] = isGalleryGridEnabled;
+    $[1] = tabs;
+    $[2] = t2;
   } else {
-    t1 = $[1];
+    t2 = $[2];
   }
-  const hasGrid = t1;
-  let t2;
-  if ($[2] !== hasGrid || $[3] !== tabs) {
-    let t3;
-    if ($[5] !== hasGrid) {
-      t3 = tab => tab === "gallery" && hasGrid || tab === "location" || tab === "gallery";
-      $[5] = hasGrid;
-      $[6] = t3;
+  const hasGrid = t2;
+  let t3;
+  if ($[3] !== hasGrid || $[4] !== tabs) {
+    let t4;
+    if ($[6] !== hasGrid) {
+      t4 = tab => tab === "gallery" && hasGrid || tab === "location" || tab === "gallery";
+      $[6] = hasGrid;
+      $[7] = t4;
     } else {
-      t3 = $[6];
+      t4 = $[7];
     }
-    t2 = tabs.filter(t3);
-    $[2] = hasGrid;
-    $[3] = tabs;
-    $[4] = t2;
+    t3 = tabs.filter(t4);
+    $[3] = hasGrid;
+    $[4] = tabs;
+    $[5] = t3;
   } else {
-    t2 = $[4];
+    t3 = $[5];
   }
-  const contentTabs = t2;
+  const contentTabs = t3;
   const initialTab = contentTabs[0] ?? tabs[0] ?? "gallery";
   const [activeTab, setActiveTab] = useState(initialTab);
-  let t3;
-  if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-    t3 = [];
-    $[7] = t3;
+  let t4;
+  if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = [];
+    $[8] = t4;
   } else {
-    t3 = $[7];
+    t4 = $[8];
   }
-  const [selected, setSelected] = useState(t3);
+  const [selected, setSelected] = useState(t4);
   const [caption, setCaption] = useState("");
   const [location, setLocation] = useState(null);
   const scrollY = useSharedValue(0);
@@ -104,85 +111,85 @@ export function AttachmentMenu(t0) {
   const isGridTab = activeTab === "gallery" && hasGrid;
   const gallery = useGallery(isMounted && isGridTab);
   const isGridShown = isGridTab && gallery.status !== "denied" && gallery.status !== "unavailable" && !(gallery.status === "ready" && gallery.assets.length === 0);
-  let t4;
   let t5;
-  if ($[8] !== gridMode || $[9] !== isGridShown) {
-    t4 = () => {
+  let t6;
+  if ($[9] !== gridMode || $[10] !== isGridShown) {
+    t5 = () => {
       gridMode.set(withTiming(isGridShown ? 1 : 0, CLOSE));
     };
-    t5 = [isGridShown, gridMode];
-    $[8] = gridMode;
-    $[9] = isGridShown;
-    $[10] = t4;
+    t6 = [isGridShown, gridMode];
+    $[9] = gridMode;
+    $[10] = isGridShown;
     $[11] = t5;
+    $[12] = t6;
   } else {
-    t4 = $[10];
     t5 = $[11];
+    t6 = $[12];
   }
-  useEffect(t4, t5);
-  let t6;
+  useEffect(t5, t6);
   let t7;
-  if ($[12] !== captionShown || $[13] !== selected.length) {
-    t6 = () => {
+  let t8;
+  if ($[13] !== captionShown || $[14] !== selected.length) {
+    t7 = () => {
       captionShown.set(withTiming(selected.length > 0 ? 1 : 0, {
         duration: CAPTION_SWAP_MS,
         easing: DECELERATE,
         reduceMotion: REDUCE_MOTION
       }));
     };
-    t7 = [selected.length, captionShown];
-    $[12] = captionShown;
-    $[13] = selected.length;
-    $[14] = t6;
+    t8 = [selected.length, captionShown];
+    $[13] = captionShown;
+    $[14] = selected.length;
     $[15] = t7;
+    $[16] = t8;
   } else {
-    t6 = $[14];
     t7 = $[15];
+    t8 = $[16];
   }
-  useEffect(t6, t7);
-  let t8;
-  if ($[16] !== close || $[17] !== onClose) {
-    t8 = () => close(onClose);
-    $[16] = close;
-    $[17] = onClose;
-    $[18] = t8;
+  useEffect(t7, t8);
+  let t9;
+  if ($[17] !== close || $[18] !== onClose) {
+    t9 = () => close(onClose);
+    $[17] = close;
+    $[18] = onClose;
+    $[19] = t9;
   } else {
-    t8 = $[18];
+    t9 = $[19];
   }
-  const dismiss = t8;
-  let t9;
-  if ($[19] !== close || $[20] !== onClose) {
-    t9 = action => {
+  const dismiss = t9;
+  let t10;
+  if ($[20] !== close || $[21] !== onClose) {
+    t10 = action => {
       close(() => {
         onClose();
         action();
       });
     };
-    $[19] = close;
-    $[20] = onClose;
-    $[21] = t9;
+    $[20] = close;
+    $[21] = onClose;
+    $[22] = t10;
   } else {
-    t9 = $[21];
+    t10 = $[22];
   }
-  const closeThen = t9;
-  let t10;
-  if ($[22] !== onSend) {
-    t10 = (attachments, t11) => {
-      const withCaption = t11 === undefined ? "" : t11;
+  const closeThen = t10;
+  let t11;
+  if ($[23] !== onSend) {
+    t11 = (attachments, t12) => {
+      const withCaption = t12 === undefined ? "" : t12;
       if (attachments.length) {
         onSend(attachments, withCaption);
       }
     };
-    $[22] = onSend;
-    $[23] = t10;
+    $[23] = onSend;
+    $[24] = t11;
   } else {
-    t10 = $[23];
+    t11 = $[24];
   }
-  const sendPicked = t10;
+  const sendPicked = t11;
   const isPickingRef = useRef(false);
-  let t11;
-  if ($[24] !== closeThen || $[25] !== sendPicked) {
-    t11 = picker => {
+  let t12;
+  if ($[25] !== closeThen || $[26] !== sendPicked) {
+    t12 = picker => {
       if (isPickingRef.current) {
         return;
       }
@@ -195,37 +202,37 @@ export function AttachmentMenu(t0) {
         isPickingRef.current = false;
       });
     };
-    $[24] = closeThen;
-    $[25] = sendPicked;
-    $[26] = t11;
+    $[25] = closeThen;
+    $[26] = sendPicked;
+    $[27] = t12;
   } else {
-    t11 = $[26];
+    t12 = $[27];
   }
-  const runPicker = t11;
-  let t12;
-  if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
-    t12 = () => {
+  const runPicker = t12;
+  let t13;
+  if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
+    t13 = () => {
       setLocation("locating");
       getCurrentLocation().then(setLocation).catch(() => setLocation({
         status: "failed"
       }));
     };
-    $[27] = t12;
+    $[28] = t13;
   } else {
-    t12 = $[27];
+    t13 = $[28];
   }
-  const fetchLocation = t12;
-  let t13;
-  if ($[28] !== activeTab || $[29] !== contentShift || $[30] !== hasGrid || $[31] !== location || $[32] !== runPicker) {
-    t13 = tab_0 => {
+  const fetchLocation = t13;
+  let t14;
+  if ($[29] !== activeTab || $[30] !== contentShift || $[31] !== hasGrid || $[32] !== location || $[33] !== pickCamera || $[34] !== pickFile || $[35] !== pickGallery || $[36] !== runPicker) {
+    t14 = tab_0 => {
       if (tab_0 === "file") {
-        return runPicker(pickDocuments);
+        return runPicker(pickFile);
       }
       if (tab_0 === "camera") {
-        return runPicker(takePhoto);
+        return runPicker(pickCamera ?? takePhoto);
       }
       if (tab_0 === "gallery" && !hasGrid && activeTab === "gallery") {
-        return runPicker(pickFromSystemGallery);
+        return runPicker(pickGallery);
       }
       if (tab_0 === activeTab) {
         return;
@@ -237,38 +244,41 @@ export function AttachmentMenu(t0) {
         fetchLocation();
       }
     };
-    $[28] = activeTab;
-    $[29] = contentShift;
-    $[30] = hasGrid;
-    $[31] = location;
-    $[32] = runPicker;
-    $[33] = t13;
+    $[29] = activeTab;
+    $[30] = contentShift;
+    $[31] = hasGrid;
+    $[32] = location;
+    $[33] = pickCamera;
+    $[34] = pickFile;
+    $[35] = pickGallery;
+    $[36] = runPicker;
+    $[37] = t14;
   } else {
-    t13 = $[33];
+    t14 = $[37];
   }
-  const onTabPress = t13;
-  let t14;
+  const onTabPress = t14;
   let t15;
-  if ($[34] !== activeTab || $[35] !== isMounted || $[36] !== location) {
-    t14 = () => {
+  let t16;
+  if ($[38] !== activeTab || $[39] !== isMounted || $[40] !== location) {
+    t15 = () => {
       if (isMounted && activeTab === "location" && location == null) {
         fetchLocation();
       }
     };
-    t15 = [isMounted, activeTab, location, fetchLocation];
-    $[34] = activeTab;
-    $[35] = isMounted;
-    $[36] = location;
-    $[37] = t14;
-    $[38] = t15;
+    t16 = [isMounted, activeTab, location, fetchLocation];
+    $[38] = activeTab;
+    $[39] = isMounted;
+    $[40] = location;
+    $[41] = t15;
+    $[42] = t16;
   } else {
-    t14 = $[37];
-    t15 = $[38];
+    t15 = $[41];
+    t16 = $[42];
   }
-  useEffect(t14, t15);
-  let t16;
-  if ($[39] !== closeThen || $[40] !== location || $[41] !== sendPicked) {
-    t16 = () => {
+  useEffect(t15, t16);
+  let t17;
+  if ($[43] !== closeThen || $[44] !== location || $[45] !== sendPicked) {
+    t17 = () => {
       if (location && typeof location === "object" && location.status === "located") {
         const picked_0 = {
           type: "location",
@@ -283,42 +293,42 @@ export function AttachmentMenu(t0) {
         fetchLocation();
       }
     };
-    $[39] = closeThen;
-    $[40] = location;
-    $[41] = sendPicked;
-    $[42] = t16;
+    $[43] = closeThen;
+    $[44] = location;
+    $[45] = sendPicked;
+    $[46] = t17;
   } else {
-    t16 = $[42];
+    t17 = $[46];
   }
-  const sendLocation = t16;
-  let t17;
-  if ($[43] === Symbol.for("react.memo_cache_sentinel")) {
-    t17 = asset => {
+  const sendLocation = t17;
+  let t18;
+  if ($[47] === Symbol.for("react.memo_cache_sentinel")) {
+    t18 = asset => {
       setSelected(previous => previous.some(item_0 => item_0.id === asset.id) ? previous.filter(item => item.id !== asset.id) : [...previous, asset]);
     };
-    $[43] = t17;
+    $[47] = t18;
   } else {
-    t17 = $[43];
+    t18 = $[47];
   }
-  const toggleAsset = t17;
-  let t18;
-  if ($[44] !== caption || $[45] !== closeThen || $[46] !== selected || $[47] !== sendPicked) {
-    t18 = () => {
+  const toggleAsset = t18;
+  let t19;
+  if ($[48] !== caption || $[49] !== closeThen || $[50] !== selected || $[51] !== sendPicked) {
+    t19 = () => {
       const picks = selected;
       const text = caption;
       closeThen(() => {
         Promise.all(picks.map(toPickedAttachment)).then(attachments_0 => sendPicked(attachments_0, text)).catch(_temp2);
       });
     };
-    $[44] = caption;
-    $[45] = closeThen;
-    $[46] = selected;
-    $[47] = sendPicked;
-    $[48] = t18;
+    $[48] = caption;
+    $[49] = closeThen;
+    $[50] = selected;
+    $[51] = sendPicked;
+    $[52] = t19;
   } else {
-    t18 = $[48];
+    t19 = $[52];
   }
-  const sendSelection = t18;
+  const sendSelection = t19;
   const keyboard = useReanimatedKeyboardAnimation();
   const fallbackKeyboard = useSharedValue(0);
   const keyboardHeight = keyboard?.height ?? fallbackKeyboard;
@@ -346,150 +356,152 @@ export function AttachmentMenu(t0) {
   if (!isMounted) {
     return null;
   }
-  let t19;
-  if ($[49] !== dimStyle || $[50] !== styles.dim) {
-    t19 = <Animated.View style={[StyleSheet.absoluteFill, styles.dim, dimStyle]} pointerEvents="none" />;
-    $[49] = dimStyle;
-    $[50] = styles.dim;
-    $[51] = t19;
-  } else {
-    t19 = $[51];
-  }
   let t20;
-  if ($[52] !== sheetStyle) {
-    t20 = [StyleSheet.absoluteFill, sheetStyle];
-    $[52] = sheetStyle;
-    $[53] = t20;
+  if ($[53] !== dimStyle || $[54] !== styles.dim) {
+    t20 = <Animated.View style={[StyleSheet.absoluteFill, styles.dim, dimStyle]} pointerEvents="none" />;
+    $[53] = dimStyle;
+    $[54] = styles.dim;
+    $[55] = t20;
   } else {
-    t20 = $[53];
+    t20 = $[55];
   }
   let t21;
-  if ($[54] !== dismiss) {
-    t21 = <Pressable style={StyleSheet.absoluteFill} onPress={dismiss} accessibilityLabel="dismiss" />;
-    $[54] = dismiss;
-    $[55] = t21;
+  if ($[56] !== sheetStyle) {
+    t21 = [StyleSheet.absoluteFill, sheetStyle];
+    $[56] = sheetStyle;
+    $[57] = t21;
   } else {
-    t21 = $[55];
+    t21 = $[57];
   }
-  const t22 = screenHeight + 100;
-  let t23;
-  if ($[56] !== t22) {
-    t23 = {
-      height: t22
-    };
-    $[56] = t22;
-    $[57] = t23;
+  let t22;
+  if ($[58] !== dismiss) {
+    t22 = <Pressable style={StyleSheet.absoluteFill} onPress={dismiss} accessibilityLabel="dismiss" />;
+    $[58] = dismiss;
+    $[59] = t22;
   } else {
-    t23 = $[57];
+    t22 = $[59];
   }
+  const t23 = screenHeight + 100;
   let t24;
-  if ($[58] !== backgroundStyle || $[59] !== styles.background || $[60] !== t23) {
-    t24 = [styles.background, t23, backgroundStyle];
-    $[58] = backgroundStyle;
-    $[59] = styles.background;
+  if ($[60] !== t23) {
+    t24 = {
+      height: t23
+    };
     $[60] = t23;
     $[61] = t24;
   } else {
     t24 = $[61];
   }
   let t25;
-  if ($[62] !== styles.handle) {
-    t25 = <View style={styles.handle} />;
-    $[62] = styles.handle;
-    $[63] = t25;
+  if ($[62] !== backgroundStyle || $[63] !== styles.background || $[64] !== t24) {
+    t25 = [styles.background, t24, backgroundStyle];
+    $[62] = backgroundStyle;
+    $[63] = styles.background;
+    $[64] = t24;
+    $[65] = t25;
   } else {
-    t25 = $[63];
+    t25 = $[65];
   }
   let t26;
-  if ($[64] !== t24 || $[65] !== t25) {
-    t26 = <Animated.View style={t24} pointerEvents="none">{t25}</Animated.View>;
-    $[64] = t24;
-    $[65] = t25;
-    $[66] = t26;
+  if ($[66] !== styles.handle) {
+    t26 = <View style={styles.handle} />;
+    $[66] = styles.handle;
+    $[67] = t26;
   } else {
-    t26 = $[66];
+    t26 = $[67];
   }
   let t27;
-  if ($[67] !== activeTab || $[68] !== bottomArea || $[69] !== cellSize || $[70] !== contentStyle || $[71] !== dismiss || $[72] !== fixedTop || $[73] !== gallery.assets || $[74] !== gallery.loadMore || $[75] !== gallery.status || $[76] !== hasGrid || $[77] !== isGridShown || $[78] !== location || $[79] !== runPicker || $[80] !== scrollHandler || $[81] !== selected || $[82] !== sendLocation || $[83] !== spacer || $[84] !== styles.panel) {
-    t27 = isGridShown ? <Animated.View style={[StyleSheet.absoluteFill, contentStyle]} pointerEvents="box-none"><GalleryGrid assets={gallery.assets} selected={selected} cellSize={cellSize} spacer={spacer} bottomArea={bottomArea} onScroll={scrollHandler} onEndReached={gallery.loadMore} onDismiss={dismiss} onToggle={toggleAsset} runPicker={runPicker} /></Animated.View> : <Animated.View style={[styles.panel, {
-      top: fixedTop + HEADER,
-      height: PANEL_HEIGHT
-    }, contentStyle]}><TabPanel activeTab={activeTab} location={location} onSendLocation={sendLocation} hasGrid={hasGrid} galleryStatus={gallery.status} runPicker={runPicker} /></Animated.View>;
-    $[67] = activeTab;
-    $[68] = bottomArea;
-    $[69] = cellSize;
-    $[70] = contentStyle;
-    $[71] = dismiss;
-    $[72] = fixedTop;
-    $[73] = gallery.assets;
-    $[74] = gallery.loadMore;
-    $[75] = gallery.status;
-    $[76] = hasGrid;
-    $[77] = isGridShown;
-    $[78] = location;
-    $[79] = runPicker;
-    $[80] = scrollHandler;
-    $[81] = selected;
-    $[82] = sendLocation;
-    $[83] = spacer;
-    $[84] = styles.panel;
-    $[85] = t27;
+  if ($[68] !== t25 || $[69] !== t26) {
+    t27 = <Animated.View style={t25} pointerEvents="none">{t26}</Animated.View>;
+    $[68] = t25;
+    $[69] = t26;
+    $[70] = t27;
   } else {
-    t27 = $[85];
+    t27 = $[70];
   }
-  const t28 = selected.length > 0;
-  let t29;
-  if ($[86] !== activeTab || $[87] !== captionShown || $[88] !== insets.bottom || $[89] !== onTabPress || $[90] !== t28 || $[91] !== tabWidth || $[92] !== tabs) {
-    t29 = <TabBar tabs={tabs} activeTab={activeTab} tabWidth={tabWidth} bottomInset={insets.bottom} hasSelection={t28} captionShown={captionShown} onTabPress={onTabPress} />;
-    $[86] = activeTab;
-    $[87] = captionShown;
-    $[88] = insets.bottom;
-    $[89] = onTabPress;
-    $[90] = t28;
-    $[91] = tabWidth;
-    $[92] = tabs;
-    $[93] = t29;
+  let t28;
+  if ($[71] !== activeTab || $[72] !== bottomArea || $[73] !== cellSize || $[74] !== contentStyle || $[75] !== dismiss || $[76] !== fixedTop || $[77] !== gallery.assets || $[78] !== gallery.loadMore || $[79] !== gallery.status || $[80] !== hasGrid || $[81] !== isGridShown || $[82] !== location || $[83] !== pickCamera || $[84] !== pickers?.gallery || $[85] !== runPicker || $[86] !== scrollHandler || $[87] !== selected || $[88] !== sendLocation || $[89] !== spacer || $[90] !== styles.panel) {
+    t28 = isGridShown ? <Animated.View style={[StyleSheet.absoluteFill, contentStyle]} pointerEvents="box-none"><GalleryGrid assets={gallery.assets} selected={selected} cellSize={cellSize} spacer={spacer} bottomArea={bottomArea} onScroll={scrollHandler} onEndReached={gallery.loadMore} onDismiss={dismiss} onToggle={toggleAsset} runPicker={runPicker} pickCamera={pickCamera} /></Animated.View> : <Animated.View style={[styles.panel, {
+      top: fixedTop + HEADER,
+      height: PANEL_HEIGHT
+    }, contentStyle]}><TabPanel activeTab={activeTab} location={location} onSendLocation={sendLocation} hasGrid={hasGrid} galleryStatus={gallery.status} runPicker={runPicker} pickGallery={pickers?.gallery} /></Animated.View>;
+    $[71] = activeTab;
+    $[72] = bottomArea;
+    $[73] = cellSize;
+    $[74] = contentStyle;
+    $[75] = dismiss;
+    $[76] = fixedTop;
+    $[77] = gallery.assets;
+    $[78] = gallery.loadMore;
+    $[79] = gallery.status;
+    $[80] = hasGrid;
+    $[81] = isGridShown;
+    $[82] = location;
+    $[83] = pickCamera;
+    $[84] = pickers?.gallery;
+    $[85] = runPicker;
+    $[86] = scrollHandler;
+    $[87] = selected;
+    $[88] = sendLocation;
+    $[89] = spacer;
+    $[90] = styles.panel;
+    $[91] = t28;
   } else {
-    t29 = $[93];
+    t28 = $[91];
   }
+  const t29 = selected.length > 0;
   let t30;
-  if ($[94] !== caption || $[95] !== captionShown || $[96] !== insets.bottom || $[97] !== isDark || $[98] !== keyboardHeight || $[99] !== selected.length || $[100] !== sendSelection) {
-    t30 = selected.length > 0 && <CaptionBar count={selected.length} caption={caption} onChangeCaption={setCaption} onSend={sendSelection} captionShown={captionShown} keyboardHeight={keyboardHeight} bottomInset={insets.bottom} isDark={isDark} />;
-    $[94] = caption;
-    $[95] = captionShown;
-    $[96] = insets.bottom;
-    $[97] = isDark;
-    $[98] = keyboardHeight;
-    $[99] = selected.length;
-    $[100] = sendSelection;
-    $[101] = t30;
+  if ($[92] !== activeTab || $[93] !== captionShown || $[94] !== insets.bottom || $[95] !== onTabPress || $[96] !== t29 || $[97] !== tabWidth || $[98] !== tabs) {
+    t30 = <TabBar tabs={tabs} activeTab={activeTab} tabWidth={tabWidth} bottomInset={insets.bottom} hasSelection={t29} captionShown={captionShown} onTabPress={onTabPress} />;
+    $[92] = activeTab;
+    $[93] = captionShown;
+    $[94] = insets.bottom;
+    $[95] = onTabPress;
+    $[96] = t29;
+    $[97] = tabWidth;
+    $[98] = tabs;
+    $[99] = t30;
   } else {
-    t30 = $[101];
+    t30 = $[99];
   }
   let t31;
-  if ($[102] !== t20 || $[103] !== t21 || $[104] !== t26 || $[105] !== t27 || $[106] !== t29 || $[107] !== t30) {
-    t31 = <Animated.View style={t20}>{t21}{t26}{t27}{t29}{t30}</Animated.View>;
-    $[102] = t20;
-    $[103] = t21;
-    $[104] = t26;
-    $[105] = t27;
-    $[106] = t29;
-    $[107] = t30;
-    $[108] = t31;
+  if ($[100] !== caption || $[101] !== captionShown || $[102] !== insets.bottom || $[103] !== isDark || $[104] !== keyboardHeight || $[105] !== selected.length || $[106] !== sendSelection) {
+    t31 = selected.length > 0 && <CaptionBar count={selected.length} caption={caption} onChangeCaption={setCaption} onSend={sendSelection} captionShown={captionShown} keyboardHeight={keyboardHeight} bottomInset={insets.bottom} isDark={isDark} />;
+    $[100] = caption;
+    $[101] = captionShown;
+    $[102] = insets.bottom;
+    $[103] = isDark;
+    $[104] = keyboardHeight;
+    $[105] = selected.length;
+    $[106] = sendSelection;
+    $[107] = t31;
   } else {
-    t31 = $[108];
+    t31 = $[107];
   }
   let t32;
-  if ($[109] !== dismiss || $[110] !== t19 || $[111] !== t31) {
-    t32 = <Modal transparent={true} visible={true} animationType="none" onRequestClose={dismiss} statusBarTranslucent={true}>{t19}{t31}</Modal>;
-    $[109] = dismiss;
-    $[110] = t19;
-    $[111] = t31;
-    $[112] = t32;
+  if ($[108] !== t21 || $[109] !== t22 || $[110] !== t27 || $[111] !== t28 || $[112] !== t30 || $[113] !== t31) {
+    t32 = <Animated.View style={t21}>{t22}{t27}{t28}{t30}{t31}</Animated.View>;
+    $[108] = t21;
+    $[109] = t22;
+    $[110] = t27;
+    $[111] = t28;
+    $[112] = t30;
+    $[113] = t31;
+    $[114] = t32;
+  } else {
+    t32 = $[114];
+  }
+  let t33;
+  if ($[115] !== dismiss || $[116] !== t20 || $[117] !== t32) {
+    t33 = <Modal transparent={true} visible={true} animationType="none" onRequestClose={dismiss} statusBarTranslucent={true}>{t20}{t32}</Modal>;
+    $[115] = dismiss;
+    $[116] = t20;
+    $[117] = t32;
+    $[118] = t33;
   } else {
-    t32 = $[112];
+    t33 = $[118];
   }
-  return t32;
+  return t33;
 }
 function _temp2() {}
 function _temp(reason) {