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

package/lib/module/social/features/chat/features/group/setting/styles.js

@@ -0,0 +1,51 @@
+// Styles for GroupSetting — ported from AmityUiKitWeb
+// v4/chat/features/group/setting/GroupSetting.module.css.
+// rem → px×16; colours via 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: {
+      flex: 1,
+      backgroundColor: token(AmityColorToken.SurfacePageBackgroundDefault)
+    },
+    // .groupSetting__avatarWrapper — center, 1rem vertical padding.
+    avatarWrapper: {
+      alignItems: 'center',
+      justifyContent: 'center',
+      paddingVertical: 16
+    },
+    // .groupSetting__avatar — 7.5rem square, 1.5rem radius, clipped.
+    avatar: {
+      width: 120,
+      height: 120,
+      borderRadius: 24,
+      overflow: 'hidden'
+    },
+    section: {
+      width: '100%',
+      flexDirection: 'column'
+    },
+    // .groupSetting__sectionTitle — padding 1.5rem/1rem/0.25rem.
+    sectionTitle: {
+      paddingTop: 24,
+      paddingHorizontal: 16,
+      paddingBottom: 4,
+      color: token(AmityColorToken.TextListHeaderDefaultDefault)
+    },
+    // .groupSetting__divider — hairline, inset 1rem, post-divider tint.
+    divider: {
+      height: 1,
+      marginHorizontal: 16,
+      backgroundColor: token(AmityColorToken.LineDividerPostDefault)
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/social/features/chat/features/group/setting/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useToken","AmityColorToken","useStyles","token","styles","create","container","flex","backgroundColor","SurfacePageBackgroundDefault","avatarWrapper","alignItems","justifyContent","paddingVertical","avatar","width","height","borderRadius","overflow","section","flexDirection","sectionTitle","paddingTop","paddingHorizontal","paddingBottom","color","TextListHeaderDefaultDefault","divider","marginHorizontal","LineDividerPostDefault"],"sourceRoot":"../../../../../../../../src","sources":["social/features/chat/features/group/setting/styles.ts"],"mappings":"AAAA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,8CAA8C;AACvE,SAASC,eAAe,QAAQ,yDAAyD;AAEzF,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAGH,QAAQ,CAAC,CAAC;EAExB,MAAMI,MAAM,GAAGL,UAAU,CAACM,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,IAAI,EAAE,CAAC;MACPC,eAAe,EAAEL,KAAK,CAACF,eAAe,CAACQ,4BAA4B;IACrE,CAAC;IACD;IACAC,aAAa,EAAE;MACbC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,eAAe,EAAE;IACnB,CAAC;IACD;IACAC,MAAM,EAAE;MACNC,KAAK,EAAE,GAAG;MACVC,MAAM,EAAE,GAAG;MACXC,YAAY,EAAE,EAAE;MAChBC,QAAQ,EAAE;IACZ,CAAC;IACDC,OAAO,EAAE;MACPJ,KAAK,EAAE,MAAM;MACbK,aAAa,EAAE;IACjB,CAAC;IACD;IACAC,YAAY,EAAE;MACZC,UAAU,EAAE,EAAE;MACdC,iBAAiB,EAAE,EAAE;MACrBC,aAAa,EAAE,CAAC;MAChBC,KAAK,EAAEtB,KAAK,CAACF,eAAe,CAACyB,4BAA4B;IAC3D,CAAC;IACD;IACAC,OAAO,EAAE;MACPX,MAAM,EAAE,CAAC;MACTY,gBAAgB,EAAE,EAAE;MACpBpB,eAAe,EAAEL,KAAK,CAACF,eAAe,CAAC4B,sBAAsB;IAC/D;EACF,CAAC,CAAC;EAEF,OAAO;IAAEzB,MAAM;IAAED;EAAM,CAAC;AAC1B,CAAC","ignoreList":[]}

package/lib/module/social/features/chat/features/home/ChatHome.js

@@ -0,0 +1,74 @@
+// ChatHome — ported from AmityUiKitWeb v4/chat/features/home/ChatHome.
+// Composes the Header, the tab bar (All / Direct / Groups) and the active
+// ChannelList for the selected tab's channel types.
+//
+// RN adaptations from web:
+//   - `useChatFeatureFlags` gating is dropped for M1: a static three-tab config
+//     is used (All + Direct + Groups).
+//   - Web has no notification features, so the "Push notifications have been
+//     disabled by admin" banner is ported from AmityUIKitIOS (release/4.25.0):
+//     usePushNotificationEnabled fetches the network/chat-module push setting and
+//     ChannelList renders the banner above the list when it's disabled.
+
+// 1. React / RN imports
+import { useMemo, useState } from 'react';
+import { View } from 'react-native';
+
+// 2. Internal imports (relative)
+import { Tabs } from '../../../../../core/design/molecules/Tabs';
+import { useString } from '../../../../../core/localization';
+import { Header } from './components/Header';
+import { ChannelList } from './components/ChannelList';
+import { usePushNotificationEnabled } from './hooks';
+import { useStyles } from './styles';
+
+// 3. Types
+
+const TAB_TYPES = {
+  all: ['conversation', 'community'],
+  direct: ['conversation'],
+  group: ['community']
+};
+
+// 4. Named function component
+export function ChatHome({
+  onChannelPress,
+  onCreatePress
+}) {
+  const {
+    styles
+  } = useStyles();
+  const isPushNotificationEnabled = usePushNotificationEnabled();
+  const allLabel = useString('amity_chat_tab_all');
+  const directLabel = useString('amity_chat_tab_direct');
+  const groupsLabel = useString('amity_chat_tab_groups');
+  const [activeTab, setActiveTab] = useState('all');
+  const tabs = useMemo(() => [{
+    value: 'all',
+    label: allLabel
+  }, {
+    value: 'direct',
+    label: directLabel
+  }, {
+    value: 'group',
+    label: groupsLabel
+  }], [allLabel, directLabel, groupsLabel]);
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(Header, null), /*#__PURE__*/React.createElement(View, {
+    style: styles.tabsWrapper
+  }, /*#__PURE__*/React.createElement(Tabs, {
+    variant: "pill",
+    value: activeTab,
+    onChange: setActiveTab,
+    tabs: tabs
+  })), /*#__PURE__*/React.createElement(View, {
+    style: styles.listWrapper
+  }, /*#__PURE__*/React.createElement(ChannelList, {
+    types: TAB_TYPES[activeTab],
+    isPushNotificationEnabled: isPushNotificationEnabled,
+    onChannelPress: onChannelPress,
+    onCreatePress: onCreatePress
+  })));
+}
+//# sourceMappingURL=ChatHome.js.map

package/lib/module/social/features/chat/features/home/ChatHome.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","useState","View","Tabs","useString","Header","ChannelList","usePushNotificationEnabled","useStyles","TAB_TYPES","all","direct","group","ChatHome","onChannelPress","onCreatePress","styles","isPushNotificationEnabled","allLabel","directLabel","groupsLabel","activeTab","setActiveTab","tabs","value","label","React","createElement","style","container","tabsWrapper","variant","onChange","listWrapper","types"],"sourceRoot":"../../../../../../../src","sources":["social/features/chat/features/home/ChatHome.tsx"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,SAASA,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACzC,SAASC,IAAI,QAAQ,cAAc;;AAEnC;AACA,SAASC,IAAI,QAAQ,2CAA2C;AAChE,SAASC,SAAS,QAAQ,kCAAkC;AAC5D,SAASC,MAAM,QAAQ,qBAAqB;AAC5C,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,0BAA0B,QAAQ,SAAS;AACpD,SAASC,SAAS,QAAQ,UAAU;;AAEpC;;AAYA,MAAMC,SAA8C,GAAG;EACrDC,GAAG,EAAE,CAAC,cAAc,EAAE,WAAW,CAAC;EAClCC,MAAM,EAAE,CAAC,cAAc,CAAC;EACxBC,KAAK,EAAE,CAAC,WAAW;AACrB,CAAC;;AAED;AACA,OAAO,SAASC,QAAQA,CAAC;EAAEC,cAAc;EAAEC;AAA6B,CAAC,EAAE;EACzE,MAAM;IAAEC;EAAO,CAAC,GAAGR,SAAS,CAAC,CAAC;EAC9B,MAAMS,yBAAyB,GAAGV,0BAA0B,CAAC,CAAC;EAE9D,MAAMW,QAAQ,GAAGd,SAAS,CAAC,oBAAoB,CAAC;EAChD,MAAMe,WAAW,GAAGf,SAAS,CAAC,uBAAuB,CAAC;EACtD,MAAMgB,WAAW,GAAGhB,SAAS,CAAC,uBAAuB,CAAC;EAEtD,MAAM,CAACiB,SAAS,EAAEC,YAAY,CAAC,GAAGrB,QAAQ,CAAS,KAAK,CAAC;EAEzD,MAAMsB,IAAI,GAAGvB,OAAO,CAClB,MAAM,CACJ;IAAEwB,KAAK,EAAE,KAAK;IAAEC,KAAK,EAAEP;EAAS,CAAC,EACjC;IAAEM,KAAK,EAAE,QAAQ;IAAEC,KAAK,EAAEN;EAAY,CAAC,EACvC;IAAEK,KAAK,EAAE,OAAO;IAAEC,KAAK,EAAEL;EAAY,CAAC,CACvC,EACD,CAACF,QAAQ,EAAEC,WAAW,EAAEC,WAAW,CACrC,CAAC;EAED,oBACEM,KAAA,CAAAC,aAAA,CAACzB,IAAI;IAAC0B,KAAK,EAAEZ,MAAM,CAACa;EAAU,gBAC5BH,KAAA,CAAAC,aAAA,CAACtB,MAAM,MAAE,CAAC,eACVqB,KAAA,CAAAC,aAAA,CAACzB,IAAI;IAAC0B,KAAK,EAAEZ,MAAM,CAACc;EAAY,gBAC9BJ,KAAA,CAAAC,aAAA,CAACxB,IAAI;IACH4B,OAAO,EAAC,MAAM;IACdP,KAAK,EAAEH,SAAU;IACjBW,QAAQ,EAAEV,YAAa;IACvBC,IAAI,EAAEA;EAAK,CACZ,CACG,CAAC,eACPG,KAAA,CAAAC,aAAA,CAACzB,IAAI;IAAC0B,KAAK,EAAEZ,MAAM,CAACiB;EAAY,gBAC9BP,KAAA,CAAAC,aAAA,CAACrB,WAAW;IACV4B,KAAK,EAAEzB,SAAS,CAACY,SAAS,CAAE;IAC5BJ,yBAAyB,EAAEA,yBAA0B;IACrDH,cAAc,EAAEA,cAAe;IAC/BC,aAAa,EAAEA;EAAc,CAC9B,CACG,CACF,CAAC;AAEX","ignoreList":[]}

package/lib/module/social/features/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/social/features/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":["social/features/chat/features/home/components/ChannelList/ChannelList.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

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

package/lib/module/social/features/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/social/features/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":["social/features/chat/features/home/components/ChannelList/styles.ts"],"mappings":"AAAA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,iDAAiD;AAC1E,SAASC,eAAe,QAAQ,4DAA4D;AAE5F,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/social/features/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/social/features/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":["social/features/chat/features/home/components/Header/Header.tsx"],"mappings":"AAAA;AACA;AACA;AACA;;AAEA;AACA,SAASA,IAAI,QAAQ,cAAc;;AAEnC;AACA,SAASC,UAAU,QAAQ,wDAAwD;AACnF,SAASC,SAAS,QAAQ,wCAAwC;AAClE,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/social/features/chat/features/home/components/Header/index.js

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

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

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

package/lib/module/social/features/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/social/features/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":["social/features/chat/features/home/components/Header/styles.ts"],"mappings":"AAAA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,iDAAiD;AAC1E,SAASC,eAAe,QAAQ,4DAA4D;AAE5F,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/social/features/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/social/features/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":["social/features/chat/features/home/components/NotificationsDisabledBanner/NotificationsDisabledBanner.tsx"],"mappings":"AAAA;AACA;AACA;AACA;;AAEA;AACA,SAASA,IAAI,QAAQ,cAAc;;AAEnC;AACA,SAASC,UAAU,QAAQ,wDAAwD;AACnF,SAASC,SAAS,QAAQ,wCAAwC;AAClE,SAASC,eAAe,QAAQ,4DAA4D;AAC5F,SAASC,SAAS,QAAQ,wCAAwC;AAClE,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/social/features/chat/features/home/components/NotificationsDisabledBanner/index.js

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

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

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