@kesha-antonov/react-native-chat 5.0.1 → 6.0.0

package/lib/Chat/useResolvedReactions.js

@@ -0,0 +1,95 @@
+import { c as _c } from "react/compiler-runtime";
+import { useCallback, useInsertionEffect, useMemo, useRef } from 'react';
+import { renderDefaultExpandedPicker } from '../emoji/defaultExpandedPicker';
+/**
+ * A group is any chat with more than one other sender; avatars and sender names show
+ * only there.
+ */
+export function useIsGroupChat(messages, userId, isGroupChatProp) {
+  let t0;
+  bb0: {
+    if (isGroupChatProp !== undefined) {
+      t0 = isGroupChatProp;
+      break bb0;
+    }
+    const others = new Set();
+    for (const message of messages) {
+      if (message.system || !message.user || message.user._id === userId) {
+        continue;
+      }
+      others.add(message.user._id);
+      if (others.size > 1) {
+        t0 = true;
+        break bb0;
+      }
+    }
+    t0 = false;
+  }
+  return t0;
+}
+
+/** The app's `reactions`, with the defaults filled in that rows need to show them. */
+export function useResolvedReactions(t0) {
+  const $ = _c(9);
+  const {
+    reactions,
+    messages,
+    user,
+    isGroupChat
+  } = t0;
+  let map;
+  if ($[0] !== messages || $[1] !== user) {
+    map = new Map();
+    for (const message of messages) {
+      if (message.user) {
+        map.set(message.user._id, message.user);
+      }
+    }
+    if (user && user._id != null) {
+      map.set(user._id, user);
+    }
+    $[0] = messages;
+    $[1] = user;
+    $[2] = map;
+  } else {
+    map = $[2];
+  }
+  const usersById = map;
+  const usersByIdRef = useRef(usersById);
+  let t1;
+  if ($[3] !== usersById) {
+    t1 = () => {
+      usersByIdRef.current = usersById;
+    };
+    $[3] = usersById;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  useInsertionEffect(t1);
+  let t2;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = id => usersByIdRef.current.get(id);
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  const getUserFromMessages = t2;
+  let t3;
+  if ($[6] !== isGroupChat || $[7] !== reactions) {
+    t3 = reactions ? {
+      ...reactions,
+      isEnabled: reactions.isEnabled ?? !!reactions.onReactionPress,
+      getUser: reactions.getUser ?? getUserFromMessages,
+      isGroupChat,
+      renderExpandedPicker: reactions.renderExpandedPicker === undefined ? renderDefaultExpandedPicker : reactions.renderExpandedPicker
+    } : undefined;
+    $[6] = isGroupChat;
+    $[7] = reactions;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  return t3;
+}
+//# sourceMappingURL=useResolvedReactions.js.map

package/lib/Chat/useResolvedReactions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResolvedReactions.js","names":["useCallback","useInsertionEffect","useMemo","useRef","renderDefaultExpandedPicker","useIsGroupChat","messages","userId","isGroupChatProp","t0","bb0","undefined","others","Set","message","system","user","_id","add","size","useResolvedReactions","$","_c","reactions","isGroupChat","map","Map","set","usersById","usersByIdRef","t1","current","t2","Symbol","for","id","get","getUserFromMessages","t3","isEnabled","onReactionPress","getUser","renderExpandedPicker"],"sources":["../../src/Chat/useResolvedReactions.ts"],"sourcesContent":["import { useCallback, useInsertionEffect, useMemo, useRef } from 'react'\nimport { renderDefaultExpandedPicker } from '../emoji/defaultExpandedPicker'\nimport { IMessage, User } from '../Models'\nimport { ChatProps } from './types'\n\n/**\n * A group is any chat with more than one other sender; avatars and sender names show\n * only there.\n */\nexport function useIsGroupChat<TMessage extends IMessage> (\n  messages: TMessage[],\n  userId: string | number | undefined,\n  isGroupChatProp: boolean | undefined\n) {\n  return useMemo(() => {\n    if (isGroupChatProp !== undefined)\n      return isGroupChatProp\n\n    const others = new Set<string | number>()\n    for (const message of messages) {\n      if (message.system || !message.user || message.user._id === userId)\n        continue\n\n      others.add(message.user._id)\n      if (others.size > 1)\n        return true\n    }\n    return false\n  }, [isGroupChatProp, messages, userId])\n}\n\n/** The app's `reactions`, with the defaults filled in that rows need to show them. */\nexport function useResolvedReactions<TMessage extends IMessage> ({\n  reactions,\n  messages,\n  user,\n  isGroupChat,\n}: {\n  reactions: ChatProps<TMessage>['reactions']\n  messages: TMessage[]\n  user: Partial<User>\n  isGroupChat: boolean\n}) {\n  // Who reacted, for the avatars in a reaction pill: the senders of the loaded messages and you.\n  // Read through a ref, so the lookup itself never changes and no row re-renders for it.\n  const usersById = useMemo(() => {\n    const map = new Map<string | number, User>()\n    for (const message of messages)\n      if (message.user)\n        map.set(message.user._id, message.user)\n    if (user && (user as Partial<User>)._id != null)\n      map.set((user as User)._id, user as User)\n    return map\n  }, [messages, user])\n  const usersByIdRef = useRef(usersById)\n  useInsertionEffect(() => {\n    usersByIdRef.current = usersById\n  })\n  const getUserFromMessages = useCallback((id: string | number) => usersByIdRef.current.get(id), [])\n\n  // Reactions turn on by themselves once the app can apply them.\n  // The expand button opens the built-in emoji grid unless the app passes its own (or `null`).\n  return useMemo(() => reactions\n    ? {\n      ...reactions,\n      isEnabled: reactions.isEnabled ?? !!reactions.onReactionPress,\n      getUser: reactions.getUser ?? getUserFromMessages,\n      isGroupChat,\n      renderExpandedPicker: reactions.renderExpandedPicker === undefined\n        ? renderDefaultExpandedPicker\n        : reactions.renderExpandedPicker,\n    }\n    : undefined\n  , [reactions, getUserFromMessages, isGroupChat])\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/ChatAvatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatAvatar.d.ts","sourceRoot":"","sources":["../src/ChatAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAA;AACnD,OAAO,EAIL,SAAS,EACT,UAAU,EACV,SAAS,EACH,MAAM,cAAc,CAAA;AAI5B,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAqB/B,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,WAAW,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAA;IACnC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAChC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAA;IAC1C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAA;CAC/C;AAED,wBAAgB,UAAU,CACxB,KAAK,EAAE,eAAe,qBAkIvB"}
+{"version":3,"file":"ChatAvatar.d.ts","sourceRoot":"","sources":["../src/ChatAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAA;AACnD,OAAO,EAIL,SAAS,EACT,UAAU,EACV,SAAS,EACH,MAAM,cAAc,CAAA;AAK5B,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAsB/B,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,WAAW,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAA;IACnC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAChC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAA;IAC1C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAA;CAC/C;AAED,wBAAgB,UAAU,CACxB,KAAK,EAAE,eAAe,qBAoIvB"}

package/lib/ChatAvatar.js

@@ -1,94 +1,239 @@
+import { c as _c } from "react/compiler-runtime";
 import React, { useCallback, useMemo } from 'react';
 import { Image, View, StyleSheet, Text } from 'react-native';
 import { Color } from './Color';
+import { linearGradientStyle } from './components/BubbleBackground';
 import { TouchableOpacity } from './components/TouchableOpacity';
 import { useTheme, useThemedStyles } from './hooks/useTheme';
 import stylesCommon from './styles';
-const createStyles = (theme) => StyleSheet.create({
-    avatarStyle: {
-        width: 40,
-        height: 40,
-        borderRadius: 20,
-    },
-    avatarTransparent: {
-        backgroundColor: Color.backgroundTransparent,
-    },
-    textStyle: {
-        color: theme.avatar.textColor,
-        fontSize: 16,
-        backgroundColor: Color.backgroundTransparent,
-        fontWeight: '100',
-    },
+import { getUserColorIndex } from './Theme';
+const createStyles = theme => StyleSheet.create({
+  avatarStyle: {
+    width: 40,
+    height: 40,
+    borderRadius: 20
+  },
+  avatarTransparent: {
+    backgroundColor: Color.backgroundTransparent
+  },
+  // Initials: 18 Medium for a 42 avatar, scaled with the size.
+  textStyle: {
+    color: theme.avatar.textColor,
+    fontSize: Math.round(theme.avatar.size * 0.43),
+    backgroundColor: Color.backgroundTransparent,
+    fontWeight: '500'
+  }
 });
 export function ChatAvatar(props) {
-    const { user, avatarStyle, textStyle, onPress, } = props;
-    const theme = useTheme();
-    const styles = useThemedStyles(createStyles);
-    const avatarName = useMemo(() => {
-        const userName = user?.name || '';
-        const name = userName.toUpperCase().split(' ');
-        if (name.length === 1)
-            return `${name[0].charAt(0)}`;
-        else if (name.length > 1)
-            return `${name[0].charAt(0)}${name[1].charAt(0)}`;
-        else
-            return '';
-    }, [user?.name]);
-    const backgroundColor = useMemo(() => {
-        let sumChars = 0;
-        if (user?.name)
-            for (let i = 0; i < user.name.length; i += 1)
-                sumChars += user.name.charCodeAt(i);
-        // inspired by https://github.com/wbinnssmith/react-user-avatar
-        // palette is themeable via theme.avatar.palette
-        const colors = theme.avatar.palette;
-        return colors[sumChars % colors.length];
-    }, [user?.name, theme]);
-    const renderAvatar = useCallback(() => {
-        switch (typeof user?.avatar) {
-            case 'function':
-                return user.avatar([stylesCommon.centerItems, styles.avatarStyle, avatarStyle]);
-            case 'string':
-                return (<Image source={{ uri: user.avatar }} style={[stylesCommon.centerItems, styles.avatarStyle, avatarStyle]}/>);
-            case 'number':
-                return (<Image source={user.avatar} style={[stylesCommon.centerItems, styles.avatarStyle, avatarStyle]}/>);
-            default:
-                return null;
-        }
-    }, [user, avatarStyle, styles]);
-    const renderInitials = useCallback(() => {
-        return (<Text style={[styles.textStyle, textStyle]}>
-        {avatarName}
-      </Text>);
-    }, [textStyle, avatarName, styles]);
-    const handleOnPress = useCallback(() => {
-        const { onPress, ...rest } = props;
-        onPress?.(rest);
-    }, [props]);
-    const handleOnLongPress = useCallback(() => {
-        const { onLongPress, ...rest } = props;
-        if (onLongPress)
-            onLongPress(rest);
-    }, [props]);
-    const placeholderView = useMemo(() => (<View style={[
-            stylesCommon.centerItems,
-            styles.avatarStyle,
-            styles.avatarTransparent,
-            avatarStyle,
-        ]} accessibilityRole='image'/>), [avatarStyle, styles]);
-    if (!user || (!user.name && !user.avatar))
-        return placeholderView;
-    if (user.avatar)
-        return (<TouchableOpacity enabled={!!onPress} onPress={handleOnPress} onLongPress={handleOnLongPress} accessibilityRole='image'>
-        {renderAvatar()}
-      </TouchableOpacity>);
-    return (<TouchableOpacity enabled={!!onPress} onPress={handleOnPress} onLongPress={handleOnLongPress} style={[
-            stylesCommon.centerItems,
-            styles.avatarStyle,
-            { backgroundColor },
-            avatarStyle,
-        ]} accessibilityRole='image'>
-      {renderInitials()}
-    </TouchableOpacity>);
+  const $ = _c(43);
+  const {
+    user,
+    avatarStyle,
+    textStyle,
+    onPress
+  } = props;
+  const theme = useTheme();
+  const styles = useThemedStyles(createStyles);
+  user?.name;
+  let t0;
+  if ($[0] !== user?.name) {
+    const userName = user?.name || "";
+    const name = userName.toUpperCase().split(" ");
+    if (name.length === 1) {
+      t0 = `${name[0].charAt(0)}`;
+    } else {
+      if (name.length > 1) {
+        t0 = `${name[0].charAt(0)}${name[1].charAt(0)}`;
+      } else {
+        t0 = "";
+      }
+    }
+    $[0] = user?.name;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const avatarName = t0;
+  let t1;
+  if ($[2] !== theme.avatar || $[3] !== user?._id || $[4] !== user?.name) {
+    t1 = () => {
+      const {
+        palette,
+        paletteEnd
+      } = theme.avatar;
+      if (!palette.length) {
+        return;
+      }
+      const index = getUserColorIndex(user?._id ?? user?.name, palette.length);
+      const top = palette[index];
+      const bottom = paletteEnd[index];
+      return bottom ? [{
+        backgroundColor: bottom
+      }, linearGradientStyle([top, bottom])] : {
+        backgroundColor: top
+      };
+    };
+    $[2] = theme.avatar;
+    $[3] = user?._id;
+    $[4] = user?.name;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  user?._id;
+  user?.name;
+  let t2;
+  if ($[6] !== t1) {
+    t2 = t1();
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  const fillStyle = t2;
+  let t3;
+  if ($[8] !== avatarStyle || $[9] !== styles.avatarStyle || $[10] !== user) {
+    t3 = () => {
+      switch (typeof user?.avatar) {
+        case "function":
+          {
+            return user.avatar([stylesCommon.centerItems, styles.avatarStyle, avatarStyle]);
+          }
+        case "string":
+          {
+            return <Image source={{
+              uri: user.avatar
+            }} style={[stylesCommon.centerItems, styles.avatarStyle, avatarStyle]} />;
+          }
+        case "number":
+          {
+            return <Image source={user.avatar} style={[stylesCommon.centerItems, styles.avatarStyle, avatarStyle]} />;
+          }
+        default:
+          {
+            return null;
+          }
+      }
+    };
+    $[8] = avatarStyle;
+    $[9] = styles.avatarStyle;
+    $[10] = user;
+    $[11] = t3;
+  } else {
+    t3 = $[11];
+  }
+  const renderAvatar = t3;
+  let t4;
+  if ($[12] !== avatarName || $[13] !== styles.textStyle || $[14] !== textStyle) {
+    t4 = () => <Text style={[styles.textStyle, textStyle]}>{avatarName}</Text>;
+    $[12] = avatarName;
+    $[13] = styles.textStyle;
+    $[14] = textStyle;
+    $[15] = t4;
+  } else {
+    t4 = $[15];
+  }
+  const renderInitials = t4;
+  let t5;
+  if ($[16] !== props) {
+    t5 = () => {
+      const {
+        onPress: onPress_0,
+        ...rest
+      } = props;
+      onPress_0?.(rest);
+    };
+    $[16] = props;
+    $[17] = t5;
+  } else {
+    t5 = $[17];
+  }
+  const handleOnPress = t5;
+  let t6;
+  if ($[18] !== props) {
+    t6 = () => {
+      const {
+        onLongPress,
+        ...rest_0
+      } = props;
+      if (onLongPress) {
+        onLongPress(rest_0);
+      }
+    };
+    $[18] = props;
+    $[19] = t6;
+  } else {
+    t6 = $[19];
+  }
+  const handleOnLongPress = t6;
+  let t7;
+  if ($[20] !== avatarStyle || $[21] !== styles.avatarStyle || $[22] !== styles.avatarTransparent) {
+    t7 = <View style={[stylesCommon.centerItems, styles.avatarStyle, styles.avatarTransparent, avatarStyle]} accessibilityRole="image" />;
+    $[20] = avatarStyle;
+    $[21] = styles.avatarStyle;
+    $[22] = styles.avatarTransparent;
+    $[23] = t7;
+  } else {
+    t7 = $[23];
+  }
+  const placeholderView = t7;
+  if (!user || !user.name && !user.avatar) {
+    return placeholderView;
+  }
+  if (user.avatar) {
+    const t8 = !!onPress;
+    let t9;
+    if ($[24] !== renderAvatar) {
+      t9 = renderAvatar();
+      $[24] = renderAvatar;
+      $[25] = t9;
+    } else {
+      t9 = $[25];
+    }
+    let t10;
+    if ($[26] !== handleOnLongPress || $[27] !== handleOnPress || $[28] !== t8 || $[29] !== t9) {
+      t10 = <TouchableOpacity enabled={t8} onPress={handleOnPress} onLongPress={handleOnLongPress} accessibilityRole="image">{t9}</TouchableOpacity>;
+      $[26] = handleOnLongPress;
+      $[27] = handleOnPress;
+      $[28] = t8;
+      $[29] = t9;
+      $[30] = t10;
+    } else {
+      t10 = $[30];
+    }
+    return t10;
+  }
+  const t8 = !!onPress;
+  let t9;
+  if ($[31] !== avatarStyle || $[32] !== fillStyle || $[33] !== styles.avatarStyle) {
+    t9 = [stylesCommon.centerItems, styles.avatarStyle, fillStyle, avatarStyle];
+    $[31] = avatarStyle;
+    $[32] = fillStyle;
+    $[33] = styles.avatarStyle;
+    $[34] = t9;
+  } else {
+    t9 = $[34];
+  }
+  let t10;
+  if ($[35] !== renderInitials) {
+    t10 = renderInitials();
+    $[35] = renderInitials;
+    $[36] = t10;
+  } else {
+    t10 = $[36];
+  }
+  let t11;
+  if ($[37] !== handleOnLongPress || $[38] !== handleOnPress || $[39] !== t10 || $[40] !== t8 || $[41] !== t9) {
+    t11 = <TouchableOpacity enabled={t8} onPress={handleOnPress} onLongPress={handleOnLongPress} style={t9} accessibilityRole="image">{t10}</TouchableOpacity>;
+    $[37] = handleOnLongPress;
+    $[38] = handleOnPress;
+    $[39] = t10;
+    $[40] = t8;
+    $[41] = t9;
+    $[42] = t11;
+  } else {
+    t11 = $[42];
+  }
+  return t11;
 }
 //# sourceMappingURL=ChatAvatar.js.map

package/lib/ChatAvatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatAvatar.js","sourceRoot":"","sources":["../src/ChatAvatar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ChatAvatar.js","names":["React","useCallback","useMemo","Image","View","StyleSheet","Text","Color","linearGradientStyle","TouchableOpacity","useTheme","useThemedStyles","stylesCommon","getUserColorIndex","createStyles","theme","create","avatarStyle","width","height","borderRadius","avatarTransparent","backgroundColor","backgroundTransparent","textStyle","color","avatar","textColor","fontSize","Math","round","size","fontWeight","ChatAvatar","props","$","_c","user","onPress","styles","name","t0","userName","toUpperCase","split","length","charAt","avatarName","t1","_id","palette","paletteEnd","index","top","bottom","t2","fillStyle","t3","centerItems","uri","renderAvatar","t4","renderInitials","t5","onPress_0","rest","handleOnPress","t6","onLongPress","rest_0","handleOnLongPress","t7","placeholderView","t8","t9","t10","t11"],"sources":["../src/ChatAvatar.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react'\nimport {\n  Image,\n  View,\n  StyleSheet,\n  StyleProp,\n  ImageStyle,\n  TextStyle,\n  Text } from 'react-native'\nimport { Color } from './Color'\nimport { linearGradientStyle } from './components/BubbleBackground'\nimport { TouchableOpacity } from './components/TouchableOpacity'\nimport { useTheme, useThemedStyles } from './hooks/useTheme'\nimport { User } from './Models'\nimport stylesCommon from './styles'\nimport { ChatTheme, getUserColorIndex } from './Theme'\n\nconst createStyles = (theme: ChatTheme) => StyleSheet.create({\n  avatarStyle: {\n    width: 40,\n    height: 40,\n    borderRadius: 20,\n  },\n  avatarTransparent: {\n    backgroundColor: Color.backgroundTransparent,\n  },\n  // Initials: 18 Medium for a 42 avatar, scaled with the size.\n  textStyle: {\n    color: theme.avatar.textColor,\n    fontSize: Math.round(theme.avatar.size * 0.43),\n    backgroundColor: Color.backgroundTransparent,\n    fontWeight: '500',\n  },\n})\n\nexport interface ChatAvatarProps {\n  user?: User\n  avatarStyle?: StyleProp<ImageStyle>\n  textStyle?: StyleProp<TextStyle>\n  onPress?: (props: ChatAvatarProps) => void\n  onLongPress?: (props: ChatAvatarProps) => void\n}\n\nexport function ChatAvatar (\n  props: ChatAvatarProps\n) {\n  const {\n    user,\n    avatarStyle,\n    textStyle,\n    onPress,\n  } = props\n\n  const theme = useTheme()\n  const styles = useThemedStyles(createStyles)\n\n  const avatarName = useMemo(() => {\n    const userName = user?.name || ''\n    const name = userName.toUpperCase().split(' ')\n\n    if (name.length === 1)\n      return `${name[0].charAt(0)}`\n    else if (name.length > 1)\n      return `${name[0].charAt(0)}${name[1].charAt(0)}`\n    else\n      return ''\n  }, [user?.name])\n\n  // The color is picked by user id (`abs(id % 7)`) and drawn as a vertical gradient;\n  // `theme.avatar.paletteEnd` empty draws it flat.\n  const fillStyle = useMemo(() => {\n    const { palette, paletteEnd } = theme.avatar\n    if (!palette.length)\n      return undefined\n\n    const index = getUserColorIndex(user?._id ?? user?.name, palette.length)\n    const top = palette[index]\n    const bottom = paletteEnd[index]\n    return bottom\n      ? [{ backgroundColor: bottom }, linearGradientStyle([top, bottom])]\n      : { backgroundColor: top }\n  }, [user?._id, user?.name, theme])\n\n  const renderAvatar = useCallback(() => {\n    switch (typeof user?.avatar) {\n      case 'function':\n        return user.avatar([stylesCommon.centerItems, styles.avatarStyle, avatarStyle])\n      case 'string':\n        return (\n          <Image\n            source={{ uri: user.avatar }}\n            style={[stylesCommon.centerItems, styles.avatarStyle, avatarStyle]}\n          />\n        )\n      case 'number':\n        return (\n          <Image\n            source={user.avatar}\n            style={[stylesCommon.centerItems, styles.avatarStyle, avatarStyle]}\n          />\n        )\n      default:\n        return null\n    }\n  }, [user, avatarStyle, styles])\n\n  const renderInitials = useCallback(() => {\n    return (\n      <Text style={[styles.textStyle, textStyle]}>\n        {avatarName}\n      </Text>\n    )\n  }, [textStyle, avatarName, styles])\n\n  const handleOnPress = useCallback(() => {\n    const {\n      onPress,\n      ...rest\n    } = props\n\n    onPress?.(rest)\n  }, [props])\n\n  const handleOnLongPress = useCallback(() => {\n    const {\n      onLongPress,\n      ...rest\n    } = props\n\n    if (onLongPress)\n      onLongPress(rest)\n  }, [props])\n\n  const placeholderView = useMemo(() => (\n    <View\n      style={[\n        stylesCommon.centerItems,\n        styles.avatarStyle,\n        styles.avatarTransparent,\n        avatarStyle,\n      ]}\n      accessibilityRole='image'\n    />\n  ), [avatarStyle, styles])\n\n  if (!user || (!user.name && !user.avatar))\n    return placeholderView\n\n  if (user.avatar)\n    return (\n      <TouchableOpacity\n        enabled={!!onPress}\n        onPress={handleOnPress}\n        onLongPress={handleOnLongPress}\n        accessibilityRole='image'\n      >\n        {renderAvatar()}\n      </TouchableOpacity>\n    )\n\n  return (\n    <TouchableOpacity\n      enabled={!!onPress}\n      onPress={handleOnPress}\n      onLongPress={handleOnLongPress}\n      style={[\n        stylesCommon.centerItems,\n        styles.avatarStyle,\n        fillStyle,\n        avatarStyle,\n      ]}\n      accessibilityRole='image'\n    >\n      {renderInitials()}\n    </TouchableOpacity>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnD,SACEC,KAAK,EACLC,IAAI,EACJC,UAAU,EAIVC,IAAI,QAAQ,cAAc;AAC5B,SAASC,KAAK,QAAQ,SAAS;AAC/B,SAASC,mBAAmB,QAAQ,+BAA+B;AACnE,SAASC,gBAAgB,QAAQ,+BAA+B;AAChE,SAASC,QAAQ,EAAEC,eAAe,QAAQ,kBAAkB;AAE5D,OAAOC,YAAY,MAAM,UAAU;AACnC,SAAoBC,iBAAiB,QAAQ,SAAS;AAEtD,MAAMC,YAAY,GAAIC,KAAgB,IAAKV,UAAU,CAACW,MAAM,CAAC;EAC3DC,WAAW,EAAE;IACXC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE;EAChB,CAAC;EACDC,iBAAiB,EAAE;IACjBC,eAAe,EAAEf,KAAK,CAACgB;EACzB,CAAC;EACD;EACAC,SAAS,EAAE;IACTC,KAAK,EAAEV,KAAK,CAACW,MAAM,CAACC,SAAS;IAC7BC,QAAQ,EAAEC,IAAI,CAACC,KAAK,CAACf,KAAK,CAACW,MAAM,CAACK,IAAI,GAAG,IAAI,CAAC;IAC9CT,eAAe,EAAEf,KAAK,CAACgB,qBAAqB;IAC5CS,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAUF,OAAO,SAAAC,WAAAC,KAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EAGL;IAAAC,IAAA;IAAApB,WAAA;IAAAO,SAAA;IAAAc;EAAA,IAKIJ,KAAK;EAET,MAAAnB,KAAA,GAAcL,QAAQ,CAAC,CAAC;EACxB,MAAA6B,MAAA,GAAe5B,eAAe,CAACG,YAAY,CAAC;EAYxCuB,IAAI,EAAAG,IAAM;EAAA,IAAAC,EAAA;EAAA,IAAAN,CAAA,QAAAE,IAAA,EAAAG,IAAA;IATZ,MAAAE,QAAA,GAAiBL,IAAI,EAAAG,IAAY,IAAhB,EAAgB;IACjC,MAAAA,IAAA,GAAaE,QAAQ,CAAAC,WAAY,CAAC,CAAC,CAAAC,KAAM,CAAC,GAAG,CAAC;IAE9C,IAAIJ,IAAI,CAAAK,MAAO,KAAK,CAAC;MACnBJ,EAAA,GAAO,GAAGD,IAAI,GAAG,CAAAM,MAAO,CAAC,CAAC,CAAC,EAAE;IAAA;MAC1B,IAAIN,IAAI,CAAAK,MAAO,GAAG,CAAC;QACtBJ,EAAA,GAAO,GAAGD,IAAI,GAAG,CAAAM,MAAO,CAAC,CAAC,CAAC,GAAGN,IAAI,GAAG,CAAAM,MAAO,CAAC,CAAC,CAAC,EAAE;MAAA;QAEjDL,EAAA,GAAO,EAAE;MAAA;IAAA;IAAAN,CAAA,MAAAE,IAAA,EAAAG,IAAA;IAAAL,CAAA,MAAAM,EAAA;EAAA;IAAAA,EAAA,GAAAN,CAAA;EAAA;EATb,MAAAY,UAAA,GAAmBN,EAUH;EAAA,IAAAO,EAAA;EAAA,IAAAb,CAAA,QAAApB,KAAA,CAAAW,MAAA,IAAAS,CAAA,QAAAE,IAAA,EAAAY,GAAA,IAAAd,CAAA,QAAAE,IAAA,EAAAG,IAAA;IAIUQ,EAAA,GAAAA,CAAA;MACxB;QAAAE,OAAA;QAAAC;MAAA,IAAgCpC,KAAK,CAAAW,MAAO;MAC5C,IAAI,CAACwB,OAAO,CAAAL,MAAO;QAAA;MAAA;MAGnB,MAAAO,KAAA,GAAcvC,iBAAiB,CAACwB,IAAI,EAAAY,GAAmB,IAAVZ,IAAI,EAAAG,IAAM,EAAEU,OAAO,CAAAL,MAAO,CAAC;MACxE,MAAAQ,GAAA,GAAYH,OAAO,CAACE,KAAK,CAAC;MAC1B,MAAAE,MAAA,GAAeH,UAAU,CAACC,KAAK,CAAC;MAAA,OACzBE,MAAM,GAAN,CACF;QAAAhC,eAAA,EAAmBgC;MAAO,CAAC,EAAE9C,mBAAmB,CAAC,CAAC6C,GAAG,EAAEC,MAAM,CAAC,CAAC,CACxC,GAFrB;QAAAhC,eAAA,EAEgB+B;MAAI,CAAC;IAAA,CAC7B;IAAAlB,CAAA,MAAApB,KAAA,CAAAW,MAAA;IAAAS,CAAA,MAAAE,IAAA,EAAAY,GAAA;IAAAd,CAAA,MAAAE,IAAA,EAAAG,IAAA;IAAAL,CAAA,MAAAa,EAAA;EAAA;IAAAA,EAAA,GAAAb,CAAA;EAAA;EAAGE,IAAI,EAAAY,GAAK;EAAEZ,IAAI,EAAAG,IAAM;EAAA,IAAAe,EAAA;EAAA,IAAApB,CAAA,QAAAa,EAAA;IAXPO,EAAA,GAAQP,EAWzB,CAAgC,CAAC;IAAAb,CAAA,MAAAa,EAAA;IAAAb,CAAA,MAAAoB,EAAA;EAAA;IAAAA,EAAA,GAAApB,CAAA;EAAA;EAXlC,MAAAqB,SAAA,GAAkBD,EAWgB;EAAA,IAAAE,EAAA;EAAA,IAAAtB,CAAA,QAAAlB,WAAA,IAAAkB,CAAA,QAAAI,MAAA,CAAAtB,WAAA,IAAAkB,CAAA,SAAAE,IAAA;IAEDoB,EAAA,GAAAA,CAAA;MAC/B,QAAQ,OAAOpB,IAAI,EAAAX,MAAQ;QAAA,KACpB,UAAU;UAAA;YAAA,OACNW,IAAI,CAAAX,MAAO,CAAC,CAACd,YAAY,CAAA8C,WAAY,EAAEnB,MAAM,CAAAtB,WAAY,EAAEA,WAAW,CAAC,CAAC;UAAA;QAAA,KAC5E,QAAQ;UAAA;YAAA,OAET,CAAC,KAAK,CACI,MAAoB,CAApB;cAAA0C,GAAA,EAAOtB,IAAI,CAAAX;YAAQ,EAAC,CACrB,KAA2D,CAA3D,EAACd,YAAY,CAAA8C,WAAY,EAAEnB,MAAM,CAAAtB,WAAY,EAAEA,WAAW,EAAC,GAClE;UAAA;QAAA,KAED,QAAQ;UAAA;YAAA,OAET,CAAC,KAAK,CACI,MAAW,CAAX,CAAAoB,IAAI,CAAAX,MAAM,CAAC,CACZ,KAA2D,CAA3D,EAACd,YAAY,CAAA8C,WAAY,EAAEnB,MAAM,CAAAtB,WAAY,EAAEA,WAAW,EAAC,GAClE;UAAA;QAAA;UAAA;YAAA,OAGG,IAAI;UAAA;MACf;IAAC,CACF;IAAAkB,CAAA,MAAAlB,WAAA;IAAAkB,CAAA,MAAAI,MAAA,CAAAtB,WAAA;IAAAkB,CAAA,OAAAE,IAAA;IAAAF,CAAA,OAAAsB,EAAA;EAAA;IAAAA,EAAA,GAAAtB,CAAA;EAAA;EArBD,MAAAyB,YAAA,GAAqBH,EAqBU;EAAA,IAAAI,EAAA;EAAA,IAAA1B,CAAA,SAAAY,UAAA,IAAAZ,CAAA,SAAAI,MAAA,CAAAf,SAAA,IAAAW,CAAA,SAAAX,SAAA;IAEIqC,EAAA,GAAAA,CAAA,KAE/B,CAAC,IAAI,CAAQ,KAA6B,CAA7B,EAACtB,MAAM,CAAAf,SAAU,EAAEA,SAAS,EAAC,CACvCuB,WAAS,CACZ,EAFC,IAAI,CAIR;IAAAZ,CAAA,OAAAY,UAAA;IAAAZ,CAAA,OAAAI,MAAA,CAAAf,SAAA;IAAAW,CAAA,OAAAX,SAAA;IAAAW,CAAA,OAAA0B,EAAA;EAAA;IAAAA,EAAA,GAAA1B,CAAA;EAAA;EAND,MAAA2B,cAAA,GAAuBD,EAMY;EAAA,IAAAE,EAAA;EAAA,IAAA5B,CAAA,SAAAD,KAAA;IAED6B,EAAA,GAAAA,CAAA;MAChC;QAAAzB,OAAA,EAAA0B,SAAA;QAAA,GAAAC;MAAA,IAGI/B,KAAK;MAETI,SAAO,GAAG2B,IAAI,CAAC;IAAA,CAChB;IAAA9B,CAAA,OAAAD,KAAA;IAAAC,CAAA,OAAA4B,EAAA;EAAA;IAAAA,EAAA,GAAA5B,CAAA;EAAA;EAPD,MAAA+B,aAAA,GAAsBH,EAOX;EAAA,IAAAI,EAAA;EAAA,IAAAhC,CAAA,SAAAD,KAAA;IAE2BiC,EAAA,GAAAA,CAAA;MACpC;QAAAC,WAAA;QAAA,GAAAC;MAAA,IAGInC,KAAK;MAET,IAAIkC,WAAW;QACbA,WAAW,CAACH,MAAI,CAAC;MAAA;IAAA,CACpB;IAAA9B,CAAA,OAAAD,KAAA;IAAAC,CAAA,OAAAgC,EAAA;EAAA;IAAAA,EAAA,GAAAhC,CAAA;EAAA;EARD,MAAAmC,iBAAA,GAA0BH,EAQf;EAAA,IAAAI,EAAA;EAAA,IAAApC,CAAA,SAAAlB,WAAA,IAAAkB,CAAA,SAAAI,MAAA,CAAAtB,WAAA,IAAAkB,CAAA,SAAAI,MAAA,CAAAlB,iBAAA;IAGTkD,EAAA,IAAC,IAAI,CACI,KAKN,CALM,EACL3D,YAAY,CAAA8C,WAAY,EACxBnB,MAAM,CAAAtB,WAAY,EAClBsB,MAAM,CAAAlB,iBAAkB,EACxBJ,WAAW,CACb,CAAC,CACiB,iBAAO,CAAP,OAAO,GACzB;IAAAkB,CAAA,OAAAlB,WAAA;IAAAkB,CAAA,OAAAI,MAAA,CAAAtB,WAAA;IAAAkB,CAAA,OAAAI,MAAA,CAAAlB,iBAAA;IAAAc,CAAA,OAAAoC,EAAA;EAAA;IAAAA,EAAA,GAAApC,CAAA;EAAA;EATJ,MAAAqC,eAAA,GACED,EAQE;EAGJ,IAAI,CAAClC,IAAoC,IAA3B,CAACA,IAAI,CAAAG,IAAqB,IAA1B,CAAeH,IAAI,CAAAX,MAAQ;IAAA,OAChC8C,eAAe;EAAA;EAExB,IAAInC,IAAI,CAAAX,MAAO;IAGA,MAAA+C,EAAA,IAAC,CAACnC,OAAO;IAAA,IAAAoC,EAAA;IAAA,IAAAvC,CAAA,SAAAyB,YAAA;MAKjBc,EAAA,GAAAd,YAAY,CAAC,CAAC;MAAAzB,CAAA,OAAAyB,YAAA;MAAAzB,CAAA,OAAAuC,EAAA;IAAA;MAAAA,EAAA,GAAAvC,CAAA;IAAA;IAAA,IAAAwC,GAAA;IAAA,IAAAxC,CAAA,SAAAmC,iBAAA,IAAAnC,CAAA,SAAA+B,aAAA,IAAA/B,CAAA,SAAAsC,EAAA,IAAAtC,CAAA,SAAAuC,EAAA;MANjBC,GAAA,IAAC,gBAAgB,CACN,OAAS,CAAT,CAAAF,EAAQ,CAAC,CACTP,OAAa,CAAbA,cAAY,CAAC,CACTI,WAAiB,CAAjBA,kBAAgB,CAAC,CACZ,iBAAO,CAAP,OAAO,CAExB,CAAAI,EAAa,CAChB,EAPC,gBAAgB,CAOE;MAAAvC,CAAA,OAAAmC,iBAAA;MAAAnC,CAAA,OAAA+B,aAAA;MAAA/B,CAAA,OAAAsC,EAAA;MAAAtC,CAAA,OAAAuC,EAAA;MAAAvC,CAAA,OAAAwC,GAAA;IAAA;MAAAA,GAAA,GAAAxC,CAAA;IAAA;IAAA,OAPnBwC,GAOmB;EAAA;EAKV,MAAAF,EAAA,IAAC,CAACnC,OAAO;EAAA,IAAAoC,EAAA;EAAA,IAAAvC,CAAA,SAAAlB,WAAA,IAAAkB,CAAA,SAAAqB,SAAA,IAAArB,CAAA,SAAAI,MAAA,CAAAtB,WAAA;IAGXyD,EAAA,IACL9D,YAAY,CAAA8C,WAAY,EACxBnB,MAAM,CAAAtB,WAAY,EAClBuC,SAAS,EACTvC,WAAW,CACZ;IAAAkB,CAAA,OAAAlB,WAAA;IAAAkB,CAAA,OAAAqB,SAAA;IAAArB,CAAA,OAAAI,MAAA,CAAAtB,WAAA;IAAAkB,CAAA,OAAAuC,EAAA;EAAA;IAAAA,EAAA,GAAAvC,CAAA;EAAA;EAAA,IAAAwC,GAAA;EAAA,IAAAxC,CAAA,SAAA2B,cAAA;IAGAa,GAAA,GAAAb,cAAc,CAAC,CAAC;IAAA3B,CAAA,OAAA2B,cAAA;IAAA3B,CAAA,OAAAwC,GAAA;EAAA;IAAAA,GAAA,GAAAxC,CAAA;EAAA;EAAA,IAAAyC,GAAA;EAAA,IAAAzC,CAAA,SAAAmC,iBAAA,IAAAnC,CAAA,SAAA+B,aAAA,IAAA/B,CAAA,SAAAwC,GAAA,IAAAxC,CAAA,SAAAsC,EAAA,IAAAtC,CAAA,SAAAuC,EAAA;IAZnBE,GAAA,IAAC,gBAAgB,CACN,OAAS,CAAT,CAAAH,EAAQ,CAAC,CACTP,OAAa,CAAbA,cAAY,CAAC,CACTI,WAAiB,CAAjBA,kBAAgB,CAAC,CACvB,KAKN,CALM,CAAAI,EAKP,CAAC,CACiB,iBAAO,CAAP,OAAO,CAExB,CAAAC,GAAe,CAClB,EAbC,gBAAgB,CAaE;IAAAxC,CAAA,OAAAmC,iBAAA;IAAAnC,CAAA,OAAA+B,aAAA;IAAA/B,CAAA,OAAAwC,GAAA;IAAAxC,CAAA,OAAAsC,EAAA;IAAAtC,CAAA,OAAAuC,EAAA;IAAAvC,CAAA,OAAAyC,GAAA;EAAA;IAAAA,GAAA,GAAAzC,CAAA;EAAA;EAAA,OAbnByC,GAamB;AAAA","ignoreList":[]}

package/lib/ChatContext.js

@@ -1,14 +1,24 @@
 import { createContext, useContext } from 'react';
+
+/**
+ * Minimal, library-agnostic action-sheet options. The built-in UI no longer
+ * depends on @expo/react-native-action-sheet; this type lets consumers still
+ * plug their own action-sheet implementation in via the `actionSheet` prop
+ * (its options are a superset of these fields, so it stays compatible).
+ */
+
 export const ChatContext = createContext({
-    getLocale: () => 'en',
-    getIsRTL: () => false,
-    actionSheet: () => ({
-        showActionSheetWithOptions: () => { },
-    }),
-    getColorScheme: () => null,
-    getTheme: () => undefined,
-    getIcons: () => undefined,
-    getLabels: () => undefined,
+  getLocale: () => 'en',
+  getIsRTL: () => false,
+  actionSheet: () => ({
+    showActionSheetWithOptions: () => {}
+  }),
+  getColorScheme: () => null,
+  getTheme: () => undefined,
+  getIcons: () => undefined,
+  getLabels: () => undefined
 });
-export const useChatContext = () => useContext(ChatContext);
+export const useChatContext = () => {
+  return useContext(ChatContext);
+};
 //# sourceMappingURL=ChatContext.js.map

package/lib/ChatContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatContext.js","sourceRoot":"","sources":["../src/ChatContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AA8CjD,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAe;IACrD,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI;IACrB,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK;IACrB,WAAW,EAAE,GAAG,EAAE,CAAC,CAAC;QAClB,0BAA0B,EAAE,GAAG,EAAE,GAAE,CAAC;KACrC,CAAC;IACF,cAAc,EAAE,GAAG,EAAE,CAAC,IAAI;IAC1B,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS;IACzB,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS;IACzB,SAAS,EAAE,GAAG,EAAE,CAAC,SAAS;CAC3B,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,CAAA"}
+{"version":3,"file":"ChatContext.js","names":["createContext","useContext","ChatContext","getLocale","getIsRTL","actionSheet","showActionSheetWithOptions","getColorScheme","getTheme","undefined","getIcons","getLabels","useChatContext"],"sources":["../src/ChatContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport { ColorSchemeName } from 'react-native'\nimport { ChatLabels } from './i18n'\nimport { ChatIcons } from './Icons'\nimport { ChatTheme } from './Theme'\n\n/**\n * Minimal, library-agnostic action-sheet options. The built-in UI no longer\n * depends on @expo/react-native-action-sheet; this type lets consumers still\n * plug their own action-sheet implementation in via the `actionSheet` prop\n * (its options are a superset of these fields, so it stays compatible).\n */\nexport interface ActionSheetOptions {\n  options: string[]\n  cancelButtonIndex?: number\n  destructiveButtonIndex?: number | number[]\n  title?: string\n  message?: string\n  tintColor?: string\n  [key: string]: unknown\n}\n\nexport interface IChatContext {\n  actionSheet(): {\n    showActionSheetWithOptions: (\n      options: ActionSheetOptions,\n      callback: (buttonIndex?: number) => void | Promise<void>\n    ) => void\n  }\n  getLocale(): string\n  /** Whether the chat is laying out right-to-left (see `forceRTL` / `locale` on `Chat`). */\n  getIsRTL?(): boolean\n  getColorScheme(): ColorSchemeName | null | undefined\n  /**\n   * The fully-resolved theme for the current color scheme (defaults merged with\n   * any `theme` / `darkTheme` overrides). Returns undefined when a component is\n   * rendered outside of `Chat`, in which case `useTheme` falls back to the\n   * built-in defaults for the system color scheme.\n   */\n  getTheme?(): ChatTheme | undefined\n  /** Icon override registry (drawn icons are used for any name not provided). */\n  getIcons?(): ChatIcons | undefined\n  /** Resolved UI labels for the current locale (English defaults outside Chat). */\n  getLabels?(): ChatLabels | undefined\n}\n\nexport const ChatContext = createContext<IChatContext>({\n  getLocale: () => 'en',\n  getIsRTL: () => false,\n  actionSheet: () => ({\n    showActionSheetWithOptions: () => {},\n  }),\n  getColorScheme: () => null,\n  getTheme: () => undefined,\n  getIcons: () => undefined,\n  getLabels: () => undefined,\n})\n\nexport const useChatContext = () => useContext(ChatContext)\n"],"mappings":"AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;;AAMjD;AACA;AACA;AACA;AACA;AACA;;AAmCA,OAAO,MAAMC,WAAW,GAAGF,aAAa,CAAe;EACrDG,SAAS,EAAEA,CAAA,KAAM,IAAI;EACrBC,QAAQ,EAAEA,CAAA,KAAM,KAAK;EACrBC,WAAW,EAAEA,CAAA,MAAO;IAClBC,0BAA0B,EAAEA,CAAA,KAAM,CAAC;EACrC,CAAC,CAAC;EACFC,cAAc,EAAEA,CAAA,KAAM,IAAI;EAC1BC,QAAQ,EAAEA,CAAA,KAAMC,SAAS;EACzBC,QAAQ,EAAEA,CAAA,KAAMD,SAAS;EACzBE,SAAS,EAAEA,CAAA,KAAMF;AACnB,CAAC,CAAC;AAEF,OAAO,MAAMG,cAAc,GAAGA,CAAA;EAAA,OAAMX,UAAU,CAACC,WAAW,CAAC;AAAA","ignoreList":[]}

package/lib/ChatList/ChatListAvatar.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+export interface ChatListAvatarProps {
+    id: string | number;
+    title: string;
+    uri?: string;
+    size: number;
+    /** The archive folder's grey avatar. */
+    isArchive?: boolean;
+    /** The green online dot. */
+    isOnline?: boolean;
+    /** The selection check, on the bottom-right corner. */
+    isSelected?: boolean;
+    /** The ring around the dot and the check: the row's background. */
+    ringColor?: string;
+}
+/**
+ * A chat's avatar: its photo, or its initials on the same per-id color the chat uses for that
+ * person, so their color matches between the list and their messages.
+ */
+export declare function ChatListAvatar({ id, title, uri, size, isArchive, isOnline, isSelected, ringColor }: ChatListAvatarProps): React.JSX.Element;
+//# sourceMappingURL=ChatListAvatar.d.ts.map

package/lib/ChatList/ChatListAvatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatListAvatar.d.ts","sourceRoot":"","sources":["../../src/ChatList/ChatListAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAavC,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,wCAAwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uDAAuD;IACvD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAE,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,mBAAmB,qBA+CxH"}