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

package/lib/commonjs/social/features/chat/components/AmityMessageComposer/styles.js

@@ -0,0 +1,174 @@
+"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 AmityMessageComposer — ported from AmityUiKitWeb
+// MessageComposer.module.css. Geometry: inputRow gap 0.75rem→12, padding
+// 0.5rem 1rem→8/16, min-height 3.5rem→56; icon buttons 2rem→32 round. The boxed
+// input surface now lives in the shared TextEditor. Edit panel + mention overlay
+// are RN additions. All colours resolve through design tokens (no hardcoded hex).
+
+const useStyles = () => {
+  const token = (0, _useToken.useToken)();
+  const styles = _reactNative.StyleSheet.create({
+    container: {
+      width: '100%',
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfacePageBackgroundDefault),
+      borderTopWidth: 1,
+      borderTopColor: token(_amityColorTokens.AmityColorToken.LineDividerPostDefault)
+    },
+    inputRow: {
+      flexDirection: 'row',
+      alignItems: 'flex-end',
+      gap: 12,
+      paddingVertical: 8,
+      paddingHorizontal: 16,
+      minHeight: 56
+    },
+    iconButton: {
+      width: 32,
+      height: 32,
+      borderRadius: 9999,
+      alignItems: 'center',
+      justifyContent: 'center',
+      marginBottom: 4,
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceIconButtonFilledSecondaryEnabled)
+    },
+    sendButton: {
+      width: 32,
+      height: 32,
+      borderRadius: 9999,
+      alignItems: 'center',
+      justifyContent: 'center',
+      marginBottom: 4,
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceIconButtonFilledSecondaryDisabled)
+    },
+    sendButtonEnabled: {
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceIconButtonFilledPrimaryEnabled)
+    },
+    // --- Edit panel ----------------------------------------------------------
+    editPanel: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      paddingHorizontal: 16,
+      paddingVertical: 8,
+      borderBottomWidth: 1,
+      borderBottomColor: token(_amityColorTokens.AmityColorToken.LineDividerPostDefault)
+    },
+    editPanelInfo: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 8
+    },
+    editPanelLabel: {
+      color: token(_amityColorTokens.AmityColorToken.TextBaseSubdue)
+    },
+    editPanelClose: {
+      width: 24,
+      height: 24,
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    // --- Mention suggestion overlay -----------------------------------------
+    // Ported from web MentionMenu (data-display-mode='bottom') + UserMentionItem.
+    // Container: surface-popover-background, radius 0.75rem→12, max-height 7rem→112,
+    // elevation shadow (web box-shadow via elevation-08 tokens; RN has no elevation
+    // tokens, approximated with an rgb() shadow). Web uses a shadow, NOT a border.
+    mentionOverlay: {
+      marginHorizontal: 8,
+      marginBottom: 8,
+      maxHeight: 112,
+      borderRadius: 12,
+      overflow: 'hidden',
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfacePopoverBackgroundDefault),
+      shadowColor: 'rgb(40, 41, 61)',
+      shadowOffset: {
+        width: 0,
+        height: 4
+      },
+      shadowOpacity: 0.16,
+      shadowRadius: 12,
+      elevation: 8
+    },
+    // web bottom-mode .mentionList: padding 0.25rem 0 → 4 vertical.
+    mentionList: {
+      paddingVertical: 4
+    },
+    // web UserMentionItem__item: grid [2rem avatar | auto], gap 0.75rem→12,
+    // padding 0.75rem→12, bg surface-popover-lists-default.
+    mentionItem: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 12,
+      padding: 12,
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfacePopoverListsDefault)
+    },
+    mentionItemPressed: {
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfacePopoverListsHover)
+    },
+    mentionAvatar: {
+      width: 32,
+      height: 32
+    },
+    mentionDisplayName: {
+      flexShrink: 1,
+      color: token(_amityColorTokens.AmityColorToken.TextListHeaderDefaultDefault)
+    },
+    // web UserMentionItem__allIconCircle: 2rem circle, surface-featuredicon-solid.
+    mentionAllIconCircle: {
+      width: 32,
+      height: 32,
+      borderRadius: 9999,
+      alignItems: 'center',
+      justifyContent: 'center',
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceFeaturedIconSolid)
+    },
+    mentionAllGlyph: {
+      fontSize: 15,
+      fontWeight: '500',
+      lineHeight: 22,
+      color: token(_amityColorTokens.AmityColorToken.IconFeaturedIconSolid)
+    },
+    // web __allRightPane: flex row, space-between; description → trailing-text token.
+    mentionAllRightPane: {
+      flex: 1,
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      gap: 8,
+      minWidth: 0
+    },
+    mentionAllDescription: {
+      flexShrink: 0,
+      color: token(_amityColorTokens.AmityColorToken.TextListTrailingTextGeneral)
+    },
+    // web mentionContainer__closeButton (bottom mode): top 0 / right 0.25rem→4,
+    // 1.5rem→24 circle, padding 0.25rem→4, surface-iconbutton-filled-secondary.
+    mentionCloseButton: {
+      position: 'absolute',
+      top: 4,
+      right: 4,
+      width: 24,
+      height: 24,
+      borderRadius: 9999,
+      padding: 4,
+      alignItems: 'center',
+      justifyContent: 'center',
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceIconButtonFilledSecondaryEnabled)
+    }
+  });
+  const placeholderColor = token(_amityColorTokens.AmityColorToken.TextInputTextInputPlaceholderEnabled);
+  return {
+    styles,
+    token,
+    placeholderColor
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","useStyles","token","useToken","styles","StyleSheet","create","container","width","backgroundColor","AmityColorToken","SurfacePageBackgroundDefault","borderTopWidth","borderTopColor","LineDividerPostDefault","inputRow","flexDirection","alignItems","gap","paddingVertical","paddingHorizontal","minHeight","iconButton","height","borderRadius","justifyContent","marginBottom","SurfaceIconButtonFilledSecondaryEnabled","sendButton","SurfaceIconButtonFilledSecondaryDisabled","sendButtonEnabled","SurfaceIconButtonFilledPrimaryEnabled","editPanel","borderBottomWidth","borderBottomColor","editPanelInfo","editPanelLabel","color","TextBaseSubdue","editPanelClose","mentionOverlay","marginHorizontal","maxHeight","overflow","SurfacePopoverBackgroundDefault","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","mentionList","mentionItem","padding","SurfacePopoverListsDefault","mentionItemPressed","SurfacePopoverListsHover","mentionAvatar","mentionDisplayName","flexShrink","TextListHeaderDefaultDefault","mentionAllIconCircle","SurfaceFeaturedIconSolid","mentionAllGlyph","fontSize","fontWeight","lineHeight","IconFeaturedIconSolid","mentionAllRightPane","flex","minWidth","mentionAllDescription","TextListTrailingTextGeneral","mentionCloseButton","position","top","right","placeholderColor","TextInputTextInputPlaceholderEnabled","exports"],"sourceRoot":"../../../../../../../src","sources":["social/features/chat/components/AmityMessageComposer/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,SAAS,EAAE;MACTC,KAAK,EAAE,MAAM;MACbC,eAAe,EAAEP,KAAK,CAACQ,iCAAe,CAACC,4BAA4B,CAAC;MACpEC,cAAc,EAAE,CAAC;MACjBC,cAAc,EAAEX,KAAK,CAACQ,iCAAe,CAACI,sBAAsB;IAC9D,CAAC;IACDC,QAAQ,EAAE;MACRC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,UAAU;MACtBC,GAAG,EAAE,EAAE;MACPC,eAAe,EAAE,CAAC;MAClBC,iBAAiB,EAAE,EAAE;MACrBC,SAAS,EAAE;IACb,CAAC;IACDC,UAAU,EAAE;MACVd,KAAK,EAAE,EAAE;MACTe,MAAM,EAAE,EAAE;MACVC,YAAY,EAAE,IAAI;MAClBP,UAAU,EAAE,QAAQ;MACpBQ,cAAc,EAAE,QAAQ;MACxBC,YAAY,EAAE,CAAC;MACfjB,eAAe,EAAEP,KAAK,CACpBQ,iCAAe,CAACiB,uCAClB;IACF,CAAC;IACDC,UAAU,EAAE;MACVpB,KAAK,EAAE,EAAE;MACTe,MAAM,EAAE,EAAE;MACVC,YAAY,EAAE,IAAI;MAClBP,UAAU,EAAE,QAAQ;MACpBQ,cAAc,EAAE,QAAQ;MACxBC,YAAY,EAAE,CAAC;MACfjB,eAAe,EAAEP,KAAK,CACpBQ,iCAAe,CAACmB,wCAClB;IACF,CAAC;IACDC,iBAAiB,EAAE;MACjBrB,eAAe,EAAEP,KAAK,CACpBQ,iCAAe,CAACqB,qCAClB;IACF,CAAC;IACD;IACAC,SAAS,EAAE;MACThB,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBQ,cAAc,EAAE,eAAe;MAC/BL,iBAAiB,EAAE,EAAE;MACrBD,eAAe,EAAE,CAAC;MAClBc,iBAAiB,EAAE,CAAC;MACpBC,iBAAiB,EAAEhC,KAAK,CAACQ,iCAAe,CAACI,sBAAsB;IACjE,CAAC;IACDqB,aAAa,EAAE;MACbnB,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,GAAG,EAAE;IACP,CAAC;IACDkB,cAAc,EAAE;MACdC,KAAK,EAAEnC,KAAK,CAACQ,iCAAe,CAAC4B,cAAc;IAC7C,CAAC;IACDC,cAAc,EAAE;MACd/B,KAAK,EAAE,EAAE;MACTe,MAAM,EAAE,EAAE;MACVN,UAAU,EAAE,QAAQ;MACpBQ,cAAc,EAAE;IAClB,CAAC;IACD;IACA;IACA;IACA;IACA;IACAe,cAAc,EAAE;MACdC,gBAAgB,EAAE,CAAC;MACnBf,YAAY,EAAE,CAAC;MACfgB,SAAS,EAAE,GAAG;MACdlB,YAAY,EAAE,EAAE;MAChBmB,QAAQ,EAAE,QAAQ;MAClBlC,eAAe,EAAEP,KAAK,CAACQ,iCAAe,CAACkC,+BAA+B,CAAC;MACvEC,WAAW,EAAE,iBAAiB;MAC9BC,YAAY,EAAE;QAAEtC,KAAK,EAAE,CAAC;QAAEe,MAAM,EAAE;MAAE,CAAC;MACrCwB,aAAa,EAAE,IAAI;MACnBC,YAAY,EAAE,EAAE;MAChBC,SAAS,EAAE;IACb,CAAC;IACD;IACAC,WAAW,EAAE;MACX/B,eAAe,EAAE;IACnB,CAAC;IACD;IACA;IACAgC,WAAW,EAAE;MACXnC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,GAAG,EAAE,EAAE;MACPkC,OAAO,EAAE,EAAE;MACX3C,eAAe,EAAEP,KAAK,CAACQ,iCAAe,CAAC2C,0BAA0B;IACnE,CAAC;IACDC,kBAAkB,EAAE;MAClB7C,eAAe,EAAEP,KAAK,CAACQ,iCAAe,CAAC6C,wBAAwB;IACjE,CAAC;IACDC,aAAa,EAAE;MACbhD,KAAK,EAAE,EAAE;MACTe,MAAM,EAAE;IACV,CAAC;IACDkC,kBAAkB,EAAE;MAClBC,UAAU,EAAE,CAAC;MACbrB,KAAK,EAAEnC,KAAK,CAACQ,iCAAe,CAACiD,4BAA4B;IAC3D,CAAC;IACD;IACAC,oBAAoB,EAAE;MACpBpD,KAAK,EAAE,EAAE;MACTe,MAAM,EAAE,EAAE;MACVC,YAAY,EAAE,IAAI;MAClBP,UAAU,EAAE,QAAQ;MACpBQ,cAAc,EAAE,QAAQ;MACxBhB,eAAe,EAAEP,KAAK,CAACQ,iCAAe,CAACmD,wBAAwB;IACjE,CAAC;IACDC,eAAe,EAAE;MACfC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,KAAK;MACjBC,UAAU,EAAE,EAAE;MACd5B,KAAK,EAAEnC,KAAK,CAACQ,iCAAe,CAACwD,qBAAqB;IACpD,CAAC;IACD;IACAC,mBAAmB,EAAE;MACnBC,IAAI,EAAE,CAAC;MACPpD,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBQ,cAAc,EAAE,eAAe;MAC/BP,GAAG,EAAE,CAAC;MACNmD,QAAQ,EAAE;IACZ,CAAC;IACDC,qBAAqB,EAAE;MACrBZ,UAAU,EAAE,CAAC;MACbrB,KAAK,EAAEnC,KAAK,CAACQ,iCAAe,CAAC6D,2BAA2B;IAC1D,CAAC;IACD;IACA;IACAC,kBAAkB,EAAE;MAClBC,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,CAAC;MACNC,KAAK,EAAE,CAAC;MACRnE,KAAK,EAAE,EAAE;MACTe,MAAM,EAAE,EAAE;MACVC,YAAY,EAAE,IAAI;MAClB4B,OAAO,EAAE,CAAC;MACVnC,UAAU,EAAE,QAAQ;MACpBQ,cAAc,EAAE,QAAQ;MACxBhB,eAAe,EAAEP,KAAK,CACpBQ,iCAAe,CAACiB,uCAClB;IACF;EACF,CAAC,CAAC;EAEF,MAAMiD,gBAAgB,GAAG1E,KAAK,CAC5BQ,iCAAe,CAACmE,oCAClB,CAAC;EAED,OAAO;IAAEzE,MAAM;IAAEF,KAAK;IAAE0E;EAAiB,CAAC;AAC5C,CAAC;AAACE,OAAA,CAAA7E,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/commonjs/social/features/chat/components/AmitySearchChannelResults/AmitySearchChannelResults.js

@@ -0,0 +1,135 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AmitySearchChannelResults = AmitySearchChannelResults;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _native = require("@react-navigation/native");
+var _localization = require("../../../../../core/localization");
+var _constants = require("../../constants");
+var _collections = require("../../hooks/collections");
+var _queries = require("../../hooks/queries");
+var _AmityChatListItem = require("../AmityChatListItem");
+var _EmptyState = require("../../features/shared/components/EmptyState");
+var _SwipeToLeft = require("./SwipeToLeft");
+var _styles = require("./styles");
+// AmitySearchChannelResults — ported from AmityUiKitWeb
+// v4/chat/features/search/components/SearchChannelList.
+// The "Chats" tab of chat search: a live, paginated list of channels matching the
+// query, each swipeable to archive/unarchive.
+//
+// RN adaptations from web:
+//   - Web `useIntersectionObserver` sentinel → FlatList `onEndReached`.
+//   - Web `ChannelItem` (with internal ChatNavigation + `searchQuery` highlight)
+//     → the shared `AmityChatListItem`. AmityChatListItem exposes no `searchQuery`
+//     prop, so the matched-text highlight is not rendered (documented deviation);
+//     row navigation is wired here via React Navigation, mirroring AmityChatHomePage.
+//   - Web `Archive`/`Unarchive` SVG icons → the registry `archive-r`/`unarchive-r`
+//     glyphs (same regular variant ArchivedBadge uses).
+
+// 1. React / RN imports
+
+// 2. Third-party imports
+
+// 3. Internal imports (relative)
+
+// 4. Types
+
+// 5. Named function component
+function AmitySearchChannelResults({
+  query
+}) {
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  const navigation = (0, _native.useNavigation)();
+  const {
+    archiveChannel,
+    unarchiveChannel
+  } = (0, _queries.useChannelArchiveQuery)();
+  const archiveLabel = (0, _localization.useString)('amity_chat_archive');
+  const unarchiveLabel = (0, _localization.useString)('amity_chat_unarchive');
+  const trimmed = query.trim();
+  const shouldCall = trimmed.length >= _constants.SEARCH_MIN_QUERY_LENGTH;
+  const {
+    channels: archivedChannels
+  } = (0, _collections.useArchivedChannelsCollection)({
+    limit: 100
+  });
+  const archivedIds = (0, _react.useMemo)(() => new Set(archivedChannels.map(c => c.channelId)), [archivedChannels]);
+  const {
+    channels,
+    loading,
+    hasNextPage,
+    loadMore
+  } = (0, _collections.useSearchChannelsCollection)({
+    query: trimmed,
+    limit: _constants.LIST_PAGE_LIMIT,
+    isMemberOnly: true,
+    types: ['conversation', 'community'],
+    sortBy: 'lastActivity',
+    orderBy: 'desc'
+  }, {
+    shouldCall
+  });
+  const isLoadingFirstPage = loading && channels.length === 0;
+  function handlePress(channel) {
+    if (channel.type === 'community') {
+      navigation.navigate('AmityGroupChatPage', {
+        channelId: channel.channelId
+      });
+    } else {
+      navigation.navigate('AmityChatPage', {
+        channelId: channel.channelId,
+        userDisplayName: channel.displayName
+      });
+    }
+  }
+  if (!shouldCall) {
+    return /*#__PURE__*/React.createElement(_EmptyState.EmptyState, {
+      variant: "prompt"
+    });
+  }
+  if (channels.length === 0 && !isLoadingFirstPage) {
+    return /*#__PURE__*/React.createElement(_EmptyState.EmptyState, {
+      variant: "no-results"
+    });
+  }
+  return /*#__PURE__*/React.createElement(_reactNative.FlatList, {
+    style: styles.list,
+    contentContainerStyle: styles.listContent,
+    data: channels,
+    keyExtractor: channel => channel.channelId,
+    renderItem: ({
+      item
+    }) => {
+      const isArchived = archivedIds.has(item.channelId);
+      return /*#__PURE__*/React.createElement(_SwipeToLeft.SwipeToLeft, {
+        actionLabel: isArchived ? unarchiveLabel : archiveLabel,
+        actionIcon: isArchived ? 'unarchive-r' : 'archive-r',
+        onAction: () => isArchived ? unarchiveChannel({
+          channelId: item.channelId
+        }) : archiveChannel({
+          channelId: item.channelId
+        })
+      }, /*#__PURE__*/React.createElement(_AmityChatListItem.AmityChatListItem, {
+        channel: item,
+        isArchived: isArchived,
+        searchQuery: trimmed,
+        onPress: () => handlePress(item)
+      }));
+    },
+    onEndReachedThreshold: 0.7,
+    onEndReached: () => {
+      if (hasNextPage && !isLoadingFirstPage) loadMore();
+    },
+    ListFooterComponent: isLoadingFirstPage ? /*#__PURE__*/React.createElement(_reactNative.View, null, Array.from({
+      length: _constants.LIST_SKELETON_ROW_COUNT
+    }).map((_, i) => /*#__PURE__*/React.createElement(_AmityChatListItem.AmityChatListItem.Skeleton, {
+      key: i
+    }))) : hasNextPage ? /*#__PURE__*/React.createElement(_AmityChatListItem.AmityChatListItem.Skeleton, null) : null
+  });
+}
+//# sourceMappingURL=AmitySearchChannelResults.js.map

package/lib/commonjs/social/features/chat/components/AmitySearchChannelResults/AmitySearchChannelResults.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_native","_localization","_constants","_collections","_queries","_AmityChatListItem","_EmptyState","_SwipeToLeft","_styles","AmitySearchChannelResults","query","styles","useStyles","navigation","useNavigation","archiveChannel","unarchiveChannel","useChannelArchiveQuery","archiveLabel","useString","unarchiveLabel","trimmed","trim","shouldCall","length","SEARCH_MIN_QUERY_LENGTH","channels","archivedChannels","useArchivedChannelsCollection","limit","archivedIds","useMemo","Set","map","c","channelId","loading","hasNextPage","loadMore","useSearchChannelsCollection","LIST_PAGE_LIMIT","isMemberOnly","types","sortBy","orderBy","isLoadingFirstPage","handlePress","channel","type","navigate","userDisplayName","displayName","React","createElement","EmptyState","variant","FlatList","style","list","contentContainerStyle","listContent","data","keyExtractor","renderItem","item","isArchived","has","SwipeToLeft","actionLabel","actionIcon","onAction","AmityChatListItem","searchQuery","onPress","onEndReachedThreshold","onEndReached","ListFooterComponent","View","Array","from","LIST_SKELETON_ROW_COUNT","_","i","Skeleton","key"],"sourceRoot":"../../../../../../../src","sources":["social/features/chat/components/AmitySearchChannelResults/AmitySearchChannelResults.tsx"],"mappings":";;;;;;AAeA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,OAAA,GAAAF,OAAA;AAKA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AAKA,IAAAK,YAAA,GAAAL,OAAA;AAIA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,kBAAA,GAAAP,OAAA;AACA,IAAAQ,WAAA,GAAAR,OAAA;AACA,IAAAS,YAAA,GAAAT,OAAA;AACA,IAAAU,OAAA,GAAAV,OAAA;AAtCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAIA;;AAIA;;AAkBA;;AAKA;AACO,SAASW,yBAAyBA,CAAC;EACxCC;AAC8B,CAAC,EAAE;EACjC,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAC9B,MAAMC,UAAU,GACd,IAAAC,qBAAa,EAAgD,CAAC;EAChE,MAAM;IAAEC,cAAc;IAAEC;EAAiB,CAAC,GAAG,IAAAC,+BAAsB,EAAC,CAAC;EACrE,MAAMC,YAAY,GAAG,IAAAC,uBAAS,EAAC,oBAAoB,CAAC;EACpD,MAAMC,cAAc,GAAG,IAAAD,uBAAS,EAAC,sBAAsB,CAAC;EAExD,MAAME,OAAO,GAAGX,KAAK,CAACY,IAAI,CAAC,CAAC;EAC5B,MAAMC,UAAU,GAAGF,OAAO,CAACG,MAAM,IAAIC,kCAAuB;EAE5D,MAAM;IAAEC,QAAQ,EAAEC;EAAiB,CAAC,GAAG,IAAAC,0CAA6B,EAAC;IACnEC,KAAK,EAAE;EACT,CAAC,CAAC;EACF,MAAMC,WAAW,GAAG,IAAAC,cAAO,EACzB,MAAM,IAAIC,GAAG,CAACL,gBAAgB,CAACM,GAAG,CAAEC,CAAC,IAAKA,CAAC,CAACC,SAAS,CAAC,CAAC,EACvD,CAACR,gBAAgB,CACnB,CAAC;EAED,MAAM;IAAED,QAAQ;IAAEU,OAAO;IAAEC,WAAW;IAAEC;EAAS,CAAC,GAChD,IAAAC,wCAA2B,EACzB;IACE7B,KAAK,EAAEW,OAAO;IACdQ,KAAK,EAAEW,0BAAe;IACtBC,YAAY,EAAE,IAAI;IAClBC,KAAK,EAAE,CAAC,cAAc,EAAE,WAAW,CAAC;IACpCC,MAAM,EAAE,cAAc;IACtBC,OAAO,EAAE;EACX,CAAC,EACD;IAAErB;EAAW,CACf,CAAC;EAEH,MAAMsB,kBAAkB,GAAGT,OAAO,IAAIV,QAAQ,CAACF,MAAM,KAAK,CAAC;EAE3D,SAASsB,WAAWA,CAACC,OAAsB,EAAE;IAC3C,IAAIA,OAAO,CAACC,IAAI,KAAK,WAAW,EAAE;MAChCnC,UAAU,CAACoC,QAAQ,CAAC,oBAAoB,EAAE;QACxCd,SAAS,EAAEY,OAAO,CAACZ;MACrB,CAAC,CAAC;IACJ,CAAC,MAAM;MACLtB,UAAU,CAACoC,QAAQ,CAAC,eAAe,EAAE;QACnCd,SAAS,EAAEY,OAAO,CAACZ,SAAS;QAC5Be,eAAe,EAAEH,OAAO,CAACI;MAC3B,CAAC,CAAC;IACJ;EACF;EAEA,IAAI,CAAC5B,UAAU,EAAE;IACf,oBAAO6B,KAAA,CAAAC,aAAA,CAAC/C,WAAA,CAAAgD,UAAU;MAACC,OAAO,EAAC;IAAQ,CAAE,CAAC;EACxC;EAEA,IAAI7B,QAAQ,CAACF,MAAM,KAAK,CAAC,IAAI,CAACqB,kBAAkB,EAAE;IAChD,oBAAOO,KAAA,CAAAC,aAAA,CAAC/C,WAAA,CAAAgD,UAAU;MAACC,OAAO,EAAC;IAAY,CAAE,CAAC;EAC5C;EAEA,oBACEH,KAAA,CAAAC,aAAA,CAACtD,YAAA,CAAAyD,QAAQ;IACPC,KAAK,EAAE9C,MAAM,CAAC+C,IAAK;IACnBC,qBAAqB,EAAEhD,MAAM,CAACiD,WAAY;IAC1CC,IAAI,EAAEnC,QAAS;IACfoC,YAAY,EAAGf,OAAO,IAAKA,OAAO,CAACZ,SAAU;IAC7C4B,UAAU,EAAEA,CAAC;MAAEC;IAAK,CAAC,KAAK;MACxB,MAAMC,UAAU,GAAGnC,WAAW,CAACoC,GAAG,CAACF,IAAI,CAAC7B,SAAS,CAAC;MAClD,oBACEiB,KAAA,CAAAC,aAAA,CAAC9C,YAAA,CAAA4D,WAAW;QACVC,WAAW,EAAEH,UAAU,GAAG7C,cAAc,GAAGF,YAAa;QACxDmD,UAAU,EAAEJ,UAAU,GAAG,aAAa,GAAG,WAAY;QACrDK,QAAQ,EAAEA,CAAA,KACRL,UAAU,GACNjD,gBAAgB,CAAC;UAAEmB,SAAS,EAAE6B,IAAI,CAAC7B;QAAU,CAAC,CAAC,GAC/CpB,cAAc,CAAC;UAAEoB,SAAS,EAAE6B,IAAI,CAAC7B;QAAU,CAAC;MACjD,gBAEDiB,KAAA,CAAAC,aAAA,CAAChD,kBAAA,CAAAkE,iBAAiB;QAChBxB,OAAO,EAAEiB,IAAK;QACdC,UAAU,EAAEA,UAAW;QACvBO,WAAW,EAAEnD,OAAQ;QACrBoD,OAAO,EAAEA,CAAA,KAAM3B,WAAW,CAACkB,IAAI;MAAE,CAClC,CACU,CAAC;IAElB,CAAE;IACFU,qBAAqB,EAAE,GAAI;IAC3BC,YAAY,EAAEA,CAAA,KAAM;MAClB,IAAItC,WAAW,IAAI,CAACQ,kBAAkB,EAAEP,QAAQ,CAAC,CAAC;IACpD,CAAE;IACFsC,mBAAmB,EACjB/B,kBAAkB,gBAChBO,KAAA,CAAAC,aAAA,CAACtD,YAAA,CAAA8E,IAAI,QACFC,KAAK,CAACC,IAAI,CAAC;MAAEvD,MAAM,EAAEwD;IAAwB,CAAC,CAAC,CAAC/C,GAAG,CAAC,CAACgD,CAAC,EAAEC,CAAC,kBACxD9B,KAAA,CAAAC,aAAA,CAAChD,kBAAA,CAAAkE,iBAAiB,CAACY,QAAQ;MAACC,GAAG,EAAEF;IAAE,CAAE,CACtC,CACG,CAAC,GACL7C,WAAW,gBACbe,KAAA,CAAAC,aAAA,CAAChD,kBAAA,CAAAkE,iBAAiB,CAACY,QAAQ,MAAE,CAAC,GAC5B;EACL,CACF,CAAC;AAEN","ignoreList":[]}

package/lib/commonjs/social/features/chat/components/AmitySearchChannelResults/SwipeToLeft.js

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SwipeToLeft = SwipeToLeft;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _Typography = require("../../../../../core/design/components/Typography");
+var _icons = require("../../../../../core/design/icons");
+var _amityColorTokens = require("../../../../../core/design/tokens/amity-color-tokens");
+var _styles = require("./styles");
+// SwipeToLeft — ported from AmityUiKitWeb v4/chat/components/SwipeToLeft.
+// A row that reveals a single trailing action when swiped left; swiping past the
+// threshold fires `onAction` and springs the row closed.
+//
+// The web parity manifest marks `chat/components/SwipeToLeft` as skip (legacy
+// LiveChat gesture helper), so this is implemented locally as an internal helper
+// of AmitySearchChannelResults rather than a shared unit.
+//
+// RN adaptations from web:
+//   - framer-motion drag → react-native-gesture-handler's `Swipeable`
+//     (`renderRightActions`): swiping the row left reveals the right action panel.
+//     `onSwipeableOpen('right')` fires `onAction` then closes, mirroring web's
+//     "trigger, then reset x to 0" behaviour.
+//   - Web's `actionIcon` is an SVG component; RN takes an `AmityIconName`.
+//   - The action panel's square-button secondary CSS tokens port 1:1 to the RN
+//     SquareButton default-secondary tokens (surface/icon/text), matching the
+//     sibling archive ArchivedChannelList.
+//   - The swipe only responds when a `GestureHandlerRootView` is mounted at the
+//     app root (host-app responsibility).
+
+// web SwipeToLeft.module.css: actionContent width 5rem, icon 1.75rem.
+const ACTION_WIDTH = 80;
+const ACTION_ICON_SIZE = 28;
+function SwipeToLeft({
+  children,
+  actionLabel,
+  actionIcon,
+  onAction
+}) {
+  const {
+    styles,
+    token
+  } = (0, _styles.useStyles)();
+  const swipeableRef = (0, _react.useRef)(null);
+  function renderRightActions() {
+    return /*#__PURE__*/React.createElement(_reactNative.View, {
+      style: styles.swipeAction
+    }, /*#__PURE__*/React.createElement(_reactNative.View, {
+      style: styles.swipeActionContent
+    }, /*#__PURE__*/React.createElement(_icons.AmityIcon, {
+      name: actionIcon,
+      size: ACTION_ICON_SIZE,
+      tokenColor: _amityColorTokens.AmityColorToken.IconSquareButtonDefaultSecondaryDefault
+    }), /*#__PURE__*/React.createElement(_Typography.Typography, {
+      variant: "captionBold",
+      style: styles.swipeActionLabel
+    }, actionLabel)));
+  }
+  return /*#__PURE__*/React.createElement(_reactNativeGestureHandler.Swipeable, {
+    ref: swipeableRef,
+    friction: 2,
+    rightThreshold: ACTION_WIDTH / 2,
+    overshootRight: false,
+    renderRightActions: renderRightActions,
+    containerStyle: {
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceSquareButtonDefaultSecondaryDefault)
+    },
+    childrenContainerStyle: {
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfacePageBackgroundDefault)
+    },
+    onSwipeableOpen: direction => {
+      var _swipeableRef$current;
+      if (direction !== 'right') return;
+      onAction();
+      (_swipeableRef$current = swipeableRef.current) === null || _swipeableRef$current === void 0 || _swipeableRef$current.close();
+    }
+  }, children);
+}
+//# sourceMappingURL=SwipeToLeft.js.map

package/lib/commonjs/social/features/chat/components/AmitySearchChannelResults/SwipeToLeft.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeGestureHandler","_Typography","_icons","_amityColorTokens","_styles","ACTION_WIDTH","ACTION_ICON_SIZE","SwipeToLeft","children","actionLabel","actionIcon","onAction","styles","token","useStyles","swipeableRef","useRef","renderRightActions","React","createElement","View","style","swipeAction","swipeActionContent","AmityIcon","name","size","tokenColor","AmityColorToken","IconSquareButtonDefaultSecondaryDefault","Typography","variant","swipeActionLabel","Swipeable","ref","friction","rightThreshold","overshootRight","containerStyle","backgroundColor","SurfaceSquareButtonDefaultSecondaryDefault","childrenContainerStyle","SurfacePageBackgroundDefault","onSwipeableOpen","direction","_swipeableRef$current","current","close"],"sourceRoot":"../../../../../../../src","sources":["social/features/chat/components/AmitySearchChannelResults/SwipeToLeft.tsx"],"mappings":";;;;;;AAoBA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,0BAAA,GAAAF,OAAA;AAEA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAIA,IAAAK,iBAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AA9BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAqBA;AACA,MAAMO,YAAY,GAAG,EAAE;AACvB,MAAMC,gBAAgB,GAAG,EAAE;AAEpB,SAASC,WAAWA,CAAC;EAC1BC,QAAQ;EACRC,WAAW;EACXC,UAAU;EACVC;AACgB,CAAC,EAAE;EACnB,MAAM;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EACrC,MAAMC,YAAY,GAAG,IAAAC,aAAM,EAAY,IAAI,CAAC;EAE5C,SAASC,kBAAkBA,CAAA,EAAG;IAC5B,oBACEC,KAAA,CAAAC,aAAA,CAACpB,YAAA,CAAAqB,IAAI;MAACC,KAAK,EAAET,MAAM,CAACU;IAAY,gBAC9BJ,KAAA,CAAAC,aAAA,CAACpB,YAAA,CAAAqB,IAAI;MAACC,KAAK,EAAET,MAAM,CAACW;IAAmB,gBACrCL,KAAA,CAAAC,aAAA,CAACjB,MAAA,CAAAsB,SAAS;MACRC,IAAI,EAAEf,UAAW;MACjBgB,IAAI,EAAEpB,gBAAiB;MACvBqB,UAAU,EAAEC,iCAAe,CAACC;IAAwC,CACrE,CAAC,eACFX,KAAA,CAAAC,aAAA,CAAClB,WAAA,CAAA6B,UAAU;MAACC,OAAO,EAAC,aAAa;MAACV,KAAK,EAAET,MAAM,CAACoB;IAAiB,GAC9DvB,WACS,CACR,CACF,CAAC;EAEX;EAEA,oBACES,KAAA,CAAAC,aAAA,CAACnB,0BAAA,CAAAiC,SAAS;IACRC,GAAG,EAAEnB,YAAa;IAClBoB,QAAQ,EAAE,CAAE;IACZC,cAAc,EAAE/B,YAAY,GAAG,CAAE;IACjCgC,cAAc,EAAE,KAAM;IACtBpB,kBAAkB,EAAEA,kBAAmB;IACvCqB,cAAc,EAAE;MACdC,eAAe,EAAE1B,KAAK,CACpBe,iCAAe,CAACY,0CAClB;IACF,CAAE;IACFC,sBAAsB,EAAE;MACtBF,eAAe,EAAE1B,KAAK,CAACe,iCAAe,CAACc,4BAA4B;IACrE,CAAE;IACFC,eAAe,EAAGC,SAAS,IAAK;MAAA,IAAAC,qBAAA;MAC9B,IAAID,SAAS,KAAK,OAAO,EAAE;MAC3BjC,QAAQ,CAAC,CAAC;MACV,CAAAkC,qBAAA,GAAA9B,YAAY,CAAC+B,OAAO,cAAAD,qBAAA,eAApBA,qBAAA,CAAsBE,KAAK,CAAC,CAAC;IAC/B;EAAE,GAEDvC,QACQ,CAAC;AAEhB","ignoreList":[]}

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

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

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

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

package/lib/commonjs/social/features/chat/components/AmitySearchChannelResults/styles.js

@@ -0,0 +1,58 @@
+"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 AmitySearchChannelResults + its local SwipeToLeft helper.
+// The list surface mirrors the home ChannelList; the swipe action geometry is
+// ported from AmityUiKitWeb SwipeToLeft.module.css (rem → px ×16):
+//   actionContent width 5rem→80, gap 0.25rem→4, padding 1rem 0.5rem→16/8,
+//   label font-size 0.8125rem→13, weight 600, line-height 1.125rem→18.
+// The action's square-button secondary colours port 1:1 to the RN SquareButton
+// default-secondary surface/text tokens.
+
+const ACTION_WIDTH = 80;
+const useStyles = () => {
+  const token = (0, _useToken.useToken)();
+  const styles = _reactNative.StyleSheet.create({
+    list: {
+      flex: 1,
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceListDefaultDefault)
+    },
+    listContent: {
+      flexGrow: 1
+    },
+    // web swipeToLeft__actionContent: right-aligned 5rem panel, centered column.
+    swipeAction: {
+      width: ACTION_WIDTH,
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceSquareButtonDefaultSecondaryDefault)
+    },
+    swipeActionContent: {
+      flex: 1,
+      flexDirection: 'column',
+      alignItems: 'center',
+      justifyContent: 'center',
+      gap: 4,
+      paddingVertical: 16,
+      paddingHorizontal: 8
+    },
+    swipeActionLabel: {
+      fontSize: 13,
+      fontWeight: '600',
+      lineHeight: 18,
+      letterSpacing: -0.065,
+      textAlign: 'center',
+      color: token(_amityColorTokens.AmityColorToken.TextSquareButtonDefaultSecondaryDefault)
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","ACTION_WIDTH","useStyles","token","useToken","styles","StyleSheet","create","list","flex","backgroundColor","AmityColorToken","SurfaceListDefaultDefault","listContent","flexGrow","swipeAction","width","SurfaceSquareButtonDefaultSecondaryDefault","swipeActionContent","flexDirection","alignItems","justifyContent","gap","paddingVertical","paddingHorizontal","swipeActionLabel","fontSize","fontWeight","lineHeight","letterSpacing","textAlign","color","TextSquareButtonDefaultSecondaryDefault","exports"],"sourceRoot":"../../../../../../../src","sources":["social/features/chat/components/AmitySearchChannelResults/styles.ts"],"mappings":";;;;;;AAQA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAVA;AACA;AACA;AACA;AACA;AACA;AACA;;AAMA,MAAMG,YAAY,GAAG,EAAE;AAEhB,MAAMC,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,yBAAyB;IAClE,CAAC;IACDC,WAAW,EAAE;MACXC,QAAQ,EAAE;IACZ,CAAC;IACD;IACAC,WAAW,EAAE;MACXC,KAAK,EAAEf,YAAY;MACnBS,eAAe,EAAEP,KAAK,CACpBQ,iCAAe,CAACM,0CAClB;IACF,CAAC;IACDC,kBAAkB,EAAE;MAClBT,IAAI,EAAE,CAAC;MACPU,aAAa,EAAE,QAAQ;MACvBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,GAAG,EAAE,CAAC;MACNC,eAAe,EAAE,EAAE;MACnBC,iBAAiB,EAAE;IACrB,CAAC;IACDC,gBAAgB,EAAE;MAChBC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,KAAK;MACjBC,UAAU,EAAE,EAAE;MACdC,aAAa,EAAE,CAAC,KAAK;MACrBC,SAAS,EAAE,QAAQ;MACnBC,KAAK,EAAE5B,KAAK,CAACQ,iCAAe,CAACqB,uCAAuC;IACtE;EACF,CAAC,CAAC;EAEF,OAAO;IAAE3B,MAAM;IAAEF;EAAM,CAAC;AAC1B,CAAC;AAAC8B,OAAA,CAAA/B,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/commonjs/social/features/chat/components/AmitySearchMessageResults/AmitySearchMessageResults.js

@@ -0,0 +1,156 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AmitySearchMessageResults = AmitySearchMessageResults;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _tsSdkReactNative = require("@amityco/ts-sdk-react-native");
+var _native = require("@react-navigation/native");
+var _constants = require("../../constants");
+var _collections = require("../../hooks/collections");
+var _AmityChatListItem = require("../AmityChatListItem");
+var _EmptyState = require("../../features/shared/components/EmptyState");
+var _styles = require("../AmitySearchChannelResults/styles");
+// AmitySearchMessageResults — ported from AmityUiKitWeb
+// v4/chat/features/search/components/SearchMessageList.
+// The "Messages" tab of chat search: a live, paginated list of messages matching
+// the query, each rendered as a channel row whose preview shows the matched text
+// and whose timestamp is the message's createdAt.
+//
+// RN adaptations from web:
+//   - Web `useIntersectionObserver` sentinel → FlatList `onEndReached`.
+//   - Web `ChannelItem` took `messageBodyOverride` / `timestampOverride` props to
+//     show the matched message text + time. RN's `AmityChatListItem` (DO NOT TOUCH)
+//     has no such props but *reads* `channel.messagePreview` + `channel.lastActivity`,
+//     so we pass a shallow-cloned channel with those two fields overridden — the
+//     same rendered result without modifying the shared item.
+//   - Web `searchQuery` / `highlightStyle="bold"` matched-text highlight is not
+//     supported by AmityChatListItem → not rendered (documented deviation).
+//   - Web pushed ChatPage/GroupChatPage with `jumpToMessageId` (+ userId/avatar for
+//     conversations). RouteParamList (DO NOT TOUCH) has no such params, so we
+//     navigate to the channel without the jump (documented; orchestrator to add).
+
+// 1. React / RN imports
+
+// 2. Third-party imports
+
+// 3. Internal imports (relative)
+
+// 4. Types
+
+// 5. Named function component
+function AmitySearchMessageResults({
+  query
+}) {
+  var _Client$getCurrentUse;
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  const navigation = (0, _native.useNavigation)();
+  const currentUserId = (_Client$getCurrentUse = _tsSdkReactNative.Client.getCurrentUser()) === null || _Client$getCurrentUse === void 0 ? void 0 : _Client$getCurrentUse.userId;
+  const trimmed = query.trim();
+  const shouldCall = trimmed.length >= _constants.SEARCH_MIN_QUERY_LENGTH;
+  const {
+    channels: archivedChannels
+  } = (0, _collections.useArchivedChannelsCollection)({
+    limit: 100
+  });
+  const archivedIds = (0, _react.useMemo)(() => new Set(archivedChannels.map(c => c.channelId)), [archivedChannels]);
+  const {
+    messages,
+    loading,
+    hasNextPage,
+    loadMore
+  } = (0, _collections.useMessageSearchCollection)({
+    query: trimmed
+  });
+  const channelIds = (0, _react.useMemo)(() => Array.from(new Set(messages.map(m => m.channelId))), [messages]);
+  const {
+    channels: matchedChannels
+  } = (0, _collections.useChannelsByIdsCollection)(channelIds);
+  const channelById = (0, _react.useMemo)(() => new Map(matchedChannels.map(c => [c.channelId, c])), [matchedChannels]);
+  const isLoadingFirstPage = loading && messages.length === 0;
+  function handleNavigate(message) {
+    const channel = channelById.get(message.channelId);
+    if (!channel) return;
+    if (channel.type === 'community') {
+      navigation.navigate('AmityGroupChatPage', {
+        channelId: channel.channelId
+      });
+    } else {
+      var _channel$previewMembe, _otherMember$user;
+      const otherMember = (_channel$previewMembe = channel.previewMembers) === null || _channel$previewMembe === void 0 ? void 0 : _channel$previewMembe.find(m => m.userId !== currentUserId);
+      navigation.navigate('AmityChatPage', {
+        channelId: channel.channelId,
+        userDisplayName: otherMember === null || otherMember === void 0 || (_otherMember$user = otherMember.user) === null || _otherMember$user === void 0 ? void 0 : _otherMember$user.displayName
+      });
+    }
+  }
+
+  // Clone the channel, overriding the preview + timestamp with the matched
+  // message so AmityChatListItem renders the message text + its createdAt.
+  function toMessageRowChannel(channel, message) {
+    var _message$data;
+    const text = ((_message$data = message.data) === null || _message$data === void 0 ? void 0 : _message$data.text) ?? '';
+    const messagePreview = {
+      messagePreviewId: message.messageId,
+      subChannelName: channel.displayName ?? '',
+      channelId: message.channelId,
+      subChannelId: message.subChannelId,
+      segment: message.channelSegment,
+      subChannelUpdatedAt: message.updatedAt,
+      createdAt: message.createdAt,
+      updatedAt: message.updatedAt,
+      dataType: 'text',
+      data: {
+        text
+      },
+      isDeleted: false
+    };
+    return {
+      ...channel,
+      lastActivity: message.createdAt,
+      messagePreview
+    };
+  }
+  if (!shouldCall) {
+    return /*#__PURE__*/React.createElement(_EmptyState.EmptyState, {
+      variant: "prompt"
+    });
+  }
+  if (messages.length === 0 && !isLoadingFirstPage) {
+    return /*#__PURE__*/React.createElement(_EmptyState.EmptyState, {
+      variant: "no-results"
+    });
+  }
+  return /*#__PURE__*/React.createElement(_reactNative.FlatList, {
+    style: styles.list,
+    contentContainerStyle: styles.listContent,
+    data: messages,
+    keyExtractor: message => message.messageId,
+    renderItem: ({
+      item: message
+    }) => {
+      const channel = channelById.get(message.channelId);
+      if (!channel) return null;
+      return /*#__PURE__*/React.createElement(_AmityChatListItem.AmityChatListItem, {
+        channel: toMessageRowChannel(channel, message),
+        isArchived: archivedIds.has(channel.channelId),
+        hideUnreadIndicators: true,
+        onPress: () => handleNavigate(message)
+      });
+    },
+    onEndReachedThreshold: 0.7,
+    onEndReached: () => {
+      if (hasNextPage && !isLoadingFirstPage) loadMore();
+    },
+    ListFooterComponent: isLoadingFirstPage ? /*#__PURE__*/React.createElement(_reactNative.View, null, Array.from({
+      length: _constants.LIST_SKELETON_ROW_COUNT
+    }).map((_, i) => /*#__PURE__*/React.createElement(_AmityChatListItem.AmityChatListItem.Skeleton, {
+      key: i
+    }))) : hasNextPage ? /*#__PURE__*/React.createElement(_AmityChatListItem.AmityChatListItem.Skeleton, null) : null
+  });
+}
+//# sourceMappingURL=AmitySearchMessageResults.js.map