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

package/lib/ChatList/ChatListAvatar.js

@@ -0,0 +1,178 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { useState } from 'react';
+import { Image, StyleSheet, Text, View } from 'react-native';
+import Animated, { ZoomIn, ZoomOut } from 'react-native-reanimated';
+import { Icon } from '../components/Icon';
+import { useTheme } from '../hooks/useTheme';
+import { getUserColorIndex } from '../Theme';
+import { getInitials } from './utils';
+const gradient = (top, bottom) => bottom ? {
+  backgroundColor: bottom,
+  experimental_backgroundImage: `linear-gradient(to bottom, ${top}, ${bottom})`
+} : {
+  backgroundColor: top
+};
+/**
+ * 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 function ChatListAvatar(t0) {
+  const $ = _c(33);
+  const {
+    id,
+    title,
+    uri,
+    size,
+    isArchive,
+    isOnline,
+    isSelected,
+    ringColor
+  } = t0;
+  const theme = useTheme();
+  const colors = theme.chatList;
+  const {
+    palette,
+    paletteEnd
+  } = theme.avatar;
+  const radius = size / 2;
+  let t1;
+  if ($[0] !== id || $[1] !== palette.length) {
+    t1 = getUserColorIndex(id, palette.length);
+    $[0] = id;
+    $[1] = palette.length;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const index = t1;
+  const ring = ringColor ?? colors.background;
+  let t2;
+  if ($[3] !== radius || $[4] !== size) {
+    t2 = {
+      width: size,
+      height: size,
+      borderRadius: radius
+    };
+    $[3] = radius;
+    $[4] = size;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  const circle = t2;
+  const [failedUri, setFailedUri] = useState();
+  const photoUri = uri && uri !== failedUri ? uri : undefined;
+  let t3;
+  if ($[6] !== size) {
+    t3 = {
+      width: size,
+      height: size
+    };
+    $[6] = size;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  let t4;
+  if ($[8] !== circle || $[9] !== colors || $[10] !== index || $[11] !== isArchive || $[12] !== palette || $[13] !== paletteEnd || $[14] !== photoUri || $[15] !== size || $[16] !== theme.avatar.textColor || $[17] !== title) {
+    t4 = isArchive ? <View style={[styles.center, circle, {
+      backgroundColor: colors.archiveAvatar
+    }]} collapsable={false}><Icon name="archiveFolder" color="#FFFFFF" size={Math.round(size * 0.46)} fallback={null} /></View> : photoUri ? <Image source={{
+      uri: photoUri
+    }} onError={() => setFailedUri(photoUri)} style={[circle, {
+      backgroundColor: paletteEnd[index] ?? palette[index]
+    }]} /> : <View style={[styles.center, circle, gradient(palette[index], paletteEnd[index])]}><Text style={[styles.initials, {
+        color: theme.avatar.textColor,
+        fontSize: Math.round(size * 0.35)
+      }]}>{getInitials(title)}</Text></View>;
+    $[8] = circle;
+    $[9] = colors;
+    $[10] = index;
+    $[11] = isArchive;
+    $[12] = palette;
+    $[13] = paletteEnd;
+    $[14] = photoUri;
+    $[15] = size;
+    $[16] = theme.avatar.textColor;
+    $[17] = title;
+    $[18] = t4;
+  } else {
+    t4 = $[18];
+  }
+  let t5;
+  if ($[19] !== colors || $[20] !== isOnline || $[21] !== isSelected || $[22] !== ring) {
+    t5 = isOnline && !isSelected && <Animated.View entering={ZoomIn.duration(150)} exiting={ZoomOut.duration(150)} style={[styles.online, {
+      backgroundColor: colors.online,
+      borderColor: ring
+    }]} />;
+    $[19] = colors;
+    $[20] = isOnline;
+    $[21] = isSelected;
+    $[22] = ring;
+    $[23] = t5;
+  } else {
+    t5 = $[23];
+  }
+  let t6;
+  if ($[24] !== colors || $[25] !== isSelected || $[26] !== ring) {
+    t6 = isSelected && <Animated.View entering={ZoomIn.duration(200)} exiting={ZoomOut.duration(200)} style={[styles.check, {
+      backgroundColor: colors.checkbox,
+      borderColor: ring
+    }]}><Icon name="check" color="#FFFFFF" size={13} fallback={<Text style={styles.checkText}>✓</Text>} /></Animated.View>;
+    $[24] = colors;
+    $[25] = isSelected;
+    $[26] = ring;
+    $[27] = t6;
+  } else {
+    t6 = $[27];
+  }
+  let t7;
+  if ($[28] !== t3 || $[29] !== t4 || $[30] !== t5 || $[31] !== t6) {
+    t7 = <View style={t3}>{t4}{t5}{t6}</View>;
+    $[28] = t3;
+    $[29] = t4;
+    $[30] = t5;
+    $[31] = t6;
+    $[32] = t7;
+  } else {
+    t7 = $[32];
+  }
+  return t7;
+}
+const styles = StyleSheet.create({
+  center: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  initials: {
+    fontWeight: '600'
+  },
+  // A 14 dot with a 2 ring, its centre 6 in from the right and 8 up from the bottom.
+  online: {
+    position: 'absolute',
+    end: -1,
+    bottom: 1,
+    width: 14,
+    height: 14,
+    borderRadius: 7,
+    borderWidth: 2
+  },
+  // A 24 check with a 2 ring on the bottom-right corner.
+  check: {
+    position: 'absolute',
+    end: -3,
+    bottom: -3,
+    width: 24,
+    height: 24,
+    borderRadius: 12,
+    borderWidth: 2,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  checkText: {
+    color: '#FFFFFF',
+    fontSize: 12,
+    fontWeight: '700'
+  }
+});
+//# sourceMappingURL=ChatListAvatar.js.map

package/lib/ChatList/ChatListAvatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatListAvatar.js","names":["React","useState","Image","StyleSheet","Text","View","Animated","ZoomIn","ZoomOut","Icon","useTheme","getUserColorIndex","getInitials","gradient","top","bottom","backgroundColor","experimental_backgroundImage","ChatListAvatar","t0","$","_c","id","title","uri","size","isArchive","isOnline","isSelected","ringColor","theme","colors","chatList","palette","paletteEnd","avatar","radius","t1","length","index","ring","background","t2","width","height","borderRadius","circle","failedUri","setFailedUri","photoUri","undefined","t3","t4","textColor","styles","center","archiveAvatar","Math","round","initials","color","fontSize","t5","duration","online","borderColor","t6","check","checkbox","checkText","t7","create","alignItems","justifyContent","fontWeight","position","end","borderWidth"],"sources":["../../src/ChatList/ChatListAvatar.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { Image, StyleSheet, Text, View, ViewStyle } from 'react-native'\nimport Animated, { ZoomIn, ZoomOut } from 'react-native-reanimated'\n\nimport { Icon } from '../components/Icon'\nimport { useTheme } from '../hooks/useTheme'\nimport { getUserColorIndex } from '../Theme'\nimport { getInitials } from './utils'\n\nconst gradient = (top: string, bottom: string | undefined): ViewStyle => bottom\n  ? { backgroundColor: bottom, experimental_backgroundImage: `linear-gradient(to bottom, ${top}, ${bottom})` } as ViewStyle\n  : { backgroundColor: top }\n\nexport interface ChatListAvatarProps {\n  id: string | number\n  title: string\n  uri?: string\n  size: number\n  /** The archive folder's grey avatar. */\n  isArchive?: boolean\n  /** The green online dot. */\n  isOnline?: boolean\n  /** The selection check, on the bottom-right corner. */\n  isSelected?: boolean\n  /** The ring around the dot and the check: the row's background. */\n  ringColor?: string\n}\n\n/**\n * A chat's avatar: its photo, or its initials on the same per-id color the chat uses for that\n * person, so their color matches between the list and their messages.\n */\nexport function ChatListAvatar ({ id, title, uri, size, isArchive, isOnline, isSelected, ringColor }: ChatListAvatarProps) {\n  const theme = useTheme()\n  const colors = theme.chatList\n  const { palette, paletteEnd } = theme.avatar\n  const radius = size / 2\n  const index = getUserColorIndex(id, palette.length)\n  const ring = ringColor ?? colors.background\n  const circle = { width: size, height: size, borderRadius: radius }\n  // A photo that fails to load (offline, blocked, gone) falls back to the initials rather than\n  // leaving a blank circle.\n  const [failedUri, setFailedUri] = useState<string>()\n  const photoUri = uri && uri !== failedUri ? uri : undefined\n\n  return (\n    <View style={{ width: size, height: size }}>\n      {isArchive\n        ? (\n          // Not collapsable: flattened into the row, the glyph was drawn under the circle.\n          <View style={[styles.center, circle, { backgroundColor: colors.archiveAvatar }]} collapsable={false}>\n            <Icon name='archiveFolder' color='#FFFFFF' size={Math.round(size * 0.46)} fallback={null} />\n          </View>\n        )\n        : photoUri\n          ? <Image source={{ uri: photoUri }} onError={() => setFailedUri(photoUri)} style={[circle, { backgroundColor: paletteEnd[index] ?? palette[index] }]} />\n          : (\n            <View style={[styles.center, circle, gradient(palette[index], paletteEnd[index])]}>\n              <Text style={[styles.initials, { color: theme.avatar.textColor, fontSize: Math.round(size * 0.35) }]}>{getInitials(title)}</Text>\n            </View>\n          )}\n      {isOnline && !isSelected && (\n        <Animated.View\n          entering={ZoomIn.duration(150)}\n          exiting={ZoomOut.duration(150)}\n          style={[styles.online, { backgroundColor: colors.online, borderColor: ring }]}\n        />\n      )}\n      {isSelected && (\n        <Animated.View\n          entering={ZoomIn.duration(200)}\n          exiting={ZoomOut.duration(200)}\n          style={[styles.check, { backgroundColor: colors.checkbox, borderColor: ring }]}\n        >\n          <Icon name='check' color='#FFFFFF' size={13} fallback={<Text style={styles.checkText}>✓</Text>} />\n        </Animated.View>\n      )}\n    </View>\n  )\n}\n\nconst styles = StyleSheet.create({\n  center: {\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  initials: {\n    fontWeight: '600',\n  },\n  // A 14 dot with a 2 ring, its centre 6 in from the right and 8 up from the bottom.\n  online: {\n    position: 'absolute',\n    end: -1,\n    bottom: 1,\n    width: 14,\n    height: 14,\n    borderRadius: 7,\n    borderWidth: 2,\n  },\n  // A 24 check with a 2 ring on the bottom-right corner.\n  check: {\n    position: 'absolute',\n    end: -3,\n    bottom: -3,\n    width: 24,\n    height: 24,\n    borderRadius: 12,\n    borderWidth: 2,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  checkText: {\n    color: '#FFFFFF',\n    fontSize: 12,\n    fontWeight: '700',\n  },\n})\n"],"mappings":"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","ignoreList":[]}

package/lib/ChatList/ChatListCell.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { ChatListCellProps, ChatListItem } from './types';
+export declare const CHAT_LIST_ROW_HEIGHT = 70;
+/**
+ * A chat's row: avatar, name, time, the last message (or a draft, or who is typing), the unread
+ * counter or pin, a swipe to archive, and dragging when pinned chats can be reordered.
+ */
+declare function ChatListCellInner<TChat extends ChatListItem>({ chat, user, isSelected, isSelectionMode, onPress, onLongPress, onSwipe, isLast, reorder, isReordering, }: ChatListCellProps<TChat>): React.JSX.Element;
+/**
+ * A chat's row: avatar, name, time, the last message (or a draft, or who is typing), the unread
+ * counter or pin, a swipe to archive, and dragging when pinned chats can be reordered. Rows only
+ * re-render when their own chat or state changes.
+ */
+export declare const ChatListCell: typeof ChatListCellInner;
+export {};
+//# sourceMappingURL=ChatListCell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatListCell.d.ts","sourceRoot":"","sources":["../../src/ChatList/ChatListCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAA;AAuBxD,OAAO,EAAE,iBAAiB,EAAgB,YAAY,EAAE,MAAM,SAAS,CAAA;AAIvE,eAAO,MAAM,oBAAoB,KAAK,CAAA;AAgCtC;;;GAGG;AACH,iBAAS,iBAAiB,CAAC,KAAK,SAAS,YAAY,EAAG,EACtD,IAAI,EACJ,IAAI,EACJ,UAAU,EACV,eAAe,EACf,OAAO,EACP,WAAW,EACX,OAAO,EACP,MAAM,EACN,OAAO,EACP,YAAoB,GACrB,EAAE,iBAAiB,CAAC,KAAK,CAAC,qBAkR1B;AAmBD;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAsD,OAAO,iBAAiB,CAAA"}