@ethora/chat-component-rn 26.8.1 → 26.8.3

package/lib/module/components/Menu/HeaderRoomListMenu.js

@@ -1,14 +1,66 @@
 "use strict";
 
-import React, { useMemo } from 'react';
-import { Animated, Text, TouchableOpacity, TouchableWithoutFeedback, StyleSheet, Dimensions, View } from 'react-native';
-import { AddNewIcon, ProfileIcon, SettingIcon } from '../../assets/icons';
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { Alert, Animated, Text, TouchableOpacity, TouchableWithoutFeedback, StyleSheet, Dimensions, Modal, PanResponder, Platform, View } from 'react-native';
+import { AddNewIcon, LogoutIcon, ProfileIcon, SettingIcon } from '../../assets/icons';
 import { useDispatch } from 'react-redux';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { setActiveModal } from '../../roomStore/chatSettingsSlice';
 import { MODAL_TYPES } from '../../helpers/constants/MODAL_TYPES';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useChatSettingState } from '../../hooks/useChatSettingState';
+import { useLogout } from '../../hooks/useLogout';
+import { useTheme } from '../../hooks/useTheme';
+import { shouldClaimVerticalDrag, shouldDismissOnDrag } from '../../helpers/sheetGestures';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const DEFAULT_LOGOUT_LABEL = 'Sign out';
+const confirmLogout = (confirm, label) => {
+  if (confirm === false) {
+    return Promise.resolve(true);
+  }
+  const copy = typeof confirm === 'object' && confirm ? confirm : {};
+  return new Promise(resolve => {
+    Alert.alert(copy.title ?? label, copy.message ?? 'Are you sure you want to sign out?', [{
+      text: copy.cancelText ?? 'Cancel',
+      style: 'cancel',
+      onPress: () => resolve(false)
+    }, {
+      text: copy.confirmText ?? label,
+      style: 'destructive',
+      onPress: () => resolve(true)
+    }], {
+      cancelable: true,
+      onDismiss: () => resolve(false)
+    });
+  });
+};
+export const runLogoutFlow = async (logoutConfig, performLogout) => {
+  const label = logoutConfig.label ?? DEFAULT_LOGOUT_LABEL;
+  const confirmed = await confirmLogout(logoutConfig.confirm ?? true, label);
+  if (!confirmed) {
+    return;
+  }
+  if (logoutConfig.onBeforeLogout) {
+    try {
+      const proceed = await logoutConfig.onBeforeLogout();
+      if (proceed === false) {
+        return;
+      }
+    } catch (e) {
+      console.warn('HeaderRoomListMenu: onBeforeLogout threw, logout cancelled', e);
+      return;
+    }
+  }
+  await performLogout(); // never rejects (see useLogout)
+  if (logoutConfig.onAfterLogout) {
+    try {
+      await logoutConfig.onAfterLogout();
+    } catch (e) {
+      console.warn('HeaderRoomListMenu: onAfterLogout threw', e);
+    }
+  }
+};
 const {
-  width
+  height: windowHeight
 } = Dimensions.get('window');
 export const HeaderRoomListMenu = ({
   isDrawerOpen,
@@ -17,84 +69,248 @@ export const HeaderRoomListMenu = ({
   closeDrawer
 }) => {
   const dispatch = useDispatch();
-  const drawerTranslateX = drawerAnimation.interpolate({
+  const {
+    config
+  } = useChatSettingState();
+  const performLogout = useLogout();
+  const logoutConfig = config?.logout?.enabled ? config.logout : undefined;
+  const theme = useTheme();
+  const primaryColor = theme.primary;
+  const iconColor = theme.icon;
+  const labelColor = theme.text;
+  const insets = useSafeAreaInsets();
+  // Measured, so the sheet is exactly as tall as its rows and starts
+  // fully off-screen no matter how many options the host enables.
+  const [sheetHeight, setSheetHeight] = useState(windowHeight * 0.4);
+  // Finger offset, layered on top of the open/close animation the parent
+  // drives. Reset once the sheet is unmounted, so a swipe-dismissed sheet
+  // never snaps back into view on its way out.
+  const dragY = useRef(new Animated.Value(0)).current;
+  const sheetHeightRef = useRef(sheetHeight);
+  sheetHeightRef.current = sheetHeight;
+
+  // closeDrawer is a fresh function each render; the responder is built
+  // once, so it reads the current one through a ref rather than the one it
+  // closed over on mount.
+  const closeDrawerRef = useRef(closeDrawer);
+  closeDrawerRef.current = closeDrawer;
+  const pendingActionRef = useRef(null);
+  const runPendingAction = useCallback(() => {
+    const action = pendingActionRef.current;
+    pendingActionRef.current = null;
+    action?.();
+  }, []);
+  useEffect(() => {
+    if (Platform.OS === 'ios' || isDrawerOpen) {
+      return;
+    }
+    const id = setTimeout(runPendingAction, 0);
+    return () => clearTimeout(id);
+  }, [isDrawerOpen, runPendingAction]);
+  const handleOptionPress = useCallback(action => {
+    pendingActionRef.current = action;
+    closeDrawer();
+  }, [closeDrawer]);
+  useEffect(() => {
+    if (!isDrawerOpen) {
+      dragY.setValue(0);
+      return;
+    }
+    // Hand `dragY` to the native driver up front. The open/close value is
+    // already native (the parent animates it that way), and a transform
+    // that mixes a native node with a JS-only one drops the JS updates on
+    // the floor — which is exactly a drag that moves nothing.
+    Animated.timing(dragY, {
+      toValue: 0,
+      duration: 0,
+      useNativeDriver: true
+    }).start();
+  }, [isDrawerOpen, dragY]);
+  const openTranslateY = drawerAnimation.interpolate({
     inputRange: [0, 1],
-    outputRange: [width, 0]
+    outputRange: [sheetHeight, 0]
   });
-  const menuOptions = useMemo(() => [{
-    label: 'New Chat',
-    icon: /*#__PURE__*/_jsx(AddNewIcon, {
-      color: "#8C8C8C"
-    }),
-    onClick: () => {
-      dispatch(setActiveModal(MODAL_TYPES.NEW_CHAT));
-      console.log('New chat clicked');
+  const dismissByDrag = () => {
+    Animated.timing(dragY, {
+      toValue: sheetHeightRef.current,
+      duration: 180,
+      useNativeDriver: true
+    }).start();
+    closeDrawerRef.current();
+  };
+  const makeDragResponder = claimOnStart => PanResponder.create({
+    // The grab area claims on touch-DOWN: nothing to negotiate against,
+    // so a pull on the handle always drags.
+    onStartShouldSetPanResponder: () => claimOnStart,
+    // CAPTURE matters on the body: a drag that starts on a row makes
+    // that row's Touchable the responder on touch-down, and a plain
+    // `onMoveShouldSetPanResponder` is never consulted afterwards.
+    // Capturing on the first clearly-vertical movement takes the gesture
+    // back, while a tap (dy ≈ 0) still reaches the row.
+    onMoveShouldSetPanResponderCapture: (_evt, g) => claimOnStart || shouldClaimVerticalDrag(g.dy, g.dx),
+    onMoveShouldSetPanResponder: (_evt, g) => claimOnStart || shouldClaimVerticalDrag(g.dy, g.dx),
+    onPanResponderTerminationRequest: () => false,
+    onPanResponderMove: (_evt, g) => {
+      dragY.setValue(Math.max(0, g.dy));
     },
-    styles: {
-      color: '#141414'
-    }
-  }, {
-    label: 'Profile',
-    icon: /*#__PURE__*/_jsx(ProfileIcon, {
-      color: "#8C8C8C"
-    }),
-    onClick: () => {
-      dispatch(setActiveModal(MODAL_TYPES.PROFILE));
-      console.log('Profile clicked');
-    }
-  }, {
-    label: 'Settings',
-    icon: /*#__PURE__*/_jsx(SettingIcon, {
-      color: "#8C8C8C"
-    }),
-    onClick: () => {
-      dispatch(setActiveModal(MODAL_TYPES.SETTINGS));
-      console.log('Settings clicked');
+    onPanResponderRelease: (_evt, g) => {
+      if (shouldDismissOnDrag(g.dy, g.vy)) {
+        dismissByDrag();
+        return;
+      }
+      Animated.spring(dragY, {
+        toValue: 0,
+        tension: 90,
+        friction: 14,
+        useNativeDriver: true
+      }).start();
+    },
+    onPanResponderTerminate: () => {
+      Animated.spring(dragY, {
+        toValue: 0,
+        tension: 90,
+        friction: 14,
+        useNativeDriver: true
+      }).start();
     }
+  });
+
+  // Built once — `useRef(expr)` would re-run PanResponder.create every
+  // render and throw the result away.
+  const bodyPanRef = useRef(null);
+  const handlePanRef = useRef(null);
+  if (!bodyPanRef.current) {
+    bodyPanRef.current = makeDragResponder(false);
+  }
+  if (!handlePanRef.current) {
+    handlePanRef.current = makeDragResponder(true);
   }
-  // {
-  //   label: "Logout",
-  //   onClick: handleLogout,
-  // },
-  ], []);
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(Animated.View, {
-      style: [styles.drawer, {
-        transform: [{
-          translateX: drawerTranslateX
-        }]
-      }],
-      children: menuOptions.map((option, index) => /*#__PURE__*/_jsxs(View, {
-        style: styles.menuItemWrapper,
-        children: [/*#__PURE__*/_jsxs(TouchableOpacity, {
-          style: styles.menuItem,
-          onPress: () => {
-            option.onClick();
-            closeDrawer();
-          },
-          children: [/*#__PURE__*/_jsx(View, {
-            style: {
-              width: 22,
-              alignItems: 'center'
-            },
-            children: option.icon
-          }), /*#__PURE__*/_jsx(Text, {
-            style: [styles.label, option?.styles],
-            children: option.label
-          })]
-        }), index < menuOptions.length - 1 && /*#__PURE__*/_jsx(View, {
-          style: styles.divider
+  const pan = bodyPanRef.current;
+  const handlePan = handlePanRef.current;
+  const menuOptions = useMemo(() => {
+    const options = [{
+      label: 'New Chat',
+      icon: /*#__PURE__*/_jsx(AddNewIcon, {
+        color: iconColor
+      }),
+      onClick: () => {
+        dispatch(setActiveModal(MODAL_TYPES.NEW_CHAT));
+      },
+      styles: {
+        color: labelColor
+      }
+    }, {
+      label: 'Profile',
+      icon: /*#__PURE__*/_jsx(ProfileIcon, {
+        color: iconColor
+      }),
+      onClick: () => {
+        dispatch(setActiveModal(MODAL_TYPES.PROFILE));
+      }
+    }, {
+      label: 'Settings',
+      icon: /*#__PURE__*/_jsx(SettingIcon, {
+        color: iconColor
+      }),
+      onClick: () => {
+        dispatch(setActiveModal(MODAL_TYPES.SETTINGS));
+      }
+    }];
+    if (logoutConfig) {
+      options.push({
+        label: logoutConfig.label ?? DEFAULT_LOGOUT_LABEL,
+        icon: /*#__PURE__*/_jsx(LogoutIcon, {
+          color: iconColor
+        }),
+        styles: {
+          color: primaryColor
+        },
+        onClick: () => {
+          runLogoutFlow(logoutConfig, performLogout).catch(() => {});
+        }
+      });
+    }
+    return options;
+  }, [dispatch, logoutConfig, performLogout, primaryColor, iconColor, labelColor]);
+  return (
+    /*#__PURE__*/
+    // Presented through a real <Modal>: as an in-tree overlay the sheet was
+    // bounded by the room list's own container, so it stopped short of the
+    // screen's bottom edge (that pale strip under it) and the dim never
+    // reached the host's chrome.
+    _jsxs(Modal, {
+      transparent: true,
+      visible: isDrawerOpen,
+      animationType: "none",
+      statusBarTranslucent: true,
+      onRequestClose: closeDrawer,
+      onDismiss: runPendingAction,
+      children: [/*#__PURE__*/_jsx(TouchableWithoutFeedback, {
+        onPress: closeDrawer,
+        children: /*#__PURE__*/_jsx(Animated.View, {
+          style: [styles.overlay, {
+            opacity: overlayAnimation
+          }]
+        })
+      }), /*#__PURE__*/_jsxs(Animated.View, {
+        testID: "header-menu-sheet",
+        onLayout: e => {
+          const measured = e.nativeEvent.layout.height;
+          if (measured > 0) {
+            setSheetHeight(measured);
+          }
+        },
+        style: [styles.sheet, {
+          backgroundColor: theme.surface,
+          shadowColor: theme.shadow,
+          paddingBottom: insets.bottom + 20,
+          // Two entries rather than Animated.add: the parent's value is
+          // driven natively, and stacking the transforms keeps each node
+          // on its own driver instead of mixing them in one expression.
+          transform: [{
+            translateY: openTranslateY
+          }, {
+            translateY: dragY
+          }]
+        }],
+        ...pan.panHandlers,
+        children: [/*#__PURE__*/_jsx(View, {
+          testID: "header-menu-grabber",
+          style: styles.grabArea,
+          ...handlePan.panHandlers,
+          children: /*#__PURE__*/_jsx(View, {
+            style: [styles.grabber, theme.dark ? {
+              backgroundColor: theme.textMuted
+            } : null]
+          })
+        }), /*#__PURE__*/_jsx(View, {
+          style: styles.card,
+          children: menuOptions.map((option, index) => /*#__PURE__*/_jsxs(View, {
+            style: styles.menuItemWrapper,
+            children: [/*#__PURE__*/_jsxs(TouchableOpacity, {
+              style: styles.menuItem,
+              testID: `header-menu-${option.label}`,
+              activeOpacity: 0.6,
+              onPress: () => handleOptionPress(option.onClick),
+              children: [/*#__PURE__*/_jsx(View, {
+                style: styles.iconSlot,
+                children: option.icon
+              }), /*#__PURE__*/_jsx(Text, {
+                style: [styles.label, {
+                  color: theme.text
+                }, option?.styles],
+                children: option.label
+              })]
+            }), index < menuOptions.length - 1 && /*#__PURE__*/_jsx(View, {
+              style: [styles.divider, theme.dark ? {
+                backgroundColor: theme.divider
+              } : null]
+            })]
+          }, index))
         })]
-      }, index))
-    }), isDrawerOpen && /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
-      onPress: closeDrawer,
-      children: /*#__PURE__*/_jsx(Animated.View, {
-        style: [styles.overlay, {
-          opacity: overlayAnimation
-        }]
-      })
-    })]
-  });
+      })]
+    })
+  );
 };
 const styles = StyleSheet.create({
   menuItemWrapper: {
@@ -104,43 +320,56 @@ const styles = StyleSheet.create({
   menuItem: {
     flexDirection: 'row',
     alignItems: 'center',
-    padding: 16
+    paddingVertical: 18,
+    paddingHorizontal: 16
+  },
+  iconSlot: {
+    width: 26,
+    alignItems: 'center'
   },
   label: {
     fontSize: 16,
-    marginLeft: 10
+    fontWeight: '500',
+    marginLeft: 12
   },
   divider: {
-    height: 1,
-    width: '100%',
-    backgroundColor: '#0052cd0d'
+    height: StyleSheet.hairlineWidth,
+    marginLeft: 54,
+    // Light hairline; swapped for theme.divider in dark mode.
+    backgroundColor: '#E4E4E9'
   },
-  drawer: {
+  sheet: {
     position: 'absolute',
-    top: 0,
-    bottom: 0,
-    right: 0,
-    width: width * 0.7,
-    backgroundColor: '#fff',
-    padding: 20,
-    shadowColor: '#000',
-    shadowOpacity: 0.3,
+    // Inset rather than flush: the dimmed screen stays visible as a thin
+    // line around the sheet.
+    left: 3,
+    right: 3,
+    bottom: 3,
+    paddingTop: 8,
+    borderRadius: 20,
+    shadowOpacity: 0.12,
     shadowOffset: {
-      width: -2,
-      height: 0
+      width: 0,
+      height: -3
     },
-    shadowRadius: 5,
-    elevation: 5,
+    shadowRadius: 12,
+    elevation: 12,
     zIndex: 999
   },
-  drawerTitle: {
-    fontSize: 20,
-    fontWeight: 'bold',
-    marginBottom: 20
+  grabArea: {
+    alignItems: 'center',
+    paddingTop: 6,
+    paddingBottom: 12
+  },
+  grabber: {
+    width: 40,
+    height: 4,
+    borderRadius: 2,
+    // Light pill; swapped for theme.textMuted in dark mode.
+    backgroundColor: '#C9CBD1'
   },
-  drawerItem: {
-    fontSize: 18,
-    marginBottom: 10
+  card: {
+    overflow: 'hidden'
   },
   overlay: {
     position: 'absolute',

package/lib/module/components/Menu/HeaderRoomListMenu.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","Animated","Text","TouchableOpacity","TouchableWithoutFeedback","StyleSheet","Dimensions","View","AddNewIcon","ProfileIcon","SettingIcon","useDispatch","setActiveModal","MODAL_TYPES","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","width","get","HeaderRoomListMenu","isDrawerOpen","drawerAnimation","overlayAnimation","closeDrawer","dispatch","drawerTranslateX","interpolate","inputRange","outputRange","menuOptions","label","icon","color","onClick","NEW_CHAT","console","log","styles","PROFILE","SETTINGS","children","style","drawer","transform","translateX","map","option","index","menuItemWrapper","menuItem","onPress","alignItems","length","divider","overlay","opacity","create","display","flexDirection","padding","fontSize","marginLeft","height","backgroundColor","position","top","bottom","right","shadowColor","shadowOpacity","shadowOffset","shadowRadius","elevation","zIndex","drawerTitle","fontWeight","marginBottom","drawerItem","left","flex"],"sourceRoot":"../../../../src","sources":["components/Menu/HeaderRoomListMenu.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","useState","Alert","Animated","Text","TouchableOpacity","TouchableWithoutFeedback","StyleSheet","Dimensions","Modal","PanResponder","Platform","View","AddNewIcon","LogoutIcon","ProfileIcon","SettingIcon","useDispatch","useSafeAreaInsets","setActiveModal","MODAL_TYPES","useChatSettingState","useLogout","useTheme","shouldClaimVerticalDrag","shouldDismissOnDrag","jsx","_jsx","jsxs","_jsxs","DEFAULT_LOGOUT_LABEL","confirmLogout","confirm","label","Promise","resolve","copy","alert","title","message","text","cancelText","style","onPress","confirmText","cancelable","onDismiss","runLogoutFlow","logoutConfig","performLogout","confirmed","onBeforeLogout","proceed","e","console","warn","onAfterLogout","height","windowHeight","get","HeaderRoomListMenu","isDrawerOpen","drawerAnimation","overlayAnimation","closeDrawer","dispatch","config","logout","enabled","undefined","theme","primaryColor","primary","iconColor","icon","labelColor","insets","sheetHeight","setSheetHeight","dragY","Value","current","sheetHeightRef","closeDrawerRef","pendingActionRef","runPendingAction","action","OS","id","setTimeout","clearTimeout","handleOptionPress","setValue","timing","toValue","duration","useNativeDriver","start","openTranslateY","interpolate","inputRange","outputRange","dismissByDrag","makeDragResponder","claimOnStart","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponderCapture","_evt","g","dy","dx","onMoveShouldSetPanResponder","onPanResponderTerminationRequest","onPanResponderMove","Math","max","onPanResponderRelease","vy","spring","tension","friction","onPanResponderTerminate","bodyPanRef","handlePanRef","pan","handlePan","menuOptions","options","color","onClick","NEW_CHAT","styles","PROFILE","SETTINGS","push","catch","transparent","visible","animationType","statusBarTranslucent","onRequestClose","children","overlay","opacity","testID","onLayout","measured","nativeEvent","layout","sheet","backgroundColor","surface","shadowColor","shadow","paddingBottom","bottom","transform","translateY","panHandlers","grabArea","grabber","dark","textMuted","card","map","option","index","menuItemWrapper","menuItem","activeOpacity","iconSlot","length","divider","display","flexDirection","alignItems","paddingVertical","paddingHorizontal","width","fontSize","fontWeight","marginLeft","hairlineWidth","position","left","right","paddingTop","borderRadius","shadowOpacity","shadowOffset","shadowRadius","elevation","zIndex","overflow","top","flex"],"sourceRoot":"../../../../src","sources":["components/Menu/HeaderRoomListMenu.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/MessageBubble/BottomReplyContainer.js

@@ -4,9 +4,12 @@ import { useMemo } from 'react';
 import { Avatar } from './Avatar';
 import { styled } from 'styled-components/native';
 import { Platform, View } from 'react-native';
+import { useTheme } from '../../hooks/useTheme';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const ReplyContainer = styled.TouchableOpacity`
-  background-color: #ffffff;
+  background-color: ${({
+  theme
+}) => theme.surface};
   left: ${props => !props.isUser ? '10px' : 'auto'};
   right: ${props => props.isUser ? '10px' : 'auto'};
   padding: 4px 8px 4px 16px;
@@ -16,9 +19,13 @@ const ReplyContainer = styled.TouchableOpacity`
   gap: 6px;
   margin: 8px 8px 0;
 
-  ${Platform.select({
+  ${({
+  theme
+}) => Platform.select({
+  // The light shadow is a soft bluish-grey tuned for a white card; on
+  // the dark palette that would read as a glow, so use the theme shadow.
   ios: `
-      shadow-color: rgba(185, 198, 199, 1);
+      shadow-color: ${theme.dark ? theme.shadow : 'rgba(185, 198, 199, 1)'};
       shadow-offset: 0px 0px;
       shadow-opacity: 1;
       shadow-radius: 8px;
@@ -39,18 +46,26 @@ const CircleCurrent = styled.View`
   display: flex;
   justify-content: center;
   align-items: center;
-  border: 1px solid #f0f0f0;
+  border: 1px solid ${({
+  theme
+}) => theme.border};
   border-radius: 50%;
-  background-color: #ffffff;
+  background-color: ${({
+  theme
+}) => theme.surface};
 `;
 const CircleCurrentText = styled.Text`
-  color: #8c8c8c;
+  color: ${({
+  theme
+}) => theme.textSecondary};
   font-size: 10px;
   font-weight: 100;
 `;
 const CounterRepliesText = styled.Text`
   font-size: 12px;
-  color: #0052cd;
+  color: ${({
+  theme
+}) => theme.primary};
   font-weight: 600;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -60,6 +75,7 @@ export const BottomReplyContainer = ({
   reply,
   onClick
 }) => {
+  const theme = useTheme();
   const uniqueUsers = useMemo(() => {
     return Object.values(reply.reduce((acc, item) => {
       if (!acc[item.user.id]) {
@@ -84,7 +100,7 @@ export const BottomReplyContainer = ({
             height: '100%',
             width: '100%',
             borderWidth: 1,
-            borderColor: '#F0F0F0',
+            borderColor: theme.border,
             borderStyle: 'solid',
             fontSize: 10
           }

package/lib/module/components/MessageBubble/BottomReplyContainer.js.map

@@ -1 +1 @@
-{"version":3,"names":["useMemo","Avatar","styled","Platform","View","jsx","_jsx","jsxs","_jsxs","ReplyContainer","TouchableOpacity","props","isUser","select","ios","android","AvatarCircle","CircleCurrent","CircleCurrentText","Text","CounterRepliesText","BottomReplyContainer","reply","onClick","uniqueUsers","Object","values","reduce","acc","item","user","id","onPress","children","style","flexDirection","slice","map","username","name","height","width","borderWidth","borderColor","borderStyle","fontSize","length"],"sourceRoot":"../../../../src","sources":["components/MessageBubble/BottomReplyContainer.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useMemo","Avatar","styled","Platform","View","useTheme","jsx","_jsx","jsxs","_jsxs","ReplyContainer","TouchableOpacity","theme","surface","props","isUser","select","ios","dark","shadow","android","AvatarCircle","CircleCurrent","border","CircleCurrentText","Text","textSecondary","CounterRepliesText","primary","BottomReplyContainer","reply","onClick","uniqueUsers","Object","values","reduce","acc","item","user","id","onPress","children","style","flexDirection","slice","map","username","name","height","width","borderWidth","borderColor","borderStyle","fontSize","length"],"sourceRoot":"../../../../src","sources":["components/MessageBubble/BottomReplyContainer.tsx"],"mappings":"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","ignoreList":[]}