stream-chat-react-native-core 5.8.0-beta.5 → 5.8.0-beta.7

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

@@ -1,25 +1,16 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ChannelPreviewStatus = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _useLatestMessagePreview = require("./hooks/useLatestMessagePreview");
-
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
-
 var _icons = require("../../icons");
-
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ChannelPreview/ChannelPreviewStatus.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ChannelPreview/ChannelPreviewStatus.tsx";
 var styles = _reactNative.StyleSheet.create({
   date: {
     fontSize: 12,
@@ -30,23 +21,19 @@ var styles = _reactNative.StyleSheet.create({
     flexDirection: 'row'
   }
 });
-
 var ChannelPreviewStatus = function ChannelPreviewStatus(props) {
   var _latestMessagePreview;
-
   var formatLatestMessageDate = props.formatLatestMessageDate,
-      latestMessagePreview = props.latestMessagePreview;
-
+    latestMessagePreview = props.latestMessagePreview;
   var _useTheme = (0, _ThemeContext.useTheme)(),
-      _useTheme$theme = _useTheme.theme,
-      _useTheme$theme$chann = _useTheme$theme.channelPreview,
-      checkAllIcon = _useTheme$theme$chann.checkAllIcon,
-      checkIcon = _useTheme$theme$chann.checkIcon,
-      date = _useTheme$theme$chann.date,
-      _useTheme$theme$color = _useTheme$theme.colors,
-      accent_blue = _useTheme$theme$color.accent_blue,
-      grey = _useTheme$theme$color.grey;
-
+    _useTheme$theme = _useTheme.theme,
+    _useTheme$theme$chann = _useTheme$theme.channelPreview,
+    checkAllIcon = _useTheme$theme$chann.checkAllIcon,
+    checkIcon = _useTheme$theme$chann.checkIcon,
+    date = _useTheme$theme$chann.date,
+    _useTheme$theme$color = _useTheme$theme.colors,
+    accent_blue = _useTheme$theme$color.accent_blue,
+    grey = _useTheme$theme$color.grey;
   var created_at = (_latestMessagePreview = latestMessagePreview.messageObject) == null ? void 0 : _latestMessagePreview.created_at;
   var latestMessageDate = created_at ? new Date(created_at) : new Date();
   var status = latestMessagePreview.status;
@@ -88,6 +75,5 @@ var ChannelPreviewStatus = function ChannelPreviewStatus(props) {
     }
   }, formatLatestMessageDate && latestMessageDate ? formatLatestMessageDate(latestMessageDate) : latestMessagePreview.created_at));
 };
-
 exports.ChannelPreviewStatus = ChannelPreviewStatus;
 //# sourceMappingURL=ChannelPreviewStatus.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["ChannelPreviewStatus.tsx"],"names":["styles","StyleSheet","create","date","fontSize","marginLeft","textAlign","flexRow","flexDirection","ChannelPreviewStatus","props","formatLatestMessageDate","latestMessagePreview","theme","channelPreview","checkAllIcon","checkIcon","colors","accent_blue","grey","created_at","messageObject","latestMessageDate","Date","status","MessageReadStatus","READ","UNREAD","color"],"mappings":";;;;;;;;;AAAA;;AACA;;AAIA;;AAEA;;AACA;;;;;AAIA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,IAAI,EAAE;AACJC,IAAAA,QAAQ,EAAE,EADN;AAEJC,IAAAA,UAAU,EAAE,CAFR;AAGJC,IAAAA,SAAS,EAAE;AAHP,GADyB;AAM/BC,EAAAA,OAAO,EAAE;AACPC,IAAAA,aAAa,EAAE;AADR;AANsB,CAAlB,CAAf;;AAmBO,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAGlCC,KAHkC,EAI/B;AAAA;;AACH,MAAQC,uBAAR,GAA0DD,KAA1D,CAAQC,uBAAR;AAAA,MAAiCC,oBAAjC,GAA0DF,KAA1D,CAAiCE,oBAAjC;;AACA,kBAKI,6BALJ;AAAA,kCACEC,KADF;AAAA,8CAEIC,cAFJ;AAAA,MAEsBC,YAFtB,yBAEsBA,YAFtB;AAAA,MAEoCC,SAFpC,yBAEoCA,SAFpC;AAAA,MAE+Cb,IAF/C,yBAE+CA,IAF/C;AAAA,8CAGIc,MAHJ;AAAA,MAGcC,WAHd,yBAGcA,WAHd;AAAA,MAG2BC,IAH3B,yBAG2BA,IAH3B;;AAOA,MAAMC,UAAU,4BAAGR,oBAAoB,CAACS,aAAxB,qBAAG,sBAAoCD,UAAvD;AACA,MAAME,iBAAiB,GAAGF,UAAU,GAAG,IAAIG,IAAJ,CAASH,UAAT,CAAH,GAA0B,IAAIG,IAAJ,EAA9D;AACA,MAAMC,MAAM,GAAGZ,oBAAoB,CAACY,MAApC;AAEA,SACE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAExB,MAAM,CAACO,OAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGiB,MAAM,KAAKC,2CAAkBC,IAA7B,GACC,gCAAC,eAAD;AAAU,IAAA,QAAQ,EAAER;AAApB,KAAqCH,YAArC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KADD,GAEGS,MAAM,KAAKC,2CAAkBE,MAA7B,GACF,gCAAC,YAAD;AAAO,IAAA,QAAQ,EAAER;AAAjB,KAA2BH,SAA3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KADE,GAEA,IALN,EAME,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAAChB,MAAM,CAACG,IAAR,EAAc;AAAEyB,MAAAA,KAAK,EAAET;AAAT,KAAd,EAA+BhB,IAA/B,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGQ,uBAAuB,IAAIW,iBAA3B,GACGX,uBAAuB,CAACW,iBAAD,CAD1B,GAEGV,oBAAoB,CAACQ,UAH3B,CANF,CADF;AAcD,CA/BM","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport type { ChannelPreviewProps } from './ChannelPreview';\nimport type { ChannelPreviewMessengerPropsWithContext } from './ChannelPreviewMessenger';\nimport { MessageReadStatus } from './hooks/useLatestMessagePreview';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { Check, CheckAll } from '../../icons';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nconst styles = StyleSheet.create({\n  date: {\n    fontSize: 12,\n    marginLeft: 2,\n    textAlign: 'right',\n  },\n  flexRow: {\n    flexDirection: 'row',\n  },\n});\n\nexport type ChannelPreviewStatusProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<\n  ChannelPreviewMessengerPropsWithContext<StreamChatGenerics>,\n  'latestMessagePreview' | 'formatLatestMessageDate'\n> &\n  Pick<ChannelPreviewProps<StreamChatGenerics>, 'channel'>;\n\nexport const ChannelPreviewStatus = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ChannelPreviewStatusProps<StreamChatGenerics>,\n) => {\n  const { formatLatestMessageDate, latestMessagePreview } = props;\n  const {\n    theme: {\n      channelPreview: { checkAllIcon, checkIcon, date },\n      colors: { accent_blue, grey },\n    },\n  } = useTheme();\n\n  const created_at = latestMessagePreview.messageObject?.created_at;\n  const latestMessageDate = created_at ? new Date(created_at) : new Date();\n  const status = latestMessagePreview.status;\n\n  return (\n    <View style={styles.flexRow}>\n      {status === MessageReadStatus.READ ? (\n        <CheckAll pathFill={accent_blue} {...checkAllIcon} />\n      ) : status === MessageReadStatus.UNREAD ? (\n        <Check pathFill={grey} {...checkIcon} />\n      ) : null}\n      <Text style={[styles.date, { color: grey }, date]}>\n        {formatLatestMessageDate && latestMessageDate\n          ? formatLatestMessageDate(latestMessageDate)\n          : latestMessagePreview.created_at}\n      </Text>\n    </View>\n  );\n};\n"]}
+{"version":3,"names":["styles","StyleSheet","create","date","fontSize","marginLeft","textAlign","flexRow","flexDirection","ChannelPreviewStatus","props","formatLatestMessageDate","latestMessagePreview","useTheme","theme","channelPreview","checkAllIcon","checkIcon","colors","accent_blue","grey","created_at","messageObject","latestMessageDate","Date","status","MessageReadStatus","READ","UNREAD","color"],"sources":["ChannelPreviewStatus.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport type { ChannelPreviewProps } from './ChannelPreview';\nimport type { ChannelPreviewMessengerPropsWithContext } from './ChannelPreviewMessenger';\nimport { MessageReadStatus } from './hooks/useLatestMessagePreview';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { Check, CheckAll } from '../../icons';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nconst styles = StyleSheet.create({\n  date: {\n    fontSize: 12,\n    marginLeft: 2,\n    textAlign: 'right',\n  },\n  flexRow: {\n    flexDirection: 'row',\n  },\n});\n\nexport type ChannelPreviewStatusProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<\n  ChannelPreviewMessengerPropsWithContext<StreamChatGenerics>,\n  'latestMessagePreview' | 'formatLatestMessageDate'\n> &\n  Pick<ChannelPreviewProps<StreamChatGenerics>, 'channel'>;\n\nexport const ChannelPreviewStatus = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ChannelPreviewStatusProps<StreamChatGenerics>,\n) => {\n  const { formatLatestMessageDate, latestMessagePreview } = props;\n  const {\n    theme: {\n      channelPreview: { checkAllIcon, checkIcon, date },\n      colors: { accent_blue, grey },\n    },\n  } = useTheme();\n\n  const created_at = latestMessagePreview.messageObject?.created_at;\n  const latestMessageDate = created_at ? new Date(created_at) : new Date();\n  const status = latestMessagePreview.status;\n\n  return (\n    <View style={styles.flexRow}>\n      {status === MessageReadStatus.READ ? (\n        <CheckAll pathFill={accent_blue} {...checkAllIcon} />\n      ) : status === MessageReadStatus.UNREAD ? (\n        <Check pathFill={grey} {...checkIcon} />\n      ) : null}\n      <Text style={[styles.date, { color: grey }, date]}>\n        {formatLatestMessageDate && latestMessageDate\n          ? formatLatestMessageDate(latestMessageDate)\n          : latestMessagePreview.created_at}\n      </Text>\n    </View>\n  );\n};\n"],"mappings":";;;;;;AAAA;AACA;AAIA;AAEA;AACA;AAA8C;EAAA;AAI9C,IAAMA,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,IAAI,EAAE;IACJC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,CAAC;IACbC,SAAS,EAAE;EACb,CAAC;EACDC,OAAO,EAAE;IACPC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC;AAUK,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoB,CAG/BC,KAAoD,EACjD;EAAA;EACH,IAAQC,uBAAuB,GAA2BD,KAAK,CAAvDC,uBAAuB;IAAEC,oBAAoB,GAAKF,KAAK,CAA9BE,oBAAoB;EACrD,gBAKI,IAAAC,sBAAQ,GAAE;IAAA,4BAJZC,KAAK;IAAA,wCACHC,cAAc;IAAIC,YAAY,yBAAZA,YAAY;IAAEC,SAAS,yBAATA,SAAS;IAAEd,IAAI,yBAAJA,IAAI;IAAA,wCAC/Ce,MAAM;IAAIC,WAAW,yBAAXA,WAAW;IAAEC,IAAI,yBAAJA,IAAI;EAI/B,IAAMC,UAAU,4BAAGT,oBAAoB,CAACU,aAAa,qBAAlC,sBAAoCD,UAAU;EACjE,IAAME,iBAAiB,GAAGF,UAAU,GAAG,IAAIG,IAAI,CAACH,UAAU,CAAC,GAAG,IAAIG,IAAI,EAAE;EACxE,IAAMC,MAAM,GAAGb,oBAAoB,CAACa,MAAM;EAE1C,OACE,gCAAC,iBAAI;IAAC,KAAK,EAAEzB,MAAM,CAACO,OAAQ;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GACzBkB,MAAM,KAAKC,0CAAiB,CAACC,IAAI,GAChC,gCAAC,eAAQ;IAAC,QAAQ,EAAER;EAAY,GAAKH,YAAY;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAAI,GACnDS,MAAM,KAAKC,0CAAiB,CAACE,MAAM,GACrC,gCAAC,YAAK;IAAC,QAAQ,EAAER;EAAK,GAAKH,SAAS;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAAI,GACtC,IAAI,EACR,gCAAC,iBAAI;IAAC,KAAK,EAAE,CAACjB,MAAM,CAACG,IAAI,EAAE;MAAE0B,KAAK,EAAET;IAAK,CAAC,EAAEjB,IAAI,CAAE;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAC/CQ,uBAAuB,IAAIY,iBAAiB,GACzCZ,uBAAuB,CAACY,iBAAiB,CAAC,GAC1CX,oBAAoB,CAACS,UAAU,CAC9B,CACF;AAEX,CAAC;AAAC"}

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

@@ -1,34 +1,25 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ChannelPreviewTitle = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
-
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ChannelPreview/ChannelPreviewTitle.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ChannelPreview/ChannelPreviewTitle.tsx";
 var styles = _reactNative.StyleSheet.create({
   title: {
     fontSize: 14,
     fontWeight: '700'
   }
 });
-
 var ChannelPreviewTitle = function ChannelPreviewTitle(props) {
   var displayName = props.displayName;
-
   var _useTheme = (0, _ThemeContext.useTheme)(),
-      _useTheme$theme = _useTheme.theme,
-      title = _useTheme$theme.channelPreview.title,
-      black = _useTheme$theme.colors.black;
-
+    _useTheme$theme = _useTheme.theme,
+    title = _useTheme$theme.channelPreview.title,
+    black = _useTheme$theme.colors.black;
   return _react["default"].createElement(_reactNative.Text, {
     numberOfLines: 1,
     style: [styles.title, {
@@ -42,6 +33,5 @@ var ChannelPreviewTitle = function ChannelPreviewTitle(props) {
     }
   }, displayName);
 };
-
 exports.ChannelPreviewTitle = ChannelPreviewTitle;
 //# sourceMappingURL=ChannelPreviewTitle.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["ChannelPreviewTitle.tsx"],"names":["styles","StyleSheet","create","title","fontSize","fontWeight","ChannelPreviewTitle","props","displayName","theme","channelPreview","black","colors","color"],"mappings":";;;;;;;AAAA;;AACA;;AAIA;;;;;AAIA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,KAAK,EAAE;AAAEC,IAAAA,QAAQ,EAAE,EAAZ;AAAgBC,IAAAA,UAAU,EAAE;AAA5B;AADwB,CAAlB,CAAf;;AAUO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAGjCC,KAHiC,EAI9B;AACH,MAAQC,WAAR,GAAwBD,KAAxB,CAAQC,WAAR;;AACA,kBAKI,6BALJ;AAAA,kCACEC,KADF;AAAA,MAEsBN,KAFtB,mBAEIO,cAFJ,CAEsBP,KAFtB;AAAA,MAGcQ,KAHd,mBAGIC,MAHJ,CAGcD,KAHd;;AAOA,SACE,gCAAC,iBAAD;AAAM,IAAA,aAAa,EAAE,CAArB;AAAwB,IAAA,KAAK,EAAE,CAACX,MAAM,CAACG,KAAR,EAAe;AAAEU,MAAAA,KAAK,EAAEF;AAAT,KAAf,EAAiCR,KAAjC,CAA/B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGK,WADH,CADF;AAKD,CAlBM","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text } from 'react-native';\n\nimport type { ChannelPreviewProps } from './ChannelPreview';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nconst styles = StyleSheet.create({\n  title: { fontSize: 14, fontWeight: '700' },\n});\n\nexport type ChannelPreviewTitleProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<ChannelPreviewProps<StreamChatGenerics>, 'channel'> & {\n  displayName: string;\n};\n\nexport const ChannelPreviewTitle = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ChannelPreviewTitleProps<StreamChatGenerics>,\n) => {\n  const { displayName } = props;\n  const {\n    theme: {\n      channelPreview: { title },\n      colors: { black },\n    },\n  } = useTheme();\n\n  return (\n    <Text numberOfLines={1} style={[styles.title, { color: black }, title]}>\n      {displayName}\n    </Text>\n  );\n};\n"]}
+{"version":3,"names":["styles","StyleSheet","create","title","fontSize","fontWeight","ChannelPreviewTitle","props","displayName","useTheme","theme","channelPreview","black","colors","color"],"sources":["ChannelPreviewTitle.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, Text } from 'react-native';\n\nimport type { ChannelPreviewProps } from './ChannelPreview';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nconst styles = StyleSheet.create({\n  title: { fontSize: 14, fontWeight: '700' },\n});\n\nexport type ChannelPreviewTitleProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<ChannelPreviewProps<StreamChatGenerics>, 'channel'> & {\n  displayName: string;\n};\n\nexport const ChannelPreviewTitle = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ChannelPreviewTitleProps<StreamChatGenerics>,\n) => {\n  const { displayName } = props;\n  const {\n    theme: {\n      channelPreview: { title },\n      colors: { black },\n    },\n  } = useTheme();\n\n  return (\n    <Text numberOfLines={1} style={[styles.title, { color: black }, title]}>\n      {displayName}\n    </Text>\n  );\n};\n"],"mappings":";;;;;AAAA;AACA;AAIA;AAAoE;EAAA;AAIpE,IAAMA,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,KAAK,EAAE;IAAEC,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE;EAAM;AAC3C,CAAC,CAAC;AAQK,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmB,CAG9BC,KAAmD,EAChD;EACH,IAAQC,WAAW,GAAKD,KAAK,CAArBC,WAAW;EACnB,gBAKI,IAAAC,sBAAQ,GAAE;IAAA,4BAJZC,KAAK;IACeP,KAAK,mBAAvBQ,cAAc,CAAIR,KAAK;IACbS,KAAK,mBAAfC,MAAM,CAAID,KAAK;EAInB,OACE,gCAAC,iBAAI;IAAC,aAAa,EAAE,CAAE;IAAC,KAAK,EAAE,CAACZ,MAAM,CAACG,KAAK,EAAE;MAAEW,KAAK,EAAEF;IAAM,CAAC,EAAET,KAAK,CAAE;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GACpEK,WAAW,CACP;AAEX,CAAC;AAAC"}

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

@@ -1,19 +1,13 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ChannelPreviewUnreadCount = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
-
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ChannelPreview/ChannelPreviewUnreadCount.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ChannelPreview/ChannelPreviewUnreadCount.tsx";
 var styles = _reactNative.StyleSheet.create({
   unreadContainer: {
     alignItems: 'center',
@@ -29,18 +23,15 @@ var styles = _reactNative.StyleSheet.create({
     paddingVertical: 1
   }
 });
-
 var ChannelPreviewUnreadCount = function ChannelPreviewUnreadCount(props) {
   var maxUnreadCount = props.maxUnreadCount,
-      unread = props.unread;
-
+    unread = props.unread;
   var _useTheme = (0, _ThemeContext.useTheme)(),
-      _useTheme$theme = _useTheme.theme,
-      _useTheme$theme$chann = _useTheme$theme.channelPreview,
-      unreadContainer = _useTheme$theme$chann.unreadContainer,
-      unreadText = _useTheme$theme$chann.unreadText,
-      accent_red = _useTheme$theme.colors.accent_red;
-
+    _useTheme$theme = _useTheme.theme,
+    _useTheme$theme$chann = _useTheme$theme.channelPreview,
+    unreadContainer = _useTheme$theme$chann.unreadContainer,
+    unreadText = _useTheme$theme$chann.unreadText,
+    accent_red = _useTheme$theme.colors.accent_red;
   return _react["default"].createElement(_reactNative.View, {
     style: [styles.unreadContainer, {
       backgroundColor: accent_red
@@ -62,6 +53,5 @@ var ChannelPreviewUnreadCount = function ChannelPreviewUnreadCount(props) {
     }
   }, unread > maxUnreadCount ? maxUnreadCount + "+" : unread));
 };
-
 exports.ChannelPreviewUnreadCount = ChannelPreviewUnreadCount;
 //# sourceMappingURL=ChannelPreviewUnreadCount.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["ChannelPreviewUnreadCount.tsx"],"names":["styles","StyleSheet","create","unreadContainer","alignItems","borderRadius","flexShrink","justifyContent","unreadText","color","fontSize","fontWeight","paddingHorizontal","paddingVertical","ChannelPreviewUnreadCount","props","maxUnreadCount","unread","theme","channelPreview","accent_red","colors","backgroundColor"],"mappings":";;;;;;;AAAA;;AACA;;AAIA;;;;;AAIA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,eAAe,EAAE;AACfC,IAAAA,UAAU,EAAE,QADG;AAEfC,IAAAA,YAAY,EAAE,CAFC;AAGfC,IAAAA,UAAU,EAAE,CAHG;AAIfC,IAAAA,cAAc,EAAE;AAJD,GADc;AAO/BC,EAAAA,UAAU,EAAE;AACVC,IAAAA,KAAK,EAAE,SADG;AAEVC,IAAAA,QAAQ,EAAE,EAFA;AAGVC,IAAAA,UAAU,EAAE,KAHF;AAIVC,IAAAA,iBAAiB,EAAE,CAJT;AAKVC,IAAAA,eAAe,EAAE;AALP;AAPmB,CAAlB,CAAf;;AAuBO,IAAMC,yBAAyB,GAAG,SAA5BA,yBAA4B,CAGvCC,KAHuC,EAIpC;AACH,MAAQC,cAAR,GAAmCD,KAAnC,CAAQC,cAAR;AAAA,MAAwBC,MAAxB,GAAmCF,KAAnC,CAAwBE,MAAxB;;AACA,kBAKI,6BALJ;AAAA,kCACEC,KADF;AAAA,8CAEIC,cAFJ;AAAA,MAEsBhB,eAFtB,yBAEsBA,eAFtB;AAAA,MAEuCK,UAFvC,yBAEuCA,UAFvC;AAAA,MAGcY,UAHd,mBAGIC,MAHJ,CAGcD,UAHd;;AAOA,SACE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACpB,MAAM,CAACG,eAAR,EAAyB;AAAEmB,MAAAA,eAAe,EAAEF;AAAnB,KAAzB,EAA0DjB,eAA1D,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACG,CAAC,CAACc,MAAF,IACC,gCAAC,iBAAD;AAAM,IAAA,aAAa,EAAE,CAArB;AAAwB,IAAA,KAAK,EAAE,CAACjB,MAAM,CAACQ,UAAR,EAAoBA,UAApB,CAA/B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGS,MAAM,GAAGD,cAAT,GAA6BA,cAA7B,SAAiDC,MADpD,CAFJ,CADF;AASD,CAtBM","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport type { ChannelPreviewProps } from './ChannelPreview';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nconst styles = StyleSheet.create({\n  unreadContainer: {\n    alignItems: 'center',\n    borderRadius: 8,\n    flexShrink: 1,\n    justifyContent: 'center',\n  },\n  unreadText: {\n    color: '#FFFFFF',\n    fontSize: 11,\n    fontWeight: '700',\n    paddingHorizontal: 5,\n    paddingVertical: 1,\n  },\n});\n\nexport type ChannelPreviewUnreadCountProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<ChannelPreviewProps<StreamChatGenerics>, 'channel'> & {\n  maxUnreadCount: number;\n  unread?: number;\n};\n\nexport const ChannelPreviewUnreadCount = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ChannelPreviewUnreadCountProps<StreamChatGenerics>,\n) => {\n  const { maxUnreadCount, unread } = props;\n  const {\n    theme: {\n      channelPreview: { unreadContainer, unreadText },\n      colors: { accent_red },\n    },\n  } = useTheme();\n\n  return (\n    <View style={[styles.unreadContainer, { backgroundColor: accent_red }, unreadContainer]}>\n      {!!unread && (\n        <Text numberOfLines={1} style={[styles.unreadText, unreadText]}>\n          {unread > maxUnreadCount ? `${maxUnreadCount}+` : unread}\n        </Text>\n      )}\n    </View>\n  );\n};\n"]}
+{"version":3,"names":["styles","StyleSheet","create","unreadContainer","alignItems","borderRadius","flexShrink","justifyContent","unreadText","color","fontSize","fontWeight","paddingHorizontal","paddingVertical","ChannelPreviewUnreadCount","props","maxUnreadCount","unread","useTheme","theme","channelPreview","accent_red","colors","backgroundColor"],"sources":["ChannelPreviewUnreadCount.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport type { ChannelPreviewProps } from './ChannelPreview';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nconst styles = StyleSheet.create({\n  unreadContainer: {\n    alignItems: 'center',\n    borderRadius: 8,\n    flexShrink: 1,\n    justifyContent: 'center',\n  },\n  unreadText: {\n    color: '#FFFFFF',\n    fontSize: 11,\n    fontWeight: '700',\n    paddingHorizontal: 5,\n    paddingVertical: 1,\n  },\n});\n\nexport type ChannelPreviewUnreadCountProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<ChannelPreviewProps<StreamChatGenerics>, 'channel'> & {\n  maxUnreadCount: number;\n  unread?: number;\n};\n\nexport const ChannelPreviewUnreadCount = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ChannelPreviewUnreadCountProps<StreamChatGenerics>,\n) => {\n  const { maxUnreadCount, unread } = props;\n  const {\n    theme: {\n      channelPreview: { unreadContainer, unreadText },\n      colors: { accent_red },\n    },\n  } = useTheme();\n\n  return (\n    <View style={[styles.unreadContainer, { backgroundColor: accent_red }, unreadContainer]}>\n      {!!unread && (\n        <Text numberOfLines={1} style={[styles.unreadText, unreadText]}>\n          {unread > maxUnreadCount ? `${maxUnreadCount}+` : unread}\n        </Text>\n      )}\n    </View>\n  );\n};\n"],"mappings":";;;;;AAAA;AACA;AAIA;AAAoE;EAAA;AAIpE,IAAMA,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,eAAe,EAAE;IACfC,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAE,CAAC;IACfC,UAAU,EAAE,CAAC;IACbC,cAAc,EAAE;EAClB,CAAC;EACDC,UAAU,EAAE;IACVC,KAAK,EAAE,SAAS;IAChBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,iBAAiB,EAAE,CAAC;IACpBC,eAAe,EAAE;EACnB;AACF,CAAC,CAAC;AASK,IAAMC,yBAAyB,GAAG,SAA5BA,yBAAyB,CAGpCC,KAAyD,EACtD;EACH,IAAQC,cAAc,GAAaD,KAAK,CAAhCC,cAAc;IAAEC,MAAM,GAAKF,KAAK,CAAhBE,MAAM;EAC9B,gBAKI,IAAAC,sBAAQ,GAAE;IAAA,4BAJZC,KAAK;IAAA,wCACHC,cAAc;IAAIjB,eAAe,yBAAfA,eAAe;IAAEK,UAAU,yBAAVA,UAAU;IACnCa,UAAU,mBAApBC,MAAM,CAAID,UAAU;EAIxB,OACE,gCAAC,iBAAI;IAAC,KAAK,EAAE,CAACrB,MAAM,CAACG,eAAe,EAAE;MAAEoB,eAAe,EAAEF;IAAW,CAAC,EAAElB,eAAe,CAAE;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GACrF,CAAC,CAACc,MAAM,IACP,gCAAC,iBAAI;IAAC,aAAa,EAAE,CAAE;IAAC,KAAK,EAAE,CAACjB,MAAM,CAACQ,UAAU,EAAEA,UAAU,CAAE;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAC5DS,MAAM,GAAGD,cAAc,GAAMA,cAAc,SAAMC,MAAM,CAE3D,CACI;AAEX,CAAC;AAAC"}

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

@@ -1,25 +1,18 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useChannelPreviewDisplayAvatar = exports.getChannelPreviewDisplayAvatar = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = require("react");
-
 var _ChatContext = require("../../../contexts/chatContext/ChatContext");
-
 var getChannelPreviewDisplayAvatar = function getChannelPreviewDisplayAvatar(channel, client) {
   var _client$user;
-
   var currentUserId = client == null ? void 0 : (_client$user = client.user) == null ? void 0 : _client$user.id;
   var channelId = channel == null ? void 0 : channel.id;
   var channelData = channel == null ? void 0 : channel.data;
   var channelName = channelData == null ? void 0 : channelData.name;
   var channelImage = channelData == null ? void 0 : channelData.image;
-
   if (channelImage) {
     return {
       id: channelId,
@@ -28,72 +21,56 @@ var getChannelPreviewDisplayAvatar = function getChannelPreviewDisplayAvatar(cha
     };
   } else if (currentUserId) {
     var _channel$state;
-
     var members = Object.values((_channel$state = channel.state) == null ? void 0 : _channel$state.members);
     var otherMembers = members.filter(function (member) {
       var _member$user;
-
       return ((_member$user = member.user) == null ? void 0 : _member$user.id) !== currentUserId;
     });
-
     if (otherMembers.length === 1) {
       var _otherMembers$0$user, _otherMembers$0$user2, _otherMembers$0$user3;
-
       return {
         id: (_otherMembers$0$user = otherMembers[0].user) == null ? void 0 : _otherMembers$0$user.id,
         image: (_otherMembers$0$user2 = otherMembers[0].user) == null ? void 0 : _otherMembers$0$user2.image,
         name: channelName || ((_otherMembers$0$user3 = otherMembers[0].user) == null ? void 0 : _otherMembers$0$user3.name)
       };
     }
-
     return {
       ids: otherMembers.slice(0, 4).map(function (member) {
         var _member$user2;
-
         return ((_member$user2 = member.user) == null ? void 0 : _member$user2.id) || '';
       }),
       images: otherMembers.slice(0, 4).map(function (member) {
         var _member$user3;
-
         return ((_member$user3 = member.user) == null ? void 0 : _member$user3.image) || '';
       }),
       names: otherMembers.slice(0, 4).map(function (member) {
         var _member$user4;
-
         return ((_member$user4 = member.user) == null ? void 0 : _member$user4.name) || '';
       })
     };
   }
-
   return {
     id: channelId,
     name: channelName
   };
 };
-
 exports.getChannelPreviewDisplayAvatar = getChannelPreviewDisplayAvatar;
-
 var useChannelPreviewDisplayAvatar = function useChannelPreviewDisplayAvatar(channel) {
   var _client$user2;
-
   var _useChatContext = (0, _ChatContext.useChatContext)(),
-      client = _useChatContext.client;
-
+    client = _useChatContext.client;
   var channelData = channel == null ? void 0 : channel.data;
   var image = channelData == null ? void 0 : channelData.image;
   var name = channelData == null ? void 0 : channelData.name;
   var id = client == null ? void 0 : (_client$user2 = client.user) == null ? void 0 : _client$user2.id;
-
   var _useState = (0, _react.useState)(getChannelPreviewDisplayAvatar(channel, client)),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      displayAvatar = _useState2[0],
-      setDisplayAvatar = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    displayAvatar = _useState2[0],
+    setDisplayAvatar = _useState2[1];
   (0, _react.useEffect)(function () {
     setDisplayAvatar(getChannelPreviewDisplayAvatar(channel, client));
   }, [id, image, name]);
   return displayAvatar;
 };
-
 exports.useChannelPreviewDisplayAvatar = useChannelPreviewDisplayAvatar;
 //# sourceMappingURL=useChannelPreviewDisplayAvatar.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["useChannelPreviewDisplayAvatar.ts"],"names":["getChannelPreviewDisplayAvatar","channel","client","currentUserId","user","id","channelId","channelData","data","channelName","name","channelImage","image","members","Object","values","state","otherMembers","filter","member","length","ids","slice","map","images","names","useChannelPreviewDisplayAvatar","displayAvatar","setDisplayAvatar"],"mappings":"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","sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { Channel, StreamChat } from 'stream-chat';\n\nimport { useChatContext } from '../../../contexts/chatContext/ChatContext';\n\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\n\nexport const getChannelPreviewDisplayAvatar = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  channel: Channel<StreamChatGenerics>,\n  client: StreamChat<StreamChatGenerics>,\n) => {\n  const currentUserId = client?.user?.id;\n  const channelId = channel?.id;\n  const channelData = channel?.data;\n  const channelName = channelData?.name;\n  const channelImage = channelData?.image;\n\n  if (channelImage) {\n    return {\n      id: channelId,\n      image: channelImage,\n      name: channelName,\n    };\n  } else if (currentUserId) {\n    const members = Object.values(channel.state?.members);\n    const otherMembers = members.filter((member) => member.user?.id !== currentUserId);\n\n    if (otherMembers.length === 1) {\n      return {\n        id: otherMembers[0].user?.id,\n        image: otherMembers[0].user?.image,\n        name: channelName || otherMembers[0].user?.name,\n      };\n    }\n\n    return {\n      ids: otherMembers.slice(0, 4).map((member) => member.user?.id || ''),\n      images: otherMembers.slice(0, 4).map((member) => member.user?.image || ''),\n      names: otherMembers.slice(0, 4).map((member) => member.user?.name || ''),\n    };\n  }\n  return {\n    id: channelId,\n    name: channelName,\n  };\n};\n\n/**\n * Hook to set the display avatar for channel preview\n * @param {*} channel\n *\n * @returns {object} e.g., { image: 'http://dummyurl.com/test.png', name: 'Uhtred Bebbanburg' }\n */\nexport const useChannelPreviewDisplayAvatar = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  channel: Channel<StreamChatGenerics>,\n) => {\n  const { client } = useChatContext<StreamChatGenerics>();\n\n  const channelData = channel?.data;\n  const image = channelData?.image;\n  const name = channelData?.name;\n  const id = client?.user?.id;\n\n  const [displayAvatar, setDisplayAvatar] = useState(\n    getChannelPreviewDisplayAvatar(channel, client),\n  );\n\n  useEffect(() => {\n    setDisplayAvatar(getChannelPreviewDisplayAvatar(channel, client));\n  }, [id, image, name]);\n\n  return displayAvatar;\n};\n"]}
+{"version":3,"names":["getChannelPreviewDisplayAvatar","channel","client","currentUserId","user","id","channelId","channelData","data","channelName","name","channelImage","image","members","Object","values","state","otherMembers","filter","member","length","ids","slice","map","images","names","useChannelPreviewDisplayAvatar","useChatContext","useState","displayAvatar","setDisplayAvatar","useEffect"],"sources":["useChannelPreviewDisplayAvatar.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { Channel, StreamChat } from 'stream-chat';\n\nimport { useChatContext } from '../../../contexts/chatContext/ChatContext';\n\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\n\nexport const getChannelPreviewDisplayAvatar = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  channel: Channel<StreamChatGenerics>,\n  client: StreamChat<StreamChatGenerics>,\n) => {\n  const currentUserId = client?.user?.id;\n  const channelId = channel?.id;\n  const channelData = channel?.data;\n  const channelName = channelData?.name;\n  const channelImage = channelData?.image;\n\n  if (channelImage) {\n    return {\n      id: channelId,\n      image: channelImage,\n      name: channelName,\n    };\n  } else if (currentUserId) {\n    const members = Object.values(channel.state?.members);\n    const otherMembers = members.filter((member) => member.user?.id !== currentUserId);\n\n    if (otherMembers.length === 1) {\n      return {\n        id: otherMembers[0].user?.id,\n        image: otherMembers[0].user?.image,\n        name: channelName || otherMembers[0].user?.name,\n      };\n    }\n\n    return {\n      ids: otherMembers.slice(0, 4).map((member) => member.user?.id || ''),\n      images: otherMembers.slice(0, 4).map((member) => member.user?.image || ''),\n      names: otherMembers.slice(0, 4).map((member) => member.user?.name || ''),\n    };\n  }\n  return {\n    id: channelId,\n    name: channelName,\n  };\n};\n\n/**\n * Hook to set the display avatar for channel preview\n * @param {*} channel\n *\n * @returns {object} e.g., { image: 'http://dummyurl.com/test.png', name: 'Uhtred Bebbanburg' }\n */\nexport const useChannelPreviewDisplayAvatar = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  channel: Channel<StreamChatGenerics>,\n) => {\n  const { client } = useChatContext<StreamChatGenerics>();\n\n  const channelData = channel?.data;\n  const image = channelData?.image;\n  const name = channelData?.name;\n  const id = client?.user?.id;\n\n  const [displayAvatar, setDisplayAvatar] = useState(\n    getChannelPreviewDisplayAvatar(channel, client),\n  );\n\n  useEffect(() => {\n    setDisplayAvatar(getChannelPreviewDisplayAvatar(channel, client));\n  }, [id, image, name]);\n\n  return displayAvatar;\n};\n"],"mappings":"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"}

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

@@ -1,63 +1,46 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useChannelPreviewDisplayName = exports.getChannelPreviewDisplayName = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = require("react");
-
 var _ChatContext = require("../../../contexts/chatContext/ChatContext");
-
 var _utils = require("../../../utils/utils");
-
 var DEFAULT_MAX_CHARACTER_LENGTH = ((0, _utils.vw)(100) - 16) / 6;
 var ELLIPSIS = "...";
-
 var getMemberName = function getMemberName(member) {
   var _member$user, _member$user2;
-
   return ((_member$user = member.user) == null ? void 0 : _member$user.name) || ((_member$user2 = member.user) == null ? void 0 : _member$user2.id) || 'Unknown User';
 };
-
 var getChannelPreviewDisplayName = function getChannelPreviewDisplayName(_ref) {
   var channelName = _ref.channelName,
-      characterLimit = _ref.characterLimit,
-      currentUserId = _ref.currentUserId,
-      members = _ref.members;
+    characterLimit = _ref.characterLimit,
+    currentUserId = _ref.currentUserId,
+    members = _ref.members;
   if (channelName) return channelName;
   var channelMembers = Object.values(members || {});
   var otherMembers = channelMembers.filter(function (member) {
     var _member$user3;
-
     return ((_member$user3 = member.user) == null ? void 0 : _member$user3.id) !== currentUserId;
   });
   otherMembers.sort(function (prevUser, nextUser) {
     var _prevUser$user$name, _prevUser$user, _nextUser$user$name, _nextUser$user;
-
     return ((_prevUser$user$name = prevUser == null ? void 0 : (_prevUser$user = prevUser.user) == null ? void 0 : _prevUser$user.name) != null ? _prevUser$user$name : '').toLowerCase().localeCompare(((_nextUser$user$name = nextUser == null ? void 0 : (_nextUser$user = nextUser.user) == null ? void 0 : _nextUser$user.name) != null ? _nextUser$user$name : '').toLocaleUpperCase());
   });
-
   var createChannelNameSuffix = function createChannelNameSuffix(remainingNumberOfMembers) {
     return remainingNumberOfMembers <= 1 ? "" + ELLIPSIS : "," + ELLIPSIS + "+" + remainingNumberOfMembers;
   };
-
   if (otherMembers.length === 1) {
     var _name = getMemberName(otherMembers[0]);
-
     return _name.length > characterLimit ? "" + _name.slice(0, characterLimit - ELLIPSIS.length) + ELLIPSIS : _name;
   }
-
   var name = otherMembers.reduce(function (result, currentMember, index, originalArray) {
     if (result.length >= characterLimit) {
       return result;
     }
-
     var currentMemberName = getMemberName(currentMember);
     var resultHasSpaceForCurrentMemberName = result.length + (currentMemberName.length + ELLIPSIS.length) < characterLimit;
-
     if (resultHasSpaceForCurrentMemberName) {
       return result.length > 0 ? result + ", " + currentMemberName : "" + currentMemberName;
     } else {
@@ -70,31 +53,25 @@ var getChannelPreviewDisplayName = function getChannelPreviewDisplayName(_ref) {
   }, '');
   return name;
 };
-
 exports.getChannelPreviewDisplayName = getChannelPreviewDisplayName;
-
 var useChannelPreviewDisplayName = function useChannelPreviewDisplayName(channel, characterLength) {
   var _channel$state, _channel$data;
-
   var _useChatContext = (0, _ChatContext.useChatContext)(),
-      client = _useChatContext.client;
-
+    client = _useChatContext.client;
   var currentUserId = client == null ? void 0 : client.userID;
   var members = channel == null ? void 0 : (_channel$state = channel.state) == null ? void 0 : _channel$state.members;
   var numOfMembers = Object.keys(members || {}).length;
   var channelName = channel == null ? void 0 : (_channel$data = channel.data) == null ? void 0 : _channel$data.name;
   var characterLimit = characterLength || DEFAULT_MAX_CHARACTER_LENGTH;
-
   var _useState = (0, _react.useState)(getChannelPreviewDisplayName({
-    channelName: channelName,
-    characterLimit: characterLimit,
-    currentUserId: currentUserId,
-    members: members
-  })),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      displayName = _useState2[0],
-      setDisplayName = _useState2[1];
-
+      channelName: channelName,
+      characterLimit: characterLimit,
+      currentUserId: currentUserId,
+      members: members
+    })),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    displayName = _useState2[0],
+    setDisplayName = _useState2[1];
   (0, _react.useEffect)(function () {
     setDisplayName(getChannelPreviewDisplayName({
       channelName: channelName,
@@ -105,6 +82,5 @@ var useChannelPreviewDisplayName = function useChannelPreviewDisplayName(channel
   }, [channelName, currentUserId, characterLimit, numOfMembers]);
   return displayName;
 };
-
 exports.useChannelPreviewDisplayName = useChannelPreviewDisplayName;
 //# sourceMappingURL=useChannelPreviewDisplayName.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["useChannelPreviewDisplayName.ts"],"names":["DEFAULT_MAX_CHARACTER_LENGTH","ELLIPSIS","getMemberName","member","user","name","id","getChannelPreviewDisplayName","channelName","characterLimit","currentUserId","members","channelMembers","Object","values","otherMembers","filter","sort","prevUser","nextUser","toLowerCase","localeCompare","toLocaleUpperCase","createChannelNameSuffix","remainingNumberOfMembers","length","slice","reduce","result","currentMember","index","originalArray","currentMemberName","resultHasSpaceForCurrentMemberName","truncateLimit","tuncatedCurrentMemberName","channelNameSuffix","useChannelPreviewDisplayName","channel","characterLength","client","userID","state","numOfMembers","keys","data","displayName","setDisplayName"],"mappings":"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","sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { Channel, ChannelMemberResponse } from 'stream-chat';\n\nimport { useChatContext } from '../../../contexts/chatContext/ChatContext';\n\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\nimport { vw } from '../../../utils/utils';\n\nconst DEFAULT_MAX_CHARACTER_LENGTH = (vw(100) - 16) / 6;\n\nconst ELLIPSIS = `...`;\n\nconst getMemberName = (member: ChannelMemberResponse) =>\n  member.user?.name || member.user?.id || 'Unknown User';\n\nexport const getChannelPreviewDisplayName = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  channelName,\n  characterLimit,\n  currentUserId,\n  members,\n}: {\n  characterLimit: number;\n  channelName?: string;\n  currentUserId?: string;\n  members?: Channel<StreamChatGenerics>['state']['members'];\n}): string => {\n  if (channelName) return channelName;\n\n  const channelMembers = Object.values(members || {});\n\n  const otherMembers = channelMembers.filter((member) => member.user?.id !== currentUserId);\n  otherMembers.sort((prevUser, nextUser) =>\n    (prevUser?.user?.name ?? '')\n      .toLowerCase()\n      .localeCompare((nextUser?.user?.name ?? '').toLocaleUpperCase()),\n  );\n\n  const createChannelNameSuffix = (remainingNumberOfMembers: number) =>\n    remainingNumberOfMembers <= 1 ? `${ELLIPSIS}` : `,${ELLIPSIS}+${remainingNumberOfMembers}`;\n\n  if (otherMembers.length === 1) {\n    const name = getMemberName(otherMembers[0]);\n    return name.length > characterLimit\n      ? `${name.slice(0, characterLimit - ELLIPSIS.length)}${ELLIPSIS}`\n      : name;\n  }\n\n  const name = otherMembers.reduce((result, currentMember, index, originalArray) => {\n    if (result.length >= characterLimit) {\n      return result;\n    }\n\n    const currentMemberName = getMemberName(currentMember);\n\n    const resultHasSpaceForCurrentMemberName =\n      result.length + (currentMemberName.length + ELLIPSIS.length) < characterLimit;\n\n    if (resultHasSpaceForCurrentMemberName) {\n      return result.length > 0 ? `${result}, ${currentMemberName}` : `${currentMemberName}`;\n    } else {\n      const remainingNumberOfMembers = originalArray.length - index;\n      const truncateLimit = characterLimit - (ELLIPSIS.length + result.length);\n      const tuncatedCurrentMemberName = `, ${currentMemberName.slice(0, truncateLimit)}`;\n\n      const channelNameSuffix = createChannelNameSuffix(remainingNumberOfMembers);\n\n      return `${result}${tuncatedCurrentMemberName}${channelNameSuffix}`;\n    }\n  }, '');\n\n  return name;\n};\n\nexport const useChannelPreviewDisplayName = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  channel?: Channel<StreamChatGenerics>,\n  characterLength?: number,\n) => {\n  const { client } = useChatContext<StreamChatGenerics>();\n\n  const currentUserId = client?.userID;\n  const members = channel?.state?.members;\n  const numOfMembers = Object.keys(members || {}).length;\n  const channelName = channel?.data?.name;\n  const characterLimit = characterLength || DEFAULT_MAX_CHARACTER_LENGTH;\n  const [displayName, setDisplayName] = useState(\n    getChannelPreviewDisplayName({\n      channelName,\n      characterLimit,\n      currentUserId,\n      members,\n    }),\n  );\n\n  useEffect(() => {\n    setDisplayName(\n      getChannelPreviewDisplayName({\n        channelName,\n        characterLimit,\n        currentUserId,\n        members,\n      }),\n    );\n  }, [channelName, currentUserId, characterLimit, numOfMembers]);\n\n  return displayName;\n};\n"]}
+{"version":3,"names":["DEFAULT_MAX_CHARACTER_LENGTH","vw","ELLIPSIS","getMemberName","member","user","name","id","getChannelPreviewDisplayName","channelName","characterLimit","currentUserId","members","channelMembers","Object","values","otherMembers","filter","sort","prevUser","nextUser","toLowerCase","localeCompare","toLocaleUpperCase","createChannelNameSuffix","remainingNumberOfMembers","length","slice","reduce","result","currentMember","index","originalArray","currentMemberName","resultHasSpaceForCurrentMemberName","truncateLimit","tuncatedCurrentMemberName","channelNameSuffix","useChannelPreviewDisplayName","channel","characterLength","useChatContext","client","userID","state","numOfMembers","keys","data","useState","displayName","setDisplayName","useEffect"],"sources":["useChannelPreviewDisplayName.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { Channel, ChannelMemberResponse } from 'stream-chat';\n\nimport { useChatContext } from '../../../contexts/chatContext/ChatContext';\n\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\nimport { vw } from '../../../utils/utils';\n\nconst DEFAULT_MAX_CHARACTER_LENGTH = (vw(100) - 16) / 6;\n\nconst ELLIPSIS = `...`;\n\nconst getMemberName = (member: ChannelMemberResponse) =>\n  member.user?.name || member.user?.id || 'Unknown User';\n\nexport const getChannelPreviewDisplayName = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  channelName,\n  characterLimit,\n  currentUserId,\n  members,\n}: {\n  characterLimit: number;\n  channelName?: string;\n  currentUserId?: string;\n  members?: Channel<StreamChatGenerics>['state']['members'];\n}): string => {\n  if (channelName) return channelName;\n\n  const channelMembers = Object.values(members || {});\n\n  const otherMembers = channelMembers.filter((member) => member.user?.id !== currentUserId);\n  otherMembers.sort((prevUser, nextUser) =>\n    (prevUser?.user?.name ?? '')\n      .toLowerCase()\n      .localeCompare((nextUser?.user?.name ?? '').toLocaleUpperCase()),\n  );\n\n  const createChannelNameSuffix = (remainingNumberOfMembers: number) =>\n    remainingNumberOfMembers <= 1 ? `${ELLIPSIS}` : `,${ELLIPSIS}+${remainingNumberOfMembers}`;\n\n  if (otherMembers.length === 1) {\n    const name = getMemberName(otherMembers[0]);\n    return name.length > characterLimit\n      ? `${name.slice(0, characterLimit - ELLIPSIS.length)}${ELLIPSIS}`\n      : name;\n  }\n\n  const name = otherMembers.reduce((result, currentMember, index, originalArray) => {\n    if (result.length >= characterLimit) {\n      return result;\n    }\n\n    const currentMemberName = getMemberName(currentMember);\n\n    const resultHasSpaceForCurrentMemberName =\n      result.length + (currentMemberName.length + ELLIPSIS.length) < characterLimit;\n\n    if (resultHasSpaceForCurrentMemberName) {\n      return result.length > 0 ? `${result}, ${currentMemberName}` : `${currentMemberName}`;\n    } else {\n      const remainingNumberOfMembers = originalArray.length - index;\n      const truncateLimit = characterLimit - (ELLIPSIS.length + result.length);\n      const tuncatedCurrentMemberName = `, ${currentMemberName.slice(0, truncateLimit)}`;\n\n      const channelNameSuffix = createChannelNameSuffix(remainingNumberOfMembers);\n\n      return `${result}${tuncatedCurrentMemberName}${channelNameSuffix}`;\n    }\n  }, '');\n\n  return name;\n};\n\nexport const useChannelPreviewDisplayName = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  channel?: Channel<StreamChatGenerics>,\n  characterLength?: number,\n) => {\n  const { client } = useChatContext<StreamChatGenerics>();\n\n  const currentUserId = client?.userID;\n  const members = channel?.state?.members;\n  const numOfMembers = Object.keys(members || {}).length;\n  const channelName = channel?.data?.name;\n  const characterLimit = characterLength || DEFAULT_MAX_CHARACTER_LENGTH;\n  const [displayName, setDisplayName] = useState(\n    getChannelPreviewDisplayName({\n      channelName,\n      characterLimit,\n      currentUserId,\n      members,\n    }),\n  );\n\n  useEffect(() => {\n    setDisplayName(\n      getChannelPreviewDisplayName({\n        channelName,\n        characterLimit,\n        currentUserId,\n        members,\n      }),\n    );\n  }, [channelName, currentUserId, characterLimit, numOfMembers]);\n\n  return displayName;\n};\n"],"mappings":"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"}

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

@@ -1,63 +1,46 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useChannelPreviewDisplayPresence = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = require("react");
-
 var _ChatContext = require("../../../contexts/chatContext/ChatContext");
-
 var getChannelPreviewDisplayPresence = function getChannelPreviewDisplayPresence(channel, client) {
   var currentUserId = client.userID;
-
   if (currentUserId) {
     var members = Object.values(channel.state.members);
     var otherMembers = members.filter(function (member) {
       var _member$user;
-
       return ((_member$user = member.user) == null ? void 0 : _member$user.id) !== currentUserId;
     });
-
     if (otherMembers.length === 1) {
       var _otherMembers$0$user;
-
       return !!((_otherMembers$0$user = otherMembers[0].user) != null && _otherMembers$0$user.online);
     }
   }
-
   return false;
 };
-
 var useChannelPreviewDisplayPresence = function useChannelPreviewDisplayPresence(channel) {
   var _useChatContext = (0, _ChatContext.useChatContext)(),
-      client = _useChatContext.client;
-
+    client = _useChatContext.client;
   var currentUserId = client.userID;
   var members = Object.values(channel.state.members).filter(function (member) {
     var _member$user2, _member$user3;
-
     return !!((_member$user2 = member.user) != null && _member$user2.id) && !!currentUserId && ((_member$user3 = member.user) == null ? void 0 : _member$user3.id) !== currentUserId;
   });
   var channelMemberOnline = members.some(function (member) {
     var _member$user4;
-
     return (_member$user4 = member.user) == null ? void 0 : _member$user4.online;
   });
-
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      displayPresence = _useState2[0],
-      setDisplayPresence = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    displayPresence = _useState2[0],
+    setDisplayPresence = _useState2[1];
   (0, _react.useEffect)(function () {
     setDisplayPresence(getChannelPreviewDisplayPresence(channel, client));
   }, [channelMemberOnline]);
   return displayPresence;
 };
-
 exports.useChannelPreviewDisplayPresence = useChannelPreviewDisplayPresence;
 //# sourceMappingURL=useChannelPreviewDisplayPresence.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["useChannelPreviewDisplayPresence.ts"],"names":["getChannelPreviewDisplayPresence","channel","client","currentUserId","userID","members","Object","values","state","otherMembers","filter","member","user","id","length","online","useChannelPreviewDisplayPresence","channelMemberOnline","some","displayPresence","setDisplayPresence"],"mappings":";;;;;;;;;AAAA;;AAIA;;AAIA,IAAMA,gCAAgC,GAAG,SAAnCA,gCAAmC,CAGvCC,OAHuC,EAIvCC,MAJuC,EAKpC;AACH,MAAMC,aAAa,GAAGD,MAAM,CAACE,MAA7B;;AAEA,MAAID,aAAJ,EAAmB;AACjB,QAAME,OAAO,GAAGC,MAAM,CAACC,MAAP,CAAcN,OAAO,CAACO,KAAR,CAAcH,OAA5B,CAAhB;AACA,QAAMI,YAAY,GAAGJ,OAAO,CAACK,MAAR,CAAe,UAACC,MAAD;AAAA;;AAAA,aAAY,iBAAAA,MAAM,CAACC,IAAP,kCAAaC,EAAb,MAAoBV,aAAhC;AAAA,KAAf,CAArB;;AAEA,QAAIM,YAAY,CAACK,MAAb,KAAwB,CAA5B,EAA+B;AAAA;;AAC7B,aAAO,CAAC,0BAACL,YAAY,CAAC,CAAD,CAAZ,CAAgBG,IAAjB,aAAC,qBAAsBG,MAAvB,CAAR;AACD;AACF;;AACD,SAAO,KAAP;AACD,CAjBD;;AAyBO,IAAMC,gCAAgC,GAAG,SAAnCA,gCAAmC,CAG9Cf,OAH8C,EAI3C;AACH,wBAAmB,kCAAnB;AAAA,MAAQC,MAAR,mBAAQA,MAAR;;AAEA,MAAMC,aAAa,GAAGD,MAAM,CAACE,MAA7B;AACA,MAAMC,OAAO,GAAGC,MAAM,CAACC,MAAP,CAAcN,OAAO,CAACO,KAAR,CAAcH,OAA5B,EAAqCK,MAArC,CACd,UAACC,MAAD;AAAA;;AAAA,WAAY,CAAC,mBAACA,MAAM,CAACC,IAAR,aAAC,cAAaC,EAAd,CAAD,IAAqB,CAAC,CAACV,aAAvB,IAAwC,kBAAAQ,MAAM,CAACC,IAAP,mCAAaC,EAAb,MAAoBV,aAAxE;AAAA,GADc,CAAhB;AAGA,MAAMc,mBAAmB,GAAGZ,OAAO,CAACa,IAAR,CAAa,UAACP,MAAD;AAAA;;AAAA,4BAAYA,MAAM,CAACC,IAAnB,qBAAY,cAAaG,MAAzB;AAAA,GAAb,CAA5B;;AAEA,kBAA8C,qBAAS,KAAT,CAA9C;AAAA;AAAA,MAAOI,eAAP;AAAA,MAAwBC,kBAAxB;;AAEA,wBAAU,YAAM;AACdA,IAAAA,kBAAkB,CAACpB,gCAAgC,CAACC,OAAD,EAAUC,MAAV,CAAjC,CAAlB;AACD,GAFD,EAEG,CAACe,mBAAD,CAFH;AAIA,SAAOE,eAAP;AACD,CApBM","sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { Channel, StreamChat } from 'stream-chat';\n\nimport { useChatContext } from '../../../contexts/chatContext/ChatContext';\n\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\n\nconst getChannelPreviewDisplayPresence = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  channel: Channel<StreamChatGenerics>,\n  client: StreamChat<StreamChatGenerics>,\n) => {\n  const currentUserId = client.userID;\n\n  if (currentUserId) {\n    const members = Object.values(channel.state.members);\n    const otherMembers = members.filter((member) => member.user?.id !== currentUserId);\n\n    if (otherMembers.length === 1) {\n      return !!otherMembers[0].user?.online;\n    }\n  }\n  return false;\n};\n\n/**\n * Hook to set the display avatar presence for channel preview\n * @param {*} channel\n *\n * @returns {boolean} e.g., true\n */\nexport const useChannelPreviewDisplayPresence = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  channel: Channel<StreamChatGenerics>,\n) => {\n  const { client } = useChatContext<StreamChatGenerics>();\n\n  const currentUserId = client.userID;\n  const members = Object.values(channel.state.members).filter(\n    (member) => !!member.user?.id && !!currentUserId && member.user?.id !== currentUserId,\n  );\n  const channelMemberOnline = members.some((member) => member.user?.online);\n\n  const [displayPresence, setDisplayPresence] = useState(false);\n\n  useEffect(() => {\n    setDisplayPresence(getChannelPreviewDisplayPresence(channel, client));\n  }, [channelMemberOnline]);\n\n  return displayPresence;\n};\n"]}
+{"version":3,"names":["getChannelPreviewDisplayPresence","channel","client","currentUserId","userID","members","Object","values","state","otherMembers","filter","member","user","id","length","online","useChannelPreviewDisplayPresence","useChatContext","channelMemberOnline","some","useState","displayPresence","setDisplayPresence","useEffect"],"sources":["useChannelPreviewDisplayPresence.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { Channel, StreamChat } from 'stream-chat';\n\nimport { useChatContext } from '../../../contexts/chatContext/ChatContext';\n\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\n\nconst getChannelPreviewDisplayPresence = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  channel: Channel<StreamChatGenerics>,\n  client: StreamChat<StreamChatGenerics>,\n) => {\n  const currentUserId = client.userID;\n\n  if (currentUserId) {\n    const members = Object.values(channel.state.members);\n    const otherMembers = members.filter((member) => member.user?.id !== currentUserId);\n\n    if (otherMembers.length === 1) {\n      return !!otherMembers[0].user?.online;\n    }\n  }\n  return false;\n};\n\n/**\n * Hook to set the display avatar presence for channel preview\n * @param {*} channel\n *\n * @returns {boolean} e.g., true\n */\nexport const useChannelPreviewDisplayPresence = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  channel: Channel<StreamChatGenerics>,\n) => {\n  const { client } = useChatContext<StreamChatGenerics>();\n\n  const currentUserId = client.userID;\n  const members = Object.values(channel.state.members).filter(\n    (member) => !!member.user?.id && !!currentUserId && member.user?.id !== currentUserId,\n  );\n  const channelMemberOnline = members.some((member) => member.user?.online);\n\n  const [displayPresence, setDisplayPresence] = useState(false);\n\n  useEffect(() => {\n    setDisplayPresence(getChannelPreviewDisplayPresence(channel, client));\n  }, [channelMemberOnline]);\n\n  return displayPresence;\n};\n"],"mappings":";;;;;;AAAA;AAIA;AAIA,IAAMA,gCAAgC,GAAG,SAAnCA,gCAAgC,CAGpCC,OAAoC,EACpCC,MAAsC,EACnC;EACH,IAAMC,aAAa,GAAGD,MAAM,CAACE,MAAM;EAEnC,IAAID,aAAa,EAAE;IACjB,IAAME,OAAO,GAAGC,MAAM,CAACC,MAAM,CAACN,OAAO,CAACO,KAAK,CAACH,OAAO,CAAC;IACpD,IAAMI,YAAY,GAAGJ,OAAO,CAACK,MAAM,CAAC,UAACC,MAAM;MAAA;MAAA,OAAK,iBAAAA,MAAM,CAACC,IAAI,qBAAX,aAAaC,EAAE,MAAKV,aAAa;IAAA,EAAC;IAElF,IAAIM,YAAY,CAACK,MAAM,KAAK,CAAC,EAAE;MAAA;MAC7B,OAAO,CAAC,0BAACL,YAAY,CAAC,CAAC,CAAC,CAACG,IAAI,aAApB,qBAAsBG,MAAM;IACvC;EACF;EACA,OAAO,KAAK;AACd,CAAC;AAQM,IAAMC,gCAAgC,GAAG,SAAnCA,gCAAgC,CAG3Cf,OAAoC,EACjC;EACH,sBAAmB,IAAAgB,2BAAc,GAAsB;IAA/Cf,MAAM,mBAANA,MAAM;EAEd,IAAMC,aAAa,GAAGD,MAAM,CAACE,MAAM;EACnC,IAAMC,OAAO,GAAGC,MAAM,CAACC,MAAM,CAACN,OAAO,CAACO,KAAK,CAACH,OAAO,CAAC,CAACK,MAAM,CACzD,UAACC,MAAM;IAAA;IAAA,OAAK,CAAC,mBAACA,MAAM,CAACC,IAAI,aAAX,cAAaC,EAAE,KAAI,CAAC,CAACV,aAAa,IAAI,kBAAAQ,MAAM,CAACC,IAAI,qBAAX,cAAaC,EAAE,MAAKV,aAAa;EAAA,EACtF;EACD,IAAMe,mBAAmB,GAAGb,OAAO,CAACc,IAAI,CAAC,UAACR,MAAM;IAAA;IAAA,wBAAKA,MAAM,CAACC,IAAI,qBAAX,cAAaG,MAAM;EAAA,EAAC;EAEzE,gBAA8C,IAAAK,eAAQ,EAAC,KAAK,CAAC;IAAA;IAAtDC,eAAe;IAAEC,kBAAkB;EAE1C,IAAAC,gBAAS,EAAC,YAAM;IACdD,kBAAkB,CAACtB,gCAAgC,CAACC,OAAO,EAAEC,MAAM,CAAC,CAAC;EACvE,CAAC,EAAE,CAACgB,mBAAmB,CAAC,CAAC;EAEzB,OAAOG,eAAe;AACxB,CAAC;AAAC"}