@ethora/chat-component-rn 26.8.2 → 26.8.4

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

@@ -3,17 +3,20 @@
 /** @format */
 
 import React, { useCallback, useMemo } from 'react';
-import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
-import { useDispatch } from 'react-redux';
+import { StyleSheet, Switch, Text, TouchableOpacity, View } from 'react-native';
+import { useDispatch, useSelector } from 'react-redux';
 import { ModalContainerFullScreen } from '../styledModalComponents';
 import ModalHeaderComponent from '../ModalHeaderComponent';
 import { ArowDownIcon } from '../../../assets/icons';
-import { setActiveModal } from '../../../roomStore/chatSettingsSlice';
+import { setActiveModal, setPushEnabled, setThemePreference } from '../../../roomStore/chatSettingsSlice';
 import { MODAL_TYPES } from '../../../helpers/constants/MODAL_TYPES';
 import { useChatSettingState } from '../../../hooks/useChatSettingState';
 import { chatTextStyle } from '../../../helpers/typography';
+import { savePreferences } from '../../../helpers/preferencesStorage';
 import { useT } from '../../../i18n/useT';
+import { useTheme } from '../../../hooks/useTheme';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const APPEARANCES = ['light', 'dark', 'system'];
 const UserSettingsModal = ({
   handleCloseModal
 }) => {
@@ -22,6 +25,19 @@ const UserSettingsModal = ({
   const {
     config
   } = useChatSettingState();
+  const theme = useTheme();
+  const styles = useMemo(() => createStyles(theme), [theme]);
+  const themePreference = useSelector(s => s.chatSettingStore.themePreference);
+  const pushEnabled = useSelector(s => s.chatSettingStore.pushEnabled);
+
+  // What the picker shows before the user ever touched it: the host's
+  // config.dark, so the selected segment matches what is on screen.
+  const appearance = themePreference ?? (config?.dark === 'system' ? 'system' : config?.dark ? 'dark' : 'light');
+  const appearanceLabels = useMemo(() => ({
+    light: t('settings.appearance.light'),
+    dark: t('settings.appearance.dark'),
+    system: t('settings.appearance.system')
+  }), [t]);
   const options = useMemo(() => [{
     label: t('settings.manageData.title'),
     key: MODAL_TYPES.MANAGE_DATA
@@ -32,15 +48,85 @@ const UserSettingsModal = ({
   const handleClick = useCallback(key => {
     dispatch(setActiveModal(key));
   }, [dispatch]);
+  const handleAppearance = useCallback(pref => {
+    dispatch(setThemePreference(pref));
+    savePreferences({
+      theme: pref
+    });
+  }, [dispatch]);
+
+  // The SDK acts on the flag itself (pushRegistration releases / restores
+  // the device-token registrations); the host is told so it can mirror
+  // the choice on any native push side it owns.
+  const onPushNotificationsToggle = config?.eventHandlers?.onPushNotificationsToggle;
+  const handlePush = useCallback(enabled => {
+    dispatch(setPushEnabled(enabled));
+    savePreferences({
+      pushEnabled: enabled
+    });
+    if (onPushNotificationsToggle) {
+      Promise.resolve(onPushNotificationsToggle(enabled)).catch(err => console.warn('[settings] onPushNotificationsToggle failed', err));
+    }
+  }, [dispatch, onPushNotificationsToggle]);
   return /*#__PURE__*/_jsxs(ModalContainerFullScreen, {
     style: styles.screen,
     children: [/*#__PURE__*/_jsx(ModalHeaderComponent, {
       handleCloseModal: handleCloseModal,
       headerTitle: t('settings.menu.title'),
       titleStyle: chatTextStyle(config?.typography?.profile?.screenTitle)
-    }), /*#__PURE__*/_jsx(View, {
+    }), /*#__PURE__*/_jsxs(View, {
       style: styles.body,
-      children: options.map(option => /*#__PURE__*/_jsxs(TouchableOpacity, {
+      children: [!config?.settings?.hideAppearance ? /*#__PURE__*/_jsxs(View, {
+        style: [styles.card, styles.stackCard],
+        testID: "settings-appearance",
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: styles.label,
+          children: t('settings.appearance.title')
+        }), /*#__PURE__*/_jsx(View, {
+          style: styles.segmented,
+          accessibilityRole: "radiogroup",
+          children: APPEARANCES.map(pref => {
+            const selected = pref === appearance;
+            return /*#__PURE__*/_jsx(TouchableOpacity, {
+              testID: `settings-appearance-${pref}`,
+              accessibilityRole: "radio",
+              accessibilityState: {
+                selected
+              },
+              activeOpacity: 0.7,
+              style: [styles.segment, selected && styles.segmentSelected],
+              onPress: () => handleAppearance(pref),
+              children: /*#__PURE__*/_jsx(Text, {
+                style: [styles.segmentLabel, selected && styles.segmentLabelSelected],
+                children: appearanceLabels[pref]
+              })
+            }, pref);
+          })
+        })]
+      }) : null, !config?.settings?.hidePushToggle ? /*#__PURE__*/_jsxs(View, {
+        style: styles.card,
+        testID: "settings-notifications",
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: styles.switchText,
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: styles.label,
+            children: t('settings.notifications.push')
+          }), /*#__PURE__*/_jsx(Text, {
+            style: styles.hint,
+            children: t('settings.notifications.pushHint')
+          })]
+        }), /*#__PURE__*/_jsx(Switch, {
+          testID: "settings-push-switch",
+          value: pushEnabled !== false,
+          onValueChange: handlePush,
+          trackColor: {
+            true: theme.primary,
+            false: theme.surfaceSecondary
+          },
+          thumbColor: theme.surface,
+          ios_backgroundColor: theme.surfaceSecondary
+        })]
+      }) : null, options.map(option => /*#__PURE__*/_jsxs(TouchableOpacity, {
         testID: `settings-row-${option.key}`,
         activeOpacity: 0.7,
         style: styles.card,
@@ -49,18 +135,18 @@ const UserSettingsModal = ({
           style: styles.label,
           children: option.label
         }), /*#__PURE__*/_jsx(ArowDownIcon, {
-          color: "#8C8C8C",
+          color: theme.textSecondary,
           width: 20,
           height: 20,
           style: styles.chevron
         })]
-      }, option.key))
+      }, option.key))]
     })]
   });
 };
-const styles = StyleSheet.create({
+const createStyles = theme => StyleSheet.create({
   screen: {
-    backgroundColor: '#E8EDF2'
+    backgroundColor: theme.listBackground
   },
   body: {
     width: '100%',
@@ -71,11 +157,11 @@ const styles = StyleSheet.create({
     flexDirection: 'row',
     alignItems: 'center',
     justifyContent: 'space-between',
-    backgroundColor: '#FFFFFF',
+    backgroundColor: theme.surface,
     borderRadius: 20,
     paddingHorizontal: 20,
     paddingVertical: 22,
-    shadowColor: '#101828',
+    shadowColor: theme.shadow,
     shadowOffset: {
       width: 0,
       height: 4
@@ -84,10 +170,60 @@ const styles = StyleSheet.create({
     shadowRadius: 12,
     elevation: 3
   },
+  // Label above the control instead of beside it: three segments do not
+  // fit next to a label on narrow phones.
+  stackCard: {
+    flexDirection: 'column',
+    alignItems: 'stretch',
+    gap: 14
+  },
   label: {
     fontSize: 17,
     fontWeight: '500',
-    color: '#141414'
+    color: theme.text
+  },
+  hint: {
+    marginTop: 4,
+    fontSize: 13,
+    lineHeight: 18,
+    color: theme.textSecondary
+  },
+  switchText: {
+    flex: 1,
+    paddingRight: 16
+  },
+  segmented: {
+    flexDirection: 'row',
+    backgroundColor: theme.surfaceSecondary,
+    borderRadius: 12,
+    padding: 3,
+    gap: 3
+  },
+  segment: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingVertical: 9,
+    borderRadius: 9
+  },
+  segmentSelected: {
+    backgroundColor: theme.surface,
+    shadowColor: theme.shadow,
+    shadowOffset: {
+      width: 0,
+      height: 1
+    },
+    shadowOpacity: 0.08,
+    shadowRadius: 3,
+    elevation: 2
+  },
+  segmentLabel: {
+    fontSize: 15,
+    fontWeight: '500',
+    color: theme.textSecondary
+  },
+  segmentLabelSelected: {
+    color: theme.text
   },
   chevron: {
     transform: [{

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useMemo","StyleSheet","Text","TouchableOpacity","View","useDispatch","ModalContainerFullScreen","ModalHeaderComponent","ArowDownIcon","setActiveModal","MODAL_TYPES","useChatSettingState","chatTextStyle","useT","jsx","_jsx","jsxs","_jsxs","UserSettingsModal","handleCloseModal","t","dispatch","config","options","label","key","MANAGE_DATA","VISIBILITY","handleClick","style","styles","screen","children","headerTitle","titleStyle","typography","profile","screenTitle","body","map","option","testID","activeOpacity","card","onPress","color","width","height","chevron","create","backgroundColor","padding","gap","flexDirection","alignItems","justifyContent","borderRadius","paddingHorizontal","paddingVertical","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","fontSize","fontWeight","transform","rotate"],"sourceRoot":"../../../../../src","sources":["components/Modals/UserSettingsModal/UserSettingsModal.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useMemo","StyleSheet","Switch","Text","TouchableOpacity","View","useDispatch","useSelector","ModalContainerFullScreen","ModalHeaderComponent","ArowDownIcon","setActiveModal","setPushEnabled","setThemePreference","MODAL_TYPES","useChatSettingState","chatTextStyle","savePreferences","useT","useTheme","jsx","_jsx","jsxs","_jsxs","APPEARANCES","UserSettingsModal","handleCloseModal","t","dispatch","config","theme","styles","createStyles","themePreference","s","chatSettingStore","pushEnabled","appearance","dark","appearanceLabels","light","system","options","label","key","MANAGE_DATA","VISIBILITY","handleClick","handleAppearance","pref","onPushNotificationsToggle","eventHandlers","handlePush","enabled","Promise","resolve","catch","err","console","warn","style","screen","children","headerTitle","titleStyle","typography","profile","screenTitle","body","settings","hideAppearance","card","stackCard","testID","segmented","accessibilityRole","map","selected","accessibilityState","activeOpacity","segment","segmentSelected","onPress","segmentLabel","segmentLabelSelected","hidePushToggle","switchText","hint","value","onValueChange","trackColor","true","primary","false","surfaceSecondary","thumbColor","surface","ios_backgroundColor","option","color","textSecondary","width","height","chevron","create","backgroundColor","listBackground","padding","gap","flexDirection","alignItems","justifyContent","borderRadius","paddingHorizontal","paddingVertical","shadowColor","shadow","shadowOffset","shadowOpacity","shadowRadius","elevation","fontSize","fontWeight","text","marginTop","lineHeight","flex","paddingRight","transform","rotate"],"sourceRoot":"../../../../../src","sources":["components/Modals/UserSettingsModal/UserSettingsModal.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -7,7 +7,9 @@ import Button from '../styled/Button';
 export const ModalBackground = styled.View`
   width: 100%;
   height: 100%;
-  background: rgba(0, 0, 0, 0.5);
+  background: ${({
+  theme
+}) => theme.overlay};
   flex: 1;
   justify-content: center;
   align-items: center;
@@ -20,13 +22,25 @@ export const CloseButton = styled.TouchableOpacity`
   border: none;
   font-size: 20px;
   cursor: pointer;
-  color: #888;
+  color: ${({
+  theme
+}) => theme.textMuted};
+`;
+
+/** The "×" glyph inside CloseButton — themed so it reads on dark surfaces. */
+export const CloseButtonText = styled.Text`
+  font-size: 24px;
+  color: ${({
+  theme
+}) => theme.text};
 `;
 export const ModalContainer = styled.View`
   // flex: 1;
   // width: 100%;
   // height: 100%;
-  background: white;
+  background: ${({
+  theme
+}) => theme.surface};
   padding: 32px 64px;
   box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2);
   display: flex;
@@ -37,11 +51,17 @@ export const ModalContainer = styled.View`
   align-items: center;
 `;
 export const ModalTitle = styled.Text`
+  color: ${({
+  theme
+}) => theme.text};
   font-size: 20px;
   margin: 0;
   font-weight: 400;
 `;
 export const ModalDescription = styled.Text`
+  color: ${({
+  theme
+}) => theme.text};
   font-size: 14px;
   margin: 0;
   font-weight: 400;
@@ -55,7 +75,9 @@ export const GroupContainer = styled.View`
 export const ModalContainerFullScreen = styled.View`
   width: 100%;
   height: 100%;
-  background-color: #fff;
+  background-color: ${({
+  theme
+}) => theme.surface};
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -79,12 +101,16 @@ export const HeaderContainer = styled.View`
    * 20px on an SE). Together that's status-bar + 8px above the back
    * button and 8px below — properly sized and properly centered. */
   padding: 8px 16px;
-  background-color: #fff;
+  background-color: ${({
+  theme
+}) => theme.surface};
   /* Same card treatment as the room-list header: rounded bottom corners
    * and a soft drop shadow instead of a hairline rule. */
   border-bottom-left-radius: 20px;
   border-bottom-right-radius: 20px;
-  shadow-color: #101828;
+  shadow-color: ${({
+  theme
+}) => theme.shadow};
   shadow-offset: 0px 4px;
   shadow-opacity: 0.06;
   shadow-radius: 12px;
@@ -114,7 +140,9 @@ export const ProfileImage = styled.View`
   width: 120px;
   height: 120px;
   border-radius: 10000px;
-  border: 1px solid #f0f0f0;
+  border: 1px solid ${({
+  theme
+}) => theme.border};
 `;
 export const UserInfo = styled.View`
   width: 100%;
@@ -124,7 +152,9 @@ export const UserInfo = styled.View`
   align-items: center;
 `;
 export const UserName = styled.Text`
-  color: #141414;
+  color: ${({
+  theme
+}) => theme.text};
   font-size: ${({
   fontSize
 }) => fontSize ?? 24}px;
@@ -133,25 +163,33 @@ export const UserName = styled.Text`
 }) => fontWeight ?? 400};
 `;
 export const UserStatus = styled.Text`
-  color: #8c8c8c;
+  color: ${({
+  theme
+}) => theme.textSecondary};
   font-size: 16px;
   font-weight: 400;
 `;
 export const BorderedContainer = styled.View`
   width: 100%;
   border-radius: 8px;
-  border: 1px solid #f0f0f0;
+  border: 1px solid ${({
+  theme
+}) => theme.border};
   display: flex;
   flex-direction: column;
   padding: 16px;
 `;
 export const LabelData = styled.Text`
-  color: #8c8c8c;
+  color: ${({
+  theme
+}) => theme.textSecondary};
   font-size: 14px;
   font-weight: 400;
 `;
 export const Label = styled.Text`
-  color: #141414;
+  color: ${({
+  theme
+}) => theme.text};
   font-size: 16px;
 `;
 export const ActionButton = styled(Button)`
@@ -159,7 +197,9 @@ export const ActionButton = styled(Button)`
 `;
 export const EmptySection = styled.View`
   height: 200px;
-  border: 1px solid #f0f0f0;
+  border: 1px solid ${({
+  theme
+}) => theme.border};
   border-radius: 8px;
   width: 100%;
   display: flex;
@@ -167,11 +207,15 @@ export const EmptySection = styled.View`
 export const Viewider = styled.View`
   height: 1px;
   width: 100%;
-  background-color: #0052cd0d;
+  background-color: ${({
+  theme
+}) => theme.surfaceHighlight};
 `;
 export const Divider = styled.View`
   height: 1px;
   width: 100%;
-  background-color: #0052cd0d;
+  background-color: ${({
+  theme
+}) => theme.surfaceHighlight};
 `;
 //# sourceMappingURL=styledModalComponents.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["styled","Button","ModalBackground","View","CloseButton","TouchableOpacity","ModalContainer","ModalTitle","Text","ModalDescription","GroupContainer","ModalContainerFullScreen","HeaderContainer","HeaderLeft","HeaderRight","CenterContainer","ProfileImage","UserInfo","UserName","fontSize","fontWeight","UserStatus","BorderedContainer","LabelData","Label","ActionButton","EmptySection","Viewider","Divider"],"sourceRoot":"../../../../src","sources":["components/Modals/styledModalComponents.tsx"],"mappings":";;AAAA;;AAEA,OAAOA,MAAM,MAAM,0BAA0B;AAC7C,OAAOC,MAAM,MAAM,kBAAkB;AAErC,OAAO,MAAMC,eAAe,GAAGF,MAAM,CAACG,IAAI;AAC1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,WAAW,GAAGJ,MAAM,CAACK,gBAAgB;AAClD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,cAAc,GAAGN,MAAM,CAACG,IAAI;AACzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMI,UAAU,GAAGP,MAAM,CAACQ,IAAI;AACrC;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,gBAAgB,GAAGT,MAAM,CAACQ,IAAI;AAC3C;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAME,cAAc,GAAGV,MAAM,CAACG,IAAI;AACzC;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMQ,wBAAwB,GAAGX,MAAM,CAACG,IAAI;AACnD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMS,eAAe,GAAGZ,MAAM,CAACG,IAAI;AAC1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMU,UAAU,GAAGb,MAAM,CAACG,IAAI;AACrC;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMW,WAAW,GAAGd,MAAM,CAACG,IAAI;AACtC;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMY,eAAe,GAAGf,MAAM,CAACU,cAAc,CAAC;AACrD;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMM,YAAY,GAAGhB,MAAM,CAACG,IAAI;AACvC;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMc,QAAQ,GAAGjB,MAAM,CAACG,IAAI;AACnC;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMe,QAAQ,GAAGlB,MAAM,CAACQ,IAG7B;AACF;AACA,eAAe,CAAC;EAAEW;AAAS,CAAC,KAAKA,QAAQ,IAAI,EAAE;AAC/C,iBAAiB,CAAC;EAAEC;AAAW,CAAC,KAAKA,UAAU,IAAI,GAAG;AACtD,CAAC;AAED,OAAO,MAAMC,UAAU,GAAGrB,MAAM,CAACQ,IAAI;AACrC;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMc,iBAAiB,GAAGtB,MAAM,CAACG,IAAI;AAC5C;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMoB,SAAS,GAAGvB,MAAM,CAACQ,IAAI;AACpC;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMgB,KAAK,GAAGxB,MAAM,CAACQ,IAAI;AAChC;AACA;AACA,CAAC;AAED,OAAO,MAAMiB,YAAY,GAAGzB,MAAM,CAACC,MAAM,CAAC;AAC1C;AACA,CAAC;AAED,OAAO,MAAMyB,YAAY,GAAG1B,MAAM,CAACG,IAAI;AACvC;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMwB,QAAQ,GAAG3B,MAAM,CAACG,IAAI;AACnC;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMyB,OAAO,GAAG5B,MAAM,CAACG,IAAI;AAClC;AACA;AACA;AACA,CAAC","ignoreList":[]}
+{"version":3,"names":["styled","Button","ModalBackground","View","theme","overlay","CloseButton","TouchableOpacity","textMuted","CloseButtonText","Text","text","ModalContainer","surface","ModalTitle","ModalDescription","GroupContainer","ModalContainerFullScreen","HeaderContainer","shadow","HeaderLeft","HeaderRight","CenterContainer","ProfileImage","border","UserInfo","UserName","fontSize","fontWeight","UserStatus","textSecondary","BorderedContainer","LabelData","Label","ActionButton","EmptySection","Viewider","surfaceHighlight","Divider"],"sourceRoot":"../../../../src","sources":["components/Modals/styledModalComponents.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/RoomComponents/ChatRoomItem.js

@@ -10,6 +10,8 @@ import Composing from '../styled/StyledInputComponents/Composing';
 import { Text, View } from 'react-native';
 import LastMessageItem from './LastMessageItem';
 import { LastRoomMessageText } from './styled/StyledRoomComponents';
+import { useTheme } from '../../hooks/useTheme';
+import { resolveTheme } from '../../theme/theme';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const ChatRoomItem = ({
   chat,
@@ -17,6 +19,10 @@ const ChatRoomItem = ({
   isDriver,
   config
 }) => {
+  // Rows can be rendered with an explicit `config` prop (tests, hosts
+  // composing their own list); honour its colours over the store's.
+  const storeTheme = useTheme();
+  const theme = useMemo(() => config ? resolveTheme(config) : storeTheme, [config, storeTheme]);
   // Room icons can live on the membership-gated secure-files host.
   const fileToken = useFileToken();
   const displayName = String(chat?.title || chat?.name || '').trim();
@@ -121,9 +127,9 @@ const ChatRoomItem = ({
         paddingVertical: 8,
         paddingRight: 8,
         borderBottomWidth: 1,
-        // Reads against the list's #E8EDF2 ground; #F0F0F0 was lighter
-        // than the ground itself, so the row separators vanished.
-        borderBottomColor: '#C6CFDA'
+        // `divider` reads against the list ground; the lighter border
+        // tone was paler than the ground itself, so the separators vanished.
+        borderBottomColor: theme.divider
       },
       children: [/*#__PURE__*/_jsxs(View, {
         style: {
@@ -136,7 +142,7 @@ const ChatRoomItem = ({
           })
         }), stamp ? /*#__PURE__*/_jsx(UserCount, {
           style: {
-            color: '#8C8C8C',
+            color: theme.textSecondary,
             fontSize: 12
           },
           text: stamp
@@ -159,7 +165,7 @@ const ChatRoomItem = ({
         }) : undefined, chat.unreadMessages && chat.unreadMessages > 0 ? /*#__PURE__*/_jsx(View, {
           style: {
             borderRadius: 8,
-            backgroundColor: config?.colors?.primary,
+            backgroundColor: theme.primary,
             padding: 2,
             minWidth: 24,
             minHeight: 24,
@@ -171,7 +177,7 @@ const ChatRoomItem = ({
           children: /*#__PURE__*/_jsx(Text, {
             style: {
               // color: isChatActive ? "#141414" : "#fff",
-              color: '#141414',
+              color: theme.text,
               fontSize: 14,
               fontWeight: '600'
             },
@@ -180,13 +186,13 @@ const ChatRoomItem = ({
         }) : null]
       }), isDriver &&
       /*#__PURE__*/
-      // Darker than the list's own ground (#E8EDF2), otherwise the
-      // separator disappears into it — white and the old #0052CD0D
-      // hairline both did.
+      // Darker than the list's own ground, otherwise the separator
+      // disappears into it — white and the old highlight hairline both
+      // did.
       _jsx(View, {
         style: {
           height: 1,
-          backgroundColor: '#C6CFDA',
+          backgroundColor: theme.divider,
           marginTop: 8
         }
       })]

package/lib/module/components/RoomComponents/ChatRoomItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useMemo","useSelector","useFileToken","appendFileToken","ProfileImagePlaceholder","ChatItem","ChatInfo","ChatName","UserCount","Composing","Text","View","LastMessageItem","LastRoomMessageText","jsx","_jsx","jsxs","_jsxs","ChatRoomItem","chat","index","isDriver","config","fileToken","displayName","String","title","name","trim","usersSet","state","rooms","withAuthorFallback","message","rawUserId","user","id","localId","split","entry","fromUsersSet","firstName","lastName","safeName","lastMessage","messages","length","undefined","i","msg","deleted","isDeleted","formatTimeToHHMM","isoTime","date","Date","trimmed","test","parseInt","isNaN","getTime","now","getFullYear","year","month","getMonth","toString","padStart","day","getDate","toDateString","hours","getHours","minutes","getMinutes","stamp","createdAt","children","pointerEvents","icon","active","style","flexDirection","justifyContent","flex","width","paddingVertical","paddingRight","borderBottomWidth","borderBottomColor","alignItems","text","color","fontSize","minHeight","composing","usersTyping","composingList","body","historyComplete","unreadMessages","borderRadius","backgroundColor","colors","primary","padding","minWidth","display","marginLeft","fontWeight","height","marginTop"],"sourceRoot":"../../../../src","sources":["components/RoomComponents/ChatRoomItem.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useMemo","useSelector","useFileToken","appendFileToken","ProfileImagePlaceholder","ChatItem","ChatInfo","ChatName","UserCount","Composing","Text","View","LastMessageItem","LastRoomMessageText","useTheme","resolveTheme","jsx","_jsx","jsxs","_jsxs","ChatRoomItem","chat","index","isDriver","config","storeTheme","theme","fileToken","displayName","String","title","name","trim","usersSet","state","rooms","withAuthorFallback","message","rawUserId","user","id","localId","split","entry","fromUsersSet","firstName","lastName","safeName","lastMessage","messages","length","undefined","i","msg","deleted","isDeleted","formatTimeToHHMM","isoTime","date","Date","trimmed","test","parseInt","isNaN","getTime","now","getFullYear","year","month","getMonth","toString","padStart","day","getDate","toDateString","hours","getHours","minutes","getMinutes","stamp","createdAt","children","pointerEvents","icon","active","style","flexDirection","justifyContent","flex","width","paddingVertical","paddingRight","borderBottomWidth","borderBottomColor","divider","alignItems","text","color","textSecondary","fontSize","minHeight","composing","usersTyping","composingList","body","historyComplete","unreadMessages","borderRadius","backgroundColor","primary","padding","minWidth","display","marginLeft","fontWeight","height","marginTop"],"sourceRoot":"../../../../src","sources":["components/RoomComponents/ChatRoomItem.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/RoomComponents/styled/LastAudioMessage.js

@@ -4,6 +4,7 @@ import React from 'react';
 import { LastRoomMessageContainer, LastRoomMessageName, LastRoomMessageText } from './StyledRoomComponents';
 import styled from 'styled-components/native';
 import { PlayIcon } from '../../../assets/icons';
+import { useTheme } from '../../../hooks/useTheme';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const PlayButton = styled.View`
   width: 20px;
@@ -12,7 +13,9 @@ const PlayButton = styled.View`
   display: flex;
   justify-content: center;
   align-items: center;
-  background-color: #d8ecff;
+  background-color: ${({
+  theme
+}) => theme.dark ? theme.surfaceSecondary : '#d8ecff'};
   margin-top: 1px;
 `;
 const AudioRow = styled.View`
@@ -24,6 +27,7 @@ const LastAudioMessage = ({
   user,
   body
 }) => {
+  const theme = useTheme();
   return /*#__PURE__*/_jsxs(LastRoomMessageContainer, {
     children: [/*#__PURE__*/_jsx(LastRoomMessageName, {
       numberOfLines: 1,
@@ -33,7 +37,7 @@ const LastAudioMessage = ({
         children: /*#__PURE__*/_jsx(PlayIcon, {
           width: 10,
           height: 10,
-          color: "#1F2937"
+          color: theme.dark ? theme.text : '#1F2937'
         })
       }), /*#__PURE__*/_jsx(LastRoomMessageText, {
         numberOfLines: 1,

package/lib/module/components/RoomComponents/styled/LastAudioMessage.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","LastRoomMessageContainer","LastRoomMessageName","LastRoomMessageText","styled","PlayIcon","jsx","_jsx","jsxs","_jsxs","PlayButton","View","AudioRow","LastAudioMessage","user","body","children","numberOfLines","name","width","height","color","trim"],"sourceRoot":"../../../../../src","sources":["components/RoomComponents/styled/LastAudioMessage.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAc,OAAO;AACjC,SACEC,wBAAwB,EACxBC,mBAAmB,EACnBC,mBAAmB,QACd,wBAAwB;AAE/B,OAAOC,MAAM,MAAM,0BAA0B;AAE7C,SAASC,QAAQ,QAAQ,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAIjD,MAAMC,UAAU,GAAGN,MAAM,CAACO,IAAI;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMC,QAAQ,GAAGR,MAAM,CAACO,IAAI;AAC5B;AACA;AACA;AACA,CAAC;AAED,MAAME,gBAA2C,GAAGA,CAAC;EAAEC,IAAI;EAAEC;AAAK,CAAC,KAAK;EACtE,oBACEN,KAAA,CAACR,wBAAwB;IAAAe,QAAA,gBACvBT,IAAA,CAACL,mBAAmB;MAACe,aAAa,EAAE,CAAE;MAAAD,QAAA,EAAEF,IAAI,EAAEI,IAAI,IAAI;IAAE,CAAsB,CAAC,eAC/ET,KAAA,CAACG,QAAQ;MAAAI,QAAA,gBACPT,IAAA,CAACG,UAAU;QAAAM,QAAA,eACTT,IAAA,CAACF,QAAQ;UAACc,KAAK,EAAE,EAAG;UAACC,MAAM,EAAE,EAAG;UAACC,KAAK,EAAC;QAAS,CAAE;MAAC,CACzC,CAAC,eACbd,IAAA,CAACJ,mBAAmB;QAACc,aAAa,EAAE,CAAE;QAAAD,QAAA,EACnCD,IAAI,EAAEO,IAAI,CAAC,CAAC,GAAGP,IAAI,GAAG;MAAO,CACX,CAAC;IAAA,CACd,CAAC;EAAA,CACa,CAAC;AAE/B,CAAC;AAED,eAAeF,gBAAgB","ignoreList":[]}
+{"version":3,"names":["React","LastRoomMessageContainer","LastRoomMessageName","LastRoomMessageText","styled","PlayIcon","useTheme","jsx","_jsx","jsxs","_jsxs","PlayButton","View","theme","dark","surfaceSecondary","AudioRow","LastAudioMessage","user","body","children","numberOfLines","name","width","height","color","text","trim"],"sourceRoot":"../../../../../src","sources":["components/RoomComponents/styled/LastAudioMessage.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAc,OAAO;AACjC,SACEC,wBAAwB,EACxBC,mBAAmB,EACnBC,mBAAmB,QACd,wBAAwB;AAE/B,OAAOC,MAAM,MAAM,0BAA0B;AAE7C,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,QAAQ,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAInD,MAAMC,UAAU,GAAGP,MAAM,CAACQ,IAAI;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB,CAAC;EAAEC;AAAM,CAAC,KAAMA,KAAK,CAACC,IAAI,GAAGD,KAAK,CAACE,gBAAgB,GAAG,SAAU;AACtF;AACA,CAAC;AAED,MAAMC,QAAQ,GAAGZ,MAAM,CAACQ,IAAI;AAC5B;AACA;AACA;AACA,CAAC;AAED,MAAMK,gBAA2C,GAAGA,CAAC;EAAEC,IAAI;EAAEC;AAAK,CAAC,KAAK;EACtE,MAAMN,KAAK,GAAGP,QAAQ,CAAC,CAAC;EACxB,oBACEI,KAAA,CAACT,wBAAwB;IAAAmB,QAAA,gBACvBZ,IAAA,CAACN,mBAAmB;MAACmB,aAAa,EAAE,CAAE;MAAAD,QAAA,EAAEF,IAAI,EAAEI,IAAI,IAAI;IAAE,CAAsB,CAAC,eAC/EZ,KAAA,CAACM,QAAQ;MAAAI,QAAA,gBACPZ,IAAA,CAACG,UAAU;QAAAS,QAAA,eACTZ,IAAA,CAACH,QAAQ;UAACkB,KAAK,EAAE,EAAG;UAACC,MAAM,EAAE,EAAG;UAACC,KAAK,EAAEZ,KAAK,CAACC,IAAI,GAAGD,KAAK,CAACa,IAAI,GAAG;QAAU,CAAE;MAAC,CACrE,CAAC,eACblB,IAAA,CAACL,mBAAmB;QAACkB,aAAa,EAAE,CAAE;QAAAD,QAAA,EACnCD,IAAI,EAAEQ,IAAI,CAAC,CAAC,GAAGR,IAAI,GAAG;MAAO,CACX,CAAC;IAAA,CACd,CAAC;EAAA,CACa,CAAC;AAE/B,CAAC;AAED,eAAeF,gBAAgB","ignoreList":[]}

package/lib/module/components/RoomComponents/styled/StyledRoomComponents.js

@@ -11,8 +11,14 @@ export const LastRoomMessageContainer = styled.View`
 export const LastRoomMessageName = styled.Text`
   font-weight: 600;
   max-width: 190px;
+  color: ${({
+  theme
+}) => theme.text};
 `;
 export const LastRoomMessageText = styled.Text`
+  color: ${({
+  theme
+}) => theme.textSecondary};
   max-width: 190px;
   flex-shrink: 1;
   flex-wrap: nowrap;