@ethora/chat-component-rn 26.8.1 → 26.8.3

package/lib/module/components/Header/HeaderRoomList.js

@@ -2,12 +2,15 @@
 
 /** @format */
 
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import React, { useMemo } from 'react';
 import { View, StyleSheet, Image, Text } from 'react-native';
 import { ProfileImagePlaceholder } from '../MainComponents/ProfileImagePlaceholder';
 import { useChatSettingState } from '../../hooks/useChatSettingState';
 import { BurgerMenuIcon } from '../../assets/icons';
 import Button from '../styled/Button';
+import { useTheme } from '../../hooks/useTheme';
+import { useT } from '../../i18n/useT';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const HeaderRoomList = ({
   setDrawerOpen
@@ -17,6 +20,10 @@ export const HeaderRoomList = ({
     user,
     selectedUser
   } = useChatSettingState();
+  const theme = useTheme();
+  const t = useT();
+  const insets = useSafeAreaInsets();
+  const topInset = config?.headerLayout?.safeAreaTop ? insets.top : 0;
   const modalUser = selectedUser ?? user;
   const HeaderLogo = useMemo(() => {
     const image = config?.headerLogo;
@@ -37,17 +44,23 @@ export const HeaderRoomList = ({
     return /*#__PURE__*/_jsx(View, {});
   }, [config?.backgroundChat?.image]);
   return /*#__PURE__*/_jsxs(View, {
-    style: styles.headerContainer,
+    style: [styles.headerContainer, {
+      backgroundColor: theme.surface,
+      shadowColor: theme.shadow
+    }, topInset ? {
+      paddingTop: 16 + topInset
+    } : null],
     children: [!config?.disableRoomMenu && config?.headerMenu ? /*#__PURE__*/_jsx(View, {
       style: styles.leftContainer,
       children: /*#__PURE__*/_jsx(Button, {
+        testID: "room-list-burger",
         style: styles.menuButton,
         color: "black",
         unstyled: true,
         EndIcon: /*#__PURE__*/_jsx(BurgerMenuIcon, {
-          color: config?.colors?.primary
+          color: theme.icon
         }),
-        onPress: () => config?.headerMenu && config?.headerMenu()
+        onPress: () => typeof config?.headerMenu === 'function' ? config.headerMenu() : setDrawerOpen()
       })
     }) : /*#__PURE__*/_jsx(View, {
       style: styles.leftContainer
@@ -56,16 +69,17 @@ export const HeaderRoomList = ({
       children: config?.headerLogo ? HeaderLogo : /*#__PURE__*/_jsx(Text, {
         style: {
           fontWeight: 500,
-          fontSize: 18
+          fontSize: 18,
+          color: theme.text
         },
-        children: "Chats"
+        children: t('roomList.title')
       })
     }), /*#__PURE__*/_jsx(View, {
       style: styles.rightContainer,
       children: /*#__PURE__*/_jsx(ProfileImagePlaceholder, {
         icon: modalUser?.profileImage ?? null,
         name: modalUser?.name ?? modalUser?.firstName,
-        size: 30,
+        size: 36,
         click: {
           isClick: true,
           onPress: setDrawerOpen
@@ -80,9 +94,19 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     paddingHorizontal: 16,
     paddingTop: 16,
-    paddingBottom: 8,
+    paddingBottom: 12,
     minHeight: 56,
-    justifyContent: 'space-between'
+    justifyContent: 'space-between',
+    borderBottomLeftRadius: 20,
+    borderBottomRightRadius: 20,
+    shadowOffset: {
+      width: 0,
+      height: 4
+    },
+    shadowOpacity: 0.06,
+    shadowRadius: 12,
+    elevation: 4,
+    zIndex: 2
   },
   menuButton: {
     padding: 8,
@@ -90,7 +114,7 @@ const styles = StyleSheet.create({
     backgroundColor: 'transparent'
   },
   leftContainer: {
-    width: 40,
+    width: 44,
     alignItems: 'flex-start',
     justifyContent: 'center'
   },
@@ -102,7 +126,7 @@ const styles = StyleSheet.create({
     justifyContent: 'center'
   },
   rightContainer: {
-    width: 40,
+    width: 44,
     alignItems: 'flex-end',
     justifyContent: 'center'
   }

package/lib/module/components/Header/HeaderRoomList.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","View","StyleSheet","Image","Text","ProfileImagePlaceholder","useChatSettingState","BurgerMenuIcon","Button","jsx","_jsx","jsxs","_jsxs","HeaderRoomList","setDrawerOpen","config","user","selectedUser","modalUser","HeaderLogo","image","headerLogo","SvgComponent","source","uri","backgroundChat","style","styles","headerContainer","children","disableRoomMenu","headerMenu","leftContainer","menuButton","color","unstyled","EndIcon","colors","primary","onPress","centerContainer","fontWeight","fontSize","rightContainer","icon","profileImage","name","firstName","size","click","isClick","create","flexDirection","alignItems","paddingHorizontal","paddingTop","paddingBottom","minHeight","justifyContent","padding","borderRadius","backgroundColor","width","position","left","right"],"sourceRoot":"../../../../src","sources":["components/Header/HeaderRoomList.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useSafeAreaInsets","React","useMemo","View","StyleSheet","Image","Text","ProfileImagePlaceholder","useChatSettingState","BurgerMenuIcon","Button","useTheme","useT","jsx","_jsx","jsxs","_jsxs","HeaderRoomList","setDrawerOpen","config","user","selectedUser","theme","t","insets","topInset","headerLayout","safeAreaTop","top","modalUser","HeaderLogo","image","headerLogo","SvgComponent","source","uri","backgroundChat","style","styles","headerContainer","backgroundColor","surface","shadowColor","shadow","paddingTop","children","disableRoomMenu","headerMenu","leftContainer","testID","menuButton","color","unstyled","EndIcon","icon","onPress","centerContainer","fontWeight","fontSize","text","rightContainer","profileImage","name","firstName","size","click","isClick","create","flexDirection","alignItems","paddingHorizontal","paddingBottom","minHeight","justifyContent","borderBottomLeftRadius","borderBottomRightRadius","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","zIndex","padding","borderRadius","position","left","right"],"sourceRoot":"../../../../src","sources":["components/Header/HeaderRoomList.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/InputComponents/Search.js

@@ -3,6 +3,7 @@
 import React, { useState, useEffect, useRef } from 'react';
 import styled, { css } from 'styled-components/native';
 import { TextInput, TouchableOpacity } from 'react-native';
+import { useTheme } from '../../hooks/useTheme';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const shouldForwardProp = prop => prop !== 'animated' && prop !== 'expanded' && prop !== 'direction';
 const SearchInputWrapper = styled.View.withConfig({
@@ -11,7 +12,9 @@ const SearchInputWrapper = styled.View.withConfig({
   position: relative;
   flex-direction: row;
   align-items: center;
-  background-color: #fff;
+  background-color: ${({
+  theme
+}) => theme.surface};
   border-radius: 16px;
   height: 44px;
   padding: 0 12px;
@@ -30,14 +33,18 @@ const SearchIcon = styled(TouchableOpacity)`
   margin-right: 8px;
   align-items: center;
   justify-content: center;
-  color: #999;
+  color: ${({
+  theme
+}) => theme.textMuted};
 `;
 const StyledInput = styled(TextInput)`
   background-color: transparent;
   border: none;
   flex: 1;
   font-size: 16px;
-  color: #000;
+  color: ${({
+  theme
+}) => theme.text};
   opacity: ${({
   animated,
   expanded
@@ -59,6 +66,7 @@ const SearchInput = ({
   placeholder,
   ...props
 }) => {
+  const theme = useTheme();
   const [isExpanded, setIsExpanded] = useState(false);
   const [isTyping, setIsTyping] = useState(false);
   const inputRef = useRef(null);
@@ -98,7 +106,8 @@ const SearchInput = ({
       expanded: isExpanded,
       onChangeText: handleInput,
       placeholder: placeholder,
-      placeholderTextColor: "#999",
+      placeholderTextColor: theme.textMuted,
+      keyboardAppearance: theme.dark ? 'dark' : 'light',
       ...props
     })]
   });

package/lib/module/components/InputComponents/Search.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","useEffect","useRef","styled","css","TextInput","TouchableOpacity","jsx","_jsx","jsxs","_jsxs","shouldForwardProp","prop","SearchInputWrapper","View","withConfig","animated","expanded","SearchIcon","StyledInput","SearchInput","icon","direction","placeholder","props","isExpanded","setIsExpanded","isTyping","setIsTyping","inputRef","handleFocus","handleBlur","handleInput","text","timeout","setTimeout","current","focus","clearTimeout","onTouchStart","children","onPress","ref","onBlur","onChangeText","placeholderTextColor"],"sourceRoot":"../../../../src","sources":["components/InputComponents/Search.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","useEffect","useRef","styled","css","TextInput","TouchableOpacity","useTheme","jsx","_jsx","jsxs","_jsxs","shouldForwardProp","prop","SearchInputWrapper","View","withConfig","theme","surface","animated","expanded","SearchIcon","textMuted","StyledInput","text","SearchInput","icon","direction","placeholder","props","isExpanded","setIsExpanded","isTyping","setIsTyping","inputRef","handleFocus","handleBlur","handleInput","timeout","setTimeout","current","focus","clearTimeout","onTouchStart","children","onPress","ref","onBlur","onChangeText","placeholderTextColor","keyboardAppearance","dark"],"sourceRoot":"../../../../src","sources":["components/InputComponents/Search.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/MainComponents/ChatHeader.js

@@ -3,6 +3,7 @@
 /** @format */
 
 import React, { useCallback } from 'react';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { CenterContainer, ChatContainerHeader, ChatContainerHeaderBoxInfo, ChatContainerHeaderInfo, ChatContainerHeaderLabel } from '../styled/StyledComponents';
 import RoomList from './RoomList';
 import { ProfileImagePlaceholder } from './ProfileImagePlaceholder';
@@ -19,8 +20,11 @@ import { MODAL_TYPES } from '../../helpers/constants/MODAL_TYPES';
 import { RoomMenu } from '../MenuRoom/MenuRoom';
 import { useRoomState } from '../../hooks/useRoomState';
 import { useChatSettingState } from '../../hooks/useChatSettingState';
+import { useFileToken } from '../../hooks/useFileToken';
+import { appendFileToken } from '../../helpers/secureFileUrl';
 import { View, StyleSheet, Text, Keyboard } from 'react-native';
 import { getIconColor } from '../../helpers/getIconColor';
+import { useTheme } from '../../hooks/useTheme';
 import { resolveHeaderHeight } from '../../helpers/headerLayout';
 import { getElementFont } from '../../helpers/getElementFont';
 import { useT } from '../../i18n/useT';
@@ -29,6 +33,7 @@ const ChatHeader = ({
   currentRoom,
   handleBackClick
 }) => {
+  const fileToken = useFileToken();
   const dispatch = useDispatch();
   const {
     client
@@ -42,6 +47,7 @@ const ChatHeader = ({
   const {
     config
   } = useChatSettingState();
+  const theme = useTheme();
   const t = useT();
   const handleChangeChat = chat => {
     dispatch(setCurrentRoom({
@@ -78,25 +84,29 @@ const ChatHeader = ({
   // here so `height` defines the band exactly (content centers via the
   // styled `align-items: center`); the styled 12px vertical padding would
   // otherwise add on top of it.
-  const headerHeight = resolveHeaderHeight(config?.headerLayout?.height);
+  const insets = useSafeAreaInsets();
+  const topInset = config?.headerLayout?.safeAreaTop ? insets.top : 0;
+  const headerHeight = resolveHeaderHeight(config?.headerLayout?.height) + topInset;
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsxs(ChatContainerHeader, {
       style: {
         height: headerHeight,
-        paddingTop: 0,
+        paddingTop: topInset,
         paddingBottom: 0
       },
       children: [handleBackClick && !config?.headerChatMenu ? /*#__PURE__*/_jsx(View, {
         style: styles.leftContainer,
         children: /*#__PURE__*/_jsx(Button, {
-          EndIcon: /*#__PURE__*/_jsx(BackIcon, {}),
+          EndIcon: /*#__PURE__*/_jsx(BackIcon, {
+            color: theme.textSecondary
+          }),
           onPress: () => handleBackClick(false)
         })
       }) : !config?.disableChatHeaderBurgerMenuIcon ? /*#__PURE__*/_jsx(View, {
         style: styles.leftContainer,
         children: /*#__PURE__*/_jsx(Button, {
           style: styles.menuButton,
-          color: "black",
+          color: theme.text,
           unstyled: true,
           EndIcon: /*#__PURE__*/_jsx(BurgerMenuIcon, {
             color: getIconColor(config)
@@ -133,7 +143,7 @@ const ChatHeader = ({
           children: [/*#__PURE__*/_jsx(ProfileImagePlaceholder, {
             name: currentRoom?.title || currentRoom?.name,
             size: 40,
-            icon: currentRoom?.icon,
+            icon: appendFileToken(currentRoom?.icon, fileToken),
             active: !config?.disableChatInfo?.disableChatHeaderMenu,
             click: config?.disableChatInfo?.disableChatHeaderMenu ? undefined : {
               isClick: true,
@@ -150,7 +160,9 @@ const ChatHeader = ({
               children: composing ? /*#__PURE__*/_jsx(Composing, {
                 usersTyping: currentRoom?.composingList
               }) : config?.disableUserCount ? undefined : /*#__PURE__*/_jsx(ChatContainerHeaderLabel, {
-                style: [styles.subLabel, getElementFont(config, 'headerSubtitle')],
+                style: [styles.subLabel, {
+                  color: theme.textSecondary
+                }, getElementFont(config, 'headerSubtitle')],
                 children: /*#__PURE__*/_jsx(Text, {
                   children: t(Number(currentRoom?.usersCnt) === 1 ? 'header.userCountSingular' : 'header.userCountPlural', {
                     count: Number(currentRoom?.usersCnt) || 0

package/lib/module/components/MainComponents/ChatHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","CenterContainer","ChatContainerHeader","ChatContainerHeaderBoxInfo","ChatContainerHeaderInfo","ChatContainerHeaderLabel","RoomList","ProfileImagePlaceholder","Button","BackIcon","BurgerMenuIcon","CallButtons","LanguageSelectorButton","useDispatch","Composing","deleteRoom","setCurrentRoom","setIsLoading","useXmppClient","setActiveModal","MODAL_TYPES","RoomMenu","useRoomState","useChatSettingState","View","StyleSheet","Text","Keyboard","getIconColor","resolveHeaderHeight","getElementFont","useT","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ChatHeader","currentRoom","handleBackClick","dispatch","client","roomsList","activeRoomJID","jid","roomState","room","composing","config","t","handleChangeChat","chat","roomJID","chatJID","loading","handleLeaveClick","leaveTheRoomStanza","nextRoomJID","Object","keys","handleHeaderChatMenu","dismiss","headerChatMenu","openChatInfo","CHAT_PROFILE","headerHeight","headerLayout","height","children","style","paddingTop","paddingBottom","styles","leftContainer","EndIcon","onPress","disableChatHeaderBurgerMenuIcon","menuButton","color","unstyled","minHeight","rightSpace","disableRoomConfig","leftSpace","chatHeaderBurgerMenu","chats","values","burgerMenu","onRoomClick","disabled","disableChatInfo","disableChatHeaderMenu","name","title","size","icon","active","click","undefined","isClick","numberOfLines","ellipsizeMode","fontSize","typography","headerTitle","fontWeight","usersTyping","composingList","disableUserCount","subLabel","Number","usersCnt","count","rightContainer","disableRoomMenu","chatHeaderAdditional","enabled","element","create","padding","borderRadius","backgroundColor","alignItems","width","flexDirection","justifyContent","gap","flexShrink"],"sourceRoot":"../../../../src","sources":["components/MainComponents/ChatHeader.tsx"],"mappings":";;AAAA;;AAEA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SACEC,eAAe,EACfC,mBAAmB,EACnBC,0BAA0B,EAC1BC,uBAAuB,EACvBC,wBAAwB,QACnB,4BAA4B;AACnC,OAAOC,QAAQ,MAAM,YAAY;AAEjC,SAASC,uBAAuB,QAAQ,2BAA2B;AACnE,OAAOC,MAAM,MAAM,kBAAkB;AACrC,SAASC,QAAQ,EAAEC,cAAc,QAAQ,oBAAoB;AAC7D,SAASC,WAAW,QAAQ,2BAA2B;AACvD,SAASC,sBAAsB,QAAQ,0BAA0B;AACjE,SAASC,WAAW,QAAQ,aAAa;AACzC,OAAOC,SAAS,MAAM,2CAA2C;AACjE,SACEC,UAAU,EACVC,cAAc,EACdC,YAAY,QACP,4BAA4B;AACnC,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,cAAc,QAAQ,mCAAmC;AAClE,SAASC,WAAW,QAAQ,qCAAqC;AACjE,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,YAAY,QAAQ,0BAA0B;AACvD,SAASC,mBAAmB,QAAQ,iCAAiC;AACrE,SAASC,IAAI,EAAEC,UAAU,EAAEC,IAAI,EAAEC,QAAQ,QAAQ,cAAc;AAC/D,SAASC,YAAY,QAAQ,4BAA4B;AACzD,SAASC,mBAAmB,QAAQ,4BAA4B;AAChE,SAASC,cAAc,QAAQ,8BAA8B;AAC7D,SAASC,IAAI,QAAQ,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAOvC,MAAMC,UAAqC,GAAGA,CAAC;EAC7CC,WAAW;EACXC;AACF,CAAC,KAAK;EACJ,MAAMC,QAAQ,GAAG5B,WAAW,CAAC,CAAC;EAC9B,MAAM;IAAE6B;EAAO,CAAC,GAAGxB,aAAa,CAAC,CAAC;EAElC,MAAM;IAAEyB,SAAS;IAAEC;EAAc,CAAC,GAAGtB,YAAY,CAACiB,WAAW,CAACM,GAAG,CAAC;EAClE,MAAMC,SAAS,GAAGxB,YAAY,CAACiB,WAAW,CAACM,GAAG,CAAC,CAACE,IAAI;EACpD,MAAMC,SAAS,GAAGF,SAAS,EAAEE,SAAS;EACtC,MAAM;IAAEC;EAAO,CAAC,GAAG1B,mBAAmB,CAAC,CAAC;EACxC,MAAM2B,CAAC,GAAGnB,IAAI,CAAC,CAAC;EAEhB,MAAMoB,gBAAgB,GAAIC,IAAW,IAAK;IACxCX,QAAQ,CAACzB,cAAc,CAAC;MAAEqC,OAAO,EAAED,IAAI,CAACP;IAAI,CAAC,CAAC,CAAC;IAC/CJ,QAAQ,CAACxB,YAAY,CAAC;MAAEqC,OAAO,EAAEF,IAAI,CAACP,GAAG;MAAEU,OAAO,EAAE;IAAK,CAAC,CAAC,CAAC;EAC9D,CAAC;EAED,MAAMC,gBAAgB,GAAGxD,WAAW,CAAC,MAAM;IACzC0C,MAAM,EAAEe,kBAAkB,CAACb,aAAc,CAAC;IAC1CH,QAAQ,CAAC1B,UAAU,CAAC;MAAE8B,GAAG,EAAED;IAAe,CAAC,CAAC,CAAC;IAE7C,MAAMc,WAAW,GAAGC,MAAM,CAACC,IAAI,CAACjB,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI;IACrD,IAAIe,WAAW,EAAE;MACfjB,QAAQ,CAACzB,cAAc,CAAC;QAAEqC,OAAO,EAAEK;MAAY,CAAC,CAAC,CAAC;IACpD;EACF,CAAC,EAAE,CAACd,aAAa,EAAED,SAAS,EAAEF,QAAQ,EAAEC,MAAM,CAAC,CAAC;EAEhD,MAAMmB,oBAAoB,GAAGA,CAAA,KAAM;IACjClC,QAAQ,CAACmC,OAAO,CAAC,CAAC;IAClBb,MAAM,EAAEc,cAAc,IAAId,MAAM,EAAEc,cAAc,CAAC,CAAC;EACpD,CAAC;;EAED;EACA;EACA;EACA,MAAMC,YAAY,GAAGhE,WAAW,CAC9B,MAAMyC,QAAQ,CAACtB,cAAc,CAACC,WAAW,CAAC6C,YAAY,CAAC,CAAC,EACxD,CAACxB,QAAQ,CACX,CAAC;;EAED;EACA;EACA;EACA;EACA,MAAMyB,YAAY,GAAGrC,mBAAmB,CAACoB,MAAM,EAAEkB,YAAY,EAAEC,MAAM,CAAC;EAEtE,oBACEjC,KAAA,CAAAE,SAAA;IAAAgC,QAAA,gBACElC,KAAA,CAACjC,mBAAmB;MAClBoE,KAAK,EAAE;QAAEF,MAAM,EAAEF,YAAY;QAAEK,UAAU,EAAE,CAAC;QAAEC,aAAa,EAAE;MAAE,CAAE;MAAAH,QAAA,GAEhE7B,eAAe,IAAI,CAACS,MAAM,EAAEc,cAAc,gBACzC9B,IAAA,CAACT,IAAI;QAAC8C,KAAK,EAAEG,MAAM,CAACC,aAAc;QAAAL,QAAA,eAChCpC,IAAA,CAACzB,MAAM;UACLmE,OAAO,eAAE1C,IAAA,CAACxB,QAAQ,IAAE,CAAE;UACtBmE,OAAO,EAAEA,CAAA,KAAMpC,eAAe,CAAC,KAAK;QAAE,CACvC;MAAC,CACE,CAAC,GACL,CAACS,MAAM,EAAE4B,+BAA+B,gBAC1C5C,IAAA,CAACT,IAAI;QAAC8C,KAAK,EAAEG,MAAM,CAACC,aAAc;QAAAL,QAAA,eAChCpC,IAAA,CAACzB,MAAM;UACL8D,KAAK,EAAEG,MAAM,CAACK,UAAW;UACzBC,KAAK,EAAC,OAAO;UACbC,QAAQ;UACRL,OAAO,eAAE1C,IAAA,CAACvB,cAAc;YAACqE,KAAK,EAAEnD,YAAY,CAACqB,MAAM;UAAE,CAAE,CAAE;UACzD2B,OAAO,EAAEf;QAAqB,CAC/B;MAAC,CACE,CAAC,GACL;MACJ;AACR;AACA;AACA;AACA;AACA,0DALQ,eAOA1B,KAAA,CAAClC,eAAe;QACdqE,KAAK,EAAE;UAACW,SAAS,EAAE;QAAG,CAAE;QACxBC,UAAU,EAAEjC,MAAM,EAAEkC,iBAAkB;QACtCC,SAAS,EAAE,CAAC,CAACnC,MAAM,EAAEc,cAAe;QAAAM,QAAA,GAEnCpB,MAAM,EAAEoC,oBAAoB,IAAI1C,SAAS,iBACxCV,IAAA,CAAC3B,QAAQ;UACPgF,KAAK,EAAE3B,MAAM,CAAC4B,MAAM,CAAC5C,SAAS,CAAE;UAChC6C,UAAU;UACVC,WAAW,EAAEtC;QAAiB,CAC/B,CACF,eACDhB,KAAA,CAAChC,0BAA0B;UACzByE,OAAO,EAAEZ;UACT;UACA;UACA;UACA;UACA;UACA;UACA;UAAA;UACA0B,QAAQ,EAAEzC,MAAM,EAAE0C,eAAe,EAAEC,qBAAsB;UAAAvB,QAAA,gBAYzDpC,IAAA,CAAC1B,uBAAuB;YACtBsF,IAAI,EAAEtD,WAAW,EAAEuD,KAAK,IAAIvD,WAAW,EAAEsD,IAAK;YAC9CE,IAAI,EAAE,EAAG;YACTC,IAAI,EAAEzD,WAAW,EAAEyD,IAAK;YACxBC,MAAM,EAAE,CAAChD,MAAM,EAAE0C,eAAe,EAAEC,qBAAsB;YACxDM,KAAK,EACHjD,MAAM,EAAE0C,eAAe,EAAEC,qBAAqB,GAC1CO,SAAS,GACT;cAAEC,OAAO,EAAE,IAAI;cAAExB,OAAO,EAAEZ;YAAa;UAC5C,CACF,CAAC,eACF7B,KAAA,CAAC/B,uBAAuB;YAAAiE,QAAA,gBACtBpC,IAAA,CAAC5B,wBAAwB;cACvBgG,aAAa,EAAE,CAAE;cACjBC,aAAa,EAAC,MAAM;cACpBC,QAAQ,EAAEtD,MAAM,EAAEuD,UAAU,EAAEC,WAAW,EAAEF,QAAS;cACpDG,UAAU,EAAEzD,MAAM,EAAEuD,UAAU,EAAEC,WAAW,EAAEC,UAAkB;cAAArC,QAAA,EAEhE9B,WAAW,EAAEuD,KAAK,IAAIvD,WAAW,EAAEsD;YAAI,CACd,CAAC,eAC3B5D,IAAA,CAACT,IAAI;cAAA6C,QAAA,EACFrB,SAAS,gBACRf,IAAA,CAACnB,SAAS;gBAAC6F,WAAW,EAAEpE,WAAW,EAAEqE;cAAc,CAAE,CAAC,GACpD3D,MAAM,EAAE4D,gBAAgB,GAAGV,SAAS,gBACtClE,IAAA,CAAC5B,wBAAwB;gBACvBiE,KAAK,EAAE,CAACG,MAAM,CAACqC,QAAQ,EAAEhF,cAAc,CAACmB,MAAM,EAAE,gBAAgB,CAAC,CAAE;gBAAAoB,QAAA,eAEnEpC,IAAA,CAACP,IAAI;kBAAA2C,QAAA,EACFnB,CAAC,CACA6D,MAAM,CAACxE,WAAW,EAAEyE,QAAQ,CAAC,KAAK,CAAC,GAC/B,0BAA0B,GAC1B,wBAAwB,EAC5B;oBAAEC,KAAK,EAAEF,MAAM,CAACxE,WAAW,EAAEyE,QAAQ,CAAC,IAAI;kBAAE,CAC9C;gBAAC,CACG;cAAC,CACiB;YAC3B,CACG,CAAC;UAAA,CACgB,CAAC;QAAA,CACA,CAAC;MAAA,CACd,CAAC,eAElB7E,KAAA,CAACX,IAAI;QAAC8C,KAAK,EAAEG,MAAM,CAACyC,cAAe;QAAA7C,QAAA,gBAGjCpC,IAAA,CAACrB,sBAAsB,IAAE,CAAC,eAC1BqB,IAAA,CAACtB,WAAW,IAAE,CAAC,EACd,CAACsC,MAAM,EAAE0C,eAAe,EAAEwB,eAAe,iBACxClF,IAAA,CAACZ,QAAQ;UAACmC,gBAAgB,EAAEA;QAAiB,CAAE,CAChD;MAAA,CACG,CAAC;IAAA,CACY,CAAC,EACrBP,MAAM,EAAEmE,oBAAoB,EAAEC,OAAO,IAClCpE,MAAM,CAACmE,oBAAoB,CAACE,OAAO,CAAC,CAAC;EAAA,CACzC,CAAC;AAEP,CAAC;AAED,MAAM7C,MAAM,GAAGhD,UAAU,CAAC8F,MAAM,CAAC;EAC/BT,QAAQ,EAAE;IACR/B,KAAK,EAAE,SAAS;IAChBwB,QAAQ,EAAE;EACZ,CAAC;EACDzB,UAAU,EAAE;IACV0C,OAAO,EAAE,CAAC;IACVC,YAAY,EAAE,EAAE;IAChBC,eAAe,EAAE;EACnB,CAAC;EACDhD,aAAa,EAAE;IACbiD,UAAU,EAAE,YAAY;IACxBC,KAAK,EAAE;EACT,CAAC;EACDV,cAAc,EAAE;IACdW,aAAa,EAAE,KAAK;IACpBF,UAAU,EAAE,QAAQ;IACpBG,cAAc,EAAE,UAAU;IAC1BC,GAAG,EAAE,CAAC;IACN;IACA;IACA;IACA;IACA;IACAC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,eAAe1F,UAAU","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useSafeAreaInsets","CenterContainer","ChatContainerHeader","ChatContainerHeaderBoxInfo","ChatContainerHeaderInfo","ChatContainerHeaderLabel","RoomList","ProfileImagePlaceholder","Button","BackIcon","BurgerMenuIcon","CallButtons","LanguageSelectorButton","useDispatch","Composing","deleteRoom","setCurrentRoom","setIsLoading","useXmppClient","setActiveModal","MODAL_TYPES","RoomMenu","useRoomState","useChatSettingState","useFileToken","appendFileToken","View","StyleSheet","Text","Keyboard","getIconColor","useTheme","resolveHeaderHeight","getElementFont","useT","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ChatHeader","currentRoom","handleBackClick","fileToken","dispatch","client","roomsList","activeRoomJID","jid","roomState","room","composing","config","theme","t","handleChangeChat","chat","roomJID","chatJID","loading","handleLeaveClick","leaveTheRoomStanza","nextRoomJID","Object","keys","handleHeaderChatMenu","dismiss","headerChatMenu","openChatInfo","CHAT_PROFILE","insets","topInset","headerLayout","safeAreaTop","top","headerHeight","height","children","style","paddingTop","paddingBottom","styles","leftContainer","EndIcon","color","textSecondary","onPress","disableChatHeaderBurgerMenuIcon","menuButton","text","unstyled","minHeight","rightSpace","disableRoomConfig","leftSpace","chatHeaderBurgerMenu","chats","values","burgerMenu","onRoomClick","disabled","disableChatInfo","disableChatHeaderMenu","name","title","size","icon","active","click","undefined","isClick","numberOfLines","ellipsizeMode","fontSize","typography","headerTitle","fontWeight","usersTyping","composingList","disableUserCount","subLabel","Number","usersCnt","count","rightContainer","disableRoomMenu","chatHeaderAdditional","enabled","element","create","padding","borderRadius","backgroundColor","alignItems","width","flexDirection","justifyContent","gap","flexShrink"],"sourceRoot":"../../../../src","sources":["components/MainComponents/ChatHeader.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/MainComponents/ChatRoom.js

@@ -7,7 +7,7 @@ import { ChatContainer, NonRoomChat } from '../styled/StyledComponents';
 import { useDispatch } from 'react-redux';
 import MessageList from './MessageList';
 import SendInput from '../styled/SendInput';
-import { clearVisibleRoom, deleteRoomMessage, setEditAction, setLastViewedTimestamp, setVisibleRoom } from '../../roomStore/roomsSlice';
+import { clearReadBoundary, clearVisibleRoom, deleteRoomMessage, setEditAction, setLastViewedTimestamp, setReadBoundary, setVisibleRoom } from '../../roomStore/roomsSlice';
 import Loader from '../styled/Loader';
 import { useXmppClient } from '../../context/xmppProvider';
 import ChatHeader from './ChatHeader';
@@ -16,18 +16,22 @@ import NewChatModal from '../Modals/NewChatModal/NewChatModal';
 import { EditWrapper } from './EditWrapper';
 import { EmptyChatIllustration } from '../../assets/EmptyChatIllustration';
 import { getIconColor } from '../../helpers/getIconColor';
+import { getChatBackgroundColor } from '../../helpers/getChatBackground';
 import { ChooseChatMessage } from './ChooseChatMessage';
 import { useSendMessage } from '../../hooks/useSendMessage';
 import { useRoomInitialization } from '../../hooks/useRoomInitialization';
 import { useRoomState } from '../../hooks/useRoomState';
 import { useChatSettingState } from '../../hooks/useChatSettingState';
+import { useTheme } from '../../hooks/useTheme';
+import { isOwnMessage } from '../../helpers/isOwnMessage';
 import CustomTypingIndicator from '../styled/StyledInputComponents/CustomTypingIndicator';
 // import {PanGestureHandler} from 'react-native-gesture-handler';
 
-import { Platform, View } from 'react-native';
+import { AppState, Keyboard, Platform, View } from 'react-native';
 import { KeyboardAvoidingView, KeyboardStickyView } from 'react-native-keyboard-controller';
 import useComposing from '../../hooks/useComposing';
 import { store } from '../../roomStore';
+import { getFlushBoundaryTs, getReadMarkerTimestamp } from '../../helpers/getServerReadTimestamp';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { getInputDockPaddingBottom, getKeyboardVerticalOffset } from '../../helpers/keyboardLayout';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -45,6 +49,7 @@ const ChatRoom = /*#__PURE__*/React.memo(({
   } = useXmppClient();
   const dispatch = useDispatch();
   const insets = useSafeAreaInsets();
+  const theme = useTheme();
   const [isLoadingMore, setIsLoadingMore] = useState(false);
   const {
     user,
@@ -80,6 +85,43 @@ const ChatRoom = /*#__PURE__*/React.memo(({
     sendStartComposing,
     sendEndComposing
   } = useComposing(configWithEventHandlers || storeConfig);
+
+  // Under the sticky keyboard strategy, the input dock's position is
+  // driven by KeyboardStickyView's native-animated offset. If the app
+  // is backgrounded while the keyboard-close animation hasn't finished,
+  // the OS removes the keyboard from the app-switcher snapshot but the
+  // shared value hasn't caught up to "closed" yet, so the input appears
+  // to float in that preview.
+  //
+  // NOTE on what this does and doesn't fix: iOS actually captures that
+  // preview during the active→inactive transition, BEFORE 'background'
+  // fires — so dismissing here on 'background' lands too late to affect
+  // the snapshot already taken, and is effectively a no-op for the exact
+  // iOS symptom in bug #37. An earlier version keyed this off 'inactive'
+  // instead, which does land in time, but 'inactive' also fires for
+  // Control Center, share sheets, and permission prompts — none of which
+  // should close the user's keyboard — so that traded a rare cosmetic
+  // preview glitch for a much more common false dismissal. Kept on
+  // 'background': it still resets the offset for genuine backgrounding
+  // (home button, app switch) and for Android's recents preview (RN's
+  // AppState has no 'inactive' there), at the cost of leaving the iOS
+  // switcher-preview glitch itself unresolved. Both symptoms are cosmetic
+  // per the QA report, which explicitly accepted leaving this imperfect
+  // rather than risk destabilizing the sticky strategy. Sticky-only;
+  // doesn't touch the other keyboard strategies.
+  const stickyInputEnabled = !configWithEventHandlers?.disableKeyboardAvoidingView && !!configWithEventHandlers?.keyboardStickyInput;
+  useEffect(() => {
+    if (!stickyInputEnabled) {
+      return;
+    }
+    const onAppStateChange = nextState => {
+      if (nextState === 'background') {
+        Keyboard.dismiss();
+      }
+    };
+    const subscription = AppState.addEventListener('change', onAppStateChange);
+    return () => subscription.remove();
+  }, [stickyInputEnabled]);
   const sendMessage = useCallback(message => {
     if (!activeRoomJID) {
       return;
@@ -129,31 +171,103 @@ const ChatRoom = /*#__PURE__*/React.memo(({
   useEffect(() => {
     clientRef.current = client;
   }, [client]);
+
+  // Tracks what the user actually saw: `null` while they're at the
+  // bottom (safe to mark everything read), or the timestamp of the
+  // newest message visible when they scrolled away from it. Reported
+  // by MessageList via onReadBoundaryChange, and mirrored into redux
+  // (`rooms.readBoundaries`) rather than kept only in a local ref - it
+  // is the single source of truth every "leaving this room" path
+  // consults (xmppProvider's AppState background handler, its
+  // `isVisible=false` handler, the live `advance()` effect, and
+  // `useChatRoomFocus`'s `leaveRoom`), not just this component's own
+  // unmount cleanup below. Without a boundary, leaving a room (or
+  // backgrounding) while scrolled up stamped `now()` (bug #33) or,
+  // after the #38 fix, the newest acked message regardless of scroll
+  // position (bug #42) - both silently discard genuinely-unread
+  // messages.
+  //
+  // MessageList reports the boundary from onScroll, which fires on
+  // every frame of a drag (the "back at the bottom" branch re-reports
+  // `null` each time). Mirror only actual CHANGES into redux: an
+  // unconditional dispatch per scroll frame would run the whole
+  // middleware chain and, worse, reset persistenceMiddleware's 200 ms
+  // debounce on every frame, starving the persisted write for as long
+  // as the user keeps scrolling.
+  const lastBoundarySentRef = useRef(null);
+  const handleReadBoundaryChange = useCallback(boundaryTs => {
+    if (!activeRoomJID) {
+      return;
+    }
+    const next = boundaryTs && boundaryTs > 0 ? boundaryTs : null;
+    if (lastBoundarySentRef.current === next) {
+      return;
+    }
+    lastBoundarySentRef.current = next;
+    dispatch(setReadBoundary({
+      jid: activeRoomJID,
+      ts: next
+    }));
+  }, [activeRoomJID, dispatch]);
   useEffect(() => {
     if (!activeRoomJID) {
       return;
     }
+    lastBoundarySentRef.current = null;
+    dispatch(setReadBoundary({
+      jid: activeRoomJID,
+      ts: null
+    }));
     dispatch(setVisibleRoom({
       roomJID: activeRoomJID
     }));
     setIsLoadingMore(false);
     return () => {
-      const timestamp = new Date().getTime();
-      dispatch(setLastViewedTimestamp({
-        chatJID: activeRoomJID,
-        timestamp
-      }));
+      const state = store.getState();
+      const rooms = state.rooms?.rooms;
+      const heapState = state.roomHeapSlice;
+      const boundaryTs = state.rooms?.readBoundaries?.[activeRoomJID] ?? null;
+      // getReadMarkerTimestamp honours the boundary (the newest message
+      // the user actually reached) when one is set, and otherwise falls
+      // back to the newest server-acked message - never the device
+      // clock: a fast device clock would write a future marker that the
+      // forward-only private-store merge could never correct (bug #38).
+      const timestamp = getReadMarkerTimestamp(rooms?.[activeRoomJID], heapState, boundaryTs);
+      if (timestamp > 0) {
+        dispatch(setLastViewedTimestamp({
+          chatJID: activeRoomJID,
+          timestamp
+        }));
+      }
       dispatch(clearVisibleRoom());
       const liveClient = clientRef.current;
       if (liveClient) {
-        liveClient.flushLastViewedToPrivateStoreStanza(store.getState().rooms?.rooms, {
-          visibleRoomJID: activeRoomJID
+        liveClient.flushLastViewedToPrivateStoreStanza(rooms, {
+          visibleRoomJID: activeRoomJID,
+          // Carry the same boundary to the SERVER marker. Without
+          // this the flush defaults to "everything" for the visible
+          // room, so messages the user never scrolled down to come
+          // back as read on the next login - the local count was
+          // right but the server overrode it.
+          // Clamped through the same helper as the local stamp -
+          // an unclamped boundary would bypass the newest-acked
+          // ceiling on the one path where a bad value is permanent
+          // (the private-store merge is forward-only, bug #38).
+          visibleRoomTs: getFlushBoundaryTs(rooms?.[activeRoomJID], heapState, boundaryTs)
         }).catch(() => {});
       }
       dispatch(deleteRoomMessage({
         roomJID: activeRoomJID,
         messageId: 'delimiter-new'
       }));
+      // The room is genuinely being left (unmount, or activeRoomJID
+      // changed to a different room) - release the boundary now that
+      // it's been consumed, so a stale value can't leak into the next
+      // time this room becomes visible.
+      dispatch(clearReadBoundary({
+        jid: activeRoomJID
+      }));
+      lastBoundarySentRef.current = null;
       setIsLoadingMore(false);
     };
   }, [activeRoomJID, dispatch]);
@@ -177,7 +291,9 @@ const ChatRoom = /*#__PURE__*/React.memo(({
   });
   const inputDockPaddingBottom = getInputDockPaddingBottom({
     platform: Platform.OS,
-    bottomInset: insets.bottom
+    bottomInset: insets.bottom,
+    configuredPadding: configWithEventHandlers?.inputDockPaddingBottom,
+    hostOwnsLayout: !!configWithEventHandlers?.disableKeyboardAvoidingView
   });
 
   // Keyboard avoidance is delegated to react-native-keyboard-controller's
@@ -225,9 +341,22 @@ const ChatRoom = /*#__PURE__*/React.memo(({
   // a KeyboardStickyView so it (and only it) lifts with the keyboard.
   const InputDockTag = stickyInput ? KeyboardStickyView : View;
   const inputDockProps = {
+    // The dock carries the composer's white surface all the way to the
+    // bottom edge, so it needs the same rounded top and upward shadow —
+    // a square white block behind a rounded composer just hid the corners.
     style: {
       paddingBottom: inputDockPaddingBottom,
-      backgroundColor: '#fff'
+      backgroundColor: theme.surface,
+      borderTopLeftRadius: 20,
+      borderTopRightRadius: 20,
+      shadowColor: theme.shadow,
+      shadowOffset: {
+        width: 0,
+        height: -4
+      },
+      shadowOpacity: 0.06,
+      shadowRadius: 12,
+      elevation: 8
     },
     ...(stickyInput ? {
       offset: {
@@ -238,8 +367,14 @@ const ChatRoom = /*#__PURE__*/React.memo(({
   };
   return /*#__PURE__*/_jsx(KeyboardWrapper, {
     ...keyboardWrapperProps,
-    children: /*#__PURE__*/_jsxs(ChatContainer, {
-      style: configWithEventHandlers?.chatRoomStyles ? configWithEventHandlers.chatRoomStyles : undefined,
+    children: /*#__PURE__*/_jsxs(ChatContainer
+    // The conversation's own colour, not white: the header's rounded
+    // bottom corners and the composer's rounded top corners reveal
+    // THIS view, so a white parent made both look square.
+    , {
+      style: [{
+        backgroundColor: getChatBackgroundColor(configWithEventHandlers)
+      }, configWithEventHandlers?.chatRoomStyles],
       children: [!configWithEventHandlers?.disableHeader && /*#__PURE__*/_jsx(ChatHeader, {
         currentRoom: roomsList[activeRoomJID],
         handleBackClick: handleBackClick
@@ -263,14 +398,17 @@ const ChatRoom = /*#__PURE__*/React.memo(({
             alignItems: 'center'
           },
           children: /*#__PURE__*/_jsx(EmptyChatIllustration, {
-            color: getIconColor(configWithEventHandlers)
+            color: getIconColor(configWithEventHandlers),
+            panelColor: theme.dark ? theme.surfaceSecondary : undefined
           })
         }) : !roomMessages || roomMessages.length === 0 ? /*#__PURE__*/_jsx(View, {
           style: {
             flex: 1,
             justifyContent: 'center',
             alignItems: 'center',
-            backgroundColor: '#ffffff'
+            // Empty rooms used to flip to white, which broke the
+            // header's rounded corners in exactly the same way.
+            backgroundColor: getChatBackgroundColor(configWithEventHandlers)
           },
           children: /*#__PURE__*/_jsx(NoMessagesPlaceholder, {})
         }) : CustomScrollableArea ? /*#__PURE__*/_jsx(CustomScrollableArea, {
@@ -285,7 +423,7 @@ const ChatRoom = /*#__PURE__*/React.memo(({
           loadMoreMessages: loadMoreMessages,
           renderMessage: decorated => CustomMessageComponent ? /*#__PURE__*/_jsx(CustomMessageComponent, {
             message: decorated.message,
-            isUser: decorated.message.user.id === user.xmppUsername,
+            isUser: isOwnMessage(decorated.message, user),
             isReply: false
           }) : null,
           scrollController: {
@@ -310,7 +448,8 @@ const ChatRoom = /*#__PURE__*/React.memo(({
           roomJID: activeRoomJID,
           config: configWithEventHandlers,
           loading: isLoadingMore,
-          isReply: false
+          isReply: false,
+          onReadBoundaryChange: handleReadBoundaryChange
         })
       }), editAction && editAction.isEdit && /*#__PURE__*/_jsx(EditWrapper, {
         text: editAction.text || '',