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

package/lib/module/chat/components/AmityMessageComposer/styles.js

@@ -0,0 +1,182 @@
+// 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).
+
+import { StyleSheet } from 'react-native';
+import { useToken } from '../../../core/design/theme/useToken';
+import { AmityColorToken } from '../../../core/design/tokens/amity-color-tokens';
+export const useStyles = () => {
+  const token = useToken();
+  const styles = StyleSheet.create({
+    container: {
+      width: '100%',
+      backgroundColor: token(AmityColorToken.SurfacePageBackgroundDefault),
+      borderTopWidth: 1,
+      borderTopColor: token(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(AmityColorToken.SurfaceIconButtonFilledSecondaryEnabled)
+    },
+    sendButton: {
+      width: 32,
+      height: 32,
+      borderRadius: 9999,
+      alignItems: 'center',
+      justifyContent: 'center',
+      marginBottom: 4,
+      backgroundColor: token(AmityColorToken.SurfaceIconButtonFilledSecondaryDisabled)
+    },
+    sendButtonEnabled: {
+      backgroundColor: token(AmityColorToken.SurfaceIconButtonFilledPrimaryEnabled)
+    },
+    // --- Edit panel ----------------------------------------------------------
+    // Row, align center, space between, gap 12, padding 12/12/12/16, on
+    // surface-list-default-hover. No border: the grey band itself is what
+    // separates the panel from the input row.
+    editPanel: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      gap: 12,
+      paddingTop: 12,
+      paddingBottom: 12,
+      paddingRight: 12,
+      paddingLeft: 16,
+      backgroundColor: token(AmityColorToken.SurfaceListDefaultHover)
+    },
+    // Flex 1 0 0 with min-width 0 so a long title truncates instead of
+    // pushing the close button out.
+    editPanelLabel: {
+      flex: 1,
+      minWidth: 0,
+      color: token(AmityColorToken.TextListOverlineDefaultDefault)
+    },
+    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.
+    // The box the close button anchors to. Figma gives it horizontal padding
+    // only (0 8), so the button can overhang the panel's top edge.
+    mentionContainer: {
+      position: 'relative',
+      paddingHorizontal: 8,
+      marginBottom: 8
+    },
+    mentionOverlay: {
+      paddingVertical: 8,
+      borderRadius: 12,
+      // No `overflow: 'hidden'` here. On iOS that sets clipsToBounds, which
+      // clips the view's own shadow away. The 8px vertical padding already keeps
+      // the rows clear of the rounded corners, so there is nothing to clip.
+      backgroundColor: token(AmityColorToken.SurfacePopoverBackgroundDefault),
+      shadowColor: 'rgb(40, 41, 61)',
+      shadowOffset: {
+        width: 0,
+        height: 4
+      },
+      shadowOpacity: 0.16,
+      shadowRadius: 12,
+      elevation: 8
+    },
+    // Figma: the popover is 112 tall including its 8/8 padding, so the scrolling
+    // slot inside it is 96.
+    mentionList: {
+      maxHeight: 96
+    },
+    // 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(AmityColorToken.SurfacePopoverListsDefault)
+    },
+    mentionItemPressed: {
+      backgroundColor: token(AmityColorToken.SurfacePopoverListsHover)
+    },
+    mentionAvatar: {
+      width: 32,
+      height: 32
+    },
+    mentionDisplayName: {
+      flexShrink: 1,
+      color: token(AmityColorToken.TextListHeaderDefaultDefault)
+    },
+    // web UserMentionItem__allIconCircle: 2rem circle, surface-featuredicon-solid.
+    mentionAllIconCircle: {
+      width: 32,
+      height: 32,
+      borderRadius: 9999,
+      alignItems: 'center',
+      justifyContent: 'center',
+      backgroundColor: token(AmityColorToken.SurfaceFeaturedIconSolid)
+    },
+    mentionAllGlyph: {
+      fontSize: 15,
+      fontWeight: '500',
+      lineHeight: 22,
+      color: token(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(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.
+    // Figma: 24 round chip at dx 339 / dy -8 against a 359-wide panel — 8 above
+    // the panel's top edge and 4 past its right edge, so it reads as sitting on
+    // the rim rather than inside the list.
+    mentionCloseButton: {
+      position: 'absolute',
+      top: -8,
+      right: 4,
+      width: 24,
+      height: 24,
+      borderRadius: 9999,
+      padding: 4,
+      alignItems: 'center',
+      justifyContent: 'center',
+      backgroundColor: token(AmityColorToken.SurfaceIconButtonFilledSecondaryEnabled)
+    }
+  });
+  const placeholderColor = token(AmityColorToken.TextInputTextInputPlaceholderEnabled);
+  return {
+    styles,
+    token,
+    placeholderColor
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/chat/components/AmityMessageComposer/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useToken","AmityColorToken","useStyles","token","styles","create","container","width","backgroundColor","SurfacePageBackgroundDefault","borderTopWidth","borderTopColor","LineDividerPostDefault","inputRow","flexDirection","alignItems","gap","paddingVertical","paddingHorizontal","minHeight","iconButton","height","borderRadius","justifyContent","marginBottom","SurfaceIconButtonFilledSecondaryEnabled","sendButton","SurfaceIconButtonFilledSecondaryDisabled","sendButtonEnabled","SurfaceIconButtonFilledPrimaryEnabled","editPanel","paddingTop","paddingBottom","paddingRight","paddingLeft","SurfaceListDefaultHover","editPanelLabel","flex","minWidth","color","TextListOverlineDefaultDefault","editPanelClose","mentionContainer","position","mentionOverlay","SurfacePopoverBackgroundDefault","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","mentionList","maxHeight","mentionItem","padding","SurfacePopoverListsDefault","mentionItemPressed","SurfacePopoverListsHover","mentionAvatar","mentionDisplayName","flexShrink","TextListHeaderDefaultDefault","mentionAllIconCircle","SurfaceFeaturedIconSolid","mentionAllGlyph","fontSize","fontWeight","lineHeight","IconFeaturedIconSolid","mentionAllRightPane","mentionAllDescription","TextListTrailingTextGeneral","mentionCloseButton","top","right","placeholderColor","TextInputTextInputPlaceholderEnabled"],"sourceRoot":"../../../../../src","sources":["chat/components/AmityMessageComposer/styles.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/chat/components/AmitySearchChannelResults/AmitySearchChannelResults.js

@@ -0,0 +1,155 @@
+// 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).
+//   - AHEAD OF WEB: 1:1 conversations with users the viewer has blocked are
+//     hidden. The channel search endpoint does not apply block state (the home
+//     list's endpoint does), so the rows are filtered here against the viewer's
+//     blocked-user set (useBlockedUserIds).
+
+// 1. React / RN imports
+import { useEffect, useMemo } from 'react';
+import { FlatList, View } from 'react-native';
+
+// 2. Third-party imports
+import { Client } from '@amityco/ts-sdk-react-native';
+import { useNavigation } from '@react-navigation/native';
+
+// 3. Internal imports (relative)
+
+import { useString } from '../../../core/localization';
+import { LIST_PAGE_LIMIT, LIST_SKELETON_ROW_COUNT, SEARCH_MIN_QUERY_LENGTH } from '../../constants';
+import { useSearchChannelsCollection, useArchivedChannelsCollection, useBlockedUserIds } from '../../hooks/collections';
+import { useChannelArchiveQuery } from '../../hooks/queries';
+import { isBlockedConversation } from '../../utils/isBlockedConversation';
+import { AmityChatListItem } from '../AmityChatListItem';
+import { EmptyState } from '../../features/shared/components/EmptyState';
+import { SwipeToLeft } from './SwipeToLeft';
+import { useStyles } from './styles';
+
+// 4. Types
+
+// 5. Named function component
+export function AmitySearchChannelResults({
+  query
+}) {
+  var _Client$getCurrentUse;
+  const {
+    styles
+  } = useStyles();
+  const navigation = useNavigation();
+  const {
+    archiveChannel,
+    unarchiveChannel
+  } = useChannelArchiveQuery();
+  const archiveLabel = useString('amity_chat_archive');
+  const unarchiveLabel = useString('amity_chat_unarchive');
+  const trimmed = query.trim();
+  const shouldCall = trimmed.length >= SEARCH_MIN_QUERY_LENGTH;
+  const {
+    channels: archivedChannels
+  } = useArchivedChannelsCollection({
+    limit: 100
+  });
+  const archivedIds = useMemo(() => new Set(archivedChannels.map(c => c.channelId)), [archivedChannels]);
+  const {
+    channels,
+    loading,
+    hasNextPage,
+    loadMore
+  } = useSearchChannelsCollection({
+    query: trimmed,
+    limit: LIST_PAGE_LIMIT,
+    isMemberOnly: true,
+    types: ['conversation', 'community'],
+    sortBy: 'lastActivity',
+    orderBy: 'desc'
+  }, {
+    shouldCall
+  });
+
+  // Hide 1:1 conversations with users the viewer has blocked (see header).
+  const currentUserId = (_Client$getCurrentUse = Client.getCurrentUser()) === null || _Client$getCurrentUse === void 0 ? void 0 : _Client$getCurrentUse.userId;
+  const {
+    blockedUserIds
+  } = useBlockedUserIds();
+  const visibleChannels = useMemo(() => channels.filter(channel => !isBlockedConversation(channel, currentUserId, blockedUserIds)), [channels, currentUserId, blockedUserIds]);
+  const isLoadingFirstPage = loading && channels.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.
+  useEffect(() => {
+    if (visibleChannels.length === 0 && channels.length > 0 && hasNextPage && !loading) {
+      loadMore();
+    }
+  }, [visibleChannels.length, channels.length, hasNextPage, loading, loadMore]);
+  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, {
+      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 (visibleChannels.length === 0 && !isLoadingFirstPage && !hasNextPage) {
+    return /*#__PURE__*/React.createElement(EmptyState, {
+      variant: "no-results"
+    });
+  }
+  return /*#__PURE__*/React.createElement(FlatList, {
+    style: styles.list,
+    contentContainerStyle: styles.listContent,
+    data: visibleChannels,
+    keyExtractor: channel => channel.channelId,
+    renderItem: ({
+      item
+    }) => {
+      const isArchived = archivedIds.has(item.channelId);
+      return /*#__PURE__*/React.createElement(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, {
+        channel: item,
+        isArchived: isArchived,
+        searchQuery: trimmed,
+        onPress: () => handlePress(item)
+      }));
+    },
+    onEndReachedThreshold: 0.7,
+    onEndReached: () => {
+      if (hasNextPage && !isLoadingFirstPage) loadMore();
+    },
+    ListFooterComponent: isLoadingFirstPage ? /*#__PURE__*/React.createElement(View, null, Array.from({
+      length: LIST_SKELETON_ROW_COUNT
+    }).map((_, i) => /*#__PURE__*/React.createElement(AmityChatListItem.Skeleton, {
+      key: i
+    }))) : hasNextPage ? /*#__PURE__*/React.createElement(AmityChatListItem.Skeleton, null) : null
+  });
+}
+//# sourceMappingURL=AmitySearchChannelResults.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useMemo","FlatList","View","Client","useNavigation","useString","LIST_PAGE_LIMIT","LIST_SKELETON_ROW_COUNT","SEARCH_MIN_QUERY_LENGTH","useSearchChannelsCollection","useArchivedChannelsCollection","useBlockedUserIds","useChannelArchiveQuery","isBlockedConversation","AmityChatListItem","EmptyState","SwipeToLeft","useStyles","AmitySearchChannelResults","query","_Client$getCurrentUse","styles","navigation","archiveChannel","unarchiveChannel","archiveLabel","unarchiveLabel","trimmed","trim","shouldCall","length","channels","archivedChannels","limit","archivedIds","Set","map","c","channelId","loading","hasNextPage","loadMore","isMemberOnly","types","sortBy","orderBy","currentUserId","getCurrentUser","userId","blockedUserIds","visibleChannels","filter","channel","isLoadingFirstPage","handlePress","type","navigate","userDisplayName","displayName","React","createElement","variant","style","list","contentContainerStyle","listContent","data","keyExtractor","renderItem","item","isArchived","has","actionLabel","actionIcon","onAction","searchQuery","onPress","onEndReachedThreshold","onEndReached","ListFooterComponent","Array","from","_","i","Skeleton","key"],"sourceRoot":"../../../../../src","sources":["chat/components/AmitySearchChannelResults/AmitySearchChannelResults.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/chat/components/AmitySearchChannelResults/SwipeToLeft.js

@@ -0,0 +1,76 @@
+// 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).
+
+import { useRef } from 'react';
+import { View } from 'react-native';
+import { Swipeable } from 'react-native-gesture-handler';
+import { Typography } from '../../../core/design/components/Typography';
+import { AmityIcon } from '../../../core/design/icons';
+import { AmityColorToken } from '../../../core/design/tokens/amity-color-tokens';
+import { useStyles } from './styles';
+// web SwipeToLeft.module.css: actionContent width 5rem, icon 1.75rem.
+const ACTION_WIDTH = 80;
+const ACTION_ICON_SIZE = 28;
+export function SwipeToLeft({
+  children,
+  actionLabel,
+  actionIcon,
+  onAction
+}) {
+  const {
+    styles,
+    token
+  } = useStyles();
+  const swipeableRef = useRef(null);
+  function renderRightActions() {
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.swipeAction
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.swipeActionContent
+    }, /*#__PURE__*/React.createElement(AmityIcon, {
+      name: actionIcon,
+      size: ACTION_ICON_SIZE,
+      tokenColor: AmityColorToken.IconSquareButtonDefaultSecondaryDefault
+    }), /*#__PURE__*/React.createElement(Typography, {
+      variant: "captionBold",
+      style: styles.swipeActionLabel
+    }, actionLabel)));
+  }
+  return /*#__PURE__*/React.createElement(Swipeable, {
+    ref: swipeableRef,
+    friction: 2,
+    rightThreshold: ACTION_WIDTH / 2,
+    overshootRight: false,
+    renderRightActions: renderRightActions,
+    containerStyle: {
+      backgroundColor: token(AmityColorToken.SurfaceSquareButtonDefaultSecondaryDefault)
+    },
+    childrenContainerStyle: {
+      backgroundColor: token(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/module/chat/components/AmitySearchChannelResults/SwipeToLeft.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useRef","View","Swipeable","Typography","AmityIcon","AmityColorToken","useStyles","ACTION_WIDTH","ACTION_ICON_SIZE","SwipeToLeft","children","actionLabel","actionIcon","onAction","styles","token","swipeableRef","renderRightActions","React","createElement","style","swipeAction","swipeActionContent","name","size","tokenColor","IconSquareButtonDefaultSecondaryDefault","variant","swipeActionLabel","ref","friction","rightThreshold","overshootRight","containerStyle","backgroundColor","SurfaceSquareButtonDefaultSecondaryDefault","childrenContainerStyle","SurfacePageBackgroundDefault","onSwipeableOpen","direction","_swipeableRef$current","current","close"],"sourceRoot":"../../../../../src","sources":["chat/components/AmitySearchChannelResults/SwipeToLeft.tsx"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAAyBA,MAAM,QAAQ,OAAO;AAC9C,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,SAAS,QAAQ,8BAA8B;AAExD,SAASC,UAAU,QAAQ,4CAA4C;AACvE,SAASC,SAAS,QAA4B,4BAA4B;AAC1E,SAASC,eAAe,QAAQ,gDAAgD;AAChF,SAASC,SAAS,QAAQ,UAAU;AASpC;AACA,MAAMC,YAAY,GAAG,EAAE;AACvB,MAAMC,gBAAgB,GAAG,EAAE;AAE3B,OAAO,SAASC,WAAWA,CAAC;EAC1BC,QAAQ;EACRC,WAAW;EACXC,UAAU;EACVC;AACgB,CAAC,EAAE;EACnB,MAAM;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAGT,SAAS,CAAC,CAAC;EACrC,MAAMU,YAAY,GAAGhB,MAAM,CAAY,IAAI,CAAC;EAE5C,SAASiB,kBAAkBA,CAAA,EAAG;IAC5B,oBACEC,KAAA,CAAAC,aAAA,CAAClB,IAAI;MAACmB,KAAK,EAAEN,MAAM,CAACO;IAAY,gBAC9BH,KAAA,CAAAC,aAAA,CAAClB,IAAI;MAACmB,KAAK,EAAEN,MAAM,CAACQ;IAAmB,gBACrCJ,KAAA,CAAAC,aAAA,CAACf,SAAS;MACRmB,IAAI,EAAEX,UAAW;MACjBY,IAAI,EAAEhB,gBAAiB;MACvBiB,UAAU,EAAEpB,eAAe,CAACqB;IAAwC,CACrE,CAAC,eACFR,KAAA,CAAAC,aAAA,CAAChB,UAAU;MAACwB,OAAO,EAAC,aAAa;MAACP,KAAK,EAAEN,MAAM,CAACc;IAAiB,GAC9DjB,WACS,CACR,CACF,CAAC;EAEX;EAEA,oBACEO,KAAA,CAAAC,aAAA,CAACjB,SAAS;IACR2B,GAAG,EAAEb,YAAa;IAClBc,QAAQ,EAAE,CAAE;IACZC,cAAc,EAAExB,YAAY,GAAG,CAAE;IACjCyB,cAAc,EAAE,KAAM;IACtBf,kBAAkB,EAAEA,kBAAmB;IACvCgB,cAAc,EAAE;MACdC,eAAe,EAAEnB,KAAK,CACpBV,eAAe,CAAC8B,0CAClB;IACF,CAAE;IACFC,sBAAsB,EAAE;MACtBF,eAAe,EAAEnB,KAAK,CAACV,eAAe,CAACgC,4BAA4B;IACrE,CAAE;IACFC,eAAe,EAAGC,SAAS,IAAK;MAAA,IAAAC,qBAAA;MAC9B,IAAID,SAAS,KAAK,OAAO,EAAE;MAC3B1B,QAAQ,CAAC,CAAC;MACV,CAAA2B,qBAAA,GAAAxB,YAAY,CAACyB,OAAO,cAAAD,qBAAA,eAApBA,qBAAA,CAAsBE,KAAK,CAAC,CAAC;IAC/B;EAAE,GAEDhC,QACQ,CAAC;AAEhB","ignoreList":[]}

package/lib/module/chat/components/AmitySearchChannelResults/index.js

@@ -0,0 +1,2 @@
+export { AmitySearchChannelResults } from './AmitySearchChannelResults';
+//# sourceMappingURL=index.js.map

package/lib/module/chat/components/AmitySearchChannelResults/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AmitySearchChannelResults"],"sourceRoot":"../../../../../src","sources":["chat/components/AmitySearchChannelResults/index.ts"],"mappings":"AAAA,SAASA,yBAAyB,QAAQ,6BAA6B","ignoreList":[]}

package/lib/module/chat/components/AmitySearchChannelResults/styles.js

@@ -0,0 +1,51 @@
+// 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.
+
+import { StyleSheet } from 'react-native';
+import { useToken } from '../../../core/design/theme/useToken';
+import { AmityColorToken } from '../../../core/design/tokens/amity-color-tokens';
+const ACTION_WIDTH = 80;
+export const useStyles = () => {
+  const token = useToken();
+  const styles = StyleSheet.create({
+    list: {
+      flex: 1,
+      backgroundColor: token(AmityColorToken.SurfaceListDefaultDefault)
+    },
+    listContent: {
+      flexGrow: 1
+    },
+    // web swipeToLeft__actionContent: right-aligned 5rem panel, centered column.
+    swipeAction: {
+      width: ACTION_WIDTH,
+      backgroundColor: token(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(AmityColorToken.TextSquareButtonDefaultSecondaryDefault)
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/chat/components/AmitySearchChannelResults/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useToken","AmityColorToken","ACTION_WIDTH","useStyles","token","styles","create","list","flex","backgroundColor","SurfaceListDefaultDefault","listContent","flexGrow","swipeAction","width","SurfaceSquareButtonDefaultSecondaryDefault","swipeActionContent","flexDirection","alignItems","justifyContent","gap","paddingVertical","paddingHorizontal","swipeActionLabel","fontSize","fontWeight","lineHeight","letterSpacing","textAlign","color","TextSquareButtonDefaultSecondaryDefault"],"sourceRoot":"../../../../../src","sources":["chat/components/AmitySearchChannelResults/styles.ts"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,qCAAqC;AAC9D,SAASC,eAAe,QAAQ,gDAAgD;AAEhF,MAAMC,YAAY,GAAG,EAAE;AAEvB,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAGJ,QAAQ,CAAC,CAAC;EAExB,MAAMK,MAAM,GAAGN,UAAU,CAACO,MAAM,CAAC;IAC/BC,IAAI,EAAE;MACJC,IAAI,EAAE,CAAC;MACPC,eAAe,EAAEL,KAAK,CAACH,eAAe,CAACS,yBAAyB;IAClE,CAAC;IACDC,WAAW,EAAE;MACXC,QAAQ,EAAE;IACZ,CAAC;IACD;IACAC,WAAW,EAAE;MACXC,KAAK,EAAEZ,YAAY;MACnBO,eAAe,EAAEL,KAAK,CACpBH,eAAe,CAACc,0CAClB;IACF,CAAC;IACDC,kBAAkB,EAAE;MAClBR,IAAI,EAAE,CAAC;MACPS,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,EAAEzB,KAAK,CAACH,eAAe,CAAC6B,uCAAuC;IACtE;EACF,CAAC,CAAC;EAEF,OAAO;IAAEzB,MAAM;IAAED;EAAM,CAAC;AAC1B,CAAC","ignoreList":[]}