@ethora/chat-component-rn 26.7.1 → 26.7.3

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

@@ -1,12 +1,61 @@
 "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 { Alert, Animated, Text, TouchableOpacity, TouchableWithoutFeedback, StyleSheet, Dimensions, View } from 'react-native';
+import { AddNewIcon, LogoutIcon, ProfileIcon, SettingIcon } from '../../assets/icons';
 import { useDispatch } from 'react-redux';
 import { setActiveModal } from '../../roomStore/chatSettingsSlice';
 import { MODAL_TYPES } from '../../helpers/constants/MODAL_TYPES';
+import { useChatSettingState } from '../../hooks/useChatSettingState';
+import { useLogout } from '../../hooks/useLogout';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } 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
 } = Dimensions.get('window');
@@ -17,46 +66,66 @@ export const HeaderRoomListMenu = ({
   closeDrawer
 }) => {
   const dispatch = useDispatch();
+  const {
+    config
+  } = useChatSettingState();
+  const performLogout = useLogout();
+  const logoutConfig = config?.logout?.enabled ? config.logout : undefined;
+  const primaryColor = config?.colors?.primary ?? '#0052CD';
   const drawerTranslateX = drawerAnimation.interpolate({
     inputRange: [0, 1],
     outputRange: [width, 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');
-    },
-    styles: {
-      color: '#141414'
+  const menuOptions = useMemo(() => {
+    const options = [{
+      label: 'New Chat',
+      icon: /*#__PURE__*/_jsx(AddNewIcon, {
+        color: "#8C8C8C"
+      }),
+      onClick: () => {
+        dispatch(setActiveModal(MODAL_TYPES.NEW_CHAT));
+        console.log('New chat clicked');
+      },
+      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');
+      }
+    }];
+    if (logoutConfig) {
+      options.push({
+        label: logoutConfig.label ?? DEFAULT_LOGOUT_LABEL,
+        icon: /*#__PURE__*/_jsx(LogoutIcon, {
+          color: primaryColor
+        }),
+        styles: {
+          color: primaryColor
+        },
+        closesDrawer: true,
+        onClick: () => {
+          closeDrawer();
+          runLogoutFlow(logoutConfig, performLogout).catch(() => {});
+        }
+      });
     }
-  }, {
-    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');
-    }
-  }
-  // {
-  //   label: "Logout",
-  //   onClick: handleLogout,
-  // },
-  ], []);
+    return options;
+  }, [dispatch, logoutConfig, performLogout, primaryColor, closeDrawer]);
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(Animated.View, {
       style: [styles.drawer, {
@@ -68,9 +137,12 @@ export const HeaderRoomListMenu = ({
         style: styles.menuItemWrapper,
         children: [/*#__PURE__*/_jsxs(TouchableOpacity, {
           style: styles.menuItem,
+          testID: `header-menu-${option.label}`,
           onPress: () => {
             option.onClick();
-            closeDrawer();
+            if (!option.closesDrawer) {
+              closeDrawer();
+            }
           },
           children: [/*#__PURE__*/_jsx(View, {
             style: {

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","useMemo","Alert","Animated","Text","TouchableOpacity","TouchableWithoutFeedback","StyleSheet","Dimensions","View","AddNewIcon","LogoutIcon","ProfileIcon","SettingIcon","useDispatch","setActiveModal","MODAL_TYPES","useChatSettingState","useLogout","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","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","width","get","HeaderRoomListMenu","isDrawerOpen","drawerAnimation","overlayAnimation","closeDrawer","dispatch","config","logout","enabled","undefined","primaryColor","colors","primary","drawerTranslateX","interpolate","inputRange","outputRange","menuOptions","options","icon","color","onClick","NEW_CHAT","log","styles","PROFILE","SETTINGS","push","closesDrawer","catch","children","drawer","transform","translateX","map","option","index","menuItemWrapper","menuItem","testID","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":[]}

package/lib/module/components/Modals/AttachSheet/AttachSheet.js

@@ -24,12 +24,13 @@ const AttachSheet = ({
     config
   } = useChatSettingState();
   const ts = config?.typography?.attachSheet;
-  // Pending handler captured on row tap — runs once the EXIT animation
-  // finishes so iOS doesn't try to present an image picker over a
-  // still-dismissing modal (was the original reason for the
-  // platform-split + Modal.onDismiss dance). The animation completion
-  // callback now drives this on both platforms.
   const pendingRef = useRef(null);
+  const runPending = () => {
+    console.log('[timing] runPending', Date.now());
+    const fn = pendingRef.current;
+    pendingRef.current = null;
+    fn?.();
+  };
 
   // Local "modal stays mounted while animating out" state. The parent
   // controls `visible`; we mirror it but delay unmount until the exit
@@ -76,8 +77,6 @@ const AttachSheet = ({
     if (!mounted) {
       return;
     }
-    // Exit: fade the backdrop, slide the sheet down, then unmount and
-    // fire any pending picker handler.
     Animated.parallel([Animated.timing(backdropOpacity, {
       toValue: 0,
       duration: 180,
@@ -95,19 +94,19 @@ const AttachSheet = ({
         return;
       } // interrupted (rapid re-open) → leave state alone
       setMounted(false);
-      const fn = pendingRef.current;
-      pendingRef.current = null;
-      fn?.();
+      if (Platform.OS !== 'ios') {
+        runPending();
+      }
     });
     return undefined;
   }, [visible]); // eslint-disable-line react-hooks/exhaustive-deps
 
   const trigger = handler => () => {
-    // Capture the handler and ask parent to close. The exit-animation
-    // completion above fires `handler` AFTER the sheet has slid away,
-    // so iOS no longer tries to present a picker over a dismissing
-    // modal — and Android no longer needs the ad-hoc 150ms setTimeout.
+    console.log('[timing] row tap', Date.now());
     pendingRef.current = handler;
+    if (Platform.OS === 'ios') {
+      setMounted(false);
+    }
     onClose();
   };
   const rows = [{
@@ -138,11 +137,13 @@ const AttachSheet = ({
     // Hardware-back / iOS gesture also routes through onClose, which
     // flips `visible` and triggers our exit animation above.
     ,
+    onDismiss: Platform.OS === 'ios' ? runPending : undefined,
     children: /*#__PURE__*/_jsxs(Animated.View, {
       style: [styles.backdrop, {
         opacity: backdropOpacity
       }],
       children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+        testID: "attach-backdrop",
         style: StyleSheet.absoluteFill,
         activeOpacity: 1,
         onPress: onClose
@@ -165,6 +166,7 @@ const AttachSheet = ({
             Icon,
             handler
           }, idx) => /*#__PURE__*/_jsxs(TouchableOpacity, {
+            testID: `attach-row-${label}`,
             activeOpacity: 0.6,
             style: [styles.row, idx < rows.length - 1 && styles.rowDivider],
             onPress: trigger(handler),

package/lib/module/components/Modals/AttachSheet/AttachSheet.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useRef","useState","Animated","Easing","Modal","Platform","StyleSheet","Text","TouchableOpacity","View","CameraIcon","DocumentIcon","MediaIcon","useChatSettingState","chatTextStyle","jsx","_jsx","jsxs","_jsxs","SHEET_OFFSCREEN","AttachSheet","visible","onClose","onCamera","onGallery","onDocument","primaryColor","config","ts","typography","attachSheet","pendingRef","mounted","setMounted","backdropOpacity","Value","current","sheetTranslateY","setValue","raf","requestAnimationFrame","parallel","timing","toValue","duration","easing","out","cubic","useNativeDriver","spring","tension","friction","start","cancelAnimationFrame","in","finished","fn","undefined","trigger","handler","rows","label","hint","Icon","transparent","animationType","onRequestClose","children","style","styles","backdrop","opacity","absoluteFill","activeOpacity","onPress","sheet","transform","translateY","grabber","title","map","idx","row","length","rowDivider","iconBubble","backgroundColor","color","width","height","rowText","rowLabel","rowHint","cancelRow","cancelLabel","cancelButton","create","flex","justifyContent","borderTopLeftRadius","borderTopRightRadius","paddingTop","paddingBottom","OS","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","alignSelf","borderRadius","marginBottom","fontSize","fontWeight","letterSpacing","textTransform","paddingHorizontal","flexDirection","alignItems","paddingVertical","borderBottomWidth","hairlineWidth","borderBottomColor","marginRight","marginTop","marginHorizontal"],"sourceRoot":"../../../../../src","sources":["components/Modals/AttachSheet/AttachSheet.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useRef","useState","Animated","Easing","Modal","Platform","StyleSheet","Text","TouchableOpacity","View","CameraIcon","DocumentIcon","MediaIcon","useChatSettingState","chatTextStyle","jsx","_jsx","jsxs","_jsxs","SHEET_OFFSCREEN","AttachSheet","visible","onClose","onCamera","onGallery","onDocument","primaryColor","config","ts","typography","attachSheet","pendingRef","runPending","console","log","Date","now","fn","current","mounted","setMounted","backdropOpacity","Value","sheetTranslateY","setValue","raf","requestAnimationFrame","parallel","timing","toValue","duration","easing","out","cubic","useNativeDriver","spring","tension","friction","start","cancelAnimationFrame","in","finished","OS","undefined","trigger","handler","rows","label","hint","Icon","transparent","animationType","onRequestClose","onDismiss","children","style","styles","backdrop","opacity","testID","absoluteFill","activeOpacity","onPress","sheet","transform","translateY","grabber","title","map","idx","row","length","rowDivider","iconBubble","backgroundColor","color","width","height","rowText","rowLabel","rowHint","cancelRow","cancelLabel","cancelButton","create","flex","justifyContent","borderTopLeftRadius","borderTopRightRadius","paddingTop","paddingBottom","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","alignSelf","borderRadius","marginBottom","fontSize","fontWeight","letterSpacing","textTransform","paddingHorizontal","flexDirection","alignItems","paddingVertical","borderBottomWidth","hairlineWidth","borderBottomColor","marginRight","marginTop","marginHorizontal"],"sourceRoot":"../../../../../src","sources":["components/Modals/AttachSheet/AttachSheet.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Modals/ChatProfileModal/ChatProfileModal.js

@@ -248,144 +248,149 @@ const ChatProfileModal = ({
           })
         })]
       })
-    }), /*#__PURE__*/_jsxs(CenterContainer, {
-      children: [/*#__PURE__*/_jsx(ProfileImagePlaceholder, {
-        name: activeRoom.title || activeRoom.name,
-        icon: appendFileToken(activeRoom.icon, fileToken)
-        // Two gates control whether the icon is editable:
-        //   1. role — only non-participants could edit before.
-        //   2. NEW: `disableChatInfo.disableIconEdit` — hard kill from
-        //      config so a consumer can make the icon read-only for
-        //      everyone (e.g. branded rooms, patient-facing apps).
-        // Both must allow it for the picker/remove affordances to show.
-        ,
-        upload: {
-          onUpload,
-          active: !config?.disableChatInfo?.disableIconEdit && activeRoom?.role !== 'participant'
-        },
-        remove: {
-          enabled: !config?.disableChatInfo?.disableIconEdit,
-          onRemoveClick
-        },
-        role: activeRoom?.role,
-        size: 128
-      }), /*#__PURE__*/_jsxs(UserInfo, {
-        children: [/*#__PURE__*/_jsx(UserName, {
-          fontSize: config?.typography?.profile?.title?.fontSize,
-          fontWeight: config?.typography?.profile?.title?.fontWeight,
-          children: activeRoom.title || activeRoom.name
-        }), /*#__PURE__*/_jsxs(UserStatus, {
-          style: getElementFont(config, 'profileStatus'),
-          children: [activeRoom.usersCnt, ' ', activeRoom.usersCnt > 1 ? 'members' : 'member']
-        })]
-      }), activeRoom.role === 'moderator' && activeRoom.type === 'group' && /*#__PURE__*/_jsx(_Fragment, {
-        children: /*#__PURE__*/_jsx(SelectUsersModal, {})
-      }), !config?.disableChatInfo?.disableDescription && /*#__PURE__*/_jsxs(BorderedContainer, {
-        children: [/*#__PURE__*/_jsx(LabelData, {
-          style: getElementFont(config, 'profileSectionLabel'),
-          children: "Description"
-        }), /*#__PURE__*/_jsx(Label, {
-          children: activeRoom?.description || '—'
-        })]
-      }), !config?.disableChatInfo?.disableType && /*#__PURE__*/_jsxs(BorderedContainer, {
-        children: [/*#__PURE__*/_jsx(LabelData, {
-          style: getElementFont(config, 'profileSectionLabel'),
-          children: "Chat type"
-        }), /*#__PURE__*/_jsx(Label, {
-          children: activeRoom.type || '—'
-        })]
-      }), !config?.disableChatInfo?.hideMembers && /*#__PURE__*/_jsx(BorderedContainer, {
-        style: {
-          paddingHorizontal: 16,
-          paddingVertical: 8
-        },
-        children: loading ? /*#__PURE__*/_jsx(Loader, {}) : (activeRoom?.roomMembers?.length ?? 0) === 0 ? /*#__PURE__*/_jsx(Label, {
-          style: {
-            opacity: 0.6,
-            textAlign: 'center',
-            paddingVertical: 8
+    }), /*#__PURE__*/_jsx(ScrollView, {
+      style: {
+        width: '100%',
+        flex: 1
+      },
+      contentContainerStyle: {
+        flexGrow: 1
+      },
+      showsVerticalScrollIndicator: true,
+      children: /*#__PURE__*/_jsxs(CenterContainer, {
+        children: [/*#__PURE__*/_jsx(ProfileImagePlaceholder, {
+          name: activeRoom.title || activeRoom.name,
+          icon: appendFileToken(activeRoom.icon, fileToken)
+          // Two gates control whether the icon is editable:
+          //   1. role — only non-participants could edit before.
+          //   2. NEW: `disableChatInfo.disableIconEdit` — hard kill from
+          //      config so a consumer can make the icon read-only for
+          //      everyone (e.g. branded rooms, patient-facing apps).
+          // Both must allow it for the picker/remove affordances to show.
+          ,
+          upload: {
+            onUpload,
+            active: !config?.disableChatInfo?.disableIconEdit && activeRoom?.role !== 'participant'
           },
-          children: "Member list unavailable"
-        }) : /*#__PURE__*/_jsx(ScrollView, {
+          remove: {
+            enabled: !config?.disableChatInfo?.disableIconEdit,
+            onRemoveClick
+          },
+          role: activeRoom?.role,
+          size: 128
+        }), /*#__PURE__*/_jsxs(UserInfo, {
+          children: [/*#__PURE__*/_jsx(UserName, {
+            fontSize: config?.typography?.profile?.title?.fontSize,
+            fontWeight: config?.typography?.profile?.title?.fontWeight,
+            children: activeRoom.title || activeRoom.name
+          }), /*#__PURE__*/_jsxs(UserStatus, {
+            style: getElementFont(config, 'profileStatus'),
+            children: [activeRoom.usersCnt, ' ', activeRoom.usersCnt > 1 ? 'members' : 'member']
+          })]
+        }), activeRoom.role === 'moderator' && activeRoom.type === 'group' && /*#__PURE__*/_jsx(_Fragment, {
+          children: /*#__PURE__*/_jsx(SelectUsersModal, {})
+        }), !config?.disableChatInfo?.disableDescription && /*#__PURE__*/_jsxs(BorderedContainer, {
+          children: [/*#__PURE__*/_jsx(LabelData, {
+            style: getElementFont(config, 'profileSectionLabel'),
+            children: "Description"
+          }), /*#__PURE__*/_jsx(Label, {
+            children: activeRoom?.description || '—'
+          })]
+        }), !config?.disableChatInfo?.disableType && /*#__PURE__*/_jsxs(BorderedContainer, {
+          children: [/*#__PURE__*/_jsx(LabelData, {
+            style: getElementFont(config, 'profileSectionLabel'),
+            children: "Chat type"
+          }), /*#__PURE__*/_jsx(Label, {
+            children: activeRoom.type || '—'
+          })]
+        }), !config?.disableChatInfo?.hideMembers && /*#__PURE__*/_jsx(BorderedContainer, {
           style: {
-            maxHeight: 400
+            paddingHorizontal: 16,
+            paddingVertical: 8
           },
-          showsVerticalScrollIndicator: true,
-          nestedScrollEnabled: true,
-          children: activeRoom?.roomMembers?.map((user, index) => /*#__PURE__*/_jsxs(View, {
+          children: loading ? /*#__PURE__*/_jsx(Loader, {}) : (activeRoom?.roomMembers?.length ?? 0) === 0 ? /*#__PURE__*/_jsx(Label, {
             style: {
-              flexDirection: 'column',
-              alignItems: 'flex-start'
+              opacity: 0.6,
+              textAlign: 'center',
+              paddingVertical: 8
             },
-            children: [/*#__PURE__*/_jsxs(View, {
+            children: "Member list unavailable"
+          }) : /*#__PURE__*/_jsx(View, {
+            children: activeRoom?.roomMembers?.map((user, index) => /*#__PURE__*/_jsxs(View, {
               style: {
-                flexDirection: 'row',
-                justifyContent: 'flex-start',
-                paddingHorizontal: 8,
-                paddingVertical: 0,
-                alignItems: 'center',
-                width: '100%'
+                flexDirection: 'column',
+                alignItems: 'flex-start'
               },
-              children: [/*#__PURE__*/_jsxs(Pressable, {
+              children: [/*#__PURE__*/_jsxs(View, {
                 style: {
                   flexDirection: 'row',
-                  alignItems: 'center',
                   justifyContent: 'flex-start',
-                  gap: 16
-                }
-                // `disableChatInfo.disableMemberTap` blocks the
-                // tap entirely so the user-profile popup never
-                // opens. `disableMemberProfileActions` only hid
-                // the action buttons INSIDE that popup, leaving
-                // the popup itself to open on tap — this gate
-                // closes the door. Customer-reported #16.
-                ,
-                onPress: config?.disableChatInfo?.disableMemberTap ? undefined : () => handleUserAvatarClick(user),
-                disabled: !!config?.disableChatInfo?.disableMemberTap,
-                children: [/*#__PURE__*/_jsx(ProfileImagePlaceholder, {
-                  name: `${user.firstName} ${user.lastName}`,
-                  size: 40
-                }), /*#__PURE__*/_jsxs(View, {
+                  paddingHorizontal: 8,
+                  paddingVertical: 0,
+                  alignItems: 'center',
+                  width: '100%'
+                },
+                children: [/*#__PURE__*/_jsxs(Pressable, {
                   style: {
-                    flexDirection: 'column',
-                    gap: 2,
-                    alignItems: 'flex-start',
-                    justifyContent: 'center'
-                  },
-                  children: [/*#__PURE__*/_jsxs(Label, {
-                    style: [{
-                      fontSize: 16,
-                      fontWeight: 600
-                    }, chatTextStyle(config?.typography?.profile?.memberName)],
-                    children: [user.firstName, " ", user.lastName]
-                  }), user.last_active && /*#__PURE__*/_jsx(LabelData, {
-                    style: getElementFont(config, 'profileSectionLabel'),
-                    children: new Date(user.last_active * 1000).toLocaleString()
+                    flexDirection: 'row',
+                    alignItems: 'center',
+                    justifyContent: 'flex-start',
+                    gap: 16
+                  }
+                  // `disableChatInfo.disableMemberTap` blocks the
+                  // tap entirely so the user-profile popup never
+                  // opens. `disableMemberProfileActions` only hid
+                  // the action buttons INSIDE that popup, leaving
+                  // the popup itself to open on tap — this gate
+                  // closes the door. Customer-reported #16.
+                  ,
+                  onPress: config?.disableChatInfo?.disableMemberTap ? undefined : () => handleUserAvatarClick(user),
+                  disabled: !!config?.disableChatInfo?.disableMemberTap,
+                  children: [/*#__PURE__*/_jsx(ProfileImagePlaceholder, {
+                    name: `${user.firstName} ${user.lastName}`,
+                    size: 40
+                  }), /*#__PURE__*/_jsxs(View, {
+                    style: {
+                      flexDirection: 'column',
+                      gap: 2,
+                      alignItems: 'flex-start',
+                      justifyContent: 'center'
+                    },
+                    children: [/*#__PURE__*/_jsxs(Label, {
+                      style: [{
+                        fontSize: 16,
+                        fontWeight: 600
+                      }, chatTextStyle(config?.typography?.profile?.memberName)],
+                      children: [user.firstName, " ", user.lastName]
+                    }), user.last_active && /*#__PURE__*/_jsx(LabelData, {
+                      style: getElementFont(config, 'profileSectionLabel'),
+                      children: new Date(user.last_active * 1000).toLocaleString()
+                    })]
                   })]
+                }), user.role && user.role !== 'none' && /*#__PURE__*/_jsx(Text, {
+                  style: {
+                    backgroundColor: user.ban_status !== 'banned' ? '#F3F6FC' : '#FFEBEE',
+                    color: user.ban_status !== 'banned' ? '#0052CD' : '#F44336',
+                    padding: 5,
+                    borderRadius: 16,
+                    fontSize: 12
+                  },
+                  children: user.role
+                }), stateUser.xmppUsername !== user.xmppUsername && activeRoom.role === 'moderator' && activeRoom.type !== 'private' && /*#__PURE__*/_jsx(DropdownMenu, {
+                  options: menuOptions(user.xmppUsername),
+                  openButton: /*#__PURE__*/_jsx(Button, {
+                    onPress: () => {},
+                    children: /*#__PURE__*/_jsx(Text, {
+                      children: "More Options"
+                    })
+                  }),
+                  onClose: () => console.log('Dropdown closed')
                 })]
-              }), user.role && user.role !== 'none' && /*#__PURE__*/_jsx(Text, {
-                style: {
-                  backgroundColor: user.ban_status !== 'banned' ? '#F3F6FC' : '#FFEBEE',
-                  color: user.ban_status !== 'banned' ? '#0052CD' : '#F44336',
-                  padding: 5,
-                  borderRadius: 16,
-                  fontSize: 12
-                },
-                children: user.role
-              }), stateUser.xmppUsername !== user.xmppUsername && activeRoom.role === 'moderator' && activeRoom.type !== 'private' && /*#__PURE__*/_jsx(DropdownMenu, {
-                options: menuOptions(user.xmppUsername),
-                openButton: /*#__PURE__*/_jsx(Button, {
-                  onPress: () => {},
-                  children: /*#__PURE__*/_jsx(Text, {
-                    children: "More Options"
-                  })
-                }),
-                onClose: () => console.log('Dropdown closed')
-              })]
-            }), index < (activeRoom?.roomMembers?.length || 0) - 1 && /*#__PURE__*/_jsx(Divider, {})]
-          }, user.xmppUsername))
-        })
-      })]
+              }), index < (activeRoom?.roomMembers?.length || 0) - 1 && /*#__PURE__*/_jsx(Divider, {})]
+            }, user.xmppUsername))
+          })
+        })]
+      })
     }), /*#__PURE__*/_jsx(DeleteChatModal, {
       isModalOpen: isModalOpen,
       setIsModalOpen: setIsModalOpen