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

package/lib/commonjs/social/features/chat/features/archive/components/Header/Header.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Header = Header;
+var _TopBar = require("../../../../elements/TopBar");
+var _localization = require("../../../../../../../core/localization");
+// Header — ported from AmityUiKitWeb
+// v4/chat/features/archive/components/Header/Header.
+// The archived-chats top bar: a back button + the "Archived chats" title.
+
+// 1. Internal imports (relative)
+
+// 2. Types
+
+// 3. Named function component
+function Header({
+  onBack
+}) {
+  const title = (0, _localization.useString)('amity_chat_archived_navbar_title');
+  return /*#__PURE__*/React.createElement(_TopBar.TopBar, {
+    title: title,
+    leadingType: "back",
+    onLeading: onBack
+  });
+}
+//# sourceMappingURL=Header.js.map

package/lib/commonjs/social/features/chat/features/archive/components/Header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_TopBar","require","_localization","Header","onBack","title","useString","React","createElement","TopBar","leadingType","onLeading"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/archive/components/Header/Header.tsx"],"mappings":";;;;;;AAKA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AANA;AACA;AACA;;AAEA;;AAIA;;AAKA;AACO,SAASE,MAAMA,CAAC;EAAEC;AAAoB,CAAC,EAAE;EAC9C,MAAMC,KAAK,GAAG,IAAAC,uBAAS,EAAC,kCAAkC,CAAC;EAC3D,oBAAOC,KAAA,CAAAC,aAAA,CAACR,OAAA,CAAAS,MAAM;IAACJ,KAAK,EAAEA,KAAM;IAACK,WAAW,EAAC,MAAM;IAACC,SAAS,EAAEP;EAAO,CAAE,CAAC;AACvE","ignoreList":[]}

package/lib/commonjs/social/features/chat/features/archive/components/Header/index.js

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

package/lib/commonjs/social/features/chat/features/archive/components/Header/index.js.map

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

package/lib/commonjs/social/features/chat/features/archive/components/index.js

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

package/lib/commonjs/social/features/chat/features/archive/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Header","require","_ArchivedChannelList"],"sourceRoot":"../../../../../../../../src","sources":["social/features/chat/features/archive/components/index.ts"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA","ignoreList":[]}

package/lib/commonjs/social/features/chat/features/archive/index.js

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

package/lib/commonjs/social/features/chat/features/archive/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_ArchivedChat","require"],"sourceRoot":"../../../../../../../src","sources":["social/features/chat/features/archive/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/social/features/chat/features/archive/styles.js

@@ -0,0 +1,29 @@
+"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 ArchivedChat — ported from ArchivedChat.module.css.
+// Web: column, bg surface-page-background-default, min-height 100svh → flex:1.
+// Colours via design tokens (no hardcoded hex).
+
+const useStyles = () => {
+  const token = (0, _useToken.useToken)();
+  const styles = _reactNative.StyleSheet.create({
+    archivedChat: {
+      flex: 1,
+      flexDirection: 'column',
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfacePageBackgroundDefault)
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/social/features/chat/features/archive/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","useStyles","token","useToken","styles","StyleSheet","create","archivedChat","flex","flexDirection","backgroundColor","AmityColorToken","SurfacePageBackgroundDefault","exports"],"sourceRoot":"../../../../../../../src","sources":["social/features/chat/features/archive/styles.ts"],"mappings":";;;;;;AAIA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AANA;AACA;AACA;;AAMO,MAAMG,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAExB,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,YAAY,EAAE;MACZC,IAAI,EAAE,CAAC;MACPC,aAAa,EAAE,QAAQ;MACvBC,eAAe,EAAER,KAAK,CAACS,iCAAe,CAACC,4BAA4B;IACrE;EACF,CAAC,CAAC;EAEF,OAAO;IAAER,MAAM;IAAEF;EAAM,CAAC;AAC1B,CAAC;AAACW,OAAA,CAAAZ,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/commonjs/social/features/chat/features/conversation/Chat.js

@@ -0,0 +1,141 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Chat = Chat;
+var _reactNative = require("react-native");
+var _useFile = _interopRequireDefault(require("../../../../../core/hooks/useFile"));
+var _bottomSheetSlice = require("../../../../../core/stores/slices/bottomSheetSlice");
+var _AmityMessageComposer = require("../../components/AmityMessageComposer");
+var _AmityConversationChatUserActionComponent = require("../../components/AmityConversationChatUserActionComponent");
+var _ImageViewer = require("../shared/components/ImageViewer");
+var _VideoPlayer = require("../shared/components/VideoPlayer");
+var _MessageFullTextScreen = require("../shared/components/MessageFullTextScreen");
+var _ContentReportReason = require("../shared/components/ContentReportReason");
+var _MessageReactorListSheet = require("../shared/components/MessageReactorListSheet");
+var _MutedBanner = require("../shared/components/MutedBanner");
+var _Header = require("./components/Header");
+var _MessageList = require("./components/MessageList");
+var _useConversation = require("./hooks/useConversation");
+var _styles = require("./styles");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// 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
+
+// 2. Internal imports
+
+// 3. Types
+
+// 4. Named function component
+function Chat({
+  channelId,
+  userDisplayName,
+  onBack
+}) {
+  var _c$otherUser, _c$otherUser2;
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  const c = (0, _useConversation.useConversation)(channelId);
+
+  // 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).
+  const otherUserAvatarUrl = (0, _useFile.default)({
+    fileId: ((_c$otherUser = c.otherUser) === null || _c$otherUser === void 0 ? void 0 : _c$otherUser.avatarFileId) ?? ''
+  });
+  // 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
+  } = (0, _bottomSheetSlice.useBottomSheet)();
+  function openReactorList(message) {
+    // Tall drawer — web presents this list in a ~90vh drawer. The sheet content
+    // needs an explicit height (see MessageReactorListSheet: @devvie's inner
+    // wrapper is auto-height, so a flex child collapses), so pass it down too.
+    const reactorSheetHeight = Math.round(_reactNative.Dimensions.get('window').height * 0.7);
+    openBottomSheet({
+      height: reactorSheetHeight,
+      content: /*#__PURE__*/React.createElement(_MessageReactorListSheet.MessageReactorListSheet, {
+        messageId: message.messageId,
+        initialMessage: message,
+        onClose: closeBottomSheet,
+        sheetHeight: reactorSheetHeight
+      })
+    });
+  }
+  return /*#__PURE__*/React.createElement(_reactNative.KeyboardAvoidingView, {
+    style: styles.container,
+    behavior: _reactNative.Platform.OS === 'ios' ? 'padding' : undefined
+  }, /*#__PURE__*/React.createElement(_Header.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,
+    onBack: onBack,
+    trailing: c.otherUser ? /*#__PURE__*/React.createElement(_AmityConversationChatUserActionComponent.AmityConversationChatUserActionComponent, {
+      user: c.otherUser,
+      channelId: channelId ?? ''
+    }) : undefined
+  }), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(_MessageList.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,
+    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.MutedBanner, {
+    variant: c.mutedVariant
+  }) : /*#__PURE__*/React.createElement(_AmityMessageComposer.AmityMessageComposer, {
+    composer: c.composer,
+    onOpenSeeMore: c.openSeeMore,
+    onOpenImage: c.openImageViewer,
+    onOpenVideo: c.openVideoPlayer
+  }), c.imageViewerProps ? /*#__PURE__*/React.createElement(_ImageViewer.ImageViewer, c.imageViewerProps) : null, c.videoPlayerProps ? /*#__PURE__*/React.createElement(_VideoPlayer.VideoPlayer, c.videoPlayerProps) : null, c.seeMore ? /*#__PURE__*/React.createElement(_MessageFullTextScreen.MessageFullTextScreen, {
+    visible: true,
+    text: c.seeMore.text,
+    title: c.seeMore.title,
+    onClose: c.closeSeeMore
+  }) : null, c.reportMessage ? /*#__PURE__*/React.createElement(_ContentReportReason.ContentReportReason, {
+    visible: true,
+    message: c.reportMessage,
+    onClose: c.closeReport
+  }) : null);
+}
+//# sourceMappingURL=Chat.js.map

package/lib/commonjs/social/features/chat/features/conversation/Chat.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useFile","_interopRequireDefault","_bottomSheetSlice","_AmityMessageComposer","_AmityConversationChatUserActionComponent","_ImageViewer","_VideoPlayer","_MessageFullTextScreen","_ContentReportReason","_MessageReactorListSheet","_MutedBanner","_Header","_MessageList","_useConversation","_styles","e","__esModule","default","Chat","channelId","userDisplayName","onBack","_c$otherUser","_c$otherUser2","styles","useStyles","c","useConversation","otherUserAvatarUrl","useFile","fileId","otherUser","avatarFileId","openBottomSheet","closeBottomSheet","useBottomSheet","openReactorList","message","reactorSheetHeight","Math","round","Dimensions","get","height","content","React","createElement","MessageReactorListSheet","messageId","initialMessage","onClose","sheetHeight","KeyboardAvoidingView","style","container","behavior","Platform","OS","undefined","Header","title","displayName","avatarUrl","trailing","AmityConversationChatUserActionComponent","user","View","flex","MessageList","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","bubbleHandlers","onEdit","handleBubbleEdit","onReply","handleBubbleReply","onDelete","handleBubbleDelete","onCopy","handleBubbleCopy","onSave","handleBubbleSave","onReport","handleBubbleReport","showMutedBanner","MutedBanner","variant","mutedVariant","AmityMessageComposer","onOpenSeeMore","imageViewerProps","ImageViewer","videoPlayerProps","VideoPlayer","seeMore","MessageFullTextScreen","visible","text","closeSeeMore","reportMessage","ContentReportReason","closeReport"],"sourceRoot":"../../../../../../../src","sources":["social/features/chat/features/conversation/Chat.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/social/features/chat/features/conversation/components/Header/Header.js

@@ -0,0 +1,74 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Header = Header;
+var _reactNative = require("react-native");
+var _Avatar = require("../../../../../../../core/design/atoms/Avatar");
+var _Button = require("../../../../../../../core/design/atoms/Button");
+var _Typography = require("../../../../../../../core/design/components/Typography");
+var _Loader = require("../../../../../../../core/design/atoms/Loader");
+var _localization = require("../../../../../../../core/localization");
+var _hooks = require("../../../../hooks");
+var _styles = require("./styles");
+// 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
+
+// 2. Internal imports
+
+// 3. Types
+
+// 4. Named function component
+function Header({
+  title,
+  avatarUrl,
+  onBack,
+  trailing
+}) {
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  const {
+    online
+  } = (0, _hooks.useNetworkOnline)();
+  const waitingForNetwork = (0, _localization.useString)('amity_chat_waiting_for_network');
+  // Web: initials = first char of the display name (fallback '?').
+  const initials = title.trim().charAt(0).toUpperCase() || '?';
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.header
+  }, /*#__PURE__*/React.createElement(_Button.Button.Icon, {
+    icon: "chevron-left",
+    styleType: "ghost",
+    hierarchy: "secondary",
+    size: 32,
+    onPress: onBack,
+    accessibilityLabel: "Back"
+  }), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.identity
+  }, /*#__PURE__*/React.createElement(_Avatar.Avatar, {
+    variant: avatarUrl ? 'image' : 'text',
+    shape: "rounded",
+    size: 40,
+    imageUrl: avatarUrl,
+    initials: initials
+  }), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.title
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.name,
+    numberOfLines: 1
+  }, title), !online ? /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.subtitle
+  }, /*#__PURE__*/React.createElement(_Loader.Loader.Spinner, {
+    size: "sm"
+  }), /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: "caption",
+    style: styles.subtitleText
+  }, waitingForNetwork)) : null)), trailing);
+}
+//# sourceMappingURL=Header.js.map

package/lib/commonjs/social/features/chat/features/conversation/components/Header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_Avatar","_Button","_Typography","_Loader","_localization","_hooks","_styles","Header","title","avatarUrl","onBack","trailing","styles","useStyles","online","useNetworkOnline","waitingForNetwork","useString","initials","trim","charAt","toUpperCase","React","createElement","View","style","header","Button","Icon","icon","styleType","hierarchy","size","onPress","accessibilityLabel","identity","Avatar","variant","shape","imageUrl","Text","name","numberOfLines","subtitle","Loader","Spinner","Typography","subtitleText"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/conversation/components/Header/Header.tsx"],"mappings":";;;;;;AAQA,IAAAA,YAAA,GAAAC,OAAA;AAGA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AAjBA;AACA;AACA;AACA;AACA;;AAEA;;AAIA;;AASA;;AAUA;AACO,SAASQ,MAAMA,CAAC;EAAEC,KAAK;EAAEC,SAAS;EAAEC,MAAM;EAAEC;AAAsB,CAAC,EAAE;EAC1E,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAC9B,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,uBAAgB,EAAC,CAAC;EACrC,MAAMC,iBAAiB,GAAG,IAAAC,uBAAS,EAAC,gCAAgC,CAAC;EACrE;EACA,MAAMC,QAAQ,GAAGV,KAAK,CAACW,IAAI,CAAC,CAAC,CAACC,MAAM,CAAC,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,IAAI,GAAG;EAE5D,oBACEC,KAAA,CAAAC,aAAA,CAACzB,YAAA,CAAA0B,IAAI;IAACC,KAAK,EAAEb,MAAM,CAACc;EAAO,gBACzBJ,KAAA,CAAAC,aAAA,CAACtB,OAAA,CAAA0B,MAAM,CAACC,IAAI;IACVC,IAAI,EAAC,cAAc;IACnBC,SAAS,EAAC,OAAO;IACjBC,SAAS,EAAC,WAAW;IACrBC,IAAI,EAAE,EAAG;IACTC,OAAO,EAAEvB,MAAO;IAChBwB,kBAAkB,EAAC;EAAM,CAC1B,CAAC,eACFZ,KAAA,CAAAC,aAAA,CAACzB,YAAA,CAAA0B,IAAI;IAACC,KAAK,EAAEb,MAAM,CAACuB;EAAS,gBAC3Bb,KAAA,CAAAC,aAAA,CAACvB,OAAA,CAAAoC,MAAM;IACLC,OAAO,EAAE5B,SAAS,GAAG,OAAO,GAAG,MAAO;IACtC6B,KAAK,EAAC,SAAS;IACfN,IAAI,EAAE,EAAG;IACTO,QAAQ,EAAE9B,SAAU;IACpBS,QAAQ,EAAEA;EAAS,CACpB,CAAC,eACFI,KAAA,CAAAC,aAAA,CAACzB,YAAA,CAAA0B,IAAI;IAACC,KAAK,EAAEb,MAAM,CAACJ;EAAM,gBACxBc,KAAA,CAAAC,aAAA,CAACzB,YAAA,CAAA0C,IAAI;IAACf,KAAK,EAAEb,MAAM,CAAC6B,IAAK;IAACC,aAAa,EAAE;EAAE,GACxClC,KACG,CAAC,EACN,CAACM,MAAM,gBACNQ,KAAA,CAAAC,aAAA,CAACzB,YAAA,CAAA0B,IAAI;IAACC,KAAK,EAAEb,MAAM,CAAC+B;EAAS,gBAC3BrB,KAAA,CAAAC,aAAA,CAACpB,OAAA,CAAAyC,MAAM,CAACC,OAAO;IAACb,IAAI,EAAC;EAAI,CAAE,CAAC,eAC5BV,KAAA,CAAAC,aAAA,CAACrB,WAAA,CAAA4C,UAAU;IAACT,OAAO,EAAC,SAAS;IAACZ,KAAK,EAAEb,MAAM,CAACmC;EAAa,GACtD/B,iBACS,CACR,CAAC,GACL,IACA,CACF,CAAC,EACNL,QACG,CAAC;AAEX","ignoreList":[]}

package/lib/commonjs/social/features/chat/features/conversation/components/Header/index.js

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

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

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

package/lib/commonjs/social/features/chat/features/conversation/components/Header/styles.js

@@ -0,0 +1,64 @@
+"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 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).
+
+const useStyles = () => {
+  const token = (0, _useToken.useToken)();
+  const styles = _reactNative.StyleSheet.create({
+    header: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 8,
+      paddingVertical: 12,
+      paddingHorizontal: 16,
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceListDefaultDefault),
+      borderBottomWidth: 1,
+      borderBottomColor: token(_amityColorTokens.AmityColorToken.LineDividerPostDefault)
+    },
+    identity: {
+      flex: 1,
+      minWidth: 0,
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 12
+    },
+    title: {
+      flex: 1,
+      minWidth: 0,
+      flexDirection: 'column',
+      alignItems: 'flex-start'
+    },
+    name: {
+      fontSize: 15,
+      lineHeight: 20,
+      fontWeight: '700',
+      letterSpacing: -0.4,
+      color: token(_amityColorTokens.AmityColorToken.TextListHeaderDefaultDefault)
+    },
+    subtitle: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 4
+    },
+    subtitleText: {
+      color: token(_amityColorTokens.AmityColorToken.TextListTrailingSubtextDefault)
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","useStyles","token","useToken","styles","StyleSheet","create","header","flexDirection","alignItems","gap","paddingVertical","paddingHorizontal","backgroundColor","AmityColorToken","SurfaceListDefaultDefault","borderBottomWidth","borderBottomColor","LineDividerPostDefault","identity","flex","minWidth","title","name","fontSize","lineHeight","fontWeight","letterSpacing","color","TextListHeaderDefaultDefault","subtitle","subtitleText","TextListTrailingSubtextDefault","exports"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/conversation/components/Header/styles.ts"],"mappings":";;;;;;AAMA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AARA;AACA;AACA;AACA;AACA;;AAMO,MAAMG,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAExB,MAAMC,MAAM,GAAGC,uBAAU,CAACC,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,EAAEX,KAAK,CAACY,iCAAe,CAACC,yBAAyB,CAAC;MACjEC,iBAAiB,EAAE,CAAC;MACpBC,iBAAiB,EAAEf,KAAK,CAACY,iCAAe,CAACI,sBAAsB;IACjE,CAAC;IACDC,QAAQ,EAAE;MACRC,IAAI,EAAE,CAAC;MACPC,QAAQ,EAAE,CAAC;MACXb,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,GAAG,EAAE;IACP,CAAC;IACDY,KAAK,EAAE;MACLF,IAAI,EAAE,CAAC;MACPC,QAAQ,EAAE,CAAC;MACXb,aAAa,EAAE,QAAQ;MACvBC,UAAU,EAAE;IACd,CAAC;IACDc,IAAI,EAAE;MACJC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,EAAE;MACdC,UAAU,EAAE,KAAK;MACjBC,aAAa,EAAE,CAAC,GAAG;MACnBC,KAAK,EAAE1B,KAAK,CAACY,iCAAe,CAACe,4BAA4B;IAC3D,CAAC;IACDC,QAAQ,EAAE;MACRtB,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,GAAG,EAAE;IACP,CAAC;IACDqB,YAAY,EAAE;MACZH,KAAK,EAAE1B,KAAK,CAACY,iCAAe,CAACkB,8BAA8B;IAC7D;EACF,CAAC,CAAC;EAEF,OAAO;IAAE5B,MAAM;IAAEF;EAAM,CAAC;AAC1B,CAAC;AAAC+B,OAAA,CAAAhC,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/commonjs/social/features/chat/features/conversation/components/MessageList/MessageList.js

@@ -0,0 +1,182 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MessageList = MessageList;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _MessageRow = require("../MessageRow");
+var _DateSeparator = require("../../../shared/components/DateSeparator");
+var _ScrollToLatestButton = require("../../../shared/components/ScrollToLatestButton");
+var _NewMessageNotification = require("../../../shared/components/NewMessageNotification");
+var _Loader = require("../../../../../../../core/design/atoms/Loader");
+var _useMessageComposer = require("../../../shared/hooks/useMessageComposer");
+var _styles = require("./styles");
+// MessageList — the conversation thread's scroll view, ported from AmityUiKitWeb
+// features/shared/components/MessageList. Renders the pre-grouped `items` (date
+// separators + messages, newest-first) in an inverted FlatList, tracks whether the
+// view is at the bottom (for scroll UX), and shows the ScrollToLatestButton /
+// NewMessageNotification affordances. Older pages load on onEndReached.
+
+// 1. React / RN imports
+
+// 2. Internal imports
+
+// 3. Types
+
+const AT_BOTTOM_THRESHOLD = 48;
+
+/** Web MessageList: pendingPreviewByClientId + pendingPreviewByFileId. A synthetic
+ *  message is matched by its client id; once the upload has a fileId the real
+ *  message takes over and is matched by that instead. */
+function buildPreviewMaps(pendingUploads) {
+  const byClientId = new Map();
+  const byFileId = new Map();
+  for (const p of pendingUploads ?? []) {
+    if (!p.previewUrl) continue;
+    byClientId.set(p.clientId, p.previewUrl);
+    if (p.fileId) byFileId.set(p.fileId, p.previewUrl);
+  }
+  return {
+    byClientId,
+    byFileId
+  };
+}
+
+// 4. Named function component
+function MessageList({
+  items,
+  currentUserId,
+  isGroupChat,
+  hasMore,
+  onLoadMore,
+  isLoading = false,
+  isLoadingFirstPage = false,
+  atBottom = true,
+  onAtBottomChange,
+  newMessage,
+  onClearNewMessage,
+  onOpenImage,
+  onOpenVideo,
+  onOpenFailedSheet,
+  onOpenBubbleMenu,
+  onOpenReactorList,
+  onSeeMore,
+  bubbleHandlers,
+  viewerIsModerator = false,
+  pendingUploads
+}) {
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  const previews = (0, _react.useMemo)(() => buildPreviewMaps(pendingUploads), [pendingUploads]);
+  const listRef = (0, _react.useRef)(null);
+
+  // Final guard: never hand the FlatList two items with the same key (React throws
+  // "same key" otherwise). Upstream already dedupes messages, but keep the list robust.
+  const data = (0, _react.useMemo)(() => {
+    const seen = new Set();
+    return items.filter(it => {
+      if (seen.has(it.id)) return false;
+      seen.add(it.id);
+      return true;
+    });
+  }, [items]);
+
+  // Resolve reply parents from the loaded items (no separate live lookup for M2).
+  const messageById = (0, _react.useMemo)(() => {
+    const map = new Map();
+    for (const it of data) if (it.kind === 'message') map.set(it.message.messageId, it.message);
+    return map;
+  }, [data]);
+  const scrollToLatest = (0, _react.useCallback)(() => {
+    var _listRef$current;
+    (_listRef$current = listRef.current) === null || _listRef$current === void 0 || _listRef$current.scrollToOffset({
+      offset: 0,
+      animated: true
+    });
+    onClearNewMessage === null || onClearNewMessage === void 0 || onClearNewMessage();
+  }, [onClearNewMessage]);
+  const handleScroll = (0, _react.useCallback)(e => {
+    // Inverted list: offset near 0 == pinned to the newest (bottom) message.
+    const next = e.nativeEvent.contentOffset.y < AT_BOTTOM_THRESHOLD;
+    if (next !== atBottom) onAtBottomChange === null || onAtBottomChange === void 0 || onAtBottomChange(next);
+  }, [atBottom, onAtBottomChange]);
+
+  // Web MessageList shows a top loader (`.messageList__topLoader` + Loader.Spinner)
+  // while paginating older messages, suppressed during the first-page load (which the
+  // parent covers with a skeleton). In an inverted FlatList the visual top — the
+  // older-messages / onEndReached side — is the ListFooterComponent, so the spinner
+  // lives there. Web's second (bottom / loadPrev) loader maps to jump-to-message,
+  // which is out of scope for this port (see useChatMessage), so it is omitted.
+  const showTopLoader = !!isLoading && !isLoadingFirstPage;
+
+  // Match web's mutually-exclusive affordances: the new-message banner shows only
+  // when a genuinely new message arrived while scrolled away (`newMessage` is gated
+  // upstream in useChatMessage); the scroll-to-latest button shows otherwise. This
+  // keeps the banner from co-appearing with the button (web: showScrollButton =
+  // !atBottom && !newMessage && isScrollable — the isScrollable guard is dropped as a
+  // documented deviation: an inverted list not at bottom is by definition scrollable).
+  const showNotification = !atBottom && !!newMessage;
+  const showScrollButton = !atBottom && !newMessage;
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.list
+  }, /*#__PURE__*/React.createElement(_reactNative.FlatList, {
+    ref: listRef,
+    style: styles.list,
+    contentContainerStyle: styles.content,
+    data: data,
+    inverted: true,
+    ListFooterComponent: showTopLoader ? /*#__PURE__*/React.createElement(_reactNative.View, {
+      style: styles.topLoader
+    }, /*#__PURE__*/React.createElement(_Loader.Loader.Spinner, {
+      size: "sm"
+    })) : null,
+    keyExtractor: item => item.id,
+    renderItem: ({
+      item
+    }) => {
+      var _message$data;
+      if (item.kind === 'date') return /*#__PURE__*/React.createElement(_DateSeparator.DateSeparator, {
+        label: item.label
+      });
+      const {
+        message
+      } = item;
+      const isUser = !!currentUserId && message.creatorId === currentUserId;
+      const messageFileId = ((_message$data = message.data) === null || _message$data === void 0 ? void 0 : _message$data.fileId) ?? message.fileId;
+      const localPreviewUrl = (0, _useMessageComposer.isSyntheticPendingMessage)(message) ? previews.byClientId.get(message.__syntheticClientId) : messageFileId ? previews.byFileId.get(messageFileId) : undefined;
+      return /*#__PURE__*/React.createElement(_MessageRow.MessageRow, {
+        message: message,
+        localPreviewUrl: localPreviewUrl,
+        isUser: isUser,
+        isGroupChat: isGroupChat,
+        currentUserId: currentUserId,
+        parent: message.parentId ? messageById.get(message.parentId) ?? null : null,
+        onOpenImage: onOpenImage,
+        onOpenVideo: onOpenVideo,
+        onOpenFailedSheet: onOpenFailedSheet,
+        onOpenBubbleMenu: onOpenBubbleMenu,
+        onOpenReactorList: onOpenReactorList,
+        onSeeMore: onSeeMore,
+        bubbleHandlers: bubbleHandlers,
+        viewerIsModerator: viewerIsModerator
+      });
+    },
+    onScroll: handleScroll,
+    scrollEventThrottle: 16,
+    onEndReached: hasMore ? onLoadMore : undefined,
+    onEndReachedThreshold: 0.5
+  }), showNotification && newMessage ? /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.newMessageSlot
+  }, /*#__PURE__*/React.createElement(_NewMessageNotification.NewMessageNotification, {
+    message: newMessage,
+    onPress: scrollToLatest
+  })) : null, showScrollButton ? /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.scrollButtonSlot
+  }, /*#__PURE__*/React.createElement(_ScrollToLatestButton.ScrollToLatestButton, {
+    onPress: scrollToLatest
+  })) : null);
+}
+//# sourceMappingURL=MessageList.js.map