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

package/lib/module/social/features/chat/features/shared/components/MessageReplyQuote/styles.js

@@ -0,0 +1,118 @@
+// Styles for MessageReplyQuote — ported from MessageReplyQuote.module.css.
+// Geometry: gap 0.25rem→4; header gap 0.25rem→4; header icon 1rem→16; header
+// max-width 18.75rem→300; quote radius 1.25rem→20; text bubble padding
+// 0.625/1rem→10/16, max-width 14.25rem→228, text 15/20 (raw CSS); media radius
+// 20; broken icon 1.5rem→24; play chip 2.5rem→40; play icon 1.5rem→24; deleted
+// bubble padding 4/8, border 1; placeholder 228x60. Header/overlay colours differ
+// per side (own = Outbound tokens, other = Inbound).
+
+import { StyleSheet } from 'react-native';
+import { useToken } from '../../../../../../../core/design/theme/useToken';
+import { AmityColorToken } from '../../../../../../../core/design/tokens/amity-color-tokens';
+export const useStyles = isUser => {
+  const token = useToken();
+  const headerColor = token(isUser ? AmityColorToken.TextChatBubbleOutboundHeaderRepliedToDefault : AmityColorToken.TextChatBubbleInboundHeaderRepliedToDefault);
+  const styles = StyleSheet.create({
+    container: {
+      gap: 4,
+      marginBottom: 4,
+      alignItems: isUser ? 'flex-end' : 'flex-start'
+    },
+    header: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 4
+    },
+    headerText: {
+      color: headerColor,
+      maxWidth: 300
+    },
+    quote: {
+      position: 'relative',
+      borderRadius: 20,
+      overflow: 'hidden'
+    },
+    overlay: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      borderRadius: 20,
+      backgroundColor: token(AmityColorToken.SurfaceChatBubbleReplyOverlayDefault)
+    },
+    textBubble: {
+      paddingVertical: 10,
+      paddingHorizontal: 16,
+      maxWidth: 228,
+      backgroundColor: token(AmityColorToken.SurfaceChatBubbleReplyMessageDefault)
+    },
+    text: {
+      fontSize: 15,
+      lineHeight: 20,
+      color: token(AmityColorToken.TextChatBubbleInboundMessagesDefault)
+    },
+    // In-quote URL spans (web .replyQuote__link): inbound-link token + underline on
+    // both sides (the web class has no data-user variant). Colour only — the whole
+    // quote is the tap target (onOpenSeeMore), so links are not separately tappable.
+    link: {
+      color: token(AmityColorToken.TextChatBubbleInboundLinkDefault),
+      textDecorationLine: 'underline'
+    },
+    media: {
+      borderRadius: 20
+    },
+    mediaBox: {
+      alignItems: 'center',
+      justifyContent: 'center',
+      borderRadius: 20
+    },
+    mediaBoxLoading: {
+      backgroundColor: token(AmityColorToken.SurfaceMediaImageLoading)
+    },
+    mediaBoxBroken: {
+      backgroundColor: token(AmityColorToken.SurfaceMediaImageBroken)
+    },
+    playChip: {
+      position: 'absolute',
+      top: '50%',
+      left: '50%',
+      marginTop: -20,
+      marginLeft: -20,
+      width: 40,
+      height: 40,
+      alignItems: 'center',
+      justifyContent: 'center',
+      borderRadius: 9999,
+      backgroundColor: token(AmityColorToken.SurfaceIconButtonTransparentPrimaryEnabled)
+    },
+    placeholder: {
+      alignItems: 'center',
+      justifyContent: 'center',
+      width: 228,
+      height: 60,
+      borderRadius: 20,
+      backgroundColor: token(AmityColorToken.SurfaceChatBubbleReplyMessageDefault)
+    },
+    deletedBubble: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 4,
+      paddingVertical: 4,
+      paddingHorizontal: 8,
+      borderWidth: 1,
+      borderColor: token(AmityColorToken.BorderChatBubbleInboundDeleted),
+      borderRadius: 20
+    },
+    deletedText: {
+      color: token(AmityColorToken.TextChatBubbleInboundMessagesDeleted)
+    }
+  });
+  const headerIconColor = isUser ? AmityColorToken.IconChatBubbleOutboundHeaderRepliedToDefault : AmityColorToken.IconChatBubbleInboundHeaderRepliedToDefault;
+  return {
+    styles,
+    token,
+    headerIconColor
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/social/features/chat/features/shared/components/MessageReplyQuote/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useToken","AmityColorToken","useStyles","isUser","token","headerColor","TextChatBubbleOutboundHeaderRepliedToDefault","TextChatBubbleInboundHeaderRepliedToDefault","styles","create","container","gap","marginBottom","alignItems","header","flexDirection","headerText","color","maxWidth","quote","position","borderRadius","overflow","overlay","top","left","right","bottom","backgroundColor","SurfaceChatBubbleReplyOverlayDefault","textBubble","paddingVertical","paddingHorizontal","SurfaceChatBubbleReplyMessageDefault","text","fontSize","lineHeight","TextChatBubbleInboundMessagesDefault","link","TextChatBubbleInboundLinkDefault","textDecorationLine","media","mediaBox","justifyContent","mediaBoxLoading","SurfaceMediaImageLoading","mediaBoxBroken","SurfaceMediaImageBroken","playChip","marginTop","marginLeft","width","height","SurfaceIconButtonTransparentPrimaryEnabled","placeholder","deletedBubble","borderWidth","borderColor","BorderChatBubbleInboundDeleted","deletedText","TextChatBubbleInboundMessagesDeleted","headerIconColor","IconChatBubbleOutboundHeaderRepliedToDefault","IconChatBubbleInboundHeaderRepliedToDefault"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/shared/components/MessageReplyQuote/styles.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/social/features/chat/features/shared/components/MessageReplyQuote/utils.js

@@ -0,0 +1,71 @@
+// Helpers for MessageReplyQuote — ported from web chat/utils/getReplyHeader.ts
+// and getReplyThumbnailSize.ts. Kept local to the component (depth-7 import
+// parity). getReplyHeader builds the "X replied to Y" line via resolveString
+// (non-hook, matching web); getReplyThumbnailSize returns clamped media
+// dimensions in rem (multiply by 16 for px in RN).
+
+import { resolveString } from '../../../../../../../core/localization';
+function getDisplayName(message) {
+  var _creator;
+  const name = (_creator = message.creator) === null || _creator === void 0 ? void 0 : _creator.displayName;
+  return name && name.length > 0 ? name : resolveString('amity_chat_unknown_user');
+}
+export function getReplyHeader({
+  child,
+  parent,
+  currentUserId,
+  isGroupChat
+}) {
+  const isCurrentUser = !!currentUserId && child.creatorId === currentUserId;
+  const isParentCurrentUser = !!currentUserId && parent.creatorId === currentUserId;
+  const isParentDeleted = parent.isDeleted === true;
+  if (isParentDeleted) {
+    return isCurrentUser ? resolveString('amity_chat_reply_you_to_deleted') : resolveString('amity_chat_reply_to_deleted');
+  }
+  if (!isGroupChat) {
+    if (isParentCurrentUser) {
+      return isCurrentUser ? resolveString('amity_chat_reply_you_to_yourself') : resolveString('amity_chat_reply_to_you');
+    }
+    return isCurrentUser ? resolveString('amity_chat_reply_you') : resolveString('amity_chat_reply_to_themself');
+  }
+  const childName = getDisplayName(child);
+  const parentName = getDisplayName(parent);
+  if (isParentCurrentUser) {
+    return isCurrentUser ? resolveString('amity_chat_reply_you_to_yourself') : resolveString('amity_chat_reply_name_to_you', childName);
+  }
+  if (isCurrentUser) {
+    return resolveString('amity_chat_reply_you_to_name', parentName);
+  }
+  if (parent.creatorId === child.creatorId) {
+    return resolveString('amity_chat_reply_name_to_themself', childName);
+  }
+  return resolveString('amity_chat_reply_name_to_name', childName, parentName);
+}
+const MAX_AXIS_REM = 7.5;
+const MIN_AXIS_REM = 2.5;
+const RATIO_THRESHOLD = 3;
+export function getReplyThumbnailSize(intrinsicWidth, intrinsicHeight) {
+  if (intrinsicWidth <= 0 || intrinsicHeight <= 0) {
+    return {
+      widthRem: MAX_AXIS_REM,
+      heightRem: MAX_AXIS_REM
+    };
+  }
+  if (intrinsicHeight >= intrinsicWidth) {
+    const heightRem = MAX_AXIS_REM;
+    const ratio = intrinsicHeight / intrinsicWidth;
+    const widthRem = ratio > RATIO_THRESHOLD ? MIN_AXIS_REM : MAX_AXIS_REM / ratio;
+    return {
+      widthRem,
+      heightRem
+    };
+  }
+  const widthRem = MAX_AXIS_REM;
+  const ratio = intrinsicWidth / intrinsicHeight;
+  const heightRem = ratio > RATIO_THRESHOLD ? MIN_AXIS_REM : MAX_AXIS_REM / ratio;
+  return {
+    widthRem,
+    heightRem
+  };
+}
+//# sourceMappingURL=utils.js.map

package/lib/module/social/features/chat/features/shared/components/MessageReplyQuote/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["resolveString","getDisplayName","message","_creator","name","creator","displayName","length","getReplyHeader","child","parent","currentUserId","isGroupChat","isCurrentUser","creatorId","isParentCurrentUser","isParentDeleted","isDeleted","childName","parentName","MAX_AXIS_REM","MIN_AXIS_REM","RATIO_THRESHOLD","getReplyThumbnailSize","intrinsicWidth","intrinsicHeight","widthRem","heightRem","ratio"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/shared/components/MessageReplyQuote/utils.ts"],"mappings":"AAAA;AACA;AACA;AACA;AACA;;AAEA,SAASA,aAAa,QAAQ,wCAAwC;AAStE,SAASC,cAAcA,CAACC,OAAsB,EAAU;EAAA,IAAAC,QAAA;EACtD,MAAMC,IAAI,IAAAD,QAAA,GAAID,OAAO,CAClBG,OAAO,cAAAF,QAAA,uBADGA,QAAA,CACDG,WAAW;EACvB,OAAOF,IAAI,IAAIA,IAAI,CAACG,MAAM,GAAG,CAAC,GAC1BH,IAAI,GACJJ,aAAa,CAAC,yBAAyB,CAAC;AAC9C;AAEA,OAAO,SAASQ,cAAcA,CAAC;EAC7BC,KAAK;EACLC,MAAM;EACNC,aAAa;EACbC;AACoB,CAAC,EAAU;EAC/B,MAAMC,aAAa,GAAG,CAAC,CAACF,aAAa,IAAIF,KAAK,CAACK,SAAS,KAAKH,aAAa;EAC1E,MAAMI,mBAAmB,GACvB,CAAC,CAACJ,aAAa,IAAID,MAAM,CAACI,SAAS,KAAKH,aAAa;EACvD,MAAMK,eAAe,GAAGN,MAAM,CAACO,SAAS,KAAK,IAAI;EAEjD,IAAID,eAAe,EAAE;IACnB,OAAOH,aAAa,GAChBb,aAAa,CAAC,iCAAiC,CAAC,GAChDA,aAAa,CAAC,6BAA6B,CAAC;EAClD;EAEA,IAAI,CAACY,WAAW,EAAE;IAChB,IAAIG,mBAAmB,EAAE;MACvB,OAAOF,aAAa,GAChBb,aAAa,CAAC,kCAAkC,CAAC,GACjDA,aAAa,CAAC,yBAAyB,CAAC;IAC9C;IACA,OAAOa,aAAa,GAChBb,aAAa,CAAC,sBAAsB,CAAC,GACrCA,aAAa,CAAC,8BAA8B,CAAC;EACnD;EAEA,MAAMkB,SAAS,GAAGjB,cAAc,CAACQ,KAAK,CAAC;EACvC,MAAMU,UAAU,GAAGlB,cAAc,CAACS,MAAM,CAAC;EAEzC,IAAIK,mBAAmB,EAAE;IACvB,OAAOF,aAAa,GAChBb,aAAa,CAAC,kCAAkC,CAAC,GACjDA,aAAa,CAAC,8BAA8B,EAAEkB,SAAS,CAAC;EAC9D;EACA,IAAIL,aAAa,EAAE;IACjB,OAAOb,aAAa,CAAC,8BAA8B,EAAEmB,UAAU,CAAC;EAClE;EACA,IAAIT,MAAM,CAACI,SAAS,KAAKL,KAAK,CAACK,SAAS,EAAE;IACxC,OAAOd,aAAa,CAAC,mCAAmC,EAAEkB,SAAS,CAAC;EACtE;EACA,OAAOlB,aAAa,CAAC,+BAA+B,EAAEkB,SAAS,EAAEC,UAAU,CAAC;AAC9E;AAEA,MAAMC,YAAY,GAAG,GAAG;AACxB,MAAMC,YAAY,GAAG,GAAG;AACxB,MAAMC,eAAe,GAAG,CAAC;AAOzB,OAAO,SAASC,qBAAqBA,CACnCC,cAAsB,EACtBC,eAAuB,EACH;EACpB,IAAID,cAAc,IAAI,CAAC,IAAIC,eAAe,IAAI,CAAC,EAAE;IAC/C,OAAO;MAAEC,QAAQ,EAAEN,YAAY;MAAEO,SAAS,EAAEP;IAAa,CAAC;EAC5D;EACA,IAAIK,eAAe,IAAID,cAAc,EAAE;IACrC,MAAMG,SAAS,GAAGP,YAAY;IAC9B,MAAMQ,KAAK,GAAGH,eAAe,GAAGD,cAAc;IAC9C,MAAME,QAAQ,GACZE,KAAK,GAAGN,eAAe,GAAGD,YAAY,GAAGD,YAAY,GAAGQ,KAAK;IAC/D,OAAO;MAAEF,QAAQ;MAAEC;IAAU,CAAC;EAChC;EACA,MAAMD,QAAQ,GAAGN,YAAY;EAC7B,MAAMQ,KAAK,GAAGJ,cAAc,GAAGC,eAAe;EAC9C,MAAME,SAAS,GACbC,KAAK,GAAGN,eAAe,GAAGD,YAAY,GAAGD,YAAY,GAAGQ,KAAK;EAC/D,OAAO;IAAEF,QAAQ;IAAEC;EAAU,CAAC;AAChC","ignoreList":[]}

package/lib/module/social/features/chat/features/shared/components/MutedBanner/MutedBanner.js

@@ -0,0 +1,35 @@
+// MutedBanner — ported from AmityUiKitWeb features/shared/components/MutedBanner.
+// A full-width subdued banner explaining why the composer is unavailable
+// (user muted / channel moderator-only / blocked). All three strings are
+// resolved unconditionally (matches web) to respect rules-of-hooks.
+
+// 1. React / RN imports
+import { View } from 'react-native';
+
+// 2. Internal imports
+import { Typography } from '../../../../../../../core/design/components/Typography';
+import { useString } from '../../../../../../../core/localization';
+import { useStyles } from './styles';
+
+// 3. Types
+
+// 4. Named function component
+export function MutedBanner({
+  variant
+}) {
+  const {
+    styles
+  } = useStyles();
+  const userMutedMessage = useString('amity_chat_user_is_muted');
+  const channelMutedMessage = useString('amity_chat_group_permission_only_moderators_banner');
+  const blockedMessage = useString('amity_chat_blocked_message');
+  const message = variant === 'user' ? userMutedMessage : variant === 'channel' ? channelMutedMessage : blockedMessage;
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.banner,
+    accessibilityRole: "text"
+  }, /*#__PURE__*/React.createElement(Typography, {
+    variant: "caption",
+    style: styles.text
+  }, message));
+}
+//# sourceMappingURL=MutedBanner.js.map

package/lib/module/social/features/chat/features/shared/components/MutedBanner/MutedBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Typography","useString","useStyles","MutedBanner","variant","styles","userMutedMessage","channelMutedMessage","blockedMessage","message","React","createElement","style","banner","accessibilityRole","text"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/shared/components/MutedBanner/MutedBanner.tsx"],"mappings":"AAAA;AACA;AACA;AACA;;AAEA;AACA,SAASA,IAAI,QAAQ,cAAc;;AAEnC;AACA,SAASC,UAAU,QAAQ,wDAAwD;AACnF,SAASC,SAAS,QAAQ,wCAAwC;AAClE,SAASC,SAAS,QAAQ,UAAU;;AAEpC;;AAKA;AACA,OAAO,SAASC,WAAWA,CAAC;EAAEC;AAA0B,CAAC,EAAE;EACzD,MAAM;IAAEC;EAAO,CAAC,GAAGH,SAAS,CAAC,CAAC;EAC9B,MAAMI,gBAAgB,GAAGL,SAAS,CAAC,0BAA0B,CAAC;EAC9D,MAAMM,mBAAmB,GAAGN,SAAS,CACnC,oDACF,CAAC;EACD,MAAMO,cAAc,GAAGP,SAAS,CAAC,4BAA4B,CAAC;EAE9D,MAAMQ,OAAO,GACXL,OAAO,KAAK,MAAM,GACdE,gBAAgB,GAChBF,OAAO,KAAK,SAAS,GACrBG,mBAAmB,GACnBC,cAAc;EAEpB,oBACEE,KAAA,CAAAC,aAAA,CAACZ,IAAI;IAACa,KAAK,EAAEP,MAAM,CAACQ,MAAO;IAACC,iBAAiB,EAAC;EAAM,gBAClDJ,KAAA,CAAAC,aAAA,CAACX,UAAU;IAACI,OAAO,EAAC,SAAS;IAACQ,KAAK,EAAEP,MAAM,CAACU;EAAK,GAC9CN,OACS,CACR,CAAC;AAEX","ignoreList":[]}

package/lib/module/social/features/chat/features/shared/components/MutedBanner/index.js

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

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

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

package/lib/module/social/features/chat/features/shared/components/MutedBanner/styles.js

@@ -0,0 +1,33 @@
+// Styles for MutedBanner — ported from MutedBanner.module.css.
+// Geometry: padding 0.75rem/1rem→12/16. Text fills + centers. Colours via
+// tokens, matched 1:1 to the web CSS variables (surface + text description).
+
+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({
+    banner: {
+      flexDirection: 'row',
+      alignItems: 'flex-start',
+      paddingVertical: 12,
+      paddingHorizontal: 16,
+      backgroundColor: token(AmityColorToken.SurfaceBannerSubdueGeneral)
+    },
+    text: {
+      flex: 1,
+      textAlign: 'center',
+      // Web uses text-banner-subdue-textdescription-general; the cleverden SoT (717)
+      // doesn't ship the Subdue text variant, so use the color-identical GreyBG variant
+      // (same alias chain {Information/700}/{Information/300} → same hex). Web slug is
+      // allowlisted in check-fidelity until the SoT adds the Subdue banner token.
+      color: token(AmityColorToken.TextBannerSubdueTextDescriptionGeneral)
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/social/features/chat/features/shared/components/MutedBanner/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useToken","AmityColorToken","useStyles","token","styles","create","banner","flexDirection","alignItems","paddingVertical","paddingHorizontal","backgroundColor","SurfaceBannerSubdueGeneral","text","flex","textAlign","color","TextBannerSubdueTextDescriptionGeneral"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/shared/components/MutedBanner/styles.ts"],"mappings":"AAAA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,iDAAiD;AAC1E,SAASC,eAAe,QAAQ,4DAA4D;AAE5F,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAGH,QAAQ,CAAC,CAAC;EAExB,MAAMI,MAAM,GAAGL,UAAU,CAACM,MAAM,CAAC;IAC/BC,MAAM,EAAE;MACNC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,YAAY;MACxBC,eAAe,EAAE,EAAE;MACnBC,iBAAiB,EAAE,EAAE;MACrBC,eAAe,EAAER,KAAK,CAACF,eAAe,CAACW,0BAA0B;IACnE,CAAC;IACDC,IAAI,EAAE;MACJC,IAAI,EAAE,CAAC;MACPC,SAAS,EAAE,QAAQ;MACnB;MACA;MACA;MACA;MACAC,KAAK,EAAEb,KAAK,CAACF,eAAe,CAACgB,sCAAsC;IACrE;EACF,CAAC,CAAC;EAEF,OAAO;IAAEb,MAAM;IAAED;EAAM,CAAC;AAC1B,CAAC","ignoreList":[]}

package/lib/module/social/features/chat/features/shared/components/NewMessageNotification/NewMessageNotification.js

@@ -0,0 +1,107 @@
+// NewMessageNotification — ported from AmityUiKitWeb features/shared/components/
+// NewMessageNotification. A floating toast pinned to the bottom of the message
+// list showing the latest incoming message (avatar + preview text + optional
+// media thumbnail) that scrolls to it on press.
+//
+// RN adaptations from web:
+//   - react-aria `Button` → RN `Pressable`.
+//   - Web resolved the media thumb via `useFile` + `FileRepository.fileUrlWithSize`;
+//     RN `useFile` already returns a size-scaled URL, so it is called with the
+//     'small' size directly (avatar/image/video-thumb calls kept unconditional to
+//     respect rules-of-hooks, passing '' when not applicable).
+//   - Web `<img>` → RN `<Image>`; broken/missing thumb → media-broken icon.
+//   - AmityIcon has no `style`; the arrow's 180° rotation lives on a wrapping View.
+
+// 1. React / RN imports
+import { Pressable, View, Image } from 'react-native';
+
+// 2. Internal imports
+import { Typography } from '../../../../../../../core/design/components/Typography';
+import { AmityIcon } from '../../../../../../../core/design/icons';
+import { AmityColorToken } from '../../../../../../../core/design/tokens/amity-color-tokens';
+import { resolveString } from '../../../../../../../core/localization';
+import useFile from '../../../../../../../core/hooks/useFile';
+import { ImageSizeState } from '../../../../../../../core/enums';
+import { Avatar } from '../../../../elements/Avatar';
+import { useStyles } from './styles';
+
+// 3. Types
+
+function getPreviewText(message) {
+  var _message$data;
+  switch (message.dataType) {
+    case 'text':
+      return ((_message$data = message.data) === null || _message$data === void 0 ? void 0 : _message$data.text) ?? '';
+    case 'image':
+      return resolveString('amity_chat_preview_sent_photo');
+    case 'video':
+      return resolveString('amity_chat_preview_sent_video');
+    case 'custom':
+      return resolveString('amity_chat_preview_message');
+    default:
+      return resolveString('amity_chat_preview_message');
+  }
+}
+
+// 4. Named function component
+export function NewMessageNotification({
+  message,
+  onPress
+}) {
+  var _message$data2, _message$data3;
+  const {
+    styles
+  } = useStyles();
+  const isImage = message.dataType === 'image';
+  const isVideo = message.dataType === 'video';
+  const imageFileId = isImage ? ((_message$data2 = message.data) === null || _message$data2 === void 0 ? void 0 : _message$data2.fileId) ?? '' : '';
+  const videoThumbFileId = isVideo ? ((_message$data3 = message.data) === null || _message$data3 === void 0 ? void 0 : _message$data3.thumbnailFileId) ?? '' : '';
+  const creator = message.creator;
+  const avatarUrl = useFile({
+    fileId: (creator === null || creator === void 0 ? void 0 : creator.avatarFileId) ?? ''
+  });
+  const imageThumb = useFile({
+    fileId: imageFileId,
+    imageSize: ImageSizeState.small
+  });
+  const videoThumb = useFile({
+    fileId: videoThumbFileId,
+    imageSize: ImageSizeState.small
+  });
+  const mediaThumb = isImage ? imageThumb : isVideo ? videoThumb : undefined;
+  return /*#__PURE__*/React.createElement(Pressable, {
+    style: styles.notification,
+    onPress: onPress,
+    accessibilityRole: "button"
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.left
+  }, creator ? /*#__PURE__*/React.createElement(Avatar.User, {
+    avatarUrl: avatarUrl,
+    displayName: creator.displayName,
+    size: "sm"
+  }) : null, /*#__PURE__*/React.createElement(Typography, {
+    variant: "body",
+    style: styles.preview,
+    numberOfLines: 1
+  }, getPreviewText(message))), /*#__PURE__*/React.createElement(View, {
+    style: styles.right
+  }, isImage || isVideo ? /*#__PURE__*/React.createElement(View, {
+    style: styles.thumb
+  }, mediaThumb ? /*#__PURE__*/React.createElement(Image, {
+    source: {
+      uri: mediaThumb
+    },
+    style: styles.thumbImg
+  }) : /*#__PURE__*/React.createElement(AmityIcon, {
+    name: "image-r",
+    size: 18,
+    tokenColor: AmityColorToken.IconMediaImageBroken
+  })) : null, /*#__PURE__*/React.createElement(View, {
+    style: styles.arrow
+  }, /*#__PURE__*/React.createElement(AmityIcon, {
+    name: "arrow-up-r",
+    size: 10,
+    tokenColor: AmityColorToken.TextCustomToastDefault
+  }))));
+}
+//# sourceMappingURL=NewMessageNotification.js.map

package/lib/module/social/features/chat/features/shared/components/NewMessageNotification/NewMessageNotification.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Pressable","View","Image","Typography","AmityIcon","AmityColorToken","resolveString","useFile","ImageSizeState","Avatar","useStyles","getPreviewText","message","_message$data","dataType","data","text","NewMessageNotification","onPress","_message$data2","_message$data3","styles","isImage","isVideo","imageFileId","fileId","videoThumbFileId","thumbnailFileId","creator","avatarUrl","avatarFileId","imageThumb","imageSize","small","videoThumb","mediaThumb","undefined","React","createElement","style","notification","accessibilityRole","left","User","displayName","size","variant","preview","numberOfLines","right","thumb","source","uri","thumbImg","name","tokenColor","IconMediaImageBroken","arrow","TextCustomToastDefault"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/shared/components/NewMessageNotification/NewMessageNotification.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/social/features/chat/features/shared/components/NewMessageNotification/index.js

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

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

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

package/lib/module/social/features/chat/features/shared/components/NewMessageNotification/styles.js

@@ -0,0 +1,70 @@
+// Styles for NewMessageNotification — ported from NewMessageNotification.module.css.
+// Geometry: pinned left/right 1rem→16, bottom 0.5rem→8, height 2.5rem→40,
+// padding 0.375rem/0.625rem→ top/bottom 6, left 6, right 10; radius 0.5rem→8;
+// gaps 0.5rem/0.625rem→8/10; thumb 1.75rem→28, radius 0.25rem→4; arrow 0.625rem→10
+// rotated 180°. box-shadow dropped (RN, no hex allowed). Colours via tokens.
+
+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({
+    notification: {
+      position: 'absolute',
+      left: 16,
+      right: 16,
+      bottom: 8,
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      gap: 8,
+      height: 40,
+      paddingTop: 6,
+      paddingBottom: 6,
+      paddingLeft: 6,
+      paddingRight: 10,
+      borderRadius: 8,
+      backgroundColor: token(AmityColorToken.SurfaceCustomToastDefaultDefault)
+    },
+    left: {
+      flex: 1,
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 10
+    },
+    preview: {
+      flexShrink: 1,
+      color: token(AmityColorToken.TextCustomToastDefault)
+    },
+    right: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 10,
+      flexShrink: 0
+    },
+    thumb: {
+      width: 28,
+      height: 28,
+      borderRadius: 4,
+      overflow: 'hidden',
+      alignItems: 'center',
+      justifyContent: 'center',
+      backgroundColor: token(AmityColorToken.SurfaceMediaImageLoaded)
+    },
+    thumbImg: {
+      width: '100%',
+      height: '100%'
+    },
+    arrow: {
+      transform: [{
+        rotate: '180deg'
+      }]
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/social/features/chat/features/shared/components/NewMessageNotification/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useToken","AmityColorToken","useStyles","token","styles","create","notification","position","left","right","bottom","flexDirection","alignItems","justifyContent","gap","height","paddingTop","paddingBottom","paddingLeft","paddingRight","borderRadius","backgroundColor","SurfaceCustomToastDefaultDefault","flex","preview","flexShrink","color","TextCustomToastDefault","thumb","width","overflow","SurfaceMediaImageLoaded","thumbImg","arrow","transform","rotate"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/shared/components/NewMessageNotification/styles.ts"],"mappings":"AAAA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,iDAAiD;AAC1E,SAASC,eAAe,QAAQ,4DAA4D;AAE5F,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAGH,QAAQ,CAAC,CAAC;EAExB,MAAMI,MAAM,GAAGL,UAAU,CAACM,MAAM,CAAC;IAC/BC,YAAY,EAAE;MACZC,QAAQ,EAAE,UAAU;MACpBC,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,CAAC;MACTC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,eAAe;MAC/BC,GAAG,EAAE,CAAC;MACNC,MAAM,EAAE,EAAE;MACVC,UAAU,EAAE,CAAC;MACbC,aAAa,EAAE,CAAC;MAChBC,WAAW,EAAE,CAAC;MACdC,YAAY,EAAE,EAAE;MAChBC,YAAY,EAAE,CAAC;MACfC,eAAe,EAAElB,KAAK,CAACF,eAAe,CAACqB,gCAAgC;IACzE,CAAC;IACDd,IAAI,EAAE;MACJe,IAAI,EAAE,CAAC;MACPZ,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBE,GAAG,EAAE;IACP,CAAC;IACDU,OAAO,EAAE;MACPC,UAAU,EAAE,CAAC;MACbC,KAAK,EAAEvB,KAAK,CAACF,eAAe,CAAC0B,sBAAsB;IACrD,CAAC;IACDlB,KAAK,EAAE;MACLE,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBE,GAAG,EAAE,EAAE;MACPW,UAAU,EAAE;IACd,CAAC;IACDG,KAAK,EAAE;MACLC,KAAK,EAAE,EAAE;MACTd,MAAM,EAAE,EAAE;MACVK,YAAY,EAAE,CAAC;MACfU,QAAQ,EAAE,QAAQ;MAClBlB,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBQ,eAAe,EAAElB,KAAK,CAACF,eAAe,CAAC8B,uBAAuB;IAChE,CAAC;IACDC,QAAQ,EAAE;MACRH,KAAK,EAAE,MAAM;MACbd,MAAM,EAAE;IACV,CAAC;IACDkB,KAAK,EAAE;MACLC,SAAS,EAAE,CAAC;QAAEC,MAAM,EAAE;MAAS,CAAC;IAClC;EACF,CAAC,CAAC;EAEF,OAAO;IAAE/B,MAAM;IAAED;EAAM,CAAC;AAC1B,CAAC","ignoreList":[]}

package/lib/module/social/features/chat/features/shared/components/ScrollToLatestButton/ScrollToLatestButton.js

@@ -0,0 +1,33 @@
+// ScrollToLatestButton — ported from AmityUiKitWeb features/shared/components/
+// ScrollToLatestButton. A circular filled-secondary icon button pinned to the
+// bottom-right of the message list that scrolls to the latest message.
+//
+// Web uses the `Button.Icon` (IconButton) atom with styleType="filled" /
+// hierarchy="secondary" / size={40}; RN uses the ported Button.Icon atom. The
+// bottom-right pin (web .scrollToLatestButton) is passed as a positioning-only
+// style. box-shadow dropped (RN, no hex allowed).
+
+// 1. Internal imports
+import { Button } from '../../../../../../../core/design/atoms/Button';
+import { useStyles } from './styles';
+
+// 2. Types
+
+// 3. Named function component
+export function ScrollToLatestButton({
+  onPress
+}) {
+  const {
+    styles
+  } = useStyles();
+  return /*#__PURE__*/React.createElement(Button.Icon, {
+    icon: "chevron-down",
+    styleType: "filled",
+    hierarchy: "secondary",
+    size: 40,
+    style: styles.button,
+    onPress: onPress,
+    accessibilityLabel: "Scroll to latest message"
+  });
+}
+//# sourceMappingURL=ScrollToLatestButton.js.map

package/lib/module/social/features/chat/features/shared/components/ScrollToLatestButton/ScrollToLatestButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Button","useStyles","ScrollToLatestButton","onPress","styles","React","createElement","Icon","icon","styleType","hierarchy","size","style","button","accessibilityLabel"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/shared/components/ScrollToLatestButton/ScrollToLatestButton.tsx"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,SAASA,MAAM,QAAQ,+CAA+C;AACtE,SAASC,SAAS,QAAQ,UAAU;;AAEpC;;AAKA;AACA,OAAO,SAASC,oBAAoBA,CAAC;EAAEC;AAAmC,CAAC,EAAE;EAC3E,MAAM;IAAEC;EAAO,CAAC,GAAGH,SAAS,CAAC,CAAC;EAE9B,oBACEI,KAAA,CAAAC,aAAA,CAACN,MAAM,CAACO,IAAI;IACVC,IAAI,EAAC,cAAc;IACnBC,SAAS,EAAC,QAAQ;IAClBC,SAAS,EAAC,WAAW;IACrBC,IAAI,EAAE,EAAG;IACTC,KAAK,EAAER,MAAM,CAACS,MAAO;IACrBV,OAAO,EAAEA,OAAQ;IACjBW,kBAAkB,EAAC;EAA0B,CAC9C,CAAC;AAEN","ignoreList":[]}

package/lib/module/social/features/chat/features/shared/components/ScrollToLatestButton/index.js

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

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

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

package/lib/module/social/features/chat/features/shared/components/ScrollToLatestButton/styles.js

@@ -0,0 +1,19 @@
+// Styles for ScrollToLatestButton — positioning only. The 40×40 filled/secondary
+// circle (container + surface + states) is owned by the Button.Icon atom; this
+// pins it bottom-right (web .scrollToLatestButton: right 1rem→16, bottom 0.5rem→8).
+// box-shadow dropped (RN, no hex allowed).
+
+import { StyleSheet } from 'react-native';
+export const useStyles = () => {
+  const styles = StyleSheet.create({
+    button: {
+      position: 'absolute',
+      right: 16,
+      bottom: 8
+    }
+  });
+  return {
+    styles
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/social/features/chat/features/shared/components/ScrollToLatestButton/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useStyles","styles","create","button","position","right","bottom"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/shared/components/ScrollToLatestButton/styles.ts"],"mappings":"AAAA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,cAAc;AAEzC,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,MAAM,GAAGF,UAAU,CAACG,MAAM,CAAC;IAC/BC,MAAM,EAAE;MACNC,QAAQ,EAAE,UAAU;MACpBC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE;IACV;EACF,CAAC,CAAC;EAEF,OAAO;IAAEL;EAAO,CAAC;AACnB,CAAC","ignoreList":[]}

package/lib/module/social/features/chat/features/shared/components/SelectedMember/SelectedMember.js

@@ -0,0 +1,61 @@
+// SelectedMember — ported from AmityUiKitWeb chat/features/shared/components/
+// SelectedMember. A compact tile for a chosen member: rounded avatar with a
+// top-right remove button, and the display name underneath (single line,
+// ellipsised).
+//
+// RN adaptations from web:
+//   - Web resolved the avatar via `FileRepository.fileUrlWithSize(user.avatar.fileUrl)`;
+//     RN resolves `user.avatarFileId` through `useFile` (small size), mirroring
+//     NewMessageNotification. The core Avatar atom is replaced by the chat
+//     `Avatar.User` element (rounded, initials fallback).
+//   - Web `Button.Icon` (react-aria) remove control → RN `Button.Icon` atom.
+
+// 1. React / RN imports
+import { View } from 'react-native';
+
+// 2. Internal imports
+import { Button } from '../../../../../../../core/design/atoms/Button';
+import { Typography } from '../../../../../../../core/design/components/Typography';
+import useFile from '../../../../../../../core/hooks/useFile';
+import { ImageSizeState } from '../../../../../../../core/enums';
+import { Avatar } from '../../../../elements/Avatar';
+import { useStyles } from './styles';
+
+// 3. Types
+
+// 4. Named function component
+export function SelectedMember({
+  user,
+  onRemove
+}) {
+  const {
+    styles
+  } = useStyles();
+  const displayName = user.displayName ?? user.userId;
+  const avatarUrl = useFile({
+    fileId: user.avatarFileId ?? '',
+    imageSize: ImageSizeState.small
+  });
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.avatarWrapper
+  }, /*#__PURE__*/React.createElement(Avatar.User, {
+    avatarUrl: avatarUrl,
+    displayName: displayName,
+    size: "md"
+  }), onRemove ? /*#__PURE__*/React.createElement(Button.Icon, {
+    icon: "cross-s",
+    styleType: "transparent",
+    hierarchy: "primary",
+    size: 16,
+    style: styles.removeButton,
+    onPress: () => onRemove(user.userId),
+    accessibilityLabel: `Remove ${displayName}`
+  }) : null), /*#__PURE__*/React.createElement(Typography, {
+    variant: "caption",
+    style: styles.name,
+    numberOfLines: 1
+  }, displayName));
+}
+//# sourceMappingURL=SelectedMember.js.map

package/lib/module/social/features/chat/features/shared/components/SelectedMember/SelectedMember.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Button","Typography","useFile","ImageSizeState","Avatar","useStyles","SelectedMember","user","onRemove","styles","displayName","userId","avatarUrl","fileId","avatarFileId","imageSize","small","React","createElement","style","container","avatarWrapper","User","size","Icon","icon","styleType","hierarchy","removeButton","onPress","accessibilityLabel","variant","name","numberOfLines"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/shared/components/SelectedMember/SelectedMember.tsx"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,SAASA,IAAI,QAAQ,cAAc;;AAEnC;AACA,SAASC,MAAM,QAAQ,+CAA+C;AACtE,SAASC,UAAU,QAAQ,wDAAwD;AACnF,OAAOC,OAAO,MAAM,yCAAyC;AAC7D,SAASC,cAAc,QAAQ,iCAAiC;AAChE,SAASC,MAAM,QAAQ,6BAA6B;AACpD,SAASC,SAAS,QAAQ,UAAU;;AAEpC;;AAMA;AACA,OAAO,SAASC,cAAcA,CAAC;EAAEC,IAAI;EAAEC;AAA8B,CAAC,EAAE;EACtE,MAAM;IAAEC;EAAO,CAAC,GAAGJ,SAAS,CAAC,CAAC;EAE9B,MAAMK,WAAW,GAAGH,IAAI,CAACG,WAAW,IAAIH,IAAI,CAACI,MAAM;EACnD,MAAMC,SAAS,GAAGV,OAAO,CAAC;IACxBW,MAAM,EAAEN,IAAI,CAACO,YAAY,IAAI,EAAE;IAC/BC,SAAS,EAAEZ,cAAc,CAACa;EAC5B,CAAC,CAAC;EAEF,oBACEC,KAAA,CAAAC,aAAA,CAACnB,IAAI;IAACoB,KAAK,EAAEV,MAAM,CAACW;EAAU,gBAC5BH,KAAA,CAAAC,aAAA,CAACnB,IAAI;IAACoB,KAAK,EAAEV,MAAM,CAACY;EAAc,gBAChCJ,KAAA,CAAAC,aAAA,CAACd,MAAM,CAACkB,IAAI;IACVV,SAAS,EAAEA,SAAU;IACrBF,WAAW,EAAEA,WAAY;IACzBa,IAAI,EAAC;EAAI,CACV,CAAC,EACDf,QAAQ,gBACPS,KAAA,CAAAC,aAAA,CAAClB,MAAM,CAACwB,IAAI;IACVC,IAAI,EAAC,SAAS;IACdC,SAAS,EAAC,aAAa;IACvBC,SAAS,EAAC,SAAS;IACnBJ,IAAI,EAAE,EAAG;IACTJ,KAAK,EAAEV,MAAM,CAACmB,YAAa;IAC3BC,OAAO,EAAEA,CAAA,KAAMrB,QAAQ,CAACD,IAAI,CAACI,MAAM,CAAE;IACrCmB,kBAAkB,EAAE,UAAUpB,WAAW;EAAG,CAC7C,CAAC,GACA,IACA,CAAC,eACPO,KAAA,CAAAC,aAAA,CAACjB,UAAU;IAAC8B,OAAO,EAAC,SAAS;IAACZ,KAAK,EAAEV,MAAM,CAACuB,IAAK;IAACC,aAAa,EAAE;EAAE,GAChEvB,WACS,CACR,CAAC;AAEX","ignoreList":[]}

package/lib/module/social/features/chat/features/shared/components/SelectedMember/index.js

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