@amityco/react-native-social-uikit 4.1.1-e85011d9.0 → 4.1.1-fb84f89a.0

package/lib/module/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/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":["chat/components/AmityChatListItem/AmityChatListItem.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

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

package/lib/module/chat/components/AmityChatListItem/styles.js

@@ -0,0 +1,128 @@
+// Styles for AmityChatListItem — ported from AmityUiKitWeb ChannelItem.module.css.
+// Layout geometry comes from the SoT design tokens (geometry.json → lists.listItem:
+// minHeight 58, padding [8,16,8,16], gap 8, leadingElement.size 40, title 15/20,
+// description 13/18); the remaining gaps mirror the web CSS (rem → px ×16).
+// Every colour resolves through a design token (no hardcoded hex).
+
+import { StyleSheet } from 'react-native';
+import { useToken } from '../../../core/design/theme/useToken';
+import { AmityColorToken } from '../../../core/design/tokens/amity-color-tokens';
+export const useStyles = () => {
+  const token = useToken();
+  const styles = StyleSheet.create({
+    // SoT lists.listItem: minHeight 58, padding [8,16,8,16], gap 8, align top.
+    container: {
+      flexDirection: 'row',
+      alignItems: 'flex-start',
+      gap: 8,
+      paddingVertical: 8,
+      paddingHorizontal: 16,
+      minHeight: 58,
+      backgroundColor: 'transparent'
+    },
+    containerPressed: {
+      backgroundColor: token(AmityColorToken.SurfaceListDefaultHover)
+    },
+    // SoT leadingElement.size 40.
+    avatarWrapper: {
+      width: 40,
+      height: 40
+    },
+    body: {
+      flex: 1,
+      minWidth: 0,
+      gap: 2 // web body gap 0.125rem
+    },
+    nameRow: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 8 // web nameRow gap 0.5rem
+    },
+    nameGroup: {
+      flex: 1,
+      flexDirection: 'row',
+      alignItems: 'baseline',
+      gap: 4,
+      // web nameGroup gap 0.25rem
+      minWidth: 0
+    },
+    // SoT title: size 15, lineHeight 20, weight 590 (≈'600').
+    name: {
+      flexShrink: 1,
+      fontSize: 15,
+      lineHeight: 20,
+      fontWeight: '600',
+      color: token(AmityColorToken.TextListHeaderDefaultDefault)
+    },
+    nameDeleted: {
+      fontSize: 15,
+      lineHeight: 20,
+      fontWeight: '600',
+      color: token(AmityColorToken.TextListHeaderDefaultDefault)
+    },
+    // SoT description: size 13, lineHeight 18.
+    memberCount: {
+      flexShrink: 0,
+      fontSize: 13,
+      lineHeight: 18,
+      color: token(AmityColorToken.TextListSubheadDefaultDefault)
+    },
+    timestamp: {
+      flexShrink: 0,
+      fontSize: 13,
+      lineHeight: 18,
+      color: token(AmityColorToken.TextListTrailingSubtextDefault)
+    },
+    previewRow: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 8 // web previewRow gap 0.5rem
+    },
+    preview: {
+      flex: 1,
+      minWidth: 0,
+      fontSize: 13,
+      lineHeight: 18,
+      color: token(AmityColorToken.TextListTextDescriptionDefaultDefault)
+    },
+    previewMention: {
+      fontWeight: '600',
+      color: token(AmityColorToken.TextListTextDescriptionDefaultDefault)
+    },
+    previewWithIcon: {
+      flex: 1,
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 4,
+      // web previewWithIcon gap 0.25rem
+      minWidth: 0
+    },
+    notifications: {
+      flexShrink: 0,
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 4 // web notifications gap 0.25rem
+    },
+    // Web skeleton row: height 3.5rem (SoT skeletonHeight 56), padding 8/16,
+    // gap 0.75rem, skeleton surface background.
+    skeletonRow: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 12,
+      height: 56,
+      paddingVertical: 8,
+      paddingHorizontal: 16,
+      backgroundColor: token(AmityColorToken.SurfaceListSkeletonSkeleton)
+    },
+    // Two stacked skeleton lines (name + preview) beside the avatar circle.
+    skeletonLines: {
+      flexDirection: 'column',
+      gap: 6
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/chat/components/AmityChatListItem/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useToken","AmityColorToken","useStyles","token","styles","create","container","flexDirection","alignItems","gap","paddingVertical","paddingHorizontal","minHeight","backgroundColor","containerPressed","SurfaceListDefaultHover","avatarWrapper","width","height","body","flex","minWidth","nameRow","nameGroup","name","flexShrink","fontSize","lineHeight","fontWeight","color","TextListHeaderDefaultDefault","nameDeleted","memberCount","TextListSubheadDefaultDefault","timestamp","TextListTrailingSubtextDefault","previewRow","preview","TextListTextDescriptionDefaultDefault","previewMention","previewWithIcon","notifications","skeletonRow","SurfaceListSkeletonSkeleton","skeletonLines"],"sourceRoot":"../../../../../src","sources":["chat/components/AmityChatListItem/styles.ts"],"mappings":"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","ignoreList":[]}