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

package/lib/ChatList/ChatListCell.js

@@ -0,0 +1,506 @@
+import React, { memo, useEffect, useState } from 'react';
+import { I18nManager, Image, Platform, StyleSheet, Text, useWindowDimensions, View } from 'react-native';
+import { GestureDetector, Touchable, useCompetingGestures, usePanGesture } from 'react-native-gesture-handler';
+import Animated, { Easing, FadeIn, FadeOut, runOnJS, useAnimatedStyle, useDerivedValue, useSharedValue, withSequence, withTiming } from 'react-native-reanimated';
+import { useChatContext } from '../ChatContext';
+import { selectionHaptic } from '../components/haptics';
+import { Icon } from '../components/Icon';
+import { TypingStatus } from '../components/TypingStatus';
+import { useRowSwipe } from '../gestures/useRowSwipe';
+import { useLabels } from '../hooks/useLabels';
+import { useTheme } from '../hooks/useTheme';
+import { ChatListAvatar } from './ChatListAvatar';
+import { formatChatListDate, getChatPreview } from './utils';
+
+// A two-line row 70 tall: the avatar 11 in and 52 across, the text from 76.
+export const CHAT_LIST_ROW_HEIGHT = 70;
+const ROW_HEIGHT = CHAT_LIST_ROW_HEIGHT;
+const AVATAR_SIZE = 52;
+const AVATAR_START = 11;
+const TEXT_START = 76;
+/** The divider starts 72 in and runs to the edge. */
+const DIVIDER_INSET = 72;
+
+/** Past 0.45 of the row's width the swipe ticks and reveals; a fast fling completes it too. */
+const SWIPE_THRESHOLD = 0.45;
+const SWIPE_ESCAPE_VELOCITY = 1200;
+/** A cancelled swipe slides back over 200ms. */
+const SWIPE_CANCEL = {
+  duration: 200,
+  easing: Easing.out(Easing.quad)
+};
+/** The reveal circle grows over 300ms, accelerating. */
+const REVEAL = {
+  duration: 300,
+  easing: Easing.in(Easing.quad)
+};
+/** The swipe's icon is centred 43 from the row's end. */
+const ICON_END = 43;
+
+// Reordering pinned chats: a long press (the platform's 400ms) lifts the row, the others make
+// way as it passes their middle, and it settles into its slot when let go.
+const LONG_PRESS_MS = 400;
+const MAKE_WAY = {
+  duration: 250,
+  easing: Easing.bezier(0.199, 0.011, 0.279, 0.91)
+};
+const SETTLE = {
+  duration: 200,
+  easing: Easing.inOut(Easing.sin)
+};
+/** The reorder handle and the badge or pin it replaces cross-fade over 170ms. */
+const HANDLE_FADE = {
+  duration: 170,
+  easing: Easing.linear
+};
+
+/** Where the dragged row would land. */
+const hoverIndex = (drag, count) => {
+  'worklet';
+
+  return Math.max(0, Math.min(count - 1, drag.from.value + Math.round(drag.y.value / ROW_HEIGHT)));
+};
+
+/**
+ * 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.
+ */
+function ChatListCellInner({
+  chat,
+  user,
+  isSelected,
+  isSelectionMode,
+  onPress,
+  onLongPress,
+  onSwipe,
+  isLast,
+  reorder,
+  isReordering = false
+}) {
+  // The gesture callbacks read shared values; React Compiler would memoize them into render.
+  'use no memo';
+
+  const theme = useTheme();
+  const colors = theme.chatList;
+  const labels = useLabels();
+  const {
+    getLocale
+  } = useChatContext();
+  const {
+    width
+  } = useWindowDimensions();
+
+  // The row swipes towards the start edge, revealing the action at the end.
+  const direction = I18nManager.isRTL ? 1 : -1;
+  const reveal = useSharedValue(0);
+  const iconScale = useSharedValue(1);
+  const {
+    gesture: pan,
+    offset: translateX
+  } = useRowSwipe({
+    isEnabled: !isSelectionMode && !!onSwipe,
+    sign: direction,
+    activeOffsetX: 15,
+    failOffsetY: 12,
+    threshold: width * SWIPE_THRESHOLD,
+    onThresholdChange: past => {
+      'worklet';
+
+      reveal.value = withTiming(past ? 1 : 0, REVEAL);
+      if (past) iconScale.value = withSequence(withTiming(1.2, {
+        duration: 85
+      }), withTiming(1, {
+        duration: 85
+      }));
+      runOnJS(selectionHaptic)();
+    },
+    onRelease: (isPast, velocity, rowOffset) => {
+      'worklet';
+
+      const isFling = velocity > SWIPE_ESCAPE_VELOCITY;
+      if (onSwipe && (isPast || isFling)) {
+        rowOffset.value = withTiming(width * direction, SWIPE_CANCEL, isFinished => {
+          if (isFinished) runOnJS(onSwipe)(chat);
+        });
+        return;
+      }
+      rowOffset.value = withTiming(0, SWIPE_CANCEL);
+      reveal.value = withTiming(0, SWIPE_CANCEL);
+    }
+  });
+  const drag = reorder?.drag;
+  const index = reorder?.index ?? 0;
+  const count = reorder?.count ?? 0;
+  const onDragStart = reorder?.onStart;
+  const onDrop = reorder?.onDrop;
+  const chatKey = String(chat.id);
+  // How far this row has moved to make way for the dragged one.
+  const shift = useSharedValue(0);
+  const dragPan = usePanGesture({
+    enabled: !!reorder,
+    activateAfterLongPress: LONG_PRESS_MS,
+    onActivate: () => {
+      if (!drag) return;
+      drag.id.set(chatKey);
+      drag.from.set(index);
+      drag.y.set(0);
+      drag.isActive.set(true);
+      if (onDragStart) runOnJS(onDragStart)(chat);
+    },
+    onUpdate: event => {
+      if (!drag) return;
+      // Kept to the pinned rows, give or take half a row.
+      const min = -(index + 0.5) * ROW_HEIGHT;
+      const max = (count - 1 - index + 0.5) * ROW_HEIGHT;
+      drag.y.set(Math.max(min, Math.min(max, event.translationY)));
+    },
+    onDeactivate: () => {
+      if (!drag || drag.id.value !== chatKey) return;
+      const to = hoverIndex(drag, count);
+      drag.y.set(withTiming((to - index) * ROW_HEIGHT, SETTLE, () => {
+        if (onDrop) runOnJS(onDrop)(chat, to);
+      }));
+    }
+  });
+  const gesture = useCompetingGestures(pan, dragPan);
+
+  // Where this row should sit, eased there while a drag is on and dropped at once after it.
+  const lastTarget = useSharedValue(0);
+  useDerivedValue(() => {
+    let target = 0;
+    if (drag && drag.isActive.value && drag.id.value !== chatKey) {
+      const from = drag.from.value;
+      const to_0 = hoverIndex(drag, count);
+      if (from < index && index <= to_0) target = -ROW_HEIGHT;else if (to_0 <= index && index < from) target = ROW_HEIGHT;
+    }
+    if (target === lastTarget.value) return;
+    lastTarget.value = target;
+    shift.value = drag?.isActive.value ? withTiming(target, MAKE_WAY) : target;
+  });
+  const isLifted = useDerivedValue(() => !!drag && drag.isActive.value && drag.id.value === chatKey);
+  const dragStyle = useAnimatedStyle(() => ({
+    transform: [{
+      translateY: isLifted.value && drag ? drag.y.value : shift.value
+    }],
+    elevation: isLifted.value ? 6 : 0,
+    shadowOpacity: isLifted.value ? 0.18 : 0
+  }));
+  const handleProgress = useSharedValue(isReordering ? 1 : 0);
+  useEffect(() => {
+    handleProgress.value = withTiming(isReordering ? 1 : 0, HANDLE_FADE);
+  }, [isReordering, handleProgress]);
+  const handleStyle = useAnimatedStyle(() => ({
+    opacity: handleProgress.value
+  }));
+  const trailingStyle = useAnimatedStyle(() => ({
+    opacity: 1 - handleProgress.value
+  }));
+  const rowStyle = useAnimatedStyle(() => ({
+    transform: [{
+      translateX: translateX.value
+    }]
+  }));
+  const revealStyle = useAnimatedStyle(() => ({
+    transform: [{
+      scale: reveal.value
+    }]
+  }));
+  const iconStyle = useAnimatedStyle(() => ({
+    transform: [{
+      scale: iconScale.value
+    }]
+  }));
+
+  // Archive: the accent, with the grey circle growing past the threshold. Unarchive swaps them.
+  const background = chat.isArchived ? colors.swipeUnarchive : colors.swipeArchive;
+  const revealColor = chat.isArchived ? colors.swipeArchive : colors.swipeUnarchive;
+  // The circle reaches the far corner of the row from the icon's centre.
+  const revealRadius = Math.hypot(width - ICON_END, ROW_HEIGHT / 2);
+  const lastMessage = chat.lastMessage;
+  const preview = getChatPreview(chat, labels, user);
+  // A thumbnail that fails to load is dropped, so "Photo" does not sit after an empty gap.
+  const [failedThumbnail, setFailedThumbnail] = useState();
+  const thumbnail = preview.thumbnail && preview.thumbnail !== failedThumbnail ? preview.thumbnail : undefined;
+  const typingUsers = chat.typingUsers ?? [];
+  const isOutgoing = !!user && lastMessage?.user?._id === user._id && chat.kind !== 'channel' && !lastMessage?.system;
+  const unreadCount = chat.unreadCount ?? 0;
+  const rowBackground = isSelected ? colors.selectedRow : 'transparent';
+  const statusIcon = lastMessage?.pending ? 'clock' : lastMessage?.received ? 'checkAll' : 'check';
+  return <GestureDetector gesture={gesture}>
+      <Animated.View style={[styles.row, styles.liftShadow, dragStyle]}>
+        {!!onSwipe && <View style={[StyleSheet.absoluteFill, {
+        backgroundColor: background
+      }]}>
+            <Animated.View style={[styles.reveal, {
+          width: revealRadius * 2,
+          height: revealRadius * 2,
+          borderRadius: revealRadius,
+          end: ICON_END - revealRadius,
+          top: ROW_HEIGHT / 2 - revealRadius,
+          backgroundColor: revealColor
+        }, revealStyle]} />
+            <Animated.View style={[styles.swipeAction, iconStyle]}>
+              <Icon name={chat.isArchived ? 'unarchive' : 'archive'} size={28} color='#FFFFFF' fallback={null} />
+              <Text style={styles.swipeLabel}>{chat.isArchived ? labels.chatListUnarchive : labels.chatListArchive}</Text>
+            </Animated.View>
+          </View>}
+
+        <Animated.View style={[styles.fill, {
+        backgroundColor: colors.background
+      }, rowStyle]}>
+          <Touchable style={[styles.fill, {
+          backgroundColor: rowBackground
+        }]} underlayColor={colors.pressed} activeUnderlayOpacity={1} onPress={() => onPress(chat)} onLongPress={() => onLongPress(chat)} accessibilityRole='button' accessibilityLabel={chat.title} accessibilityState={{
+          selected: isSelected
+        }}>
+            <View style={styles.avatar}>
+              <ChatListAvatar id={chat.id} title={chat.title} uri={chat.avatar} size={AVATAR_SIZE} isOnline={chat.isOnline} isSelected={isSelected} />
+            </View>
+
+            <View style={styles.content}>
+              <View style={styles.topLine}>
+                <View style={styles.nameRow}>
+                  <Text style={[styles.name, {
+                  color: colors.name
+                }]} numberOfLines={1}>{chat.title}</Text>
+                  {chat.isVerified && <View style={styles.nameIcon}>
+                      <Icon name='verified' size={16} color={colors.verified} fallback={null} />
+                    </View>}
+                  {chat.isMuted && <View style={styles.nameIcon}>
+                      <Icon name='mute' size={15} color={colors.muteIcon} fallback={null} />
+                    </View>}
+                </View>
+                {isOutgoing && !chat.draft && <View style={styles.checks}>
+                    <Icon name={statusIcon} size={16} color={colors.check} fallback={null} />
+                  </View>}
+                {lastMessage?.createdAt != null && <Text style={[styles.time, {
+                color: colors.date
+              }]}>{formatChatListDate(lastMessage.createdAt, getLocale())}</Text>}
+              </View>
+
+              <View style={styles.bottomLine}>
+                <View style={styles.previewBox}>
+                  {typingUsers.length > 0 ? <Animated.View key='typing' entering={FadeIn.duration(200)} exiting={FadeOut.duration(200)} style={styles.previewLayer}>
+                        <TypingStatus users={typingUsers} action={chat.typingAction} isGroup={chat.kind === 'group'} color={colors.typing} textStyle={styles.message} />
+                      </Animated.View> : <Animated.View key='message' entering={FadeIn.duration(200)} exiting={FadeOut.duration(200)} style={styles.previewLayer}>
+                        {chat.draft ? <Text style={[styles.message, {
+                    color: colors.message
+                  }]} numberOfLines={1}>
+                              <Text style={{
+                      color: colors.draft
+                    }}>{labels.chatListDraft} </Text>
+                              {chat.draft}
+                            </Text> : <>
+                              {!!preview.prefix && <Text style={[styles.message, styles.noShrink, {
+                      color: colors.senderPrefix
+                    }]}>{preview.prefix}</Text>}
+                              {!!thumbnail && <Image source={{
+                      uri: thumbnail
+                    }} onError={() => setFailedThumbnail(thumbnail)} style={styles.thumbnail} />}
+                              <Text style={[styles.message, styles.shrink, {
+                      color: colors.message
+                    }]} numberOfLines={1}>
+                                {preview.attachment ? <Text style={{
+                        color: colors.attachment
+                      }}>{preview.attachment}</Text> : preview.text}
+                              </Text>
+                            </>}
+                      </Animated.View>}
+                </View>
+                <Animated.View style={trailingStyle}>
+                  {unreadCount > 0 ? <Animated.View entering={FadeIn.duration(150)} exiting={FadeOut.duration(150)} style={[styles.badge, {
+                  backgroundColor: chat.isMuted ? colors.badgeMuted : colors.badge
+                }]}>
+                        <Text style={[styles.badgeText, {
+                    color: colors.badgeText
+                  }]}>{unreadCount}</Text>
+                      </Animated.View> : chat.isPinned && <View style={styles.pin}>
+                        <Icon name='pushpin' size={16} color={colors.pinIcon} fallback={null} />
+                      </View>}
+                </Animated.View>
+                {chat.isPinned && <Animated.View style={[styles.handle, handleStyle]} pointerEvents='none'>
+                    <Icon name='reorder' size={20} color={colors.pinIcon} fallback={<Text style={{
+                  color: colors.pinIcon
+                }}>≡</Text>} />
+                  </Animated.View>}
+              </View>
+            </View>
+
+            {!isLast && <View style={[styles.divider, {
+            backgroundColor: colors.divider
+          }]} />}
+          </Touchable>
+        </Animated.View>
+      </Animated.View>
+    </GestureDetector>;
+}
+
+/** The drag props are rebuilt with the list; what matters is what they say. */
+const isSameReorder = (a, b) => a === b || !!a && !!b && a.index === b.index && a.count === b.count && a.drag === b.drag && a.onStart === b.onStart && a.onDrop === b.onDrop;
+const arePropsEqual = (previous, next) => previous.chat === next.chat && previous.user === next.user && previous.isSelected === next.isSelected && previous.isSelectionMode === next.isSelectionMode && previous.onPress === next.onPress && previous.onLongPress === next.onLongPress && previous.onSwipe === next.onSwipe && previous.isLast === next.isLast && previous.isReordering === next.isReordering && isSameReorder(previous.reorder, next.reorder);
+
+/**
+ * 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 const ChatListCell = memo(ChatListCellInner, arePropsEqual);
+
+// Each line takes 20pt of the row, set rather than left to the font. On Android a text view
+// clips its glyphs to its line box, and Roboto's descenders and colour emoji reach past 20, so
+// there the box is 24 and gives the 4 back as negative margins: the glyphs draw whole, the row
+// lays out as before, and the typing icon still centres on the text's middle.
+const lineBox = Platform.select({
+  android: {
+    lineHeight: 24,
+    marginVertical: -2,
+    includeFontPadding: false
+  },
+  default: {
+    lineHeight: 20
+  }
+});
+const styles = StyleSheet.create({
+  row: {
+    height: ROW_HEIGHT,
+    overflow: 'hidden'
+  },
+  liftShadow: {
+    shadowColor: '#000000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowRadius: 6
+  },
+  fill: {
+    flex: 1,
+    flexDirection: 'row'
+  },
+  reveal: {
+    position: 'absolute'
+  },
+  swipeAction: {
+    position: 'absolute',
+    end: ICON_END - 40,
+    top: 0,
+    bottom: 0,
+    width: 80,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  swipeLabel: {
+    color: '#FFFFFF',
+    fontSize: 13,
+    fontWeight: '500',
+    marginTop: 2
+  },
+  avatar: {
+    position: 'absolute',
+    start: AVATAR_START,
+    top: (ROW_HEIGHT - AVATAR_SIZE) / 2
+  },
+  content: {
+    flex: 1,
+    marginStart: TEXT_START,
+    paddingEnd: 15
+  },
+  // The name's box starts 14 down and the time's 16: both centre on the same line.
+  topLine: {
+    marginTop: 14,
+    height: 20,
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  nameRow: {
+    flex: 1,
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  name: {
+    flexShrink: 1,
+    fontSize: 16,
+    ...lineBox,
+    fontWeight: '500',
+    textAlign: 'left'
+  },
+  nameIcon: {
+    marginStart: 4
+  },
+  // The checks sit 5 before the time.
+  checks: {
+    marginStart: 6,
+    marginEnd: 5
+  },
+  time: {
+    fontSize: 12,
+    marginStart: 6
+  },
+  bottomLine: {
+    marginTop: 4,
+    height: 20.666,
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  previewBox: {
+    flex: 1,
+    height: 20.666,
+    marginEnd: 6
+  },
+  previewLayer: {
+    ...StyleSheet.absoluteFill,
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  message: {
+    fontSize: 15,
+    ...lineBox,
+    textAlign: 'left'
+  },
+  noShrink: {
+    flexShrink: 0
+  },
+  shrink: {
+    flexShrink: 1
+  },
+  thumbnail: {
+    width: 18,
+    height: 18,
+    borderRadius: 2,
+    marginEnd: 4
+  },
+  // A circle until the count needs more room.
+  badge: {
+    minWidth: 20.666,
+    height: 20.666,
+    borderRadius: 11.5,
+    paddingHorizontal: 6.333,
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginEnd: 0.666
+  },
+  badgeText: {
+    fontSize: 13,
+    fontWeight: '500'
+  },
+  // A tilted pushpin.
+  pin: {
+    transform: [{
+      rotate: '45deg'
+    }]
+  },
+  // In the pin's place, at the end of the second line.
+  handle: {
+    position: 'absolute',
+    end: 0,
+    top: 0
+  },
+  divider: {
+    position: 'absolute',
+    start: DIVIDER_INSET,
+    end: 0,
+    bottom: 0,
+    height: StyleSheet.hairlineWidth
+  }
+});
+//# sourceMappingURL=ChatListCell.js.map

package/lib/ChatList/ChatListCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatListCell.js","names":["React","memo","useEffect","useState","I18nManager","Image","Platform","StyleSheet","Text","useWindowDimensions","View","GestureDetector","Touchable","useCompetingGestures","usePanGesture","Animated","Easing","FadeIn","FadeOut","runOnJS","useAnimatedStyle","useDerivedValue","useSharedValue","withSequence","withTiming","useChatContext","selectionHaptic","Icon","TypingStatus","useRowSwipe","useLabels","useTheme","ChatListAvatar","formatChatListDate","getChatPreview","CHAT_LIST_ROW_HEIGHT","ROW_HEIGHT","AVATAR_SIZE","AVATAR_START","TEXT_START","DIVIDER_INSET","SWIPE_THRESHOLD","SWIPE_ESCAPE_VELOCITY","SWIPE_CANCEL","duration","easing","out","quad","REVEAL","in","ICON_END","LONG_PRESS_MS","MAKE_WAY","bezier","SETTLE","inOut","sin","HANDLE_FADE","linear","hoverIndex","drag","count","Math","max","min","from","value","round","y","ChatListCellInner","chat","user","isSelected","isSelectionMode","onPress","onLongPress","onSwipe","isLast","reorder","isReordering","theme","colors","chatList","labels","getLocale","width","direction","isRTL","reveal","iconScale","gesture","pan","offset","translateX","isEnabled","sign","activeOffsetX","failOffsetY","threshold","onThresholdChange","past","onRelease","isPast","velocity","rowOffset","isFling","isFinished","index","onDragStart","onStart","onDrop","chatKey","String","id","shift","dragPan","enabled","activateAfterLongPress","onActivate","set","isActive","onUpdate","event","translationY","onDeactivate","to","lastTarget","target","isLifted","dragStyle","transform","translateY","elevation","shadowOpacity","handleProgress","handleStyle","opacity","trailingStyle","rowStyle","revealStyle","scale","iconStyle","background","isArchived","swipeUnarchive","swipeArchive","revealColor","revealRadius","hypot","lastMessage","preview","failedThumbnail","setFailedThumbnail","thumbnail","undefined","typingUsers","isOutgoing","_id","kind","system","unreadCount","rowBackground","selectedRow","statusIcon","pending","received","styles","row","liftShadow","absoluteFill","backgroundColor","height","borderRadius","end","top","swipeAction","swipeLabel","chatListUnarchive","chatListArchive","fill","pressed","title","selected","avatar","isOnline","content","topLine","nameRow","name","color","isVerified","nameIcon","verified","isMuted","muteIcon","draft","checks","check","createdAt","time","date","bottomLine","previewBox","length","previewLayer","typingAction","typing","message","chatListDraft","prefix","noShrink","senderPrefix","uri","shrink","attachment","text","badge","badgeMuted","badgeText","isPinned","pin","pinIcon","handle","divider","isSameReorder","a","b","arePropsEqual","previous","next","ChatListCell","lineBox","select","android","lineHeight","marginVertical","includeFontPadding","default","create","overflow","shadowColor","shadowOffset","shadowRadius","flex","flexDirection","position","bottom","alignItems","justifyContent","fontSize","fontWeight","marginTop","start","marginStart","paddingEnd","flexShrink","textAlign","marginEnd","minWidth","paddingHorizontal","rotate","hairlineWidth"],"sources":["../../src/ChatList/ChatListCell.tsx"],"sourcesContent":["import React, { memo, useEffect, useState } from 'react'\nimport { I18nManager, Image, Platform, StyleSheet, Text, useWindowDimensions, View } from 'react-native'\nimport { GestureDetector, Touchable, useCompetingGestures, usePanGesture } from 'react-native-gesture-handler'\nimport Animated, {\n  Easing,\n  FadeIn,\n  FadeOut,\n  runOnJS,\n  useAnimatedStyle,\n  useDerivedValue,\n  useSharedValue,\n  withSequence,\n  withTiming,\n} from 'react-native-reanimated'\n\nimport { useChatContext } from '../ChatContext'\nimport { selectionHaptic } from '../components/haptics'\nimport { Icon } from '../components/Icon'\nimport { TypingStatus } from '../components/TypingStatus'\nimport { useRowSwipe } from '../gestures/useRowSwipe'\nimport { useLabels } from '../hooks/useLabels'\nimport { useTheme } from '../hooks/useTheme'\nimport { ChatListAvatar } from './ChatListAvatar'\nimport { ChatListCellProps, ChatListDrag, ChatListItem } from './types'\nimport { formatChatListDate, getChatPreview } from './utils'\n\n// A two-line row 70 tall: the avatar 11 in and 52 across, the text from 76.\nexport const CHAT_LIST_ROW_HEIGHT = 70\nconst ROW_HEIGHT = CHAT_LIST_ROW_HEIGHT\nconst AVATAR_SIZE = 52\nconst AVATAR_START = 11\nconst TEXT_START = 76\n/** The divider starts 72 in and runs to the edge. */\nconst DIVIDER_INSET = 72\n\n/** Past 0.45 of the row's width the swipe ticks and reveals; a fast fling completes it too. */\nconst SWIPE_THRESHOLD = 0.45\nconst SWIPE_ESCAPE_VELOCITY = 1200\n/** A cancelled swipe slides back over 200ms. */\nconst SWIPE_CANCEL = { duration: 200, easing: Easing.out(Easing.quad) }\n/** The reveal circle grows over 300ms, accelerating. */\nconst REVEAL = { duration: 300, easing: Easing.in(Easing.quad) }\n/** The swipe's icon is centred 43 from the row's end. */\nconst ICON_END = 43\n\n// Reordering pinned chats: a long press (the platform's 400ms) lifts the row, the others make\n// way as it passes their middle, and it settles into its slot when let go.\nconst LONG_PRESS_MS = 400\nconst MAKE_WAY = { duration: 250, easing: Easing.bezier(0.199, 0.011, 0.279, 0.91) }\nconst SETTLE = { duration: 200, easing: Easing.inOut(Easing.sin) }\n/** The reorder handle and the badge or pin it replaces cross-fade over 170ms. */\nconst HANDLE_FADE = { duration: 170, easing: Easing.linear }\n\n/** Where the dragged row would land. */\nconst hoverIndex = (drag: ChatListDrag, count: number) => {\n  'worklet'\n  return Math.max(0, Math.min(count - 1, drag.from.value + Math.round(drag.y.value / ROW_HEIGHT)))\n}\n\n/**\n * A chat's row: avatar, name, time, the last message (or a draft, or who is typing), the unread\n * counter or pin, a swipe to archive, and dragging when pinned chats can be reordered.\n */\nfunction ChatListCellInner<TChat extends ChatListItem> ({\n  chat,\n  user,\n  isSelected,\n  isSelectionMode,\n  onPress,\n  onLongPress,\n  onSwipe,\n  isLast,\n  reorder,\n  isReordering = false,\n}: ChatListCellProps<TChat>) {\n  // The gesture callbacks read shared values; React Compiler would memoize them into render.\n  'use no memo'\n  const theme = useTheme()\n  const colors = theme.chatList\n  const labels = useLabels()\n  const { getLocale } = useChatContext()\n  const { width } = useWindowDimensions()\n\n  // The row swipes towards the start edge, revealing the action at the end.\n  const direction = I18nManager.isRTL ? 1 : -1\n  const reveal = useSharedValue(0)\n  const iconScale = useSharedValue(1)\n\n  const { gesture: pan, offset: translateX } = useRowSwipe({\n    isEnabled: !isSelectionMode && !!onSwipe,\n    sign: direction,\n    activeOffsetX: 15,\n    failOffsetY: 12,\n    threshold: width * SWIPE_THRESHOLD,\n    onThresholdChange: past => {\n      'worklet'\n      reveal.value = withTiming(past ? 1 : 0, REVEAL)\n      if (past)\n        iconScale.value = withSequence(withTiming(1.2, { duration: 85 }), withTiming(1, { duration: 85 }))\n      runOnJS(selectionHaptic)()\n    },\n    onRelease: (isPast, velocity, rowOffset) => {\n      'worklet'\n      const isFling = velocity > SWIPE_ESCAPE_VELOCITY\n      if (onSwipe && (isPast || isFling)) {\n        rowOffset.value = withTiming(width * direction, SWIPE_CANCEL, isFinished => {\n          if (isFinished)\n            runOnJS(onSwipe)(chat)\n        })\n        return\n      }\n      rowOffset.value = withTiming(0, SWIPE_CANCEL)\n      reveal.value = withTiming(0, SWIPE_CANCEL)\n    },\n  })\n\n  const drag = reorder?.drag\n  const index = reorder?.index ?? 0\n  const count = reorder?.count ?? 0\n  const onDragStart = reorder?.onStart\n  const onDrop = reorder?.onDrop\n  const chatKey = String(chat.id)\n  // How far this row has moved to make way for the dragged one.\n  const shift = useSharedValue(0)\n  const dragPan = usePanGesture({\n    enabled: !!reorder,\n    activateAfterLongPress: LONG_PRESS_MS,\n    onActivate: () => {\n      if (!drag)\n        return\n      drag.id.set(chatKey)\n      drag.from.set(index)\n      drag.y.set(0)\n      drag.isActive.set(true)\n      if (onDragStart)\n        runOnJS(onDragStart)(chat)\n    },\n    onUpdate: event => {\n      if (!drag)\n        return\n      // Kept to the pinned rows, give or take half a row.\n      const min = -(index + 0.5) * ROW_HEIGHT\n      const max = (count - 1 - index + 0.5) * ROW_HEIGHT\n      drag.y.set(Math.max(min, Math.min(max, event.translationY)))\n    },\n    onDeactivate: () => {\n      if (!drag || drag.id.value !== chatKey)\n        return\n      const to = hoverIndex(drag, count)\n      drag.y.set(withTiming((to - index) * ROW_HEIGHT, SETTLE, () => {\n        if (onDrop)\n          runOnJS(onDrop)(chat, to)\n      }))\n    },\n  })\n  const gesture = useCompetingGestures(pan, dragPan)\n\n  // Where this row should sit, eased there while a drag is on and dropped at once after it.\n  const lastTarget = useSharedValue(0)\n  useDerivedValue(() => {\n    let target = 0\n    if (drag && drag.isActive.value && drag.id.value !== chatKey) {\n      const from = drag.from.value\n      const to = hoverIndex(drag, count)\n      if (from < index && index <= to)\n        target = -ROW_HEIGHT\n      else if (to <= index && index < from)\n        target = ROW_HEIGHT\n    }\n    if (target === lastTarget.value)\n      return\n    lastTarget.value = target\n    shift.value = drag?.isActive.value ? withTiming(target, MAKE_WAY) : target\n  })\n  const isLifted = useDerivedValue(() => !!drag && drag.isActive.value && drag.id.value === chatKey)\n  const dragStyle = useAnimatedStyle(() => ({\n    transform: [{ translateY: isLifted.value && drag ? drag.y.value : shift.value }],\n    elevation: isLifted.value ? 6 : 0,\n    shadowOpacity: isLifted.value ? 0.18 : 0,\n  }))\n\n  const handleProgress = useSharedValue(isReordering ? 1 : 0)\n  useEffect(() => {\n    handleProgress.value = withTiming(isReordering ? 1 : 0, HANDLE_FADE)\n  }, [isReordering, handleProgress])\n  const handleStyle = useAnimatedStyle(() => ({ opacity: handleProgress.value }))\n  const trailingStyle = useAnimatedStyle(() => ({ opacity: 1 - handleProgress.value }))\n\n  const rowStyle = useAnimatedStyle(() => ({ transform: [{ translateX: translateX.value }] }))\n  const revealStyle = useAnimatedStyle(() => ({ transform: [{ scale: reveal.value }] }))\n  const iconStyle = useAnimatedStyle(() => ({ transform: [{ scale: iconScale.value }] }))\n\n  // Archive: the accent, with the grey circle growing past the threshold. Unarchive swaps them.\n  const background = chat.isArchived ? colors.swipeUnarchive : colors.swipeArchive\n  const revealColor = chat.isArchived ? colors.swipeArchive : colors.swipeUnarchive\n  // The circle reaches the far corner of the row from the icon's centre.\n  const revealRadius = Math.hypot(width - ICON_END, ROW_HEIGHT / 2)\n\n  const lastMessage = chat.lastMessage\n  const preview = getChatPreview(chat, labels, user)\n  // A thumbnail that fails to load is dropped, so \"Photo\" does not sit after an empty gap.\n  const [failedThumbnail, setFailedThumbnail] = useState<string>()\n  const thumbnail = preview.thumbnail && preview.thumbnail !== failedThumbnail ? preview.thumbnail : undefined\n  const typingUsers = chat.typingUsers ?? []\n  const isOutgoing = !!user && lastMessage?.user?._id === user._id && chat.kind !== 'channel' && !lastMessage?.system\n  const unreadCount = chat.unreadCount ?? 0\n  const rowBackground = isSelected ? colors.selectedRow : 'transparent'\n  const statusIcon = lastMessage?.pending ? 'clock' : lastMessage?.received ? 'checkAll' : 'check'\n\n  return (\n    <GestureDetector gesture={gesture}>\n      <Animated.View style={[styles.row, styles.liftShadow, dragStyle]}>\n        {!!onSwipe && (\n          <View style={[StyleSheet.absoluteFill, { backgroundColor: background }]}>\n            <Animated.View\n              style={[\n                styles.reveal,\n                {\n                  width: revealRadius * 2,\n                  height: revealRadius * 2,\n                  borderRadius: revealRadius,\n                  end: ICON_END - revealRadius,\n                  top: ROW_HEIGHT / 2 - revealRadius,\n                  backgroundColor: revealColor,\n                },\n                revealStyle,\n              ]}\n            />\n            <Animated.View style={[styles.swipeAction, iconStyle]}>\n              <Icon name={chat.isArchived ? 'unarchive' : 'archive'} size={28} color='#FFFFFF' fallback={null} />\n              <Text style={styles.swipeLabel}>{chat.isArchived ? labels.chatListUnarchive : labels.chatListArchive}</Text>\n            </Animated.View>\n          </View>\n        )}\n\n        <Animated.View style={[styles.fill, { backgroundColor: colors.background }, rowStyle]}>\n          <Touchable\n            style={[styles.fill, { backgroundColor: rowBackground }]}\n            underlayColor={colors.pressed}\n            activeUnderlayOpacity={1}\n            onPress={() => onPress(chat)}\n            onLongPress={() => onLongPress(chat)}\n            accessibilityRole='button'\n            accessibilityLabel={chat.title}\n            accessibilityState={{ selected: isSelected }}\n          >\n            <View style={styles.avatar}>\n              <ChatListAvatar\n                id={chat.id}\n                title={chat.title}\n                uri={chat.avatar}\n                size={AVATAR_SIZE}\n                isOnline={chat.isOnline}\n                isSelected={isSelected}\n              />\n            </View>\n\n            <View style={styles.content}>\n              <View style={styles.topLine}>\n                <View style={styles.nameRow}>\n                  <Text style={[styles.name, { color: colors.name }]} numberOfLines={1}>{chat.title}</Text>\n                  {chat.isVerified && (\n                    <View style={styles.nameIcon}>\n                      <Icon name='verified' size={16} color={colors.verified} fallback={null} />\n                    </View>\n                  )}\n                  {chat.isMuted && (\n                    <View style={styles.nameIcon}>\n                      <Icon name='mute' size={15} color={colors.muteIcon} fallback={null} />\n                    </View>\n                  )}\n                </View>\n                {isOutgoing && !chat.draft && (\n                  <View style={styles.checks}>\n                    <Icon name={statusIcon} size={16} color={colors.check} fallback={null} />\n                  </View>\n                )}\n                {lastMessage?.createdAt != null && (\n                  <Text style={[styles.time, { color: colors.date }]}>{formatChatListDate(lastMessage.createdAt, getLocale())}</Text>\n                )}\n              </View>\n\n              <View style={styles.bottomLine}>\n                <View style={styles.previewBox}>\n                  {typingUsers.length > 0\n                    ? (\n                      <Animated.View key='typing' entering={FadeIn.duration(200)} exiting={FadeOut.duration(200)} style={styles.previewLayer}>\n                        <TypingStatus\n                          users={typingUsers}\n                          action={chat.typingAction}\n                          isGroup={chat.kind === 'group'}\n                          color={colors.typing}\n                          textStyle={styles.message}\n                        />\n                      </Animated.View>\n                    )\n                    : (\n                      <Animated.View key='message' entering={FadeIn.duration(200)} exiting={FadeOut.duration(200)} style={styles.previewLayer}>\n                        {chat.draft\n                          ? (\n                            <Text style={[styles.message, { color: colors.message }]} numberOfLines={1}>\n                              <Text style={{ color: colors.draft }}>{labels.chatListDraft} </Text>\n                              {chat.draft}\n                            </Text>\n                          )\n                          : (\n                            <>\n                              {!!preview.prefix && <Text style={[styles.message, styles.noShrink, { color: colors.senderPrefix }]}>{preview.prefix}</Text>}\n                              {!!thumbnail && <Image source={{ uri: thumbnail }} onError={() => setFailedThumbnail(thumbnail)} style={styles.thumbnail} />}\n                              <Text style={[styles.message, styles.shrink, { color: colors.message }]} numberOfLines={1}>\n                                {preview.attachment ? <Text style={{ color: colors.attachment }}>{preview.attachment}</Text> : preview.text}\n                              </Text>\n                            </>\n                          )}\n                      </Animated.View>\n                    )}\n                </View>\n                <Animated.View style={trailingStyle}>\n                  {unreadCount > 0\n                    ? (\n                      <Animated.View\n                        entering={FadeIn.duration(150)}\n                        exiting={FadeOut.duration(150)}\n                        style={[styles.badge, { backgroundColor: chat.isMuted ? colors.badgeMuted : colors.badge }]}\n                      >\n                        <Text style={[styles.badgeText, { color: colors.badgeText }]}>{unreadCount}</Text>\n                      </Animated.View>\n                    )\n                    : chat.isPinned && (\n                      <View style={styles.pin}>\n                        <Icon name='pushpin' size={16} color={colors.pinIcon} fallback={null} />\n                      </View>\n                    )}\n                </Animated.View>\n                {chat.isPinned && (\n                  <Animated.View style={[styles.handle, handleStyle]} pointerEvents='none'>\n                    <Icon name='reorder' size={20} color={colors.pinIcon} fallback={<Text style={{ color: colors.pinIcon }}>≡</Text>} />\n                  </Animated.View>\n                )}\n              </View>\n            </View>\n\n            {!isLast && <View style={[styles.divider, { backgroundColor: colors.divider }]} />}\n          </Touchable>\n        </Animated.View>\n      </Animated.View>\n    </GestureDetector>\n  )\n}\n\n/** The drag props are rebuilt with the list; what matters is what they say. */\nconst isSameReorder = (a?: ChatListCellProps['reorder'], b?: ChatListCellProps['reorder']) =>\n  a === b || (!!a && !!b && a.index === b.index && a.count === b.count && a.drag === b.drag &&\n    a.onStart === b.onStart && a.onDrop === b.onDrop)\n\nconst arePropsEqual = (previous: ChatListCellProps, next: ChatListCellProps) =>\n  previous.chat === next.chat &&\n  previous.user === next.user &&\n  previous.isSelected === next.isSelected &&\n  previous.isSelectionMode === next.isSelectionMode &&\n  previous.onPress === next.onPress &&\n  previous.onLongPress === next.onLongPress &&\n  previous.onSwipe === next.onSwipe &&\n  previous.isLast === next.isLast &&\n  previous.isReordering === next.isReordering &&\n  isSameReorder(previous.reorder, next.reorder)\n\n/**\n * A chat's row: avatar, name, time, the last message (or a draft, or who is typing), the unread\n * counter or pin, a swipe to archive, and dragging when pinned chats can be reordered. Rows only\n * re-render when their own chat or state changes.\n */\nexport const ChatListCell = memo(ChatListCellInner, arePropsEqual as never) as typeof ChatListCellInner\n\n// Each line takes 20pt of the row, set rather than left to the font. On Android a text view\n// clips its glyphs to its line box, and Roboto's descenders and colour emoji reach past 20, so\n// there the box is 24 and gives the 4 back as negative margins: the glyphs draw whole, the row\n// lays out as before, and the typing icon still centres on the text's middle.\nconst lineBox = Platform.select({\n  android: { lineHeight: 24, marginVertical: -2, includeFontPadding: false },\n  default: { lineHeight: 20 },\n})\n\nconst styles = StyleSheet.create({\n  row: {\n    height: ROW_HEIGHT,\n    overflow: 'hidden',\n  },\n  liftShadow: {\n    shadowColor: '#000000',\n    shadowOffset: { width: 0, height: 2 },\n    shadowRadius: 6,\n  },\n  fill: {\n    flex: 1,\n    flexDirection: 'row',\n  },\n  reveal: {\n    position: 'absolute',\n  },\n  swipeAction: {\n    position: 'absolute',\n    end: ICON_END - 40,\n    top: 0,\n    bottom: 0,\n    width: 80,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  swipeLabel: {\n    color: '#FFFFFF',\n    fontSize: 13,\n    fontWeight: '500',\n    marginTop: 2,\n  },\n  avatar: {\n    position: 'absolute',\n    start: AVATAR_START,\n    top: (ROW_HEIGHT - AVATAR_SIZE) / 2,\n  },\n  content: {\n    flex: 1,\n    marginStart: TEXT_START,\n    paddingEnd: 15,\n  },\n  // The name's box starts 14 down and the time's 16: both centre on the same line.\n  topLine: {\n    marginTop: 14,\n    height: 20,\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  nameRow: {\n    flex: 1,\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  name: {\n    flexShrink: 1,\n    fontSize: 16,\n    ...lineBox,\n    fontWeight: '500',\n    textAlign: 'left',\n  },\n  nameIcon: {\n    marginStart: 4,\n  },\n  // The checks sit 5 before the time.\n  checks: {\n    marginStart: 6,\n    marginEnd: 5,\n  },\n  time: {\n    fontSize: 12,\n    marginStart: 6,\n  },\n  bottomLine: {\n    marginTop: 4,\n    height: 20.666,\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  previewBox: {\n    flex: 1,\n    height: 20.666,\n    marginEnd: 6,\n  },\n  previewLayer: {\n    ...StyleSheet.absoluteFill,\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  message: {\n    fontSize: 15,\n    ...lineBox,\n    textAlign: 'left',\n  },\n  noShrink: {\n    flexShrink: 0,\n  },\n  shrink: {\n    flexShrink: 1,\n  },\n  thumbnail: {\n    width: 18,\n    height: 18,\n    borderRadius: 2,\n    marginEnd: 4,\n  },\n  // A circle until the count needs more room.\n  badge: {\n    minWidth: 20.666,\n    height: 20.666,\n    borderRadius: 11.5,\n    paddingHorizontal: 6.333,\n    alignItems: 'center',\n    justifyContent: 'center',\n    marginEnd: 0.666,\n  },\n  badgeText: {\n    fontSize: 13,\n    fontWeight: '500',\n  },\n  // A tilted pushpin.\n  pin: {\n    transform: [{ rotate: '45deg' }],\n  },\n  // In the pin's place, at the end of the second line.\n  handle: {\n    position: 'absolute',\n    end: 0,\n    top: 0,\n  },\n  divider: {\n    position: 'absolute',\n    start: DIVIDER_INSET,\n    end: 0,\n    bottom: 0,\n    height: StyleSheet.hairlineWidth,\n  },\n})\n"],"mappings":"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","ignoreList":[]}

package/lib/ChatList/ChatListShimmer.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare function ChatListShimmer(): React.JSX.Element;
+//# sourceMappingURL=ChatListShimmer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatListShimmer.d.ts","sourceRoot":"","sources":["../../src/ChatList/ChatListShimmer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AA6BlD,wBAAgB,eAAe,sBAwF9B"}