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

package/lib/module/chat/features/home/components/ChannelList/ChannelList.js

@@ -0,0 +1,189 @@
+// ChannelList — ported from AmityUiKitWeb v4/chat/features/home/components/ChannelList.
+// Renders a live list of channels for the given types via an RN FlatList.
+//
+// RN adaptations from web:
+//   - Web's IntersectionObserver sentinel → FlatList `onEndReached`.
+//   - Web's SwipeToLeft (framer-motion) swipe-to-archive → react-native-gesture-handler
+//     `Swipeable` (renderRightActions + onSwipeableWillOpen → archiveChannel); needs
+//     GestureHandlerRootView at the app root. Web also passes excludeArchives:true so
+//     archived channels drop out of the main list — mirrored here.
+//   - The empty-state illustration (web-only) is replaced by an AmityIcon glyph.
+//   - Navigation is delegated to `onChannelPress(channelId)` from the page.
+//   - Mark-as-read on row tap: web's canonical mark-read happens on conversation
+//     OPEN (message-level `Amity.Message#markRead()` via useChatMessage/useMarkAsRead,
+//     already wired for the RN Chat/GroupChat screens). To clear the list's unread
+//     count immediately on tap, we additionally call
+//     `SubChannelRepository.startMessageReceiptSync(defaultSubChannelId)` here — the
+//     SDK marks all messages in the sub-channel read. Fire-and-forget; failures are
+//     non-fatal (the conversation-open path still marks read).
+
+// 1. React / RN imports
+import { FlatList, View } from 'react-native';
+
+// 2. Third-party imports
+import { Swipeable } from 'react-native-gesture-handler';
+import { SvgXml } from 'react-native-svg';
+import { SubChannelRepository } from '@amityco/ts-sdk-react-native';
+
+// 3. Internal imports (relative)
+import { Typography } from '../../../../../core/design/components/Typography';
+import { Button } from '../../../../../core/design/atoms/Button';
+import { AmityIcon } from '../../../../../core/design/icons';
+import { AmityColorToken } from '../../../../../core/design/tokens/amity-color-tokens';
+import { useAmityTheme } from '../../../../../core/design/theme/AmityThemeProvider';
+import { emptyCommunity2 } from '../../../../../core/assets/icons/emptyCommunity2';
+import { useString } from '../../../../../core/localization';
+import { AmityChatListItem } from '../../../../components/AmityChatListItem';
+import { useChannelsCollection } from '../../../../hooks/collections/useChannelsCollection';
+import { useChannelArchiveQuery } from '../../../../hooks/queries';
+import { useStyles } from './styles';
+const SKELETON_ROW_COUNT = 9;
+const ACTION_ICON_SIZE = 28;
+
+// 3. Types
+
+// 4. Named function component
+export function ChannelList({
+  types,
+  isPushNotificationEnabled = true,
+  onChannelPress,
+  onCreatePress
+}) {
+  const {
+    styles
+  } = useStyles();
+  const {
+    channels,
+    loading,
+    hasNextPage,
+    loadMore
+  } = useChannelsCollection({
+    types,
+    excludeArchives: true
+  });
+  const {
+    archiveChannel
+  } = useChannelArchiveQuery();
+  const archiveLabel = useString('amity_chat_archive');
+  const renderArchiveAction = () => /*#__PURE__*/React.createElement(View, {
+    style: styles.action
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.actionContent
+  }, /*#__PURE__*/React.createElement(AmityIcon, {
+    name: "archive-r",
+    size: ACTION_ICON_SIZE,
+    tokenColor: AmityColorToken.IconSquareButtonDefaultSecondaryDefault
+  }), /*#__PURE__*/React.createElement(Typography, {
+    variant: "captionBold",
+    style: styles.actionLabel
+  }, archiveLabel)));
+
+  // Mark the tapped channel read (clear its unread count) before navigating.
+  // Uses the channel's default sub-channel; the SDK marks all its messages read.
+  const handleRowPress = channel => {
+    if (channel.defaultSubChannelId) {
+      SubChannelRepository.startMessageReceiptSync(channel.defaultSubChannelId).catch(() => {
+        // Non-fatal: unread also clears when the conversation is opened.
+      });
+    }
+    onChannelPress === null || onChannelPress === void 0 || onChannelPress(channel.channelId, channel.displayName, channel.type);
+  };
+  const isInitialLoading = loading && channels.length === 0;
+  if (isInitialLoading) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.list
+    }, Array.from({
+      length: SKELETON_ROW_COUNT
+    }).map((_, i) => /*#__PURE__*/React.createElement(AmityChatListItem.Skeleton, {
+      key: i
+    })));
+  }
+
+  // iOS AmityChatListComponent renders the push-disabled banner above BOTH the
+  // empty state and the populated list (but not the loading skeleton).
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.root
+  }, !isPushNotificationEnabled ? /*#__PURE__*/React.createElement(PushDisabledBanner, null) : null, channels.length === 0 ? /*#__PURE__*/React.createElement(EmptyChannelList, {
+    onCreatePress: onCreatePress
+  }) : /*#__PURE__*/React.createElement(FlatList, {
+    style: styles.list,
+    contentContainerStyle: styles.listContent,
+    data: channels,
+    keyExtractor: channel => channel.channelId,
+    renderItem: ({
+      item
+    }) => /*#__PURE__*/React.createElement(Swipeable, {
+      renderRightActions: renderArchiveAction,
+      onSwipeableWillOpen: () => archiveChannel({
+        channelId: item.channelId
+      })
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.row
+    }, /*#__PURE__*/React.createElement(AmityChatListItem, {
+      channel: item,
+      onPress: () => handleRowPress(item)
+    }))),
+    onEndReachedThreshold: 0.7,
+    onEndReached: () => {
+      if (hasNextPage) loadMore();
+    },
+    ListFooterComponent: hasNextPage ? /*#__PURE__*/React.createElement(AmityChatListItem.Skeleton, null) : null
+  }));
+}
+
+// Push-notifications-disabled banner — ported from AmityUIKitIOS
+// AmityChatListComponent.pushNotificationsBanner: a bell-slash glyph + caption on
+// the subdue-banner surface, shown when push is disabled at the network/admin
+// or chat-module level.
+function PushDisabledBanner() {
+  const {
+    styles
+  } = useStyles();
+  const label = useString('amity_chat_notifications_disabled');
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.pushBanner
+  }, /*#__PURE__*/React.createElement(AmityIcon, {
+    name: "bell-slash-r",
+    size: 18,
+    tokenColor: AmityColorToken.IconBannerSubdueDescriptionGeneral
+  }), /*#__PURE__*/React.createElement(Typography, {
+    variant: "caption",
+    style: styles.pushBannerText
+  }, label));
+}
+function EmptyChannelList({
+  onCreatePress
+}) {
+  const {
+    styles
+  } = useStyles();
+  const {
+    mode
+  } = useAmityTheme();
+  const emptyTitle = useString('amity_chat_home_empty_title');
+  const emptyDescription = useString('amity_chat_home_empty_description');
+  const createNewChatLabel = useString('amity_chat_create_new_chat');
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.empty
+  }, /*#__PURE__*/React.createElement(SvgXml, {
+    xml: emptyCommunity2(mode === 'dark'),
+    width: 160,
+    height: 160
+  }), /*#__PURE__*/React.createElement(View, {
+    style: styles.emptyContent
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.emptyText
+  }, /*#__PURE__*/React.createElement(Typography, {
+    variant: "titleBold",
+    style: styles.emptyTitle
+  }, emptyTitle), /*#__PURE__*/React.createElement(Typography, {
+    variant: "caption",
+    style: styles.emptySubtitle
+  }, emptyDescription)), /*#__PURE__*/React.createElement(Button, {
+    label: createNewChatLabel,
+    icon: "plus-r",
+    style: styles.createButton,
+    onPress: onCreatePress
+  })));
+}
+//# sourceMappingURL=ChannelList.js.map

package/lib/module/chat/features/home/components/ChannelList/ChannelList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FlatList","View","Swipeable","SvgXml","SubChannelRepository","Typography","Button","AmityIcon","AmityColorToken","useAmityTheme","emptyCommunity2","useString","AmityChatListItem","useChannelsCollection","useChannelArchiveQuery","useStyles","SKELETON_ROW_COUNT","ACTION_ICON_SIZE","ChannelList","types","isPushNotificationEnabled","onChannelPress","onCreatePress","styles","channels","loading","hasNextPage","loadMore","excludeArchives","archiveChannel","archiveLabel","renderArchiveAction","React","createElement","style","action","actionContent","name","size","tokenColor","IconSquareButtonDefaultSecondaryDefault","variant","actionLabel","handleRowPress","channel","defaultSubChannelId","startMessageReceiptSync","catch","channelId","displayName","type","isInitialLoading","length","list","Array","from","map","_","i","Skeleton","key","root","PushDisabledBanner","EmptyChannelList","contentContainerStyle","listContent","data","keyExtractor","renderItem","item","renderRightActions","onSwipeableWillOpen","row","onPress","onEndReachedThreshold","onEndReached","ListFooterComponent","label","pushBanner","IconBannerSubdueDescriptionGeneral","pushBannerText","mode","emptyTitle","emptyDescription","createNewChatLabel","empty","xml","width","height","emptyContent","emptyText","emptySubtitle","icon","createButton"],"sourceRoot":"../../../../../../../src","sources":["chat/features/home/components/ChannelList/ChannelList.tsx"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,SAASA,QAAQ,EAAEC,IAAI,QAAQ,cAAc;;AAE7C;AACA,SAASC,SAAS,QAAQ,8BAA8B;AACxD,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,oBAAoB,QAAQ,8BAA8B;;AAEnE;AACA,SAASC,UAAU,QAAQ,kDAAkD;AAC7E,SAASC,MAAM,QAAQ,yCAAyC;AAChE,SAASC,SAAS,QAAQ,kCAAkC;AAC5D,SAASC,eAAe,QAAQ,sDAAsD;AACtF,SAASC,aAAa,QAAQ,qDAAqD;AACnF,SAASC,eAAe,QAAQ,kDAAkD;AAClF,SAASC,SAAS,QAAQ,kCAAkC;AAC5D,SAASC,iBAAiB,QAAQ,0CAA0C;AAC5E,SAASC,qBAAqB,QAAQ,qDAAqD;AAC3F,SAASC,sBAAsB,QAAQ,2BAA2B;AAClE,SAASC,SAAS,QAAQ,UAAU;AAEpC,MAAMC,kBAAkB,GAAG,CAAC;AAC5B,MAAMC,gBAAgB,GAAG,EAAE;;AAE3B;;AAkBA;AACA,OAAO,SAASC,WAAWA,CAAC;EAC1BC,KAAK;EACLC,yBAAyB,GAAG,IAAI;EAChCC,cAAc;EACdC;AACgB,CAAC,EAAE;EACnB,MAAM;IAAEC;EAAO,CAAC,GAAGR,SAAS,CAAC,CAAC;EAC9B,MAAM;IAAES,QAAQ;IAAEC,OAAO;IAAEC,WAAW;IAAEC;EAAS,CAAC,GAAGd,qBAAqB,CAAC;IACzEM,KAAK;IACLS,eAAe,EAAE;EACnB,CAAC,CAAC;EACF,MAAM;IAAEC;EAAe,CAAC,GAAGf,sBAAsB,CAAC,CAAC;EACnD,MAAMgB,YAAY,GAAGnB,SAAS,CAAC,oBAAoB,CAAC;EAEpD,MAAMoB,mBAAmB,GAAGA,CAAA,kBAC1BC,KAAA,CAAAC,aAAA,CAAChC,IAAI;IAACiC,KAAK,EAAEX,MAAM,CAACY;EAAO,gBACzBH,KAAA,CAAAC,aAAA,CAAChC,IAAI;IAACiC,KAAK,EAAEX,MAAM,CAACa;EAAc,gBAChCJ,KAAA,CAAAC,aAAA,CAAC1B,SAAS;IACR8B,IAAI,EAAC,WAAW;IAChBC,IAAI,EAAErB,gBAAiB;IACvBsB,UAAU,EAAE/B,eAAe,CAACgC;EAAwC,CACrE,CAAC,eACFR,KAAA,CAAAC,aAAA,CAAC5B,UAAU;IAACoC,OAAO,EAAC,aAAa;IAACP,KAAK,EAAEX,MAAM,CAACmB;EAAY,GACzDZ,YACS,CACR,CACF,CACP;;EAED;EACA;EACA,MAAMa,cAAc,GAAIC,OAAsB,IAAK;IACjD,IAAIA,OAAO,CAACC,mBAAmB,EAAE;MAC/BzC,oBAAoB,CAAC0C,uBAAuB,CAC1CF,OAAO,CAACC,mBACV,CAAC,CAACE,KAAK,CAAC,MAAM;QACZ;MAAA,CACD,CAAC;IACJ;IACA1B,cAAc,aAAdA,cAAc,eAAdA,cAAc,CAAGuB,OAAO,CAACI,SAAS,EAAEJ,OAAO,CAACK,WAAW,EAAEL,OAAO,CAACM,IAAI,CAAC;EACxE,CAAC;EAED,MAAMC,gBAAgB,GAAG1B,OAAO,IAAID,QAAQ,CAAC4B,MAAM,KAAK,CAAC;EAEzD,IAAID,gBAAgB,EAAE;IACpB,oBACEnB,KAAA,CAAAC,aAAA,CAAChC,IAAI;MAACiC,KAAK,EAAEX,MAAM,CAAC8B;IAAK,GACtBC,KAAK,CAACC,IAAI,CAAC;MAAEH,MAAM,EAAEpC;IAAmB,CAAC,CAAC,CAACwC,GAAG,CAAC,CAACC,CAAC,EAAEC,CAAC,kBACnD1B,KAAA,CAAAC,aAAA,CAACrB,iBAAiB,CAAC+C,QAAQ;MAACC,GAAG,EAAEF;IAAE,CAAE,CACtC,CACG,CAAC;EAEX;;EAEA;EACA;EACA,oBACE1B,KAAA,CAAAC,aAAA,CAAChC,IAAI;IAACiC,KAAK,EAAEX,MAAM,CAACsC;EAAK,GACtB,CAACzC,yBAAyB,gBAAGY,KAAA,CAAAC,aAAA,CAAC6B,kBAAkB,MAAE,CAAC,GAAG,IAAI,EAC1DtC,QAAQ,CAAC4B,MAAM,KAAK,CAAC,gBACpBpB,KAAA,CAAAC,aAAA,CAAC8B,gBAAgB;IAACzC,aAAa,EAAEA;EAAc,CAAE,CAAC,gBAElDU,KAAA,CAAAC,aAAA,CAACjC,QAAQ;IACPkC,KAAK,EAAEX,MAAM,CAAC8B,IAAK;IACnBW,qBAAqB,EAAEzC,MAAM,CAAC0C,WAAY;IAC1CC,IAAI,EAAE1C,QAAS;IACf2C,YAAY,EAAGvB,OAAO,IAAKA,OAAO,CAACI,SAAU;IAC7CoB,UAAU,EAAEA,CAAC;MAAEC;IAAK,CAAC,kBACnBrC,KAAA,CAAAC,aAAA,CAAC/B,SAAS;MACRoE,kBAAkB,EAAEvC,mBAAoB;MACxCwC,mBAAmB,EAAEA,CAAA,KACnB1C,cAAc,CAAC;QAAEmB,SAAS,EAAEqB,IAAI,CAACrB;MAAU,CAAC;IAC7C,gBAEDhB,KAAA,CAAAC,aAAA,CAAChC,IAAI;MAACiC,KAAK,EAAEX,MAAM,CAACiD;IAAI,gBACtBxC,KAAA,CAAAC,aAAA,CAACrB,iBAAiB;MAChBgC,OAAO,EAAEyB,IAAK;MACdI,OAAO,EAAEA,CAAA,KAAM9B,cAAc,CAAC0B,IAAI;IAAE,CACrC,CACG,CACG,CACX;IACFK,qBAAqB,EAAE,GAAI;IAC3BC,YAAY,EAAEA,CAAA,KAAM;MAClB,IAAIjD,WAAW,EAAEC,QAAQ,CAAC,CAAC;IAC7B,CAAE;IACFiD,mBAAmB,EACjBlD,WAAW,gBAAGM,KAAA,CAAAC,aAAA,CAACrB,iBAAiB,CAAC+C,QAAQ,MAAE,CAAC,GAAG;EAChD,CACF,CAEC,CAAC;AAEX;;AAEA;AACA;AACA;AACA;AACA,SAASG,kBAAkBA,CAAA,EAAG;EAC5B,MAAM;IAAEvC;EAAO,CAAC,GAAGR,SAAS,CAAC,CAAC;EAC9B,MAAM8D,KAAK,GAAGlE,SAAS,CAAC,mCAAmC,CAAC;EAC5D,oBACEqB,KAAA,CAAAC,aAAA,CAAChC,IAAI;IAACiC,KAAK,EAAEX,MAAM,CAACuD;EAAW,gBAC7B9C,KAAA,CAAAC,aAAA,CAAC1B,SAAS;IACR8B,IAAI,EAAC,cAAc;IACnBC,IAAI,EAAE,EAAG;IACTC,UAAU,EAAE/B,eAAe,CAACuE;EAAmC,CAChE,CAAC,eACF/C,KAAA,CAAAC,aAAA,CAAC5B,UAAU;IAACoC,OAAO,EAAC,SAAS;IAACP,KAAK,EAAEX,MAAM,CAACyD;EAAe,GACxDH,KACS,CACR,CAAC;AAEX;AAEA,SAASd,gBAAgBA,CAAC;EAAEzC;AAA8C,CAAC,EAAE;EAC3E,MAAM;IAAEC;EAAO,CAAC,GAAGR,SAAS,CAAC,CAAC;EAC9B,MAAM;IAAEkE;EAAK,CAAC,GAAGxE,aAAa,CAAC,CAAC;EAChC,MAAMyE,UAAU,GAAGvE,SAAS,CAAC,6BAA6B,CAAC;EAC3D,MAAMwE,gBAAgB,GAAGxE,SAAS,CAAC,mCAAmC,CAAC;EACvE,MAAMyE,kBAAkB,GAAGzE,SAAS,CAAC,4BAA4B,CAAC;EAElE,oBACEqB,KAAA,CAAAC,aAAA,CAAChC,IAAI;IAACiC,KAAK,EAAEX,MAAM,CAAC8D;EAAM,gBAGxBrD,KAAA,CAAAC,aAAA,CAAC9B,MAAM;IAACmF,GAAG,EAAE5E,eAAe,CAACuE,IAAI,KAAK,MAAM,CAAE;IAACM,KAAK,EAAE,GAAI;IAACC,MAAM,EAAE;EAAI,CAAE,CAAC,eAC1ExD,KAAA,CAAAC,aAAA,CAAChC,IAAI;IAACiC,KAAK,EAAEX,MAAM,CAACkE;EAAa,gBAC/BzD,KAAA,CAAAC,aAAA,CAAChC,IAAI;IAACiC,KAAK,EAAEX,MAAM,CAACmE;EAAU,gBAC5B1D,KAAA,CAAAC,aAAA,CAAC5B,UAAU;IAACoC,OAAO,EAAC,WAAW;IAACP,KAAK,EAAEX,MAAM,CAAC2D;EAAW,GACtDA,UACS,CAAC,eACblD,KAAA,CAAAC,aAAA,CAAC5B,UAAU;IAACoC,OAAO,EAAC,SAAS;IAACP,KAAK,EAAEX,MAAM,CAACoE;EAAc,GACvDR,gBACS,CACR,CAAC,eACPnD,KAAA,CAAAC,aAAA,CAAC3B,MAAM;IACLuE,KAAK,EAAEO,kBAAmB;IAC1BQ,IAAI,EAAC,QAAQ;IACb1D,KAAK,EAAEX,MAAM,CAACsE,YAAa;IAC3BpB,OAAO,EAAEnD;EAAc,CACxB,CACG,CACF,CAAC;AAEX","ignoreList":[]}

package/lib/module/chat/features/home/components/ChannelList/index.js

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

package/lib/module/chat/features/home/components/ChannelList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ChannelList"],"sourceRoot":"../../../../../../../src","sources":["chat/features/home/components/ChannelList/index.ts"],"mappings":"AAAA,SAASA,WAAW,QAAQ,eAAe","ignoreList":[]}

package/lib/module/chat/features/home/components/ChannelList/styles.js

@@ -0,0 +1,101 @@
+// Styles for ChannelList — ported from AmityUiKitWeb ChannelList.module.css.
+// Empty-state geometry mirrors the web CSS (rem → px ×16); 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({
+    // Wraps the push-disabled banner + the list/empty content (banner pinned on top).
+    root: {
+      flex: 1
+    },
+    // iOS pushNotificationsBanner: HStack (icon + caption), full width, padding
+    // 12/16, subdue-banner surface. iOS spacing 2 → 4 (RN AmityIcon has no image
+    // insets, so a slightly larger gap matches the iOS look).
+    pushBanner: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center',
+      gap: 4,
+      paddingVertical: 12,
+      paddingHorizontal: 16,
+      backgroundColor: token(AmityColorToken.SurfaceBannerSubdueGeneral)
+    },
+    pushBannerText: {
+      color: token(AmityColorToken.TextBannerSubdueTextDescriptionGeneral)
+    },
+    list: {
+      flex: 1,
+      backgroundColor: token(AmityColorToken.SurfaceListDefaultDefault)
+    },
+    listContent: {
+      flexGrow: 1
+    },
+    // Swipe-to-archive visuals (web SwipeToLeft.module.css):
+    // row over the action layer; action bg/icon/label via squarebutton tokens;
+    // action content 5rem→80 wide, gap 0.25rem→4, padding 1rem/0.5rem→16/8.
+    row: {
+      backgroundColor: token(AmityColorToken.SurfacePageBackgroundDefault)
+    },
+    action: {
+      justifyContent: 'center',
+      alignItems: 'flex-end',
+      backgroundColor: token(AmityColorToken.SurfaceSquareButtonDefaultSecondaryDefault)
+    },
+    actionContent: {
+      width: 80,
+      flexDirection: 'column',
+      alignItems: 'center',
+      justifyContent: 'center',
+      gap: 4,
+      paddingVertical: 16,
+      paddingHorizontal: 8
+    },
+    actionLabel: {
+      color: token(AmityColorToken.TextSquareButtonDefaultSecondaryDefault)
+    },
+    // web channelList__empty: column, centered, gap 0.25rem, padding 1rem.
+    empty: {
+      flexGrow: 1,
+      flexDirection: 'column',
+      alignItems: 'center',
+      justifyContent: 'center',
+      gap: 4,
+      padding: 16,
+      backgroundColor: token(AmityColorToken.SurfacePageBackgroundDefault)
+    },
+    // web channelList__emptyContent: gap 1rem, full width.
+    emptyContent: {
+      flexDirection: 'column',
+      alignItems: 'center',
+      gap: 16,
+      width: '100%'
+    },
+    emptyText: {
+      flexDirection: 'column',
+      alignItems: 'center'
+    },
+    emptyTitle: {
+      textAlign: 'center',
+      color: token(AmityColorToken.TextEmptyStateTitleDefault)
+    },
+    emptySubtitle: {
+      textAlign: 'center',
+      color: token(AmityColorToken.TextEmptyStateDescriptionDefault)
+    },
+    // Web's Button.Main here is auto-width (inline-flex), centered by the
+    // emptyContent's align-items:center — NOT full-width. RN's Button defaults to
+    // alignSelf:flex-start, so centre it explicitly (compact, not full-screen).
+    createButton: {
+      alignSelf: 'center'
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/chat/features/home/components/ChannelList/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useToken","AmityColorToken","useStyles","token","styles","create","root","flex","pushBanner","flexDirection","alignItems","justifyContent","gap","paddingVertical","paddingHorizontal","backgroundColor","SurfaceBannerSubdueGeneral","pushBannerText","color","TextBannerSubdueTextDescriptionGeneral","list","SurfaceListDefaultDefault","listContent","flexGrow","row","SurfacePageBackgroundDefault","action","SurfaceSquareButtonDefaultSecondaryDefault","actionContent","width","actionLabel","TextSquareButtonDefaultSecondaryDefault","empty","padding","emptyContent","emptyText","emptyTitle","textAlign","TextEmptyStateTitleDefault","emptySubtitle","TextEmptyStateDescriptionDefault","createButton","alignSelf"],"sourceRoot":"../../../../../../../src","sources":["chat/features/home/components/ChannelList/styles.ts"],"mappings":"AAAA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,2CAA2C;AACpE,SAASC,eAAe,QAAQ,sDAAsD;AAEtF,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAGH,QAAQ,CAAC,CAAC;EAExB,MAAMI,MAAM,GAAGL,UAAU,CAACM,MAAM,CAAC;IAC/B;IACAC,IAAI,EAAE;MACJC,IAAI,EAAE;IACR,CAAC;IACD;IACA;IACA;IACAC,UAAU,EAAE;MACVC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,GAAG,EAAE,CAAC;MACNC,eAAe,EAAE,EAAE;MACnBC,iBAAiB,EAAE,EAAE;MACrBC,eAAe,EAAEZ,KAAK,CAACF,eAAe,CAACe,0BAA0B;IACnE,CAAC;IACDC,cAAc,EAAE;MACdC,KAAK,EAAEf,KAAK,CAACF,eAAe,CAACkB,sCAAsC;IACrE,CAAC;IACDC,IAAI,EAAE;MACJb,IAAI,EAAE,CAAC;MACPQ,eAAe,EAAEZ,KAAK,CAACF,eAAe,CAACoB,yBAAyB;IAClE,CAAC;IACDC,WAAW,EAAE;MACXC,QAAQ,EAAE;IACZ,CAAC;IACD;IACA;IACA;IACAC,GAAG,EAAE;MACHT,eAAe,EAAEZ,KAAK,CAACF,eAAe,CAACwB,4BAA4B;IACrE,CAAC;IACDC,MAAM,EAAE;MACNf,cAAc,EAAE,QAAQ;MACxBD,UAAU,EAAE,UAAU;MACtBK,eAAe,EAAEZ,KAAK,CACpBF,eAAe,CAAC0B,0CAClB;IACF,CAAC;IACDC,aAAa,EAAE;MACbC,KAAK,EAAE,EAAE;MACTpB,aAAa,EAAE,QAAQ;MACvBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,GAAG,EAAE,CAAC;MACNC,eAAe,EAAE,EAAE;MACnBC,iBAAiB,EAAE;IACrB,CAAC;IACDgB,WAAW,EAAE;MACXZ,KAAK,EAAEf,KAAK,CAACF,eAAe,CAAC8B,uCAAuC;IACtE,CAAC;IACD;IACAC,KAAK,EAAE;MACLT,QAAQ,EAAE,CAAC;MACXd,aAAa,EAAE,QAAQ;MACvBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,GAAG,EAAE,CAAC;MACNqB,OAAO,EAAE,EAAE;MACXlB,eAAe,EAAEZ,KAAK,CAACF,eAAe,CAACwB,4BAA4B;IACrE,CAAC;IACD;IACAS,YAAY,EAAE;MACZzB,aAAa,EAAE,QAAQ;MACvBC,UAAU,EAAE,QAAQ;MACpBE,GAAG,EAAE,EAAE;MACPiB,KAAK,EAAE;IACT,CAAC;IACDM,SAAS,EAAE;MACT1B,aAAa,EAAE,QAAQ;MACvBC,UAAU,EAAE;IACd,CAAC;IACD0B,UAAU,EAAE;MACVC,SAAS,EAAE,QAAQ;MACnBnB,KAAK,EAAEf,KAAK,CAACF,eAAe,CAACqC,0BAA0B;IACzD,CAAC;IACDC,aAAa,EAAE;MACbF,SAAS,EAAE,QAAQ;MACnBnB,KAAK,EAAEf,KAAK,CAACF,eAAe,CAACuC,gCAAgC;IAC/D,CAAC;IACD;IACA;IACA;IACAC,YAAY,EAAE;MACZC,SAAS,EAAE;IACb;EACF,CAAC,CAAC;EAEF,OAAO;IAAEtC,MAAM;IAAED;EAAM,CAAC;AAC1B,CAAC","ignoreList":[]}

package/lib/module/chat/features/home/components/Header/Header.js

@@ -0,0 +1,38 @@
+// Header — ported from AmityUiKitWeb v4/chat/features/home/components/Header.
+// The web header hosts a title, the offline indicator, then a right-aligned actions
+// group (SearchButton / CreateChatMenu / ChatHomeMenu), in that order. The chat-list
+// header is the ONLY place web surfaces WaitingForNetwork.
+
+// 1. React / RN imports
+import { View } from 'react-native';
+
+// 2. Internal imports (relative)
+import { Typography } from '../../../../../core/design/components/Typography';
+import { useString } from '../../../../../core/localization';
+import { WaitingForNetwork } from '../../../../elements/WaitingForNetwork';
+import { SearchButton } from '../../elements/SearchButton';
+import { CreateChatMenu } from '../../elements/CreateChatMenu';
+import { ChatHomeMenu } from '../../elements/ChatHomeMenu';
+import { useStyles } from './styles';
+
+// 3. Named function component
+export function Header() {
+  const {
+    styles
+  } = useStyles();
+  const title = useString('amity_chat_home_title');
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.header
+  }, /*#__PURE__*/React.createElement(Typography, {
+    variant: "headline",
+    style: styles.title,
+    numberOfLines: 1
+  }, title), /*#__PURE__*/React.createElement(View, {
+    style: styles.networkSlot
+  }, /*#__PURE__*/React.createElement(WaitingForNetwork, null)), /*#__PURE__*/React.createElement(View, {
+    style: styles.actions
+  }, /*#__PURE__*/React.createElement(SearchButton, null), /*#__PURE__*/React.createElement(CreateChatMenu, {
+    enabledChannelTypes: ['conversation', 'community']
+  }), /*#__PURE__*/React.createElement(ChatHomeMenu, null)));
+}
+//# sourceMappingURL=Header.js.map

package/lib/module/chat/features/home/components/Header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Typography","useString","WaitingForNetwork","SearchButton","CreateChatMenu","ChatHomeMenu","useStyles","Header","styles","title","React","createElement","style","header","variant","numberOfLines","networkSlot","actions","enabledChannelTypes"],"sourceRoot":"../../../../../../../src","sources":["chat/features/home/components/Header/Header.tsx"],"mappings":"AAAA;AACA;AACA;AACA;;AAEA;AACA,SAASA,IAAI,QAAQ,cAAc;;AAEnC;AACA,SAASC,UAAU,QAAQ,kDAAkD;AAC7E,SAASC,SAAS,QAAQ,kCAAkC;AAC5D,SAASC,iBAAiB,QAAQ,wCAAwC;AAC1E,SAASC,YAAY,QAAQ,6BAA6B;AAC1D,SAASC,cAAc,QAAQ,+BAA+B;AAC9D,SAASC,YAAY,QAAQ,6BAA6B;AAC1D,SAASC,SAAS,QAAQ,UAAU;;AAEpC;AACA,OAAO,SAASC,MAAMA,CAAA,EAAG;EACvB,MAAM;IAAEC;EAAO,CAAC,GAAGF,SAAS,CAAC,CAAC;EAC9B,MAAMG,KAAK,GAAGR,SAAS,CAAC,uBAAuB,CAAC;EAEhD,oBACES,KAAA,CAAAC,aAAA,CAACZ,IAAI;IAACa,KAAK,EAAEJ,MAAM,CAACK;EAAO,gBACzBH,KAAA,CAAAC,aAAA,CAACX,UAAU;IAACc,OAAO,EAAC,UAAU;IAACF,KAAK,EAAEJ,MAAM,CAACC,KAAM;IAACM,aAAa,EAAE;EAAE,GAClEN,KACS,CAAC,eACbC,KAAA,CAAAC,aAAA,CAACZ,IAAI;IAACa,KAAK,EAAEJ,MAAM,CAACQ;EAAY,gBAC9BN,KAAA,CAAAC,aAAA,CAACT,iBAAiB,MAAE,CAChB,CAAC,eACPQ,KAAA,CAAAC,aAAA,CAACZ,IAAI;IAACa,KAAK,EAAEJ,MAAM,CAACS;EAAQ,gBAC1BP,KAAA,CAAAC,aAAA,CAACR,YAAY,MAAE,CAAC,eAChBO,KAAA,CAAAC,aAAA,CAACP,cAAc;IAACc,mBAAmB,EAAE,CAAC,cAAc,EAAE,WAAW;EAAE,CAAE,CAAC,eACtER,KAAA,CAAAC,aAAA,CAACN,YAAY,MAAE,CACX,CACF,CAAC;AAEX","ignoreList":[]}

package/lib/module/chat/features/home/components/Header/index.js

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

package/lib/module/chat/features/home/components/Header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Header"],"sourceRoot":"../../../../../../../src","sources":["chat/features/home/components/Header/index.ts"],"mappings":"AAAA,SAASA,MAAM,QAAQ,UAAU","ignoreList":[]}

package/lib/module/chat/features/home/components/Header/styles.js

@@ -0,0 +1,50 @@
+// Styles for Header — ported from AmityUiKitWeb Header.module.css.
+// Geometry mirrors the web CSS (padding 0.75rem 1rem, gap 0.5rem → px ×16);
+// colours resolve through design tokens.
+
+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({
+    header: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 8,
+      paddingVertical: 12,
+      paddingHorizontal: 16,
+      backgroundColor: token(AmityColorToken.SurfaceListDefaultDefault)
+    },
+    // Web gives the title and the actions `flex: 1 0 0` each and lets the offline
+    // indicator between them take its natural width — fine on a desktop header.
+    // On a phone the two halves claim everything and the indicator (flexShrink: 0)
+    // overflowed under the action buttons, so RN sizes both sides to their content
+    // and gives the middle slot the slack instead.
+    title: {
+      flexShrink: 1,
+      minWidth: 0,
+      color: token(AmityColorToken.TextListHeaderDefaultDefault)
+    },
+    /** Centres WaitingForNetwork between the title and the actions. */
+    networkSlot: {
+      flex: 1,
+      minWidth: 0,
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    // web header__actions: justify-content flex-end, gap 0.75rem→12
+    actions: {
+      flexShrink: 0,
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'flex-end',
+      gap: 12
+    }
+  });
+  return {
+    styles
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/chat/features/home/components/Header/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useToken","AmityColorToken","useStyles","token","styles","create","header","flexDirection","alignItems","gap","paddingVertical","paddingHorizontal","backgroundColor","SurfaceListDefaultDefault","title","flexShrink","minWidth","color","TextListHeaderDefaultDefault","networkSlot","flex","justifyContent","actions"],"sourceRoot":"../../../../../../../src","sources":["chat/features/home/components/Header/styles.ts"],"mappings":"AAAA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,2CAA2C;AACpE,SAASC,eAAe,QAAQ,sDAAsD;AAEtF,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAGH,QAAQ,CAAC,CAAC;EAExB,MAAMI,MAAM,GAAGL,UAAU,CAACM,MAAM,CAAC;IAC/BC,MAAM,EAAE;MACNC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,GAAG,EAAE,CAAC;MACNC,eAAe,EAAE,EAAE;MACnBC,iBAAiB,EAAE,EAAE;MACrBC,eAAe,EAAET,KAAK,CAACF,eAAe,CAACY,yBAAyB;IAClE,CAAC;IACD;IACA;IACA;IACA;IACA;IACAC,KAAK,EAAE;MACLC,UAAU,EAAE,CAAC;MACbC,QAAQ,EAAE,CAAC;MACXC,KAAK,EAAEd,KAAK,CAACF,eAAe,CAACiB,4BAA4B;IAC3D,CAAC;IACD;IACAC,WAAW,EAAE;MACXC,IAAI,EAAE,CAAC;MACPJ,QAAQ,EAAE,CAAC;MACXT,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBa,cAAc,EAAE;IAClB,CAAC;IACD;IACAC,OAAO,EAAE;MACPP,UAAU,EAAE,CAAC;MACbR,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBa,cAAc,EAAE,UAAU;MAC1BZ,GAAG,EAAE;IACP;EACF,CAAC,CAAC;EAEF,OAAO;IAAEL;EAAO,CAAC;AACnB,CAAC","ignoreList":[]}

package/lib/module/chat/features/home/components/NotificationsDisabledBanner/NotificationsDisabledBanner.js

@@ -0,0 +1,39 @@
+// NotificationsDisabledBanner — ported from AmityUiKitWeb
+// v4/chat/features/home/components/NotificationsDisabledBanner.
+// A subdued status banner shown when chat push notifications are disabled.
+// (On web this is currently gated off; ChatHome does not mount it for M1.)
+
+// 1. React / RN imports
+import { View } from 'react-native';
+
+// 2. Internal imports (relative)
+import { Typography } from '../../../../../core/design/components/Typography';
+import { AmityIcon } from '../../../../../core/design/icons';
+import { AmityColorToken } from '../../../../../core/design/tokens/amity-color-tokens';
+import { useString } from '../../../../../core/localization';
+import { useStyles, ICON_SIZE } from './styles';
+
+// 3. Named function component
+export function NotificationsDisabledBanner() {
+  const {
+    styles,
+    token
+  } = useStyles();
+  const text = useString('amity_chat_notifications_disabled');
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.banner,
+    accessibilityRole: "alert"
+  }, /*#__PURE__*/React.createElement(AmityIcon, {
+    name: "bell-slash-r",
+    size: ICON_SIZE
+    // Web uses icon-banner-subdue-description-general; SoT (717) lacks the Subdue
+    // icon variant → color-identical GreyBG variant (same alias {Secondary/400}/
+    // {Secondary/500}). Web slug allowlisted in check-fidelity.
+    ,
+    color: token(AmityColorToken.IconBannerSubdueDescriptionGeneral)
+  }), /*#__PURE__*/React.createElement(Typography, {
+    variant: "caption",
+    style: styles.text
+  }, text));
+}
+//# sourceMappingURL=NotificationsDisabledBanner.js.map

package/lib/module/chat/features/home/components/NotificationsDisabledBanner/NotificationsDisabledBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Typography","AmityIcon","AmityColorToken","useString","useStyles","ICON_SIZE","NotificationsDisabledBanner","styles","token","text","React","createElement","style","banner","accessibilityRole","name","size","color","IconBannerSubdueDescriptionGeneral","variant"],"sourceRoot":"../../../../../../../src","sources":["chat/features/home/components/NotificationsDisabledBanner/NotificationsDisabledBanner.tsx"],"mappings":"AAAA;AACA;AACA;AACA;;AAEA;AACA,SAASA,IAAI,QAAQ,cAAc;;AAEnC;AACA,SAASC,UAAU,QAAQ,kDAAkD;AAC7E,SAASC,SAAS,QAAQ,kCAAkC;AAC5D,SAASC,eAAe,QAAQ,sDAAsD;AACtF,SAASC,SAAS,QAAQ,kCAAkC;AAC5D,SAASC,SAAS,EAAEC,SAAS,QAAQ,UAAU;;AAE/C;AACA,OAAO,SAASC,2BAA2BA,CAAA,EAAG;EAC5C,MAAM;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAGJ,SAAS,CAAC,CAAC;EACrC,MAAMK,IAAI,GAAGN,SAAS,CAAC,mCAAmC,CAAC;EAE3D,oBACEO,KAAA,CAAAC,aAAA,CAACZ,IAAI;IAACa,KAAK,EAAEL,MAAM,CAACM,MAAO;IAACC,iBAAiB,EAAC;EAAO,gBACnDJ,KAAA,CAAAC,aAAA,CAACV,SAAS;IACRc,IAAI,EAAC,cAAc;IACnBC,IAAI,EAAEX;IACN;IACA;IACA;IAAA;IACAY,KAAK,EAAET,KAAK,CAACN,eAAe,CAACgB,kCAAkC;EAAE,CAClE,CAAC,eACFR,KAAA,CAAAC,aAAA,CAACX,UAAU;IAACmB,OAAO,EAAC,SAAS;IAACP,KAAK,EAAEL,MAAM,CAACE;EAAK,GAC9CA,IACS,CACR,CAAC;AAEX","ignoreList":[]}

package/lib/module/chat/features/home/components/NotificationsDisabledBanner/index.js

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

package/lib/module/chat/features/home/components/NotificationsDisabledBanner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["NotificationsDisabledBanner"],"sourceRoot":"../../../../../../../src","sources":["chat/features/home/components/NotificationsDisabledBanner/index.ts"],"mappings":"AAAA,SAASA,2BAA2B,QAAQ,+BAA+B","ignoreList":[]}

package/lib/module/chat/features/home/components/NotificationsDisabledBanner/styles.js

@@ -0,0 +1,36 @@
+// Styles for NotificationsDisabledBanner — ported from AmityUiKitWeb
+// NotificationsDisabledBanner.module.css. Geometry mirrors the web CSS
+// (padding 0.75rem 1rem, gap 0.25rem, icon 1.125rem → px ×16); colours resolve
+// through design tokens.
+
+import { StyleSheet } from 'react-native';
+import { useToken } from '../../../../../core/design/theme/useToken';
+import { AmityColorToken } from '../../../../../core/design/tokens/amity-color-tokens';
+export const ICON_SIZE = 18; // web 1.125rem
+
+export const useStyles = () => {
+  const token = useToken();
+  const styles = StyleSheet.create({
+    banner: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center',
+      gap: 4,
+      paddingVertical: 12,
+      paddingHorizontal: 16,
+      backgroundColor: token(AmityColorToken.SurfaceBannerSubdueGeneral)
+    },
+    text: {
+      textAlign: 'center',
+      // Web uses text-banner-subdue-textdescription-general; the cleverden SoT (717)
+      // doesn't ship the Subdue text variant, so use the color-identical GreyBG variant
+      // (same alias chain → same hex). Web slug allowlisted in check-fidelity.
+      color: token(AmityColorToken.TextBannerSubdueTextDescriptionGeneral)
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/chat/features/home/components/NotificationsDisabledBanner/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useToken","AmityColorToken","ICON_SIZE","useStyles","token","styles","create","banner","flexDirection","alignItems","justifyContent","gap","paddingVertical","paddingHorizontal","backgroundColor","SurfaceBannerSubdueGeneral","text","textAlign","color","TextBannerSubdueTextDescriptionGeneral"],"sourceRoot":"../../../../../../../src","sources":["chat/features/home/components/NotificationsDisabledBanner/styles.ts"],"mappings":"AAAA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,2CAA2C;AACpE,SAASC,eAAe,QAAQ,sDAAsD;AAEtF,OAAO,MAAMC,SAAS,GAAG,EAAE,CAAC,CAAC;;AAE7B,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAGJ,QAAQ,CAAC,CAAC;EAExB,MAAMK,MAAM,GAAGN,UAAU,CAACO,MAAM,CAAC;IAC/BC,MAAM,EAAE;MACNC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,GAAG,EAAE,CAAC;MACNC,eAAe,EAAE,EAAE;MACnBC,iBAAiB,EAAE,EAAE;MACrBC,eAAe,EAAEV,KAAK,CAACH,eAAe,CAACc,0BAA0B;IACnE,CAAC;IACDC,IAAI,EAAE;MACJC,SAAS,EAAE,QAAQ;MACnB;MACA;MACA;MACAC,KAAK,EAAEd,KAAK,CAACH,eAAe,CAACkB,sCAAsC;IACrE;EACF,CAAC,CAAC;EAEF,OAAO;IAAEd,MAAM;IAAED;EAAM,CAAC;AAC1B,CAAC","ignoreList":[]}

package/lib/module/chat/features/home/components/index.js

@@ -0,0 +1,4 @@
+export * from './ChannelList';
+export * from './Header';
+export * from './NotificationsDisabledBanner';
+//# sourceMappingURL=index.js.map

package/lib/module/chat/features/home/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../../src","sources":["chat/features/home/components/index.ts"],"mappings":"AAAA,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,+BAA+B","ignoreList":[]}

package/lib/module/chat/features/home/elements/ChatHomeMenu/ChatHomeMenu.js

@@ -0,0 +1,83 @@
+// ChatHomeMenu — the "⋯" chat-home overflow menu, ported from AmityUiKitWeb
+// v4/chat/features/home/elements/ChatHomeMenu.
+//
+// Behaviour (mirrors web): a filled ellipsis icon button opens a Popover with a
+// single "Archived" Menu.Item that navigates to the archived-chats page.
+//
+// RN adaptations from web:
+//   - Web `Button.Icon` (EllipsisV, filled/secondary, size 32) → a Pressable +
+//     AmityIcon on a filled surface (same pattern as CreateChatMenu).
+//   - Web `useChatNavigation().push({ type: ChatPageTypes.ArchivedChatPage })` →
+//     React Navigation. The `AmityArchivedChatPage` route lives in the
+//     orchestrator-owned RouteParamList, so the nav prop is typed `any` (as in
+//     AmityChatHomePage) to avoid coupling this file to the param list.
+//   - Web `forceShowPopUp` is a web-only positioning flag with no RN equivalent.
+
+// 1. React / RN imports
+import { Pressable } from 'react-native';
+
+// 2. Third-party imports
+import { useNavigation } from '@react-navigation/native';
+// 3. Internal imports (relative)
+import { Popover } from '../../../../../core/design/components/Popover';
+import { Menu } from '../../../../../core/design/components/Menu';
+import { AmityIcon } from '../../../../../core/design/icons';
+import { AmityColorToken } from '../../../../../core/design/tokens/amity-color-tokens';
+import { useString } from '../../../../../core/localization';
+import { useStyles } from './styles';
+
+// The filled "⋯" trigger button (module-scope so it is not re-created per render).
+
+function MenuButton({
+  accessibilityLabel,
+  isOpen,
+  onPress
+}) {
+  const {
+    styles
+  } = useStyles();
+  return /*#__PURE__*/React.createElement(Pressable, {
+    style: styles.iconButton,
+    accessibilityRole: "button",
+    accessibilityLabel: accessibilityLabel,
+    accessibilityState: {
+      expanded: isOpen
+    },
+    onPress: onPress
+  }, /*#__PURE__*/React.createElement(AmityIcon, {
+    name: "ellipsis-v-r",
+    size: 24,
+    tokenColor: AmityColorToken.IconIconButtonFilledSecondaryDefault
+  }));
+}
+
+// 4. Named function component
+export function ChatHomeMenu() {
+  const navigation = useNavigation();
+  const archivedLabel = useString('amity_chat_archived');
+  return /*#__PURE__*/React.createElement(Popover, {
+    placement: "bottom right"
+    // eslint-disable-next-line react/no-unstable-nested-components -- Popover's trigger is a render-prop, not a component definition.
+    ,
+    trigger: ({
+      openPopover,
+      isOpen
+    }) => /*#__PURE__*/React.createElement(MenuButton, {
+      accessibilityLabel: "Chat menu",
+      isOpen: isOpen,
+      onPress: openPopover
+    })
+  }, ({
+    closePopover
+  }) => /*#__PURE__*/React.createElement(Menu, {
+    container: "popover"
+  }, /*#__PURE__*/React.createElement(Menu.Item, {
+    icon: "archive-r",
+    label: archivedLabel,
+    onPress: () => {
+      closePopover();
+      navigation.navigate('AmityArchivedChatPage');
+    }
+  })));
+}
+//# sourceMappingURL=ChatHomeMenu.js.map

package/lib/module/chat/features/home/elements/ChatHomeMenu/ChatHomeMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Pressable","useNavigation","Popover","Menu","AmityIcon","AmityColorToken","useString","useStyles","MenuButton","accessibilityLabel","isOpen","onPress","styles","React","createElement","style","iconButton","accessibilityRole","accessibilityState","expanded","name","size","tokenColor","IconIconButtonFilledSecondaryDefault","ChatHomeMenu","navigation","archivedLabel","placement","trigger","openPopover","closePopover","container","Item","icon","label","navigate"],"sourceRoot":"../../../../../../../src","sources":["chat/features/home/elements/ChatHomeMenu/ChatHomeMenu.tsx"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,SAASA,SAAS,QAAQ,cAAc;;AAExC;AACA,SAASC,aAAa,QAAQ,0BAA0B;AAGxD;AACA,SAASC,OAAO,QAAQ,+CAA+C;AACvE,SAASC,IAAI,QAAQ,4CAA4C;AACjE,SAASC,SAAS,QAAQ,kCAAkC;AAC5D,SAASC,eAAe,QAAQ,sDAAsD;AACtF,SAASC,SAAS,QAAQ,kCAAkC;AAC5D,SAASC,SAAS,QAAQ,UAAU;;AAEpC;;AAOA,SAASC,UAAUA,CAAC;EAAEC,kBAAkB;EAAEC,MAAM;EAAEC;AAAyB,CAAC,EAAE;EAC5E,MAAM;IAAEC;EAAO,CAAC,GAAGL,SAAS,CAAC,CAAC;EAC9B,oBACEM,KAAA,CAAAC,aAAA,CAACd,SAAS;IACRe,KAAK,EAAEH,MAAM,CAACI,UAAW;IACzBC,iBAAiB,EAAC,QAAQ;IAC1BR,kBAAkB,EAAEA,kBAAmB;IACvCS,kBAAkB,EAAE;MAAEC,QAAQ,EAAET;IAAO,CAAE;IACzCC,OAAO,EAAEA;EAAQ,gBAEjBE,KAAA,CAAAC,aAAA,CAACV,SAAS;IACRgB,IAAI,EAAC,cAAc;IACnBC,IAAI,EAAE,EAAG;IACTC,UAAU,EAAEjB,eAAe,CAACkB;EAAqC,CAClE,CACQ,CAAC;AAEhB;;AAEA;AACA,OAAO,SAASC,YAAYA,CAAA,EAAG;EAC7B,MAAMC,UAAU,GAAGxB,aAAa,CAAiC,CAAC;EAClE,MAAMyB,aAAa,GAAGpB,SAAS,CAAC,qBAAqB,CAAC;EAEtD,oBACEO,KAAA,CAAAC,aAAA,CAACZ,OAAO;IACNyB,SAAS,EAAC;IACV;IAAA;IACAC,OAAO,EAAEA,CAAC;MAAEC,WAAW;MAAEnB;IAAO,CAAC,kBAC/BG,KAAA,CAAAC,aAAA,CAACN,UAAU;MACTC,kBAAkB,EAAC,WAAW;MAC9BC,MAAM,EAAEA,MAAO;MACfC,OAAO,EAAEkB;IAAY,CACtB;EACD,GAED,CAAC;IAAEC;EAAa,CAAC,kBAChBjB,KAAA,CAAAC,aAAA,CAACX,IAAI;IAAC4B,SAAS,EAAC;EAAS,gBACvBlB,KAAA,CAAAC,aAAA,CAACX,IAAI,CAAC6B,IAAI;IACRC,IAAI,EAAC,WAAW;IAChBC,KAAK,EAAER,aAAc;IACrBf,OAAO,EAAEA,CAAA,KAAM;MACbmB,YAAY,CAAC,CAAC;MACdL,UAAU,CAACU,QAAQ,CAAC,uBAAuB,CAAC;IAC9C;EAAE,CACH,CACG,CAED,CAAC;AAEd","ignoreList":[]}

package/lib/module/chat/features/home/elements/ChatHomeMenu/index.js

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

package/lib/module/chat/features/home/elements/ChatHomeMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ChatHomeMenu"],"sourceRoot":"../../../../../../../src","sources":["chat/features/home/elements/ChatHomeMenu/index.ts"],"mappings":"AAAA,SAASA,YAAY,QAAQ,gBAAgB","ignoreList":[]}