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

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

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

package/lib/commonjs/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/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":["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/chat/features/conversation/Chat.js

@@ -0,0 +1,156 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Chat = Chat;
+var _reactNative = require("react-native");
+var _useFile = _interopRequireDefault(require("../../../core/hooks/useFile"));
+var _enums = require("../../../core/enums");
+var _bottomSheetSlice = require("../../../core/stores/slices/bottomSheetSlice");
+var _constants = require("../../constants");
+var _useChatSurfaceHeight = require("../../hooks/useChatSurfaceHeight");
+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,
+  jumpToMessageId,
+  onBack
+}) {
+  var _c$otherUser, _c$otherUser2, _c$otherUser3, _c$otherUser4;
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  const c = (0, _useConversation.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 = (0, _useFile.default)({
+    fileId: ((_c$otherUser = c.otherUser) === null || _c$otherUser === void 0 ? void 0 : _c$otherUser.avatarFileId) ?? '',
+    imageSize: _enums.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
+  } = (0, _bottomSheetSlice.useBottomSheet)();
+  const surfaceHeight = (0, _useChatSurfaceHeight.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 = (0, _constants.getReactorSheetHeight)(surfaceHeight);
+    openBottomSheet({
+      height: reactorSheetHeight,
+      content: /*#__PURE__*/React.createElement(_MessageReactorListSheet.MessageReactorListSheet, {
+        messageId: message.messageId,
+        initialMessage: message,
+        onClose: closeBottomSheet,
+        sheetHeight: reactorSheetHeight
+      })
+    });
+  }
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__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,
+    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.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,
+    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.MutedBanner, {
+    variant: c.mutedVariant
+  }) : /*#__PURE__*/React.createElement(_AmityMessageComposer.AmityMessageComposer, {
+    composer: c.composer
+  }), 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/chat/features/conversation/Chat.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useFile","_interopRequireDefault","_enums","_bottomSheetSlice","_constants","_useChatSurfaceHeight","_AmityMessageComposer","_AmityConversationChatUserActionComponent","_ImageViewer","_VideoPlayer","_MessageFullTextScreen","_ContentReportReason","_MessageReactorListSheet","_MutedBanner","_Header","_MessageList","_useConversation","_styles","e","__esModule","default","Chat","channelId","userDisplayName","jumpToMessageId","onBack","_c$otherUser","_c$otherUser2","_c$otherUser3","_c$otherUser4","styles","useStyles","c","useConversation","otherUserAvatarUrl","useFile","fileId","otherUser","avatarFileId","imageSize","ImageSizeState","large","openBottomSheet","closeBottomSheet","useBottomSheet","surfaceHeight","useChatSurfaceHeight","openReactorList","message","reactorSheetHeight","getReactorSheetHeight","height","content","React","createElement","MessageReactorListSheet","messageId","initialMessage","onClose","sheetHeight","View","style","container","Header","title","displayName","avatarUrl","userId","isBrand","trailing","AmityConversationChatUserActionComponent","user","undefined","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","onMediaLoaded","handleMediaLoaded","onJumpHandled","clearJumpToMessageId","hasPrev","onLoadPrev","loadPrev","onCancelUpload","handleCancelUpload","viewerIsMutedInChannel","bubbleHandlers","onEdit","handleBubbleEdit","onReply","handleBubbleReply","onDelete","handleBubbleDelete","onCopy","handleBubbleCopy","onSave","handleBubbleSave","onReport","handleBubbleReport","showMutedBanner","MutedBanner","variant","mutedVariant","AmityMessageComposer","imageViewerProps","ImageViewer","videoPlayerProps","VideoPlayer","seeMore","MessageFullTextScreen","visible","text","closeSeeMore","reportMessage","ContentReportReason","closeReport"],"sourceRoot":"../../../../../src","sources":["chat/features/conversation/Chat.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,115 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Header = Header;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _Avatar = require("../../../../../core/design/atoms/Avatar");
+var _BrandBadge = require("../../../../../core/design/elements/BrandBadge");
+var _Button = require("../../../../../core/design/atoms/Button");
+var _Typography = require("../../../../../core/design/components/Typography");
+var _Loader = require("../../../../../core/design/atoms/Loader");
+var _amityColorTokens = require("../../../../../core/design/tokens/amity-color-tokens");
+var _localization = require("../../../../../core/localization");
+var _hooks = require("../../../../hooks");
+var _BehaviourProvider = require("../../../../../social/providers/BehaviourProvider");
+var _ImageViewer = require("../../../shared/components/ImageViewer");
+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,
+  userId,
+  isBrand,
+  onBack,
+  trailing
+}) {
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  const {
+    online
+  } = (0, _hooks.useNetworkOnline)();
+  const waitingForNetwork = (0, _localization.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] = (0, _react.useState)(false);
+  const {
+    AmityChatPageBehavior
+  } = (0, _BehaviourProvider.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(_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
+    // 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(_reactNative.View, {
+    style: styles.title
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.nameRow
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.name,
+    numberOfLines: 1
+  }, title), isBrand ? /*#__PURE__*/React.createElement(_BrandBadge.BrandBadge, {
+    accessibilityLabel: "Brand"
+  }) : null), !online ? /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.subtitle
+  }, /*#__PURE__*/React.createElement(_Loader.Loader.Spinner, {
+    size: "sm",
+    tokenColor: _amityColorTokens.AmityColorToken.TextListTextDescriptionDefaultDefault
+  }), /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: "caption",
+    style: styles.subtitleText
+  }, waitingForNetwork)) : null)), trailing, isViewerOpen && avatarUrl ? /*#__PURE__*/React.createElement(_ImageViewer.ImageViewer, {
+    src: avatarUrl,
+    onClose: () => setIsViewerOpen(false)
+  }) : null);
+}
+//# sourceMappingURL=Header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_Avatar","_BrandBadge","_Button","_Typography","_Loader","_amityColorTokens","_localization","_hooks","_BehaviourProvider","_ImageViewer","_styles","Header","title","avatarUrl","userId","isBrand","onBack","trailing","styles","useStyles","online","useNetworkOnline","waitingForNetwork","useString","isViewerOpen","setIsViewerOpen","useState","AmityChatPageBehavior","useBehaviour","handleAvatarPress","onAvatarTap","initials","trim","charAt","toUpperCase","React","createElement","View","style","header","Button","Icon","icon","styleType","hierarchy","size","onPress","accessibilityLabel","identity","Avatar","variant","shape","imageUrl","undefined","nameRow","Text","name","numberOfLines","BrandBadge","subtitle","Loader","Spinner","tokenColor","AmityColorToken","TextListTextDescriptionDefaultDefault","Typography","subtitleText","ImageViewer","src","onClose"],"sourceRoot":"../../../../../../../src","sources":["chat/features/conversation/components/Header/Header.tsx"],"mappings":";;;;;;AAOA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,iBAAA,GAAAP,OAAA;AACA,IAAAQ,aAAA,GAAAR,OAAA;AACA,IAAAS,MAAA,GAAAT,OAAA;AACA,IAAAU,kBAAA,GAAAV,OAAA;AACA,IAAAW,YAAA,GAAAX,OAAA;AACA,IAAAY,OAAA,GAAAZ,OAAA;AArBA;AACA;AACA;AACA;AACA;;AAEA;;AAIA;;AAaA;;AAiBA;AACO,SAASa,MAAMA,CAAC;EACrBC,KAAK;EACLC,SAAS;EACTC,MAAM;EACNC,OAAO;EACPC,MAAM;EACNC;AACW,CAAC,EAAE;EACd,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;EACA;EACA,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EACvD,MAAM;IAAEC;EAAsB,CAAC,GAAG,IAAAC,+BAAY,EAAC,CAAC;;EAEhD;EACA;EACA;EACA,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;IAC9B,IAAIF,qBAAqB,aAArBA,qBAAqB,eAArBA,qBAAqB,CAAEG,WAAW,EAAE;MACtCH,qBAAqB,CAACG,WAAW,CAAC;QAChChB,MAAM,EAAEA,MAAM,IAAI,EAAE;QACpBD;MACF,CAAC,CAAC;MACF;IACF;IACA,IAAIA,SAAS,EAAEY,eAAe,CAAC,IAAI,CAAC;EACtC,CAAC;EACD;EACA,MAAMM,QAAQ,GAAGnB,KAAK,CAACoB,IAAI,CAAC,CAAC,CAACC,MAAM,CAAC,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,IAAI,GAAG;EAE5D,oBACEC,KAAA,CAAAC,aAAA,CAACrC,YAAA,CAAAsC,IAAI;IAACC,KAAK,EAAEpB,MAAM,CAACqB;EAAO,gBACzBJ,KAAA,CAAAC,aAAA,CAAClC,OAAA,CAAAsC,MAAM,CAACC,IAAI;IACVC,IAAI,EAAC,cAAc;IACnBC,SAAS,EAAC,OAAO;IACjBC,SAAS,EAAC,WAAW;IACrBC,IAAI,EAAE,EAAG;IACTC,OAAO,EAAE9B,MAAO;IAChB+B,kBAAkB,EAAC;EAAM,CAC1B,CAAC,eACFZ,KAAA,CAAAC,aAAA,CAACrC,YAAA,CAAAsC,IAAI;IAACC,KAAK,EAAEpB,MAAM,CAAC8B;EAAS,gBAC3Bb,KAAA,CAAAC,aAAA,CAACpC,OAAA,CAAAiD,MAAM;IACLC,OAAO,EAAErC,SAAS,GAAG,OAAO,GAAG,MAAO;IACtCsC,KAAK,EAAC,SAAS;IACfN,IAAI,EAAE,EAAG;IACTO,QAAQ,EAAEvC,SAAU;IACpBkB,QAAQ,EAAEA;IACV;IACA;IAAA;IACAe,OAAO,EACLjC,SAAS,IAAIc,qBAAqB,aAArBA,qBAAqB,eAArBA,qBAAqB,CAAEG,WAAW,GAC3CD,iBAAiB,GACjBwB,SACL;IACDN,kBAAkB,EAAC;EAAsB,CAC1C,CAAC,eACFZ,KAAA,CAAAC,aAAA,CAACrC,YAAA,CAAAsC,IAAI;IAACC,KAAK,EAAEpB,MAAM,CAACN;EAAM,gBACxBuB,KAAA,CAAAC,aAAA,CAACrC,YAAA,CAAAsC,IAAI;IAACC,KAAK,EAAEpB,MAAM,CAACoC;EAAQ,gBAC1BnB,KAAA,CAAAC,aAAA,CAACrC,YAAA,CAAAwD,IAAI;IAACjB,KAAK,EAAEpB,MAAM,CAACsC,IAAK;IAACC,aAAa,EAAE;EAAE,GACxC7C,KACG,CAAC,EACNG,OAAO,gBAAGoB,KAAA,CAAAC,aAAA,CAACnC,WAAA,CAAAyD,UAAU;IAACX,kBAAkB,EAAC;EAAO,CAAE,CAAC,GAAG,IACnD,CAAC,EACN,CAAC3B,MAAM,gBACNe,KAAA,CAAAC,aAAA,CAACrC,YAAA,CAAAsC,IAAI;IAACC,KAAK,EAAEpB,MAAM,CAACyC;EAAS,gBAE3BxB,KAAA,CAAAC,aAAA,CAAChC,OAAA,CAAAwD,MAAM,CAACC,OAAO;IACbhB,IAAI,EAAC,IAAI;IACTiB,UAAU,EACRC,iCAAe,CAACC;EACjB,CACF,CAAC,eACF7B,KAAA,CAAAC,aAAA,CAACjC,WAAA,CAAA8D,UAAU;IAACf,OAAO,EAAC,SAAS;IAACZ,KAAK,EAAEpB,MAAM,CAACgD;EAAa,GACtD5C,iBACS,CACR,CAAC,GACL,IACA,CACF,CAAC,EACNL,QAAQ,EAERO,YAAY,IAAIX,SAAS,gBACxBsB,KAAA,CAAAC,aAAA,CAAC3B,YAAA,CAAA0D,WAAW;IAACC,GAAG,EAAEvD,SAAU;IAACwD,OAAO,EAAEA,CAAA,KAAM5C,eAAe,CAAC,KAAK;EAAE,CAAE,CAAC,GACpE,IACA,CAAC;AAEX","ignoreList":[]}

package/lib/commonjs/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/chat/features/conversation/components/Header/index.js.map

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

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

@@ -0,0 +1,69 @@
+"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'
+    },
+    nameRow: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 4
+    },
+    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/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","nameRow","name","fontSize","lineHeight","fontWeight","letterSpacing","color","TextListHeaderDefaultDefault","subtitle","subtitleText","TextListTrailingSubtextDefault","exports"],"sourceRoot":"../../../../../../../src","sources":["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,OAAO,EAAE;MACPf,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,GAAG,EAAE;IACP,CAAC;IACDc,IAAI,EAAE;MACJC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,EAAE;MACdC,UAAU,EAAE,KAAK;MACjBC,aAAa,EAAE,CAAC,GAAG;MACnBC,KAAK,EAAE3B,KAAK,CAACY,iCAAe,CAACgB,4BAA4B;IAC3D,CAAC;IACDC,QAAQ,EAAE;MACRvB,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,GAAG,EAAE;IACP,CAAC;IACDsB,YAAY,EAAE;MACZH,KAAK,EAAE3B,KAAK,CAACY,iCAAe,CAACmB,8BAA8B;IAC7D;EACF,CAAC,CAAC;EAEF,OAAO;IAAE7B,MAAM;IAAEF;EAAM,CAAC;AAC1B,CAAC;AAACgC,OAAA,CAAAjC,SAAA,GAAAA,SAAA","ignoreList":[]}