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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_tsSdkReactNative","_native","_localization","_constants","_collections","_queries","_isBlockedConversation","_AmityChatListItem","_EmptyState","_SwipeToLeft","_styles","AmitySearchChannelResults","query","_Client$getCurrentUse","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","currentUserId","Client","getCurrentUser","userId","blockedUserIds","useBlockedUserIds","visibleChannels","filter","channel","isBlockedConversation","isLoadingFirstPage","useEffect","handlePress","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":["chat/components/AmitySearchChannelResults/AmitySearchChannelResults.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/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/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":["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;AACA,IAAAK,iBAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AA3BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAkBA;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/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/chat/components/AmitySearchChannelResults/index.js.map

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

package/lib/commonjs/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/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":["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/chat/components/AmitySearchMessageResults/AmitySearchMessageResults.js

@@ -0,0 +1,160 @@
+"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 _isBlockedConversation = require("../../utils/isBlockedConversation");
+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`.
+//   - AHEAD OF WEB: messages from 1:1 conversations with users the viewer has
+//     blocked are hidden, mirroring the Chats tab (AmitySearchChannelResults).
+//     Message search applies no block state, so rows are filtered here against
+//     the viewer's blocked-user set (useBlockedUserIds).
+//
+// AmityChatListItem takes `messageBodyOverride` / `timestampOverride` /
+// `searchQuery` / `highlightStyle` props (replacing the shallow-cloned-channel
+// workaround and adding the matched-text highlight), and RouteParamList carries
+// `jumpToMessageId` so tapping a result scrolls the thread to it.
+
+// 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]);
+
+  // Hide messages from 1:1 conversations with users the viewer has blocked (see
+  // header). A message whose channel has not resolved yet is kept — renderItem
+  // already drops it until the channel arrives.
+  const {
+    blockedUserIds
+  } = (0, _collections.useBlockedUserIds)();
+  const visibleMessages = (0, _react.useMemo)(() => messages.filter(message => {
+    const channel = channelById.get(message.channelId);
+    return !channel || !(0, _isBlockedConversation.isBlockedConversation)(channel, currentUserId, blockedUserIds);
+  }), [messages, channelById, currentUserId, blockedUserIds]);
+  const isLoadingFirstPage = loading && messages.length === 0;
+
+  // A page made up entirely of hidden rows leaves the FlatList empty, so
+  // onEndReached never fires to pull the next page — request it here instead.
+  (0, _react.useEffect)(() => {
+    if (visibleMessages.length === 0 && messages.length > 0 && hasNextPage && !loading) {
+      loadMore();
+    }
+  }, [visibleMessages.length, messages.length, hasNextPage, loading, loadMore]);
+  function handleNavigate(message) {
+    const channel = channelById.get(message.channelId);
+    if (!channel) return;
+    // Carry the matched message id so the thread scrolls to it on open.
+    if (channel.type === 'community') {
+      navigation.navigate('AmityGroupChatPage', {
+        channelId: channel.channelId,
+        jumpToMessageId: message.messageId
+      });
+    } 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,
+        jumpToMessageId: message.messageId
+      });
+    }
+  }
+  if (!shouldCall) {
+    return /*#__PURE__*/React.createElement(_EmptyState.EmptyState, {
+      variant: "prompt"
+    });
+  }
+
+  // Only "no results" once nothing is visible AND nothing more can be fetched;
+  // while hidden rows still have pages behind them the list shows its skeleton.
+  if (visibleMessages.length === 0 && !isLoadingFirstPage && !hasNextPage) {
+    return /*#__PURE__*/React.createElement(_EmptyState.EmptyState, {
+      variant: "no-results"
+    });
+  }
+  return /*#__PURE__*/React.createElement(_reactNative.FlatList, {
+    style: styles.list,
+    contentContainerStyle: styles.listContent,
+    data: visibleMessages,
+    keyExtractor: message => message.messageId,
+    renderItem: ({
+      item: message
+    }) => {
+      var _message$data;
+      const channel = channelById.get(message.channelId);
+      if (!channel) return null;
+      const text = ((_message$data = message.data) === null || _message$data === void 0 ? void 0 : _message$data.text) ?? '';
+      return /*#__PURE__*/React.createElement(_AmityChatListItem.AmityChatListItem, {
+        channel: channel,
+        isArchived: archivedIds.has(channel.channelId),
+        searchQuery: trimmed,
+        highlightStyle: "bold",
+        messageBodyOverride: text,
+        timestampOverride: message.createdAt,
+        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

package/lib/commonjs/chat/components/AmitySearchMessageResults/AmitySearchMessageResults.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_tsSdkReactNative","_native","_constants","_collections","_isBlockedConversation","_AmityChatListItem","_EmptyState","_styles","AmitySearchMessageResults","query","_Client$getCurrentUse","styles","useStyles","navigation","useNavigation","currentUserId","Client","getCurrentUser","userId","trimmed","trim","shouldCall","length","SEARCH_MIN_QUERY_LENGTH","channels","archivedChannels","useArchivedChannelsCollection","limit","archivedIds","useMemo","Set","map","c","channelId","messages","loading","hasNextPage","loadMore","useMessageSearchCollection","channelIds","Array","from","m","matchedChannels","useChannelsByIdsCollection","channelById","Map","blockedUserIds","useBlockedUserIds","visibleMessages","filter","message","channel","get","isBlockedConversation","isLoadingFirstPage","useEffect","handleNavigate","type","navigate","jumpToMessageId","messageId","_channel$previewMembe","_otherMember$user","otherMember","previewMembers","find","userDisplayName","user","displayName","React","createElement","EmptyState","variant","FlatList","style","list","contentContainerStyle","listContent","data","keyExtractor","renderItem","item","_message$data","text","AmityChatListItem","isArchived","has","searchQuery","highlightStyle","messageBodyOverride","timestampOverride","createdAt","hideUnreadIndicators","onPress","onEndReachedThreshold","onEndReached","ListFooterComponent","View","LIST_SKELETON_ROW_COUNT","_","i","Skeleton","key"],"sourceRoot":"../../../../../src","sources":["chat/components/AmitySearchMessageResults/AmitySearchMessageResults.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/chat/components/AmitySearchMessageResults/index.js

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

package/lib/commonjs/chat/components/AmitySearchMessageResults/index.js.map

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

package/lib/commonjs/chat/constants/bubble.js

@@ -0,0 +1,122 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getMediaBubbleSize = exports.getMediaBubbleMaxWidth = exports.getBubbleMaxWidth = exports.ROW_MAX_WIDTH_RATIO = exports.MEDIA_BUBBLE_MAX_WIDTH_VIDEO = exports.MEDIA_BUBBLE_MAX_WIDTH_IMAGE = exports.MEDIA_BUBBLE_HEIGHT = exports.BUBBLE_MAX_WIDTH_RATIO = void 0;
+var _reactNative = require("react-native");
+// Chat-bubble geometry, from the design SoT
+// (cleverden front-end-tech-specs/UIKIT/components/AmityMessageBubble/v2.md).
+//
+// The bubble's max width is a RULE, not a fixed size. The designer states it as
+// an annotation rather than a layer constraint — "Chat bubble condition · Max
+// width = 60% vw" — which is why every geometry extraction we run is blind to
+// it. Every other platform conforms: web `max-width: 60vw`, Flutter
+// `size.width * 0.6`, iOS `UIScreen.main.bounds.width * 0.6`, Android
+// `(screenWidthDp * 0.6f).dp`.
+//
+// The 228 / 258 / 240 figures in that spec's tables are the rule's values on
+// Figma's 375px artboard, NOT the contract. Android hardcoded 228 and therefore
+// rendered ~228dp on every screen size — 55.6% on a 411dp device, and it would
+// have stayed at 228 on a tablet where 60% is 288. Do not reintroduce a fixed
+// pixel cap here.
+//
+// The rule targets the bubble's *message content* (Figma `ChatBubble / Message
+// Content` = 228) and NOT the whole row (`ChatBubble` = 343, which includes the
+// avatar and the timestamp). Those two must not consume the bubble's budget —
+// that was the mechanism of the Android defect, where a cap on the row shared
+// with the timestamp made the bubble's width vary with the clock string.
+
+/** "Max width = 60% vw" — the designer's stated rule. */
+const BUBBLE_MAX_WIDTH_RATIO = exports.BUBBLE_MAX_WIDTH_RATIO = 0.6;
+
+/**
+ * The bubble content's max width for the current window.
+ *
+ * Call this from inside `useStyles` rather than caching it at module scope, so
+ * a rotation or a split-screen resize re-resolves the rule instead of keeping
+ * the width the app happened to launch at.
+ */
+const getBubbleMaxWidth = () => Math.round(_reactNative.Dimensions.get('window').width * BUBBLE_MAX_WIDTH_RATIO);
+
+// --- Media bubbles -----------------------------------------------------------
+//
+// Web sizes a media bubble by locking the HEIGHT and letting the width shrink to
+// fit the media's own ratio — there is no ratio table, no min/max ratio clamp
+// and no JS measurement:
+//
+//   .imageBubble  { min-height: 15rem; max-height: 15rem; max-width: 20rem }
+//   .videoBubble  { min-height: 15rem; max-height: 15rem; max-width: 15rem }
+//
+// i.e. height is always 240 and width = 240 × (w / h), capped at 320 for images
+// and 240 for video. Cropping therefore only engages past 320/240 = 4:3 for an
+// image; portrait media is never cropped. Only the loading and broken
+// placeholders are a true 240×240 square.
+//
+// The design SoT records media as a flat `maxWidth: 240` and raises it as an
+// open designer question ("Unclear whether media should follow 60% or stay a
+// fixed 240 square"; Android leaves media at 240). We follow web here because
+// the ticket explicitly cites the web mobile UIKit as the expected result — under
+// a 240 cap a landscape image would still render 1:1, which is the bug.
+
+// Web puts media inside `.messageRow { max-width: 80% }`, so a landscape image
+// narrows to whatever the row can spare instead of pushing the timestamp out.
+// RN cannot port that as a cap on the row: `content` is a column, so its
+// children's WIDTH is a cross-axis size — flexShrink never applies to it, and
+// Yoga lays those children out against an unconstrained width and only then
+// clamps the parent, leaving the bubble at its measured width and overflowing.
+// Measured at 402pt before this: image 320 wide, timestamp at x=384..414,
+// clipped to "11:0" on a 402pt screen.
+//
+// So resolve web's row budget arithmetically and cap the media itself, which
+// lands on web's numbers exactly (402pt: 284 outbound, 244 inbound).
+
+/** Web `.messageRow { max-width: 80% }`. */
+exports.getBubbleMaxWidth = getBubbleMaxWidth;
+const ROW_MAX_WIDTH_RATIO = exports.ROW_MAX_WIDTH_RATIO = 0.8;
+
+/** The 24-hour HH:MM timestamp beside a bubble (measured 29.7-31.7 at captionSmall). */
+const TIMESTAMP_WIDTH = 30;
+
+/** bubbleRow's gap between the bubble and the timestamp. */
+const BUBBLE_ROW_GAP = 8;
+
+/** Avatar + row gap, present on inbound rows only — why web is narrower there. */
+const AVATAR_ALLOWANCE = 32 + 8;
+const MEDIA_BUBBLE_HEIGHT = exports.MEDIA_BUBBLE_HEIGHT = 240;
+const MEDIA_BUBBLE_MAX_WIDTH_IMAGE = exports.MEDIA_BUBBLE_MAX_WIDTH_IMAGE = 320;
+const MEDIA_BUBBLE_MAX_WIDTH_VIDEO = exports.MEDIA_BUBBLE_MAX_WIDTH_VIDEO = 240;
+
+/**
+ * A media cap narrowed to web's row budget for the current window.
+ *
+ * Resolved from `Dimensions` rather than written as a percentage style: a `%`
+ * maxWidth needs a parent with a definite width, and the list's cell wrapper
+ * has none, so it would silently never bind. Call this from inside `useStyles`
+ * so a rotation or split-screen resize re-resolves it.
+ */
+const getMediaBubbleMaxWidth = (cap, isUser) => {
+  const rowBudget = Math.round(_reactNative.Dimensions.get('window').width * ROW_MAX_WIDTH_RATIO) - (isUser ? 0 : AVATAR_ALLOWANCE) - BUBBLE_ROW_GAP - TIMESTAMP_WIDTH;
+  return Math.max(0, Math.min(cap, rowBudget));
+};
+
+/**
+ * Web's media-bubble box for a piece of media whose intrinsic size is known.
+ *
+ * Returns `null` when the intrinsic size is not usable yet (not measured, or a
+ * zero/NaN dimension), so callers can fall back to the square placeholder box
+ * rather than dividing by zero.
+ */
+exports.getMediaBubbleMaxWidth = getMediaBubbleMaxWidth;
+const getMediaBubbleSize = (intrinsicWidth, intrinsicHeight, maxWidth) => {
+  if (!intrinsicWidth || !intrinsicHeight || !Number.isFinite(intrinsicWidth) || !Number.isFinite(intrinsicHeight)) {
+    return null;
+  }
+  const width = Math.round(Math.min(MEDIA_BUBBLE_HEIGHT * intrinsicWidth / intrinsicHeight, maxWidth));
+  return {
+    width,
+    height: MEDIA_BUBBLE_HEIGHT
+  };
+};
+exports.getMediaBubbleSize = getMediaBubbleSize;
+//# sourceMappingURL=bubble.js.map

package/lib/commonjs/chat/constants/bubble.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","BUBBLE_MAX_WIDTH_RATIO","exports","getBubbleMaxWidth","Math","round","Dimensions","get","width","ROW_MAX_WIDTH_RATIO","TIMESTAMP_WIDTH","BUBBLE_ROW_GAP","AVATAR_ALLOWANCE","MEDIA_BUBBLE_HEIGHT","MEDIA_BUBBLE_MAX_WIDTH_IMAGE","MEDIA_BUBBLE_MAX_WIDTH_VIDEO","getMediaBubbleMaxWidth","cap","isUser","rowBudget","max","min","getMediaBubbleSize","intrinsicWidth","intrinsicHeight","maxWidth","Number","isFinite","height"],"sourceRoot":"../../../../src","sources":["chat/constants/bubble.ts"],"mappings":";;;;;;AAsBA,IAAAA,YAAA,GAAAC,OAAA;AAtBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIA;AACO,MAAMC,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,GAAG;;AAEzC;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAME,iBAAiB,GAAGA,CAAA,KAC/BC,IAAI,CAACC,KAAK,CAACC,uBAAU,CAACC,GAAG,CAAC,QAAQ,CAAC,CAACC,KAAK,GAAGP,sBAAsB,CAAC;;AAErE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAAAC,OAAA,CAAAC,iBAAA,GAAAA,iBAAA;AACO,MAAMM,mBAAmB,GAAAP,OAAA,CAAAO,mBAAA,GAAG,GAAG;;AAEtC;AACA,MAAMC,eAAe,GAAG,EAAE;;AAE1B;AACA,MAAMC,cAAc,GAAG,CAAC;;AAExB;AACA,MAAMC,gBAAgB,GAAG,EAAE,GAAG,CAAC;AAExB,MAAMC,mBAAmB,GAAAX,OAAA,CAAAW,mBAAA,GAAG,GAAG;AAC/B,MAAMC,4BAA4B,GAAAZ,OAAA,CAAAY,4BAAA,GAAG,GAAG;AACxC,MAAMC,4BAA4B,GAAAb,OAAA,CAAAa,4BAAA,GAAG,GAAG;;AAE/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,sBAAsB,GAAGA,CAACC,GAAW,EAAEC,MAAe,KAAK;EACtE,MAAMC,SAAS,GACbf,IAAI,CAACC,KAAK,CAACC,uBAAU,CAACC,GAAG,CAAC,QAAQ,CAAC,CAACC,KAAK,GAAGC,mBAAmB,CAAC,IAC/DS,MAAM,GAAG,CAAC,GAAGN,gBAAgB,CAAC,GAC/BD,cAAc,GACdD,eAAe;EAEjB,OAAON,IAAI,CAACgB,GAAG,CAAC,CAAC,EAAEhB,IAAI,CAACiB,GAAG,CAACJ,GAAG,EAAEE,SAAS,CAAC,CAAC;AAC9C,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AANAjB,OAAA,CAAAc,sBAAA,GAAAA,sBAAA;AAOO,MAAMM,kBAAkB,GAAGA,CAChCC,cAAkC,EAClCC,eAAmC,EACnCC,QAAgB,KAC6B;EAC7C,IACE,CAACF,cAAc,IACf,CAACC,eAAe,IAChB,CAACE,MAAM,CAACC,QAAQ,CAACJ,cAAc,CAAC,IAChC,CAACG,MAAM,CAACC,QAAQ,CAACH,eAAe,CAAC,EACjC;IACA,OAAO,IAAI;EACb;EAEA,MAAMhB,KAAK,GAAGJ,IAAI,CAACC,KAAK,CACtBD,IAAI,CAACiB,GAAG,CAAER,mBAAmB,GAAGU,cAAc,GAAIC,eAAe,EAAEC,QAAQ,CAC7E,CAAC;EAED,OAAO;IAAEjB,KAAK;IAAEoB,MAAM,EAAEf;EAAoB,CAAC;AAC/C,CAAC;AAACX,OAAA,CAAAoB,kBAAA,GAAAA,kBAAA","ignoreList":[]}

package/lib/commonjs/chat/constants/errorResponse.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ERROR_RESPONSE = exports.ERROR_CODE = void 0;
+// Ported from AmityUiKitWeb v4/chat/constants/errorResponse.
+// Raw SDK error-message substrings used to map a thrown error to a friendly,
+// localized toast when creating a message.
+
+const ERROR_RESPONSE = exports.ERROR_RESPONSE = Object.freeze({
+  CONTAIN_BLOCKED_WORD: 'Amity SDK (400308): Text contain blocked word',
+  NOT_INCLUDE_WHITELIST_LINK: 'Data contain link that is not in whitelist',
+  USER_MUTED: 'Amity SDK (400302): User is muted'
+});
+
+// Numeric SDK error codes, matched with `String.includes` against a thrown
+// error's message. Web keeps the same map in `~/v4/chat/constants`; this used to
+// be inlined in useMessageComposer, and moved here when the report flow needed
+// NOT_FOUND too (a deleted message is reported as 400400 by flagMessage).
+const ERROR_CODE = exports.ERROR_CODE = Object.freeze({
+  MESSAGE_TOO_LONG: '400000',
+  BLOCKED_WORD: '400308',
+  IMAGE_NUDITY: '400314',
+  NOT_FOUND: '400400'
+});
+//# sourceMappingURL=errorResponse.js.map

package/lib/commonjs/chat/constants/errorResponse.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ERROR_RESPONSE","exports","Object","freeze","CONTAIN_BLOCKED_WORD","NOT_INCLUDE_WHITELIST_LINK","USER_MUTED","ERROR_CODE","MESSAGE_TOO_LONG","BLOCKED_WORD","IMAGE_NUDITY","NOT_FOUND"],"sourceRoot":"../../../../src","sources":["chat/constants/errorResponse.ts"],"mappings":";;;;;;AAAA;AACA;AACA;;AAEO,MAAMA,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAGE,MAAM,CAACC,MAAM,CAAC;EAC1CC,oBAAoB,EAAE,+CAA+C;EACrEC,0BAA0B,EAAE,4CAA4C;EACxEC,UAAU,EAAE;AACd,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACO,MAAMC,UAAU,GAAAN,OAAA,CAAAM,UAAA,GAAGL,MAAM,CAACC,MAAM,CAAC;EACtCK,gBAAgB,EAAE,QAAQ;EAC1BC,YAAY,EAAE,QAAQ;EACtBC,YAAY,EAAE,QAAQ;EACtBC,SAAS,EAAE;AACb,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/chat/constants/index.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _errorResponse = require("./errorResponse");
+Object.keys(_errorResponse).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _errorResponse[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _errorResponse[key];
+    }
+  });
+});
+var _search = require("./search");
+Object.keys(_search).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _search[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _search[key];
+    }
+  });
+});
+var _list = require("./list");
+Object.keys(_list).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _list[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _list[key];
+    }
+  });
+});
+var _bubble = require("./bubble");
+Object.keys(_bubble).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _bubble[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _bubble[key];
+    }
+  });
+});
+var _sheet = require("./sheet");
+Object.keys(_sheet).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _sheet[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _sheet[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/chat/constants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_errorResponse","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_search","_list","_bubble","_sheet"],"sourceRoot":"../../../../src","sources":["chat/constants/index.ts"],"mappings":";;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,cAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,cAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,cAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,OAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,OAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,OAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,OAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,KAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,KAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,KAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,KAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,OAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,OAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,OAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,OAAA,CAAAP,GAAA;IAAA;EAAA;AAAA;AACA,IAAAQ,MAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,MAAA,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAI,MAAA,CAAAR,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/lib/commonjs/chat/constants/list.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LIST_SKELETON_ROW_COUNT = exports.LIST_PAGE_LIMIT = void 0;
+// Ported from AmityUiKitWeb v4/chat/constants/chat (list-pagination bits).
+// The default page size for chat live collections and the number of skeleton
+// rows shown while a list's first page (or next page) is loading.
+
+const LIST_PAGE_LIMIT = exports.LIST_PAGE_LIMIT = 20;
+const LIST_SKELETON_ROW_COUNT = exports.LIST_SKELETON_ROW_COUNT = 9;
+//# sourceMappingURL=list.js.map

package/lib/commonjs/chat/constants/list.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["LIST_PAGE_LIMIT","exports","LIST_SKELETON_ROW_COUNT"],"sourceRoot":"../../../../src","sources":["chat/constants/list.ts"],"mappings":";;;;;;AAAA;AACA;AACA;;AAEO,MAAMA,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,EAAE;AAE1B,MAAME,uBAAuB,GAAAD,OAAA,CAAAC,uBAAA,GAAG,CAAC","ignoreList":[]}