@amityco/react-native-social-uikit 4.1.0 → 4.1.1-d7da0c5c.0

package/lib/module/social/components/Toast/index.js

@@ -6,6 +6,7 @@ import { memo, useEffect, useRef } from 'react';
 import { Typography } from '../../../core/components/Typography/Typography';
 import { informative, failed, success } from '../../../core/assets/icons';
 import { CircularProgressIndicator } from '../CircularProgressIndicator';
+import { AmityIcon } from '../../../core/design/icons';
 const Toast = () => {
   const {
     hideToast,
@@ -13,21 +14,29 @@ const Toast = () => {
   } = useToast();
   const {
     styles,
-    theme
-  } = useStyles(toast.bottomPosition);
+    theme,
+    iconColor
+  } = useStyles(toast.bottomPosition, toast.variant);
+  const isCustom = toast.variant === 'custom';
   const timeoutRef = useRef(null);
   const fadeIn = useRef(new Animated.Value(0)).current;
   useEffect(() => {
     if (toast.visible) {
+      // For the custom (chat) loading toast, `duration` is an upper bound (web uses
+      // 60s) that the caller cancels early via `hideToast` on load-complete — so the
+      // fade must stay prompt (500ms) rather than track `duration`, otherwise a 60s
+      // fade renders the spinner invisible. The default-variant loading toast (poll)
+      // keeps its original duration-tracked fade.
+      const fadeDuration = toast.type === 'loading' && toast.variant !== 'custom' ? toast.duration : 500;
       Animated.timing(fadeIn, {
         toValue: 1,
-        duration: toast.type === 'loading' ? toast.duration : 500,
+        duration: fadeDuration,
         useNativeDriver: false
       }).start(() => {
         timeoutRef.current = setTimeout(() => {
           Animated.timing(fadeIn, {
             toValue: 0,
-            duration: toast.type === 'loading' ? toast.duration : 500,
+            duration: fadeDuration,
             useNativeDriver: false
           }).start(hideToast);
         }, toast.duration);
@@ -47,22 +56,43 @@ const Toast = () => {
     strokeWidth: 2.3,
     progressColor: theme.colors.primary,
     backgroundColor: theme.colors.background
-  }), toast.type === 'success' && /*#__PURE__*/React.createElement(SvgXml, {
+  }), toast.type === 'success' && (isCustom ? /*#__PURE__*/React.createElement(AmityIcon, {
+    name: "check-circle-s",
+    size: 24,
+    color: iconColor
+  }) : /*#__PURE__*/React.createElement(SvgXml, {
     xml: success(),
     width: "24",
     height: "24",
     color: theme.colors.background
-  }), toast.type === 'failed' && /*#__PURE__*/React.createElement(SvgXml, {
+  })), toast.type === 'failed' && (isCustom ?
+  /*#__PURE__*/
+  // Web chat toast (Toast atom, variant 'error'): ExclamationCircle tinted
+  // with --asc-color-icon-customtoast-default. Custom variant must show it —
+  // previously custom failed toasts had NO icon (web/RN parity gap).
+  React.createElement(AmityIcon, {
+    name: "exclamation-circle-r",
+    size: 24,
+    color: iconColor
+  }) : /*#__PURE__*/React.createElement(SvgXml, {
     width: "24",
     height: "24",
     xml: failed(),
     color: theme.colors.background
-  }), toast.type === 'informative' && /*#__PURE__*/React.createElement(SvgXml, {
+  })), toast.type === 'informative' && (isCustom ?
+  /*#__PURE__*/
+  // Web chat toast (Toast atom, variant 'informative'): InfoCircle tinted
+  // with --asc-color-icon-customtoast-default.
+  React.createElement(AmityIcon, {
+    name: "info-circle-r",
+    size: 24,
+    color: iconColor
+  }) : /*#__PURE__*/React.createElement(SvgXml, {
     width: "24",
     height: "24",
     xml: informative(),
     color: theme.colors.background
-  }), /*#__PURE__*/React.createElement(Typography.Body, {
+  })), /*#__PURE__*/React.createElement(Typography.Body, {
     style: styles.message
   }, toast.message));
 };

package/lib/module/social/components/Toast/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["useStyles","Animated","SvgXml","useToast","memo","useEffect","useRef","Typography","informative","failed","success","CircularProgressIndicator","Toast","hideToast","toast","styles","theme","bottomPosition","timeoutRef","fadeIn","Value","current","visible","timing","toValue","duration","type","useNativeDriver","start","setTimeout","setValue","stopAnimation","clearTimeout","React","createElement","View","style","size","strokeWidth","progressColor","colors","primary","backgroundColor","background","xml","width","height","color","Body","message"],"sourceRoot":"../../../../../src","sources":["social/components/Toast/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useStyles","Animated","SvgXml","useToast","memo","useEffect","useRef","Typography","informative","failed","success","CircularProgressIndicator","AmityIcon","Toast","hideToast","toast","styles","theme","iconColor","bottomPosition","variant","isCustom","timeoutRef","fadeIn","Value","current","visible","fadeDuration","type","duration","timing","toValue","useNativeDriver","start","setTimeout","setValue","stopAnimation","clearTimeout","React","createElement","View","style","size","strokeWidth","progressColor","colors","primary","backgroundColor","background","name","color","xml","width","height","Body","message"],"sourceRoot":"../../../../../src","sources":["social/components/Toast/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/social/components/Toast/styles.js

@@ -1,11 +1,19 @@
 import { StyleSheet } from 'react-native';
 import { useTheme } from 'react-native-paper';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
-export const useStyles = (bottomPosition = 16) => {
+import { useToken } from '../../../core/design/theme/useToken';
+import { AmityColorToken } from '../../../core/design/tokens/amity-color-tokens';
+export const useStyles = (bottomPosition = 16, variant = 'default') => {
   const theme = useTheme();
   const {
     bottom
   } = useSafeAreaInsets();
+  const token = useToken();
+
+  // Custom variant: the dark pill used by chat notifications, bound to the
+  // CustomToast design tokens (Surface/Text/Icon CustomToast). Default variant
+  // keeps the app-wide toast appearance (react-native-paper theme).
+  const isCustom = variant === 'custom';
   const styles = StyleSheet.create({
     toast: {
       gap: 12,
@@ -19,16 +27,20 @@ export const useStyles = (bottomPosition = 16) => {
       position: 'absolute',
       alignItems: 'center',
       paddingHorizontal: 12,
-      backgroundColor: theme.colors.base
+      backgroundColor: isCustom ? token(AmityColorToken.SurfaceCustomToastDefaultDefault) : theme.colors.base,
+      ...(isCustom ? {
+        minHeight: 56
+      } : null)
     },
     message: {
       flex: 1,
-      color: theme.colors.background
+      color: isCustom ? token(AmityColorToken.TextCustomToastDefault) : theme.colors.background
     }
   });
   return {
     theme,
-    styles
+    styles,
+    iconColor: isCustom ? token(AmityColorToken.IconCustomToastDefault) : theme.colors.background
   };
 };
 //# sourceMappingURL=styles.js.map

package/lib/module/social/components/Toast/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","useTheme","useSafeAreaInsets","useStyles","bottomPosition","theme","bottom","styles","create","toast","gap","zIndex","width","borderRadius","paddingVertical","alignSelf","flexDirection","position","alignItems","paddingHorizontal","backgroundColor","colors","base","message","flex","color","background"],"sourceRoot":"../../../../../src","sources":["social/components/Toast/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,oBAAoB;AAE7C,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,OAAO,MAAMC,SAAS,GAAGA,CAACC,cAAsB,GAAG,EAAE,KAAK;EACxD,MAAMC,KAAK,GAAGJ,QAAQ,CAAa,CAAC;EACpC,MAAM;IAAEK;EAAO,CAAC,GAAGJ,iBAAiB,CAAC,CAAC;EAEtC,MAAMK,MAAM,GAAGP,UAAU,CAACQ,MAAM,CAAC;IAC/BC,KAAK,EAAE;MACLC,GAAG,EAAE,EAAE;MACPC,MAAM,EAAE,GAAG;MACXC,KAAK,EAAE,KAAK;MACZC,YAAY,EAAE,CAAC;MACfP,MAAM,EAAEA,MAAM,GAAGF,cAAc;MAC/BU,eAAe,EAAE,EAAE;MACnBC,SAAS,EAAE,QAAQ;MACnBC,aAAa,EAAE,KAAK;MACpBC,QAAQ,EAAE,UAAU;MACpBC,UAAU,EAAE,QAAQ;MACpBC,iBAAiB,EAAE,EAAE;MACrBC,eAAe,EAAEf,KAAK,CAACgB,MAAM,CAACC;IAChC,CAAC;IACDC,OAAO,EAAE;MACPC,IAAI,EAAE,CAAC;MACPC,KAAK,EAAEpB,KAAK,CAACgB,MAAM,CAACK;IACtB;EACF,CAAC,CAAC;EAEF,OAAO;IACLrB,KAAK;IACLE;EACF,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["StyleSheet","useTheme","useSafeAreaInsets","useToken","AmityColorToken","useStyles","bottomPosition","variant","theme","bottom","token","isCustom","styles","create","toast","gap","zIndex","width","borderRadius","paddingVertical","alignSelf","flexDirection","position","alignItems","paddingHorizontal","backgroundColor","SurfaceCustomToastDefaultDefault","colors","base","minHeight","message","flex","color","TextCustomToastDefault","background","iconColor","IconCustomToastDefault"],"sourceRoot":"../../../../../src","sources":["social/components/Toast/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,oBAAoB;AAE7C,SAASC,iBAAiB,QAAQ,gCAAgC;AAClE,SAASC,QAAQ,QAAQ,qCAAqC;AAC9D,SAASC,eAAe,QAAQ,gDAAgD;AAEhF,OAAO,MAAMC,SAAS,GAAGA,CACvBC,cAAsB,GAAG,EAAE,EAC3BC,OAA6B,GAAG,SAAS,KACtC;EACH,MAAMC,KAAK,GAAGP,QAAQ,CAAa,CAAC;EACpC,MAAM;IAAEQ;EAAO,CAAC,GAAGP,iBAAiB,CAAC,CAAC;EACtC,MAAMQ,KAAK,GAAGP,QAAQ,CAAC,CAAC;;EAExB;EACA;EACA;EACA,MAAMQ,QAAQ,GAAGJ,OAAO,KAAK,QAAQ;EAErC,MAAMK,MAAM,GAAGZ,UAAU,CAACa,MAAM,CAAC;IAC/BC,KAAK,EAAE;MACLC,GAAG,EAAE,EAAE;MACPC,MAAM,EAAE,GAAG;MACXC,KAAK,EAAE,KAAK;MACZC,YAAY,EAAE,CAAC;MACfT,MAAM,EAAEA,MAAM,GAAGH,cAAc;MAC/Ba,eAAe,EAAE,EAAE;MACnBC,SAAS,EAAE,QAAQ;MACnBC,aAAa,EAAE,KAAK;MACpBC,QAAQ,EAAE,UAAU;MACpBC,UAAU,EAAE,QAAQ;MACpBC,iBAAiB,EAAE,EAAE;MACrBC,eAAe,EAAEd,QAAQ,GACrBD,KAAK,CAACN,eAAe,CAACsB,gCAAgC,CAAC,GACvDlB,KAAK,CAACmB,MAAM,CAACC,IAAI;MACrB,IAAIjB,QAAQ,GAAG;QAAEkB,SAAS,EAAE;MAAG,CAAC,GAAG,IAAI;IACzC,CAAC;IACDC,OAAO,EAAE;MACPC,IAAI,EAAE,CAAC;MACPC,KAAK,EAAErB,QAAQ,GACXD,KAAK,CAACN,eAAe,CAAC6B,sBAAsB,CAAC,GAC7CzB,KAAK,CAACmB,MAAM,CAACO;IACnB;EACF,CAAC,CAAC;EAEF,OAAO;IACL1B,KAAK;IACLI,MAAM;IACNuB,SAAS,EAAExB,QAAQ,GACfD,KAAK,CAACN,eAAe,CAACgC,sBAAsB,CAAC,GAC7C5B,KAAK,CAACmB,MAAM,CAACO;EACnB,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/module/social/features/chat/components/AmityChatListItem/AmityChatListItem.js

@@ -0,0 +1,333 @@
+// AmityChatListItem — ported from AmityUiKitWeb v4/chat/features/home/components/ChannelItem.
+// One row of the channel list: leading avatar (1:1 conversation or group), a name
+// row (name + optional member count + timestamp) and a preview row (last message
+// preview + mention/unread/archived trailing badges).
+//
+// RN adaptations from web:
+//   - Web resolves the current user via `useSDK().currentUserId`; here we read
+//     `Client.getCurrentUser()` (prop `currentUserId` overrides it).
+//   - Avatar image URLs are resolved from a fileId via the shared `useFile` hook
+//     (getFile → fileUrlWithSize), then handed to the presentational avatars.
+//   - Web `onClick`/internal ChatNavigation is replaced by a plain `onPress`
+//     callback wired by the page (no React Navigation import here).
+//   - Search highlighting is out of scope for the home list (never passed a query).
+
+// 1. React / RN imports
+import { useMemo } from 'react';
+import { View, Pressable } from 'react-native';
+
+// 2. Third-party imports
+import { Client } from '@amityco/ts-sdk-react-native';
+
+// 3. Internal imports (relative)
+import { Typography } from '../../../../../core/design/components/Typography';
+import { Badge } from '../../../../../core/design/atoms/Badge';
+import { Skeleton } from '../../../../../core/design/components/Skeleton';
+import { AmityIcon } from '../../../../../core/design/icons';
+import { AmityColorToken } from '../../../../../core/design/tokens/amity-color-tokens';
+import { useString } from '../../../../../core/localization';
+import useFile from '../../../../../core/hooks/useFile';
+import { Avatar } from '../../elements/Avatar';
+import { ConversationChatAvatar } from '../../elements/ConversationChatAvatar';
+import { ArchivedBadge } from '../../elements/ArchivedBadge';
+import { formatTimestamp } from '../../utils/timestamp';
+import { highlightMatch } from '../../utils/highlightMatch';
+import { useStyles } from './styles';
+
+// Search-match highlight colours (web channelItem__highlight /
+// channelItem__highlightBold). Both are referenced so either style is available.
+const HIGHLIGHT_TOKEN = {
+  primary: AmityColorToken.TextListHeaderDefaultHighlight,
+  bold: AmityColorToken.TextListTextDescriptionDefaultHighlight
+};
+
+// 4. Types
+
+const MODERATOR_ROLES = ['moderator', 'community-moderator', 'channel-moderator'];
+const MENTION_REGEX = /@\S+/g;
+const PREVIEW_ICON_SIZE = 20;
+function hasModeratorRole(roles) {
+  if (!roles || roles.length === 0) return false;
+  return roles.some(role => MODERATOR_ROLES.includes(role));
+}
+function formatMemberCount(count) {
+  if (count >= 1000) return `${(count / 1000).toFixed(1)}K`;
+  return String(count);
+}
+
+// 5. Named function component
+export function AmityChatListItem({
+  channel,
+  isArchived = false,
+  hideUnreadIndicators = false,
+  currentUserId: currentUserIdProp,
+  onPress,
+  searchQuery,
+  highlightStyle = 'primary'
+}) {
+  var _channel$previewMembe;
+  const {
+    styles,
+    token
+  } = useStyles();
+  const currentUserId = useMemo(() => {
+    var _Client$getCurrentUse;
+    return currentUserIdProp ?? ((_Client$getCurrentUse = Client.getCurrentUser()) === null || _Client$getCurrentUse === void 0 ? void 0 : _Client$getCurrentUse.userId);
+  }, [currentUserIdProp]);
+  const isConversation = channel.type === 'conversation';
+  const otherMember = isConversation ? (_channel$previewMembe = channel.previewMembers) === null || _channel$previewMembe === void 0 ? void 0 : _channel$previewMembe.find(m => m.userId !== currentUserId) : undefined;
+  const otherUser = otherMember === null || otherMember === void 0 ? void 0 : otherMember.user;
+  const isUserDeleted = Boolean(otherUser === null || otherUser === void 0 ? void 0 : otherUser.isDeleted);
+  const isModerator = hasModeratorRole(otherMember === null || otherMember === void 0 ? void 0 : otherMember.roles);
+
+  // Resolve the leading avatar image. For a conversation it's the OTHER
+  // participant's avatar (their avatarFileId), else the channel avatar. Called
+  // once, unconditionally, to keep hook order stable across channel types.
+  const avatarFileId = isConversation ? otherUser === null || otherUser === void 0 ? void 0 : otherUser.avatarFileId : channel.avatarFileId;
+  const avatarUrl = useFile({
+    fileId: avatarFileId ?? ''
+  });
+  const timestampSource = channel.lastActivity;
+  const timestamp = timestampSource ? formatTimestamp(timestampSource) : '';
+  return /*#__PURE__*/React.createElement(Pressable, {
+    accessibilityRole: "button",
+    onPress: onPress,
+    style: ({
+      pressed
+    }) => [styles.container, pressed && styles.containerPressed]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.avatarWrapper
+  }, isConversation ? /*#__PURE__*/React.createElement(ConversationChatAvatar, {
+    avatarUrl: avatarUrl,
+    displayName: otherUser === null || otherUser === void 0 ? void 0 : otherUser.displayName,
+    isDeleted: isUserDeleted,
+    isModerator: isModerator
+  }) : /*#__PURE__*/React.createElement(Avatar.GroupChat, {
+    avatarUrl: avatarUrl,
+    isPublic: channel.isPublic
+  })), /*#__PURE__*/React.createElement(View, {
+    style: styles.body
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.nameRow
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.nameGroup
+  }, /*#__PURE__*/React.createElement(ChannelName, {
+    channel: channel,
+    otherUser: otherUser,
+    isUserDeleted: isUserDeleted,
+    searchQuery: searchQuery,
+    highlightStyle: highlightStyle
+  })), /*#__PURE__*/React.createElement(Typography, {
+    variant: "caption",
+    style: styles.timestamp,
+    numberOfLines: 1
+  }, timestamp)), /*#__PURE__*/React.createElement(View, {
+    style: styles.previewRow
+  }, /*#__PURE__*/React.createElement(MessagePreview, {
+    preview: channel.messagePreview,
+    iconColor: token(AmityColorToken.IconListDescriptionGeneral)
+  }), /*#__PURE__*/React.createElement(View, {
+    style: styles.notifications
+  }, !hideUnreadIndicators && channel.isMentioned && /*#__PURE__*/React.createElement(MentionBadge, null), isArchived && /*#__PURE__*/React.createElement(ArchivedBadge, null), !hideUnreadIndicators && /*#__PURE__*/React.createElement(UnreadBadge, {
+    count: channel.unreadCount ?? 0
+  })))));
+}
+
+// --- Sub-views ---------------------------------------------------------------
+
+function ChannelName({
+  channel,
+  otherUser,
+  isUserDeleted,
+  searchQuery,
+  highlightStyle = 'primary'
+}) {
+  const {
+    styles,
+    token
+  } = useStyles();
+  const deletedUserLabel = useString('amity_chat_deleted_user');
+
+  // Render a name with the matched search substring highlighted (web ChannelItem).
+  const renderName = name => searchQuery ? highlightMatch(name, searchQuery, {
+    color: token(HIGHLIGHT_TOKEN[highlightStyle])
+  }) : name;
+  if (channel.type === 'conversation') {
+    if (isUserDeleted) {
+      return /*#__PURE__*/React.createElement(Typography, {
+        style: styles.nameDeleted,
+        numberOfLines: 1
+      }, deletedUserLabel);
+    }
+    const name = (otherUser === null || otherUser === void 0 ? void 0 : otherUser.displayName) ?? channel.displayName ?? '';
+    return /*#__PURE__*/React.createElement(Typography, {
+      style: styles.name,
+      numberOfLines: 1
+    }, renderName(name));
+  }
+  const memberCount = channel.memberCount;
+  const name = channel.displayName ?? '';
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Typography, {
+    style: styles.name,
+    numberOfLines: 1
+  }, renderName(name)), memberCount != null && memberCount > 0 && /*#__PURE__*/React.createElement(Typography, {
+    style: styles.memberCount,
+    numberOfLines: 1
+  }, "(", formatMemberCount(memberCount), ")"));
+}
+function getPreviewText(preview, t) {
+  var _preview$data;
+  if (!preview) return t.noMessage;
+  const text = (_preview$data = preview.data) === null || _preview$data === void 0 ? void 0 : _preview$data.text;
+  if (typeof text === 'string' && text.length > 0) return text;
+  switch (preview.dataType) {
+    case 'text':
+      return text ?? '';
+    case 'image':
+      return t.sentPhoto;
+    case 'video':
+      return t.sentVideo;
+    case 'file':
+    case 'audio':
+      return t.noPreview;
+    default:
+      return t.noMessage;
+  }
+}
+function MessagePreview({
+  preview,
+  iconColor
+}) {
+  const {
+    styles
+  } = useStyles();
+  const previewDeletedLabel = useString('amity_chat_preview_deleted');
+  const previewStrings = {
+    noMessage: useString('amity_chat_preview_no_message'),
+    sentPhoto: useString('amity_chat_preview_sent_photo'),
+    sentVideo: useString('amity_chat_preview_sent_video'),
+    noPreview: useString('amity_chat_message_no_preview')
+  };
+  if (preview !== null && preview !== void 0 && preview.isDeleted) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.previewWithIcon
+    }, /*#__PURE__*/React.createElement(AmityIcon, {
+      name: "trash-s",
+      size: PREVIEW_ICON_SIZE,
+      color: iconColor
+    }), /*#__PURE__*/React.createElement(Typography, {
+      style: styles.preview,
+      numberOfLines: 2
+    }, previewDeletedLabel));
+  }
+  const text = getPreviewText(preview, previewStrings);
+  if ((preview === null || preview === void 0 ? void 0 : preview.dataType) === 'image' || (preview === null || preview === void 0 ? void 0 : preview.dataType) === 'video') {
+    const iconName = preview.dataType === 'image' ? 'image-s' : 'circle-play-s';
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.previewWithIcon
+    }, /*#__PURE__*/React.createElement(AmityIcon, {
+      name: iconName,
+      size: PREVIEW_ICON_SIZE,
+      color: iconColor
+    }), /*#__PURE__*/React.createElement(Typography, {
+      style: styles.preview,
+      numberOfLines: 2
+    }, text));
+  }
+  if ((preview === null || preview === void 0 ? void 0 : preview.dataType) !== 'text' || text.length === 0) {
+    return /*#__PURE__*/React.createElement(Typography, {
+      style: styles.preview,
+      numberOfLines: 2
+    }, text);
+  }
+
+  // Highlight @mentions inside the text preview (base rendering, not search).
+  const parts = [];
+  let cursor = 0;
+  let matchIndex = 0;
+  for (const match of text.matchAll(MENTION_REGEX)) {
+    const start = match.index ?? 0;
+    const token = match[0];
+    const end = start + token.length;
+    if (start > cursor) {
+      parts.push(/*#__PURE__*/React.createElement(Typography, {
+        key: `t-${cursor}`
+      }, text.slice(cursor, start)));
+    }
+    parts.push(/*#__PURE__*/React.createElement(Typography, {
+      key: `m-${matchIndex}`,
+      style: styles.previewMention
+    }, token));
+    cursor = end;
+    matchIndex += 1;
+  }
+  if (parts.length === 0) {
+    return /*#__PURE__*/React.createElement(Typography, {
+      style: styles.preview,
+      numberOfLines: 2
+    }, text);
+  }
+  if (cursor < text.length) {
+    parts.push(/*#__PURE__*/React.createElement(Typography, {
+      key: "t-tail"
+    }, text.slice(cursor)));
+  }
+  return /*#__PURE__*/React.createElement(Typography, {
+    style: styles.preview,
+    numberOfLines: 2
+  }, parts);
+}
+function MentionBadge() {
+  return /*#__PURE__*/React.createElement(Badge.Icon, {
+    icon: "at-s",
+    preset: {
+      family: 'chat',
+      case: 'mention'
+    },
+    size: 20
+  });
+}
+function UnreadBadge({
+  count
+}) {
+  if (count <= 0) return null;
+  return /*#__PURE__*/React.createElement(Badge.Label, {
+    label: count > 99 ? '99+' : String(count),
+    preset: {
+      family: 'general',
+      case: 'notification'
+    },
+    size: 20
+  });
+}
+
+// --- Skeleton ----------------------------------------------------------------
+
+// Skeleton row (surface-list-skeleton background): an avatar circle (2.5rem = 40)
+// plus TWO stacked pill lines mirroring the real row's name + message-preview
+// lines (per QA — the web build the team QAs against shows two lines). Lines are
+// 10px tall pills; name ~140 wide, preview ~100 wide.
+function AmityChatListItemSkeleton() {
+  const {
+    styles
+  } = useStyles();
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.skeletonRow
+  }, /*#__PURE__*/React.createElement(Skeleton, {
+    circle: true,
+    width: 40,
+    height: 40
+  }), /*#__PURE__*/React.createElement(View, {
+    style: styles.skeletonLines
+  }, /*#__PURE__*/React.createElement(Skeleton, {
+    width: 140,
+    height: 10,
+    borderRadius: 12
+  }), /*#__PURE__*/React.createElement(Skeleton, {
+    width: 100,
+    height: 10,
+    borderRadius: 12
+  })));
+}
+AmityChatListItem.Skeleton = AmityChatListItemSkeleton;
+//# sourceMappingURL=AmityChatListItem.js.map

package/lib/module/social/features/chat/components/AmityChatListItem/AmityChatListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","View","Pressable","Client","Typography","Badge","Skeleton","AmityIcon","AmityColorToken","useString","useFile","Avatar","ConversationChatAvatar","ArchivedBadge","formatTimestamp","highlightMatch","useStyles","HIGHLIGHT_TOKEN","primary","TextListHeaderDefaultHighlight","bold","TextListTextDescriptionDefaultHighlight","MODERATOR_ROLES","MENTION_REGEX","PREVIEW_ICON_SIZE","hasModeratorRole","roles","length","some","role","includes","formatMemberCount","count","toFixed","String","AmityChatListItem","channel","isArchived","hideUnreadIndicators","currentUserId","currentUserIdProp","onPress","searchQuery","highlightStyle","_channel$previewMembe","styles","token","_Client$getCurrentUse","getCurrentUser","userId","isConversation","type","otherMember","previewMembers","find","m","undefined","otherUser","user","isUserDeleted","Boolean","isDeleted","isModerator","avatarFileId","avatarUrl","fileId","timestampSource","lastActivity","timestamp","React","createElement","accessibilityRole","style","pressed","container","containerPressed","avatarWrapper","displayName","GroupChat","isPublic","body","nameRow","nameGroup","ChannelName","variant","numberOfLines","previewRow","MessagePreview","preview","messagePreview","iconColor","IconListDescriptionGeneral","notifications","isMentioned","MentionBadge","UnreadBadge","unreadCount","deletedUserLabel","renderName","name","color","nameDeleted","memberCount","Fragment","getPreviewText","t","_preview$data","noMessage","text","data","dataType","sentPhoto","sentVideo","noPreview","previewDeletedLabel","previewStrings","previewWithIcon","size","iconName","parts","cursor","matchIndex","match","matchAll","start","index","end","push","key","slice","previewMention","Icon","icon","preset","family","case","Label","label","AmityChatListItemSkeleton","skeletonRow","circle","width","height","skeletonLines","borderRadius"],"sourceRoot":"../../../../../../../src","sources":["social/features/chat/components/AmityChatListItem/AmityChatListItem.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/social/features/chat/components/AmityChatListItem/index.js

@@ -0,0 +1,2 @@
+export { AmityChatListItem } from './AmityChatListItem';
+//# sourceMappingURL=index.js.map

package/lib/module/social/features/chat/components/AmityChatListItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AmityChatListItem"],"sourceRoot":"../../../../../../../src","sources":["social/features/chat/components/AmityChatListItem/index.ts"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,qBAAqB","ignoreList":[]}