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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_MessageRow","_DateSeparator","_ScrollToLatestButton","_NewMessageNotification","_Loader","_useMessageComposer","_styles","AT_BOTTOM_THRESHOLD","buildPreviewMaps","pendingUploads","byClientId","Map","byFileId","p","previewUrl","set","clientId","fileId","MessageList","items","currentUserId","isGroupChat","hasMore","onLoadMore","isLoading","isLoadingFirstPage","atBottom","onAtBottomChange","newMessage","onClearNewMessage","onOpenImage","onOpenVideo","onOpenFailedSheet","onOpenBubbleMenu","onOpenReactorList","onSeeMore","bubbleHandlers","viewerIsModerator","styles","useStyles","previews","useMemo","listRef","useRef","data","seen","Set","filter","it","has","id","add","messageById","map","kind","message","messageId","scrollToLatest","useCallback","_listRef$current","current","scrollToOffset","offset","animated","handleScroll","e","next","nativeEvent","contentOffset","y","showTopLoader","showNotification","showScrollButton","React","createElement","View","style","list","FlatList","ref","contentContainerStyle","content","inverted","ListFooterComponent","topLoader","Loader","Spinner","size","keyExtractor","item","renderItem","_message$data","DateSeparator","label","isUser","creatorId","messageFileId","localPreviewUrl","isSyntheticPendingMessage","get","__syntheticClientId","undefined","MessageRow","parent","parentId","onScroll","scrollEventThrottle","onEndReached","onEndReachedThreshold","newMessageSlot","NewMessageNotification","onPress","scrollButtonSlot","ScrollToLatestButton"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/conversation/components/MessageList/MessageList.tsx"],"mappings":";;;;;;AAOA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,qBAAA,GAAAJ,OAAA;AACA,IAAAK,uBAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AAEA,IAAAO,mBAAA,GAAAP,OAAA;AAIA,IAAAQ,OAAA,GAAAR,OAAA;AArBA;AACA;AACA;AACA;AACA;;AAEA;;AAIA;;AAaA;;AA2CA,MAAMS,mBAAmB,GAAG,EAAE;;AAE9B;AACA;AACA;AACA,SAASC,gBAAgBA,CAACC,cAA2C,EAAE;EACrE,MAAMC,UAAU,GAAG,IAAIC,GAAG,CAAiB,CAAC;EAC5C,MAAMC,QAAQ,GAAG,IAAID,GAAG,CAAiB,CAAC;EAC1C,KAAK,MAAME,CAAC,IAAIJ,cAAc,IAAI,EAAE,EAAE;IACpC,IAAI,CAACI,CAAC,CAACC,UAAU,EAAE;IACnBJ,UAAU,CAACK,GAAG,CAACF,CAAC,CAACG,QAAQ,EAAEH,CAAC,CAACC,UAAU,CAAC;IACxC,IAAID,CAAC,CAACI,MAAM,EAAEL,QAAQ,CAACG,GAAG,CAACF,CAAC,CAACI,MAAM,EAAEJ,CAAC,CAACC,UAAU,CAAC;EACpD;EACA,OAAO;IAAEJ,UAAU;IAAEE;EAAS,CAAC;AACjC;;AAEA;AACO,SAASM,WAAWA,CAAC;EAC1BC,KAAK;EACLC,aAAa;EACbC,WAAW;EACXC,OAAO;EACPC,UAAU;EACVC,SAAS,GAAG,KAAK;EACjBC,kBAAkB,GAAG,KAAK;EAC1BC,QAAQ,GAAG,IAAI;EACfC,gBAAgB;EAChBC,UAAU;EACVC,iBAAiB;EACjBC,WAAW;EACXC,WAAW;EACXC,iBAAiB;EACjBC,gBAAgB;EAChBC,iBAAiB;EACjBC,SAAS;EACTC,cAAc;EACdC,iBAAiB,GAAG,KAAK;EACzB5B;AACgB,CAAC,EAAE;EACnB,MAAM;IAAE6B;EAAO,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAC9B,MAAMC,QAAQ,GAAG,IAAAC,cAAO,EACtB,MAAMjC,gBAAgB,CAACC,cAAc,CAAC,EACtC,CAACA,cAAc,CACjB,CAAC;EACD,MAAMiC,OAAO,GAAG,IAAAC,aAAM,EAAqB,IAAI,CAAC;;EAEhD;EACA;EACA,MAAMC,IAAI,GAAG,IAAAH,cAAO,EAAC,MAAM;IACzB,MAAMI,IAAI,GAAG,IAAIC,GAAG,CAAS,CAAC;IAC9B,OAAO3B,KAAK,CAAC4B,MAAM,CAAEC,EAAE,IAAK;MAC1B,IAAIH,IAAI,CAACI,GAAG,CAACD,EAAE,CAACE,EAAE,CAAC,EAAE,OAAO,KAAK;MACjCL,IAAI,CAACM,GAAG,CAACH,EAAE,CAACE,EAAE,CAAC;MACf,OAAO,IAAI;IACb,CAAC,CAAC;EACJ,CAAC,EAAE,CAAC/B,KAAK,CAAC,CAAC;;EAEX;EACA,MAAMiC,WAAW,GAAG,IAAAX,cAAO,EAAC,MAAM;IAChC,MAAMY,GAAG,GAAG,IAAI1C,GAAG,CAAwB,CAAC;IAC5C,KAAK,MAAMqC,EAAE,IAAIJ,IAAI,EACnB,IAAII,EAAE,CAACM,IAAI,KAAK,SAAS,EAAED,GAAG,CAACtC,GAAG,CAACiC,EAAE,CAACO,OAAO,CAACC,SAAS,EAAER,EAAE,CAACO,OAAO,CAAC;IACtE,OAAOF,GAAG;EACZ,CAAC,EAAE,CAACT,IAAI,CAAC,CAAC;EAEV,MAAMa,cAAc,GAAG,IAAAC,kBAAW,EAAC,MAAM;IAAA,IAAAC,gBAAA;IACvC,CAAAA,gBAAA,GAAAjB,OAAO,CAACkB,OAAO,cAAAD,gBAAA,eAAfA,gBAAA,CAAiBE,cAAc,CAAC;MAAEC,MAAM,EAAE,CAAC;MAAEC,QAAQ,EAAE;IAAK,CAAC,CAAC;IAC9DlC,iBAAiB,aAAjBA,iBAAiB,eAAjBA,iBAAiB,CAAG,CAAC;EACvB,CAAC,EAAE,CAACA,iBAAiB,CAAC,CAAC;EAEvB,MAAMmC,YAAY,GAAG,IAAAN,kBAAW,EAC7BO,CAAoD,IAAK;IACxD;IACA,MAAMC,IAAI,GAAGD,CAAC,CAACE,WAAW,CAACC,aAAa,CAACC,CAAC,GAAG9D,mBAAmB;IAChE,IAAI2D,IAAI,KAAKxC,QAAQ,EAAEC,gBAAgB,aAAhBA,gBAAgB,eAAhBA,gBAAgB,CAAGuC,IAAI,CAAC;EACjD,CAAC,EACD,CAACxC,QAAQ,EAAEC,gBAAgB,CAC7B,CAAC;;EAED;EACA;EACA;EACA;EACA;EACA;EACA,MAAM2C,aAAa,GAAG,CAAC,CAAC9C,SAAS,IAAI,CAACC,kBAAkB;;EAExD;EACA;EACA;EACA;EACA;EACA;EACA,MAAM8C,gBAAgB,GAAG,CAAC7C,QAAQ,IAAI,CAAC,CAACE,UAAU;EAClD,MAAM4C,gBAAgB,GAAG,CAAC9C,QAAQ,IAAI,CAACE,UAAU;EAEjD,oBACE6C,KAAA,CAAAC,aAAA,CAAC3E,YAAA,CAAA4E,IAAI;IAACC,KAAK,EAAEtC,MAAM,CAACuC;EAAK,gBACvBJ,KAAA,CAAAC,aAAA,CAAC3E,YAAA,CAAA+E,QAAQ;IACPC,GAAG,EAAErC,OAAQ;IACbkC,KAAK,EAAEtC,MAAM,CAACuC,IAAK;IACnBG,qBAAqB,EAAE1C,MAAM,CAAC2C,OAAQ;IACtCrC,IAAI,EAAEA,IAAK;IACXsC,QAAQ;IACRC,mBAAmB,EACjBb,aAAa,gBACXG,KAAA,CAAAC,aAAA,CAAC3E,YAAA,CAAA4E,IAAI;MAACC,KAAK,EAAEtC,MAAM,CAAC8C;IAAU,gBAC5BX,KAAA,CAAAC,aAAA,CAACtE,OAAA,CAAAiF,MAAM,CAACC,OAAO;MAACC,IAAI,EAAC;IAAI,CAAE,CACvB,CAAC,GACL,IACL;IACDC,YAAY,EAAGC,IAAc,IAAKA,IAAI,CAACvC,EAAG;IAC1CwC,UAAU,EAAEA,CAAC;MAAED;IAAyB,CAAC,KAAK;MAAA,IAAAE,aAAA;MAC5C,IAAIF,IAAI,CAACnC,IAAI,KAAK,MAAM,EAAE,oBAAOmB,KAAA,CAAAC,aAAA,CAACzE,cAAA,CAAA2F,aAAa;QAACC,KAAK,EAAEJ,IAAI,CAACI;MAAM,CAAE,CAAC;MACrE,MAAM;QAAEtC;MAAQ,CAAC,GAAGkC,IAAI;MACxB,MAAMK,MAAM,GAAG,CAAC,CAAC1E,aAAa,IAAImC,OAAO,CAACwC,SAAS,KAAK3E,aAAa;MACrE,MAAM4E,aAAa,GACjB,EAAAL,aAAA,GAACpC,OAAO,CAACX,IAAI,cAAA+C,aAAA,uBAAbA,aAAA,CAAmD1E,MAAM,KACxDsC,OAAO,CAAoCtC,MAAM;MACpD,MAAMgF,eAAe,GAAG,IAAAC,6CAAyB,EAAC3C,OAAO,CAAC,GACtDf,QAAQ,CAAC9B,UAAU,CAACyF,GAAG,CAAC5C,OAAO,CAAC6C,mBAAmB,CAAC,GACpDJ,aAAa,GACbxD,QAAQ,CAAC5B,QAAQ,CAACuF,GAAG,CAACH,aAAa,CAAC,GACpCK,SAAS;MACb,oBACE5B,KAAA,CAAAC,aAAA,CAAC1E,WAAA,CAAAsG,UAAU;QACT/C,OAAO,EAAEA,OAAQ;QACjB0C,eAAe,EAAEA,eAAgB;QACjCH,MAAM,EAAEA,MAAO;QACfzE,WAAW,EAAEA,WAAY;QACzBD,aAAa,EAAEA,aAAc;QAC7BmF,MAAM,EACJhD,OAAO,CAACiD,QAAQ,GACZpD,WAAW,CAAC+C,GAAG,CAAC5C,OAAO,CAACiD,QAAQ,CAAC,IAAI,IAAI,GACzC,IACL;QACD1E,WAAW,EAAEA,WAAY;QACzBC,WAAW,EAAEA,WAAY;QACzBC,iBAAiB,EAAEA,iBAAkB;QACrCC,gBAAgB,EAAEA,gBAAiB;QACnCC,iBAAiB,EAAEA,iBAAkB;QACrCC,SAAS,EAAEA,SAAU;QACrBC,cAAc,EAAEA,cAAe;QAC/BC,iBAAiB,EAAEA;MAAkB,CACtC,CAAC;IAEN,CAAE;IACFoE,QAAQ,EAAEzC,YAAa;IACvB0C,mBAAmB,EAAE,EAAG;IACxBC,YAAY,EAAErF,OAAO,GAAGC,UAAU,GAAG8E,SAAU;IAC/CO,qBAAqB,EAAE;EAAI,CAC5B,CAAC,EAEDrC,gBAAgB,IAAI3C,UAAU,gBAC7B6C,KAAA,CAAAC,aAAA,CAAC3E,YAAA,CAAA4E,IAAI;IAACC,KAAK,EAAEtC,MAAM,CAACuE;EAAe,gBACjCpC,KAAA,CAAAC,aAAA,CAACvE,uBAAA,CAAA2G,sBAAsB;IACrBvD,OAAO,EAAE3B,UAAW;IACpBmF,OAAO,EAAEtD;EAAe,CACzB,CACG,CAAC,GACL,IAAI,EACPe,gBAAgB,gBACfC,KAAA,CAAAC,aAAA,CAAC3E,YAAA,CAAA4E,IAAI;IAACC,KAAK,EAAEtC,MAAM,CAAC0E;EAAiB,gBACnCvC,KAAA,CAAAC,aAAA,CAACxE,qBAAA,CAAA+G,oBAAoB;IAACF,OAAO,EAAEtD;EAAe,CAAE,CAC5C,CAAC,GACL,IACA,CAAC;AAEX","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,56 @@
+"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 MessageList. Rows align outbound (own) to the
+// trailing edge and inbound (other) to the leading edge; list padding mirrors the
+// web thread (horizontal 16, vertical gaps ~2). Colours via design tokens.
+
+const useStyles = () => {
+  const token = (0, _useToken.useToken)();
+  const styles = _reactNative.StyleSheet.create({
+    list: {
+      flex: 1,
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfacePageBackgroundDefault)
+    },
+    content: {
+      // Horizontal spacing comes from the MessageRow side margins (16); adding it
+      // here too would double it to 32. Keep only vertical padding.
+      paddingVertical: 8
+    },
+    // Pagination loader — ported from web .messageList__topLoader (height 3rem→48,
+    // centered, full width, page-background surface). Rendered as the inverted list's
+    // ListFooterComponent so it sits at the visual top (older-messages side).
+    topLoader: {
+      width: '100%',
+      height: 48,
+      alignItems: 'center',
+      justifyContent: 'center',
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfacePageBackgroundDefault)
+    },
+    // Scroll affordances float above the composer at the bottom of the list.
+    scrollButtonSlot: {
+      position: 'absolute',
+      right: 12,
+      bottom: 12
+    },
+    newMessageSlot: {
+      position: 'absolute',
+      left: 0,
+      right: 0,
+      bottom: 12,
+      alignItems: 'center'
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","useStyles","token","useToken","styles","StyleSheet","create","list","flex","backgroundColor","AmityColorToken","SurfacePageBackgroundDefault","content","paddingVertical","topLoader","width","height","alignItems","justifyContent","scrollButtonSlot","position","right","bottom","newMessageSlot","left","exports"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/conversation/components/MessageList/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,IAAI,EAAE;MACJC,IAAI,EAAE,CAAC;MACPC,eAAe,EAAEP,KAAK,CAACQ,iCAAe,CAACC,4BAA4B;IACrE,CAAC;IACDC,OAAO,EAAE;MACP;MACA;MACAC,eAAe,EAAE;IACnB,CAAC;IACD;IACA;IACA;IACAC,SAAS,EAAE;MACTC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,EAAE;MACVC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBT,eAAe,EAAEP,KAAK,CAACQ,iCAAe,CAACC,4BAA4B;IACrE,CAAC;IACD;IACAQ,gBAAgB,EAAE;MAChBC,QAAQ,EAAE,UAAU;MACpBC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE;IACV,CAAC;IACDC,cAAc,EAAE;MACdH,QAAQ,EAAE,UAAU;MACpBI,IAAI,EAAE,CAAC;MACPH,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE,EAAE;MACVL,UAAU,EAAE;IACd;EACF,CAAC,CAAC;EAEF,OAAO;IAAEb,MAAM;IAAEF;EAAM,CAAC;AAC1B,CAAC;AAACuB,OAAA,CAAAxB,SAAA,GAAAA,SAAA","ignoreList":[]}

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

@@ -0,0 +1,183 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MessageRow = MessageRow;
+var _reactNative = require("react-native");
+var _useFile = _interopRequireDefault(require("../../../../../../../core/hooks/useFile"));
+var _Typography = require("../../../../../../../core/design/components/Typography");
+var _localization = require("../../../../../../../core/localization");
+var _Avatar = require("../../../../elements/Avatar");
+var _AmityMessageBubble = require("../../../../components/AmityMessageBubble");
+var _AmityMessageActionMenu = require("../../../../components/AmityMessageActionMenu");
+var _MessageReplyQuote = require("../../../shared/components/MessageReplyQuote");
+var _MessageReactionBadge = require("../../../shared/components/MessageReactionBadge");
+var _Button = require("../../../../../../../core/design/atoms/Button");
+var _timestamp = require("../../../../utils/timestamp");
+var _styles = require("./styles");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// MessageRow — ported from AmityUiKitWeb features/shared/components/MessageRow.
+// Wraps a message bubble with its metadata: inbound sender avatar, sender name
+// (inbound + group), reply quote (for replies), timestamp (own leading / other
+// trailing) or sending/failed status, and a failed-retry affordance. Long-press
+// opens the shared bubble action menu.
+
+// 1. React / RN imports
+
+// 2. Internal imports
+
+// 3. Types
+
+// 4. Named function component
+function MessageRow({
+  message,
+  isUser,
+  isGroupChat = false,
+  currentUserId,
+  parent,
+  onOpenImage,
+  onOpenVideo,
+  onOpenFailedSheet,
+  onOpenBubbleMenu,
+  onOpenReactorList,
+  onSeeMore,
+  bubbleHandlers,
+  viewerIsModerator = false,
+  localPreviewUrl
+}) {
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  const sendingLabel = (0, _localization.useString)('amity_chat_sending_status');
+  const creator = message.creator;
+  const displayName = (creator === null || creator === void 0 ? void 0 : creator.displayName) ?? '';
+  const avatarUrl = (0, _useFile.default)({
+    fileId: (creator === null || creator === void 0 ? void 0 : creator.avatarFileId) ?? ''
+  });
+  const isDeleted = !!message.isDeleted;
+  const syncState = message.syncState;
+  const isSynced = syncState === undefined || syncState === 'synced';
+  const isFailed = syncState === 'error';
+  const showSenderName = !isUser && isGroupChat && !message.parentId;
+  const timeText = message.createdAt ? (0, _timestamp.formatMessageTime)(message.createdAt) : '';
+  const ownSide = isUser && !isDeleted ? /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: "captionSmall",
+    style: styles.side
+  }, isSynced ? timeText : !isFailed ? sendingLabel : '') : null;
+  const otherSide = !isUser && !isDeleted && timeText ? /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: "captionSmall",
+    style: styles.side
+  }, timeText) : null;
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.row, isUser ? styles.rowOwn : styles.rowOther]
+  }, !isUser && creator ? /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.avatar
+  }, /*#__PURE__*/React.createElement(_Avatar.Avatar.User, {
+    avatarUrl: avatarUrl,
+    displayName: displayName,
+    size: "sm"
+  })) : null, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.content, isUser ? styles.contentOwn : styles.contentOther]
+  }, showSenderName ? /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: "captionBold",
+    style: styles.senderName,
+    numberOfLines: 1
+  }, displayName) : null, message.parentId && !isDeleted ? /*#__PURE__*/React.createElement(_MessageReplyQuote.MessageReplyQuote, {
+    parent: parent,
+    child: message,
+    isUser: isUser,
+    isGroupChat: isGroupChat,
+    currentUserId: currentUserId,
+    onOpenSeeMore: onSeeMore ?? (() => {}),
+    onOpenImage: onOpenImage ?? (() => {}),
+    onOpenVideo: onOpenVideo ?? (() => {})
+  }) : null, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.bubbleRow
+  }, ownSide, isUser && isFailed ?
+  /*#__PURE__*/
+  // Web renders a failed message as the bubble + a small Button.Icon
+  // that opens the failed sheet (Resend/Delete), before the outbound
+  // bubble. Web's `Exclamation` glyph is a BARE solid exclamation (not
+  // circled) in a transparent/primary icon button — RN `exclamation-s`.
+  React.createElement(_Button.Button.Icon, {
+    icon: "exclamation-s",
+    styleType: "transparent",
+    hierarchy: "primary",
+    size: 24
+    // Web sizes this glyph independently of the button:
+    // .messageRow__errorIcon is 1rem inside a 24px button. RN's
+    // size-derived glyph for 24 is 24 (padding 0), so it rendered 50%
+    // too large without this override.
+    ,
+    iconSize: 16
+    // Web .messageRow__errorButton overrides the row's flex-end with
+    // align-self: center, so the button sits level with the middle of
+    // the bubble rather than its bottom edge.
+    ,
+    style: styles.failedButton,
+    onPress: () => onOpenFailedSheet === null || onOpenFailedSheet === void 0 ? void 0 : onOpenFailedSheet(message),
+    accessibilityLabel: "Message failed to send"
+  }) : null, isDeleted ? /*#__PURE__*/React.createElement(_AmityMessageBubble.AmityMessageBubble, {
+    message: message,
+    isUser: isUser
+  }) : isFailed ?
+  /*#__PURE__*/
+  // A failed/synthetic message (never persisted, messageId === '') is
+  // not interactive — no action menu / reaction picker (which would
+  // subscribe on the empty messageId and crash). Web MessageRow renders
+  // a failed message as the bubble + a retry affordance only.
+  React.createElement(_AmityMessageBubble.AmityMessageBubble, {
+    message: message,
+    isUser: isUser
+    // Without the preview a failed upload has no media source, and the
+    // bubble returns its loading placeholder before reaching the failed
+    // caption — the missing inline error in PDT-4128.
+    ,
+    localPreviewUrl: localPreviewUrl,
+    onOpenImage: onOpenImage,
+    onOpenVideo: onOpenVideo,
+    onSeeMore: onSeeMore
+  }) : /*#__PURE__*/React.createElement(_AmityMessageActionMenu.AmityMessageActionMenu, {
+    message: message,
+    currentUserId: currentUserId,
+    viewerIsModerator: viewerIsModerator,
+    placement: isUser ? 'bottom right' : 'bottom left',
+    handlers: {
+      onEdit: (bubbleHandlers === null || bubbleHandlers === void 0 ? void 0 : bubbleHandlers.onEdit) ?? (() => {}),
+      onReply: (bubbleHandlers === null || bubbleHandlers === void 0 ? void 0 : bubbleHandlers.onReply) ?? (() => {}),
+      onDelete: (bubbleHandlers === null || bubbleHandlers === void 0 ? void 0 : bubbleHandlers.onDelete) ?? (() => {}),
+      onCopy: (bubbleHandlers === null || bubbleHandlers === void 0 ? void 0 : bubbleHandlers.onCopy) ?? (() => {}),
+      onSave: (bubbleHandlers === null || bubbleHandlers === void 0 ? void 0 : bubbleHandlers.onSave) ?? (() => {}),
+      onReport: (bubbleHandlers === null || bubbleHandlers === void 0 ? void 0 : bubbleHandlers.onReport) ?? (() => {})
+    },
+    anchor: ({
+      isOpen,
+      openPopover
+    }) => /*#__PURE__*/React.createElement(_AmityMessageBubble.AmityMessageBubble, {
+      message: message,
+      isUser: isUser
+      // Web keeps the bubble in its pressed colour for as long as the
+      // menu is open (Chat.tsx activeMessageId → isActive →
+      // data-active). The Popover already tracks that state; without
+      // passing it, onPressOut fires the moment the long-press is
+      // recognised and the bubble snaps back while the menu is up.
+      ,
+      isActive: isOpen,
+      localPreviewUrl: localPreviewUrl,
+      onLongPress: () => {
+        onOpenBubbleMenu === null || onOpenBubbleMenu === void 0 || onOpenBubbleMenu(message);
+        openPopover();
+      },
+      onOpenImage: onOpenImage,
+      onOpenVideo: onOpenVideo,
+      onSeeMore: onSeeMore
+    })
+  }), otherSide), !isDeleted && !isFailed ? /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.reactionBadge
+  }, /*#__PURE__*/React.createElement(_MessageReactionBadge.MessageReactionBadge, {
+    message: message,
+    onTap: () => onOpenReactorList === null || onOpenReactorList === void 0 ? void 0 : onOpenReactorList(message)
+  })) : null));
+}
+//# sourceMappingURL=MessageRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useFile","_interopRequireDefault","_Typography","_localization","_Avatar","_AmityMessageBubble","_AmityMessageActionMenu","_MessageReplyQuote","_MessageReactionBadge","_Button","_timestamp","_styles","e","__esModule","default","MessageRow","message","isUser","isGroupChat","currentUserId","parent","onOpenImage","onOpenVideo","onOpenFailedSheet","onOpenBubbleMenu","onOpenReactorList","onSeeMore","bubbleHandlers","viewerIsModerator","localPreviewUrl","styles","useStyles","sendingLabel","useString","creator","displayName","avatarUrl","useFile","fileId","avatarFileId","isDeleted","syncState","isSynced","undefined","isFailed","showSenderName","parentId","timeText","createdAt","formatMessageTime","ownSide","React","createElement","Typography","variant","style","side","otherSide","View","row","rowOwn","rowOther","avatar","Avatar","User","size","content","contentOwn","contentOther","senderName","numberOfLines","MessageReplyQuote","child","onOpenSeeMore","bubbleRow","Button","Icon","icon","styleType","hierarchy","iconSize","failedButton","onPress","accessibilityLabel","AmityMessageBubble","AmityMessageActionMenu","placement","handlers","onEdit","onReply","onDelete","onCopy","onSave","onReport","anchor","isOpen","openPopover","isActive","onLongPress","reactionBadge","MessageReactionBadge","onTap"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/conversation/components/MessageRow/MessageRow.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,86 @@
+"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 MessageRow — ported from AmityUiKitWeb MessageRow.module.css.
+// Geometry: row gap 0.5rem→8, padding 0.25rem 0→vertical 4, max-width 80%, side
+// margin 1rem→16; avatar 2rem→32; content gap 0.25rem→4; bubbleRow gap 8;
+// timestamp (__side) paddingBottom 0.5rem→8. Colours via design tokens.
+
+const useStyles = () => {
+  const token = (0, _useToken.useToken)();
+  const styles = _reactNative.StyleSheet.create({
+    row: {
+      flexDirection: 'row',
+      alignItems: 'flex-end',
+      gap: 8,
+      paddingVertical: 4,
+      maxWidth: '80%'
+    },
+    rowOwn: {
+      alignSelf: 'flex-end',
+      justifyContent: 'flex-end',
+      marginRight: 16
+    },
+    rowOther: {
+      alignSelf: 'flex-start',
+      justifyContent: 'flex-start',
+      marginLeft: 16
+    },
+    avatar: {
+      width: 32,
+      height: 32,
+      flexShrink: 0
+    },
+    content: {
+      flexDirection: 'column',
+      gap: 4,
+      minWidth: 0,
+      flexShrink: 1
+    },
+    contentOwn: {
+      alignItems: 'flex-end'
+    },
+    contentOther: {
+      alignItems: 'flex-start'
+    },
+    senderName: {
+      maxWidth: '100%',
+      color: token(_amityColorTokens.AmityColorToken.TextChatBubbleInboundHeaderUserNameDefault)
+    },
+    bubbleRow: {
+      flexDirection: 'row',
+      alignItems: 'flex-end',
+      gap: 8
+    },
+    // web .messageRow__errorButton: flex-shrink 0 + align-self center — the
+    // failed-message button opts out of the row's flex-end so it sits level with
+    // the middle of the bubble.
+    failedButton: {
+      flexShrink: 0,
+      alignSelf: 'center'
+    },
+    // web messageRow__reactionBadge sits absolute at bottom:-0.875rem, overlapping
+    // the bubble's bottom edge. RN approximates with a small negative margin (in-flow);
+    // side alignment is inherited from content column (own → end, other → start).
+    reactionBadge: {
+      marginTop: -6
+    },
+    side: {
+      color: token(_amityColorTokens.AmityColorToken.TextTimestampDefault),
+      flexShrink: 0,
+      paddingBottom: 8
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","useStyles","token","useToken","styles","StyleSheet","create","row","flexDirection","alignItems","gap","paddingVertical","maxWidth","rowOwn","alignSelf","justifyContent","marginRight","rowOther","marginLeft","avatar","width","height","flexShrink","content","minWidth","contentOwn","contentOther","senderName","color","AmityColorToken","TextChatBubbleInboundHeaderUserNameDefault","bubbleRow","failedButton","reactionBadge","marginTop","side","TextTimestampDefault","paddingBottom","exports"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/conversation/components/MessageRow/styles.ts"],"mappings":";;;;;;AAKA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAPA;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,GAAG,EAAE;MACHC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,UAAU;MACtBC,GAAG,EAAE,CAAC;MACNC,eAAe,EAAE,CAAC;MAClBC,QAAQ,EAAE;IACZ,CAAC;IACDC,MAAM,EAAE;MACNC,SAAS,EAAE,UAAU;MACrBC,cAAc,EAAE,UAAU;MAC1BC,WAAW,EAAE;IACf,CAAC;IACDC,QAAQ,EAAE;MACRH,SAAS,EAAE,YAAY;MACvBC,cAAc,EAAE,YAAY;MAC5BG,UAAU,EAAE;IACd,CAAC;IACDC,MAAM,EAAE;MACNC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVC,UAAU,EAAE;IACd,CAAC;IACDC,OAAO,EAAE;MACPf,aAAa,EAAE,QAAQ;MACvBE,GAAG,EAAE,CAAC;MACNc,QAAQ,EAAE,CAAC;MACXF,UAAU,EAAE;IACd,CAAC;IACDG,UAAU,EAAE;MACVhB,UAAU,EAAE;IACd,CAAC;IACDiB,YAAY,EAAE;MACZjB,UAAU,EAAE;IACd,CAAC;IACDkB,UAAU,EAAE;MACVf,QAAQ,EAAE,MAAM;MAChBgB,KAAK,EAAE1B,KAAK,CAAC2B,iCAAe,CAACC,0CAA0C;IACzE,CAAC;IACDC,SAAS,EAAE;MACTvB,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,UAAU;MACtBC,GAAG,EAAE;IACP,CAAC;IACD;IACA;IACA;IACAsB,YAAY,EAAE;MACZV,UAAU,EAAE,CAAC;MACbR,SAAS,EAAE;IACb,CAAC;IACD;IACA;IACA;IACAmB,aAAa,EAAE;MACbC,SAAS,EAAE,CAAC;IACd,CAAC;IACDC,IAAI,EAAE;MACJP,KAAK,EAAE1B,KAAK,CAAC2B,iCAAe,CAACO,oBAAoB,CAAC;MAClDd,UAAU,EAAE,CAAC;MACbe,aAAa,EAAE;IACjB;EACF,CAAC,CAAC;EAEF,OAAO;IAAEjC,MAAM;IAAEF;EAAM,CAAC;AAC1B,CAAC;AAACoC,OAAA,CAAArC,SAAA,GAAAA,SAAA","ignoreList":[]}

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

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Header = require("./Header");
+Object.keys(_Header).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Header[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Header[key];
+    }
+  });
+});
+var _MessageList = require("./MessageList");
+Object.keys(_MessageList).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MessageList[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _MessageList[key];
+    }
+  });
+});
+var _MessageRow = require("./MessageRow");
+Object.keys(_MessageRow).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MessageRow[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _MessageRow[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Header","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_MessageList","_MessageRow"],"sourceRoot":"../../../../../../../../src","sources":["social/features/chat/features/conversation/components/index.ts"],"mappings":";;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,YAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,YAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,YAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,YAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,WAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,WAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,WAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,WAAA,CAAAN,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/lib/commonjs/social/features/chat/features/conversation/create/CreateConversation.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CreateConversation = CreateConversation;
+var _reactNative = require("react-native");
+var _Header = require("./components/Header/Header");
+var _UserList = require("./components/UserList/UserList");
+var _useCreateConversation = require("./hooks/useCreateConversation");
+var _styles = require("./styles");
+// CreateConversation — entry component for the create-conversation flow.
+// Ported from AmityUiKitWeb v4/chat/features/conversation/create/CreateConversation.
+// Composes the Header (title + search) over the searchable UserList; selecting a
+// user creates a 1:1 conversation channel and navigates into it.
+
+// 1. React / RN imports
+
+// 2. Internal imports (relative)
+
+// 3. Named function component
+function CreateConversation() {
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  const {
+    searchText,
+    setSearchText,
+    debouncedText,
+    handleSelectUser,
+    handleClose
+  } = (0, _useCreateConversation.useCreateConversation)();
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.createConversation
+  }, /*#__PURE__*/React.createElement(_Header.Header, {
+    onClose: handleClose,
+    searchValue: searchText,
+    onSearchChange: setSearchText
+  }), /*#__PURE__*/React.createElement(_UserList.UserList, {
+    searchText: debouncedText,
+    onSelectUser: handleSelectUser
+  }));
+}
+//# sourceMappingURL=CreateConversation.js.map

package/lib/commonjs/social/features/chat/features/conversation/create/CreateConversation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_Header","_UserList","_useCreateConversation","_styles","CreateConversation","styles","useStyles","searchText","setSearchText","debouncedText","handleSelectUser","handleClose","useCreateConversation","React","createElement","View","style","createConversation","Header","onClose","searchValue","onSearchChange","UserList","onSelectUser"],"sourceRoot":"../../../../../../../../src","sources":["social/features/chat/features/conversation/create/CreateConversation.tsx"],"mappings":";;;;;;AAMA,IAAAA,YAAA,GAAAC,OAAA;AAGA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,sBAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAZA;AACA;AACA;AACA;;AAEA;;AAGA;;AAMA;AACO,SAASK,kBAAkBA,CAAA,EAAG;EACnC,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAC9B,MAAM;IACJC,UAAU;IACVC,aAAa;IACbC,aAAa;IACbC,gBAAgB;IAChBC;EACF,CAAC,GAAG,IAAAC,4CAAqB,EAAC,CAAC;EAE3B,oBACEC,KAAA,CAAAC,aAAA,CAAChB,YAAA,CAAAiB,IAAI;IAACC,KAAK,EAAEX,MAAM,CAACY;EAAmB,gBACrCJ,KAAA,CAAAC,aAAA,CAACd,OAAA,CAAAkB,MAAM;IACLC,OAAO,EAAER,WAAY;IACrBS,WAAW,EAAEb,UAAW;IACxBc,cAAc,EAAEb;EAAc,CAC/B,CAAC,eACFK,KAAA,CAAAC,aAAA,CAACb,SAAA,CAAAqB,QAAQ;IAACf,UAAU,EAAEE,aAAc;IAACc,YAAY,EAAEb;EAAiB,CAAE,CAClE,CAAC;AAEX","ignoreList":[]}

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

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Header = Header;
+var _reactNative = require("react-native");
+var _TopBar = require("../../../../../elements/TopBar");
+var _SearchInput = require("../../../../../../../../core/design/molecules/SearchInput");
+var _localization = require("../../../../../../../../core/localization");
+var _styles = require("./styles");
+// Header — create-conversation header, ported from AmityUiKitWeb
+// v4/chat/features/conversation/create/components/Header. Composes the shared
+// TopBar (close variant) over the SearchInput molecule — the same search field
+// web uses here, and the one every other chat search header uses in RN (leading
+// search glyph + clear button), so the style matches across the UIKit.
+
+// 1. React / RN imports
+
+// 2. Internal imports (relative)
+
+// 3. Types
+
+// 4. Named function component
+function Header({
+  onClose,
+  searchValue,
+  onSearchChange
+}) {
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  const title = (0, _localization.useString)('amity_chat_create_conversation_title');
+  const searchPlaceholder = (0, _localization.useString)('amity_chat_search_placeholder');
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.header
+  }, /*#__PURE__*/React.createElement(_TopBar.TopBar, {
+    title: title,
+    leadingType: "close",
+    onLeading: onClose
+  }), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.searchBar
+  }, /*#__PURE__*/React.createElement(_SearchInput.SearchInput, {
+    value: searchValue,
+    onChange: onSearchChange,
+    placeholder: searchPlaceholder,
+    accessibilityLabel: searchPlaceholder
+  })));
+}
+//# sourceMappingURL=Header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_TopBar","_SearchInput","_localization","_styles","Header","onClose","searchValue","onSearchChange","styles","useStyles","title","useString","searchPlaceholder","React","createElement","View","style","header","TopBar","leadingType","onLeading","searchBar","SearchInput","value","onChange","placeholder","accessibilityLabel"],"sourceRoot":"../../../../../../../../../../src","sources":["social/features/chat/features/conversation/create/components/Header/Header.tsx"],"mappings":";;;;;;AAOA,IAAAA,YAAA,GAAAC,OAAA;AAGA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAbA;AACA;AACA;AACA;AACA;;AAEA;;AAGA;;AAMA;;AAOA;AACO,SAASK,MAAMA,CAAC;EAAEC,OAAO;EAAEC,WAAW;EAAEC;AAA4B,CAAC,EAAE;EAC5E,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAC9B,MAAMC,KAAK,GAAG,IAAAC,uBAAS,EAAC,sCAAsC,CAAC;EAC/D,MAAMC,iBAAiB,GAAG,IAAAD,uBAAS,EAAC,+BAA+B,CAAC;EAEpE,oBACEE,KAAA,CAAAC,aAAA,CAAChB,YAAA,CAAAiB,IAAI;IAACC,KAAK,EAAER,MAAM,CAACS;EAAO,gBACzBJ,KAAA,CAAAC,aAAA,CAACd,OAAA,CAAAkB,MAAM;IAACR,KAAK,EAAEA,KAAM;IAACS,WAAW,EAAC,OAAO;IAACC,SAAS,EAAEf;EAAQ,CAAE,CAAC,eAChEQ,KAAA,CAAAC,aAAA,CAAChB,YAAA,CAAAiB,IAAI;IAACC,KAAK,EAAER,MAAM,CAACa;EAAU,gBAC5BR,KAAA,CAAAC,aAAA,CAACb,YAAA,CAAAqB,WAAW;IACVC,KAAK,EAAEjB,WAAY;IACnBkB,QAAQ,EAAEjB,cAAe;IACzBkB,WAAW,EAAEb,iBAAkB;IAC/Bc,kBAAkB,EAAEd;EAAkB,CACvC,CACG,CACF,CAAC;AAEX","ignoreList":[]}

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

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

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

@@ -0,0 +1,32 @@
+"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 create-conversation Header — ported from AmityUiKitWeb
+// v4/chat/features/conversation/create/components/Header/Header.module.css.
+// Geometry: search bar padding 0.5rem 1rem→8/16. Colours via design tokens.
+
+const useStyles = () => {
+  const token = (0, _useToken.useToken)();
+  const styles = _reactNative.StyleSheet.create({
+    header: {
+      flexDirection: 'column',
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfacePageBackgroundDefault)
+    },
+    searchBar: {
+      paddingVertical: 8,
+      paddingHorizontal: 16
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","useStyles","token","useToken","styles","StyleSheet","create","header","flexDirection","backgroundColor","AmityColorToken","SurfacePageBackgroundDefault","searchBar","paddingVertical","paddingHorizontal","exports"],"sourceRoot":"../../../../../../../../../../src","sources":["social/features/chat/features/conversation/create/components/Header/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,MAAM,EAAE;MACNC,aAAa,EAAE,QAAQ;MACvBC,eAAe,EAAEP,KAAK,CAACQ,iCAAe,CAACC,4BAA4B;IACrE,CAAC;IACDC,SAAS,EAAE;MACTC,eAAe,EAAE,CAAC;MAClBC,iBAAiB,EAAE;IACrB;EACF,CAAC,CAAC;EAEF,OAAO;IAAEV,MAAM;IAAEF;EAAM,CAAC;AAC1B,CAAC;AAACa,OAAA,CAAAd,SAAA,GAAAA,SAAA","ignoreList":[]}