@ethora/chat-component-rn 26.5.21 → 26.6.10

package/lib/commonjs/components/MainComponents/LanguageSelectorModal.js

@@ -0,0 +1,253 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.LanguageSelectorModal = exports.GlobeIcon = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
+var _reactRedux = require("react-redux");
+var _chatSettingsSlice = require("../../roomStore/chatSettingsSlice");
+var _useChatSettingState = require("../../hooks/useChatSettingState");
+var _LANGUAGE_OPTIONS = require("../../helpers/constants/LANGUAGE_OPTIONS");
+var _translateModePolicy = require("../../utils/translateModePolicy");
+var _useT = require("../../i18n/useT");
+var _strings = require("../../i18n/strings");
+var _getIconColor = require("../../helpers/getIconColor");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const TEXT_PRIMARY = '#141414';
+const TEXT_MUTED = '#8C8C8C';
+const DIVIDER = '#F0F0F0';
+
+/**
+ * Ported verbatim from the web SDK's GlobeIcon (src/assets/icons.tsx) so
+ * both platforms draw the same mark. The previous RN shape was hand-rolled
+ * on a 24-box with two mirrored beziers whose meridian bulged only ~21% of
+ * the radius, which collapsed into a thin lens rather than reading as a
+ * sphere.
+ */
+const GlobeIcon = ({
+  color = '#8C8C8C',
+  size = 20
+}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+  width: size,
+  height: size,
+  viewBox: "0 0 20 20",
+  fill: "none",
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Circle, {
+    cx: "10",
+    cy: "10",
+    r: "7.5",
+    stroke: color,
+    strokeWidth: 1.5
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+    d: "M2.5 10h15M10 2.5c2 2.1 3 4.7 3 7.5s-1 5.4-3 7.5c-2-2.1-3-4.7-3-7.5s1-5.4 3-7.5Z",
+    stroke: color,
+    strokeWidth: 1.5,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    fill: "none"
+  })]
+});
+
+/**
+ * The reader's language control.
+ *
+ * One switch drives two things on purpose: the language messages get
+ * translated INTO, and (through useT falling back to `langSource`) the
+ * language the interface itself is in. A reader who picks Français expects
+ * the whole chat in French, not French messages inside an English UI.
+ *
+ * The auto/manual switcher only renders when the host hasn't pinned
+ * `config.translates.forceType`, and the language list only when
+ * `showLanguageList` isn't false, for hosts that drive the reader's
+ * language from their own settings screen via `readerLocale`.
+ */
+exports.GlobeIcon = GlobeIcon;
+const LanguageSelectorModal = ({
+  visible,
+  onClose
+}) => {
+  const dispatch = (0, _reactRedux.useDispatch)();
+  const t = (0, _useT.useT)();
+  const {
+    config,
+    langSource,
+    translateMode
+  } = (0, _useChatSettingState.useChatSettingState)();
+  const translates = config?.translates;
+  const effectiveMode = (0, _translateModePolicy.resolveTranslateMode)(translates, translateMode);
+  const showModeSwitcher = (0, _translateModePolicy.canReaderChooseTranslateMode)(translates);
+  const showLanguageList = translates?.showLanguageList !== false;
+  const activeLocale = translates?.readerLocale || langSource;
+  const selectLanguage = (0, _react.useCallback)(id => {
+    dispatch((0, _chatSettingsSlice.setLangSource)(id));
+    onClose();
+  }, [dispatch, onClose]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
+    visible: visible,
+    transparent: true,
+    animationType: "fade",
+    onRequestClose: onClose,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      style: styles.backdrop,
+      onPress: onClose,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+        style: styles.card,
+        onPress: () => {},
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.title,
+          children: t('language.select')
+        }), showModeSwitcher && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.section,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.sectionLabel,
+            children: t('translation.modeLabel')
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: styles.segmented,
+            children: ['auto', 'manual'].map(mode => {
+              const selected = effectiveMode === mode;
+              return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+                accessibilityRole: "radio",
+                accessibilityState: {
+                  selected
+                },
+                onPress: () => dispatch((0, _chatSettingsSlice.setTranslateMode)(mode)),
+                style: [styles.segment, selected && styles.segmentSelected],
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                  style: [styles.segmentText, selected && styles.segmentTextSelected],
+                  children: mode === 'auto' ? t('translation.modeAuto') : t('translation.modeManual')
+                })
+              }, mode);
+            })
+          })]
+        }), showLanguageList && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.section,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.sectionLabel,
+            children: t('language.select')
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+            style: styles.list,
+            children: _LANGUAGE_OPTIONS.LANGUAGE_OPTIONS.map(option => {
+              // Compare on the base language so a reader on "fr" still
+              // sees "Français" (id fr-CA) ticked.
+              const selected = !!activeLocale && (0, _strings.toBaseLanguage)(activeLocale) === (0, _strings.toBaseLanguage)(option.id);
+              return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+                accessibilityRole: "radio",
+                accessibilityState: {
+                  selected
+                },
+                onPress: () => selectLanguage(option.id),
+                style: styles.listRow,
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                  style: [styles.listRowText, selected && styles.listRowTextSelected],
+                  children: option.name
+                }), selected && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                  style: [styles.check, {
+                    color: (0, _getIconColor.getIconColor)(config)
+                  }],
+                  children: "\u2713"
+                })]
+              }, option.id);
+            })
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+          onPress: onClose,
+          style: styles.closeButton,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: [styles.closeText, {
+              color: (0, _getIconColor.getIconColor)(config)
+            }],
+            children: t('action.cancel')
+          })
+        })]
+      })
+    })
+  });
+};
+exports.LanguageSelectorModal = LanguageSelectorModal;
+const styles = _reactNative.StyleSheet.create({
+  backdrop: {
+    flex: 1,
+    backgroundColor: 'rgba(0,0,0,0.4)',
+    alignItems: 'center',
+    justifyContent: 'center',
+    padding: 24
+  },
+  card: {
+    width: '100%',
+    maxWidth: 420,
+    maxHeight: '80%',
+    backgroundColor: '#fff',
+    borderRadius: 20,
+    padding: 20,
+    gap: 16
+  },
+  title: {
+    fontSize: 18,
+    color: TEXT_PRIMARY
+  },
+  section: {
+    gap: 8
+  },
+  sectionLabel: {
+    fontSize: 13,
+    color: TEXT_MUTED
+  },
+  segmented: {
+    flexDirection: 'row',
+    borderRadius: 12,
+    backgroundColor: '#F5F7F9',
+    padding: 4,
+    gap: 4
+  },
+  segment: {
+    flex: 1,
+    paddingVertical: 10,
+    borderRadius: 9,
+    alignItems: 'center'
+  },
+  segmentSelected: {
+    backgroundColor: '#fff'
+  },
+  segmentText: {
+    fontSize: 14,
+    color: TEXT_MUTED
+  },
+  segmentTextSelected: {
+    color: TEXT_PRIMARY,
+    fontWeight: '600'
+  },
+  list: {
+    maxHeight: 260
+  },
+  listRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    paddingVertical: 14,
+    borderBottomWidth: 1,
+    borderBottomColor: DIVIDER
+  },
+  listRowText: {
+    fontSize: 16,
+    color: TEXT_PRIMARY
+  },
+  listRowTextSelected: {
+    fontWeight: '600'
+  },
+  check: {
+    fontSize: 16
+  },
+  closeButton: {
+    alignItems: 'center',
+    paddingVertical: 12
+  },
+  closeText: {
+    fontSize: 15
+  }
+});
+var _default = exports.default = LanguageSelectorModal;
+//# sourceMappingURL=LanguageSelectorModal.js.map

package/lib/commonjs/components/MainComponents/LanguageSelectorModal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeSvg","_reactRedux","_chatSettingsSlice","_useChatSettingState","_LANGUAGE_OPTIONS","_translateModePolicy","_useT","_strings","_getIconColor","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TEXT_PRIMARY","TEXT_MUTED","DIVIDER","GlobeIcon","color","size","jsxs","width","height","viewBox","fill","children","jsx","Circle","cx","cy","stroke","strokeWidth","Path","d","strokeLinecap","strokeLinejoin","exports","LanguageSelectorModal","visible","onClose","dispatch","useDispatch","useT","config","langSource","translateMode","useChatSettingState","translates","effectiveMode","resolveTranslateMode","showModeSwitcher","canReaderChooseTranslateMode","showLanguageList","activeLocale","readerLocale","selectLanguage","useCallback","id","setLangSource","Modal","transparent","animationType","onRequestClose","Pressable","style","styles","backdrop","onPress","card","Text","title","View","section","sectionLabel","segmented","map","mode","selected","TouchableOpacity","accessibilityRole","accessibilityState","setTranslateMode","segment","segmentSelected","segmentText","segmentTextSelected","ScrollView","list","LANGUAGE_OPTIONS","option","toBaseLanguage","listRow","listRowText","listRowTextSelected","name","check","getIconColor","closeButton","closeText","StyleSheet","create","flex","backgroundColor","alignItems","justifyContent","padding","maxWidth","maxHeight","borderRadius","gap","fontSize","flexDirection","paddingVertical","fontWeight","borderBottomWidth","borderBottomColor","_default"],"sourceRoot":"../../../../src","sources":["components/MainComponents/LanguageSelectorModal.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/MainComponents/RoomList.js

@@ -14,6 +14,7 @@ var _Button = _interopRequireDefault(require("../styled/Button"));
 var _HeaderRoomList = require("../Header/HeaderRoomList");
 var _HeaderRoomListMenu = require("../Menu/HeaderRoomListMenu");
 var _getIconColor = require("../../helpers/getIconColor");
+var _useT = require("../../i18n/useT");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
@@ -28,6 +29,7 @@ const RoomList = ({
   const {
     config
   } = (0, _useChatSettingState.useChatSettingState)();
+  const t = (0, _useT.useT)();
   const [open, setOpen] = (0, _react.useState)(false);
   const [searchTerm, setSearchTerm] = (0, _react.useState)('');
   const [isLongPress, setIsLongPress] = (0, _react.useState)(false);
@@ -134,6 +136,16 @@ const RoomList = ({
           style: styles.scrollContainer,
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderRoomList.HeaderRoomList, {
             setDrawerOpen: toggleDrawer
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: styles.searchBar,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Search.SearchInput, {
+              icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SearchIcon, {
+                height: 20
+              }),
+              value: searchTerm,
+              onChangeText: handleSearchChange,
+              placeholder: t('search.placeholder')
+            })
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
             data: filteredChats,
             keyExtractor: item => item.jid,
@@ -154,14 +166,6 @@ const RoomList = ({
                 config: config
               })
             }),
-            ListHeaderComponent: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Search.SearchInput, {
-              icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SearchIcon, {
-                height: 20
-              }),
-              value: searchTerm,
-              onChangeText: handleSearchChange,
-              placeholder: "Search..."
-            }),
             style: styles.chatList
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderRoomListMenu.HeaderRoomListMenu, {
             closeDrawer: closeDrawer,
@@ -195,9 +199,19 @@ const styles = _reactNative.StyleSheet.create({
     padding: 16,
     justifyContent: 'space-between'
   },
+  searchBar: {
+    // `row` matters: SearchInputWrapper is `flex: 1` plus a fixed 44px
+    // height. In a column parent that flex resolves VERTICALLY against a
+    // parent with no height of its own and collapses the field to nothing
+    // but its magnifier. As a row it resolves to width, which is what it
+    // meant back when the field was a list-header child.
+    flexDirection: 'row',
+    paddingTop: 8,
+    paddingHorizontal: 16,
+    backgroundColor: '#FAFAFA'
+  },
   chatList: {
     flex: 1,
-    paddingTop: 8,
     paddingHorizontal: 16,
     backgroundColor: '#FAFAFA'
   }

package/lib/commonjs/components/MainComponents/RoomList.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_Search","_icons","_ChatRoomItem","_interopRequireDefault","_useChatSettingState","_Button","_HeaderRoomList","_HeaderRoomListMenu","_getIconColor","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","LONG_PRESS_THRESHOLD","RoomList","chats","burgerMenu","onRoomClick","config","useChatSettingState","open","setOpen","useState","searchTerm","setSearchTerm","isLongPress","setIsLongPress","isDrawerOpen","setDrawerOpen","pressTimer","useRef","containerRef","drawerAnimation","Animated","Value","current","overlayAnimation","handlePressIn","useCallback","setTimeout","handlePressOut","clearTimeout","performClick","chat","handleSearchChange","text","getLastMessage","messages","length","filteredChats","useMemo","lowerCaseSearchTerm","toLowerCase","chatsMap","Map","result","filter","hay","title","name","includes","sort","a","b","id","Number","useEffect","toggleDrawer","closeDrawer","parallel","timing","toValue","duration","useNativeDriver","start","jsxs","Fragment","children","jsx","style","padding","borderRadius","backgroundColor","color","unstyled","EndIcon","BurgerMenuIcon","getIconColor","onPress","View","ref","styles","container","roomListStyles","scrollContainer","HeaderRoomList","FlatList","data","keyExtractor","item","jid","renderItem","Pressable","testID","split","accessibilityLabel","onPressIn","onPressOut","ListHeaderComponent","SearchInput","icon","SearchIcon","height","value","onChangeText","placeholder","chatList","HeaderRoomListMenu","StyleSheet","create","burgerButton","fontSize","width","flex","flexGrow","headerContainer","flexDirection","alignItems","justifyContent","paddingTop","paddingHorizontal","_default","exports"],"sourceRoot":"../../../../src","sources":["components/MainComponents/RoomList.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_Search","_icons","_ChatRoomItem","_interopRequireDefault","_useChatSettingState","_Button","_HeaderRoomList","_HeaderRoomListMenu","_getIconColor","_useT","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","LONG_PRESS_THRESHOLD","RoomList","chats","burgerMenu","onRoomClick","config","useChatSettingState","useT","open","setOpen","useState","searchTerm","setSearchTerm","isLongPress","setIsLongPress","isDrawerOpen","setDrawerOpen","pressTimer","useRef","containerRef","drawerAnimation","Animated","Value","current","overlayAnimation","handlePressIn","useCallback","setTimeout","handlePressOut","clearTimeout","performClick","chat","handleSearchChange","text","getLastMessage","messages","length","filteredChats","useMemo","lowerCaseSearchTerm","toLowerCase","chatsMap","Map","result","filter","hay","title","name","includes","sort","a","b","id","Number","useEffect","toggleDrawer","closeDrawer","parallel","timing","toValue","duration","useNativeDriver","start","jsxs","Fragment","children","jsx","style","padding","borderRadius","backgroundColor","color","unstyled","EndIcon","BurgerMenuIcon","getIconColor","onPress","View","ref","styles","container","roomListStyles","scrollContainer","HeaderRoomList","searchBar","SearchInput","icon","SearchIcon","height","value","onChangeText","placeholder","FlatList","data","keyExtractor","item","jid","renderItem","Pressable","testID","split","accessibilityLabel","onPressIn","onPressOut","chatList","HeaderRoomListMenu","StyleSheet","create","burgerButton","fontSize","width","flex","flexGrow","headerContainer","flexDirection","alignItems","justifyContent","paddingTop","paddingHorizontal","_default","exports"],"sourceRoot":"../../../../src","sources":["components/MainComponents/RoomList.tsx"],"mappings":";;;;;;AAEA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAOA,IAAAC,YAAA,GAAAD,OAAA;AAUA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,oBAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAF,sBAAA,CAAAL,OAAA;AACA,IAAAQ,eAAA,GAAAR,OAAA;AACA,IAAAS,mBAAA,GAAAT,OAAA;AACA,IAAAU,aAAA,GAAAV,OAAA;AACA,IAAAW,KAAA,GAAAX,OAAA;AAAuC,IAAAY,WAAA,GAAAZ,OAAA;AAAA,SAAAK,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAd,wBAAAc,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAlB,uBAAA,YAAAA,CAAAc,CAAA,EAAAG,CAAA,SAAAA,CAAA,IAAAH,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,MAAAO,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAR,OAAA,EAAAF,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAS,CAAA,MAAAF,CAAA,GAAAJ,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAE,CAAA,CAAAI,GAAA,CAAAX,CAAA,UAAAO,CAAA,CAAAK,GAAA,CAAAZ,CAAA,GAAAO,CAAA,CAAAM,GAAA,CAAAb,CAAA,EAAAS,CAAA,gBAAAN,CAAA,IAAAH,CAAA,gBAAAG,CAAA,OAAAW,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAG,CAAA,OAAAK,CAAA,IAAAD,CAAA,GAAAS,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAG,CAAA,OAAAK,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAN,CAAA,EAAAK,CAAA,IAAAC,CAAA,CAAAN,CAAA,IAAAH,CAAA,CAAAG,CAAA,WAAAM,CAAA,KAAAT,CAAA,EAAAG,CAAA;AA3BvC;;AA6BA,MAAMgB,oBAAoB,GAAG,GAAG;AAQhC,MAAMC,QAAiC,GAAGA,CAAC;EACzCC,KAAK;EACLC,UAAU,GAAG,KAAK;EAClBC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,wCAAmB,EAAC,CAAC;EACxC,MAAMtB,CAAC,GAAG,IAAAuB,UAAI,EAAC,CAAC;EAEhB,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EACvC,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAF,eAAQ,EAAC,EAAE,CAAC;EAChD,MAAM,CAACG,WAAW,EAAEC,cAAc,CAAC,GAAG,IAAAJ,eAAQ,EAAC,KAAK,CAAC;EACrD,MAAM,CAACK,YAAY,EAAEC,aAAa,CAAC,GAAG,IAAAN,eAAQ,EAAC,KAAK,CAAC;EAErD,MAAMO,UAAU,GAAG,IAAAC,aAAM,EAAwB,IAAI,CAAC;EACtD,MAAMC,YAAY,GAAG,IAAAD,aAAM,EAAO,IAAI,CAAC;EAEvC,MAAME,eAAe,GAAG,IAAAF,aAAM,EAAC,IAAIG,qBAAQ,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAC7D,MAAMC,gBAAgB,GAAG,IAAAN,aAAM,EAAC,IAAIG,qBAAQ,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAE9D,MAAME,aAAa,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACtCZ,cAAc,CAAC,KAAK,CAAC;IACrBG,UAAU,CAACM,OAAO,GAAGI,UAAU,CAAC,MAAM;MACpCb,cAAc,CAAC,IAAI,CAAC;IACtB,CAAC,EAAEd,oBAAoB,CAAC;EAC1B,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM4B,cAAc,GAAG,IAAAF,kBAAW,EAAC,MAAM;IACvC,IAAIT,UAAU,CAACM,OAAO,EAAE;MACtBM,YAAY,CAACZ,UAAU,CAACM,OAAO,CAAC;IAClC;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMO,YAAY,GAAG,IAAAJ,kBAAW,EAC7BK,IAAW,IAAK;IACf,IAAI,CAAClB,WAAW,EAAE;MAChBT,WAAW,GAAG2B,IAAI,CAAC;IACrB;IACAtB,OAAO,CAAC,KAAK,CAAC;EAChB,CAAC,EACD,CAACL,WAAW,EAAES,WAAW,CAC3B,CAAC;EAED,MAAMmB,kBAAkB,GAAG,IAAAN,kBAAW,EAAEO,IAAY,IAAK;IACvDrB,aAAa,CAACqB,IAAI,CAAC;EACrB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,cAAc,GAAG,IAAAR,kBAAW,EAC/BK,IAAW,IAAKA,IAAI,EAAEI,QAAQ,GAAGJ,IAAI,EAAEI,QAAQ,CAACC,MAAM,GAAG,CAAC,CAAC,EAC5D,EACF,CAAC;EAED,MAAMC,aAAa,GAAG,IAAAC,cAAO,EAAC,MAAM;IAClC,MAAMC,mBAAmB,GAAG5B,UAAU,CAAC6B,WAAW,CAAC,CAAC;IACpD,MAAMC,QAAQ,GAAG,IAAIC,GAAG,CAAkB,CAAC;IAE3C,IAAI,CAACD,QAAQ,CAACjD,GAAG,CAAC+C,mBAAmB,CAAC,EAAE;MACtC,MAAMI,MAAM,GAAGzC,KAAK,CACjB0C,MAAM,CAAEb,IAAI,IAAK;QAChB,MAAMc,GAAG,GAAG,GAAGd,IAAI,EAAEe,KAAK,IAAI,EAAE,IAAIf,IAAI,EAAEgB,IAAI,IAAI,EAAE,EAAE,CAACP,WAAW,CAAC,CAAC;QACpE,OAAOK,GAAG,CAACG,QAAQ,CAACT,mBAAmB,CAAC;MAC1C,CAAC,CAAC,CACDU,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAK;QACd,IAAIjB,cAAc,CAACgB,CAAC,CAAC,EAAEE,EAAE,IAAIlB,cAAc,CAACiB,CAAC,CAAC,EAAEC,EAAE,EAAE;UAClD,OAAOC,MAAM,CAACnB,cAAc,CAACiB,CAAC,CAAC,CAACC,EAAE,CAAC,GAAGC,MAAM,CAACnB,cAAc,CAACgB,CAAC,CAAC,CAACE,EAAE,CAAC;QACpE,CAAC,MAAM,IAAIlB,cAAc,CAACgB,CAAC,CAAC,EAAEE,EAAE,EAAE;UAChC,OAAO,CAAC,CAAC;QACX,CAAC,MAAM,IAAIlB,cAAc,CAACiB,CAAC,CAAC,EAAEC,EAAE,EAAE;UAChC,OAAO,CAAC;QACV;QACA,OAAO,CAAC,CAAC;MACX,CAAC,CAAC;MAEJX,QAAQ,CAAC/C,GAAG,CAAC6C,mBAAmB,EAAEI,MAAM,CAAC;IAC3C;IAEA,OAAOF,QAAQ,CAAChD,GAAG,CAAC8C,mBAAmB,CAAC,IAAI,EAAE;EAChD,CAAC,EAAE,CAACrC,KAAK,EAAES,UAAU,CAAC,CAAC;EAEvB,IAAA2C,gBAAS,EAAC,MAAM;IACd,IAAInD,UAAU,EAAE;MACd;MACA;IAAA;EAEJ,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAEhB,MAAMoD,YAAY,GAAGA,CAAA,KAAM;IACzB,IAAIxC,YAAY,EAAE;MAChByC,WAAW,CAAC,CAAC;IACf,CAAC,MAAM;MACLxC,aAAa,CAAC,IAAI,CAAC;MACnBK,qBAAQ,CAACoC,QAAQ,CAAC,CAChBpC,qBAAQ,CAACqC,MAAM,CAACtC,eAAe,EAAE;QAC/BuC,OAAO,EAAE,CAAC;QACVC,QAAQ,EAAE,GAAG;QACbC,eAAe,EAAE;MACnB,CAAC,CAAC,EACFxC,qBAAQ,CAACqC,MAAM,CAAClC,gBAAgB,EAAE;QAChCmC,OAAO,EAAE,CAAC;QACVC,QAAQ,EAAE,GAAG;QACbC,eAAe,EAAE;MACnB,CAAC,CAAC,CACH,CAAC,CAACC,KAAK,CAAC,CAAC;IACZ;EACF,CAAC;EAED,MAAMN,WAAW,GAAGA,CAAA,KAAM;IACxBnC,qBAAQ,CAACoC,QAAQ,CAAC,CAChBpC,qBAAQ,CAACqC,MAAM,CAACtC,eAAe,EAAE;MAC/BuC,OAAO,EAAE,CAAC;MACVC,QAAQ,EAAE,GAAG;MACbC,eAAe,EAAE;IACnB,CAAC,CAAC,EACFxC,qBAAQ,CAACqC,MAAM,CAAClC,gBAAgB,EAAE;MAChCmC,OAAO,EAAE,CAAC;MACVC,QAAQ,EAAE,GAAG;MACbC,eAAe,EAAE;IACnB,CAAC,CAAC,CACH,CAAC,CAACC,KAAK,CAAC,MAAM;MACb9C,aAAa,CAAC,KAAK,CAAC;IACtB,CAAC,CAAC;EACJ,CAAC;EAED,oBACE,IAAApC,WAAA,CAAAmF,IAAA,EAAAnF,WAAA,CAAAoF,QAAA;IAAAC,QAAA,GACG9D,UAAU,IAAI,CAACK,IAAI,iBAClB,IAAA5B,WAAA,CAAAsF,GAAA,EAAC3F,OAAA,CAAAQ,OAAM;MACLoF,KAAK,EAAE;QACLC,OAAO,EAAE,CAAC;QACVC,YAAY,EAAE,EAAE;QAChBC,eAAe,EAAE;MACnB,CAAE;MACFC,KAAK,EAAC,OAAO;MACbC,QAAQ;MACRC,OAAO,eAAE,IAAA7F,WAAA,CAAAsF,GAAA,EAAC/F,MAAA,CAAAuG,cAAc;QAACH,KAAK,EAAE,IAAAI,0BAAY,EAACtE,MAAM;MAAE,CAAE,CAAE;MACzDuE,OAAO,EAAEA,CAAA,KAAMnE,OAAO,CAAC,CAACD,IAAI;IAAE,CAC/B,CACF,eACD,IAAA5B,WAAA,CAAAsF,GAAA,EAACjG,YAAA,CAAA4G,IAAI;MACHC,GAAG,EAAE3D,YAAa;MAClBgD,KAAK,EAAE,CAACY,MAAM,CAACC,SAAS,EAAE3E,MAAM,EAAE4E,cAAc,CAAE;MAAAhB,QAAA,EAEjD,CAACzD,IAAI,IAAI,CAACL,UAAU,kBACnB,IAAAvB,WAAA,CAAAsF,GAAA,EAAAtF,WAAA,CAAAoF,QAAA;QAAAC,QAAA,eACE,IAAArF,WAAA,CAAAmF,IAAA,EAAC9F,YAAA,CAAA4G,IAAI;UAACV,KAAK,EAAEY,MAAM,CAACG,eAAgB;UAAAjB,QAAA,gBAClC,IAAArF,WAAA,CAAAsF,GAAA,EAAC1F,eAAA,CAAA2G,cAAc;YAACnE,aAAa,EAAEuC;UAAa,CAAE,CAAC,eAO/C,IAAA3E,WAAA,CAAAsF,GAAA,EAACjG,YAAA,CAAA4G,IAAI;YAACV,KAAK,EAAEY,MAAM,CAACK,SAAU;YAAAnB,QAAA,eAC5B,IAAArF,WAAA,CAAAsF,GAAA,EAAChG,OAAA,CAAAmH,WAAW;cACVC,IAAI,eAAE,IAAA1G,WAAA,CAAAsF,GAAA,EAAC/F,MAAA,CAAAoH,UAAU;gBAACC,MAAM,EAAE;cAAG,CAAE,CAAE;cACjCC,KAAK,EAAE9E,UAAW;cAClB+E,YAAY,EAAE1D,kBAAmB;cACjC2D,WAAW,EAAE3G,CAAC,CAAC,oBAAoB;YAAE,CACtC;UAAC,CACE,CAAC,eACP,IAAAJ,WAAA,CAAAsF,GAAA,EAACjG,YAAA,CAAA2H,QAAQ;YACPC,IAAI,EAAExD,aAAc;YACpByD,YAAY,EAAGC,IAAI,IAAKA,IAAI,CAACC,GAAI;YACjCC,UAAU,EAAEA,CAAC;cAAEF;YAAK,CAAC,kBACnB,IAAAnH,WAAA,CAAAsF,GAAA,EAACjG,YAAA,CAAAiI;YACC;YACA;YACA;YAAA;cACAC,MAAM,EAAE,QAAQ,CAACJ,IAAI,CAACC,GAAG,IAAI,EAAE,EAAEI,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAG;cACjDC,kBAAkB,EAAE,QAAQN,IAAI,CAACjD,KAAK,IAAIiD,IAAI,CAAChD,IAAI,EAAG;cACtD6B,OAAO,EAAEA,CAAA,KAAM9C,YAAY,CAACiE,IAAI,CAAE;cAClCO,SAAS,EAAE7E,aAAc;cACzB8E,UAAU,EAAE3E,cAAe;cAAAqC,QAAA,eAE3B,IAAArF,WAAA,CAAAsF,GAAA,EAAC9F,aAAA,CAAAW,OAAY;gBAACgD,IAAI,EAAEgE,IAAK;gBAAC1F,MAAM,EAAEA;cAAO,CAAE;YAAC,CACnC,CACX;YACF8D,KAAK,EAAEY,MAAM,CAACyB;UAAS,CACxB,CAAC,eAEF,IAAA5H,WAAA,CAAAsF,GAAA,EAACzF,mBAAA,CAAAgI,kBAAkB;YACjBjD,WAAW,EAAEA,WAAY;YACzBpC,eAAe,EAAEA,eAAgB;YACjCI,gBAAgB,EAAEA,gBAAiB;YACnCT,YAAY,EAAEA;UAAa,CAC5B,CAAC;QAAA,CACE;MAAC,CACP;IACH,CACG,CAAC;EAAA,CACP,CAAC;AAEP,CAAC;AAED,MAAMgE,MAAM,GAAG2B,uBAAU,CAACC,MAAM,CAAC;EAC/BC,YAAY,EAAE;IACZC,QAAQ,EAAE,EAAE;IACZzC,OAAO,EAAE,EAAE;IACXG,KAAK,EAAE;EACT,CAAC;EACDS,SAAS,EAAE;IACT8B,KAAK,EAAE,MAAM;IACbtB,MAAM,EAAE,MAAM;IACduB,IAAI,EAAE,CAAC;IACPzC,eAAe,EAAE;EACnB,CAAC;EACDY,eAAe,EAAE;IACf8B,QAAQ,EAAE;EACZ,CAAC;EACDC,eAAe,EAAE;IACfC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpB/C,OAAO,EAAE,EAAE;IACXgD,cAAc,EAAE;EAClB,CAAC;EACDhC,SAAS,EAAE;IACT;IACA;IACA;IACA;IACA;IACA8B,aAAa,EAAE,KAAK;IACpBG,UAAU,EAAE,CAAC;IACbC,iBAAiB,EAAE,EAAE;IACrBhD,eAAe,EAAE;EACnB,CAAC;EACDkC,QAAQ,EAAE;IACRO,IAAI,EAAE,CAAC;IACPO,iBAAiB,EAAE,EAAE;IACrBhD,eAAe,EAAE;EACnB;AACF,CAAC,CAAC;AAAC,IAAAiD,QAAA,GAAAC,OAAA,CAAAzI,OAAA,GAEYkB,QAAQ","ignoreList":[]}

package/lib/commonjs/components/MessageBubble/Message.js

@@ -17,7 +17,11 @@ var _MODAL_TYPES = require("../../helpers/constants/MODAL_TYPES");
 var _roomsSlice = require("../../roomStore/roomsSlice");
 var _native = _interopRequireDefault(require("styled-components/native"));
 var _MediaMessage = _interopRequireDefault(require("../MainComponents/MediaMessage"));
-var _MessageTranslations = _interopRequireDefault(require("./MessageTranslations"));
+var _MessageTranslate = _interopRequireDefault(require("./MessageTranslate"));
+var _isUnresolvedSenderId = require("../../helpers/isUnresolvedSenderId");
+var _TranslatedMessageBody = _interopRequireDefault(require("./TranslatedMessageBody"));
+var _useMessageTranslation = require("../../hooks/useMessageTranslation");
+var _translateModePolicy = require("../../utils/translateModePolicy");
 var _useChatSettingState = require("../../hooks/useChatSettingState");
 var _parseMessageBody = require("../../helpers/parseMessageBody");
 var _typography = require("../../helpers/typography");
@@ -148,8 +152,53 @@ const Message = ({
   const {
     config,
     langSource,
-    user
+    user,
+    translateMode
   } = (0, _useChatSettingState.useChatSettingState)();
+
+  // `enableTranslates` predates the `translates` config block; keep it
+  // working so existing hosts don't lose translations on upgrade.
+  const isTranslatesEnabled = Boolean(config?.translates?.enabled || config?.enableTranslates);
+  const effectiveTranslateMode = (0, _translateModePolicy.resolveTranslateMode)(config?.translates, translateMode);
+
+  // Auto mode (the default): show the translation inline as the primary body,
+  // with the original quoted above. Own messages are never translated — the
+  // sender already knows what they wrote (TranslatedMessageBody skips the
+  // quote for isUser, and we simply render the original for them). Mirrors
+  // the web SDK's Message.tsx.
+  const isAutoTranslate = isTranslatesEnabled && effectiveTranslateMode !== 'manual';
+  const readerLocale = config?.translates?.readerLocale || config?.i18n?.locale || langSource;
+  const translationDisplay = (0, _useMessageTranslation.useMessageTranslation)(message, readerLocale, isAutoTranslate);
+
+  // `usersSet` is the canonical, continuously-updated identity store; the
+  // copy riding on a message is a snapshot of whoever sent it, whenever
+  // they sent it. Resolve both the avatar and the display name through
+  // usersSet first, falling back to the message for senders usersSet has
+  // never seen (broadcast/system accounts).
+  //
+  // This matters more since the persist layer stopped caching per-message
+  // avatars: a cache-restored message carries no profileImage at all (see
+  // PERSISTED_MESSAGE_USER_FIELDS), so reading only the message-level copy
+  // leaves a blank initials circle for senders whose name resolved fine.
+  const usersSet = (0, _reactRedux.useSelector)(state => state.rooms.usersSet);
+  const senderRawId = String(message.user?.id || '');
+  const senderLocal = senderRawId.split('@')[0];
+  const senderEntry = usersSet?.[senderLocal] || usersSet?.[senderRawId];
+  // usersSet FIRST (mirrors the web SDK's Message.tsx): a message stored
+  // before usersSet hydrated carries the raw JID localpart as its
+  // `user.name`, so preferring `message.user.name` (as resolveSenderDisplayName
+  // does) would pin that JID on screen forever even after the real name is
+  // known. Reading usersSet first lets the name self-heal the moment the
+  // REST roster populates the cache. Falls back to the message's own name
+  // (which may carry senderFirstName/senderLastName from the wire) only when
+  // usersSet has never seen this sender.
+  const senderDisplayName = senderEntry ? `${senderEntry.firstName ?? ''} ${senderEntry.lastName ?? ''}`.trim() || senderEntry.name || senderLocal : message.user?.name || senderLocal || 'Unknown';
+  // A broadcast posted by the app itself arrives with the ROOM's own id as
+  // its occupant resource, so no roster ever resolves it and the name chain
+  // ends at 50 characters of hex. Captioning a bubble with that tells the
+  // reader strictly less than showing nothing.
+  const hasRealSenderName = !(0, _isUnresolvedSenderId.isUnresolvedSenderId)(senderDisplayName);
+  const senderProfileImage = senderEntry?.profileImage || message.user?.profileImage || '';
   const {
     idSet,
     failedIdSet
@@ -263,7 +312,11 @@ const Message = ({
   // wraps content in <View>s which break Text-style inheritance, so the bubble
   // wrapper's fontSize alone never reached the actual text.
   const bodyTextStyle = (0, _typography.chatTextStyle)(config?.typography?.messageText);
-  const messageText = config?.messageTextFilter?.enabled ? (0, _parseMessageBody.parseMessageBody)(config?.messageTextFilter.filterFunction(message.body), bodyTextStyle) : (0, _parseMessageBody.parseMessageBody)(message.body, bodyTextStyle);
+  // In auto mode, render the translation as the primary body — but NEVER for
+  // the reader's own messages (they wrote it; no point translating it back).
+  const showInlineTranslation = isAutoTranslate && translationDisplay.hasTranslation && !isUser;
+  const bodyToRender = showInlineTranslation ? translationDisplay.displayText : message.body;
+  const messageText = config?.messageTextFilter?.enabled ? (0, _parseMessageBody.parseMessageBody)(config?.messageTextFilter.filterFunction(bodyToRender), bodyTextStyle) : (0, _parseMessageBody.parseMessageBody)(bodyToRender, bodyTextStyle);
   const isFailed = failedIdSet.has(message.id);
   const isPending = !isFailed && (idSet.has(message.id) || message?.pending || false);
   const onRetryPress = () => {
@@ -299,12 +352,12 @@ const Message = ({
         onPress: config?.disableProfilesInteractions ? undefined : () => handleUserAvatarClick(message.user),
         disabled: !!config?.disableProfilesInteractions,
         accessible: !config?.disableProfilesInteractions,
-        children: message.user?.profileImage ? /*#__PURE__*/(0, _jsxRuntime.jsx)(CustomMessagePhoto, {
+        children: senderProfileImage ? /*#__PURE__*/(0, _jsxRuntime.jsx)(CustomMessagePhoto, {
           source: {
-            uri: message.user.profileImage
+            uri: senderProfileImage
           }
         }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.Avatar, {
-          username: message.user.name
+          username: senderDisplayName
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable
       // The Pressable fills the row's content area, so the bubble
@@ -342,12 +395,12 @@ const Message = ({
           isMedia: message?.isMediafile === 'true' && !message?.isDeleted,
           backgroundMessageUser: config?.messageColor?.backgroundMessageUser,
           backgroundMessage: config?.messageColor?.backgroundMessage,
-          children: [!isUser && /*#__PURE__*/(0, _jsxRuntime.jsx)(CustomUserName, {
+          children: [!isUser && hasRealSenderName && /*#__PURE__*/(0, _jsxRuntime.jsx)(CustomUserName, {
             color: config?.colors?.primary,
             media: message?.isMediafile === 'true',
             fontSize: config?.typography?.senderName?.fontSize,
             fontWeight: config?.typography?.senderName?.fontWeight,
-            children: message.user.name
+            children: senderDisplayName
           }), !isReply && message.mainMessage && /*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageReply.MessageReply, {
             handleReplyMessage: handleReplyMessage,
             isUser: isUser,
@@ -366,14 +419,22 @@ const Message = ({
               color: config?.messageColor?.color,
               fontSize: config?.typography?.messageText?.fontSize,
               fontWeight: config?.typography?.messageText?.fontWeight,
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              children: showInlineTranslation ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_TranslatedMessageBody.default, {
+                isUser: isUser,
+                originalText: translationDisplay.originalText,
+                accentColor: config?.colors?.primary,
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                  children: messageText
+                })
+              }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
                 children: messageText
               })
             })
-          }), config?.enableTranslates && /*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageTranslations.default, {
+          }), !isUser && isTranslatesEnabled && effectiveTranslateMode === 'manual' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageTranslate.default, {
             message: message,
             config: config,
-            langSource: langSource
+            isUser: isUser,
+            readerLocale: readerLocale
           }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(CustomTimestampRow, {
             media: message?.isMediafile === 'true',
             children: [!config?.disableSentLogic && isUser && isPending && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {