@amityco/react-native-social-uikit 4.2.1-f052efd.0 → 4.3.0

package/README.md

@@ -89,7 +89,7 @@ Then, inside another project, Copy tgz file to your application folder where you
 
 ```sh
 1. yarn add ./amity-react-native-social-ui-kit-x.x.x.tgz
-2. yarn add react-native-safe-area-context react-native-image-picker @react-native-async-storage/async-storage react-native-svg react-native-gesture-handler react-native-screens react-native-video react-native-compressor @react-native-community/netinfo @react-navigation/native \@react-navigation/native-stack @react-navigation/stack react-native-vision-camera  react-native-get-random-values react-native-fs@2.20.0 @react-native-community/datetimepicker react-native-video-controls @amityco/ts-sdk-react-native @babel/plugin-transform-export-namespace-from metro-react-native-babel-preset react-native-linear-gradient
+2. yarn add react-native-safe-area-context react-native-image-picker @react-native-async-storage/async-storage react-native-svg react-native-gesture-handler react-native-reanimated react-native-worklets react-native-screens react-native-video react-native-compressor @react-native-community/netinfo @react-navigation/native \@react-navigation/native-stack @react-navigation/stack react-native-vision-camera  react-native-get-random-values react-native-fs@2.20.0 @react-native-community/datetimepicker react-native-video-controls @amityco/ts-sdk-react-native @babel/plugin-transform-export-namespace-from metro-react-native-babel-preset react-native-linear-gradient
 ```
 
 ### Babel Config
@@ -98,6 +98,8 @@ Then, inside another project, Copy tgz file to your application folder where you
 module.exports = {
   plugins: [
     '@babel/plugin-transform-export-namespace-from',
+    // Must be the last plugin in the list.
+    'react-native-worklets/plugin',
   ],
 };
 ```

package/lib/commonjs/chat/components/AmityChatListItem/AmityChatListItem.js

@@ -0,0 +1,400 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AmityChatListItem = AmityChatListItem;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _tsSdkReactNative = require("@amityco/ts-sdk-react-native");
+var _Typography = require("../../../core/design/components/Typography");
+var _Badge = require("../../../core/design/atoms/Badge");
+var _Skeleton = require("../../../core/design/components/Skeleton");
+var _icons = require("../../../core/design/icons");
+var _amityColorTokens = require("../../../core/design/tokens/amity-color-tokens");
+var _localization = require("../../../core/localization");
+var _useFile = _interopRequireDefault(require("../../../core/hooks/useFile"));
+var _useUser = require("../../../core/hooks/objects/useUser");
+var _Avatar = require("../../elements/Avatar");
+var _BrandBadge = require("../../../core/design/elements/BrandBadge");
+var _ConversationChatAvatar = require("../../elements/ConversationChatAvatar");
+var _ArchivedBadge = require("../../elements/ArchivedBadge");
+var _timestamp = require("../../utils/timestamp");
+var _highlightMatch = require("../../utils/highlightMatch");
+var _styles = require("./styles");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// 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),
+//     but the search tabs do pass one — see `searchQuery` / `messageBodyOverride`.
+
+// 1. React / RN imports
+
+// 2. Third-party imports
+
+// 3. Internal imports (relative)
+
+// Search-match highlight colours (web channelItem__highlight /
+// channelItem__highlightBold). Both are referenced so either style is available.
+const HIGHLIGHT_TOKEN = {
+  primary: _amityColorTokens.AmityColorToken.TextListHeaderDefaultHighlight,
+  bold: _amityColorTokens.AmityColorToken.TextListTextDescriptionDefaultHighlight
+};
+
+// ONE highlight style applies to both the name and the message body, and the
+// bold variant carries `fontWeight: '600'` on top of its colour (the plain one
+// is colour only) — so the weight has to travel with the colour, not be set at
+// only one of the two call sites.
+function highlightTextStyle(token, highlightStyle) {
+  return {
+    color: token(HIGHLIGHT_TOKEN[highlightStyle]),
+    ...(highlightStyle === 'bold' ? {
+      fontWeight: '600'
+    } : null)
+  };
+}
+
+// 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
+function AmityChatListItem({
+  channel,
+  isArchived = false,
+  hideUnreadIndicators = false,
+  currentUserId: currentUserIdProp,
+  onPress,
+  searchQuery,
+  highlightStyle = 'primary',
+  messageBodyOverride,
+  timestampOverride
+}) {
+  var _channel$previewMembe;
+  const {
+    styles,
+    token
+  } = (0, _styles.useStyles)();
+  const currentUserId = (0, _react.useMemo)(() => {
+    var _Client$getCurrentUse;
+    return currentUserIdProp ?? ((_Client$getCurrentUse = _tsSdkReactNative.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;
+  // `previewMembers[].user` is the snapshot the channel payload was cached with,
+  // so a user soft-deleted afterwards still reads as active there and the row
+  // kept their original display name. Prefer the live user object; fall back to
+  // the embedded copy until it resolves, and only subscribe for conversation
+  // rows (a group row has no counterpart).
+  const {
+    user: liveOtherUser
+  } = (0, _useUser.useUser)({
+    userId: (otherMember === null || otherMember === void 0 ? void 0 : otherMember.userId) ?? '',
+    enabled: isConversation
+  });
+  const otherUser = liveOtherUser ?? (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 = (0, _useFile.default)({
+    fileId: avatarFileId ?? ''
+  });
+  const timestampSource = timestampOverride ?? channel.lastActivity;
+  const timestamp = timestampSource ? (0, _timestamp.formatTimestamp)(timestampSource) : '';
+  return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+    accessibilityRole: "button",
+    onPress: onPress,
+    style: ({
+      pressed
+    }) => [styles.container, pressed && styles.containerPressed]
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.avatarWrapper
+  }, isConversation ? /*#__PURE__*/React.createElement(_ConversationChatAvatar.ConversationChatAvatar, {
+    avatarUrl: avatarUrl,
+    displayName: otherUser === null || otherUser === void 0 ? void 0 : otherUser.displayName,
+    isDeleted: isUserDeleted,
+    isModerator: isModerator
+  }) : /*#__PURE__*/React.createElement(_Avatar.Avatar.GroupChat, {
+    avatarUrl: avatarUrl,
+    isPublic: channel.isPublic
+  })), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.body
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.nameRow
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.nameGroup
+  }, /*#__PURE__*/React.createElement(ChannelName, {
+    channel: channel,
+    otherUser: otherUser,
+    isUserDeleted: isUserDeleted,
+    searchQuery: searchQuery,
+    highlightStyle: highlightStyle
+  })), /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: "caption",
+    style: styles.timestamp,
+    numberOfLines: 1
+  }, timestamp)), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.previewRow
+  }, /*#__PURE__*/React.createElement(MessagePreview, {
+    preview: channel.messagePreview,
+    bodyOverride: messageBodyOverride,
+    searchQuery: searchQuery,
+    highlightStyle: highlightStyle,
+    iconColor: token(_amityColorTokens.AmityColorToken.IconListDescriptionGeneral)
+  }), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.notifications
+  }, !hideUnreadIndicators && channel.isMentioned && /*#__PURE__*/React.createElement(MentionBadge, null), isArchived && /*#__PURE__*/React.createElement(_ArchivedBadge.ArchivedBadge, null), !hideUnreadIndicators && /*#__PURE__*/React.createElement(UnreadBadge, {
+    count: channel.unreadCount ?? 0
+  })))));
+}
+
+// --- Sub-views ---------------------------------------------------------------
+
+function ChannelName({
+  channel,
+  otherUser,
+  isUserDeleted,
+  searchQuery,
+  highlightStyle = 'primary'
+}) {
+  const {
+    styles,
+    token
+  } = (0, _styles.useStyles)();
+  const deletedUserLabel = (0, _localization.useString)('amity_chat_deleted_user');
+
+  // Render a name with the matched search substring highlighted (web ChannelItem).
+  const renderName = name => searchQuery ? (0, _highlightMatch.highlightMatch)(name, searchQuery, highlightTextStyle(token, highlightStyle)) : name;
+  if (channel.type === 'conversation') {
+    if (isUserDeleted) {
+      return /*#__PURE__*/React.createElement(_Typography.Typography, {
+        style: styles.nameDeleted,
+        numberOfLines: 1
+      }, deletedUserLabel);
+    }
+    const name = (otherUser === null || otherUser === void 0 ? void 0 : otherUser.displayName) ?? channel.displayName ?? '';
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Typography.Typography, {
+      style: styles.name,
+      numberOfLines: 1
+    }, renderName(name)), otherUser !== null && otherUser !== void 0 && otherUser.isBrand ? /*#__PURE__*/React.createElement(_reactNative.View, {
+      style: styles.brandBadge
+    }, /*#__PURE__*/React.createElement(_BrandBadge.BrandBadge, {
+      accessibilityLabel: "Brand"
+    })) : null);
+  }
+  const memberCount = channel.memberCount;
+  const name = channel.displayName ?? '';
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Typography.Typography, {
+    style: styles.name,
+    numberOfLines: 1
+  }, renderName(name)), memberCount != null && memberCount > 0 && /*#__PURE__*/React.createElement(_Typography.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,
+  bodyOverride,
+  searchQuery,
+  highlightStyle = 'primary',
+  iconColor
+}) {
+  // Aliased: this function already uses `token` further down for the matched
+  // @mention string, and the two would shadow each other.
+  const {
+    styles,
+    token: colorToken
+  } = (0, _styles.useStyles)();
+  const previewDeletedLabel = (0, _localization.useString)('amity_chat_preview_deleted');
+  const previewStrings = {
+    noMessage: (0, _localization.useString)('amity_chat_preview_no_message'),
+    sentPhoto: (0, _localization.useString)('amity_chat_preview_sent_photo'),
+    sentVideo: (0, _localization.useString)('amity_chat_preview_sent_video'),
+    noPreview: (0, _localization.useString)('amity_chat_message_no_preview')
+  };
+
+  // The override short-circuits every preview branch, and it is the string the
+  // search query highlights.
+  if (bodyOverride !== undefined) {
+    return /*#__PURE__*/React.createElement(_Typography.Typography, {
+      style: styles.preview,
+      numberOfLines: 2
+    }, searchQuery ? (0, _highlightMatch.highlightMatch)(bodyOverride, searchQuery, highlightTextStyle(colorToken, highlightStyle)) : bodyOverride);
+  }
+  if (preview !== null && preview !== void 0 && preview.isDeleted) {
+    return /*#__PURE__*/React.createElement(_reactNative.View, {
+      style: styles.previewWithIcon
+    }, /*#__PURE__*/React.createElement(_icons.AmityIcon, {
+      name: "trash-s",
+      size: PREVIEW_ICON_SIZE,
+      color: iconColor
+    }), /*#__PURE__*/React.createElement(_Typography.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(_reactNative.View, {
+      style: styles.previewWithIcon
+    }, /*#__PURE__*/React.createElement(_icons.AmityIcon, {
+      name: iconName,
+      size: PREVIEW_ICON_SIZE,
+      color: iconColor
+    }), /*#__PURE__*/React.createElement(_Typography.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.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.Typography, {
+        key: `t-${cursor}`
+      }, text.slice(cursor, start)));
+    }
+    parts.push(/*#__PURE__*/React.createElement(_Typography.Typography, {
+      key: `m-${matchIndex}`,
+      style: styles.previewMention
+    }, token));
+    cursor = end;
+    matchIndex += 1;
+  }
+  if (parts.length === 0) {
+    return /*#__PURE__*/React.createElement(_Typography.Typography, {
+      style: styles.preview,
+      numberOfLines: 2
+    }, text);
+  }
+  if (cursor < text.length) {
+    parts.push(/*#__PURE__*/React.createElement(_Typography.Typography, {
+      key: "t-tail"
+    }, text.slice(cursor)));
+  }
+  return /*#__PURE__*/React.createElement(_Typography.Typography, {
+    style: styles.preview,
+    numberOfLines: 2
+  }, parts);
+}
+
+// The design draws this badge as a 20x20 filled `Chat/Mention`
+// circle with an `at-r` glyph at 16x16, inset 2px on every side (Figma chat
+// list `12041:242261`, and the AmityChatListItem SoT's icon table lists the
+// mention glyph as `at-r` @ 16). RN was drawing `at-s` at the full chip size,
+// so the glyph's outer arc reached the chip edge: the light-blue surface was
+// invisible and the `@` read as a blue ring around white, which is what QA
+// reported. The 2px inset is what makes it read as a filled circle.
+function MentionBadge() {
+  return /*#__PURE__*/React.createElement(_Badge.Badge.Icon, {
+    icon: "at-r",
+    preset: {
+      family: 'chat',
+      case: 'mention'
+    },
+    size: 20,
+    glyphSize: 16
+  });
+}
+function UnreadBadge({
+  count
+}) {
+  if (count <= 0) return null;
+  return /*#__PURE__*/React.createElement(_Badge.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. The design's loading row (Figma `12041:242258`) is a 64-high row with
+// the SHORT 140x10 pill on top and the LONG 200x10 pill below it, gap 12. The
+// order matters: with the long pill first the lines taper, and the second reads
+// as a stray fragment of the first. Both pills keep radius 12.
+function AmityChatListItemSkeleton() {
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.skeletonRow
+  }, /*#__PURE__*/React.createElement(_Skeleton.Skeleton, {
+    circle: true,
+    width: 40,
+    height: 40
+  }), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.skeletonLines
+  }, /*#__PURE__*/React.createElement(_Skeleton.Skeleton, {
+    width: 140,
+    height: 10,
+    borderRadius: 12
+  }), /*#__PURE__*/React.createElement(_Skeleton.Skeleton, {
+    width: 200,
+    height: 10,
+    borderRadius: 12
+  })));
+}
+AmityChatListItem.Skeleton = AmityChatListItemSkeleton;
+//# sourceMappingURL=AmityChatListItem.js.map

package/lib/commonjs/chat/components/AmityChatListItem/AmityChatListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_tsSdkReactNative","_Typography","_Badge","_Skeleton","_icons","_amityColorTokens","_localization","_useFile","_interopRequireDefault","_useUser","_Avatar","_BrandBadge","_ConversationChatAvatar","_ArchivedBadge","_timestamp","_highlightMatch","_styles","e","__esModule","default","HIGHLIGHT_TOKEN","primary","AmityColorToken","TextListHeaderDefaultHighlight","bold","TextListTextDescriptionDefaultHighlight","highlightTextStyle","token","highlightStyle","color","fontWeight","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","messageBodyOverride","timestampOverride","_channel$previewMembe","styles","useStyles","useMemo","_Client$getCurrentUse","Client","getCurrentUser","userId","isConversation","type","otherMember","previewMembers","find","m","undefined","user","liveOtherUser","useUser","enabled","otherUser","isUserDeleted","Boolean","isDeleted","isModerator","avatarFileId","avatarUrl","useFile","fileId","timestampSource","lastActivity","timestamp","formatTimestamp","React","createElement","Pressable","accessibilityRole","style","pressed","container","containerPressed","View","avatarWrapper","ConversationChatAvatar","displayName","Avatar","GroupChat","isPublic","body","nameRow","nameGroup","ChannelName","Typography","variant","numberOfLines","previewRow","MessagePreview","preview","messagePreview","bodyOverride","iconColor","IconListDescriptionGeneral","notifications","isMentioned","MentionBadge","ArchivedBadge","UnreadBadge","unreadCount","deletedUserLabel","useString","renderName","name","highlightMatch","nameDeleted","Fragment","isBrand","brandBadge","BrandBadge","accessibilityLabel","memberCount","getPreviewText","t","_preview$data","noMessage","text","data","dataType","sentPhoto","sentVideo","noPreview","colorToken","previewDeletedLabel","previewStrings","previewWithIcon","AmityIcon","size","iconName","parts","cursor","matchIndex","match","matchAll","start","index","end","push","key","slice","previewMention","Badge","Icon","icon","preset","family","case","glyphSize","Label","label","AmityChatListItemSkeleton","skeletonRow","Skeleton","circle","width","height","skeletonLines","borderRadius"],"sourceRoot":"../../../../../src","sources":["chat/components/AmityChatListItem/AmityChatListItem.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AmityChatListItem", {
+  enumerable: true,
+  get: function () {
+    return _AmityChatListItem.AmityChatListItem;
+  }
+});
+var _AmityChatListItem = require("./AmityChatListItem");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_AmityChatListItem","require"],"sourceRoot":"../../../../../src","sources":["chat/components/AmityChatListItem/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,kBAAA,GAAAC,OAAA","ignoreList":[]}

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

@@ -0,0 +1,146 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyles = void 0;
+var _reactNative = require("react-native");
+var _useToken = require("../../../core/design/theme/useToken");
+var _amityColorTokens = require("../../../core/design/tokens/amity-color-tokens");
+// 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).
+
+const useStyles = () => {
+  const token = (0, _useToken.useToken)();
+  const styles = _reactNative.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(_amityColorTokens.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
+    },
+    // The badge opts out of nameGroup's baseline alignment: an SVG has no text
+    // baseline, so RN pins its bottom edge to the name's and it sits low. Only
+    // the badge is centred — the group row's "(12)" member count still shares a
+    // baseline with the name, as web does.
+    brandBadge: {
+      alignSelf: 'center'
+    },
+    // SoT title: size 15, lineHeight 20, weight 590 (≈'600').
+    name: {
+      flexShrink: 1,
+      fontSize: 15,
+      lineHeight: 20,
+      fontWeight: '600',
+      color: token(_amityColorTokens.AmityColorToken.TextListHeaderDefaultDefault)
+    },
+    nameDeleted: {
+      fontSize: 15,
+      lineHeight: 20,
+      fontWeight: '600',
+      color: token(_amityColorTokens.AmityColorToken.TextListHeaderDefaultDefault)
+    },
+    // SoT description: size 13, lineHeight 18.
+    memberCount: {
+      flexShrink: 0,
+      fontSize: 13,
+      lineHeight: 18,
+      color: token(_amityColorTokens.AmityColorToken.TextListSubheadDefaultDefault)
+    },
+    timestamp: {
+      flexShrink: 0,
+      fontSize: 13,
+      lineHeight: 18,
+      color: token(_amityColorTokens.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(_amityColorTokens.AmityColorToken.TextListTextDescriptionDefaultDefault)
+    },
+    previewMention: {
+      fontWeight: '600',
+      color: token(_amityColorTokens.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
+    },
+    // Skeleton row — Figma loading row `12041:242258`: 64 high, avatar circle
+    // 40x40 at (16, 12) so padding is 12/16, gap 12, skeleton surface
+    // background. A shorter row with tighter padding squeezes the two pills
+    // together.
+    skeletonRow: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 12,
+      height: 64,
+      paddingVertical: 12,
+      paddingHorizontal: 16,
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceListSkeletonSkeleton)
+    },
+    // Two stacked skeleton lines (name + preview) beside the avatar circle. The
+    // design puts the second pill's top at dy 22 against a 10-high first pill,
+    // so the gap is 12.
+    skeletonLines: {
+      flexDirection: 'column',
+      gap: 12
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

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

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