stream-chat-react-native-core 4.9.0 → 4.10.1-beta.1

package/lib/commonjs/contexts/translationContext/TranslationContext.js

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.withTranslationContext = exports.useTranslationContext = exports.isDayOrMoment = exports.TranslationProvider = exports.TranslationContext = void 0;
+exports.withTranslationContext = exports.useTranslationContext = exports.isDayOrMoment = exports.TranslationProvider = exports.TranslationContext = exports.DEFAULT_USER_LANGUAGE = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -24,6 +24,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+var DEFAULT_USER_LANGUAGE = 'en';
+exports.DEFAULT_USER_LANGUAGE = DEFAULT_USER_LANGUAGE;
+
 var isDayOrMoment = function isDayOrMoment(output) {
   return output.isSame != null;
 };
@@ -35,7 +38,8 @@ var defaultTranslationContextValue = {
   },
   tDateTimeParser: function tDateTimeParser(input) {
     return (0, _dayjs["default"])(input);
-  }
+  },
+  userLanguage: DEFAULT_USER_LANGUAGE
 };
 
 var TranslationContext = _react["default"].createContext(defaultTranslationContextValue);
@@ -50,7 +54,7 @@ var TranslationProvider = function TranslationProvider(_ref) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 38,
+      lineNumber: 47,
       columnNumber: 3
     }
   }, children);
@@ -77,7 +81,7 @@ var withTranslationContext = function withTranslationContext(Component) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 63,
+        lineNumber: 72,
         columnNumber: 12
       }
     }));

package/lib/commonjs/contexts/translationContext/TranslationContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TranslationContext.tsx"],"names":["isDayOrMoment","output","isSame","defaultTranslationContextValue","t","key","tDateTimeParser","input","TranslationContext","React","createContext","TranslationProvider","children","value","useTranslationContext","contextValue","Error","withTranslationContext","Component","WithTranslationContextComponent","props","translationContext","displayName"],"mappings":";;;;;;;;;;;AAAA;;AAEA;;AAMA;;AACA;;;;;;;;;AAEO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,MAAD;AAAA,SAC1BA,MAAD,CAAiCC,MAAjC,IAA2C,IADhB;AAAA,CAAtB;;;AAcP,IAAMC,8BAAuD,GAAG;AAC9DC,EAAAA,CAAC,EAAE,WAACC,GAAD;AAAA,WAAiBA,GAAjB;AAAA,GAD2D;AAE9DC,EAAAA,eAAe,EAAE,yBAACC,KAAD;AAAA,WAAW,uBAAMA,KAAN,CAAX;AAAA;AAF6C,CAAhE;;AAKO,IAAMC,kBAAkB,GAAGC,kBAAMC,aAAN,CAChCP,8BADgC,CAA3B;;;;AAIA,IAAMQ,mBAEX,GAAG,SAFQA,mBAER;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,MAAaC,KAAb,QAAaA,KAAb;AAAA,SACH,gCAAC,kBAAD,CAAoB,QAApB;AAA6B,IAAA,KAAK,EAAEA,KAApC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAA4CD,QAA5C,CADG;AAAA,CAFE;;;;AAMA,IAAME,qBAAqB,GAAG,SAAxBA,qBAAwB,GAAM;AACzC,MAAMC,YAAY,GAAG,uBAAWP,kBAAX,CAArB;;AAEA,MAAIO,YAAY,KAAKZ,8BAAjB,IAAmD,CAAC,2CAAxD,EAA6E;AAC3E,UAAM,IAAIa,KAAJ,+UAAN;AAGD;;AAED,SAAOD,YAAP;AACD,CAVM;;;;AAYA,IAAME,sBAAsB,GAAG,SAAzBA,sBAAyB,CAGpCC,SAHoC,EAIkC;AACtE,MAAMC,+BAA+B,GAAG,SAAlCA,+BAAkC,CACtCC,KADsC,EAEnC;AACH,QAAMC,kBAAkB,GAAGP,qBAAqB,EAAhD;AAEA,WAAO,gCAAC,SAAD,gCAAgBM,KAAhB,EAAkDC,kBAAlD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAND;;AAOAF,EAAAA,+BAA+B,CAACG,WAAhC,8BAAuE,oCACrEJ,SADqE,CAAvE;AAGA,SAAOC,+BAAP;AACD,CAhBM","sourcesContent":["import React, { useContext } from 'react';\n\nimport Dayjs from 'dayjs';\n\nimport type { TFunction } from 'i18next';\nimport type { Moment } from 'moment';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\nimport { getDisplayName } from '../utils/getDisplayName';\nimport { isTestEnvironment } from '../utils/isTestEnvironment';\n\nexport const isDayOrMoment = (output: TDateTimeParserOutput): output is Dayjs.Dayjs | Moment =>\n  (output as Dayjs.Dayjs | Moment).isSame != null;\n\nexport type TDateTimeParserInput = string | number | Date;\n\nexport type TDateTimeParserOutput = string | number | Date | Dayjs.Dayjs | Moment;\n\nexport type TDateTimeParser = (input?: TDateTimeParserInput) => TDateTimeParserOutput;\n\nexport type TranslationContextValue = {\n  t: TFunction | ((key: string) => string);\n  tDateTimeParser: TDateTimeParser;\n};\n\nconst defaultTranslationContextValue: TranslationContextValue = {\n  t: (key: string) => key,\n  tDateTimeParser: (input) => Dayjs(input),\n};\n\nexport const TranslationContext = React.createContext<TranslationContextValue>(\n  defaultTranslationContextValue,\n);\n\nexport const TranslationProvider: React.FC<{\n  value: TranslationContextValue;\n}> = ({ children, value }) => (\n  <TranslationContext.Provider value={value}>{children}</TranslationContext.Provider>\n);\n\nexport const useTranslationContext = () => {\n  const contextValue = useContext(TranslationContext);\n\n  if (contextValue === defaultTranslationContextValue && !isTestEnvironment()) {\n    throw new Error(\n      `The useTranslationContext hook was called outside the TranslationContext Provider. Make sure you have configured OverlayProvider component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#overlay-provider)(https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#overlay-provider`,\n    );\n  }\n\n  return contextValue;\n};\n\nexport const withTranslationContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  Component: React.ComponentType<StreamChatGenerics>,\n): React.FC<Omit<StreamChatGenerics, keyof TranslationContextValue>> => {\n  const WithTranslationContextComponent = (\n    props: Omit<StreamChatGenerics, keyof TranslationContextValue>,\n  ) => {\n    const translationContext = useTranslationContext();\n\n    return <Component {...(props as StreamChatGenerics)} {...translationContext} />;\n  };\n  WithTranslationContextComponent.displayName = `WithTranslationContext${getDisplayName(\n    Component as React.ComponentType,\n  )}`;\n  return WithTranslationContextComponent;\n};\n"]}
+{"version":3,"sources":["TranslationContext.tsx"],"names":["DEFAULT_USER_LANGUAGE","isDayOrMoment","output","isSame","defaultTranslationContextValue","t","key","tDateTimeParser","input","userLanguage","TranslationContext","React","createContext","TranslationProvider","children","value","useTranslationContext","contextValue","Error","withTranslationContext","Component","WithTranslationContextComponent","props","translationContext","displayName"],"mappings":";;;;;;;;;;;AAAA;;AAEA;;AAQA;;AACA;;;;;;;;;AAEO,IAAMA,qBAA2C,GAAG,IAApD;;;AAEA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACC,MAAD;AAAA,SAC1BA,MAAD,CAAiCC,MAAjC,IAA2C,IADhB;AAAA,CAAtB;;;AAkBP,IAAMC,8BAAuD,GAAG;AAC9DC,EAAAA,CAAC,EAAE,WAACC,GAAD;AAAA,WAAiBA,GAAjB;AAAA,GAD2D;AAE9DC,EAAAA,eAAe,EAAE,yBAACC,KAAD;AAAA,WAAW,uBAAMA,KAAN,CAAX;AAAA,GAF6C;AAG9DC,EAAAA,YAAY,EAAET;AAHgD,CAAhE;;AAMO,IAAMU,kBAAkB,GAAGC,kBAAMC,aAAN,CAChCR,8BADgC,CAA3B;;;;AAIA,IAAMS,mBAEX,GAAG,SAFQA,mBAER;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,MAAaC,KAAb,QAAaA,KAAb;AAAA,SACH,gCAAC,kBAAD,CAAoB,QAApB;AAA6B,IAAA,KAAK,EAAEA,KAApC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAA4CD,QAA5C,CADG;AAAA,CAFE;;;;AAMA,IAAME,qBAAqB,GAAG,SAAxBA,qBAAwB,GAAM;AACzC,MAAMC,YAAY,GAAG,uBAAWP,kBAAX,CAArB;;AAEA,MAAIO,YAAY,KAAKb,8BAAjB,IAAmD,CAAC,2CAAxD,EAA6E;AAC3E,UAAM,IAAIc,KAAJ,+UAAN;AAGD;;AAED,SAAOD,YAAP;AACD,CAVM;;;;AAYA,IAAME,sBAAsB,GAAG,SAAzBA,sBAAyB,CAGpCC,SAHoC,EAIkC;AACtE,MAAMC,+BAA+B,GAAG,SAAlCA,+BAAkC,CACtCC,KADsC,EAEnC;AACH,QAAMC,kBAAkB,GAAGP,qBAAqB,EAAhD;AAEA,WAAO,gCAAC,SAAD,gCAAgBM,KAAhB,EAAkDC,kBAAlD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAND;;AAOAF,EAAAA,+BAA+B,CAACG,WAAhC,8BAAuE,oCACrEJ,SADqE,CAAvE;AAGA,SAAOC,+BAAP;AACD,CAhBM","sourcesContent":["import React, { useContext } from 'react';\n\nimport Dayjs from 'dayjs';\n\nimport type { TFunction } from 'i18next';\nimport type { Moment } from 'moment';\n\nimport type { TranslationLanguages } from 'stream-chat';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\nimport { getDisplayName } from '../utils/getDisplayName';\nimport { isTestEnvironment } from '../utils/isTestEnvironment';\n\nexport const DEFAULT_USER_LANGUAGE: TranslationLanguages = 'en';\n\nexport const isDayOrMoment = (output: TDateTimeParserOutput): output is Dayjs.Dayjs | Moment =>\n  (output as Dayjs.Dayjs | Moment).isSame != null;\n\nexport type TDateTimeParserInput = string | number | Date;\n\nexport type TDateTimeParserOutput = string | number | Date | Dayjs.Dayjs | Moment;\n\nexport type TDateTimeParser = (input?: TDateTimeParserInput) => TDateTimeParserOutput;\n\nexport type TranslatorFunctions = {\n  t: TFunction | ((key: string) => string);\n  tDateTimeParser: TDateTimeParser;\n};\n\nexport type TranslationContextValue = TranslatorFunctions & {\n  userLanguage: TranslationLanguages;\n};\n\nconst defaultTranslationContextValue: TranslationContextValue = {\n  t: (key: string) => key,\n  tDateTimeParser: (input) => Dayjs(input),\n  userLanguage: DEFAULT_USER_LANGUAGE,\n};\n\nexport const TranslationContext = React.createContext<TranslationContextValue>(\n  defaultTranslationContextValue,\n);\n\nexport const TranslationProvider: React.FC<{\n  value: TranslationContextValue;\n}> = ({ children, value }) => (\n  <TranslationContext.Provider value={value}>{children}</TranslationContext.Provider>\n);\n\nexport const useTranslationContext = () => {\n  const contextValue = useContext(TranslationContext);\n\n  if (contextValue === defaultTranslationContextValue && !isTestEnvironment()) {\n    throw new Error(\n      `The useTranslationContext hook was called outside the TranslationContext Provider. Make sure you have configured OverlayProvider component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#overlay-provider)(https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#overlay-provider`,\n    );\n  }\n\n  return contextValue;\n};\n\nexport const withTranslationContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  Component: React.ComponentType<StreamChatGenerics>,\n): React.FC<Omit<StreamChatGenerics, keyof TranslationContextValue>> => {\n  const WithTranslationContextComponent = (\n    props: Omit<StreamChatGenerics, keyof TranslationContextValue>,\n  ) => {\n    const translationContext = useTranslationContext();\n\n    return <Component {...(props as StreamChatGenerics)} {...translationContext} />;\n  };\n  WithTranslationContextComponent.displayName = `WithTranslationContext${getDisplayName(\n    Component as React.ComponentType,\n  )}`;\n  return WithTranslationContextComponent;\n};\n"]}

package/lib/commonjs/hooks/useStreami18n.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useStreami18n.ts"],"names":["useStreami18n","i18nInstance","setTranslators","loadingTranslators","setLoadingTranslators","isMounted","i18nInstanceExists","streami18n","Streami18n","language","registerSetLanguageCallback","t","prevTranslator","getTranslators","then","translator","current"],"mappings":";;;;;;;;;;;AAAA;;AAEA;;AAGA;;AAEO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,OAMvB;AAAA,MALJC,YAKI,QALJA,YAKI;AAAA,MAJJC,cAII,QAJJA,cAII;;AACJ,kBAAoD,qBAAS,IAAT,CAApD;AAAA;AAAA,MAAOC,kBAAP;AAAA,MAA2BC,qBAA3B;;AACA,MAAMC,SAAS,GAAG,uCAAlB;AACA,MAAMC,kBAAkB,GAAG,CAAC,CAACL,YAA7B;AACA,wBAAU,YAAM;AACd,QAAIM,UAAJ;;AAEA,QAAIN,YAAY,YAAYO,sBAA5B,EAAwC;AACtCD,MAAAA,UAAU,GAAGN,YAAb;AACD,KAFD,MAEO;AACLM,MAAAA,UAAU,GAAG,IAAIC,sBAAJ,CAAe;AAAEC,QAAAA,QAAQ,EAAE;AAAZ,OAAf,CAAb;AACD;;AAEDF,IAAAA,UAAU,CAACG,2BAAX,CAAuC,UAACC,CAAD;AAAA,aACrCT,cAAc,CAAC,UAACU,cAAD;AAAA,6CAA0BA,cAA1B;AAA0CD,UAAAA,CAAC,EAADA;AAA1C;AAAA,OAAD,CADuB;AAAA,KAAvC;AAGAJ,IAAAA,UAAU,CAACM,cAAX,GAA4BC,IAA5B,CAAiC,UAACC,UAAD,EAAgB;AAC/C,UAAIA,UAAU,IAAIV,SAAS,CAACW,OAA5B,EAAqCd,cAAc,CAACa,UAAD,CAAd;AACtC,KAFD;AAIAX,IAAAA,qBAAqB,CAAC,KAAD,CAArB;AACD,GAjBD,EAiBG,CAACE,kBAAD,EAAqBL,YAArB,CAjBH;AAmBA,SAAOE,kBAAP;AACD,CA9BM","sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { useIsMountedRef } from './useIsMountedRef';\n\nimport type { TranslationContextValue } from '../contexts/translationContext/TranslationContext';\nimport { Streami18n } from '../utils/Streami18n';\n\nexport const useStreami18n = ({\n  i18nInstance,\n  setTranslators,\n}: {\n  setTranslators: React.Dispatch<React.SetStateAction<TranslationContextValue>>;\n  i18nInstance?: Streami18n;\n}) => {\n  const [loadingTranslators, setLoadingTranslators] = useState(true);\n  const isMounted = useIsMountedRef();\n  const i18nInstanceExists = !!i18nInstance;\n  useEffect(() => {\n    let streami18n: Streami18n;\n\n    if (i18nInstance instanceof Streami18n) {\n      streami18n = i18nInstance;\n    } else {\n      streami18n = new Streami18n({ language: 'en' });\n    }\n\n    streami18n.registerSetLanguageCallback((t: (key: string) => string) =>\n      setTranslators((prevTranslator) => ({ ...prevTranslator, t })),\n    );\n    streami18n.getTranslators().then((translator) => {\n      if (translator && isMounted.current) setTranslators(translator);\n    });\n\n    setLoadingTranslators(false);\n  }, [i18nInstanceExists, i18nInstance]);\n\n  return loadingTranslators;\n};\n"]}
+{"version":3,"sources":["useStreami18n.ts"],"names":["useStreami18n","i18nInstance","setTranslators","loadingTranslators","setLoadingTranslators","isMounted","i18nInstanceExists","streami18n","Streami18n","language","registerSetLanguageCallback","t","prevTranslator","getTranslators","then","translator","current"],"mappings":";;;;;;;;;;;AAAA;;AAEA;;AAGA;;AAEO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,OAMvB;AAAA,MALJC,YAKI,QALJA,YAKI;AAAA,MAJJC,cAII,QAJJA,cAII;;AACJ,kBAAoD,qBAAS,IAAT,CAApD;AAAA;AAAA,MAAOC,kBAAP;AAAA,MAA2BC,qBAA3B;;AACA,MAAMC,SAAS,GAAG,uCAAlB;AACA,MAAMC,kBAAkB,GAAG,CAAC,CAACL,YAA7B;AACA,wBAAU,YAAM;AACd,QAAIM,UAAJ;;AAEA,QAAIN,YAAY,YAAYO,sBAA5B,EAAwC;AACtCD,MAAAA,UAAU,GAAGN,YAAb;AACD,KAFD,MAEO;AACLM,MAAAA,UAAU,GAAG,IAAIC,sBAAJ,CAAe;AAAEC,QAAAA,QAAQ,EAAE;AAAZ,OAAf,CAAb;AACD;;AAEDF,IAAAA,UAAU,CAACG,2BAAX,CAAuC,UAACC,CAAD;AAAA,aACrCT,cAAc,CAAC,UAACU,cAAD;AAAA,6CAA0BA,cAA1B;AAA0CD,UAAAA,CAAC,EAADA;AAA1C;AAAA,OAAD,CADuB;AAAA,KAAvC;AAGAJ,IAAAA,UAAU,CAACM,cAAX,GAA4BC,IAA5B,CAAiC,UAACC,UAAD,EAAgB;AAC/C,UAAIA,UAAU,IAAIV,SAAS,CAACW,OAA5B,EAAqCd,cAAc,CAACa,UAAD,CAAd;AACtC,KAFD;AAIAX,IAAAA,qBAAqB,CAAC,KAAD,CAArB;AACD,GAjBD,EAiBG,CAACE,kBAAD,EAAqBL,YAArB,CAjBH;AAmBA,SAAOE,kBAAP;AACD,CA9BM","sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { useIsMountedRef } from './useIsMountedRef';\n\nimport type { TranslatorFunctions } from '../contexts/translationContext/TranslationContext';\nimport { Streami18n } from '../utils/Streami18n';\n\nexport const useStreami18n = ({\n  i18nInstance,\n  setTranslators,\n}: {\n  setTranslators: React.Dispatch<React.SetStateAction<TranslatorFunctions>>;\n  i18nInstance?: Streami18n;\n}) => {\n  const [loadingTranslators, setLoadingTranslators] = useState(true);\n  const isMounted = useIsMountedRef();\n  const i18nInstanceExists = !!i18nInstance;\n  useEffect(() => {\n    let streami18n: Streami18n;\n\n    if (i18nInstance instanceof Streami18n) {\n      streami18n = i18nInstance;\n    } else {\n      streami18n = new Streami18n({ language: 'en' });\n    }\n\n    streami18n.registerSetLanguageCallback((t: (key: string) => string) =>\n      setTranslators((prevTranslator) => ({ ...prevTranslator, t })),\n    );\n    streami18n.getTranslators().then((translator) => {\n      if (translator && isMounted.current) setTranslators(translator);\n    });\n\n    setLoadingTranslators(false);\n  }, [i18nInstanceExists, i18nInstance]);\n\n  return loadingTranslators;\n};\n"]}

package/lib/commonjs/hooks/useTranslatedMessage.js

@@ -0,0 +1,34 @@
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTranslatedMessage = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _MessageOverlayContext = require("../contexts/messageOverlayContext/MessageOverlayContext");
+
+var _TranslationContext = require("../contexts/translationContext/TranslationContext");
+
+var useTranslatedMessage = function useTranslatedMessage(message) {
+  var _messageOverlayContex;
+
+  var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
+      translationContextUserLanguage = _useTranslationContex.userLanguage;
+
+  var messageOverlayContextValue = (0, _MessageOverlayContext.useMessageOverlayContext)();
+  var userLanguage = ((_messageOverlayContex = messageOverlayContextValue.data) == null ? void 0 : _messageOverlayContex.userLanguage) || translationContextUserLanguage;
+  var translationKey = userLanguage + "_text";
+
+  if (message.i18n && translationKey in message.i18n) {
+    return (0, _extends2["default"])({}, message, {
+      text: message.i18n[translationKey]
+    });
+  }
+
+  return (0, _extends2["default"])({}, message);
+};
+
+exports.useTranslatedMessage = useTranslatedMessage;
+//# sourceMappingURL=useTranslatedMessage.js.map

package/lib/commonjs/hooks/useTranslatedMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useTranslatedMessage.ts"],"names":["useTranslatedMessage","message","translationContextUserLanguage","userLanguage","messageOverlayContextValue","data","translationKey","i18n","text"],"mappings":";;;;;;;;;AAEA;;AACA;;AAKO,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB,CAGlCC,OAHkC,EAI/B;AAAA;;AACH,8BAAyD,gDAAzD;AAAA,MAAsBC,8BAAtB,yBAAQC,YAAR;;AACA,MAAMC,0BAA0B,GAAG,sDAAnC;AAEA,MAAMD,YAAY,GAChB,0BAAAC,0BAA0B,CAACC,IAA3B,2CAAiCF,YAAjC,KAAiDD,8BADnD;AAGA,MAAMI,cAA8B,GAAMH,YAAN,UAApC;;AAEA,MAAIF,OAAO,CAACM,IAAR,IAAgBD,cAAc,IAAIL,OAAO,CAACM,IAA9C,EAAoD;AAClD,yCACKN,OADL;AAEEO,MAAAA,IAAI,EAAEP,OAAO,CAACM,IAAR,CAAaD,cAAb;AAFR;AAID;;AAED,uCAAYL,OAAZ;AACD,CArBM","sourcesContent":["import type { FormatMessageResponse, MessageResponse, TranslationLanguages } from 'stream-chat';\n\nimport { useMessageOverlayContext } from '../contexts/messageOverlayContext/MessageOverlayContext';\nimport { useTranslationContext } from '../contexts/translationContext/TranslationContext';\nimport type { DefaultStreamChatGenerics } from '../types/types';\n\ntype TranslationKey = `${TranslationLanguages}_text`;\n\nexport const useTranslatedMessage = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  message: MessageResponse<StreamChatGenerics> | FormatMessageResponse<StreamChatGenerics>,\n) => {\n  const { userLanguage: translationContextUserLanguage } = useTranslationContext();\n  const messageOverlayContextValue = useMessageOverlayContext<StreamChatGenerics>();\n\n  const userLanguage =\n    messageOverlayContextValue.data?.userLanguage || translationContextUserLanguage;\n\n  const translationKey: TranslationKey = `${userLanguage}_text`;\n\n  if (message.i18n && translationKey in message.i18n) {\n    return {\n      ...message,\n      text: message.i18n[translationKey],\n    };\n  }\n\n  return { ...message };\n};\n"]}

package/lib/commonjs/mock-builders/api/getOrCreateChannel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["getOrCreateChannel.js"],"names":["getOrCreateChannelApi","channel","members","messages","result","duration"],"mappings":";;;;;AAAA;;AASO,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAwB,GAMhC;AAAA,MALHC,OAKG,uEALO;AACRA,IAAAA,OAAO,EAAE,EADD;AAERC,IAAAA,OAAO,EAAE,EAFD;AAGRC,IAAAA,QAAQ,EAAE;AAHF,GAKP;AACH,MAAMC,MAAM,GAAG;AACbH,IAAAA,OAAO,EAAEA,OAAO,CAACA,OADJ;AAEbI,IAAAA,QAAQ,EAAE,IAFG;AAGbH,IAAAA,OAAO,EAAED,OAAO,CAACC,OAHJ;AAIbC,IAAAA,QAAQ,EAAEF,OAAO,CAACE;AAJL,GAAf;AAOA,SAAO,8BAAkBC,MAAlB,EAA0B,MAA1B,CAAP;AACD,CAfM","sourcesContent":["import { mockedApiResponse } from './utils';\n\n/**\n * Returns the api response for queryChannel api.\n *\n * api - /channels/{type}/{id}/query\n *\n * @param {*} channel\n */\nexport const getOrCreateChannelApi = (\n  channel = {\n    channel: {},\n    members: [],\n    messages: [],\n  },\n) => {\n  const result = {\n    channel: channel.channel,\n    duration: 0.01,\n    members: channel.members,\n    messages: channel.messages,\n  };\n\n  return mockedApiResponse(result, 'post');\n};\n"]}
+{"version":3,"sources":["getOrCreateChannel.ts"],"names":["getOrCreateChannelApi","channel","members","messages","result","duration"],"mappings":";;;;;AACA;;AAeO,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAwB,GAMhC;AAAA,MALHC,OAKG,uEALoC;AACrCA,IAAAA,OAAO,EAAE,EAD4B;AAErCC,IAAAA,OAAO,EAAE,EAF4B;AAGrCC,IAAAA,QAAQ,EAAE;AAH2B,GAKpC;AACH,MAAMC,MAAM,GAAG;AACbH,IAAAA,OAAO,EAAEA,OAAO,CAACA,OADJ;AAEbI,IAAAA,QAAQ,EAAE,IAFG;AAGbH,IAAAA,OAAO,EAAED,OAAO,CAACC,OAHJ;AAIbC,IAAAA,QAAQ,EAAEF,OAAO,CAACE;AAJL,GAAf;AAOA,SAAO,8BAAkBC,MAAlB,EAA0B,MAA1B,CAAP;AACD,CAfM","sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { mockedApiResponse } from './utils';\n\nexport type GetOrCreateChannelApiParams = {\n  channel?: Record<string, any>;\n  members?: Record<string, any>[];\n  messages?: Record<string, any>[];\n};\n\n/**\n * Returns the api response for queryChannel api.\n *\n * api - /channels/{type}/{id}/query\n *\n * @param {*} channel\n */\nexport const getOrCreateChannelApi = (\n  channel: GetOrCreateChannelApiParams = {\n    channel: {},\n    members: [],\n    messages: [],\n  },\n) => {\n  const result = {\n    channel: channel.channel,\n    duration: 0.01,\n    members: channel.members,\n    messages: channel.messages,\n  };\n\n  return mockedApiResponse(result, 'post');\n};\n"]}

package/lib/commonjs/mock-builders/generator/channel.js

@@ -17,7 +17,7 @@ var _uuid = require("uuid");
 
 var _user = require("./user");
 
-var _excluded = ["id", "type", "channel"];
+var _excluded = ["id", "messages", "type", "channel"];
 var defaultCapabilities = ['ban-channel-members', 'delete-any-message', 'delete-own-message', 'flag-message', 'mute-channel', 'pin-message', 'quote-message', 'read-events', 'send-links', 'send-message', 'send-reaction', 'send-reply', 'typing-events', 'update-any-message', 'update-own-message', 'upload-file'];
 var defaultConfig = {
   automod: 'disabled',
@@ -81,8 +81,9 @@ var getChannelDefaults = function getChannelDefaults() {
 
 var generateChannel = function generateChannel(customValues) {
   return Object.keys(customValues).reduce(function (accumulated, current) {
-    if (Object.prototype.hasOwnProperty.call(accumulated, current)) {
-      accumulated[current] = (0, _typeof2["default"])(accumulated[current]) === 'object' ? (0, _extends3["default"])({}, accumulated[current], customValues[current]) : accumulated[current] = customValues[current];
+    if (current in accumulated) {
+      var _key = current;
+      accumulated[_key] = (0, _typeof2["default"])(accumulated[_key]) === 'object' ? (0, _extends3["default"])({}, accumulated[_key], customValues[_key]) : accumulated[_key] = customValues[_key];
       return accumulated;
     }
 
@@ -96,10 +97,13 @@ var generateChannelResponse = function generateChannelResponse() {
   var customValues = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
     channel: {},
     id: (0, _uuid.v4)(),
+    messages: [],
     type: 'messaging'
   };
   var _customValues$id = customValues.id,
       id = _customValues$id === void 0 ? (0, _uuid.v4)() : _customValues$id,
+      _customValues$message = customValues.messages,
+      messages = _customValues$message === void 0 ? [] : _customValues$message,
       _customValues$type = customValues.type,
       type = _customValues$type === void 0 ? 'messaging' : _customValues$type,
       _customValues$channel = customValues.channel,
@@ -115,7 +119,7 @@ var generateChannelResponse = function generateChannelResponse() {
       user: (0, _user.generateUser)()
     })),
     members: [],
-    messages: []
+    messages: messages
   }, rest);
 };
 

package/lib/commonjs/mock-builders/generator/channel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["channel.js"],"names":["defaultCapabilities","defaultConfig","automod","automod_behavior","commands","args","description","name","set","connect_events","created_at","max_message_length","message_retention","mutes","reactions","read_events","replies","search","typing_events","updated_at","uploads","url_enrichment","defaultState","members","messages","setIsUpToDate","jest","fn","getChannelDefaults","id","type","_client","data","cid","config","created_by","frozen","own_capabilities","state","generateChannel","customValues","Object","keys","reduce","accumulated","current","prototype","hasOwnProperty","call","generateChannelResponse","channel","rest","defaults","user"],"mappings":";;;;;;;;;;;;;;;AAAA;;AAEA;;;AAEA,IAAMA,mBAAmB,GAAG,CAC1B,qBAD0B,EAE1B,oBAF0B,EAG1B,oBAH0B,EAI1B,cAJ0B,EAK1B,cAL0B,EAM1B,aAN0B,EAO1B,eAP0B,EAQ1B,aAR0B,EAS1B,YAT0B,EAU1B,cAV0B,EAW1B,eAX0B,EAY1B,YAZ0B,EAa1B,eAb0B,EAc1B,oBAd0B,EAe1B,oBAf0B,EAgB1B,aAhB0B,CAA5B;AAmBA,IAAMC,aAAa,GAAG;AACpBC,EAAAA,OAAO,EAAE,UADW;AAEpBC,EAAAA,gBAAgB,EAAE,MAFE;AAGpBC,EAAAA,QAAQ,EAAE,CACR;AACEC,IAAAA,IAAI,EAAE,QADR;AAEEC,IAAAA,WAAW,EAAE,kCAFf;AAGEC,IAAAA,IAAI,EAAE,OAHR;AAIEC,IAAAA,GAAG,EAAE;AAJP,GADQ,CAHU;AAWpBC,EAAAA,cAAc,EAAE,IAXI;AAYpBC,EAAAA,UAAU,EAAE,gCAZQ;AAapBC,EAAAA,kBAAkB,EAAE,IAbA;AAcpBC,EAAAA,iBAAiB,EAAE,UAdC;AAepBC,EAAAA,KAAK,EAAE,IAfa;AAgBpBN,EAAAA,IAAI,EAAE,WAhBc;AAiBpBO,EAAAA,SAAS,EAAE,IAjBS;AAkBpBC,EAAAA,WAAW,EAAE,IAlBO;AAmBpBC,EAAAA,OAAO,EAAE,IAnBW;AAoBpBC,EAAAA,MAAM,EAAE,IApBY;AAqBpBC,EAAAA,aAAa,EAAE,IArBK;AAsBpBC,EAAAA,UAAU,EAAE,gCAtBQ;AAuBpBC,EAAAA,OAAO,EAAE,IAvBW;AAwBpBC,EAAAA,cAAc,EAAE;AAxBI,CAAtB;AA0BA,IAAMC,YAAY,GAAG;AACnBC,EAAAA,OAAO,EAAE,EADU;AAEnBC,EAAAA,QAAQ,EAAE,EAFS;AAGnBC,EAAAA,aAAa,EAAEC,IAAI,CAACC,EAAL;AAHI,CAArB;;AAMA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB;AAAA,iFAAgB;AAAEC,IAAAA,EAAE,EAAE,eAAN;AAAgBC,IAAAA,IAAI,EAAE;AAAtB,GAAhB;AAAA,MAAGD,EAAH,QAAGA,EAAH;AAAA,MAAOC,IAAP,QAAOA,IAAP;;AAAA,SAAyD;AAClFC,IAAAA,OAAO,EAAE,EADyE;AAElFC,IAAAA,IAAI,EAAE;AACJC,MAAAA,GAAG,EAAKH,IAAL,SAAaD,EADZ;AAEJK,MAAAA,MAAM,gCACDjC,aADC;AAEJM,QAAAA,IAAI,EAAEuB,IAFF;AAGJA,QAAAA,IAAI,EAAJA;AAHI,QAFF;AAOJpB,MAAAA,UAAU,EAAE,6BAPR;AAQJyB,MAAAA,UAAU,EAAE,4BARR;AASJC,MAAAA,MAAM,EAAE,KATJ;AAUJP,MAAAA,EAAE,EAAFA,EAVI;AAWJQ,MAAAA,gBAAgB,EAAErC,mBAXd;AAYJ8B,MAAAA,IAAI,EAAJA,IAZI;AAaJX,MAAAA,UAAU,EAAE;AAbR,KAF4E;AAiBlFU,IAAAA,EAAE,EAAFA,EAjBkF;AAkBlFS,IAAAA,KAAK,EAAEhB,YAlB2E;AAmBlFQ,IAAAA,IAAI,EAAJA;AAnBkF,GAAzD;AAAA,CAA3B;;AAsBO,IAAMS,eAAe,GAAG,SAAlBA,eAAkB,CAACC,YAAD;AAAA,SAC7BC,MAAM,CAACC,IAAP,CAAYF,YAAZ,EAA0BG,MAA1B,CAAiC,UAACC,WAAD,EAAcC,OAAd,EAA0B;AACzD,QAAIJ,MAAM,CAACK,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqCJ,WAArC,EAAkDC,OAAlD,CAAJ,EAAgE;AAC9DD,MAAAA,WAAW,CAACC,OAAD,CAAX,GACE,yBAAOD,WAAW,CAACC,OAAD,CAAlB,MAAgC,QAAhC,iCACSD,WAAW,CAACC,OAAD,CADpB,EACkCL,YAAY,CAACK,OAAD,CAD9C,IAEKD,WAAW,CAACC,OAAD,CAAX,GAAuBL,YAAY,CAACK,OAAD,CAH1C;AAIA,aAAOD,WAAP;AACD;;AACD,yCAAYA,WAAZ,uCAA0BC,OAA1B,EAAoCL,YAAY,CAACK,OAAD,CAAhD;AACD,GATD,EASGjB,kBAAkB,EATrB,CAD6B;AAAA,CAAxB;;;;AAYA,IAAMqB,uBAAuB,GAAG,SAA1BA,uBAA0B,GAElC;AAAA,MADHT,YACG,uEADY;AAAEU,IAAAA,OAAO,EAAE,EAAX;AAAerB,IAAAA,EAAE,EAAE,eAAnB;AAA6BC,IAAAA,IAAI,EAAE;AAAnC,GACZ;AACH,yBAAqEU,YAArE,CAAQX,EAAR;AAAA,MAAQA,EAAR,iCAAa,eAAb;AAAA,2BAAqEW,YAArE,CAAuBV,IAAvB;AAAA,MAAuBA,IAAvB,mCAA8B,WAA9B;AAAA,8BAAqEU,YAArE,CAA2CU,OAA3C;AAAA,MAA2CA,OAA3C,sCAAqD,EAArD;AAAA,MAA4DC,IAA5D,6CAAqEX,YAArE;AAEA,MAAMY,QAAQ,GAAGxB,kBAAkB,EAAnC;AACA;AACEsB,IAAAA,OAAO,gCACFE,QAAQ,CAACpB,IADP;AAGHC,MAAAA,GAAG,EAAKH,IAAL,SAAaD;AAHb,OAIAqB,OAJA;AAKHrB,MAAAA,EAAE,EAAFA,EALG;AAMHC,MAAAA,IAAI,EAAJA,IANG;AAOHuB,MAAAA,IAAI,EAAE;AAPH,OADT;AAWE9B,IAAAA,OAAO,EAAE,EAXX;AAYEC,IAAAA,QAAQ,EAAE;AAZZ,KAaK2B,IAbL;AAeD,CArBM","sourcesContent":["import { v4 as uuidv4 } from 'uuid';\n\nimport { generateUser, getUserDefaults } from './user';\n\nconst defaultCapabilities = [\n  'ban-channel-members',\n  'delete-any-message',\n  'delete-own-message',\n  'flag-message',\n  'mute-channel',\n  'pin-message',\n  'quote-message',\n  'read-events',\n  'send-links',\n  'send-message',\n  'send-reaction',\n  'send-reply',\n  'typing-events',\n  'update-any-message',\n  'update-own-message',\n  'upload-file',\n];\n\nconst defaultConfig = {\n  automod: 'disabled',\n  automod_behavior: 'flag',\n  commands: [\n    {\n      args: '[text]',\n      description: 'Post a random gif to the channel',\n      name: 'giphy',\n      set: 'fun_set',\n    },\n  ],\n  connect_events: true,\n  created_at: '2020-04-24T11:36:43.859020368Z',\n  max_message_length: 5000,\n  message_retention: 'infinite',\n  mutes: true,\n  name: 'messaging',\n  reactions: true,\n  read_events: true,\n  replies: true,\n  search: true,\n  typing_events: true,\n  updated_at: '2020-04-24T11:36:43.859022903Z',\n  uploads: true,\n  url_enrichment: true,\n};\nconst defaultState = {\n  members: {},\n  messages: [],\n  setIsUpToDate: jest.fn(),\n};\n\nconst getChannelDefaults = ({ id, type } = { id: uuidv4(), type: 'messaging' }) => ({\n  _client: {},\n  data: {\n    cid: `${type}:${id}`,\n    config: {\n      ...defaultConfig,\n      name: type,\n      type,\n    },\n    created_at: '2020-04-28T11:20:48.578147Z',\n    created_by: getUserDefaults(),\n    frozen: false,\n    id,\n    own_capabilities: defaultCapabilities,\n    type,\n    updated_at: '2020-04-28T11:20:48.578147Z',\n  },\n  id,\n  state: defaultState,\n  type,\n});\n\nexport const generateChannel = (customValues) =>\n  Object.keys(customValues).reduce((accumulated, current) => {\n    if (Object.prototype.hasOwnProperty.call(accumulated, current)) {\n      accumulated[current] =\n        typeof accumulated[current] === 'object'\n          ? { ...accumulated[current], ...customValues[current] }\n          : (accumulated[current] = customValues[current]);\n      return accumulated;\n    }\n    return { ...accumulated, [current]: customValues[current] };\n  }, getChannelDefaults());\n\nexport const generateChannelResponse = (\n  customValues = { channel: {}, id: uuidv4(), type: 'messaging' },\n) => {\n  const { id = uuidv4(), type = 'messaging', channel = {}, ...rest } = customValues;\n\n  const defaults = getChannelDefaults();\n  return {\n    channel: {\n      ...defaults.data,\n      ...{\n        cid: `${type}:${id}`,\n        ...channel,\n        id,\n        type,\n        user: generateUser(),\n      },\n    },\n    members: [],\n    messages: [],\n    ...rest,\n  };\n};\n"]}
+{"version":3,"sources":["channel.ts"],"names":["defaultCapabilities","defaultConfig","automod","automod_behavior","commands","args","description","name","set","connect_events","created_at","max_message_length","message_retention","mutes","reactions","read_events","replies","search","typing_events","updated_at","uploads","url_enrichment","defaultState","members","messages","setIsUpToDate","jest","fn","getChannelDefaults","id","type","_client","data","cid","config","created_by","frozen","own_capabilities","state","generateChannel","customValues","Object","keys","reduce","accumulated","current","key","generateChannelResponse","channel","rest","defaults","user"],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { generateUser, getUserDefaults } from './user';\n\nconst defaultCapabilities = [\n  'ban-channel-members',\n  'delete-any-message',\n  'delete-own-message',\n  'flag-message',\n  'mute-channel',\n  'pin-message',\n  'quote-message',\n  'read-events',\n  'send-links',\n  'send-message',\n  'send-reaction',\n  'send-reply',\n  'typing-events',\n  'update-any-message',\n  'update-own-message',\n  'upload-file',\n];\n\nconst defaultConfig = {\n  automod: 'disabled',\n  automod_behavior: 'flag',\n  commands: [\n    {\n      args: '[text]',\n      description: 'Post a random gif to the channel',\n      name: 'giphy',\n      set: 'fun_set',\n    },\n  ],\n  connect_events: true,\n  created_at: '2020-04-24T11:36:43.859020368Z',\n  max_message_length: 5000,\n  message_retention: 'infinite',\n  mutes: true,\n  name: 'messaging',\n  reactions: true,\n  read_events: true,\n  replies: true,\n  search: true,\n  typing_events: true,\n  updated_at: '2020-04-24T11:36:43.859022903Z',\n  uploads: true,\n  url_enrichment: true,\n};\nconst defaultState = {\n  members: {},\n  messages: [],\n  setIsUpToDate: jest.fn(),\n};\n\nconst getChannelDefaults = (\n  { id, type }: { [key: string]: any } = { id: uuidv4(), type: 'messaging' },\n) => ({\n  _client: {},\n  data: {\n    cid: `${type}:${id}`,\n    config: {\n      ...defaultConfig,\n      name: type,\n      type,\n    },\n    created_at: '2020-04-28T11:20:48.578147Z',\n    created_by: getUserDefaults(),\n    frozen: false,\n    id,\n    own_capabilities: defaultCapabilities,\n    type,\n    updated_at: '2020-04-28T11:20:48.578147Z',\n  },\n  id,\n  state: defaultState,\n  type,\n});\n\nexport const generateChannel = (customValues: { [key: string]: any }) =>\n  Object.keys(customValues).reduce((accumulated, current) => {\n    if (current in accumulated) {\n      const key = current as keyof typeof accumulated;\n      accumulated[key] =\n        typeof accumulated[key] === 'object'\n          ? { ...accumulated[key], ...customValues[key] }\n          : (accumulated[key] = customValues[key]);\n      return accumulated;\n    }\n    return { ...accumulated, [current]: customValues[current] };\n  }, getChannelDefaults());\n\nexport const generateChannelResponse = (\n  customValues: {\n    channel?: Record<string, any>;\n    id?: string;\n    messages?: Record<string, any>[];\n    type?: string;\n  } = { channel: {}, id: uuidv4(), messages: [], type: 'messaging' },\n) => {\n  const { id = uuidv4(), messages = [], type = 'messaging', channel = {}, ...rest } = customValues;\n\n  const defaults = getChannelDefaults();\n  return {\n    channel: {\n      ...defaults.data,\n      ...{\n        cid: `${type}:${id}`,\n        ...channel,\n        id,\n        type,\n        user: generateUser(),\n      },\n    },\n    members: [],\n    messages,\n    ...rest,\n  };\n};\n"]}

package/lib/commonjs/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "4.9.0"
+  "version": "4.10.1-beta.1"
 }

package/lib/module/components/ChannelPreview/ChannelPreview.js

@@ -19,6 +19,8 @@ var _ChannelsContext = require("../../contexts/channelsContext/ChannelsContext")
 
 var _ChatContext = require("../../contexts/chatContext/ChatContext");
 
+var _useTranslatedMessage = require("../../hooks/useTranslatedMessage");
+
 var _this = this,
     _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ChannelPreview/ChannelPreview.tsx";
 
@@ -36,6 +38,8 @@ var ChannelPreviewWithContext = function ChannelPreviewWithContext(props) {
       lastMessage = _useState2[0],
       setLastMessage = _useState2[1];
 
+  var translatedLastMessage = (0, _useTranslatedMessage.useTranslatedMessage)(lastMessage || {});
+
   var _useState3 = (0, _react.useState)(0),
       _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
       forceUpdate = _useState4[0],
@@ -46,7 +50,7 @@ var ChannelPreviewWithContext = function ChannelPreviewWithContext(props) {
       unread = _useState6[0],
       setUnread = _useState6[1];
 
-  var latestMessagePreview = (0, _useLatestMessagePreview.useLatestMessagePreview)(channel, forceUpdate, lastMessage);
+  var latestMessagePreview = (0, _useLatestMessagePreview.useLatestMessagePreview)(channel, forceUpdate, translatedLastMessage);
   var channelLastMessage = channel.lastMessage();
   var channelLastMessageString = "" + (channelLastMessage == null ? void 0 : channelLastMessage.id) + (channelLastMessage == null ? void 0 : channelLastMessage.updated_at);
   (0, _react.useEffect)(function () {
@@ -105,7 +109,7 @@ var ChannelPreviewWithContext = function ChannelPreviewWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 100,
+      lineNumber: 106,
       columnNumber: 10
     }
   });
@@ -125,7 +129,7 @@ var ChannelPreview = function ChannelPreview(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 116,
+      lineNumber: 122,
       columnNumber: 10
     }
   }));

package/lib/module/components/ChannelPreview/ChannelPreview.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ChannelPreview.tsx"],"names":["ChannelPreviewWithContext","props","channel","client","Preview","state","messages","length","lastMessage","setLastMessage","forceUpdate","setForceUpdate","countUnread","unread","setUnread","latestMessagePreview","channelLastMessage","channelLastMessageString","id","updated_at","newUnreadCount","handleEvent","event","message","type","on","off","handleReadEvent","user","userID","prev","ChannelPreview"],"mappings":"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","sourcesContent":["import React, { useEffect, useState } from 'react';\n\nimport type { Channel, ChannelState, Event, MessageResponse } from 'stream-chat';\n\nimport { useLatestMessagePreview } from './hooks/useLatestMessagePreview';\n\nimport {\n  ChannelsContextValue,\n  useChannelsContext,\n} from '../../contexts/channelsContext/ChannelsContext';\nimport { ChatContextValue, useChatContext } from '../../contexts/chatContext/ChatContext';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nexport type ChannelPreviewPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<ChatContextValue<StreamChatGenerics>, 'client'> &\n  Pick<ChannelsContextValue<StreamChatGenerics>, 'Preview'> & {\n    /**\n     * The previewed channel\n     */\n    channel: Channel<StreamChatGenerics>;\n  };\n\n/**\n * This component manages state for the ChannelPreviewMessenger UI component and receives\n * all props from the ChannelListMessenger component.\n */\nconst ChannelPreviewWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ChannelPreviewPropsWithContext<StreamChatGenerics>,\n) => {\n  const { channel, client, Preview } = props;\n\n  const [lastMessage, setLastMessage] = useState<\n    | ReturnType<ChannelState<StreamChatGenerics>['formatMessage']>\n    | MessageResponse<StreamChatGenerics>\n    | undefined\n  >(channel.state.messages[channel.state.messages.length - 1]);\n  const [forceUpdate, setForceUpdate] = useState(0);\n  const [unread, setUnread] = useState(channel.countUnread());\n\n  const latestMessagePreview = useLatestMessagePreview(channel, forceUpdate, lastMessage);\n\n  const channelLastMessage = channel.lastMessage();\n  const channelLastMessageString = `${channelLastMessage?.id}${channelLastMessage?.updated_at}`;\n\n  useEffect(() => {\n    if (\n      channelLastMessage &&\n      (channelLastMessage.id !== lastMessage?.id ||\n        channelLastMessage.updated_at !== lastMessage?.updated_at)\n    ) {\n      setLastMessage(channelLastMessage);\n    }\n\n    const newUnreadCount = channel.countUnread();\n\n    if (newUnreadCount !== unread) {\n      setUnread(newUnreadCount);\n    }\n  }, [channelLastMessageString]);\n\n  useEffect(() => {\n    const handleEvent = (event: Event<StreamChatGenerics>) => {\n      if (event.message) {\n        setLastMessage(event.message);\n      }\n\n      if (event.type === 'message.new') {\n        setUnread(channel.countUnread());\n      }\n    };\n\n    channel.on('message.new', handleEvent);\n    channel.on('message.updated', handleEvent);\n    channel.on('message.deleted', handleEvent);\n\n    return () => {\n      channel.off('message.new', handleEvent);\n      channel.off('message.updated', handleEvent);\n      channel.off('message.deleted', handleEvent);\n    };\n  }, []);\n\n  useEffect(() => {\n    const handleReadEvent = (event: Event<StreamChatGenerics>) => {\n      if (event.user?.id === client.userID) {\n        setUnread(0);\n      } else if (event.user?.id) {\n        setForceUpdate((prev) => prev + 1);\n      }\n    };\n\n    channel.on('message.read', handleReadEvent);\n    return () => channel.off('message.read', handleReadEvent);\n  }, []);\n\n  return <Preview channel={channel} latestMessagePreview={latestMessagePreview} unread={unread} />;\n};\n\nexport type ChannelPreviewProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<Omit<ChannelPreviewPropsWithContext<StreamChatGenerics>, 'channel'>> &\n  Pick<ChannelPreviewPropsWithContext<StreamChatGenerics>, 'channel'>;\n\nexport const ChannelPreview = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ChannelPreviewProps<StreamChatGenerics>,\n) => {\n  const { client } = useChatContext<StreamChatGenerics>();\n  const { Preview } = useChannelsContext<StreamChatGenerics>();\n\n  return <ChannelPreviewWithContext {...{ client, Preview }} {...props} />;\n};\n"]}
+{"version":3,"sources":["ChannelPreview.tsx"],"names":["ChannelPreviewWithContext","props","channel","client","Preview","state","messages","length","lastMessage","setLastMessage","translatedLastMessage","forceUpdate","setForceUpdate","countUnread","unread","setUnread","latestMessagePreview","channelLastMessage","channelLastMessageString","id","updated_at","newUnreadCount","handleEvent","event","message","type","on","off","handleReadEvent","user","userID","prev","ChannelPreview"],"mappings":"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","sourcesContent":["import React, { useEffect, useState } from 'react';\n\nimport type { Channel, ChannelState, Event, MessageResponse } from 'stream-chat';\n\nimport { useLatestMessagePreview } from './hooks/useLatestMessagePreview';\n\nimport {\n  ChannelsContextValue,\n  useChannelsContext,\n} from '../../contexts/channelsContext/ChannelsContext';\nimport { ChatContextValue, useChatContext } from '../../contexts/chatContext/ChatContext';\n\nimport { useTranslatedMessage } from '../../hooks/useTranslatedMessage';\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nexport type ChannelPreviewPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<ChatContextValue<StreamChatGenerics>, 'client'> &\n  Pick<ChannelsContextValue<StreamChatGenerics>, 'Preview'> & {\n    /**\n     * The previewed channel\n     */\n    channel: Channel<StreamChatGenerics>;\n  };\n\n/**\n * This component manages state for the ChannelPreviewMessenger UI component and receives\n * all props from the ChannelListMessenger component.\n */\nconst ChannelPreviewWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ChannelPreviewPropsWithContext<StreamChatGenerics>,\n) => {\n  const { channel, client, Preview } = props;\n\n  const [lastMessage, setLastMessage] = useState<\n    | ReturnType<ChannelState<StreamChatGenerics>['formatMessage']>\n    | MessageResponse<StreamChatGenerics>\n    | undefined\n  >(channel.state.messages[channel.state.messages.length - 1]);\n\n  const translatedLastMessage = useTranslatedMessage<StreamChatGenerics>(\n    lastMessage || ({} as MessageResponse<StreamChatGenerics>),\n  );\n\n  const [forceUpdate, setForceUpdate] = useState(0);\n  const [unread, setUnread] = useState(channel.countUnread());\n\n  const latestMessagePreview = useLatestMessagePreview(channel, forceUpdate, translatedLastMessage);\n\n  const channelLastMessage = channel.lastMessage();\n  const channelLastMessageString = `${channelLastMessage?.id}${channelLastMessage?.updated_at}`;\n\n  useEffect(() => {\n    if (\n      channelLastMessage &&\n      (channelLastMessage.id !== lastMessage?.id ||\n        channelLastMessage.updated_at !== lastMessage?.updated_at)\n    ) {\n      setLastMessage(channelLastMessage);\n    }\n\n    const newUnreadCount = channel.countUnread();\n\n    if (newUnreadCount !== unread) {\n      setUnread(newUnreadCount);\n    }\n  }, [channelLastMessageString]);\n\n  useEffect(() => {\n    const handleEvent = (event: Event<StreamChatGenerics>) => {\n      if (event.message) {\n        setLastMessage(event.message);\n      }\n\n      if (event.type === 'message.new') {\n        setUnread(channel.countUnread());\n      }\n    };\n\n    channel.on('message.new', handleEvent);\n    channel.on('message.updated', handleEvent);\n    channel.on('message.deleted', handleEvent);\n\n    return () => {\n      channel.off('message.new', handleEvent);\n      channel.off('message.updated', handleEvent);\n      channel.off('message.deleted', handleEvent);\n    };\n  }, []);\n\n  useEffect(() => {\n    const handleReadEvent = (event: Event<StreamChatGenerics>) => {\n      if (event.user?.id === client.userID) {\n        setUnread(0);\n      } else if (event.user?.id) {\n        setForceUpdate((prev) => prev + 1);\n      }\n    };\n\n    channel.on('message.read', handleReadEvent);\n    return () => channel.off('message.read', handleReadEvent);\n  }, []);\n\n  return <Preview channel={channel} latestMessagePreview={latestMessagePreview} unread={unread} />;\n};\n\nexport type ChannelPreviewProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<Omit<ChannelPreviewPropsWithContext<StreamChatGenerics>, 'channel'>> &\n  Pick<ChannelPreviewPropsWithContext<StreamChatGenerics>, 'channel'>;\n\nexport const ChannelPreview = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ChannelPreviewProps<StreamChatGenerics>,\n) => {\n  const { client } = useChatContext<StreamChatGenerics>();\n  const { Preview } = useChannelsContext<StreamChatGenerics>();\n\n  return <ChannelPreviewWithContext {...{ client, Preview }} {...props} />;\n};\n"]}

package/lib/module/components/ChannelPreview/hooks/useLatestMessagePreview.js

@@ -190,7 +190,8 @@ var getLatestMessagePreview = function getLatestMessagePreview(params) {
     };
   }
 
-  var message = lastMessage || messages.length ? messages[messages.length - 1] : undefined;
+  var channelStateLastMessage = messages.length ? messages[messages.length - 1] : undefined;
+  var message = lastMessage !== undefined ? lastMessage : channelStateLastMessage;
   return {
     created_at: getLatestMessageDisplayDate(message, tDateTimeParser),
     messageObject: message,

package/lib/module/components/ChannelPreview/hooks/useLatestMessagePreview.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useLatestMessagePreview.ts"],"names":["getMessageSenderName","message","currentUserId","t","membersLength","user","id","name","username","getMentionUsers","mentionedUser","Array","isArray","mentionUserString","reduce","acc","cur","userName","length","getLatestMessageDisplayText","channel","client","bold","text","isMessageTypeDeleted","type","userID","members","Object","keys","state","messageSender","messageSenderText","boldOwner","includes","shortenedText","substring","replace","mentionedUsers","mentioned_users","regEx","RegExp","split","index","test","push","command","attachments","getLatestMessageDisplayDate","tDateTimeParser","parserOutput","created_at","isSame","Date","format","MessageReadStatus","getLatestMessageReadStatus","readEvents","NOT_SENT_BY_CURRENT_USER","readList","read","messageUpdatedAt","updated_at","undefined","values","some","last_read","READ","UNREAD","getLatestMessagePreview","params","lastMessage","messages","messageObject","previews","status","useLatestMessagePreview","forceUpdate","channelConfigExists","getConfig","channelLastMessageString","setReadEvents","latestMessagePreview","setLatestMessagePreview","readStatus","read_events"],"mappings":"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","sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { Channel, ChannelState, MessageResponse, StreamChat, UserResponse } from 'stream-chat';\n\nimport { useChatContext } from '../../../contexts/chatContext/ChatContext';\nimport {\n  isDayOrMoment,\n  TDateTimeParser,\n  useTranslationContext,\n} from '../../../contexts/translationContext/TranslationContext';\n\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\n\ntype LatestMessage<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> =\n  | ReturnType<ChannelState<StreamChatGenerics>['formatMessage']>\n  | MessageResponse<StreamChatGenerics>;\n\nexport type LatestMessagePreview<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n  created_at: string | number | Date;\n  messageObject: LatestMessage<StreamChatGenerics> | undefined;\n  previews: {\n    bold: boolean;\n    text: string;\n  }[];\n  status: number;\n};\n\nconst getMessageSenderName = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  message: LatestMessage<StreamChatGenerics> | undefined,\n  currentUserId: string | undefined,\n  t: (key: string) => string,\n  membersLength: number,\n) => {\n  if (message?.user?.id === currentUserId) {\n    return t('You');\n  }\n\n  if (membersLength > 2) {\n    return message?.user?.name || message?.user?.username || message?.user?.id || '';\n  }\n\n  return '';\n};\n\nconst getMentionUsers = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  mentionedUser: UserResponse<StreamChatGenerics>[] | undefined,\n) => {\n  if (Array.isArray(mentionedUser)) {\n    const mentionUserString = mentionedUser.reduce((acc, cur) => {\n      const userName = cur.name || cur.id || '';\n      if (userName) {\n        acc += `${acc.length ? '|' : ''}@${userName}`;\n      }\n      return acc;\n    }, '');\n    return mentionUserString;\n  }\n  return '';\n};\n\nconst getLatestMessageDisplayText = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  channel: Channel<StreamChatGenerics>,\n  client: StreamChat<StreamChatGenerics>,\n  message: LatestMessage<StreamChatGenerics> | undefined,\n  t: (key: string) => string,\n) => {\n  if (!message) return [{ bold: false, text: t('Nothing yet...') }];\n  const isMessageTypeDeleted = message.type === 'deleted';\n  if (isMessageTypeDeleted) return [{ bold: false, text: t('Message deleted') }];\n  const currentUserId = client?.userID;\n  const members = Object.keys(channel.state.members);\n\n  const messageSender = getMessageSenderName(message, currentUserId, t, members.length);\n  const messageSenderText = messageSender\n    ? `${messageSender === t('You') ? '' : '@'}${messageSender}: `\n    : '';\n  const boldOwner = messageSenderText.includes('@');\n  if (message.text) {\n    // rough guess optimization to limit string preview to max 100 characters\n    const shortenedText = message.text.substring(0, 100).replace(/\\n/g, ' ');\n    const mentionedUsers = getMentionUsers(message.mentioned_users);\n    const regEx = new RegExp(`^(${mentionedUsers})`);\n    return [\n      { bold: boldOwner, text: messageSenderText },\n      ...shortenedText.split('').reduce(\n        (acc, cur, index) => {\n          if (cur === '@' && mentionedUsers && regEx.test(shortenedText.substring(index))) {\n            acc.push({ bold: true, text: cur });\n          } else if (mentionedUsers && regEx.test(acc[acc.length - 1].text)) {\n            acc.push({ bold: false, text: cur });\n          } else {\n            acc[acc.length - 1].text += cur;\n          }\n          return acc;\n        },\n        [{ bold: false, text: '' }],\n      ),\n    ];\n  }\n  if (message.command) {\n    return [\n      { bold: boldOwner, text: messageSenderText },\n      { bold: false, text: `/${message.command}` },\n    ];\n  }\n  if (message.attachments?.length) {\n    return [\n      { bold: boldOwner, text: messageSenderText },\n      { bold: false, text: t('🏙 Attachment...') },\n    ];\n  }\n  return [\n    { bold: boldOwner, text: messageSenderText },\n    { bold: false, text: t('Empty message...') },\n  ];\n};\n\nconst getLatestMessageDisplayDate = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  message: LatestMessage<StreamChatGenerics> | undefined,\n  tDateTimeParser: TDateTimeParser,\n) => {\n  const parserOutput = tDateTimeParser(message?.created_at);\n  if (isDayOrMoment(parserOutput)) {\n    if (parserOutput.isSame(new Date(), 'day')) {\n      return parserOutput.format('LT');\n    }\n    return parserOutput.format('L');\n  }\n  return parserOutput;\n};\n\nexport enum MessageReadStatus {\n  NOT_SENT_BY_CURRENT_USER = 0,\n  UNREAD = 1,\n  READ = 2,\n}\n\nconst getLatestMessageReadStatus = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  channel: Channel<StreamChatGenerics>,\n  client: StreamChat<StreamChatGenerics>,\n  message: LatestMessage<StreamChatGenerics> | undefined,\n  readEvents: boolean,\n): MessageReadStatus => {\n  const currentUserId = client.userID;\n  if (!message || currentUserId !== message.user?.id || readEvents === false) {\n    return MessageReadStatus.NOT_SENT_BY_CURRENT_USER;\n  }\n\n  const readList = channel.state.read;\n  if (currentUserId) {\n    delete readList[currentUserId];\n  }\n\n  const messageUpdatedAt = message.updated_at\n    ? typeof message.updated_at === 'string'\n      ? new Date(message.updated_at)\n      : message.updated_at\n    : undefined;\n\n  return Object.values(readList).some(\n    ({ last_read }) => messageUpdatedAt && messageUpdatedAt < last_read,\n  )\n    ? MessageReadStatus.READ\n    : MessageReadStatus.UNREAD;\n};\n\nconst getLatestMessagePreview = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(params: {\n  channel: Channel<StreamChatGenerics>;\n  client: StreamChat<StreamChatGenerics>;\n  readEvents: boolean;\n  t: (key: string) => string;\n  tDateTimeParser: TDateTimeParser;\n  lastMessage?:\n    | ReturnType<ChannelState<StreamChatGenerics>['formatMessage']>\n    | MessageResponse<StreamChatGenerics>;\n}) => {\n  const { channel, client, lastMessage, readEvents, t, tDateTimeParser } = params;\n\n  const messages = channel.state.messages;\n\n  if (!messages.length && !lastMessage) {\n    return {\n      created_at: '',\n      messageObject: undefined,\n      previews: [\n        {\n          bold: false,\n          text: t('Nothing yet...'),\n        },\n      ],\n      status: MessageReadStatus.NOT_SENT_BY_CURRENT_USER,\n    };\n  }\n  const message = lastMessage || messages.length ? messages[messages.length - 1] : undefined;\n\n  return {\n    created_at: getLatestMessageDisplayDate(message, tDateTimeParser),\n    messageObject: message,\n    previews: getLatestMessageDisplayText(channel, client, message, t),\n    status: getLatestMessageReadStatus(channel, client, message, readEvents),\n  };\n};\n\n/**\n * Hook to set the display preview for latest message on channel.\n *\n * @param {*} channel Channel object\n *\n * @returns {object} latest message preview e.g.. { text: 'this was last message ...', created_at: '11/12/2020', messageObject: { originalMessageObject } }\n */\nexport const useLatestMessagePreview = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  channel: Channel<StreamChatGenerics>,\n  forceUpdate: number,\n  lastMessage?:\n    | ReturnType<ChannelState<StreamChatGenerics>['formatMessage']>\n    | MessageResponse<StreamChatGenerics>,\n) => {\n  const { client } = useChatContext<StreamChatGenerics>();\n  const { t, tDateTimeParser } = useTranslationContext();\n\n  const channelConfigExists = typeof channel?.getConfig === 'function';\n\n  const messages = channel.state.messages;\n  const message = messages.length ? messages[messages.length - 1] : undefined;\n\n  const channelLastMessageString = `${lastMessage?.id || message?.id}${\n    lastMessage?.updated_at || message?.updated_at\n  }`;\n\n  const [readEvents, setReadEvents] = useState(true);\n  const [latestMessagePreview, setLatestMessagePreview] = useState<\n    LatestMessagePreview<StreamChatGenerics>\n  >({\n    created_at: '',\n    messageObject: undefined,\n    previews: [\n      {\n        bold: false,\n        text: '',\n      },\n    ],\n    status: MessageReadStatus.NOT_SENT_BY_CURRENT_USER,\n  });\n\n  const readStatus = getLatestMessageReadStatus(\n    channel,\n    client,\n    lastMessage || message,\n    readEvents,\n  );\n\n  useEffect(() => {\n    if (channelConfigExists) {\n      const read_events = channel.getConfig()?.read_events;\n      if (typeof read_events === 'boolean') {\n        setReadEvents(read_events);\n      }\n    }\n  }, [channelConfigExists]);\n\n  useEffect(\n    () =>\n      setLatestMessagePreview(\n        getLatestMessagePreview({\n          channel,\n          client,\n          lastMessage,\n          readEvents,\n          t,\n          tDateTimeParser,\n        }),\n      ),\n    [channelLastMessageString, forceUpdate, readEvents, readStatus],\n  );\n\n  return latestMessagePreview;\n};\n"]}
+{"version":3,"sources":["useLatestMessagePreview.ts"],"names":["getMessageSenderName","message","currentUserId","t","membersLength","user","id","name","username","getMentionUsers","mentionedUser","Array","isArray","mentionUserString","reduce","acc","cur","userName","length","getLatestMessageDisplayText","channel","client","bold","text","isMessageTypeDeleted","type","userID","members","Object","keys","state","messageSender","messageSenderText","boldOwner","includes","shortenedText","substring","replace","mentionedUsers","mentioned_users","regEx","RegExp","split","index","test","push","command","attachments","getLatestMessageDisplayDate","tDateTimeParser","parserOutput","created_at","isSame","Date","format","MessageReadStatus","getLatestMessageReadStatus","readEvents","NOT_SENT_BY_CURRENT_USER","readList","read","messageUpdatedAt","updated_at","undefined","values","some","last_read","READ","UNREAD","getLatestMessagePreview","params","lastMessage","messages","messageObject","previews","status","channelStateLastMessage","useLatestMessagePreview","forceUpdate","channelConfigExists","getConfig","channelLastMessageString","setReadEvents","latestMessagePreview","setLatestMessagePreview","readStatus","read_events"],"mappings":"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","sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { Channel, ChannelState, MessageResponse, StreamChat, UserResponse } from 'stream-chat';\n\nimport { useChatContext } from '../../../contexts/chatContext/ChatContext';\nimport {\n  isDayOrMoment,\n  TDateTimeParser,\n  useTranslationContext,\n} from '../../../contexts/translationContext/TranslationContext';\n\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\n\ntype LatestMessage<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> =\n  | ReturnType<ChannelState<StreamChatGenerics>['formatMessage']>\n  | MessageResponse<StreamChatGenerics>;\n\nexport type LatestMessagePreview<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n  created_at: string | number | Date;\n  messageObject: LatestMessage<StreamChatGenerics> | undefined;\n  previews: {\n    bold: boolean;\n    text: string;\n  }[];\n  status: number;\n};\n\nconst getMessageSenderName = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  message: LatestMessage<StreamChatGenerics> | undefined,\n  currentUserId: string | undefined,\n  t: (key: string) => string,\n  membersLength: number,\n) => {\n  if (message?.user?.id === currentUserId) {\n    return t('You');\n  }\n\n  if (membersLength > 2) {\n    return message?.user?.name || message?.user?.username || message?.user?.id || '';\n  }\n\n  return '';\n};\n\nconst getMentionUsers = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  mentionedUser: UserResponse<StreamChatGenerics>[] | undefined,\n) => {\n  if (Array.isArray(mentionedUser)) {\n    const mentionUserString = mentionedUser.reduce((acc, cur) => {\n      const userName = cur.name || cur.id || '';\n      if (userName) {\n        acc += `${acc.length ? '|' : ''}@${userName}`;\n      }\n      return acc;\n    }, '');\n    return mentionUserString;\n  }\n  return '';\n};\n\nconst getLatestMessageDisplayText = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  channel: Channel<StreamChatGenerics>,\n  client: StreamChat<StreamChatGenerics>,\n  message: LatestMessage<StreamChatGenerics> | undefined,\n  t: (key: string) => string,\n) => {\n  if (!message) return [{ bold: false, text: t('Nothing yet...') }];\n  const isMessageTypeDeleted = message.type === 'deleted';\n  if (isMessageTypeDeleted) return [{ bold: false, text: t('Message deleted') }];\n  const currentUserId = client?.userID;\n  const members = Object.keys(channel.state.members);\n\n  const messageSender = getMessageSenderName(message, currentUserId, t, members.length);\n  const messageSenderText = messageSender\n    ? `${messageSender === t('You') ? '' : '@'}${messageSender}: `\n    : '';\n  const boldOwner = messageSenderText.includes('@');\n  if (message.text) {\n    // rough guess optimization to limit string preview to max 100 characters\n    const shortenedText = message.text.substring(0, 100).replace(/\\n/g, ' ');\n    const mentionedUsers = getMentionUsers(message.mentioned_users);\n    const regEx = new RegExp(`^(${mentionedUsers})`);\n    return [\n      { bold: boldOwner, text: messageSenderText },\n      ...shortenedText.split('').reduce(\n        (acc, cur, index) => {\n          if (cur === '@' && mentionedUsers && regEx.test(shortenedText.substring(index))) {\n            acc.push({ bold: true, text: cur });\n          } else if (mentionedUsers && regEx.test(acc[acc.length - 1].text)) {\n            acc.push({ bold: false, text: cur });\n          } else {\n            acc[acc.length - 1].text += cur;\n          }\n          return acc;\n        },\n        [{ bold: false, text: '' }],\n      ),\n    ];\n  }\n  if (message.command) {\n    return [\n      { bold: boldOwner, text: messageSenderText },\n      { bold: false, text: `/${message.command}` },\n    ];\n  }\n  if (message.attachments?.length) {\n    return [\n      { bold: boldOwner, text: messageSenderText },\n      { bold: false, text: t('🏙 Attachment...') },\n    ];\n  }\n  return [\n    { bold: boldOwner, text: messageSenderText },\n    { bold: false, text: t('Empty message...') },\n  ];\n};\n\nconst getLatestMessageDisplayDate = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  message: LatestMessage<StreamChatGenerics> | undefined,\n  tDateTimeParser: TDateTimeParser,\n) => {\n  const parserOutput = tDateTimeParser(message?.created_at);\n  if (isDayOrMoment(parserOutput)) {\n    if (parserOutput.isSame(new Date(), 'day')) {\n      return parserOutput.format('LT');\n    }\n    return parserOutput.format('L');\n  }\n  return parserOutput;\n};\n\nexport enum MessageReadStatus {\n  NOT_SENT_BY_CURRENT_USER = 0,\n  UNREAD = 1,\n  READ = 2,\n}\n\nconst getLatestMessageReadStatus = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  channel: Channel<StreamChatGenerics>,\n  client: StreamChat<StreamChatGenerics>,\n  message: LatestMessage<StreamChatGenerics> | undefined,\n  readEvents: boolean,\n): MessageReadStatus => {\n  const currentUserId = client.userID;\n  if (!message || currentUserId !== message.user?.id || readEvents === false) {\n    return MessageReadStatus.NOT_SENT_BY_CURRENT_USER;\n  }\n\n  const readList = channel.state.read;\n  if (currentUserId) {\n    delete readList[currentUserId];\n  }\n\n  const messageUpdatedAt = message.updated_at\n    ? typeof message.updated_at === 'string'\n      ? new Date(message.updated_at)\n      : message.updated_at\n    : undefined;\n\n  return Object.values(readList).some(\n    ({ last_read }) => messageUpdatedAt && messageUpdatedAt < last_read,\n  )\n    ? MessageReadStatus.READ\n    : MessageReadStatus.UNREAD;\n};\n\nconst getLatestMessagePreview = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(params: {\n  channel: Channel<StreamChatGenerics>;\n  client: StreamChat<StreamChatGenerics>;\n  readEvents: boolean;\n  t: (key: string) => string;\n  tDateTimeParser: TDateTimeParser;\n  lastMessage?:\n    | ReturnType<ChannelState<StreamChatGenerics>['formatMessage']>\n    | MessageResponse<StreamChatGenerics>;\n}) => {\n  const { channel, client, lastMessage, readEvents, t, tDateTimeParser } = params;\n\n  const messages = channel.state.messages;\n\n  if (!messages.length && !lastMessage) {\n    return {\n      created_at: '',\n      messageObject: undefined,\n      previews: [\n        {\n          bold: false,\n          text: t('Nothing yet...'),\n        },\n      ],\n      status: MessageReadStatus.NOT_SENT_BY_CURRENT_USER,\n    };\n  }\n\n  const channelStateLastMessage = messages.length ? messages[messages.length - 1] : undefined;\n\n  const message = lastMessage !== undefined ? lastMessage : channelStateLastMessage;\n\n  return {\n    created_at: getLatestMessageDisplayDate(message, tDateTimeParser),\n    messageObject: message,\n    previews: getLatestMessageDisplayText(channel, client, message, t),\n    status: getLatestMessageReadStatus(channel, client, message, readEvents),\n  };\n};\n\n/**\n * Hook to set the display preview for latest message on channel.\n *\n * @param {*} channel Channel object\n *\n * @returns {object} latest message preview e.g.. { text: 'this was last message ...', created_at: '11/12/2020', messageObject: { originalMessageObject } }\n */\nexport const useLatestMessagePreview = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  channel: Channel<StreamChatGenerics>,\n  forceUpdate: number,\n  lastMessage?:\n    | ReturnType<ChannelState<StreamChatGenerics>['formatMessage']>\n    | MessageResponse<StreamChatGenerics>,\n) => {\n  const { client } = useChatContext<StreamChatGenerics>();\n  const { t, tDateTimeParser } = useTranslationContext();\n\n  const channelConfigExists = typeof channel?.getConfig === 'function';\n\n  const messages = channel.state.messages;\n  const message = messages.length ? messages[messages.length - 1] : undefined;\n\n  const channelLastMessageString = `${lastMessage?.id || message?.id}${\n    lastMessage?.updated_at || message?.updated_at\n  }`;\n\n  const [readEvents, setReadEvents] = useState(true);\n  const [latestMessagePreview, setLatestMessagePreview] = useState<\n    LatestMessagePreview<StreamChatGenerics>\n  >({\n    created_at: '',\n    messageObject: undefined,\n    previews: [\n      {\n        bold: false,\n        text: '',\n      },\n    ],\n    status: MessageReadStatus.NOT_SENT_BY_CURRENT_USER,\n  });\n\n  const readStatus = getLatestMessageReadStatus(\n    channel,\n    client,\n    lastMessage || message,\n    readEvents,\n  );\n\n  useEffect(() => {\n    if (channelConfigExists) {\n      const read_events = channel.getConfig()?.read_events;\n      if (typeof read_events === 'boolean') {\n        setReadEvents(read_events);\n      }\n    }\n  }, [channelConfigExists]);\n\n  useEffect(\n    () =>\n      setLatestMessagePreview(\n        getLatestMessagePreview({\n          channel,\n          client,\n          lastMessage,\n          readEvents,\n          t,\n          tDateTimeParser,\n        }),\n      ),\n    [channelLastMessageString, forceUpdate, readEvents, readStatus],\n  );\n\n  return latestMessagePreview;\n};\n"]}

package/lib/module/components/Chat/Chat.js

@@ -51,6 +51,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 (0, _init["default"])();
 
 var ChatWithContext = function ChatWithContext(props) {
+  var _client$user;
+
   var children = props.children,
       client = props.client,
       _props$closeConnectio = props.closeConnectionOnBackground,
@@ -112,15 +114,17 @@ var ChatWithContext = function ChatWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 180,
+      lineNumber: 181,
       columnNumber: 5
     }
   }, _react["default"].createElement(_TranslationContext.TranslationProvider, {
-    value: translators,
+    value: (0, _extends2["default"])({}, translators, {
+      userLanguage: ((_client$user = client.user) == null ? void 0 : _client$user.language) || _TranslationContext.DEFAULT_USER_LANGUAGE
+    }),
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 181,
+      lineNumber: 182,
       columnNumber: 7
     }
   }, _react["default"].createElement(_ThemeContext.ThemeProvider, {
@@ -128,7 +132,7 @@ var ChatWithContext = function ChatWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 182,
+      lineNumber: 185,
       columnNumber: 9
     }
   }, children)));
@@ -144,7 +148,7 @@ var Chat = function Chat(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 216,
+      lineNumber: 219,
       columnNumber: 10
     }
   }));

package/lib/module/components/Chat/Chat.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Chat.tsx"],"names":["ChatWithContext","props","children","client","closeConnectionOnBackground","i18nInstance","style","channel","setChannel","t","key","tDateTimeParser","input","translators","setTranslators","loadingTranslators","connectionRecovering","isOnline","mutedUsers","setUserAgent","SDK","Platform","OS","version","recoverStateOnReconnect","setActiveChannel","newChannel","appSettings","chatContext","Chat"],"mappings":"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","sourcesContent":["import React, { PropsWithChildren, useEffect, useState } from 'react';\nimport { Platform } from 'react-native';\n\nimport Dayjs from 'dayjs';\n\nimport type { Channel } from 'stream-chat';\n\nimport { useAppSettings } from './hooks/useAppSettings';\nimport { useCreateChatContext } from './hooks/useCreateChatContext';\nimport { useIsOnline } from './hooks/useIsOnline';\nimport { useMutedUsers } from './hooks/useMutedUsers';\n\nimport { ChatContextValue, ChatProvider } from '../../contexts/chatContext/ChatContext';\nimport { useOverlayContext } from '../../contexts/overlayContext/OverlayContext';\nimport { DeepPartial, ThemeProvider } from '../../contexts/themeContext/ThemeContext';\nimport type { Theme } from '../../contexts/themeContext/utils/theme';\nimport {\n  TranslationContextValue,\n  TranslationProvider,\n} from '../../contexts/translationContext/TranslationContext';\nimport { useStreami18n } from '../../hooks/useStreami18n';\nimport init from '../../init';\n\nimport { SDK } from '../../native';\nimport type { DefaultStreamChatGenerics } from '../../types/types';\nimport type { Streami18n } from '../../utils/Streami18n';\nimport { version } from '../../version.json';\n\ninit();\n\nexport type ChatProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<ChatContextValue<StreamChatGenerics>, 'client'> & {\n  /**\n   * When false, ws connection won't be disconnection upon backgrounding the app.\n   * To receive push notifications, its necessary that user doesn't have active\n   * websocket connection. So by default, we disconnect websocket connection when\n   * app goes to background, and reconnect when app comes to foreground.\n   */\n  closeConnectionOnBackground?: boolean;\n  /**\n   * Instance of Streami18n class should be provided to Chat component to enable internationalization.\n   *\n   * Stream provides following list of in-built translations:\n   * 1. English (en)\n   * 2. Dutch (nl)\n   * 3. ...\n   * 4. ...\n   *\n   * Simplest way to start using chat components in one of the in-built languages would be following:\n   *\n   * ```\n   * const i18n = new Streami18n('nl');\n   * <Chat client={chatClient} i18nInstance={i18n}>\n   *  ...\n   * </Chat>\n   * ```\n   *\n   * If you would like to override certain keys in in-built translation.\n   * UI will be automatically updated in this case.\n   *\n   * ```\n   * const i18n = new Streami18n('nl');\n   *\n   * i18n.registerTranslation('nl', {\n   *  'Nothing yet...': 'Nog Niet ...',\n   *  '{{ firstUser }} and {{ secondUser }} are typing...': '{{ firstUser }} en {{ secondUser }} zijn aan het typen...',\n   * });\n   *\n   * <Chat client={chatClient} i18nInstance={i18n}>\n   *  ...\n   * </Chat>\n   * ```\n   *\n   * You can use the same function to add whole new language.\n   *\n   * ```\n   * const i18n = new Streami18n('it');\n   *\n   * i18n.registerTranslation('it', {\n   *  'Nothing yet...': 'Non ancora ...',\n   *  '{{ firstUser }} and {{ secondUser }} are typing...': '{{ firstUser }} a {{ secondUser }} stanno scrivendo...',\n   * });\n   *\n   * // Make sure to call setLanguage to reflect new language in UI.\n   * i18n.setLanguage('it');\n   * <Chat client={chatClient} i18nInstance={i18n}>\n   *  ...\n   * </Chat>\n   * ```\n   */\n  i18nInstance?: Streami18n;\n  /**\n   * You can pass the theme object to customize the styles of Chat components. You can check the default theme in [theme.ts](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/contexts/themeContext/utils/theme.ts)\n   *\n   * Please check section about [themes in cookbook](https://github.com/GetStream/stream-chat-react-native/wiki/Cookbook-v3.0#theme) for details.\n   *\n   * ```\n   * import type { DeepPartial, Theme } from 'stream-chat-react-native';\n   *\n   * const theme: DeepPartial<Theme> = {\n   *   messageSimple: {\n   *     file: {\n   *       container: {\n   *         backgroundColor: 'red',\n   *       },\n   *       icon: {\n   *         height: 16,\n   *         width: 16,\n   *       },\n   *     },\n   *   },\n   * };\n   *\n   * <Chat style={theme}>\n   * </Chat>\n   * ```\n   *\n   * @overrideType object\n   */\n  style?: DeepPartial<Theme>;\n};\n\nconst ChatWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: PropsWithChildren<ChatProps<StreamChatGenerics>>,\n) => {\n  const { children, client, closeConnectionOnBackground = true, i18nInstance, style } = props;\n\n  const [channel, setChannel] = useState<Channel<StreamChatGenerics>>();\n  const [translators, setTranslators] = useState<TranslationContextValue>({\n    t: (key: string) => key,\n    tDateTimeParser: (input?: string | number | Date) => Dayjs(input),\n  });\n\n  /**\n   * Setup translators\n   */\n  const loadingTranslators = useStreami18n({ i18nInstance, setTranslators });\n\n  /**\n   * Setup connection event listeners\n   */\n  const { connectionRecovering, isOnline } = useIsOnline<StreamChatGenerics>(\n    client,\n    closeConnectionOnBackground,\n  );\n\n  /**\n   * Setup muted user listener\n   */\n  const mutedUsers = useMutedUsers<StreamChatGenerics>(client);\n\n  useEffect(() => {\n    if (client.setUserAgent) {\n      client.setUserAgent(`${SDK}-${Platform.OS}-${version}`);\n      // This is to disable recovery related logic in js client, since we handle it in this SDK\n      client.recoverStateOnReconnect = false;\n    }\n  }, []);\n\n  const setActiveChannel = (newChannel?: Channel<StreamChatGenerics>) => setChannel(newChannel);\n\n  const appSettings = useAppSettings(client, isOnline);\n\n  const chatContext = useCreateChatContext({\n    appSettings,\n    channel,\n    client,\n    connectionRecovering,\n    isOnline,\n    mutedUsers,\n    setActiveChannel,\n  });\n\n  if (loadingTranslators) return null;\n\n  return (\n    <ChatProvider<StreamChatGenerics> value={chatContext}>\n      <TranslationProvider value={translators}>\n        <ThemeProvider style={style}>{children}</ThemeProvider>\n      </TranslationProvider>\n    </ChatProvider>\n  );\n};\n\n/**\n * Chat - Wrapper component for Chat. The needs to be placed around any other chat components.\n * This Chat component provides the ChatContext to all other components.\n *\n * The ChatContext provides the following props:\n *\n * - channel - currently active channel\n * - client - client connection\n * - connectionRecovering - whether or not websocket is reconnecting\n * - isOnline - whether or not set user is active\n * - setActiveChannel - function to set the currently active channel\n *\n * The Chat Component takes the following generics in order:\n * - At (AttachmentType) - custom Attachment object extension\n * - Ct (ChannelType) - custom Channel object extension\n * - Co (CommandType) - custom Command string union extension\n * - Ev (EventType) - custom Event object extension\n * - Me (MessageType) - custom Message object extension\n * - Re (ReactionType) - custom Reaction object extension\n * - Us (UserType) - custom User object extension\n */\nexport const Chat = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: PropsWithChildren<ChatProps<StreamChatGenerics>>,\n) => {\n  const { style } = useOverlayContext();\n\n  return <ChatWithContext {...{ style }} {...props} />;\n};\n"]}
+{"version":3,"sources":["Chat.tsx"],"names":["ChatWithContext","props","children","client","closeConnectionOnBackground","i18nInstance","style","channel","setChannel","t","key","tDateTimeParser","input","translators","setTranslators","loadingTranslators","connectionRecovering","isOnline","mutedUsers","setUserAgent","SDK","Platform","OS","version","recoverStateOnReconnect","setActiveChannel","newChannel","appSettings","chatContext","userLanguage","user","language","DEFAULT_USER_LANGUAGE","Chat"],"mappings":"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","sourcesContent":["import React, { PropsWithChildren, useEffect, useState } from 'react';\nimport { Platform } from 'react-native';\n\nimport Dayjs from 'dayjs';\n\nimport type { Channel } from 'stream-chat';\n\nimport { useAppSettings } from './hooks/useAppSettings';\nimport { useCreateChatContext } from './hooks/useCreateChatContext';\nimport { useIsOnline } from './hooks/useIsOnline';\nimport { useMutedUsers } from './hooks/useMutedUsers';\n\nimport { ChatContextValue, ChatProvider } from '../../contexts/chatContext/ChatContext';\nimport { useOverlayContext } from '../../contexts/overlayContext/OverlayContext';\nimport { DeepPartial, ThemeProvider } from '../../contexts/themeContext/ThemeContext';\nimport type { Theme } from '../../contexts/themeContext/utils/theme';\nimport {\n  DEFAULT_USER_LANGUAGE,\n  TranslationProvider,\n  TranslatorFunctions,\n} from '../../contexts/translationContext/TranslationContext';\nimport { useStreami18n } from '../../hooks/useStreami18n';\nimport init from '../../init';\n\nimport { SDK } from '../../native';\nimport type { DefaultStreamChatGenerics } from '../../types/types';\nimport type { Streami18n } from '../../utils/Streami18n';\nimport { version } from '../../version.json';\n\ninit();\n\nexport type ChatProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<ChatContextValue<StreamChatGenerics>, 'client'> & {\n  /**\n   * When false, ws connection won't be disconnection upon backgrounding the app.\n   * To receive push notifications, its necessary that user doesn't have active\n   * websocket connection. So by default, we disconnect websocket connection when\n   * app goes to background, and reconnect when app comes to foreground.\n   */\n  closeConnectionOnBackground?: boolean;\n  /**\n   * Instance of Streami18n class should be provided to Chat component to enable internationalization.\n   *\n   * Stream provides following list of in-built translations:\n   * 1. English (en)\n   * 2. Dutch (nl)\n   * 3. ...\n   * 4. ...\n   *\n   * Simplest way to start using chat components in one of the in-built languages would be following:\n   *\n   * ```\n   * const i18n = new Streami18n('nl');\n   * <Chat client={chatClient} i18nInstance={i18n}>\n   *  ...\n   * </Chat>\n   * ```\n   *\n   * If you would like to override certain keys in in-built translation.\n   * UI will be automatically updated in this case.\n   *\n   * ```\n   * const i18n = new Streami18n('nl');\n   *\n   * i18n.registerTranslation('nl', {\n   *  'Nothing yet...': 'Nog Niet ...',\n   *  '{{ firstUser }} and {{ secondUser }} are typing...': '{{ firstUser }} en {{ secondUser }} zijn aan het typen...',\n   * });\n   *\n   * <Chat client={chatClient} i18nInstance={i18n}>\n   *  ...\n   * </Chat>\n   * ```\n   *\n   * You can use the same function to add whole new language.\n   *\n   * ```\n   * const i18n = new Streami18n('it');\n   *\n   * i18n.registerTranslation('it', {\n   *  'Nothing yet...': 'Non ancora ...',\n   *  '{{ firstUser }} and {{ secondUser }} are typing...': '{{ firstUser }} a {{ secondUser }} stanno scrivendo...',\n   * });\n   *\n   * // Make sure to call setLanguage to reflect new language in UI.\n   * i18n.setLanguage('it');\n   * <Chat client={chatClient} i18nInstance={i18n}>\n   *  ...\n   * </Chat>\n   * ```\n   */\n  i18nInstance?: Streami18n;\n  /**\n   * You can pass the theme object to customize the styles of Chat components. You can check the default theme in [theme.ts](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/contexts/themeContext/utils/theme.ts)\n   *\n   * Please check section about [themes in cookbook](https://github.com/GetStream/stream-chat-react-native/wiki/Cookbook-v3.0#theme) for details.\n   *\n   * ```\n   * import type { DeepPartial, Theme } from 'stream-chat-react-native';\n   *\n   * const theme: DeepPartial<Theme> = {\n   *   messageSimple: {\n   *     file: {\n   *       container: {\n   *         backgroundColor: 'red',\n   *       },\n   *       icon: {\n   *         height: 16,\n   *         width: 16,\n   *       },\n   *     },\n   *   },\n   * };\n   *\n   * <Chat style={theme}>\n   * </Chat>\n   * ```\n   *\n   * @overrideType object\n   */\n  style?: DeepPartial<Theme>;\n};\n\nconst ChatWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: PropsWithChildren<ChatProps<StreamChatGenerics>>,\n) => {\n  const { children, client, closeConnectionOnBackground = true, i18nInstance, style } = props;\n\n  const [channel, setChannel] = useState<Channel<StreamChatGenerics>>();\n  const [translators, setTranslators] = useState<TranslatorFunctions>({\n    t: (key: string) => key,\n    tDateTimeParser: (input?: string | number | Date) => Dayjs(input),\n  });\n\n  /**\n   * Setup translators\n   */\n  const loadingTranslators = useStreami18n({ i18nInstance, setTranslators });\n\n  /**\n   * Setup connection event listeners\n   */\n  const { connectionRecovering, isOnline } = useIsOnline<StreamChatGenerics>(\n    client,\n    closeConnectionOnBackground,\n  );\n\n  /**\n   * Setup muted user listener\n   */\n  const mutedUsers = useMutedUsers<StreamChatGenerics>(client);\n\n  useEffect(() => {\n    if (client.setUserAgent) {\n      client.setUserAgent(`${SDK}-${Platform.OS}-${version}`);\n      // This is to disable recovery related logic in js client, since we handle it in this SDK\n      client.recoverStateOnReconnect = false;\n    }\n  }, []);\n\n  const setActiveChannel = (newChannel?: Channel<StreamChatGenerics>) => setChannel(newChannel);\n\n  const appSettings = useAppSettings(client, isOnline);\n\n  const chatContext = useCreateChatContext({\n    appSettings,\n    channel,\n    client,\n    connectionRecovering,\n    isOnline,\n    mutedUsers,\n    setActiveChannel,\n  });\n\n  if (loadingTranslators) return null;\n\n  return (\n    <ChatProvider<StreamChatGenerics> value={chatContext}>\n      <TranslationProvider\n        value={{ ...translators, userLanguage: client.user?.language || DEFAULT_USER_LANGUAGE }}\n      >\n        <ThemeProvider style={style}>{children}</ThemeProvider>\n      </TranslationProvider>\n    </ChatProvider>\n  );\n};\n\n/**\n * Chat - Wrapper component for Chat. The needs to be placed around any other chat components.\n * This Chat component provides the ChatContext to all other components.\n *\n * The ChatContext provides the following props:\n *\n * - channel - currently active channel\n * - client - client connection\n * - connectionRecovering - whether or not websocket is reconnecting\n * - isOnline - whether or not set user is active\n * - setActiveChannel - function to set the currently active channel\n *\n * The Chat Component takes the following generics in order:\n * - At (AttachmentType) - custom Attachment object extension\n * - Ct (ChannelType) - custom Channel object extension\n * - Co (CommandType) - custom Command string union extension\n * - Ev (EventType) - custom Event object extension\n * - Me (MessageType) - custom Message object extension\n * - Re (ReactionType) - custom Reaction object extension\n * - Us (UserType) - custom User object extension\n */\nexport const Chat = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: PropsWithChildren<ChatProps<StreamChatGenerics>>,\n) => {\n  const { style } = useOverlayContext();\n\n  return <ChatWithContext {...{ style }} {...props} />;\n};\n"]}