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

package/lib/attachments/AttachmentMenu/GalleryGrid.js

@@ -0,0 +1,184 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { useCallback, useMemo } from 'react';
+import { Pressable } from 'react-native';
+import Animated from 'react-native-reanimated';
+import { Icon } from '../../components/Icon';
+import { CameraIcon } from '../../components/MediaControls';
+import { useIsRTL } from '../../hooks/useIsRTL';
+import { useLabels } from '../../hooks/useLabels';
+import { useThemedStyles } from '../../hooks/useTheme';
+import { hasImagePickerCamera } from '../../optional';
+import { takePhoto } from '../buildMessages';
+import { COLUMNS, HEADER } from './constants';
+import { GalleryCell } from './GalleryCell';
+import { createStyles } from './styles';
+/** The photo grid: a camera cell, then the newest photos, under a spacer that lets the sheet rise. */
+export function GalleryGrid(t0) {
+  const $ = _c(41);
+  const {
+    assets,
+    selected,
+    cellSize,
+    spacer,
+    bottomArea,
+    onScroll,
+    onEndReached,
+    onDismiss,
+    onToggle,
+    runPicker
+  } = t0;
+  const styles = useThemedStyles(createStyles);
+  const labels = useLabels();
+  const isRTL = useIsRTL();
+  let t1;
+  if ($[0] !== assets) {
+    t1 = hasImagePickerCamera() ? ["camera", ...assets] : assets;
+    $[0] = assets;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const gridItems = t1;
+  let t2;
+  if ($[2] !== selected) {
+    t2 = new Map(selected.map(_temp));
+    $[2] = selected;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const selectionIndex = t2;
+  let t3;
+  if ($[4] !== isRTL || $[5] !== styles.cornerTopLeft || $[6] !== styles.cornerTopRight) {
+    t3 = index_0 => {
+      if (index_0 === 0) {
+        return isRTL ? styles.cornerTopRight : styles.cornerTopLeft;
+      }
+      if (index_0 === COLUMNS - 1) {
+        return isRTL ? styles.cornerTopLeft : styles.cornerTopRight;
+      }
+      return null;
+    };
+    $[4] = isRTL;
+    $[5] = styles.cornerTopLeft;
+    $[6] = styles.cornerTopRight;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  const cornerFor = t3;
+  let t4;
+  if ($[8] !== cellSize || $[9] !== cornerFor || $[10] !== isRTL || $[11] !== labels || $[12] !== onToggle || $[13] !== runPicker || $[14] !== selectionIndex || $[15] !== styles) {
+    t4 = t5 => {
+      const {
+        item,
+        index: index_1
+      } = t5;
+      if (item === "camera") {
+        return <Pressable onPress={() => runPicker(takePhoto)} style={[styles.cell, styles.cameraCell, {
+          width: cellSize,
+          height: cellSize
+        }, cornerFor(index_1)]} accessibilityRole="button" accessibilityLabel={labels.attachCamera}><Icon name="camera" color="#FFFFFF" size={30} fallback={<CameraIcon color="#FFFFFF" size={30} />} /></Pressable>;
+      }
+      return <GalleryCell asset={item} size={cellSize} selection={selectionIndex.get(item.id) ?? 0} cornerStyle={cornerFor(index_1)} isRTL={isRTL} onToggle={onToggle} styles={styles} />;
+    };
+    $[8] = cellSize;
+    $[9] = cornerFor;
+    $[10] = isRTL;
+    $[11] = labels;
+    $[12] = onToggle;
+    $[13] = runPicker;
+    $[14] = selectionIndex;
+    $[15] = styles;
+    $[16] = t4;
+  } else {
+    t4 = $[16];
+  }
+  const renderItem = t4;
+  let t5;
+  if ($[17] !== onDismiss) {
+    t5 = event => {
+      if (event.nativeEvent.contentOffset.y < -70) {
+        onDismiss();
+      }
+    };
+    $[17] = onDismiss;
+    $[18] = t5;
+  } else {
+    t5 = $[18];
+  }
+  const onScrollEndDrag = t5;
+  const t6 = isRTL && styles.rowReverse;
+  let t7;
+  if ($[19] !== styles.gridRow || $[20] !== t6) {
+    t7 = [styles.gridRow, t6];
+    $[19] = styles.gridRow;
+    $[20] = t6;
+    $[21] = t7;
+  } else {
+    t7 = $[21];
+  }
+  const t8 = spacer + HEADER;
+  let t9;
+  if ($[22] !== t8) {
+    t9 = {
+      height: t8
+    };
+    $[22] = t8;
+    $[23] = t9;
+  } else {
+    t9 = $[23];
+  }
+  let t10;
+  if ($[24] !== onDismiss || $[25] !== t9) {
+    t10 = <Pressable style={t9} onPress={onDismiss} />;
+    $[24] = onDismiss;
+    $[25] = t9;
+    $[26] = t10;
+  } else {
+    t10 = $[26];
+  }
+  const t11 = bottomArea + 16;
+  let t12;
+  if ($[27] !== t11) {
+    t12 = {
+      paddingBottom: t11
+    };
+    $[27] = t11;
+    $[28] = t12;
+  } else {
+    t12 = $[28];
+  }
+  let t13;
+  if ($[29] !== styles.grid || $[30] !== t12) {
+    t13 = [styles.grid, t12];
+    $[29] = styles.grid;
+    $[30] = t12;
+    $[31] = t13;
+  } else {
+    t13 = $[31];
+  }
+  let t14;
+  if ($[32] !== gridItems || $[33] !== onEndReached || $[34] !== onScroll || $[35] !== onScrollEndDrag || $[36] !== renderItem || $[37] !== t10 || $[38] !== t13 || $[39] !== t7) {
+    t14 = <Animated.FlatList data={gridItems} keyExtractor={_temp2} renderItem={renderItem} numColumns={COLUMNS} columnWrapperStyle={t7} ListHeaderComponent={t10} contentContainerStyle={t13} onScroll={onScroll} scrollEventThrottle={16} onScrollEndDrag={onScrollEndDrag} onEndReached={onEndReached} onEndReachedThreshold={1} initialNumToRender={12} maxToRenderPerBatch={9} windowSize={5} removeClippedSubviews={true} showsVerticalScrollIndicator={false} keyboardShouldPersistTaps="handled" />;
+    $[32] = gridItems;
+    $[33] = onEndReached;
+    $[34] = onScroll;
+    $[35] = onScrollEndDrag;
+    $[36] = renderItem;
+    $[37] = t10;
+    $[38] = t13;
+    $[39] = t7;
+    $[40] = t14;
+  } else {
+    t14 = $[40];
+  }
+  return t14;
+}
+function _temp2(item_0) {
+  return item_0 === "camera" ? "camera" : item_0.id;
+}
+function _temp(asset, index) {
+  return [asset.id, index + 1];
+}
+//# sourceMappingURL=GalleryGrid.js.map

package/lib/attachments/AttachmentMenu/GalleryGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GalleryGrid.js","names":["React","useCallback","useMemo","Pressable","Animated","Icon","CameraIcon","useIsRTL","useLabels","useThemedStyles","hasImagePickerCamera","takePhoto","COLUMNS","HEADER","GalleryCell","createStyles","GalleryGrid","t0","$","_c","assets","selected","cellSize","spacer","bottomArea","onScroll","onEndReached","onDismiss","onToggle","runPicker","styles","labels","isRTL","t1","gridItems","t2","Map","map","_temp","selectionIndex","t3","cornerTopLeft","cornerTopRight","index_0","index","cornerFor","t4","t5","item","index_1","cell","cameraCell","width","height","attachCamera","get","id","renderItem","event","nativeEvent","contentOffset","y","onScrollEndDrag","t6","rowReverse","t7","gridRow","t8","t9","t10","t11","t12","paddingBottom","t13","grid","t14","_temp2","item_0","asset"],"sources":["../../../src/attachments/AttachmentMenu/GalleryGrid.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react'\nimport { ListRenderItemInfo, Pressable } from 'react-native'\nimport Animated, { useAnimatedScrollHandler } from 'react-native-reanimated'\n\nimport { Icon } from '../../components/Icon'\nimport { CameraIcon } from '../../components/MediaControls'\nimport { useIsRTL } from '../../hooks/useIsRTL'\nimport { useLabels } from '../../hooks/useLabels'\nimport { useThemedStyles } from '../../hooks/useTheme'\nimport { hasImagePickerCamera } from '../../optional'\nimport { takePhoto } from '../buildMessages'\nimport { GalleryAsset } from '../gallery'\nimport { PickedAttachment } from '../types'\nimport { COLUMNS, HEADER } from './constants'\nimport { GalleryCell } from './GalleryCell'\nimport { createStyles } from './styles'\n\ntype GridItem = GalleryAsset | 'camera'\n\n/** The photo grid: a camera cell, then the newest photos, under a spacer that lets the sheet rise. */\nexport function GalleryGrid ({\n  assets,\n  selected,\n  cellSize,\n  spacer,\n  bottomArea,\n  onScroll,\n  onEndReached,\n  onDismiss,\n  onToggle,\n  runPicker,\n}: {\n  assets: GalleryAsset[]\n  selected: GalleryAsset[]\n  cellSize: number\n  spacer: number\n  bottomArea: number\n  onScroll: ReturnType<typeof useAnimatedScrollHandler>\n  onEndReached: () => void\n  onDismiss: () => void\n  onToggle: (asset: GalleryAsset) => void\n  runPicker: (picker: () => Promise<PickedAttachment[]>) => void\n}) {\n  const styles = useThemedStyles(createStyles)\n  const labels = useLabels()\n  const isRTL = useIsRTL()\n\n  const gridItems = useMemo<GridItem[]>(\n    () => (hasImagePickerCamera() ? ['camera' as const, ...assets] : assets),\n    [assets]\n  )\n  const selectionIndex = useMemo(() => new Map(selected.map((asset, index) => [asset.id, index + 1])), [selected])\n\n  const cornerFor = useCallback((index: number) => {\n    if (index === 0)\n      return isRTL ? styles.cornerTopRight : styles.cornerTopLeft\n    if (index === COLUMNS - 1)\n      return isRTL ? styles.cornerTopLeft : styles.cornerTopRight\n    return null\n  }, [styles, isRTL])\n\n  const renderItem = useCallback(({ item, index }: ListRenderItemInfo<GridItem>) => {\n    if (item === 'camera')\n      return (\n        <Pressable\n          onPress={() => runPicker(takePhoto)}\n          style={[styles.cell, styles.cameraCell, { width: cellSize, height: cellSize }, cornerFor(index)]}\n          accessibilityRole='button'\n          accessibilityLabel={labels.attachCamera}\n        >\n          <Icon name='camera' color='#FFFFFF' size={30} fallback={<CameraIcon color='#FFFFFF' size={30} />} />\n        </Pressable>\n      )\n    return (\n      <GalleryCell\n        asset={item}\n        size={cellSize}\n        selection={selectionIndex.get(item.id) ?? 0}\n        cornerStyle={cornerFor(index)}\n        isRTL={isRTL}\n        onToggle={onToggle}\n        styles={styles}\n      />\n    )\n  }, [styles, cellSize, cornerFor, labels, runPicker, selectionIndex, onToggle, isRTL])\n\n  const onScrollEndDrag = useCallback((event: { nativeEvent: { contentOffset: { y: number } } }) => {\n    // Pulled down past the top: the sheet goes.\n    if (event.nativeEvent.contentOffset.y < -70)\n      onDismiss()\n  }, [onDismiss])\n\n  return (\n    <Animated.FlatList\n      data={gridItems}\n      keyExtractor={(item: GridItem) => (item === 'camera' ? 'camera' : item.id)}\n      renderItem={renderItem}\n      numColumns={COLUMNS}\n      columnWrapperStyle={[styles.gridRow, isRTL && styles.rowReverse]}\n      ListHeaderComponent={<Pressable style={{ height: spacer + HEADER }} onPress={onDismiss} />}\n      contentContainerStyle={[styles.grid, { paddingBottom: bottomArea + 16 }]}\n      onScroll={onScroll}\n      scrollEventThrottle={16}\n      onScrollEndDrag={onScrollEndDrag}\n      onEndReached={onEndReached}\n      onEndReachedThreshold={1}\n      initialNumToRender={12}\n      maxToRenderPerBatch={9}\n      windowSize={5}\n      removeClippedSubviews\n      showsVerticalScrollIndicator={false}\n      keyboardShouldPersistTaps='handled'\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/attachments/AttachmentMenu/TabBar.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { SharedValue } from 'react-native-reanimated';
+import { AttachmentTab } from '../types';
+/** The floating pill of tabs; it drops away while picks show the caption row in its place. */
+export declare function TabBar({ tabs, activeTab, tabWidth, bottomInset, hasSelection, captionShown, onTabPress }: {
+    tabs: AttachmentTab[];
+    activeTab: AttachmentTab;
+    tabWidth: number;
+    bottomInset: number;
+    hasSelection: boolean;
+    captionShown: SharedValue<number>;
+    onTabPress: (tab: AttachmentTab) => void;
+}): React.JSX.Element;
+//# sourceMappingURL=TabBar.d.ts.map

package/lib/attachments/AttachmentMenu/TabBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabBar.d.ts","sourceRoot":"","sources":["../../../src/attachments/AttachmentMenu/TabBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAiB,EAAE,WAAW,EAAoB,MAAM,yBAAyB,CAAA;AAKjF,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAKxC,8FAA8F;AAC9F,wBAAgB,MAAM,CAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,EAAE;IAC1G,IAAI,EAAE,aAAa,EAAE,CAAA;IACrB,SAAS,EAAE,aAAa,CAAA;IACxB,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,OAAO,CAAA;IACrB,YAAY,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IACjC,UAAU,EAAE,CAAC,GAAG,EAAE,aAAa,KAAK,IAAI,CAAA;CACzC,qBAqCA"}

package/lib/attachments/AttachmentMenu/TabBar.js

@@ -0,0 +1,127 @@
+import { c as _c } from "react/compiler-runtime";
+import React from 'react';
+import { View } from 'react-native';
+import Animated, { useAnimatedStyle } from 'react-native-reanimated';
+import { useIsRTL } from '../../hooks/useIsRTL';
+import { useLabels } from '../../hooks/useLabels';
+import { useTheme, useThemedStyles } from '../../hooks/useTheme';
+import { TAB_DROP } from './constants';
+import { createStyles } from './styles';
+import { TabButton } from './TabButton';
+
+/** The floating pill of tabs; it drops away while picks show the caption row in its place. */
+export function TabBar(t0) {
+  const $ = _c(33);
+  const {
+    tabs,
+    activeTab,
+    tabWidth,
+    bottomInset,
+    hasSelection,
+    captionShown,
+    onTabPress
+  } = t0;
+  const styles = useThemedStyles(createStyles);
+  const theme = useTheme();
+  const labels = useLabels();
+  const isRTL = useIsRTL();
+  const tabsStyle = useAnimatedStyle(() => ({
+    opacity: 1 - captionShown.value,
+    transform: [{
+      translateY: TAB_DROP * captionShown.value
+    }]
+  }));
+  let t1;
+  if ($[0] !== labels) {
+    t1 = tab => ({
+      gallery: labels.attachGallery,
+      camera: labels.attachCamera,
+      file: labels.attachFile,
+      location: labels.attachLocation
+    })[tab];
+    $[0] = labels;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const tabLabel = t1;
+  let t2;
+  if ($[2] !== bottomInset) {
+    t2 = {
+      bottom: bottomInset
+    };
+    $[2] = bottomInset;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== styles.tabsRow || $[5] !== t2 || $[6] !== tabsStyle) {
+    t3 = [styles.tabsRow, t2, tabsStyle];
+    $[4] = styles.tabsRow;
+    $[5] = t2;
+    $[6] = tabsStyle;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  const t4 = hasSelection ? "none" : "box-none";
+  const t5 = isRTL && styles.rowReverse;
+  let t6;
+  if ($[8] !== styles.tabPill || $[9] !== t5) {
+    t6 = [styles.tabPill, t5];
+    $[8] = styles.tabPill;
+    $[9] = t5;
+    $[10] = t6;
+  } else {
+    t6 = $[10];
+  }
+  let t7;
+  if ($[11] !== activeTab || $[12] !== onTabPress || $[13] !== styles || $[14] !== tabLabel || $[15] !== tabWidth || $[16] !== tabs || $[17] !== theme) {
+    let t8;
+    if ($[19] !== activeTab || $[20] !== onTabPress || $[21] !== styles || $[22] !== tabLabel || $[23] !== tabWidth || $[24] !== theme) {
+      t8 = (tab_0, index) => <TabButton key={tab_0} tab={tab_0} index={index} label={tabLabel(tab_0)} width={tabWidth} isSelected={tab_0 === activeTab} onPress={onTabPress} styles={styles} theme={theme} />;
+      $[19] = activeTab;
+      $[20] = onTabPress;
+      $[21] = styles;
+      $[22] = tabLabel;
+      $[23] = tabWidth;
+      $[24] = theme;
+      $[25] = t8;
+    } else {
+      t8 = $[25];
+    }
+    t7 = tabs.map(t8);
+    $[11] = activeTab;
+    $[12] = onTabPress;
+    $[13] = styles;
+    $[14] = tabLabel;
+    $[15] = tabWidth;
+    $[16] = tabs;
+    $[17] = theme;
+    $[18] = t7;
+  } else {
+    t7 = $[18];
+  }
+  let t8;
+  if ($[26] !== t6 || $[27] !== t7) {
+    t8 = <View style={t6}>{t7}</View>;
+    $[26] = t6;
+    $[27] = t7;
+    $[28] = t8;
+  } else {
+    t8 = $[28];
+  }
+  let t9;
+  if ($[29] !== t3 || $[30] !== t4 || $[31] !== t8) {
+    t9 = <Animated.View style={t3} pointerEvents={t4}>{t8}</Animated.View>;
+    $[29] = t3;
+    $[30] = t4;
+    $[31] = t8;
+    $[32] = t9;
+  } else {
+    t9 = $[32];
+  }
+  return t9;
+}
+//# sourceMappingURL=TabBar.js.map

package/lib/attachments/AttachmentMenu/TabBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabBar.js","names":["React","View","Animated","useAnimatedStyle","useIsRTL","useLabels","useTheme","useThemedStyles","TAB_DROP","createStyles","TabButton","TabBar","t0","$","_c","tabs","activeTab","tabWidth","bottomInset","hasSelection","captionShown","onTabPress","styles","theme","labels","isRTL","tabsStyle","opacity","value","transform","translateY","t1","tab","gallery","attachGallery","camera","attachCamera","file","attachFile","location","attachLocation","tabLabel","t2","bottom","t3","tabsRow","t4","t5","rowReverse","t6","tabPill","t7","t8","tab_0","index","map","t9"],"sources":["../../../src/attachments/AttachmentMenu/TabBar.tsx"],"sourcesContent":["import React from 'react'\nimport { View } from 'react-native'\nimport Animated, { SharedValue, useAnimatedStyle } from 'react-native-reanimated'\n\nimport { useIsRTL } from '../../hooks/useIsRTL'\nimport { useLabels } from '../../hooks/useLabels'\nimport { useTheme, useThemedStyles } from '../../hooks/useTheme'\nimport { AttachmentTab } from '../types'\nimport { TAB_DROP } from './constants'\nimport { createStyles } from './styles'\nimport { TabButton } from './TabButton'\n\n/** The floating pill of tabs; it drops away while picks show the caption row in its place. */\nexport function TabBar ({ tabs, activeTab, tabWidth, bottomInset, hasSelection, captionShown, onTabPress }: {\n  tabs: AttachmentTab[]\n  activeTab: AttachmentTab\n  tabWidth: number\n  bottomInset: number\n  hasSelection: boolean\n  captionShown: SharedValue<number>\n  onTabPress: (tab: AttachmentTab) => void\n}) {\n  const styles = useThemedStyles(createStyles)\n  const theme = useTheme()\n  const labels = useLabels()\n  const isRTL = useIsRTL()\n\n  const tabsStyle = useAnimatedStyle(() => ({\n    opacity: 1 - captionShown.value,\n    transform: [{ translateY: TAB_DROP * captionShown.value }],\n  }))\n\n  const tabLabel = (tab: AttachmentTab) => ({\n    gallery: labels.attachGallery,\n    camera: labels.attachCamera,\n    file: labels.attachFile,\n    location: labels.attachLocation,\n  })[tab]\n\n  return (\n    <Animated.View style={[styles.tabsRow, { bottom: bottomInset }, tabsStyle]} pointerEvents={hasSelection ? 'none' : 'box-none'}>\n      <View style={[styles.tabPill, isRTL && styles.rowReverse]}>\n        {tabs.map((tab, index) => (\n          <TabButton\n            key={tab}\n            tab={tab}\n            index={index}\n            label={tabLabel(tab)}\n            width={tabWidth}\n            isSelected={tab === activeTab}\n            onPress={onTabPress}\n            styles={styles}\n            theme={theme}\n          />\n        ))}\n      </View>\n    </Animated.View>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/attachments/AttachmentMenu/TabButton.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { ChatTheme } from '../../Theme';
+import { AttachmentTab } from '../types';
+import { Styles } from './styles';
+export declare const TabButton: ({ tab, index, label, width, isSelected, onPress, styles, theme }: {
+    tab: AttachmentTab;
+    index: number;
+    label: string;
+    width: number;
+    isSelected: boolean;
+    onPress: (tab: AttachmentTab) => void;
+    styles: Styles;
+    theme: ChatTheme;
+}) => React.JSX.Element;
+//# sourceMappingURL=TabButton.d.ts.map

package/lib/attachments/AttachmentMenu/TabButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabButton.d.ts","sourceRoot":"","sources":["../../../src/attachments/AttachmentMenu/TabButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAYxC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAYxC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,eAAO,MAAM,SAAS,GAAI,kEAAkE;IAC1F,GAAG,EAAE,aAAa,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,OAAO,CAAA;IACnB,OAAO,EAAE,CAAC,GAAG,EAAE,aAAa,KAAK,IAAI,CAAA;IACrC,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,SAAS,CAAA;CACjB,sBAkDA,CAAA"}

package/lib/attachments/AttachmentMenu/TabButton.js

@@ -0,0 +1,219 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { useEffect } from 'react';
+import { Pressable, Text } from 'react-native';
+import Animated, { useAnimatedStyle, useSharedValue, withDelay, withSequence, withTiming } from 'react-native-reanimated';
+import { Icon } from '../../components/Icon';
+import { CameraIcon, PinIcon } from '../../components/MediaControls';
+import { DECELERATE, EASE_BOTH, EASE_IN, EASE_OUT, REDUCE_MOTION, TAB_ICON, TAB_ICONS, TAB_SELECT_MS, TAB_STAGGER_MS } from './constants';
+export const TabButton = t0 => {
+  const $ = _c(52);
+  const {
+    tab,
+    index,
+    label,
+    width,
+    isSelected,
+    onPress,
+    styles,
+    theme
+  } = t0;
+  const appear = useSharedValue(0);
+  const fade = useSharedValue(0);
+  let t1;
+  let t2;
+  if ($[0] !== appear || $[1] !== fade || $[2] !== index) {
+    t1 = () => {
+      const delay = 20 + TAB_STAGGER_MS * Math.max(0, 3 - index);
+      appear.set(withDelay(delay, withSequence(withTiming(1.1, {
+        duration: 200,
+        easing: EASE_OUT,
+        reduceMotion: REDUCE_MOTION
+      }), withTiming(1, {
+        duration: 100,
+        easing: EASE_IN,
+        reduceMotion: REDUCE_MOTION
+      })), REDUCE_MOTION));
+      fade.set(withDelay(delay, withTiming(1, {
+        duration: 200,
+        easing: EASE_BOTH,
+        reduceMotion: REDUCE_MOTION
+      }), REDUCE_MOTION));
+    };
+    t2 = [appear, fade, index];
+    $[0] = appear;
+    $[1] = fade;
+    $[2] = index;
+    $[3] = t1;
+    $[4] = t2;
+  } else {
+    t1 = $[3];
+    t2 = $[4];
+  }
+  useEffect(t1, t2);
+  const selected = useSharedValue(isSelected ? 1 : 0);
+  let t3;
+  let t4;
+  if ($[5] !== isSelected || $[6] !== selected) {
+    t3 = () => {
+      selected.set(withTiming(isSelected ? 1 : 0, {
+        duration: TAB_SELECT_MS,
+        easing: DECELERATE,
+        reduceMotion: REDUCE_MOTION
+      }));
+    };
+    t4 = [isSelected, selected];
+    $[5] = isSelected;
+    $[6] = selected;
+    $[7] = t3;
+    $[8] = t4;
+  } else {
+    t3 = $[7];
+    t4 = $[8];
+  }
+  useEffect(t3, t4);
+  const appearStyle = useAnimatedStyle(() => ({
+    opacity: fade.value,
+    transform: [{
+      scale: appear.value
+    }]
+  }));
+  const capsuleStyle = useAnimatedStyle(() => ({
+    opacity: selected.value,
+    transform: [{
+      scale: 0.6 + 0.4 * selected.value
+    }]
+  }));
+  const color = isSelected ? theme.attachments.tabSelected : theme.attachments.tabText;
+  let t5;
+  if ($[9] !== onPress || $[10] !== tab) {
+    t5 = () => onPress(tab);
+    $[9] = onPress;
+    $[10] = tab;
+    $[11] = t5;
+  } else {
+    t5 = $[11];
+  }
+  let t6;
+  if ($[12] !== width) {
+    t6 = {
+      width
+    };
+    $[12] = width;
+    $[13] = t6;
+  } else {
+    t6 = $[13];
+  }
+  let t7;
+  if ($[14] !== styles.tab || $[15] !== t6) {
+    t7 = [styles.tab, t6];
+    $[14] = styles.tab;
+    $[15] = t6;
+    $[16] = t7;
+  } else {
+    t7 = $[16];
+  }
+  let t8;
+  if ($[17] !== isSelected) {
+    t8 = {
+      selected: isSelected
+    };
+    $[17] = isSelected;
+    $[18] = t8;
+  } else {
+    t8 = $[18];
+  }
+  let t9;
+  if ($[19] !== appearStyle || $[20] !== styles.tabInner) {
+    t9 = [styles.tabInner, appearStyle];
+    $[19] = appearStyle;
+    $[20] = styles.tabInner;
+    $[21] = t9;
+  } else {
+    t9 = $[21];
+  }
+  let t10;
+  if ($[22] !== capsuleStyle || $[23] !== styles.tabCapsule) {
+    t10 = <Animated.View style={[styles.tabCapsule, capsuleStyle]} />;
+    $[22] = capsuleStyle;
+    $[23] = styles.tabCapsule;
+    $[24] = t10;
+  } else {
+    t10 = $[24];
+  }
+  const t11 = TAB_ICONS[tab];
+  let t12;
+  if ($[25] !== color || $[26] !== tab) {
+    t12 = tab === "location" ? <PinIcon color={color} size={TAB_ICON} /> : <CameraIcon color={color} size={TAB_ICON} />;
+    $[25] = color;
+    $[26] = tab;
+    $[27] = t12;
+  } else {
+    t12 = $[27];
+  }
+  let t13;
+  if ($[28] !== color || $[29] !== t11 || $[30] !== t12) {
+    t13 = <Icon name={t11} color={color} size={TAB_ICON} fallback={t12} />;
+    $[28] = color;
+    $[29] = t11;
+    $[30] = t12;
+    $[31] = t13;
+  } else {
+    t13 = $[31];
+  }
+  const t14 = isSelected ? theme.attachments.tabSelectedText : theme.attachments.tabText;
+  let t15;
+  if ($[32] !== t14) {
+    t15 = {
+      color: t14
+    };
+    $[32] = t14;
+    $[33] = t15;
+  } else {
+    t15 = $[33];
+  }
+  const t16 = isSelected && styles.tabLabelSelected;
+  let t17;
+  if ($[34] !== styles.tabLabel || $[35] !== t15 || $[36] !== t16) {
+    t17 = [styles.tabLabel, t15, t16];
+    $[34] = styles.tabLabel;
+    $[35] = t15;
+    $[36] = t16;
+    $[37] = t17;
+  } else {
+    t17 = $[37];
+  }
+  let t18;
+  if ($[38] !== label || $[39] !== t17) {
+    t18 = <Text style={t17} numberOfLines={1}>{label}</Text>;
+    $[38] = label;
+    $[39] = t17;
+    $[40] = t18;
+  } else {
+    t18 = $[40];
+  }
+  let t19;
+  if ($[41] !== t10 || $[42] !== t13 || $[43] !== t18 || $[44] !== t9) {
+    t19 = <Animated.View style={t9}>{t10}{t13}{t18}</Animated.View>;
+    $[41] = t10;
+    $[42] = t13;
+    $[43] = t18;
+    $[44] = t9;
+    $[45] = t19;
+  } else {
+    t19 = $[45];
+  }
+  let t20;
+  if ($[46] !== label || $[47] !== t19 || $[48] !== t5 || $[49] !== t7 || $[50] !== t8) {
+    t20 = <Pressable onPress={t5} style={t7} accessibilityRole="tab" accessibilityState={t8} accessibilityLabel={label}>{t19}</Pressable>;
+    $[46] = label;
+    $[47] = t19;
+    $[48] = t5;
+    $[49] = t7;
+    $[50] = t8;
+    $[51] = t20;
+  } else {
+    t20 = $[51];
+  }
+  return t20;
+};
+//# sourceMappingURL=TabButton.js.map

package/lib/attachments/AttachmentMenu/TabButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabButton.js","names":["React","useEffect","Pressable","Text","Animated","useAnimatedStyle","useSharedValue","withDelay","withSequence","withTiming","Icon","CameraIcon","PinIcon","DECELERATE","EASE_BOTH","EASE_IN","EASE_OUT","REDUCE_MOTION","TAB_ICON","TAB_ICONS","TAB_SELECT_MS","TAB_STAGGER_MS","TabButton","t0","$","_c","tab","index","label","width","isSelected","onPress","styles","theme","appear","fade","t1","t2","delay","Math","max","set","duration","easing","reduceMotion","selected","t3","t4","appearStyle","opacity","value","transform","scale","capsuleStyle","color","attachments","tabSelected","tabText","t5","t6","t7","t8","t9","tabInner","t10","tabCapsule","t11","t12","t13","t14","tabSelectedText","t15","t16","tabLabelSelected","t17","tabLabel","t18","t19","t20"],"sources":["../../../src/attachments/AttachmentMenu/TabButton.tsx"],"sourcesContent":["import React, { useEffect } from 'react'\nimport { Pressable, Text } from 'react-native'\nimport Animated, {\n  useAnimatedStyle,\n  useSharedValue,\n  withDelay,\n  withSequence,\n  withTiming,\n} from 'react-native-reanimated'\n\nimport { Icon } from '../../components/Icon'\nimport { CameraIcon, PinIcon } from '../../components/MediaControls'\nimport { ChatTheme } from '../../Theme'\nimport { AttachmentTab } from '../types'\nimport {\n  DECELERATE,\n  EASE_BOTH,\n  EASE_IN,\n  EASE_OUT,\n  REDUCE_MOTION,\n  TAB_ICON,\n  TAB_ICONS,\n  TAB_SELECT_MS,\n  TAB_STAGGER_MS,\n} from './constants'\nimport { Styles } from './styles'\n\nexport const TabButton = ({ tab, index, label, width, isSelected, onPress, styles, theme }: {\n  tab: AttachmentTab\n  index: number\n  label: string\n  width: number\n  isSelected: boolean\n  onPress: (tab: AttachmentTab) => void\n  styles: Styles\n  theme: ChatTheme\n}) => {\n  const appear = useSharedValue(0)\n  const fade = useSharedValue(0)\n  useEffect(() => {\n    const delay = 20 + TAB_STAGGER_MS * Math.max(0, 3 - index)\n    appear.set(withDelay(delay, withSequence(\n      withTiming(1.1, { duration: 200, easing: EASE_OUT, reduceMotion: REDUCE_MOTION }),\n      withTiming(1, { duration: 100, easing: EASE_IN, reduceMotion: REDUCE_MOTION })\n    ), REDUCE_MOTION))\n    fade.set(withDelay(delay, withTiming(1, { duration: 200, easing: EASE_BOTH, reduceMotion: REDUCE_MOTION }), REDUCE_MOTION))\n  }, [appear, fade, index])\n  const selected = useSharedValue(isSelected ? 1 : 0)\n  useEffect(() => {\n    selected.set(withTiming(isSelected ? 1 : 0, { duration: TAB_SELECT_MS, easing: DECELERATE, reduceMotion: REDUCE_MOTION }))\n  }, [isSelected, selected])\n  const appearStyle = useAnimatedStyle(() => ({\n    opacity: fade.value,\n    transform: [{ scale: appear.value }],\n  }))\n  const capsuleStyle = useAnimatedStyle(() => ({\n    opacity: selected.value,\n    transform: [{ scale: 0.6 + 0.4 * selected.value }],\n  }))\n  const color = isSelected ? theme.attachments.tabSelected : theme.attachments.tabText\n\n  return (\n    <Pressable\n      onPress={() => onPress(tab)}\n      style={[styles.tab, { width }]}\n      accessibilityRole='tab'\n      accessibilityState={{ selected: isSelected }}\n      accessibilityLabel={label}\n    >\n      <Animated.View style={[styles.tabInner, appearStyle]}>\n        <Animated.View style={[styles.tabCapsule, capsuleStyle]} />\n        <Icon\n          name={TAB_ICONS[tab]}\n          color={color}\n          size={TAB_ICON}\n          fallback={tab === 'location' ? <PinIcon color={color} size={TAB_ICON} /> : <CameraIcon color={color} size={TAB_ICON} />}\n        />\n        <Text\n          style={[styles.tabLabel, { color: isSelected ? theme.attachments.tabSelectedText : theme.attachments.tabText }, isSelected && styles.tabLabelSelected]}\n          numberOfLines={1}\n        >\n          {label}\n        </Text>\n      </Animated.View>\n    </Pressable>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/attachments/AttachmentMenu/TabPanel.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { CurrentLocation } from '../buildMessages';
+import { GalleryStatus } from '../gallery';
+import { AttachmentTab, PickedAttachment } from '../types';
+/**
+ * What the sheet shows when there is no grid: the location row, or the gallery's fallback (a
+ * message and a button for the system picker).
+ */
+export declare function TabPanel({ activeTab, location, onSendLocation, hasGrid, galleryStatus, runPicker }: {
+    activeTab: AttachmentTab;
+    location: CurrentLocation | 'locating' | null;
+    onSendLocation: () => void;
+    hasGrid: boolean;
+    galleryStatus: GalleryStatus;
+    runPicker: (picker: () => Promise<PickedAttachment[]>) => void;
+}): React.JSX.Element;
+//# sourceMappingURL=TabPanel.d.ts.map

package/lib/attachments/AttachmentMenu/TabPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabPanel.d.ts","sourceRoot":"","sources":["../../../src/attachments/AttachmentMenu/TabPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,OAAO,EAAE,eAAe,EAAyB,MAAM,kBAAkB,CAAA;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAC1C,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAG1D;;;GAGG;AACH,wBAAgB,QAAQ,CAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc,EAAE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE;IACpG,SAAS,EAAE,aAAa,CAAA;IACxB,QAAQ,EAAE,eAAe,GAAG,UAAU,GAAG,IAAI,CAAA;IAC7C,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,OAAO,EAAE,OAAO,CAAA;IAChB,aAAa,EAAE,aAAa,CAAA;IAC5B,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,OAAO,CAAC,gBAAgB,EAAE,CAAC,KAAK,IAAI,CAAA;CAC/D,qBA4CA"}