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

package/lib/module/chat/features/conversation/Chat.js

@@ -0,0 +1,149 @@
+// Chat — the conversation thread container, a faithful port of AmityUiKitWeb
+// v4/chat/features/conversation/chat/Chat. All orchestration lives in useConversation
+// (→ useChatMessage); this component only wires the returned values into the
+// components with the same props web uses: Header, MessageList,
+// MutedBanner|MessageComposer, ImageViewer, VideoPlayer, MessageFullTextScreen.
+
+// 1. React / RN imports
+import { View } from 'react-native';
+
+// 2. Internal imports
+import useFile from '../../../core/hooks/useFile';
+import { ImageSizeState } from '../../../core/enums';
+import { useBottomSheet } from '../../../core/stores/slices/bottomSheetSlice';
+import { getReactorSheetHeight } from '../../constants';
+import { useChatSurfaceHeight } from '../../hooks/useChatSurfaceHeight';
+import { AmityMessageComposer } from '../../components/AmityMessageComposer';
+import { AmityConversationChatUserActionComponent } from '../../components/AmityConversationChatUserActionComponent';
+import { ImageViewer } from '../shared/components/ImageViewer';
+import { VideoPlayer } from '../shared/components/VideoPlayer';
+import { MessageFullTextScreen } from '../shared/components/MessageFullTextScreen';
+import { ContentReportReason } from '../shared/components/ContentReportReason';
+import { MessageReactorListSheet } from '../shared/components/MessageReactorListSheet';
+import { MutedBanner } from '../shared/components/MutedBanner';
+import { Header } from './components/Header';
+import { MessageList } from './components/MessageList';
+import { useConversation } from './hooks/useConversation';
+import { useStyles } from './styles';
+
+// 3. Types
+
+// 4. Named function component
+export function Chat({
+  channelId,
+  userDisplayName,
+  jumpToMessageId,
+  onBack
+}) {
+  var _c$otherUser, _c$otherUser2, _c$otherUser3, _c$otherUser4;
+  const {
+    styles
+  } = useStyles();
+  const c = useConversation(channelId, jumpToMessageId);
+
+  // Receiver avatar for the header (1-1 conversation), resolved from the other
+  // participant's avatarFileId — the same source AmityChatListItem uses for the
+  // list row (kept consistent so both show the same image).
+  // `large`, not the hook's default `medium`: this one URL serves both the 40pt
+  // header avatar and the full-screen viewer behind a tap on it, which is how
+  // web resolves it too.
+  const otherUserAvatarUrl = useFile({
+    fileId: ((_c$otherUser = c.otherUser) === null || _c$otherUser === void 0 ? void 0 : _c$otherUser.avatarFileId) ?? '',
+    imageSize: ImageSizeState.large
+  });
+  // Reactor-list sheet — web keeps this in useBubbleMenu at the orchestration
+  // level (one instance). RN MOBILE ADAPTATION: rather than render the reactor
+  // list inline, push it into the repo's global @devvie bottom sheet so it slides
+  // up as a sheet with a backdrop + drag/tap-to-close (BUG #15).
+  const {
+    openBottomSheet,
+    closeBottomSheet
+  } = useBottomSheet();
+  const surfaceHeight = useChatSurfaceHeight();
+  function openReactorList(message) {
+    // Half-height sheet, measured against the page rather than the device (see
+    // getReactorSheetHeight). The sheet content needs an explicit height as well
+    // (see MessageReactorListSheet: @devvie's inner wrapper is auto-height, so a
+    // flex child collapses), so pass the same number down.
+    const reactorSheetHeight = getReactorSheetHeight(surfaceHeight);
+    openBottomSheet({
+      height: reactorSheetHeight,
+      content: /*#__PURE__*/React.createElement(MessageReactorListSheet, {
+        messageId: message.messageId,
+        initialMessage: message,
+        onClose: closeBottomSheet,
+        sheetHeight: reactorSheetHeight
+      })
+    });
+  }
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(Header
+  // A 1-1 conversation's title is the OTHER participant's display name, not
+  // the channel's displayName (which is often empty for conversations).
+  // Resolve it from the channel's preview members (same as AmityChatListItem);
+  // fall back to the navigation-passed name only while that loads.
+  , {
+    title: ((_c$otherUser2 = c.otherUser) === null || _c$otherUser2 === void 0 ? void 0 : _c$otherUser2.displayName) || userDisplayName || '',
+    avatarUrl: otherUserAvatarUrl,
+    userId: (_c$otherUser3 = c.otherUser) === null || _c$otherUser3 === void 0 ? void 0 : _c$otherUser3.userId,
+    isBrand: (_c$otherUser4 = c.otherUser) === null || _c$otherUser4 === void 0 ? void 0 : _c$otherUser4.isBrand,
+    onBack: onBack,
+    trailing: c.otherUser ? /*#__PURE__*/React.createElement(AmityConversationChatUserActionComponent, {
+      user: c.otherUser,
+      channelId: channelId ?? ''
+    }) : undefined
+  }), /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(MessageList, {
+    items: c.items,
+    currentUserId: c.currentUserId,
+    isGroupChat: c.isGroupChat,
+    hasMore: c.hasMore,
+    onLoadMore: c.loadMore,
+    atBottom: c.atBottom,
+    onAtBottomChange: c.setAtBottom,
+    newMessage: c.newMessage,
+    onClearNewMessage: c.clearNewMessage,
+    onOpenImage: c.openImageViewer,
+    onOpenVideo: c.openVideoPlayer,
+    onOpenFailedSheet: c.openFailedSheet,
+    onOpenBubbleMenu: c.openBubbleMenu,
+    onOpenReactorList: m => openReactorList(m),
+    isLoading: c.isLoading,
+    isLoadingFirstPage: c.isLoadingFirstPage,
+    onSeeMore: c.openSeeMore,
+    pendingUploads: c.composer.pendingUploads,
+    onMediaLoaded: c.composer.handleMediaLoaded,
+    jumpToMessageId: c.jumpToMessageId,
+    onJumpHandled: c.clearJumpToMessageId,
+    hasPrev: c.hasPrev,
+    onLoadPrev: c.loadPrev,
+    onCancelUpload: c.composer.handleCancelUpload,
+    viewerIsMutedInChannel: c.viewerIsMutedInChannel,
+    bubbleHandlers: {
+      onEdit: c.handleBubbleEdit,
+      onReply: c.handleBubbleReply,
+      onDelete: c.handleBubbleDelete,
+      onCopy: c.handleBubbleCopy,
+      onSave: c.handleBubbleSave,
+      onReport: c.handleBubbleReport
+    }
+  })), c.showMutedBanner ? /*#__PURE__*/React.createElement(MutedBanner, {
+    variant: c.mutedVariant
+  }) : /*#__PURE__*/React.createElement(AmityMessageComposer, {
+    composer: c.composer
+  }), c.imageViewerProps ? /*#__PURE__*/React.createElement(ImageViewer, c.imageViewerProps) : null, c.videoPlayerProps ? /*#__PURE__*/React.createElement(VideoPlayer, c.videoPlayerProps) : null, c.seeMore ? /*#__PURE__*/React.createElement(MessageFullTextScreen, {
+    visible: true,
+    text: c.seeMore.text,
+    title: c.seeMore.title,
+    onClose: c.closeSeeMore
+  }) : null, c.reportMessage ? /*#__PURE__*/React.createElement(ContentReportReason, {
+    visible: true,
+    message: c.reportMessage,
+    onClose: c.closeReport
+  }) : null);
+}
+//# sourceMappingURL=Chat.js.map

package/lib/module/chat/features/conversation/Chat.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","useFile","ImageSizeState","useBottomSheet","getReactorSheetHeight","useChatSurfaceHeight","AmityMessageComposer","AmityConversationChatUserActionComponent","ImageViewer","VideoPlayer","MessageFullTextScreen","ContentReportReason","MessageReactorListSheet","MutedBanner","Header","MessageList","useConversation","useStyles","Chat","channelId","userDisplayName","jumpToMessageId","onBack","_c$otherUser","_c$otherUser2","_c$otherUser3","_c$otherUser4","styles","c","otherUserAvatarUrl","fileId","otherUser","avatarFileId","imageSize","large","openBottomSheet","closeBottomSheet","surfaceHeight","openReactorList","message","reactorSheetHeight","height","content","React","createElement","messageId","initialMessage","onClose","sheetHeight","style","container","title","displayName","avatarUrl","userId","isBrand","trailing","user","undefined","flex","items","currentUserId","isGroupChat","hasMore","onLoadMore","loadMore","atBottom","onAtBottomChange","setAtBottom","newMessage","onClearNewMessage","clearNewMessage","onOpenImage","openImageViewer","onOpenVideo","openVideoPlayer","onOpenFailedSheet","openFailedSheet","onOpenBubbleMenu","openBubbleMenu","onOpenReactorList","m","isLoading","isLoadingFirstPage","onSeeMore","openSeeMore","pendingUploads","composer","onMediaLoaded","handleMediaLoaded","onJumpHandled","clearJumpToMessageId","hasPrev","onLoadPrev","loadPrev","onCancelUpload","handleCancelUpload","viewerIsMutedInChannel","bubbleHandlers","onEdit","handleBubbleEdit","onReply","handleBubbleReply","onDelete","handleBubbleDelete","onCopy","handleBubbleCopy","onSave","handleBubbleSave","onReport","handleBubbleReport","showMutedBanner","variant","mutedVariant","imageViewerProps","videoPlayerProps","seeMore","visible","text","closeSeeMore","reportMessage","closeReport"],"sourceRoot":"../../../../../src","sources":["chat/features/conversation/Chat.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/chat/features/conversation/components/Header/Header.js

@@ -0,0 +1,109 @@
+// Header — conversation thread top bar, ported from AmityUiKitWeb
+// features/conversation/chat/components/Header. Back button + name, plus a
+// "waiting for network" subtitle (spinner + caption) rendered under the name
+// while the device is offline. Avatar and the conversation action menu layer on
+// in later M2 tasks.
+
+// 1. React / RN imports
+import { useState } from 'react';
+import { Text, View } from 'react-native';
+
+// 2. Internal imports
+import { Avatar } from '../../../../../core/design/atoms/Avatar';
+import { BrandBadge } from '../../../../../core/design/elements/BrandBadge';
+import { Button } from '../../../../../core/design/atoms/Button';
+import { Typography } from '../../../../../core/design/components/Typography';
+import { Loader } from '../../../../../core/design/atoms/Loader';
+import { AmityColorToken } from '../../../../../core/design/tokens/amity-color-tokens';
+import { useString } from '../../../../../core/localization';
+import { useNetworkOnline } from '../../../../hooks';
+import { useBehaviour } from '../../../../../social/providers/BehaviourProvider';
+import { ImageViewer } from '../../../shared/components/ImageViewer';
+import { useStyles } from './styles';
+
+// 3. Types
+
+// 4. Named function component
+export function Header({
+  title,
+  avatarUrl,
+  userId,
+  isBrand,
+  onBack,
+  trailing
+}) {
+  const {
+    styles
+  } = useStyles();
+  const {
+    online
+  } = useNetworkOnline();
+  const waitingForNetwork = useString('amity_chat_waiting_for_network');
+  // Tapping the avatar opens the receiver's picture full screen. The viewer
+  // belongs here rather than to the page: the header is what owns the avatar
+  // and its URL.
+  const [isViewerOpen, setIsViewerOpen] = useState(false);
+  const {
+    AmityChatPageBehavior
+  } = useBehaviour();
+
+  // A host app that wants the tap for itself — to push its own profile screen —
+  // takes it through the behaviour. The full-screen picture is what happens
+  // when nobody has claimed it.
+  const handleAvatarPress = () => {
+    if (AmityChatPageBehavior !== null && AmityChatPageBehavior !== void 0 && AmityChatPageBehavior.onAvatarTap) {
+      AmityChatPageBehavior.onAvatarTap({
+        userId: userId ?? '',
+        avatarUrl
+      });
+      return;
+    }
+    if (avatarUrl) setIsViewerOpen(true);
+  };
+  // Web: initials = first char of the display name (fallback '?').
+  const initials = title.trim().charAt(0).toUpperCase() || '?';
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.header
+  }, /*#__PURE__*/React.createElement(Button.Icon, {
+    icon: "chevron-left",
+    styleType: "ghost",
+    hierarchy: "secondary",
+    size: 32,
+    onPress: onBack,
+    accessibilityLabel: "Back"
+  }), /*#__PURE__*/React.createElement(View, {
+    style: styles.identity
+  }, /*#__PURE__*/React.createElement(Avatar, {
+    variant: avatarUrl ? 'image' : 'text',
+    shape: "rounded",
+    size: 40,
+    imageUrl: avatarUrl,
+    initials: initials
+    // Pressable whenever there is either a picture to open or a host
+    // app waiting for the tap.
+    ,
+    onPress: avatarUrl || AmityChatPageBehavior !== null && AmityChatPageBehavior !== void 0 && AmityChatPageBehavior.onAvatarTap ? handleAvatarPress : undefined,
+    accessibilityLabel: "View profile picture"
+  }), /*#__PURE__*/React.createElement(View, {
+    style: styles.title
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.nameRow
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.name,
+    numberOfLines: 1
+  }, title), isBrand ? /*#__PURE__*/React.createElement(BrandBadge, {
+    accessibilityLabel: "Brand"
+  }) : null), !online ? /*#__PURE__*/React.createElement(View, {
+    style: styles.subtitle
+  }, /*#__PURE__*/React.createElement(Loader.Spinner, {
+    size: "sm",
+    tokenColor: AmityColorToken.TextListTextDescriptionDefaultDefault
+  }), /*#__PURE__*/React.createElement(Typography, {
+    variant: "caption",
+    style: styles.subtitleText
+  }, waitingForNetwork)) : null)), trailing, isViewerOpen && avatarUrl ? /*#__PURE__*/React.createElement(ImageViewer, {
+    src: avatarUrl,
+    onClose: () => setIsViewerOpen(false)
+  }) : null);
+}
+//# sourceMappingURL=Header.js.map

package/lib/module/chat/features/conversation/components/Header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","Text","View","Avatar","BrandBadge","Button","Typography","Loader","AmityColorToken","useString","useNetworkOnline","useBehaviour","ImageViewer","useStyles","Header","title","avatarUrl","userId","isBrand","onBack","trailing","styles","online","waitingForNetwork","isViewerOpen","setIsViewerOpen","AmityChatPageBehavior","handleAvatarPress","onAvatarTap","initials","trim","charAt","toUpperCase","React","createElement","style","header","Icon","icon","styleType","hierarchy","size","onPress","accessibilityLabel","identity","variant","shape","imageUrl","undefined","nameRow","name","numberOfLines","subtitle","Spinner","tokenColor","TextListTextDescriptionDefaultDefault","subtitleText","src","onClose"],"sourceRoot":"../../../../../../../src","sources":["chat/features/conversation/components/Header/Header.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/chat/features/conversation/components/Header/index.js

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

package/lib/module/chat/features/conversation/components/Header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Header"],"sourceRoot":"../../../../../../../src","sources":["chat/features/conversation/components/Header/index.ts"],"mappings":"AAAA,SAASA,MAAM,QAAQ,UAAU","ignoreList":[]}

package/lib/module/chat/features/conversation/components/Header/styles.js

@@ -0,0 +1,62 @@
+// Styles for the conversation Header — ported from AmityUiKitWeb
+// features/conversation/chat/components/Header/Header.module.css.
+// Geometry: gap 0.5rem→8, padding 0.75rem 1rem→12/16, identity height 2.625rem→42,
+// name font 0.9375rem/1.25rem→15/20 weight 700 letterSpacing -0.0256rem→-0.4.
+// Colours via design tokens (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({
+    header: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 8,
+      paddingVertical: 12,
+      paddingHorizontal: 16,
+      backgroundColor: token(AmityColorToken.SurfaceListDefaultDefault),
+      borderBottomWidth: 1,
+      borderBottomColor: token(AmityColorToken.LineDividerPostDefault)
+    },
+    identity: {
+      flex: 1,
+      minWidth: 0,
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 12
+    },
+    title: {
+      flex: 1,
+      minWidth: 0,
+      flexDirection: 'column',
+      alignItems: 'flex-start'
+    },
+    nameRow: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 4
+    },
+    name: {
+      fontSize: 15,
+      lineHeight: 20,
+      fontWeight: '700',
+      letterSpacing: -0.4,
+      color: token(AmityColorToken.TextListHeaderDefaultDefault)
+    },
+    subtitle: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 4
+    },
+    subtitleText: {
+      color: token(AmityColorToken.TextListTrailingSubtextDefault)
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/chat/features/conversation/components/Header/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useToken","AmityColorToken","useStyles","token","styles","create","header","flexDirection","alignItems","gap","paddingVertical","paddingHorizontal","backgroundColor","SurfaceListDefaultDefault","borderBottomWidth","borderBottomColor","LineDividerPostDefault","identity","flex","minWidth","title","nameRow","name","fontSize","lineHeight","fontWeight","letterSpacing","color","TextListHeaderDefaultDefault","subtitle","subtitleText","TextListTrailingSubtextDefault"],"sourceRoot":"../../../../../../../src","sources":["chat/features/conversation/components/Header/styles.ts"],"mappings":"AAAA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,2CAA2C;AACpE,SAASC,eAAe,QAAQ,sDAAsD;AAEtF,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,QAAQ;MACpBC,GAAG,EAAE,CAAC;MACNC,eAAe,EAAE,EAAE;MACnBC,iBAAiB,EAAE,EAAE;MACrBC,eAAe,EAAET,KAAK,CAACF,eAAe,CAACY,yBAAyB,CAAC;MACjEC,iBAAiB,EAAE,CAAC;MACpBC,iBAAiB,EAAEZ,KAAK,CAACF,eAAe,CAACe,sBAAsB;IACjE,CAAC;IACDC,QAAQ,EAAE;MACRC,IAAI,EAAE,CAAC;MACPC,QAAQ,EAAE,CAAC;MACXZ,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,GAAG,EAAE;IACP,CAAC;IACDW,KAAK,EAAE;MACLF,IAAI,EAAE,CAAC;MACPC,QAAQ,EAAE,CAAC;MACXZ,aAAa,EAAE,QAAQ;MACvBC,UAAU,EAAE;IACd,CAAC;IACDa,OAAO,EAAE;MACPd,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,GAAG,EAAE;IACP,CAAC;IACDa,IAAI,EAAE;MACJC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,EAAE;MACdC,UAAU,EAAE,KAAK;MACjBC,aAAa,EAAE,CAAC,GAAG;MACnBC,KAAK,EAAExB,KAAK,CAACF,eAAe,CAAC2B,4BAA4B;IAC3D,CAAC;IACDC,QAAQ,EAAE;MACRtB,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,GAAG,EAAE;IACP,CAAC;IACDqB,YAAY,EAAE;MACZH,KAAK,EAAExB,KAAK,CAACF,eAAe,CAAC8B,8BAA8B;IAC7D;EACF,CAAC,CAAC;EAEF,OAAO;IAAE3B,MAAM;IAAED;EAAM,CAAC;AAC1B,CAAC","ignoreList":[]}